/* Typography, edges and motion layer. Loaded after styles.css; delete this file (and its <link>) to return to the previous look. */
@property --ang{syntax:'<angle>';inherits:false;initial-value:0deg}
:root{--font-body:'Manrope','Segoe UI',system-ui,-apple-system,Roboto,'Helvetica Neue',Arial,sans-serif;--font-head:'Unbounded','Manrope','Segoe UI',system-ui,sans-serif;--font-mono:'JetBrains Mono',ui-monospace,'Cascadia Mono',Consolas,monospace;--r:15px;--edge:#ffffff14;--edge-hot:#ff5268;font-family:var(--font-body)}
body{font-family:var(--font-body);text-rendering:optimizeLegibility}
button,input{font-family:inherit}

/* ---- type ---- */
.finale-wordmark{font-family:'Anton',Impact,'Arial Narrow',sans-serif;font-weight:400}
.section-heading h2,.closing h2{font-family:var(--font-head);font-weight:500;font-size:clamp(25px,3.1vw,38px);line-height:1.22;letter-spacing:-.04em;background:linear-gradient(180deg,#fff 35%,#a3a9b8);-webkit-background-clip:text;background-clip:text;color:transparent}
.closing h2{font-size:clamp(26px,3.4vw,40px)}
.section-heading p,.closing p{font-size:16.5px;line-height:1.75;color:#9aa1ae}
.finale-copy p{font-size:16px;line-height:1.75;color:#aeb3bf}
.eyebrow,.finale-kicker,.feature-top span,.agent-id,.plan-tag,.hardware-label,.column-label,.feature-heading,.mode-strip>span,.screen-caption,.steps li>span,.access-badge,.plan-limits>span,.pricing-footnote,.dialog-top .eyebrow,.expand-label,.bonus-value small{font-family:var(--font-mono)}
.eyebrow{font-weight:500;letter-spacing:.14em}
.feature-card h3,.agent-card h3,.honesty-card h4,.steps h3,.hardware-card h3,.plan-title h3,.bonus-banner h3,.faq-list summary,dialog h2{font-family:var(--font-head);font-weight:500;letter-spacing:-.03em}
.feature-card h3,.agent-card h3,.steps h3{font-size:16px}.honesty-card h4{font-size:14px}.plan-title h3{font-size:22px}.faq-list summary{font-size:14.5px}.bonus-banner h3{font-size:25px;line-height:1.35}
.honesty-card>h3{font-family:var(--font-head);font-weight:500;font-size:22px;letter-spacing:-.04em}
.hardware-card h3,.stats strong,.bonus-value{font-family:var(--font-head);font-weight:500}
.hardware-card h3{font-size:56px;letter-spacing:-.06em}.hardware-card h3 span{font-family:var(--font-body);font-size:18px}
.stats strong{font-size:34px;letter-spacing:-.05em}.bonus-value{letter-spacing:-.08em}
.plan-price,.dollar-price,.small-brand{font-family:var(--font-body);font-weight:800}
.dollar-price{font-weight:600}
.small-brand{font-weight:800;letter-spacing:-.04em}
.feature-card p,.agent-card p,.honesty-card li p,.steps p,.hardware-card p,.plan-description,.faq-list p{color:#99a0ad}
.section-nav a,.header-links a{font-weight:600;letter-spacing:.01em}

/* ---- edges: hairline + inner highlight + cursor-lit border ---- */
.feature-card,.agent-card,.hardware-card,.plan-card,.honesty-card,.steps li,.stats,.comparison,.faq-list,.bonus-banner,.app-screen{border-radius:var(--r)}
.feature-card,.agent-card,.hardware-card,.plan-card,.honesty-card,.steps li{position:relative;border-color:var(--edge);box-shadow:inset 0 1px 0 #ffffff0d,0 24px 48px -34px #000}
.feature-card::before,.agent-card::before,.hardware-card::before,.plan-card::before,.honesty-card::before,.steps li::before{content:'';position:absolute;inset:-1px;border-radius:inherit;padding:1px;pointer-events:none;opacity:0;transition:opacity .35s;background:radial-gradient(340px circle at var(--mx,50%) var(--my,50%),#ff5268ee,#ec203b40 42%,transparent 72%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}
.feature-card::after,.agent-card::after,.hardware-card::after,.plan-card::after,.honesty-card::after,.steps li::after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .35s;background:radial-gradient(420px circle at var(--mx,50%) var(--my,50%),#ec203b14,transparent 62%)}
.feature-card:hover::before,.agent-card:hover::before,.hardware-card:hover::before,.plan-card:hover::before,.honesty-card:hover::before,.steps li:hover::before,.feature-card:hover::after,.agent-card:hover::after,.hardware-card:hover::after,.plan-card:hover::after,.honesty-card:hover::after,.steps li:hover::after{opacity:1}
.feature-card:hover,.agent-card:hover,.hardware-card:hover,.steps li:hover{transform:translateY(-4px);border-color:#ffffff1f}
.plan-card:hover{border-color:#ffffff1f}
/* the featured plan carries a slowly travelling highlight on its edge */
.plan-card.featured{border-color:#7b3342}
.plan-card.featured::before{opacity:1;padding:1.5px;background:conic-gradient(from var(--ang),transparent 0 62%,#ff5268 82%,#ffb3be 90%,transparent 100%);animation:edge-spin 6s linear infinite}
@keyframes edge-spin{to{--ang:360deg}}
.agent-pulse::before{opacity:.55}
.stats{box-shadow:inset 0 1px 0 #ffffff0d}.stats>div{transition:background .3s}.stats>div:hover{background:#15171cf5}
.comparison,.faq-list{border-color:var(--edge)}
.faq-list details{transition:background .25s}.faq-list details[open]{background:#ffffff05}
.faq-list summary:after,.comparison>summary:after{transition:transform .3s}
dialog{border-radius:20px;border-color:#ffffff1c}.icon-button,.skip-intro,.replay-intro{border-radius:10px}

/* ---- buttons ---- */
.button{position:relative;overflow:hidden;border-radius:11px;font-weight:700;letter-spacing:.01em;transition:background .25s,border-color .25s,transform .2s,box-shadow .3s}
.button::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(105deg,transparent 32%,#ffffff2e 50%,transparent 68%);transform:translateX(-130%);transition:transform .75s ease}
.button:hover::after{transform:translateX(130%)}
.button:hover{transform:translateY(-1px)}.button:active{transform:translateY(0) scale(.99)}
.button-red{box-shadow:0 12px 34px -12px #ec203bcc,inset 0 1px 0 #ffffff33}.button-red:hover{box-shadow:0 16px 40px -12px #ec203bee,inset 0 1px 0 #ffffff40}
.header-links .header-pricing{border-radius:10px;font-weight:700;transition:transform .2s,box-shadow .3s}.header-links .header-pricing:hover{transform:translateY(-1px);box-shadow:0 10px 26px -12px #fff9}

/* ---- motion ---- */
.reveal{transform:translateY(26px) scale(.985);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1);transition-delay:var(--d,0s)}
.reveal.in{transform:none}
.feature-card.reveal.in,.agent-card.reveal.in,.hardware-card.reveal.in,.steps li.reveal.in{transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .35s cubic-bezier(.2,.7,.2,1),border-color .25s;transition-delay:var(--d,0s),0s,0s}
.section-heading .eyebrow:before{content:'';display:inline-block;width:0;height:1px;margin-right:0;vertical-align:middle;background:currentColor;transition:width .9s .25s cubic-bezier(.2,.7,.2,1),margin .9s .25s}
.section-heading.in .eyebrow:before{width:28px;margin-right:12px}
.section-heading.reveal .eyebrow,.section-heading.reveal h2,.section-heading.reveal p{opacity:0;transform:translateY(16px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}
.section-heading.in .eyebrow,.section-heading.in h2,.section-heading.in p{opacity:1;transform:none}
.section-heading.in h2{transition-delay:.12s}.section-heading.in p{transition-delay:.24s}
.app-screen{transform:perspective(1400px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .25s ease-out,border-color .2s,box-shadow .3s}
.app-screen:hover{box-shadow:0 40px 110px -30px #ec203b40,0 24px 80px #0007}
.mode-strip>div>span{transition:border-color .2s,color .2s,transform .2s}.mode-strip>div>span:hover{border-color:#6b6f7c;color:#fff;transform:translateY(-2px)}
.section-nav a{transition:color .2s}
.section-nav a.active:after{animation:nav-line .35s ease-out}
@keyframes nav-line{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.plan-modes li{transition:transform .2s}.plan-card:hover .plan-modes li{transform:translateX(2px)}

@media(max-width:760px){
 .section-heading h2,.closing h2{font-size:23px;letter-spacing:-.035em}
 .section-heading p,.closing p{font-size:15px}
 .hardware-card h3{font-size:46px}.stats strong{font-size:27px}.honesty-card>h3{font-size:20px}.bonus-banner h3{font-size:21px}
 .feature-card:hover,.agent-card:hover,.hardware-card:hover,.steps li:hover{transform:none}
}
@media(hover:none){.feature-card::before,.agent-card::before,.hardware-card::before,.plan-card:not(.featured)::before,.honesty-card::before,.steps li::before,.feature-card::after,.agent-card::after,.hardware-card::after,.plan-card::after,.honesty-card::after,.steps li::after{display:none}}
@media(prefers-reduced-motion:reduce){
 .reveal,.section-heading.reveal .eyebrow,.section-heading.reveal h2,.section-heading.reveal p{opacity:1!important;transform:none!important}
 .plan-card.featured::before{animation:none}.app-screen{transform:none}.button::after{display:none}
}