:root{
  --bg:#050706;
  --bg-soft:#0a0d0b;
  --panel:#0d120f;
  --panel-2:#111713;
  --text:#f0f5f1;
  --muted:#9aa59e;
  --faint:#657169;
  --line:#202a24;
  --line-strong:#35443b;
  --accent:#b9ffc9;
  --accent-soft:#dffff0;
  --accent-dim:#6ca97a;
  --max:1500px;
  --pad:clamp(20px,3.3vw,54px);
  --radius:10px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
body{
  margin:0;background:var(--bg);color:var(--text);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
img,svg,canvas{display:block;max-width:100%}
.wrap{width:min(calc(100% - 40px),var(--max));margin-inline:auto}
.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.eyebrow{
  font:650 10px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;
  letter-spacing:.18em;text-transform:uppercase;color:var(--accent);
}
.muted{color:var(--muted)}
.small{font-size:13px}
.rule{height:1px;background:var(--line)}
.btn{
  min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:10px;
  padding:0 17px;border:1px solid var(--line-strong);background:#0b100d;color:var(--text);
  border-radius:6px;font-size:13px;font-weight:720;letter-spacing:-.01em;transition:.18s ease;
}
.btn:hover{transform:translateY(-1px);border-color:#5c6c63;background:#101611}
.btn.primary{background:var(--accent);border-color:var(--accent);color:#061008}
.btn.primary:hover{background:#e2ffe9;border-color:#e2ffe9}
.btn.text{border-color:transparent;background:transparent;padding-inline:0;min-height:auto}
.btn.disabled{opacity:.48;pointer-events:none}
.badge{
  display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line-strong);
  padding:7px 9px;border-radius:999px;color:#c7d1ca;background:rgba(8,11,9,.78);
  font:650 9px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.14em;text-transform:uppercase;
}
.dot{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px rgba(185,255,201,.5)}
.announcement{position:relative;z-index:60;height:34px;display:flex;align-items:center;justify-content:center;background:#b9ffc9;color:#061008;font-size:11px;font-weight:760;letter-spacing:.01em}
.announcement a{text-decoration:underline;text-underline-offset:3px}
.nav{position:sticky;top:0;z-index:55;border-bottom:1px solid rgba(255,255,255,.07);background:rgba(5,7,6,.88);backdrop-filter:blur(18px) saturate(135%)}
.navin{height:70px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.brand{display:flex;align-items:center;gap:12px;min-width:max-content}
.brand-mark{width:38px;height:38px}
.brand-word{font-size:13px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;line-height:.95}
.brand-word small{display:block;color:#79857e;font-size:9px;letter-spacing:.22em;margin-top:5px}
.navlinks{display:flex;align-items:center;gap:26px;margin-left:auto;font-size:13px;color:#b7c0ba}
.navlinks a:hover,.navlinks a.active{color:#fff}
.nav-actions{display:flex;align-items:center;gap:10px}
.mobile-menu{display:none}
.display{font-size:clamp(54px,8.7vw,138px);line-height:.86;letter-spacing:-.078em;margin:0;font-weight:790}
.display .outline{color:transparent;-webkit-text-stroke:1px #7b8a82}
.h2{font-size:clamp(40px,5.2vw,78px);line-height:.96;letter-spacing:-.058em;margin:0;font-weight:760}
.h3{font-size:clamp(25px,2.2vw,36px);line-height:1.05;letter-spacing:-.04em;margin:0}
.copy-lg{font-size:clamp(18px,1.6vw,24px);line-height:1.48;letter-spacing:-.025em;color:#c0c9c3}
.copy{font-size:15px;line-height:1.65;color:#9eaaa3}
.section{padding:110px 0;border-bottom:1px solid var(--line)}
.section-head{display:grid;grid-template-columns:.86fr 1.14fr;gap:80px;align-items:end;margin-bottom:58px}
.section-head .right{max-width:680px;justify-self:end}
.hero{min-height:calc(100vh - 104px);position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.04fr) minmax(420px,.96fr);border-bottom:1px solid var(--line);background:radial-gradient(circle at 83% 19%,rgba(185,255,201,.06),transparent 27rem),var(--bg)}
.hero-copy{padding:clamp(70px,9vh,130px) var(--pad) 65px max(var(--pad),calc((100vw - var(--max))/2 + 20px));display:flex;flex-direction:column;justify-content:flex-end;position:relative;z-index:2}
.hero-copy .eyebrow{margin-bottom:27px}
.hero-copy .copy-lg{max-width:740px;margin:35px 0 30px}
.hero-actions{display:flex;gap:10px;flex-wrap:wrap}
.hero-meta{display:flex;gap:24px;flex-wrap:wrap;margin-top:50px;padding-top:20px;border-top:1px solid var(--line)}
.hero-meta div{font-size:11px;color:#7b877f}
.hero-meta b{color:#d9e1dc;font-weight:650}
.hero-stage{position:relative;min-height:620px;border-left:1px solid var(--line);overflow:hidden;background:#020403}
.hero-stage canvas{position:absolute;inset:0;width:100%;height:100%}
.stage-overlay{position:absolute;inset:auto 24px 24px 24px;z-index:2;display:flex;justify-content:space-between;gap:20px;align-items:end}
.stage-caption{max-width:390px}
.stage-caption b{display:block;font-size:14px;margin-bottom:4px}
.stage-caption span{font-size:11px;color:#768078;line-height:1.45}
.stage-meter{display:grid;grid-template-columns:repeat(12,4px);gap:4px;align-items:end;height:32px}
.stage-meter i{display:block;width:4px;background:var(--accent);opacity:.7;animation:meter 1.2s ease-in-out infinite alternate}
.stage-meter i:nth-child(2n){animation-delay:.3s}.stage-meter i:nth-child(3n){animation-delay:.55s}.stage-meter i:nth-child(4n){animation-delay:.15s}
@keyframes meter{from{height:5px;opacity:.25}to{height:28px;opacity:.95}}
.stage-ui{position:absolute;top:20px;left:20px;right:20px;z-index:2;display:flex;justify-content:space-between;font:600 9px ui-monospace,monospace;letter-spacing:.13em;text-transform:uppercase;color:#859189}
.stage-ui span{border:1px solid rgba(255,255,255,.12);background:rgba(3,5,4,.6);padding:8px 9px;border-radius:4px}
.trust{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line);background:#080b09}
.trust-item{padding:24px var(--pad);border-right:1px solid var(--line)}
.trust-item:last-child{border-right:0}
.trust-item span{display:block;font:650 9px ui-monospace,monospace;letter-spacing:.15em;text-transform:uppercase;color:#68746d;margin-bottom:7px}
.trust-item b{font-size:14px;font-weight:650;color:#d8e0db}
.feature-product{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr);border:1px solid var(--line);background:#090c0a;border-radius:var(--radius);overflow:hidden}
.feature-visual{min-height:670px;position:relative;background:#020403;overflow:hidden}
.feature-visual canvas{position:absolute;inset:0;width:100%;height:100%}
.feature-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(3,5,4,.76))}
.feature-copy{padding:54px;display:flex;flex-direction:column}
.feature-copy .h3{font-size:clamp(44px,5vw,74px);margin:8px 0 22px}
.feature-copy .copy-lg{font-size:19px}
.spec-pills{display:flex;flex-wrap:wrap;gap:8px;margin:28px 0}
.spec-pills span{border:1px solid var(--line);padding:8px 10px;border-radius:999px;font:600 10px ui-monospace,monospace;color:#a8b4ad}
.feature-list{margin:16px 0 32px;border-top:1px solid var(--line)}
.feature-row{display:grid;grid-template-columns:26px 1fr;gap:12px;padding:14px 0;border-bottom:1px solid var(--line);font-size:13px;color:#c7d0ca}
.feature-row i{font-style:normal;color:var(--accent)}
.feature-copy .hero-actions{margin-top:auto}
.workflow{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
.workflow article{padding:35px;min-height:300px;border-right:1px solid var(--line);background:linear-gradient(180deg,#0b0f0d,#080b09)}
.workflow article:last-child{border-right:0}
.workflow .num{font:650 10px ui-monospace,monospace;color:#657169;margin-bottom:75px}
.workflow h3{font-size:27px;letter-spacing:-.04em;margin:0 0 12px}
.workflow p{font-size:14px;line-height:1.6;color:#8f9a93;margin:0}
.product-grid{display:grid;grid-template-columns:1.4fr .6fr;gap:16px}
.catalog-card{border:1px solid var(--line);background:#090d0a;border-radius:var(--radius);padding:34px;min-height:330px;position:relative;overflow:hidden}
.catalog-card.flagship{min-height:430px;background:radial-gradient(circle at 85% 15%,rgba(185,255,201,.08),transparent 24rem),#090d0a}
.catalog-card .label{font:650 9px ui-monospace,monospace;letter-spacing:.14em;text-transform:uppercase;color:#68736d}
.catalog-card h3{font-size:36px;letter-spacing:-.045em;margin:10px 0 14px}
.catalog-card p{max-width:560px;color:#98a49d;line-height:1.6;font-size:14px}
.catalog-card .btn{position:absolute;left:34px;bottom:34px}
.catalog-card .orb{position:absolute;width:260px;height:260px;border-radius:50%;right:-75px;bottom:-85px;border:1px solid rgba(185,255,201,.26);box-shadow:0 0 70px rgba(185,255,201,.05),inset 0 0 50px rgba(185,255,201,.04)}
.proof{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
.proof div{padding:27px;border-right:1px solid var(--line)}
.proof div:last-child{border-right:0}
.proof b{display:block;font-size:18px;margin-bottom:7px}
.proof span{font-size:12px;color:#7e8a82;line-height:1.5}
.product-hero{position:relative;min-height:760px;border-bottom:1px solid var(--line);overflow:hidden;display:grid;grid-template-columns:.9fr 1.1fr;background:#050706}
.product-hero-copy{padding:95px var(--pad) 64px max(var(--pad),calc((100vw - var(--max))/2 + 20px));display:flex;flex-direction:column;justify-content:center}
.product-hero-copy h1{font-size:clamp(56px,8vw,122px);line-height:.88;letter-spacing:-.072em;margin:16px 0 30px}
.product-hero-copy .copy-lg{max-width:660px}
.price-line{display:flex;gap:16px;align-items:center;margin-top:28px;color:#cbd3ce;font-size:13px}
.product-stage{position:relative;min-height:620px;border-left:1px solid var(--line);background:#020403}
.product-stage canvas{position:absolute;inset:0;width:100%;height:100%}
.window{position:absolute;z-index:3;left:5%;right:5%;top:9%;bottom:9%;border:1px solid rgba(255,255,255,.17);border-radius:7px;box-shadow:0 26px 80px rgba(0,0,0,.42);overflow:hidden;background:rgba(3,5,4,.22)}
.windowbar{height:31px;display:flex;align-items:center;gap:6px;padding:0 10px;border-bottom:1px solid rgba(255,255,255,.11);background:rgba(8,11,9,.78)}
.windowbar i{display:block;width:7px;height:7px;border-radius:50%;border:1px solid #69756e}
.windowlabel{margin-left:auto;font:600 8px ui-monospace,monospace;letter-spacing:.13em;text-transform:uppercase;color:#758078}
.side-rail{position:absolute;z-index:4;right:12px;top:52px;bottom:18px;width:88px;border-left:1px solid rgba(255,255,255,.1);padding:12px 9px}
.side-rail div{height:28px;border:1px solid rgba(255,255,255,.09);margin-bottom:8px;background:rgba(255,255,255,.015)}
.product-nav{position:sticky;top:70px;z-index:45;background:rgba(7,10,8,.92);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}
.product-nav .wrap{height:48px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.product-nav strong{font-size:12px}
.product-nav-links{display:flex;gap:20px;font-size:11px;color:#919c95}
.product-nav-links a:hover{color:#fff}
.media-feature{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:#090c0a;margin-bottom:16px}
.media-feature.reverse .media{order:2}
.media{min-height:490px;position:relative;overflow:hidden;background:#020403}
.media canvas{position:absolute;inset:0;width:100%;height:100%}
.media-copy{padding:48px;display:flex;flex-direction:column;justify-content:center}
.media-copy .eyebrow{margin-bottom:14px}
.media-copy h3{font-size:clamp(34px,4vw,58px);letter-spacing:-.055em;line-height:.98;margin:0 0 20px}
.media-copy p{font-size:16px;line-height:1.65;color:#9ba69f;max-width:570px}
.mode-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.mode{border:1px solid var(--line);background:#090c0a;min-height:220px;padding:26px;border-radius:8px}
.mode .icon{width:34px;height:34px;border:1px solid #395044;border-radius:50%;display:grid;place-items:center;margin-bottom:52px;color:var(--accent)}
.mode h4{font-size:18px;margin:0 0 9px}
.mode p{font-size:12px;line-height:1.55;color:#7f8b83;margin:0}
.pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.price-card{border:1px solid var(--line);border-radius:var(--radius);background:#090c0a;padding:30px;min-height:510px;display:flex;flex-direction:column}
.price-card.featured{border-color:#668070;background:linear-gradient(160deg,rgba(185,255,201,.07),#090c0a 38%)}
.price-card h3{font-size:27px;letter-spacing:-.04em;margin:9px 0 10px}
.price-card .price{font-size:14px;color:#8f9a93;margin:17px 0 25px}
.price-card .price strong{font-size:38px;color:#eef4f0;letter-spacing:-.045em}
.price-card ul{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.price-card li{padding:12px 0;border-bottom:1px solid var(--line);font-size:12px;color:#c4cdc7;display:flex;gap:9px}
.price-card li:before{content:"✓";color:var(--accent)}
.price-card .btn{margin-top:auto}
.spec-table{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
.spec-table .row{display:grid;grid-template-columns:.34fr .66fr;border-bottom:1px solid var(--line)}
.spec-table .row:last-child{border-bottom:0}
.spec-table .row div{padding:17px 20px;font-size:13px}
.spec-table .row div:first-child{color:#78847c;border-right:0;border-right:1px solid var(--line);font:600 10px ui-monospace,monospace;text-transform:uppercase;letter-spacing:.11em}
.faq{border-top:1px solid var(--line)}
details{border-bottom:1px solid var(--line);padding:0}
summary{list-style:none;cursor:pointer;padding:20px 0;font-size:16px;font-weight:650;display:flex;justify-content:space-between;gap:20px}
summary::-webkit-details-marker{display:none}
summary:after{content:"+";color:var(--accent);font-family:ui-monospace,monospace}
details[open] summary:after{content:"−"}
details p{max-width:820px;margin:-4px 0 23px;font-size:14px;line-height:1.65;color:#909c94}
.support-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.support-card{border:1px solid var(--line);border-radius:var(--radius);padding:30px;background:#090c0a;min-height:230px}
.support-card h3{font-size:22px;margin:42px 0 10px;letter-spacing:-.03em}
.support-card p{font-size:13px;line-height:1.55;color:#8f9a93}
.support-card .arrow{color:var(--accent);font-size:20px}
.footer{padding:58px 0 34px;background:#030504}
.footer-grid{display:grid;grid-template-columns:1.7fr repeat(4,1fr);gap:44px}
.footer-brand{font-size:25px;font-weight:760;letter-spacing:-.04em}
.footer-brand p{font-size:12px;color:#68736d;line-height:1.6;max-width:330px;font-weight:400}
.footer-col h4{font:650 9px ui-monospace,monospace;text-transform:uppercase;letter-spacing:.16em;color:#66726b;margin:4px 0 16px}
.footer-col a{display:block;font-size:12px;color:#a5afa9;margin:9px 0}
.legal{display:flex;justify-content:space-between;gap:20px;margin-top:48px;padding-top:20px;border-top:1px solid #171d19;color:#58625c;font:500 9px ui-monospace,monospace;text-transform:uppercase;letter-spacing:.08em}
.reveal{opacity:0;transform:translateY(16px);transition:opacity .65s ease,transform .65s ease}
.reveal.on{opacity:1;transform:none}
@media(max-width:1080px){
  .navlinks{display:none}.mobile-menu{display:inline-flex}
  .hero,.product-hero{grid-template-columns:1fr}.hero-stage,.product-stage{border-left:0;border-top:1px solid var(--line);min-height:560px}
  .trust{grid-template-columns:repeat(2,1fr)}.trust-item:nth-child(2){border-right:0}.trust-item:nth-child(-n+2){border-bottom:1px solid var(--line)}
  .section-head{grid-template-columns:1fr;gap:22px}.section-head .right{justify-self:start}
  .feature-product,.media-feature{grid-template-columns:1fr}.media-feature.reverse .media{order:0}
  .workflow{grid-template-columns:1fr}.workflow article{border-right:0;border-bottom:1px solid var(--line);min-height:auto}.workflow .num{margin-bottom:45px}
  .product-grid{grid-template-columns:1fr}.mode-grid{grid-template-columns:repeat(2,1fr)}
  .pricing{grid-template-columns:1fr}.proof{grid-template-columns:repeat(2,1fr)}.proof div:nth-child(2){border-right:0}.proof div:nth-child(-n+2){border-bottom:1px solid var(--line)}
  .footer-grid{grid-template-columns:1.4fr 1fr 1fr}
}
@media(max-width:680px){
  .announcement{height:auto;min-height:34px;text-align:center;padding:7px 14px}
  .wrap{width:min(calc(100% - 28px),var(--max))}
  .navin{height:62px}.nav-actions .btn.primary{display:none}
  .hero{min-height:auto}.hero-copy,.product-hero-copy{padding:70px 14px 50px}.display{font-size:clamp(52px,18vw,85px)}
  .hero-stage,.product-stage{min-height:470px}.hero-meta{gap:14px}.stage-overlay{left:14px;right:14px;bottom:14px}
  .trust{grid-template-columns:1fr}.trust-item{border-right:0!important;border-bottom:1px solid var(--line)!important}.trust-item:last-child{border-bottom:0!important}
  .section{padding:78px 0}.feature-copy,.media-copy{padding:28px}.feature-visual,.media{min-height:430px}
  .mode-grid{grid-template-columns:1fr}.proof{grid-template-columns:1fr}.proof div{border-right:0!important;border-bottom:1px solid var(--line)!important}
  .support-grid{grid-template-columns:1fr}.spec-table .row{grid-template-columns:1fr}.spec-table .row div:first-child{border-right:0;border-bottom:1px solid var(--line)}
  .product-nav{top:62px}.product-nav-links{display:none}
  .footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.legal{flex-direction:column}
}