:root{--cream:#f2ede4;--cream-2:#e9e2d4;--paper:#faf7f1;--ink:#1a1614;--ink-2:#242020;--ink-soft:#3a332e;--muted:#8a7f72;--tomato:#e5533b;--tomato-2:#d4442d;--butter:#f4c95d;--violet:#6f5cff;--sage:#9db092;--line:#1a16141a;--line-strong:#1a16142e;--shadow-lg:0 20px 40px -20px #1a161440, 0 4px 12px -6px #1a161414;--shadow-xl:0 30px 60px -20px #1a161459, 0 8px 20px -6px #1a161426;--nav-h:76px}*{-webkit-tap-highlight-color:transparent;box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}html,body{background:var(--cream);color:var(--ink);overflow-x:hidden}body{-webkit-font-smoothing:antialiased;padding-bottom:0;font-family:Space Grotesk,ui-sans-serif,system-ui}section[id]{scroll-margin-top:88px}.display{letter-spacing:-.03em;font-family:Bricolage Grotesque,sans-serif}.serif{letter-spacing:-.02em;font-family:Bricolage Grotesque,Space Grotesk,sans-serif;font-weight:500;font-style:normal!important}.mono{font-family:Space Mono,monospace}.arabic{direction:rtl;font-family:Amiri,serif}.label{letter-spacing:.22em;text-transform:uppercase;color:var(--muted);font-family:Space Mono,monospace;font-size:10px}.btn-ink{background:var(--ink);color:var(--cream);transition:all .15s}.btn-ink:hover{background:#2a2420;transform:translateY(-1px)}.btn-ink:active{transform:scale(.97)}.btn-tomato{background:var(--tomato);color:#fff;transition:all .15s;box-shadow:0 8px 20px -8px #e5533ba6}.btn-tomato:hover{background:var(--tomato-2);transform:translateY(-1px)}.btn-tomato:active{transform:scale(.97)}.btn-ghost{border:1px solid var(--line-strong);background:var(--paper);transition:all .15s}.btn-ghost:hover{background:#1a16140a}.card{background:var(--paper);border:1px solid var(--line);border-radius:22px}.dot{border-radius:999px;width:6px;height:6px;display:inline-block}.grain:before{content:"";opacity:.06;pointer-events:none;background-image:radial-gradient(#0009 1px,#0000 1px);background-size:3px 3px;position:absolute;inset:0}.topbar{z-index:40;background:color-mix(in srgb, var(--cream) 82%, transparent);-webkit-backdrop-filter:saturate(1.2)blur(14px);border-bottom:1px solid var(--line);position:sticky;top:0}.hero-section{isolation:isolate;position:relative;overflow:hidden}.hero-section:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(1100px 520px at 18% 0%, #6f5cff1f, transparent 62%), radial-gradient(1000px 560px at 92% 18%, #e5533b24, transparent 62%), radial-gradient(900px 520px at 60% 100%, #f4c95d2e, transparent 66%), linear-gradient(180deg, var(--cream) 0%, var(--paper) 60%, var(--cream) 100%);position:absolute;inset:0}.hero-section:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(180deg, transparent, var(--paper));height:80px;position:absolute;bottom:-1px;left:0;right:0}.poster{aspect-ratio:4/5;border:1px solid var(--line);box-shadow:var(--shadow-lg);border-radius:18px;position:relative;overflow:hidden}.poster-inner{flex-direction:column;padding:14px;display:flex;position:absolute;inset:0}@media (width>=640px){.poster-inner{padding:18px}}.p-cream{background:var(--paper);color:var(--ink)}.p-ink{background:var(--ink);color:var(--cream)}.p-tomato{background:var(--tomato);color:#fff}.p-butter{background:var(--butter);color:var(--ink)}.p-sage{background:var(--sage);color:var(--ink)}.p-cream2{background:var(--cream-2);color:var(--ink)}.qa{border:1px solid var(--line);background:var(--paper);text-align:left;border-radius:20px;flex-direction:column;align-items:flex-start;gap:10px;min-height:132px;padding:16px;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex;position:relative;overflow:hidden}.qa:hover{box-shadow:var(--shadow-lg);border-color:var(--line-strong);transform:translateY(-3px)}.qa:active{transform:scale(.98)}.qa-icon{border-radius:12px;flex-shrink:0;place-items:center;width:40px;height:40px;display:grid}.qa-title{font-family:Bricolage Grotesque,sans-serif;font-size:15px;font-weight:800;line-height:1.15}.qa-sub{color:var(--ink-soft);font-size:11.5px;line-height:1.35}.qa-arrow{opacity:.35;transition:all .2s;position:absolute;top:14px;right:14px}.qa:hover .qa-arrow{opacity:1;transform:translate(2px,-2px)}.step{background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:18px;position:relative;overflow:hidden}.step-num{background:var(--ink);width:32px;height:32px;color:var(--butter);border-radius:999px;place-items:center;font-family:Bricolage Grotesque,sans-serif;font-size:13px;font-weight:800;display:grid}.bottomnav-wrap{left:0;right:0;bottom:calc(env(safe-area-inset-bottom) + 14px);z-index:60;pointer-events:none;justify-content:center;padding:0 14px;display:flex;position:fixed}.bottomnav{pointer-events:auto;-webkit-backdrop-filter:saturate(1.2)blur(12px);color:var(--cream);background:#1a1614f0;border:1px solid #ffffff0f;border-radius:999px;align-items:center;width:100%;max-width:520px;padding:6px;display:flex;box-shadow:0 24px 50px -14px #1a161480,0 4px 14px -4px #1a161433}.nav-item{color:#f2ede499;letter-spacing:.02em;border-radius:999px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;min-width:0;padding:9px 4px;font-family:Space Grotesk,sans-serif;font-size:10.5px;font-weight:500;transition:color .2s,background .2s;display:flex;position:relative}.nav-item i{stroke-width:1.6px;width:20px;height:20px;transition:transform .25s}.nav-item:hover{color:var(--cream)}.nav-item:hover i{transform:translateY(-1px)}.nav-item.is-active{color:var(--butter)}.nav-item.is-active:before{content:"";background:var(--butter);width:4px;height:4px;box-shadow:0 0 8px var(--butter);border-radius:999px;position:absolute;top:2px;left:50%;transform:translate(-50%)}.nav-cta{flex-direction:column;flex:none;justify-content:center;align-items:center;margin:-20px 8px 0;display:flex;position:relative}.nav-cta-core{background:var(--tomato);color:#fff;border-radius:999px;place-items:center;width:54px;height:54px;transition:transform .25s cubic-bezier(.4,0,.2,1);display:grid;box-shadow:0 12px 26px -8px #e5533b8c,inset 0 1px #ffffff38,0 0 0 5px #1a1614f0,0 0 0 6px #ffffff14}.nav-cta-core i{stroke-width:1.8px;width:22px;height:22px}.nav-cta:hover .nav-cta-core{transform:translateY(-3px)rotate(-4deg)}.nav-cta:active .nav-cta-core{transform:scale(.94)}.nav-cta-ping{background:var(--butter);border-radius:999px;width:8px;height:8px;position:absolute;top:0;right:2px;box-shadow:0 0 0 3px #1a1614f0}.nav-cta-ping:after{content:"";border-radius:inherit;background:var(--butter);opacity:.6;animation:1.8s ease-out infinite navping;position:absolute;inset:0}@keyframes navping{0%{opacity:.6;transform:scale(1)}80%,to{opacity:0;transform:scale(2.6)}}.nav-cta-label{letter-spacing:.18em;text-transform:uppercase;color:#f2ede4b3;margin-top:5px;font-family:Space Mono,monospace;font-size:9px;font-weight:500}@media (width>=900px){.bottomnav{max-width:600px;padding:7px}.nav-item{padding:10px 8px;font-size:11px}.nav-item i{width:18px;height:18px}.nav-cta{margin:-22px 10px 0}.nav-cta-core{width:58px;height:58px}.nav-cta-core i{width:24px;height:24px}}.sec{padding:44px 0}@media (width>=768px){.sec{padding:80px 0}}.sec-paper{background:var(--paper)}.sec-cream2{background:var(--cream-2)}.sec-ink{background:var(--ink);color:var(--cream)}.container{max-width:1120px;margin:0 auto;padding:0 16px}@media (width>=640px){.container{padding:0 24px}}.chip-row{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.chip-row::-webkit-scrollbar{display:none}.chip{scroll-snap-align:start;border:1px solid var(--line-strong);background:var(--paper);color:var(--ink-soft);cursor:pointer;border-radius:999px;flex:none;align-items:center;gap:6px;padding:8px 14px;font-size:12.5px;font-weight:600;transition:all .15s;display:inline-flex}.chip:hover{background:#1a16140a}.chip.is-on{background:var(--ink);color:var(--butter);border-color:var(--ink)}.stat-row{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}@media (width<=640px){.stat-row{grid-template-columns:repeat(2,1fr)}}.stat{background:var(--ink);color:var(--cream);text-align:center;border-radius:16px;padding:14px 12px}.stat .n{color:var(--butter);font-family:Bricolage Grotesque,sans-serif;font-size:22px;font-weight:800}.stat .l{letter-spacing:.18em;text-transform:uppercase;color:#f2ede4a6;margin-top:2px;font-family:Space Mono,monospace;font-size:9px}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.rise{animation:.5s both rise}a:focus-visible,button:focus-visible{outline:2px solid var(--tomato);outline-offset:3px;border-radius:14px}.qa-feature{background:radial-gradient(700px 300px at 100% 0%, #f4c95d2e, transparent 60%), radial-gradient(500px 300px at 0% 100%, #e5533b40, transparent 60%), var(--ink);color:var(--cream);border:1px solid #ffffff14;border-radius:24px;min-height:260px;transition:transform .25s,box-shadow .25s;display:block;position:relative;overflow:hidden;box-shadow:0 20px 40px -20px #1a161459}.qa-feature:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px)}.qa-feature-inner{z-index:1;flex-direction:column;height:100%;min-height:260px;padding:22px;display:flex;position:relative}@media (width>=640px){.qa-feature-inner{padding:28px}}.qa-feature-arrow{background:var(--butter);width:38px;height:38px;color:var(--ink);border-radius:999px;place-items:center;transition:transform .25s;display:grid}.qa-feature:hover .qa-feature-arrow{transform:rotate(45deg)}.mini-carousel{height:120px;margin-top:8px;position:relative}.mini-carousel .mc{border:1px solid #ffffff1f;border-radius:12px;width:80px;height:110px;transition:transform .4s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:50%;box-shadow:0 10px 24px -12px #00000080}.mini-carousel .s1{background:var(--paper);transform:translate(-50%)rotate(-14deg)translate(-40px)}.mini-carousel .s2{background:var(--butter);transform:translate(-50%)rotate(-4deg)translate(-14px)}.mini-carousel .s3{background:var(--tomato);z-index:2;transform:translate(-50%)rotate(6deg)translate(14px)}.mini-carousel .s4{background:var(--sage);transform:translate(-50%)rotate(16deg)translate(40px)}.qa-feature:hover .mini-carousel .s1{transform:translate(-50%,-4px)rotate(-20deg)translate(-56px)}.qa-feature:hover .mini-carousel .s2{transform:translate(-50%,-4px)rotate(-8deg)translate(-22px)}.qa-feature:hover .mini-carousel .s3{transform:translate(-50%,-8px)rotate(4deg)translate(0)}.qa-feature:hover .mini-carousel .s4{transform:translate(-50%,-4px)rotate(20deg)translate(56px)}.nav-item{position:relative}.nav-item[data-tip]:after{content:attr(data-tip);background:var(--ink);color:var(--butter);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;opacity:0;pointer-events:none;border:1px solid #ffffff14;border-radius:8px;padding:5px 9px;font-family:Space Mono,monospace;font-size:10px;transition:all .18s;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)translateY(4px)}@media (hover:hover){.nav-item[data-tip]:hover:after{opacity:1;transform:translate(-50%)translateY(0)}}.stage3d{perspective:1400px;perspective-origin:50% 40%;padding:20px 6px 40px;position:relative}.stage3d-scene{aspect-ratio:5/5.2;transform-style:preserve-3d;will-change:transform;transition:transform .6s cubic-bezier(.2,.7,.2,1);position:relative;transform:rotateX(14deg)rotateY(-18deg)rotate(1deg)}.stage3d:hover .stage3d-scene{transform:rotateX(8deg)rotateY(-8deg)}.stage3d:after{content:"";filter:blur(14px);z-index:0;background:radial-gradient(50% 100%,#1a161459,#0000 70%);height:44px;position:absolute;bottom:8px;left:8%;right:8%}.stage-orb{filter:blur(34px);opacity:.5;pointer-events:none;z-index:0;border-radius:999px;animation:9s ease-in-out infinite orbFloat;position:absolute}.stage-orb.o1{background:var(--tomato);width:180px;height:180px;top:-30px;left:-20px}.stage-orb.o2{background:var(--butter);width:220px;height:220px;animation-delay:-3s;bottom:-40px;right:-20px}.stage-orb.o3{background:var(--violet);opacity:.3;width:140px;height:140px;animation-delay:-6s;top:38%;left:58%}@keyframes orbFloat{0%,to{transform:translate(0,0)scale(1)}50%{transform:translate(10px,-14px)scale(1.06)}}.f-card{transform-style:preserve-3d;will-change:transform;border:1px solid #ffffff24;border-radius:22px;animation:7s ease-in-out infinite floaty;position:absolute;overflow:hidden;box-shadow:0 30px 60px -30px #1a16148c,0 12px 24px -12px #1a161459,inset 0 1px #ffffff24}.f-card:before{content:"";pointer-events:none;mix-blend-mode:overlay;background:linear-gradient(140deg,#ffffff52 0%,#fff0 32% 68%,#ffffff1f 100%);position:absolute;inset:0}.f-card:after{content:"";pointer-events:none;background:linear-gradient(115deg,#0000 30%,#ffffff52 50%,#0000 70%);width:55%;animation:6s ease-in-out infinite sheen;position:absolute;top:-10%;bottom:-10%;left:-80%;transform:skew(-18deg)}@keyframes sheen{0%,55%{opacity:0;left:-80%}62%{opacity:.9}to{opacity:0;left:130%}}@keyframes floaty{0%,to{transform:translate3d(0,0,var(--z,0px)) rotate(var(--r,0deg))}50%{transform:translate3d(0,-9px,calc(var(--z,0px) + 8px)) rotate(var(--r,0deg))}}.f-inner{flex-direction:column;padding:14px;display:flex;position:absolute;inset:0}@media (width>=640px){.f-inner{padding:18px}}.fc-1{aspect-ratio:4/5;background:var(--paper);width:56%;color:var(--ink);--z:0px;--r:-2deg;animation-delay:-1s;top:2%;left:22%}.fc-2{aspect-ratio:4/5;background:var(--ink);width:40%;color:var(--cream);--z:40px;--r:-8deg;animation-delay:-3s;top:14%;left:2%}.fc-3{aspect-ratio:4/5;background:var(--butter);width:40%;color:var(--ink);--z:60px;--r:7deg;animation-delay:-2s;top:22%;right:2%}.fc-4{aspect-ratio:1/1.15;background:var(--tomato);color:#fff;--z:110px;--r:-5deg;width:36%;animation-delay:-4s;bottom:2%;left:8%}.fc-5{aspect-ratio:5/4;background:var(--cream-2);width:44%;color:var(--ink);--z:140px;--r:4deg;animation-delay:-5s;bottom:4%;right:6%}.float-badge{letter-spacing:.16em;text-transform:uppercase;z-index:5;border-radius:999px;align-items:center;gap:6px;padding:8px 12px;font-family:Space Mono,monospace;font-size:10px;animation:5s ease-in-out infinite badgeFloat;display:inline-flex;position:absolute;box-shadow:0 12px 24px -10px #1a161466}@keyframes badgeFloat{0%,to{transform:translateY(0) rotate(var(--br,-4deg))}50%{transform:translateY(-6px) rotate(var(--br,-4deg))}}.fb-1{background:var(--ink);color:var(--butter);--br:-6deg;top:4%;left:-2%}.fb-2{background:var(--tomato);color:#fff;--br:5deg;animation-delay:-2.5s;bottom:6%;right:-2%}.fb-3{background:var(--paper);color:var(--ink);border:1px solid var(--line-strong);--br:3deg;animation-delay:-1.2s;top:44%;right:-6%}@keyframes blink{50%{opacity:0}}.type-caret{background:var(--tomato);vertical-align:-2px;width:2px;height:1em;margin-left:2px;animation:1s step-end infinite blink;display:inline-block}@media (prefers-reduced-motion:reduce){.stage3d-scene,.f-card,.stage-orb,.float-badge,.f-card:after{transition:none!important;animation:none!important}}