:root{--ink:#16233a;--navy:#1F3A5F;--amber:#D9913A;--bg:#FBF8F3;--line:#E7E1D6;--mute:#5E6878}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:17px/1.65 Inter,system-ui,sans-serif;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}
h1,h2,h3{font-family:Fraunces,Georgia,serif;font-weight:600;letter-spacing:-.015em;line-height:1.12;margin:0}
a{color:inherit}.wrap{max-width:1160px;margin:0 auto;padding:0 28px}
nav{display:flex;justify-content:space-between;align-items:center;padding:22px 0}.logo{font-weight:700;letter-spacing:.02em;font-size:15px}.logo span{color:var(--amber)}
nav a.navcta{font-size:15px;font-weight:600;text-decoration:none;border-bottom:2px solid var(--amber)}
.btn{display:inline-flex;align-items:center;gap:8px;background:var(--navy);color:#fff;padding:15px 28px;border-radius:999px;text-decoration:none;font-weight:600;font-size:16px;transition:.15s}.btn:hover{background:#142a47}
.btn.ghost{background:transparent;color:var(--navy);box-shadow:inset 0 0 0 1.5px var(--navy)}.btn.ghost:hover{background:#fff}
.hero{display:grid;grid-template-columns:1fr 1.15fr;gap:56px;align-items:center;padding:40px 0 80px}
.eyebrow{font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--amber)}
.hero h1{font-size:54px;margin:14px 0 20px}.hero p.lead{font-size:19px;color:var(--mute);margin:0 0 30px;max-width:30em}
.ctas{display:flex;gap:12px;flex-wrap:wrap}.fine{font-size:14px;color:var(--mute);margin-top:16px}
.stage{position:relative;padding-bottom:40px}
.laptop{background:#1b2230;border-radius:14px 14px 0 0;padding:12px 12px 0;box-shadow:0 30px 60px -20px rgba(22,35,58,.35)}.laptop img{display:block;width:100%;border-radius:4px 4px 0 0}
.base{height:16px;background:linear-gradient(#d9dde4,#b8bec8);border-radius:0 0 18px 18px;margin:0 -5%;position:relative}.base:after{content:"";position:absolute;left:42%;right:42%;top:0;height:6px;background:#a3aab5;border-radius:0 0 8px 8px}
.tablet{position:absolute;right:-18px;bottom:0;width:46%;background:#1b2230;border-radius:16px;padding:9px;box-shadow:0 24px 50px -16px rgba(22,35,58,.45)}.tablet img{display:block;width:100%;border-radius:8px}
.specs{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.specs div{padding:22px 20px;border-right:1px solid var(--line)}.specs div:last-child{border:0}
.specs b{display:block;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--mute);font-weight:600}.specs span{font-size:17px;font-weight:600}
section{padding:96px 0}.sh{max-width:640px;margin-bottom:48px}.sh h2{font-size:40px;margin:10px 0 14px}.sh p{color:var(--mute);margin:0}
.feat{display:grid;grid-template-columns:1fr 1.3fr;gap:64px;align-items:center;margin-bottom:96px}.feat.rev{grid-template-columns:1.3fr 1fr}.feat.rev .txt{order:2}
.feat h3{font-size:30px;margin-bottom:14px}.feat p{color:var(--mute);margin:0 0 14px}.feat ul{padding:0;margin:0;list-style:none}.feat li{padding:7px 0 7px 26px;position:relative}.feat li:before{content:"";position:absolute;left:0;top:15px;width:12px;height:2px;background:var(--amber)}
.shot{background:#fff;border:1px solid var(--line);border-radius:14px;padding:10px;box-shadow:0 20px 40px -24px rgba(22,35,58,.3)}.shot img{display:block;width:100%;border-radius:8px}
.dark{background:var(--navy);color:#fff}.dark .sh p,.dark .mute{color:#b9c6d8}
.inc{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.15);border-radius:14px;overflow:hidden}.inc div{background:var(--navy);padding:28px}.inc h3{font-size:20px;margin-bottom:8px}.inc p{margin:0;color:#b9c6d8;font-size:15px}
.price{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:880px;margin:0 auto}.plan{background:#fff;border:1px solid var(--line);border-radius:18px;padding:36px}.plan.main{border:2px solid var(--navy);box-shadow:0 24px 50px -28px rgba(22,35,58,.4)}
.plan h3{font-size:24px}.amt{font-family:Fraunces,serif;font-size:52px;font-weight:600;margin:12px 0 2px}.amt small{font:500 15px Inter;color:var(--mute)}
.plan ul{list-style:none;padding:0;margin:22px 0 28px}.plan li{padding:9px 0;border-top:1px solid var(--line);font-size:15px}.plan li.no{color:#a1a8b3;text-decoration:line-through}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.steps div{border-top:2px solid var(--ink);padding-top:18px}.steps b{font-family:Fraunces,serif;font-size:15px;color:var(--amber)}.steps h3{font-size:22px;margin:6px 0 8px}.steps p{color:var(--mute);margin:0;font-size:16px}
.faq{max-width:780px}details{border-top:1px solid var(--line);padding:20px 0}details:last-child{border-bottom:1px solid var(--line)}summary{cursor:pointer;font-weight:600;font-size:18px;list-style:none;display:flex;justify-content:space-between}summary:after{content:"+";color:var(--amber);font-size:24px;line-height:1}details[open] summary:after{content:"–"}details p{color:var(--mute);margin:12px 0 0}
.final{text-align:center;padding:96px 0}.final h2{font-size:42px;margin-bottom:16px}
footer{border-top:1px solid var(--line);padding:32px 0 48px;font-size:14px;color:var(--mute)}
@media(max-width:900px){.hero,.feat,.feat.rev,.price{grid-template-columns:1fr;gap:36px}.feat.rev .txt{order:0}.hero h1{font-size:38px}.specs{grid-template-columns:1fr 1fr}.specs div:nth-child(2){border-right:0}.specs div:nth-child(-n+2){border-bottom:1px solid var(--line)}.inc,.steps{grid-template-columns:1fr}section{padding:64px 0}.feat{margin-bottom:64px}.sh h2,.final h2{font-size:32px}.tablet{right:-6px}body{font-size:16px}.hero{padding-bottom:40px}}
.tools3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.tcard{display:block;background:#fff;border:1px solid var(--line);border-radius:16px;padding:28px;text-decoration:none;transition:.15s;box-shadow:0 12px 28px -24px rgba(22,35,58,.35)}
.tcard:hover{border-color:var(--navy);transform:translateY(-2px)}
.tcard h3{font-size:22px;margin:0 0 10px}
.tcard p{color:var(--mute);margin:0 0 16px;font-size:15px}
.tcard span{font-weight:600;font-size:14px;color:var(--amber)}
@media(max-width:900px){.tools3{grid-template-columns:1fr}}
