:root{--night-1:#14102a;--night-2:#1b1642;--night-3:#0d0a1f;--section-alt:#191433;--bg-card:#211c46;--bg-card-hover:#291f57;--border-hairline:rgba(255,255,255,0.09);--border-hairline-orange:rgba(232,114,110,0.55);--text-primary:#f6f4fc;--text-secondary:#bab3d6;--lavender-text:#c9befa;--primary-500:#9589c9;--primary-400:#a89fd6;--primary-tint-12:rgba(149,137,201,0.12);--primary-tint-20:rgba(149,137,201,0.2);--accent-500:#e8726e;--accent-600:#d85955;--accent-tint-12:rgba(232,114,110,0.12);--accent-tint-20:rgba(232,114,110,0.2);--glow-purple:rgba(149,137,201,0.38);--glow-orange:rgba(232,114,110,0.22);--radius:20px;--shadow-soft:0 20px 50px rgba(3,2,10,0.45);--shadow-deep:0 30px 80px rgba(3,2,10,0.6);--inner-glow:inset 0 1px 0 rgba(255,255,255,0.05),inset 0 0 40px rgba(149,137,201,0.05);--font-display:var(--font-inter),-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-body:var(--font-inter),-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--header-h:72px;--tab-bar-h:64px}@media (min-width:1024px){:root{--header-h:88px}}*{box-sizing:border-box}body,html{padding:0;margin:0;overflow-x:clip;max-width:100%}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}[id]{scroll-margin-top:calc(var(--header-h) + 56px)}body{color:var(--text-primary);background:var(--night-1);font-family:var(--font-body);line-height:1.55;-webkit-font-smoothing:antialiased}@media (max-width:1023px){body{padding-bottom:calc(var(--tab-bar-h) + env(safe-area-inset-bottom, 0px))}}html{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.18) transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:rgba(255,255,255,.14);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.24)}img{max-width:100%;display:block}a{color:inherit}.site h1,.site h2,.site h3{font-family:var(--font-display);font-weight:800;letter-spacing:-.03em;line-height:1.05;margin:0 0 .5em;text-wrap:balance;color:var(--text-primary)}.site h1{font-size:clamp(2.6rem,6.4vw,4.8rem);line-height:.98}.site h2{font-size:clamp(1.9rem,4vw,2.9rem)}.site h3{font-size:1.2rem;line-height:1.25;letter-spacing:-.01em}.site p{margin:0 0 1em;font-size:1rem;color:var(--text-secondary)}.wrap{width:min(1280px,calc(100% - 2.5rem));margin:0 auto}@media (min-width:768px){.wrap{width:min(1280px,calc(100% - 6rem))}}@media (min-width:1600px){.wrap{width:min(1440px,calc(100% - 6rem))}}.eyebrow{font-size:.72rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--lavender-text);margin-bottom:.9rem;display:inline-block}.lede{font-size:clamp(1.05rem,1.4vw,1.25rem);max-width:40rem}.lede,.muted{color:var(--text-secondary)}::selection{background:var(--accent-500);color:#fff}.reveal{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.reveal.in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:1px solid transparent;border-radius:999px;padding:.85rem 1.5rem;font-weight:700;font-size:.95rem;text-decoration:none;cursor:pointer;font-family:inherit;transition:transform .14s ease,box-shadow .14s ease,background .14s ease,border-color .14s ease,color .14s ease;white-space:nowrap}.btn:active{transform:translateY(1px)}.btn-primary{background:linear-gradient(135deg,var(--accent-500) 0,var(--accent-600) 100%);color:#fff;box-shadow:0 12px 28px rgba(232,114,110,.35)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 16px 36px rgba(232,114,110,.48)}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border-color:var(--border-hairline)}.btn-secondary:hover{border-color:var(--accent-500);color:var(--text-primary)}.btn-ghost{background:rgba(255,255,255,.06);color:#fff;border-color:rgba(255,255,255,.24);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.btn-ghost:hover{background:rgba(255,255,255,.13);border-color:rgba(255,255,255,.45)}.btn-lg{padding:1.05rem 1.8rem;font-size:1.05rem}.btn-sm{padding:.5rem 1.05rem;font-size:.82rem}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:30;background:rgba(19,15,40,.6);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid transparent;transition:background .25s ease,box-shadow .25s ease,border-color .25s ease}.site-header.scrolled{background:rgba(15,12,34,.86);border-color:var(--border-hairline);box-shadow:0 10px 30px rgba(3,2,10,.4)}.site-header .wrap{gap:1.25rem;height:var(--header-h)}.site-brand,.site-header .wrap{display:flex;align-items:center}.site-brand{gap:.6rem;text-decoration:none}.site-brand img{height:44px;width:auto;display:block}@media (min-width:1024px){.site-brand img{height:64px}}.site-nav{display:flex;gap:1.6rem;margin-left:auto;align-items:center}.site-nav a{text-decoration:none;font-weight:600;font-size:.92rem;color:var(--text-secondary);position:relative}.site-nav a:not(.btn):after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:2px;border-radius:2px;background:var(--accent-500);transform:scaleX(0);transform-origin:left;transition:transform .18s ease}.site-nav a:not(.btn):hover{color:var(--text-primary)}.site-nav a:not(.btn):hover:after{transform:scaleX(1)}.site-nav a:not(.btn).active{color:var(--text-primary)}.site-nav a:not(.btn).active:after{transform:scaleX(1)}.site-nav a.btn-primary{color:#fff}@media (max-width:1023px){.site-nav .nav-stories,.site-nav a:not(.btn){display:none}}.nav-stories{position:relative}.nav-stories-trigger{all:unset;cursor:pointer;font-weight:600;font-size:.92rem;color:var(--text-secondary);position:relative;padding-bottom:6px}.nav-stories-trigger:after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:2px;border-radius:2px;background:var(--accent-500);transform:scaleX(0);transform-origin:left;transition:transform .18s ease}.nav-stories-trigger.active,.nav-stories-trigger:hover,.nav-stories-trigger[aria-expanded=true]{color:var(--text-primary)}.nav-stories-trigger.active:after,.nav-stories-trigger:hover:after,.nav-stories-trigger[aria-expanded=true]:after{transform:scaleX(1)}.mega-menu{position:absolute;top:calc(100% + 14px);left:50%;transform:translateX(-50%);width:min(760px,88vw);background:rgba(20,16,42,.98);border:1px solid var(--border-hairline);border-radius:16px;box-shadow:var(--shadow-deep);padding:1.6rem;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1.6rem;gap:1.6rem;z-index:35}.mega-menu-col{display:flex;flex-direction:column;gap:.7rem}.mega-menu-pillar{font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-500)}.mega-menu-col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.mega-menu-col a{display:flex;flex-direction:column;gap:.15rem;text-decoration:none;padding:.35rem .5rem;border-radius:8px;transition:background .14s ease}.mega-menu-col a:focus-visible,.mega-menu-col a:hover{background:rgba(255,255,255,.06)}.mega-menu-title{font-size:.86rem;font-weight:700;color:var(--text-primary)}.mega-menu-hook{font-size:.76rem;color:var(--text-secondary)}.mega-menu-all{grid-column:1/-1;text-align:center;font-weight:700;color:var(--accent-500);text-decoration:none;padding-top:.9rem;margin-top:.2rem;border-top:1px solid var(--border-hairline)}.mega-menu-all:hover{text-decoration:underline}.site-footer{background:var(--night-3);color:var(--text-secondary);padding:3.5rem 0 3rem;font-size:.88rem}.site-footer .footer-top{display:flex;flex-wrap:wrap;gap:2.5rem;justify-content:space-between;padding-bottom:2.5rem;border-bottom:1px solid var(--border-hairline)}.site-footer .footer-brand{display:flex;align-items:center;gap:.6rem}.site-footer .footer-brand img{height:48px;width:auto}.site-footer .footer-brand span{color:#fff;font-weight:800;font-size:1.05rem}.site-footer .footer-tag{max-width:22rem;margin-top:.9rem;color:var(--text-secondary)}.site-footer .footer-cols{display:flex;gap:3.5rem;flex-wrap:wrap}.site-footer .footer-col h4{color:#fff;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;margin:0 0 .9rem}.site-footer .footer-col ul{list-style:none;margin:0;padding:0;display:grid;grid-gap:.55rem;gap:.55rem}.site-footer a{text-decoration:none;color:var(--text-secondary)}.site-footer a:hover{color:#fff}.site-footer .footer-bottom{display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;padding-top:1.6rem;color:var(--text-secondary);font-size:.8rem}@media (max-width:700px){.site-footer .footer-top{flex-direction:column;gap:1.6rem}}.section{padding:clamp(3.5rem,7vw,6.5rem) 0;background:var(--night-1)}.section.alt{background:var(--section-alt)}.section-head{max-width:50rem;margin-bottom:2.75rem}.section-head.center{margin-left:auto;margin-right:auto;text-align:center}.hero{position:relative;color:#fff;background:radial-gradient(1100px 620px at 10% -10%,rgba(149,137,201,.28),transparent 60%),radial-gradient(900px 560px at 92% 6%,rgba(232,114,110,.26),transparent 60%),linear-gradient(160deg,var(--night-2) 0,var(--night-1) 55%,var(--night-3) 100%);padding:clamp(3.5rem,7vw,6rem) 0 clamp(4rem,7vw,6.5rem);overflow:hidden;isolation:isolate}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 0);background-size:44px 44px;-webkit-mask-image:radial-gradient(75% 65% at 55% 40%,#000 30%,transparent 100%);mask-image:radial-gradient(75% 65% at 55% 40%,#000 30%,transparent 100%);z-index:-1}.hero .wrap{display:grid;grid-gap:3rem;gap:3rem;grid-template-columns:.9fr 1.1fr;align-items:center;position:relative}.hero .eyebrow{color:var(--lavender-text)}.hero h1{color:#fff;font-size:clamp(3rem,5.5vw,5.25rem)}.hero .lede{color:rgba(255,255,255,.82);max-width:34rem}.hero-actions{gap:.75rem;margin:1.7rem 0 0}.hero-actions,.hero-points{display:flex;flex-wrap:wrap}.hero-points{gap:.5rem;margin:1.4rem 0 0;padding:0;list-style:none}.hero-points li{font-size:.82rem;font-weight:600;color:rgba(255,255,255,.88);background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:.42rem .85rem}.hero-points li:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--accent-500);margin-right:.5rem;vertical-align:middle;box-shadow:0 0 10px var(--accent-500)}.hero-stage{position:relative;display:flex;align-items:center;justify-content:center;min-height:560px;perspective:1400px}@media (max-width:1023px){.hero .wrap{grid-template-columns:1fr}.hero-stage{order:-1;min-height:320px;margin-top:0;margin-bottom:1.5rem}}.tilt{transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .18s ease-out;transform-style:preserve-3d;will-change:transform}@keyframes float{0%,to{translate:0 0}50%{translate:0 -12px}}@media (prefers-reduced-motion:reduce){.float{animation:none!important}}.desktop-frame,.phone-frame{position:relative}.desktop-frame:before,.phone-frame:before{content:"";position:absolute;inset:-20% -26%;background:radial-gradient(closest-side,var(--glow-purple),var(--glow-orange) 55%,transparent 75%);filter:blur(42px);opacity:.85;z-index:-1;pointer-events:none}.frame-zoom{all:unset;display:block;width:100%;height:100%;cursor:zoom-in}.frame-zoom-icon{position:absolute;top:10px;right:10px;z-index:6;display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:9px;background:rgba(20,16,42,.72);border:1px solid rgba(255,255,255,.16);color:var(--text-primary);opacity:0;transform:translateY(-2px);transition:opacity .14s ease,transform .14s ease,background .14s ease;pointer-events:none}.frame-zoom-icon svg{width:16px;height:16px}.frame-zoom:focus-visible .frame-zoom-icon,.frame-zoom:hover .frame-zoom-icon{opacity:1;transform:translateY(0)}.frame-zoom:focus-visible{outline:2px solid var(--accent-500);outline-offset:2px}@media (hover:none){.frame-zoom-icon{opacity:.85}}.lightbox-backdrop{position:fixed;inset:0;z-index:100;background:rgba(6,4,16,.88);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:2.5rem 1.25rem}.lightbox-dialog{position:relative;height:100%;max-width:1200px;flex-direction:column;gap:1rem}.lightbox-dialog,.lightbox-image-wrap{width:100%;display:flex;align-items:center;justify-content:center}.lightbox-image-wrap{flex:1 1;min-height:0}.lightbox-image-wrap img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:12px;box-shadow:var(--shadow-deep)}.lightbox-caption{margin:0;text-align:center;color:var(--text-primary);font-size:.92rem;max-width:44rem}.lightbox-arrow,.lightbox-close{all:unset;cursor:pointer;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:rgba(20,16,42,.78);border:1px solid rgba(255,255,255,.16);color:var(--text-primary);transition:background .14s ease,border-color .14s ease,transform .14s ease}.lightbox-arrow:focus-visible,.lightbox-arrow:hover,.lightbox-close:focus-visible,.lightbox-close:hover{background:rgba(41,31,87,.9);border-color:var(--border-hairline-orange)}.lightbox-arrow svg,.lightbox-close svg{width:20px;height:20px}.lightbox-close{position:absolute;top:0;right:0;z-index:3}.lightbox-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3}.lightbox-arrow.prev{left:0}.lightbox-arrow.next{right:0}.lightbox-arrow:focus-visible,.lightbox-arrow:hover{transform:translateY(-50%)}@media (max-width:700px){.lightbox-backdrop{padding:4.5rem .5rem 2rem}.lightbox-close{top:-2.75rem;right:0}.lightbox-arrow{width:38px;height:38px}.lightbox-arrow.prev{left:-.25rem}.lightbox-arrow.next{right:-.25rem}}.phone-frame{width:var(--phone-w,280px);aspect-ratio:390/844}.phone-bezel{width:100%;height:100%;border-radius:44px;background:linear-gradient(160deg,#2a2352,#14112a 55%,#08060f);padding:12px;box-shadow:var(--shadow-deep),0 0 0 1px rgba(255,255,255,.1),inset 0 0 0 2px rgba(255,255,255,.06);position:relative;overflow:hidden}.phone-bezel:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,rgba(255,255,255,.12),rgba(255,255,255,0) 28%,rgba(255,255,255,0) 72%,rgba(255,255,255,.05));z-index:4;pointer-events:none}.phone-notch{position:absolute;top:12px;left:50%;transform:translateX(-50%);width:34%;height:26px;border-radius:16px;background:#08060f;z-index:5}.phone-screen{position:relative;width:100%;height:100%;border-radius:32px;overflow:hidden;background:var(--night-1)}.phone-screen img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top;display:block}.phone-home{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);width:34%;height:5px;border-radius:999px;background:rgba(255,255,255,.45);z-index:5}.desktop-frame{width:100%;max-width:var(--desktop-w,640px);margin:0 auto}.desktop-bezel{border-radius:16px;background:linear-gradient(160deg,#2a2352,#14112a 55%,#08060f);padding:14px 14px 20px;box-shadow:var(--shadow-deep),0 0 0 1px rgba(255,255,255,.08);position:relative;overflow:hidden}.desktop-bezel:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,rgba(255,255,255,.1),rgba(255,255,255,0) 26%,rgba(255,255,255,0) 74%,rgba(255,255,255,.04));z-index:4;pointer-events:none}.desktop-chrome-bar{display:flex;align-items:center;gap:.45rem;padding:.65rem .85rem;background:#0c0a1c;border-radius:8px 8px 0 0;margin:-14px -14px 0;position:relative;z-index:5}.desktop-chrome-bar i{width:10px;height:10px;border-radius:50%;background:#3a3560}.desktop-chrome-bar i:first-child{background:#ff5f57}.desktop-chrome-bar i:nth-child(2){background:#febc2e}.desktop-chrome-bar i:nth-child(3){background:#28c840}.desktop-chrome-bar span{margin-left:.85rem;flex:1 1;text-align:center;font-size:.76rem;color:var(--text-secondary);background:rgba(255,255,255,.06);border-radius:7px;padding:.28rem .9rem;max-width:360px}.desktop-screen{position:relative;width:100%;aspect-ratio:1440/900;overflow:hidden;background:var(--night-1);border-radius:0 0 4px 4px}.desktop-frame:not(.chrome) .desktop-screen{border-radius:6px}.desktop-screen img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}.desktop-stand{display:flex;flex-direction:column;align-items:center;margin-top:-2px}.desktop-stand .neck{width:90px;height:26px;background:linear-gradient(180deg,#14112a,#08060f);-webkit-clip-path:polygon(30% 0,70% 0,100% 100%,0 100%);clip-path:polygon(30% 0,70% 0,100% 100%,0 100%)}.desktop-stand .base{width:200px;height:12px;border-radius:999px;background:#0c0a1c;margin-top:-2px;box-shadow:0 10px 24px rgba(0,0,0,.5)}.callout-layer{position:absolute;inset:0;pointer-events:none;z-index:6}.callout{position:absolute;display:inline-flex;align-items:center;gap:.5rem;background:rgba(20,16,42,.78);color:var(--text-primary);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:12px;padding:.6rem .9rem;font-size:.82rem;font-weight:600;box-shadow:0 14px 40px rgba(3,2,10,.5);max-width:220px;white-space:nowrap}.callout .dot{width:9px;height:9px;border-radius:50%;background:var(--accent-500);box-shadow:0 0 0 5px rgba(232,114,110,.22);flex:none}.callout.side-left{left:16px}.callout.side-right{right:16px}@media (max-width:900px){.callout{position:static;margin:.4rem .3rem 0 0;white-space:normal}.callout-layer{position:static;display:flex;flex-wrap:wrap;margin-top:1rem}}.device-duo{position:relative;width:100%;max-width:860px;margin:0 auto}.device-duo .duo-desktop{position:relative;z-index:1;width:100%}.device-duo .duo-phone{position:absolute;right:-2%;bottom:-14%;z-index:2;filter:drop-shadow(0 30px 50px rgba(3,2,10,.55))}@media (max-width:640px){.device-duo{display:flex;flex-direction:column;align-items:center;gap:1.5rem;max-width:420px}.device-duo .duo-desktop{width:100%}.device-duo .duo-phone{position:static}}.story-intro{max-width:46rem;margin-bottom:3rem}.story-steps{display:grid;grid-gap:clamp(3rem,8vw,6rem);gap:clamp(3rem,8vw,6rem)}.story-step{display:grid;grid-template-columns:2fr 3fr;grid-gap:clamp(2rem,5vw,4rem);gap:clamp(2rem,5vw,4rem);align-items:center}.story-step.flip{grid-template-columns:3fr 2fr}.story-step.flip .story-step-text{order:2}.story-step.flip .story-step-device{order:1}.story-step-device{position:-webkit-sticky;position:sticky;top:100px}.story-step-text{position:relative;padding-left:1.9rem}.story-step-text:before{content:"";position:absolute;left:0;top:.3rem;bottom:.3rem;width:2px;background:linear-gradient(180deg,var(--accent-500),rgba(232,114,110,0));border-radius:2px}.story-step-num{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;background:var(--accent-tint-12);color:var(--accent-500);border:1px solid var(--border-hairline-orange);font-family:var(--font-display);font-weight:800;font-size:1.1rem;margin-bottom:1.1rem}.story-step-text h3{font-size:clamp(1.4rem,2.6vw,1.8rem)}.story-step-text p{color:var(--text-secondary);font-size:1.05rem}@media (max-width:860px){.story-step,.story-step.flip{grid-template-columns:1fr}.story-step.flip .story-step-device,.story-step.flip .story-step-text{order:0}.story-step-device{position:static}}.basics-checklist{list-style:none;margin:0;padding:0;max-width:42rem}.basics-checklist li{display:flex;align-items:flex-start;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--border-hairline)}.basics-checklist li:first-child{padding-top:0}.basics-checklist li:last-child{border-bottom:none}.basics-check{flex:none;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--primary-tint-12);color:var(--primary-400);font-size:1.05rem}.basics-checklist h4{margin:0 0 .2rem;font-size:.98rem;font-weight:700;color:var(--text-primary)}.basics-checklist p{margin:0;font-size:.88rem}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));grid-gap:1.4rem;gap:1.4rem}.feature-item{display:flex;flex-direction:column;gap:.6rem;padding:1.4rem;border-radius:16px;background:var(--bg-card);border:1px solid var(--border-hairline);box-shadow:var(--inner-glow);transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.feature-item:hover{transform:translateY(-3px);border-color:var(--border-hairline-orange);box-shadow:var(--inner-glow),var(--shadow-soft)}.feature-item .feature-icon{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;background:var(--primary-tint-12);color:var(--primary-400);font-size:1.2rem}.feature-item h4{margin:0;font-size:1rem;font-weight:700;color:var(--text-primary)}.feature-item p{margin:0;font-size:.9rem;color:var(--text-secondary)}.feature-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));grid-gap:1.4rem;gap:1.4rem}.feature-card{display:flex;flex-direction:column;gap:.9rem;padding:1.8rem;border-radius:var(--radius);background:linear-gradient(160deg,var(--bg-card) 0,var(--night-1) 100%);border:1px solid var(--border-hairline);box-shadow:var(--inner-glow);text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.feature-card:focus-visible,.feature-card:hover{transform:translateY(-4px);border-color:var(--border-hairline-orange);box-shadow:var(--inner-glow),var(--shadow-soft)}.feature-card:focus-visible{outline:2px solid var(--accent-500);outline-offset:2px}.feature-card .feature-card-icon{width:48px;height:48px;border-radius:13px;display:grid;place-items:center;background:var(--accent-tint-12);color:var(--accent-500);font-size:1.4rem}.feature-card h3{margin:0;font-size:1.15rem}.feature-card p{margin:0;color:var(--text-secondary);flex:1 1}.feature-card .feature-card-link{font-weight:700;color:var(--accent-500);text-decoration:none;font-size:.92rem;display:inline-flex;align-items:center;gap:.35rem}.feature-card:focus-visible .feature-card-link,.feature-card:hover .feature-card-link{text-decoration:underline}.split{display:grid;grid-gap:clamp(2rem,5vw,3.5rem);gap:clamp(2rem,5vw,3.5rem);grid-template-columns:1.1fr .9fr;align-items:center}.split.reverse{grid-template-columns:.9fr 1.1fr}.split.reverse>:first-child{order:2}.split.reverse>:last-child{order:1}@media (max-width:900px){.split,.split.reverse{grid-template-columns:1fr}.split.reverse>:first-child,.split.reverse>:last-child{order:0}}.pillar-block{margin-bottom:clamp(3rem,6vw,5rem)}.pillar-block:last-child{margin-bottom:0}.pillar-head{max-width:46rem;margin-bottom:1.8rem}.pillar-head h3{margin:0 0 .5rem;font-size:clamp(1.3rem,2.4vw,1.7rem);color:var(--text-primary)}.pillar-head p{margin:0}.pillar-row{display:flex;align-items:center;gap:.9rem;padding:.5rem 0}.pillar-row .pillar-num{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:var(--primary-tint-12);color:var(--primary-400);font-weight:800;font-family:var(--font-display);flex:none}.role-filter{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:2.5rem}.role-chip{all:unset;cursor:pointer;padding:.5rem 1.1rem;border-radius:999px;font-size:.85rem;font-weight:700;color:var(--text-secondary);background:rgba(255,255,255,.05);border:1px solid var(--border-hairline);transition:color .16s ease,border-color .16s ease,background .16s ease}.role-chip:hover{color:var(--text-primary);border-color:var(--border-hairline-orange)}.role-chip.active{color:#fff;background:var(--accent-tint-20);border-color:var(--accent-500)}.role-chip:focus-visible{outline:2px solid var(--accent-500);outline-offset:2px}.story-problem-group{margin-bottom:clamp(3rem,6vw,4.5rem)}.story-problem-group:last-child{margin-bottom:0}.story-problem-group h2{font-size:clamp(1.3rem,2.4vw,1.7rem);margin-bottom:1.6rem}.story-index-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:1.6rem;gap:1.6rem}.story-index-card{display:flex;flex-direction:column;gap:1rem;padding:1.4rem;border-radius:var(--radius);background:var(--bg-card);border:1px solid var(--border-hairline);text-decoration:none;box-shadow:var(--inner-glow);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.story-index-card:hover{transform:translateY(-4px);border-color:var(--border-hairline-orange);box-shadow:var(--inner-glow),var(--shadow-soft)}.story-index-shot{border-radius:14px;overflow:hidden;position:relative;aspect-ratio:16/10;background:var(--night-1)}.story-index-shot img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}.story-index-pillar{font-size:.7rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-500)}.story-index-card h3{margin:0;font-size:1.1rem;color:var(--text-primary)}.story-index-card p{margin:0;color:var(--text-secondary);flex:1 1;font-size:.92rem}.story-index-link{font-weight:700;color:var(--accent-500);font-size:.88rem;display:inline-flex;align-items:center;gap:.35rem}.form-card{padding:2rem;border-radius:var(--radius);background:var(--bg-card);border:1px solid var(--border-hairline);box-shadow:var(--inner-glow),var(--shadow-soft)}.form-field{display:flex;flex-direction:column;gap:.4rem;margin-bottom:1.2rem}.form-field label{font-size:.85rem;font-weight:700;color:var(--text-primary)}.form-field input,.form-field textarea{font:inherit;padding:.75rem .9rem;border-radius:10px;width:100%;background:var(--night-1);border:1px solid var(--border-hairline);color:var(--text-primary)}.form-field input:focus,.form-field textarea:focus{outline:none;border-color:var(--accent-500)}.form-field textarea{resize:vertical;min-height:100px;font-family:inherit}.form-status{margin-top:1rem;font-size:.9rem;font-weight:600}.form-status.success{color:var(--primary-400)}.form-status.error{color:var(--accent-500)}.form-note{margin-top:1rem;font-size:.82rem;color:var(--text-secondary)}.about-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:1.4rem;gap:1.4rem;margin-top:2.5rem}.about-point{padding:1.4rem;border-radius:16px;background:var(--bg-card);border:1px solid var(--border-hairline)}.about-point h4{margin:0 0 .5rem;color:var(--text-primary);font-size:1rem}.about-point p{margin:0;font-size:.92rem}.cta-band{background:radial-gradient(900px 500px at 50% 0,rgba(149,137,201,.3),transparent 60%),linear-gradient(180deg,var(--night-2),var(--night-3));color:#fff;padding:clamp(3.5rem,7vw,6rem) 0;text-align:center}.cta-band h2{color:#fff;max-width:26ch;margin:0 auto 1.6rem}.cta-band .lede{margin:0 auto 1.6rem;color:rgba(255,255,255,.82)}.cta-band .hero-actions{justify-content:center}.mobile-tab-bar{position:fixed;left:0;right:0;bottom:0;z-index:40;display:flex;background:rgba(15,12,34,.92);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--border-hairline);padding-bottom:env(safe-area-inset-bottom,0)}@media (min-width:1024px){.mobile-tab-bar{display:none}}.mobile-tab{flex:1 1;flex-direction:column;gap:.2rem;padding:.5rem .25rem;text-decoration:none;color:var(--text-secondary);position:relative}.mobile-tab,.mobile-tab-icon{display:flex;align-items:center;justify-content:center}.mobile-tab-icon{width:34px;height:24px;border-radius:10px;transition:background .16s ease,color .16s ease}.mobile-tab-icon svg{width:21px;height:21px}.mobile-tab-label{font-size:.66rem;font-weight:700}.mobile-tab-dot{width:4px;height:4px;border-radius:50%;background:var(--accent-500);margin-top:1px;opacity:0}.mobile-tab.active{color:var(--accent-500)}.mobile-tab.active .mobile-tab-icon{background:var(--accent-tint-20);color:var(--accent-500)}.mobile-tab.active .mobile-tab-dot{opacity:1}.section-nav{background:rgba(15,12,34,.9);border-bottom:1px solid var(--border-hairline)}@media (min-width:1024px){.section-nav{position:-webkit-sticky;position:sticky;top:var(--header-h);z-index:29;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}}.section-nav-inner{display:flex;gap:.6rem;padding:.75rem 0;overflow-x:auto;scrollbar-width:none}.section-nav-inner::-webkit-scrollbar{display:none}.section-nav-chip{flex:none;padding:.5rem 1rem;border-radius:999px;font-size:.82rem;font-weight:600;color:var(--text-secondary);text-decoration:none;white-space:nowrap;background:rgba(255,255,255,.05);border:1px solid var(--border-hairline);transition:color .16s ease,border-color .16s ease,background .16s ease}.section-nav-chip:hover{color:var(--text-primary);border-color:var(--border-hairline-orange)}.section-nav-chip.active{color:#fff;background:var(--accent-tint-20);border-color:var(--accent-500)}.back-to-top{display:none}@media (min-width:1024px){.back-to-top{display:flex;align-items:center;justify-content:center;position:fixed;right:2rem;bottom:2rem;z-index:25;width:46px;height:46px;border-radius:50%;background:var(--bg-card);border:1px solid var(--border-hairline);color:var(--text-primary);box-shadow:var(--shadow-soft);cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease}.back-to-top svg{width:20px;height:20px}.back-to-top:hover{transform:translateY(-3px);border-color:var(--border-hairline-orange);background:var(--bg-card-hover)}}.story-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;font-size:.82rem;color:var(--text-secondary);margin-bottom:1.4rem}.story-breadcrumb a{color:var(--text-secondary);text-decoration:none}.story-breadcrumb a:hover{color:var(--text-primary);text-decoration:underline}.story-breadcrumb .sep{opacity:.5}.story-breadcrumb .current{color:var(--text-primary);font-weight:700}.step-chips{display:flex;gap:.5rem;overflow-x:auto;margin-bottom:2.5rem;scrollbar-width:none}.step-chips::-webkit-scrollbar{display:none}@media (min-width:1024px){.step-chips{display:none}}.step-chip{flex:none;padding:.5rem .9rem;border-radius:999px;font-size:.8rem;font-weight:600;color:var(--text-secondary);text-decoration:none;white-space:nowrap;background:rgba(255,255,255,.05);border:1px solid var(--border-hairline)}.step-chip.active{color:#fff;background:var(--accent-tint-20);border-color:var(--accent-500)}.story-body{display:block}@media (min-width:1024px){.story-body{display:grid;grid-template-columns:1fr 240px;grid-gap:3rem;gap:3rem;align-items:start}}.step-rail{display:none}@media (min-width:1024px){.step-rail{display:block;position:-webkit-sticky;position:sticky;top:calc(var(--header-h) + 24px)}}.step-rail ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.1rem;border-left:2px solid var(--border-hairline)}.step-rail a{display:flex;align-items:center;gap:.6rem;padding:.5rem 0 .5rem 1rem;margin-left:-2px;border-left:2px solid transparent;text-decoration:none;color:var(--text-secondary);font-size:.84rem;font-weight:600;transition:color .16s ease,border-color .16s ease}.step-rail a:hover{color:var(--text-primary)}.step-rail a.active{color:var(--accent-500);border-left-color:var(--accent-500)}.step-rail-num{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:6px;background:var(--accent-tint-12);color:var(--accent-500);font-size:.7rem;font-weight:800;flex:none}.story-pager{display:flex;justify-content:space-between;gap:1.5rem;padding-top:3rem;margin-top:3.5rem;border-top:1px solid var(--border-hairline)}.story-pager-link{display:flex;flex-direction:column;gap:.3rem;text-decoration:none;max-width:45%}.story-pager-link.next{text-align:right;align-items:flex-end;margin-left:auto}.story-pager-label{font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-500)}.story-pager-title{font-size:1rem;font-weight:700;color:var(--text-primary)}.story-pager-link:hover .story-pager-title{text-decoration:underline}@media (max-width:640px){.story-pager{flex-direction:column}.story-pager-link,.story-pager-link.next{max-width:100%;align-items:flex-start;text-align:left;margin-left:0}}.story-related{margin-top:3.5rem}.story-related h3{font-size:1.05rem;margin-bottom:1.2rem}.feature-chips{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;margin-top:3.5rem;padding-top:2rem;border-top:1px solid var(--border-hairline)}.feature-chips-label{font-size:.8rem;font-weight:800;letter-spacing:.04em;color:var(--text-secondary)}.feature-chip{padding:.45rem .95rem;border-radius:999px;font-size:.82rem;font-weight:600;color:var(--text-primary);text-decoration:none;white-space:nowrap;background:rgba(255,255,255,.05);border:1px solid var(--border-hairline);transition:color .16s ease,border-color .16s ease,background .16s ease}.feature-chip:focus-visible,.feature-chip:hover{border-color:var(--border-hairline-orange);background:var(--accent-tint-12)}.feature-detail-frames{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-gap:clamp(2rem,5vw,3rem);gap:clamp(2rem,5vw,3rem);margin:2.5rem 0;align-items:start}.feature-detail-frame{display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center}.feature-detail-caption{margin:0;font-size:.9rem;color:var(--text-secondary);max-width:28rem}.feature-detail-links{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;margin-top:2rem}@media (max-width:1023px){.site-nav{gap:.5rem}.site-nav .btn{min-height:44px;white-space:nowrap;padding:.5rem .75rem}}@media (max-width:480px){.site-header .wrap{gap:.5rem}.site-brand img{width:104px;height:auto}.site-nav .btn{font-size:.78rem;padding:.5rem .6rem}}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Inter Fallback;src:local("Arial");ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.00%;size-adjust:107.12%}.__className_d8ebd1{font-family:Inter,Inter Fallback;font-style:normal}.__variable_d8ebd1{--font-inter:"Inter","Inter Fallback"}