.hero{min-height:100svh;max-width:var(--max);padding:130px var(--gutter) 90px;grid-template-columns:1.25fr .75fr;align-items:center;gap:3rem;margin:0 auto;display:grid;position:relative}.hero-badges{color:var(--muted);flex-wrap:wrap;gap:.5rem 1.4rem;margin:2rem 0 0;padding:0;font-size:.92rem;list-style:none;display:flex}.hero-badges li:before{content:"✓";color:var(--accent);margin-right:.45em;font-weight:700}.hero-visual{perspective:1200px;place-items:center;display:grid;position:relative}.hero-visual:before{content:"";aspect-ratio:1;background:radial-gradient(circle at 43% 43%,#9bd5f352,#9bd5f314 45%,#0000 66%);border-radius:50%;width:115%;animation:7s ease-in-out infinite breathe;position:absolute}@keyframes breathe{50%{opacity:.8;transform:scale(1.06)}}.orbit{pointer-events:none;position:absolute;inset:0}.chip{z-index:2;border-radius:var(--pill);font:600 .9rem/1 var(--font-mono);color:var(--accent-2);background:#141418eb;border:1px solid #9bd5f34d;padding:.5em 1em;animation:6s ease-in-out infinite bob;position:absolute;box-shadow:0 10px 30px -10px #000000b3}.chip-1{top:10%;left:-2%}.chip-2{animation-delay:-1.5s;top:30%;right:-6%}.chip-3{animation-delay:-3s;bottom:22%;left:-8%}.chip-4{animation-delay:-4.5s;bottom:8%;right:4%}.chip-5{animation-delay:-2.2s;top:-2%;right:18%}@keyframes bob{50%{transform:translateY(-12px)rotate(-2deg)}}.scroll-hint{border:2px solid var(--line);border-radius:20px;width:26px;height:42px;position:absolute;bottom:26px;left:50%;transform:translate(-50%)}.scroll-hint span{background:var(--accent);border-radius:2px;width:4px;height:8px;margin-left:-2px;animation:1.8s ease-in-out infinite wheel;position:absolute;top:8px;left:50%}@keyframes wheel{0%{opacity:0;transform:translateY(0)}30%{opacity:1}to{opacity:0;transform:translateY(14px)}}.phone{--rx:0deg;--ry:0deg;aspect-ratio:9/19.5;width:min(300px,70vw);transform:rotateX(var(--rx)) rotateY(var(--ry));transition:transform .6s var(--ease);background:linear-gradient(145deg,#3a3a40,#121214 40%,#2a2a2f);border-radius:46px;padding:11px;animation:7s ease-in-out infinite float;position:relative;box-shadow:inset 0 0 0 1px #ffffff14,0 50px 100px -30px #000000e6,0 30px 80px -40px #9bd5f38c}@keyframes float{50%{translate:0 -14px}}.phone-notch{z-index:3;background:#000;border-radius:20px;width:30%;height:22px;position:absolute;top:22px;left:50%;transform:translate(-50%)}.phone-screen{background:#111;border-radius:36px;width:100%;height:100%;position:relative;overflow:hidden}.phone .slide{object-fit:cover;object-position:top;opacity:0;width:100%;height:100%;transition:opacity 1s var(--ease), transform 1.6s var(--ease);position:absolute;inset:0;transform:scale(1.06)}.phone .slide.is-active{opacity:1;transform:scale(1)}.phone-glare{pointer-events:none;background:linear-gradient(120deg,#ffffff24 0%,#0000 32%);border-radius:36px;position:absolute;inset:11px}.phone-lg{width:min(340px,78vw);min-width:240px;animation:none}.stats{max-width:var(--max);padding:0 var(--gutter);margin:0 auto}.stats-grid{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}.stat{border-radius:var(--radius);border:1px solid var(--line);background:var(--surface);text-align:center;padding:1.8rem 1.4rem}.stat strong{font-family:var(--font-display);color:var(--text);font-size:clamp(2.4rem,5vw,3.6rem);font-weight:400;line-height:1;display:block}.stat>span{color:var(--muted);margin-top:.5rem;font-size:.95rem;display:block}.stats-note{text-align:right;color:var(--muted);margin:.8rem 0 0;font-size:.78rem}.bento{grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(230px,auto);gap:1rem;display:grid}.card-xl,.card-tall{grid-area:span 2/span 2}.card-wide{grid-column:span 2}.card-xl h3{font-size:clamp(1.6rem,2.6vw,2.1rem)}.formula{font-family:var(--font-display);align-items:center;gap:.5rem;margin-top:2rem;font-size:clamp(2.2rem,5vw,3.6rem);line-height:1;display:flex}.formula span{color:var(--text)}.formula i{color:var(--accent);font-style:normal}.formula span:first-child{animation:4s infinite pulse}.formula span:nth-child(3){animation:4s 1s infinite pulse}.formula span:nth-child(5){animation:4s 2s infinite pulse}.formula span:nth-child(7){animation:4s 3s infinite pulse}@keyframes pulse{0%,20%,to{color:var(--text);transform:none}10%{color:var(--accent);transform:translateY(-6px)}}.tubes{align-items:flex-end;gap:1.1rem;height:150px;margin-top:2rem;display:flex}.tubes span{border:2px solid #ffffff40;border-top:0;border-radius:0 0 24px 24px;flex:1;max-width:46px;height:100%;position:relative;overflow:hidden}.tubes span:after{content:"";background:linear-gradient(180deg, var(--accent-2), var(--accent-deep));height:0;transition:height 1.6s var(--ease);position:absolute;bottom:0;left:0;right:0}.tubes span:nth-child(2):after{transition-delay:.15s}.tubes span:nth-child(3):after{transition-delay:.3s}.tubes span:nth-child(4):after{transition-delay:.45s}.is-in .tubes .h72:after{height:72%}.is-in .tubes .h45:after{height:45%}.is-in .tubes .h88:after{height:88%}.is-in .tubes .h60:after{height:60%}.mini-timer{font:700 2rem/1 var(--font-mono);color:var(--text);letter-spacing:.02em;margin-top:1.4rem}.mini-timer span{background:#f0c75e10;border:1px solid #f0c75e55;border-radius:14px;padding:.35em .55em;display:inline-block}.counter-demo{border:3px solid var(--green);cursor:pointer;width:92px;height:92px;font:700 2rem/1 var(--font-body);background:#232326;border-radius:50%;margin-top:1.2rem;transition:transform .15s,box-shadow .3s}.counter-demo:hover{box-shadow:0 0 0 8px #93c47d1f}.counter-demo:active{transform:scale(.92)}.counter-demo.bump span{animation:bump .3s var(--ease);display:inline-block}@keyframes bump{40%{transform:scale(1.3)}}.tags{flex-wrap:wrap;gap:.5rem;margin-top:1.4rem;display:flex}.tags span{border-radius:var(--pill);border:1px solid var(--line);background:var(--surface);padding:.35em .9em;font-size:.85rem}.eq{align-items:flex-end;gap:5px;height:34px;margin-top:1.3rem;display:flex}.eq i{background:var(--accent);border-radius:3px;width:6px;animation:1.1s ease-in-out infinite eq}.eq i:nth-child(2){animation-delay:-.3s}.eq i:nth-child(3){animation-delay:-.6s}.eq i:nth-child(4){animation-delay:-.15s}.eq i:nth-child(5){animation-delay:-.8s}@keyframes eq{0%,to{height:20%}50%{height:100%}}.showcase{border-radius:var(--radius-lg);border:1px solid var(--line);background:radial-gradient(600px at 100% 0,#9bd5f31f,#0000 60%),linear-gradient(#ffffff0d,#ffffff04);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:3rem;margin-bottom:1rem;padding:clamp(1.6rem,4vw,3rem);display:grid}.showcase-flip .showcase-copy{order:2}.showcase-flip{background:radial-gradient(600px at 0 100%,#93c47d1f,#0000 60%),linear-gradient(#ffffff0d,#ffffff04)}.showcase h3{letter-spacing:-.01em;margin:.4rem 0 .8rem;font-size:clamp(1.6rem,2.8vw,2.2rem);line-height:1.15}.showcase p{color:var(--muted);margin:0}.showcase-visual{place-items:center;gap:1rem;display:grid}.showcase-visual img{border:1px solid var(--line);border-radius:18px;box-shadow:0 30px 60px -30px #000000e6}.plate{border:1px solid var(--line);background:#1b1b1f;border-radius:22px;grid-template-columns:repeat(12,1fr);gap:clamp(4px,.8vw,8px);width:100%;max-width:480px;padding:clamp(12px,2vw,22px);display:grid;box-shadow:inset 0 2px #ffffff0a,0 30px 60px -30px #000000e6}.plate i{aspect-ratio:1;transition:background .35s, box-shadow .35s, transform .35s var(--ease);background:#2a2a30;border-radius:50%;box-shadow:inset 0 2px 3px #0009}.plate i.on{background:var(--c);box-shadow:0 0 12px -2px var(--c), inset 0 -2px 3px #00000040;transform:scale(1.04)}.plate i.cur{outline-offset:2px;outline:2px solid #fff}.plate-legend{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:.5rem 1.1rem;font-size:.85rem;display:flex}.plate-legend span:before{content:"";background:var(--c);border-radius:50%;width:.7em;height:.7em;margin-right:.45em;display:inline-block}.c-blue{--c:#9bd5f3}.c-green{--c:#93c47d}.c-pink{--c:#f6c1ff}.c-peach{--c:#ffd6a5}.eqz{justify-content:center;align-items:flex-end;gap:clamp(10px,2vw,20px);width:100%;max-width:440px;height:240px;padding:0 10px;display:flex;position:relative}.eqz i{border:2px solid #ffffff47;border-top:0;border-radius:0 0 24px 24px;flex:1;max-width:46px;height:100%;position:relative;overflow:hidden}.eqz i:after{content:"";transition:height 1.4s var(--ease);background:linear-gradient(#c9e8b8,#5f9e4b);position:absolute;bottom:0;left:0;right:0}.eqz .f82:after{height:82%}.eqz .f34:after{height:34%}.eqz .f66:after{height:66%}.eqz .f21:after{height:21%}.eqz .f91:after{height:91%}.eqz .f48:after{height:48%}.eqz.level i:after{height:55%}.eqz i:nth-child(3):after{transition-delay:80ms}.eqz i:nth-child(4):after{transition-delay:.16s}.eqz i:nth-child(5):after{transition-delay:.24s}.eqz i:nth-child(6):after{transition-delay:.32s}.eqz i:nth-child(7):after{transition-delay:.4s}.eqz-line{z-index:2;opacity:0;border-top:2px dashed #93c47db3;transition:opacity .6s;position:absolute;bottom:55%;left:0;right:0}.eqz-line span{letter-spacing:.12em;text-transform:uppercase;color:var(--green);font-size:.75rem;position:absolute;top:-1.6em;right:0}.eqz.level .eqz-line{opacity:1}.new-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.try{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:3rem;display:grid}.pillars{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}.pillar{border-radius:var(--radius);border:1px solid var(--line);background:var(--surface);transition:transform .5s var(--ease), background .4s;padding:2rem 1.6rem;position:relative}.pillar:hover{background:var(--surface-2);transform:translateY(-6px)}.pillar-num{font-family:var(--font-display);color:#0000;-webkit-text-stroke:1.5px var(--accent);margin-bottom:1.2rem;font-size:3rem;line-height:1}.pillar h3{margin:0 0 .5rem;font-size:1.25rem}.pillar p{color:var(--muted);margin:0}.tour{border-radius:var(--radius-lg);border:1px solid var(--line);background:linear-gradient(#ffffff0d,#ffffff04);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:3rem;padding:clamp(1.4rem,4vw,3rem);display:grid}.tour-tabs{gap:.5rem;display:grid}.tour-tab{text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:20px;grid-template-columns:auto 1fr;align-items:start;gap:1rem;padding:1.1rem 1.2rem;transition:background .3s,border-color .3s;display:grid;position:relative;overflow:hidden}.tour-tab:hover{background:var(--surface)}.tour-tab.is-active{background:var(--surface-2);border-color:var(--line)}.tour-num{font-family:var(--font-display);color:#0000;-webkit-text-stroke:1px var(--muted);font-size:1.5rem;line-height:1.1}.tour-tab.is-active .tour-num{-webkit-text-stroke-color:var(--accent)}.tour-text b{color:var(--muted);font-size:1.12rem;transition:color .3s;display:block}.tour-text span{opacity:0;max-height:0;color:var(--muted);transition:max-height .5s var(--ease), opacity .4s, margin .4s;font-size:.95rem;display:block;overflow:hidden}.tour-tab.is-active .tour-text b{color:var(--text)}.tour-tab.is-active .tour-text span{opacity:1;max-height:5em;margin-top:.3rem}.tour-bar{height:2px;position:absolute;bottom:0;left:1.2rem;right:1.2rem}.tour-bar i{background:var(--accent);border-radius:2px;width:0;height:100%;display:block}.tour.is-playing .tour-tab.is-active .tour-bar i{animation:4.5s linear forwards tourbar}.tour.is-paused .tour-tab.is-active .tour-bar i{width:100%}@keyframes tourbar{to{width:100%}}.tour-stage{perspective:1200px;place-items:center;display:grid;position:relative}.tour-glow{aspect-ratio:1;background:radial-gradient(circle,#9bd5f347,#0000 62%);border-radius:50%;width:110%;animation:7s ease-in-out infinite breathe;position:absolute}.tour-caption{color:var(--muted);text-align:center;min-height:3em;margin:0;display:none}.insta{border-radius:var(--radius);border:1px solid var(--line);background:var(--surface);grid-template-columns:auto 1fr auto;align-items:center;gap:2rem;padding:2.2rem;display:grid}.insta .title{font-size:clamp(1.7rem,3.4vw,2.6rem)}.insta-ring{background:conic-gradient(from 0deg, var(--accent), var(--pink), var(--peach), var(--accent));border-radius:50%;padding:5px;animation:8s linear infinite spin;position:relative}.insta-ring img{border:4px solid var(--bg);border-radius:50%;animation:8s linear infinite reverse spin}@keyframes spin{to{rotate:360deg}}.download-card{isolation:isolate;text-align:center;padding:clamp(60px, 9vw, 110px) var(--gutter);background:linear-gradient(#9bd5f31a,#ffffff05);border:1px solid #9bd5f340;border-radius:40px;position:relative;overflow:hidden}.download-card .lead{margin:1.2rem auto 0}.download-glow{z-index:-1;background:radial-gradient(circle,#9bd5f380,#0000 60%);border-radius:50%;width:900px;height:900px;animation:6s ease-in-out infinite breathe;position:absolute;top:100%;left:50%;transform:translate(-50%,-50%)}@media (width<=1020px){.bento{grid-template-columns:repeat(2,1fr)}.card-xl,.card-tall{grid-row:span 1}.card-wide{grid-column:span 2}.pillars{grid-template-columns:repeat(2,1fr)}.new-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=860px){.hero{text-align:center;grid-template-columns:minmax(0,1fr);gap:4rem;padding-top:120px}.hero .lead,.hero .origin{margin-inline:auto}.hero .cta-row,.hero-badges{justify-content:center}.scroll-hint{display:none}.orbit{width:min(460px,100%);left:50%;right:auto;transform:translate(-50%)}.chip-2{right:0}.chip-3{left:0}.stats-grid{grid-template-columns:repeat(2,1fr)}.stats-note{text-align:center}.showcase,.try,.tour{grid-template-columns:minmax(0,1fr);gap:2rem}.showcase-flip .showcase-copy{order:0}.tour-stage{order:-1}.tour-tabs{scrollbar-width:none;grid-auto-columns:max-content;grid-auto-flow:column;margin:0 -.4rem;padding:0 .4rem;overflow-x:auto}.tour-tabs::-webkit-scrollbar{display:none}.tour-tab{border-radius:var(--pill);border-color:var(--line);grid-template-columns:auto;padding:.7rem 1rem}.tour-num,.tour-text span{display:none}.tour-text b{font-size:.95rem}.tour-caption{display:block}.insta{text-align:center;grid-template-columns:1fr;justify-items:center}}@media (width<=560px){.bento,.new-grid,.pillars{grid-template-columns:minmax(0,1fr)}.card-xl,.card-tall,.card-wide{grid-column:span 1}.chip{font-size:.75rem}}@media (prefers-reduced-motion:reduce){.is-in .tubes span:after,.tubes span:after{transition:none}.eqz i:after{height:55%!important}.eqz-line{opacity:1}}
