.product-page {
  min-height: 100vh;
  background:
    radial-gradient(circle at 82% 5%, rgba(117,71,205,.16), transparent 30rem),
    radial-gradient(circle at 8% 42%, rgba(158,104,166,.07), transparent 28rem),
    #050507;
  color: #fff;
  margin: 0;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  -webkit-font-smoothing: antialiased;
}
.product-page * { box-sizing: border-box; }
.product-page h1,.product-page h2,.product-page h3,.product-page p { margin-top:0; margin-bottom:0; }
.product-page a { color:inherit; text-decoration:none; }
.product-page button { border:0; background:none; color:inherit; font:inherit; cursor:pointer; }
.product-page img { display:block; max-width:100%; }
.product-page code { padding:.08rem .3rem; border:1px solid rgba(255,255,255,.09); border-radius:.3rem; background:rgba(255,255,255,.04); color:#c0a4ef; font:inherit; }
.product-page::before { position: fixed; z-index: -1; inset: 0; background-image: linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px); background-size: 52px 52px; content:""; mask-image:linear-gradient(to bottom,black,transparent 80%); pointer-events:none; }
.page-notice { position:fixed; z-index:60; top:0; right:0; left:0; border-bottom:1px solid rgba(255,193,73,.18); background:rgba(40,27,8,.94); color:#f2c875; backdrop-filter:blur(16px); }
.page-notice p { display:flex; align-items:center; gap:.55rem; font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; font-size:.78rem; line-height:1.4; font-weight:600; }.page-notice p span{font-size:.5rem;text-shadow:0 0 10px currentColor}.page-notice button{padding:.15rem .5rem;color:rgba(255,255,255,.5);font-size:1.1rem}.page-notice button:hover{color:#fff}
.page-nav { position:fixed; z-index:50; top:0; width:100%; border-bottom:1px solid rgba(255,255,255,.075); background:rgba(5,5,8,.68); backdrop-filter:blur(16px); }
.page-nav>.page-shell { width:100%; max-width:80rem; padding-inline:1rem; }
.page-nav-inner { display:flex; height:5rem; align-items:center; justify-content:space-between; gap:2rem; }
.page-brand { display:flex; align-items:center; gap:.5rem; flex-shrink:0; font-size:1.5rem; font-weight:700; }.page-brand img{width:2.5rem;height:2.5rem;border-radius:.5rem}
.page-nav-links { display:flex; align-items:center; gap:2rem; }.page-nav-links a{color:rgba(255,255,255,.7);font-size:1rem;transition:color 160ms ease}.page-nav-links a:hover,.page-nav-links a.active{color:#fff}
.page-nav-actions{display:flex;align-items:center;gap:.75rem}.page-nav-button{display:inline-flex;align-items:center;justify-content:center;padding:.62rem 1rem;border:1px solid rgba(255,255,255,.1);border-radius:.65rem;background:rgba(255,255,255,.055);color:rgba(255,255,255,.82);font-size:.82rem;font-weight:650;line-height:1.5}.page-nav-actions .auth-login-button{line-height:1.5}.page-nav-button:hover{border-color:rgba(157,123,224,.45);background:rgba(117,71,205,.12);color:#fff}
.page-menu-button{display:none;padding:.6rem}.page-menu-button svg{width:1.5rem;height:1.5rem}.page-mobile-menu{display:none;padding:.6rem 0 1rem;border-top:1px solid rgba(255,255,255,.07)}.page-mobile-menu a{display:block;padding:.65rem .4rem;color:rgba(255,255,255,.65);font-size:.82rem}.page-mobile-menu.open{display:block}
.page-shell{width:min(100% - 2rem,80rem);margin-inline:auto}.page-hero{position:relative;overflow:hidden;padding:11.5rem 0 6.5rem}.page-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.72fr);gap:4rem;align-items:end}.page-kicker{display:inline-flex;align-items:center;gap:.55rem;color:#b796ee;font-size:.66rem;font-weight:750;letter-spacing:.15em;text-transform:uppercase}.page-kicker i{width:.42rem;height:.42rem;border-radius:50%;background:#a77be8;box-shadow:0 0 12px #a77be8}.page-hero h1{max-width:850px;margin:.9rem 0 1.2rem;font-size:clamp(3.25rem,7vw,6.8rem);font-weight:750;letter-spacing:-.065em;line-height:.92}.page-gradient{background:linear-gradient(120deg,#c590d1,#7547cd 68%);background-clip:text;-webkit-background-clip:text;color:transparent}.page-hero p{max-width:660px;color:rgba(255,255,255,.55);font-size:clamp(1rem,1.7vw,1.16rem);line-height:1.7}.page-hero-aside{padding:1.4rem;border:1px solid rgba(255,255,255,.09);border-radius:1.15rem;background:rgba(255,255,255,.025)}.page-hero-aside span{display:block;color:rgba(255,255,255,.32);font-size:.61rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.page-hero-aside b{display:block;margin:.7rem 0;font-size:1.15rem}.page-hero-aside p{font-size:.76rem;line-height:1.55}.page-actions{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.6rem}.page-action{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-height:3rem;padding:.7rem 1.1rem;border:1px solid rgba(255,255,255,.11);border-radius:.78rem;background:rgba(255,255,255,.05);font-size:.8rem;font-weight:680;transition:transform 160ms ease,border-color 160ms ease}.page-action:hover{transform:translateY(-2px);border-color:rgba(157,123,224,.5)}.page-action.primary{border:0;background:linear-gradient(135deg,#9e68a6,#7547cd);box-shadow:0 13px 32px rgba(117,71,205,.25)}
.page-section{padding:6rem 0}.page-section.soft{background:linear-gradient(180deg,transparent,rgba(117,71,205,.045),transparent)}.page-heading{display:flex;align-items:end;justify-content:space-between;gap:3rem;margin-bottom:2rem}.page-heading h2{max-width:780px;margin-top:.55rem;font-size:clamp(2.25rem,4.5vw,4rem);font-weight:700;letter-spacing:-.055em;line-height:1}.page-heading>p{max-width:430px;color:rgba(255,255,255,.48);font-size:.85rem;line-height:1.65}
.page-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem}.page-card{position:relative;overflow:hidden;min-height:260px;padding:1.55rem;border:1px solid rgba(255,255,255,.085);border-radius:1.15rem;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.015));transition:border-color 170ms ease,transform 170ms ease}.page-card:hover{border-color:rgba(157,123,224,.3);transform:translateY(-2px)}.page-card.wide{grid-column:span 2}.page-card-icon{display:grid;width:2.6rem;height:2.6rem;place-items:center;border:1px solid rgba(157,123,224,.3);border-radius:.72rem;background:rgba(117,71,205,.12);color:#b997ef}.page-card-label{display:block;margin-top:2rem;color:#a987e6;font-size:.6rem;font-weight:750;letter-spacing:.13em;text-transform:uppercase}.page-card h3{margin:.55rem 0 .65rem;font-size:1.35rem;font-weight:650;letter-spacing:-.025em}.page-card p,.page-card li{color:rgba(255,255,255,.48);font-size:.78rem;line-height:1.6}.page-card ul{display:grid;gap:.45rem;margin-top:.8rem}.page-card li::before{margin-right:.5rem;color:#9d7be0;content:"✓"}.page-card .status{position:absolute;top:1.4rem;right:1.4rem;padding:.3rem .5rem;border:1px solid rgba(107,220,160,.18);border-radius:999px;background:rgba(107,220,160,.06);color:#75d6a3;font-size:.55rem;font-weight:700;text-transform:uppercase}.page-card .status.planned{border-color:rgba(255,198,90,.2);background:rgba(255,198,90,.06);color:#e9bf69}
.flow-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.09);border-bottom:1px solid rgba(255,255,255,.09)}.flow-step{position:relative;padding:1.6rem;border-right:1px solid rgba(255,255,255,.09)}.flow-step:last-child{border-right:0}.flow-step>span{color:rgba(157,123,224,.6);font-family:ui-monospace,monospace;font-size:.62rem}.flow-step h3{margin:.8rem 0 .45rem;font-size:.95rem;font-weight:650}.flow-step p{color:rgba(255,255,255,.42);font-size:.7rem;line-height:1.55}
.split-panel{display:grid;grid-template-columns:.9fr 1.1fr;gap:3rem;padding:clamp(1.8rem,5vw,4rem);border:1px solid rgba(157,123,224,.2);border-radius:1.35rem;background:radial-gradient(circle at 10% 10%,rgba(117,71,205,.18),transparent 42%),rgba(255,255,255,.02)}.split-copy h2{margin:.65rem 0 1rem;font-size:clamp(2.3rem,4.3vw,4rem);font-weight:700;letter-spacing:-.055em;line-height:1}.split-copy p{color:rgba(255,255,255,.5);font-size:.82rem;line-height:1.65}.list-stack{display:grid;gap:.65rem}.list-item{display:grid;grid-template-columns:auto 1fr;gap:.8rem;padding:1rem;border:1px solid rgba(255,255,255,.08);border-radius:.85rem;background:rgba(5,5,8,.45)}.list-item>span{display:grid;width:2.1rem;height:2.1rem;place-items:center;border-radius:.6rem;background:rgba(117,71,205,.14);color:#b897ed}.list-item b,.list-item small{display:block}.list-item b{font-size:.8rem}.list-item small{margin-top:.22rem;color:rgba(255,255,255,.38);font-size:.68rem;line-height:1.45}
.price-card{padding:clamp(2rem,5vw,4rem);border:1px solid rgba(157,123,224,.23);border-radius:1.4rem;background:radial-gradient(circle at 75% 0,rgba(117,71,205,.25),transparent 45%),rgba(255,255,255,.025)}.price{margin:1rem 0;font-size:clamp(4rem,9vw,8rem);font-weight:750;letter-spacing:-.07em;line-height:.9}.price sup{font-size:.22em;letter-spacing:0;vertical-align:top}.price-note{color:rgba(255,255,255,.45);font-size:.75rem}.fine-print{margin-top:1rem;color:rgba(255,255,255,.32);font-size:.65rem;line-height:1.5}.progress{height:.55rem;margin:1rem 0;border-radius:999px;background:rgba(255,255,255,.07);overflow:hidden}.progress i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#9e68a6,#7547cd)}
.truth-table{overflow:hidden;border:1px solid rgba(255,255,255,.09);border-radius:1.15rem}.truth-row{display:grid;grid-template-columns:.75fr 1.25fr 1fr;border-bottom:1px solid rgba(255,255,255,.08)}.truth-row:last-child{border-bottom:0}.truth-row>div{padding:1rem;border-right:1px solid rgba(255,255,255,.08);color:rgba(255,255,255,.48);font-size:.72rem;line-height:1.5}.truth-row>div:last-child{border-right:0}.truth-row.header>div{background:rgba(255,255,255,.025);color:rgba(255,255,255,.3);font-size:.58rem;font-weight:750;letter-spacing:.12em;text-transform:uppercase}.truth-row b{color:rgba(255,255,255,.88);font-weight:650}.truth-row .yes{color:#78d7a6}.truth-row .partial{color:#eac26e}
.security-callout{padding:1.3rem;border:1px solid rgba(255,193,73,.18);border-radius:1rem;background:rgba(255,193,73,.045)}.security-callout b{display:block;color:#edc875;font-size:.82rem}.security-callout p{margin-top:.4rem;color:rgba(255,255,255,.5);font-size:.72rem;line-height:1.55}
.page-footer{padding:4rem 0 2rem;border-top:1px solid rgba(255,255,255,.07)}.page-footer-top{display:flex;justify-content:space-between;gap:2rem;padding-bottom:2.5rem}.page-footer-brand{display:flex;align-items:center;gap:.65rem;font-size:1.35rem;font-weight:750}.page-footer-brand img{width:2.5rem;height:2.5rem;border-radius:.65rem}.page-footer-links{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:1rem 1.5rem}.page-footer-links a{color:rgba(255,255,255,.45);font-size:.7rem}.page-footer-links a:hover{color:#fff}.page-footer-bottom{display:flex;justify-content:space-between;gap:1rem;padding-top:1.4rem;border-top:1px solid rgba(255,255,255,.07);color:rgba(255,255,255,.25);font-size:.62rem}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .55s ease,transform .55s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:950px){.page-nav-links{display:none}.page-menu-button{display:block}.page-nav-actions>.page-nav-button:not(.primary){display:none}.page-hero-grid,.split-panel{grid-template-columns:1fr}.page-grid{grid-template-columns:1fr 1fr}.flow-grid{grid-template-columns:1fr 1fr}.flow-step:nth-child(2){border-right:0}.flow-step:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.09)}}
@media(min-width:640px){.page-nav>.page-shell{padding-inline:1.5rem}}
@media(min-width:1024px){.page-nav>.page-shell{padding-inline:2rem}}
@media(max-width:640px){.page-notice p{font-size:.65rem;line-height:1.35}.page-nav-actions{display:none}.page-hero{padding:10rem 0 4.5rem}.page-hero h1{font-size:clamp(3.1rem,16vw,4.7rem)}.page-heading{display:block}.page-heading>p{margin-top:1rem}.page-section{padding:4.2rem 0}.page-grid{grid-template-columns:1fr}.page-card.wide{grid-column:auto}.flow-grid{grid-template-columns:1fr}.flow-step,.flow-step:nth-child(2){border-right:0;border-bottom:1px solid rgba(255,255,255,.09)}.flow-step:last-child{border-bottom:0}.truth-table{border:0}.truth-row,.truth-row.header{display:block;margin-bottom:.7rem;border:1px solid rgba(255,255,255,.09);border-radius:.8rem}.truth-row.header{display:none}.truth-row>div{padding:.65rem .85rem;border-right:0;border-bottom:1px solid rgba(255,255,255,.06)}.truth-row>div:last-child{border-bottom:0}.page-action{width:100%}.page-footer-top{display:block}.page-footer-links{justify-content:flex-start;margin-top:1.5rem}.page-footer-bottom{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}}