:root { --bg:#090a0c; --surface:#111318; --surface2:#171a20; --line:rgba(255,255,255,.1); --text:#f7f7f5; --muted:#989ca5; --accent:#43f5a5; --brand:#43f5a5; --brand2:#16231e; --display:'Cabinet Grotesk',sans-serif; --body:'Satoshi',sans-serif; --ease:cubic-bezier(.22,.8,.2,1); }
* { box-sizing:border-box; margin:0; padding:0; }
html { color-scheme:dark; scroll-behavior:smooth; }
body { min-height:100vh; overflow-x:hidden; background:var(--bg); color:var(--text); font-family:var(--body); -webkit-font-smoothing:antialiased; }
a { color:inherit; text-decoration:none; } button { border:0; font:inherit; cursor:pointer; }
.digital-nav { position:sticky; top:0; z-index:30; min-height:76px; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; padding:0 max(22px,calc((100vw - 1180px)/2)); border-bottom:1px solid var(--line); background:rgba(9,10,12,.88); backdrop-filter:blur(18px); }
.brand { display:flex; align-items:center; gap:8px; justify-self:center; font-size:.72rem; letter-spacing:.18em; }.brand img{border-radius:12px}.back-link{display:flex;align-items:center;gap:9px;color:#c4c7cd;font-size:.76rem}.back-link span{font-size:1.05rem}.region-pill{justify-self:end;min-height:42px;padding:0 14px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.04);color:#dfe2e7;font-size:.7rem}
.product-hero { position:relative; width:min(calc(100% - 44px),1180px); min-height:500px; margin:0 auto; display:grid; grid-template-columns:1.1fr .9fr; align-items:center; gap:70px; overflow:hidden; border-bottom:1px solid var(--line); }
.hero-aura { position:absolute; width:620px; height:620px; right:-250px; top:-250px; border-radius:50%; background:radial-gradient(circle,color-mix(in srgb,var(--brand) 20%,transparent),transparent 66%); filter:blur(10px); }
.hero-copy { position:relative; z-index:2; padding:90px 0; }.eyebrow{color:var(--brand);font-size:.65rem;font-weight:800;letter-spacing:.16em}.hero-copy h1{max-width:720px;margin-top:18px;font-family:var(--display);font-size:clamp(3.4rem,7vw,6.7rem);line-height:.9;letter-spacing:-.06em}.hero-copy h1 em{color:var(--brand);font-style:normal}.hero-copy>p:not(.eyebrow){max-width:590px;margin-top:25px;color:var(--muted);font-size:1rem;line-height:1.65}.trust-row{display:flex;flex-wrap:wrap;gap:9px;margin-top:30px}.trust-row span{padding:8px 11px;border:1px solid var(--line);border-radius:999px;color:#c8cbd1;font-size:.68rem}
.product-mark { position:relative; z-index:2; width:min(34vw,330px); aspect-ratio:1; display:grid; place-items:center; justify-self:center; border:1px solid color-mix(in srgb,var(--brand) 38%,transparent); border-radius:32%; background:radial-gradient(circle at 32% 24%,color-mix(in srgb,var(--brand) 30%,transparent),transparent 45%),linear-gradient(145deg,var(--brand2),#090a0c); box-shadow:0 45px 100px rgba(0,0,0,.42),0 0 0 30px color-mix(in srgb,var(--brand) 5%,transparent); color:var(--brand); font-family:var(--display); font-size:clamp(2.5rem,7vw,5.5rem); font-weight:800; transform:rotate(5deg); }
.brandmark{width:100%;height:100%;display:block;color:inherit}.brandmark-image{object-fit:contain}.product-mark .brandmark{width:52%;height:52%;transform:rotate(-5deg)}.product-mark .brandmark-image{filter:none}.summary-product>span .brandmark{width:32px;height:32px}.summary-product>span .brandmark-image{filter:none}
.order-shell { width:min(calc(100% - 44px),1180px); margin:70px auto 110px; display:grid; grid-template-columns:minmax(0,1fr) 370px; gap:42px; align-items:start; }.order-main{min-width:0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;padding-bottom:22px;border-bottom:1px solid var(--line)}.section-head p,.summary-kicker{color:var(--brand);font-size:.62rem;font-weight:800;letter-spacing:.15em}.section-head h2{margin-top:8px;font-family:var(--display);font-size:2.2rem;letter-spacing:-.035em}.availability{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:.68rem}.availability i{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 14px rgba(67,245,165,.6)}
.notice{margin-top:20px;padding:14px 16px;border:1px solid color-mix(in srgb,var(--brand) 26%,transparent);border-radius:13px;background:color-mix(in srgb,var(--brand) 7%,transparent);color:#cfd3d9;font-size:.76rem;line-height:1.5}.plan-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:24px}.plan-card{position:relative;min-height:145px;padding:21px;border:1px solid var(--line);border-radius:18px;background:var(--surface);color:var(--text);text-align:left;transition:transform .24s var(--ease),border-color .24s,background .24s}.plan-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--brand) 42%,transparent)}.plan-card.is-selected{border-color:var(--brand);background:color-mix(in srgb,var(--brand) 7%,var(--surface));box-shadow:0 0 0 1px var(--brand)}.plan-card:disabled{cursor:not-allowed;opacity:.56}.plan-card small{display:block;color:var(--muted);font-size:.65rem}.plan-card h3{margin-top:8px;font-family:var(--display);font-size:1.25rem}.plan-card strong{display:block;margin-top:25px;color:var(--brand);font-size:1rem}.plan-card em{position:absolute;right:14px;top:14px;padding:5px 7px;border-radius:999px;background:color-mix(in srgb,var(--brand) 12%,transparent);color:var(--brand);font-size:.55rem;font-style:normal;font-weight:700;text-transform:uppercase}
.quote-state{margin-top:24px;padding:40px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(145deg,var(--surface2),#101216)}.quote-state>span{width:54px;height:54px;display:grid;place-items:center;border-radius:16px;background:color-mix(in srgb,var(--brand) 12%,transparent);color:var(--brand);font-family:var(--display);font-weight:800}.quote-state h3{margin-top:26px;font-family:var(--display);font-size:1.7rem}.quote-state p{max-width:600px;margin-top:10px;color:var(--muted);line-height:1.65}
.order-summary{position:sticky;top:100px;padding:25px;border:1px solid var(--line);border-radius:22px;background:var(--surface);box-shadow:0 30px 80px rgba(0,0,0,.22)}.summary-product{display:flex;align-items:center;gap:14px;margin-top:22px;padding-bottom:22px;border-bottom:1px solid var(--line)}.summary-product>span{width:54px;height:54px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(145deg,var(--brand2),#090a0c);color:var(--brand);font-family:var(--display);font-weight:800}.summary-product small{color:var(--muted);font-size:.62rem;text-transform:uppercase}.summary-product h2{margin-top:4px;font-family:var(--display);font-size:1.1rem}.order-summary dl{margin-top:8px}.order-summary dl>div{display:flex;justify-content:space-between;gap:20px;padding:13px 0;border-bottom:1px solid var(--line);font-size:.72rem}.order-summary dt{color:var(--muted)}.order-summary dd{text-align:right}.summary-total{display:flex;justify-content:space-between;align-items:end;padding:26px 0}.summary-total span{color:var(--muted);font-size:.72rem}.summary-total strong{font-family:var(--display);font-size:1.45rem;color:var(--brand)}.order-button{width:100%;min-height:55px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-radius:14px;background:var(--brand);color:#06110b;font-size:.77rem;font-weight:800;transition:transform .22s var(--ease),filter .22s}.order-button:not(:disabled):hover{transform:translateY(-2px);filter:brightness(1.07)}.order-button:disabled{opacity:.38;cursor:not-allowed}.order-button i{font-style:normal;font-size:1rem}.payment-note{margin-top:15px;color:#777c85;font-size:.63rem;line-height:1.5}
.safety-section{width:min(calc(100% - 44px),1180px);margin:0 auto 110px;padding-top:65px;border-top:1px solid var(--line)}.safety-section>div:first-child{display:flex;justify-content:space-between;align-items:end;gap:30px}.safety-section h2{font-family:var(--display);font-size:clamp(2.5rem,5vw,4.5rem);letter-spacing:-.05em}.safety-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:45px;border:1px solid var(--line);border-radius:22px;overflow:hidden}.safety-grid article{min-height:230px;padding:27px;border-right:1px solid var(--line);background:var(--surface)}.safety-grid article:last-child{border:0}.safety-grid span{color:var(--brand);font-size:.65rem}.safety-grid h3{margin-top:65px;font-family:var(--display);font-size:1.35rem}.safety-grid p{margin-top:8px;color:var(--muted);font-size:.76rem;line-height:1.55}footer{min-height:90px;width:min(calc(100% - 44px),1180px);margin:auto;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);color:var(--muted);font-size:.7rem}footer a{color:var(--text)}
[hidden]{display:none!important}
@media(max-width:850px){.digital-nav{grid-template-columns:1fr auto}.brand{display:none}.product-hero{grid-template-columns:1fr;gap:0;padding:65px 0 70px}.hero-copy{padding:0}.product-mark{width:190px;margin:20px 0 0;justify-self:start}.order-shell{grid-template-columns:1fr;margin-top:45px}.order-summary{position:static}.safety-grid{grid-template-columns:1fr}.safety-grid article{min-height:170px;border-right:0;border-bottom:1px solid var(--line)}.safety-grid h3{margin-top:35px}}
@media(max-width:560px){.digital-nav{min-height:66px;padding:0 16px}.back-link{font-size:.68rem}.region-pill{padding:0 11px;font-size:.62rem}.product-hero,.order-shell,.safety-section,footer{width:min(calc(100% - 30px),1180px)}.product-hero{min-height:520px}.hero-copy h1{font-size:clamp(3.1rem,16vw,4.4rem)}.hero-copy>p:not(.eyebrow){font-size:.88rem}.product-mark{width:155px;border-radius:28%}.trust-row span{font-size:.59rem}.section-head{align-items:start;flex-direction:column}.plan-grid{grid-template-columns:1fr}.order-summary{padding:20px}.safety-section>div:first-child{display:block}.safety-section h2{margin-top:8px}.safety-grid{margin-top:30px}.quote-state{padding:26px 22px}footer{min-height:80px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}