/* Three depth levels: main demos, product panels, supporting information. */
.header-inner{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:16px;min-height:76px}.header .brand{grid-column:1;grid-row:1}.header .header-cta{grid-column:2;grid-row:1;margin:0}.header .socials{grid-column:3;grid-row:1;margin:0;gap:4px}.socials a{color:#493672;transition:color .25s,box-shadow .25s,background-color .25s}.socials a:hover{color:#603dc1;background:#ebe6fc;box-shadow:inset 0 0 0 1px #bfaee366,0 0 14px #7861ba22}.socials svg{stroke-width:1.8}
.eyebrow{background:linear-gradient(125deg,#e8e3fbcc,#f4f2ffb3);border:1px solid #c7bdeb70;box-shadow:inset 0 1px 0 #ffffffda,inset 0 -1px 5px #8072bd0d;color:#69519d}
.hero-visual{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;padding:0 145px 0 0;min-height:0}.hero-product{width:min(100%,clamp(320px,28vw,410px));max-width:none;margin:0;box-shadow:0 24px 42px #25204e35,0 6px 15px #28204e24,0 0 0 1px #b7a4e22e,0 0 45px #8170cc1f;border-color:#77639180}.hero-note{top:35px}.hero-note-bottom{bottom:20px}.hero-visual:before{content:"";position:absolute;inset:0 120px 0 -25px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse,#8775cb30,transparent 70%);filter:blur(16px)}
.screenshot-ui{box-shadow:0 17px 32px #22154132,0 4px 12px #33205718,0 0 0 1px #b799e548,0 0 25px #7464bd16}.story-destination,.mechanics-visual{position:relative;isolation:isolate}.story-destination:before,.mechanics-visual:before{content:"";position:absolute;inset:4% -8% -5%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse,#9380d52b,transparent 72%);filter:blur(14px)}
.button-secondary{background:linear-gradient(125deg,#fff,#f2f0fb);border:1px solid #bcaedf;box-shadow:inset 0 1px 0 #fff,inset 0 -2px 5px #5743820c,0 5px 12px #5e47821a,0 0 15px #8f7dbb0d;transition:transform .25s ease,box-shadow .35s ease}.button-secondary:hover{background:linear-gradient(125deg,#fff,#eee9fc);box-shadow:inset 0 1px 0 #fff,inset 0 -2px 5px #5743820a,0 7px 16px #5e478226,0 0 17px #8f7dbb18;transform:translateY(-2px)}.button-secondary:active{transform:translateY(0);box-shadow:inset 0 2px 5px #57438218,0 2px 8px #5e478218}
.application{background:radial-gradient(ellipse at 75% 18%,#6352a64a,transparent 54%),linear-gradient(120deg,#111329,#282047 60%,#14132a);box-shadow:inset 0 1px 0 #cdc1ff13,inset 0 -45px 90px #08081e30}.application:before{border-color:#b6abed13;box-shadow:0 30px 0 #bcb0ec06,0 85px 0 #8d83c908}
.final-band{background:radial-gradient(ellipse at 70% 48%,#6957b35c,transparent 43%),radial-gradient(ellipse at 45% 120%,#24386145,transparent 68%),linear-gradient(115deg,#0b0c1b,#1c1734 55%,#0d0d21);box-shadow:inset 0 1px 0 #b8a9f214,inset 0 0 100px #05071245}.final-band:before{width:1100px;height:700px;top:-480px;right:-100px;border-color:#b8a8f211;box-shadow:0 35px 0 #a89bd107,0 80px 0 #71689509;transform:rotate(-20deg)}.final-visual:before{inset:-12%;background:radial-gradient(ellipse,#8274cf3a,transparent 70%);filter:blur(25px)}.final-visual .screenshot-ui{box-shadow:0 24px 42px #07061365,0 0 0 1px #a68bd44d,0 0 35px #7a68c32b}
.fact-story-panel{grid-template-columns:minmax(0,1fr) clamp(52px,5vw,72px) minmax(0,350px);gap:clamp(18px,2.2vw,32px)}.story-direction{width:100%;height:62px;stroke-width:1.7;opacity:.8}.story-click-ripple{position:absolute;left:0;top:0;width:28px;height:28px;border:1.5px solid #8d69ce;border-radius:50%;background:#c8b2f31a;pointer-events:none;opacity:0;z-index:3}.handnote svg,.form-arrow{stroke-width:1.7}
.step,.benefit-grid article{border:1px solid #e8e2f2;box-shadow:0 3px 10px #3c2c6306;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease,background-color .3s ease}.step-icons>span{transition:box-shadow .3s ease}.product-card{border-color:#ddd3ed;background:linear-gradient(120deg,#fff,#eeebf9);box-shadow:0 7px 20px #3622520b;transition:transform .32s ease,box-shadow .32s ease,border-color .32s ease,background-color .32s ease}.product-card .text-link{transition:color .3s ease}.anke-card .screenshot-ui,.anke-card .screenshot-ui:hover{transform:none!important;box-shadow:0 9px 18px #271c3d28,0 0 0 1px #b799e52e;transition:none;pointer-events:none}.screenshot-ui[data-card=product] .progressive-row{opacity:1;visibility:visible}.screenshot-ui[data-card=product] .fact-row{filter:none!important}
.faq details{background:linear-gradient(115deg,#ffffff,#faf9ff);border-color:#e0d8ef;box-shadow:inset 0 1px 0 #fff,0 2px 8px #33234f04;transition:border-color .25s,box-shadow .25s,background-color .25s}.faq summary>span{transition:color .25s,transform .25s,text-shadow .25s}.faq details[open]{border-color:#c5b5e2;background:#faf8ff}
@media(hover:hover) and (pointer:fine){.step:hover,.benefit-grid article:hover{transform:translateY(-3px);border-color:#c6b5e6;background-color:#fefcff;box-shadow:0 10px 22px #4b317018,0 0 18px #8b73c60d}.step:hover .step-icons>span{box-shadow:0 0 13px #8a62d647}.product-card:hover{transform:translateY(-4px);border-color:#ac96d1;background:linear-gradient(120deg,#fbfaff,#e8e4f8);box-shadow:0 16px 28px #3a235027,0 0 22px #8c70c41a}.product-card:hover .text-link{color:#4d269f}.faq details:hover{border-color:#cdbfe6;background:#f7f4fd;box-shadow:inset 0 1px 0 #fff,0 3px 10px #4d326610}.faq summary:hover>span{color:#7145bb;text-shadow:0 0 10px #987bd650}}
@media(hover:none){.step:active,.benefit-grid article:active{border-color:#beacd9;box-shadow:0 5px 15px #4b317014}.product-card:active{border-color:#ac96d1;box-shadow:0 9px 20px #3a23501a}}
@media(max-width:1100px){.hero-visual{display:grid;grid-template-columns:1fr;padding:0;gap:18px}.hero-product{width:min(100%,clamp(270px,31vw,340px));max-width:none;justify-self:center}.hero-visual:before{inset:0 -12px 35px}.hero-note{position:static;text-align:center;justify-self:center}.hero-note-bottom{display:none}.fact-story-panel{grid-template-columns:minmax(0,1fr) 52px minmax(0,310px);gap:20px}}
@media(max-width:800px){.fact-story-panel{grid-template-columns:minmax(0,1fr) 40px minmax(0,280px);gap:18px}.story-direction{width:40px;height:50px}.header-inner{gap:12px}.header .header-cta{grid-column:2}.header .socials{grid-column:3}}
@media(max-width:600px){.header-inner{grid-template-columns:minmax(0,1fr) auto;gap:10px 14px;padding-block:12px}.header .brand{grid-column:1/-1;grid-row:1}.header .header-cta{grid-column:1;grid-row:2;min-height:38px;width:100%}.header .socials{grid-column:2;grid-row:2;gap:5px}.header .socials a{width:30px;height:38px}.hero-product{width:min(100%,340px);max-width:none}.hero-visual{padding:0;gap:18px}.hero-note{width:100%;max-width:320px}.hero-visual:before{inset:0 -8px 38px;filter:blur(10px)}.fact-story-panel{grid-template-columns:minmax(0,1fr);gap:18px}.story-direction{width:60px;height:40px;transform:rotate(90deg);justify-self:center}.application{background:radial-gradient(ellipse at 100% 0,#59418c50,transparent 65%),linear-gradient(145deg,#121329,#24203c)}.final-band{background:radial-gradient(ellipse at 50% 72%,#6551a948,transparent 55%),linear-gradient(145deg,#0b0c1c,#1d1834)}.application:before,.final-band:before{display:none}.final-visual:before{inset:-6%;filter:blur(18px)}}
@media(prefers-reduced-motion:reduce){.step:hover,.benefit-grid article:hover,.product-card:hover,.button-secondary:hover{transform:none}.button:not(.button-secondary):before{display:none}.step,.benefit-grid article,.product-card,.socials a,.faq details{transition:none}}

/* Explicit press/release feedback; no capture or touch-action override. */
@media(hover:none) and (pointer:coarse){
 .touch-card{--press-scale:.99;--press-shadow:0 15px 28px #30224a36,0 0 20px #8e79d035;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,background-color .22s ease}
 .touch-card[data-touch-level="1"]{--press-shadow:0 19px 34px #25204744,0 0 28px #9581d547}
 .touch-card[data-touch-level="3"]{--press-scale:.995;--press-shadow:0 5px 14px #45336120,0 0 9px #9881c818}
 .touch-card.is-pressed{transform:scale(var(--press-scale))!important;border-color:#ae99d6;box-shadow:var(--press-shadow)}
 .step.is-pressed,.benefit-grid article.is-pressed,.product-card.is-pressed,.faq details.is-pressed{background-color:#f1edfa}
 .touch-card.is-afterglow{box-shadow:var(--press-shadow);border-color:#bcacdc}
 .screenshot-ui{--tilt-x:0deg!important;--tilt-y:0deg!important}
 .button-secondary:hover{transform:none}
}
@media(hover:none) and (pointer:coarse) and (prefers-reduced-motion:reduce){
 .touch-card{transition:none!important}.touch-card.is-pressed{transform:none!important}
}
/* Compact single-row header, including 320px phones. */
.header-inner{grid-template-columns:minmax(0,1fr) auto auto;flex-wrap:nowrap}
.header .header-cta{width:auto;flex:0 0 auto;white-space:nowrap}
.hero-visual{padding-right:clamp(90px,9vw,130px)}
.hero-product{width:min(100%,clamp(280px,31vw,440px));box-shadow:0 23px 42px #29234b30,0 6px 16px #28205020,0 0 0 1px #c6b5ec55,0 0 48px #8474cc24}
.hero-note{width:110px}.hero-visual:before{background:radial-gradient(ellipse,#8278d53b,transparent 72%)}
.screenshot-ui{box-shadow:0 18px 34px #24204430,0 5px 12px #33205718,0 0 0 1px #c5b2e74d,0 0 30px #746abd20}
.eyebrow{box-shadow:inset 0 1px 0 #ffffffed,inset 0 -2px 6px #8072bd12}
.application{background:radial-gradient(ellipse at 77% 16%,#6e5eb75c,transparent 60%),radial-gradient(ellipse at 10% 100%,#263f6940,transparent 66%),linear-gradient(120deg,#111329,#282047 60%,#14132a)}
.final-band{background:radial-gradient(ellipse at 70% 48%,#7261bf66,transparent 48%),radial-gradient(ellipse at 35% 115%,#2945774a,transparent 70%),linear-gradient(115deg,#0b0c1b,#1c1734 55%,#0d0d21)}
.final-visual:before{background:radial-gradient(ellipse,#887adc45,transparent 72%)}
@media(max-width:1100px){.hero-visual{padding:0}.hero-product{width:min(100%,clamp(280px,31vw,440px))}.hero-note{width:auto;max-width:320px}}
@media(max-width:600px){
 .header-inner{width:calc(100% - 20px);grid-template-columns:minmax(0,1fr) auto auto;gap:clamp(3px,1vw,6px);min-height:58px;padding-block:10px}
 .header .brand{grid-column:1;grid-row:1;gap:3px}
 .header .brand>span,.header .brand>b{font-size:clamp(14px,4.1vw,20px);line-height:1.2;letter-spacing:-.045em}
 .header .header-cta{grid-column:2;grid-row:1;width:auto;min-height:34px;padding:7px clamp(6px,1.8vw,10px);font-size:clamp(10px,2.7vw,12px);gap:0}
 .header .header-cta svg{display:none}
 .header .socials{grid-column:3;grid-row:1;gap:0}
 .header .socials a{width:clamp(23px,6.4vw,28px);height:34px}.header .socials svg{width:17px;height:17px}
 .hero-product{width:min(100%,360px)}
 .mechanics-visual:before,.story-destination:before{inset:4% -4% -5%}
 .application{background:radial-gradient(ellipse at 90% 5%,#66539960,transparent 66%),radial-gradient(ellipse at 0 100%,#293f6438,transparent 70%),linear-gradient(145deg,#121329,#24203c)}
 .final-band{background:radial-gradient(ellipse at 55% 73%,#7160b95c,transparent 58%),radial-gradient(ellipse at 5% 0,#26396332,transparent 65%),linear-gradient(145deg,#0b0c1c,#1d1834)}
}