@font-face{font-family:Nunito;src:url(/fonts/Nunito-VariableFont.ttf) format("truetype");font-weight:200 1000;font-style:normal;font-display:swap}@font-face{font-family:Roboto;src:url(/fonts/Roboto-VariableFont.ttf) format("truetype");font-weight:100 900;font-style:normal;font-display:swap}:root{--teal: #00d1b4;--yellow: #fdc521;--bg: #0b1124;--bg-raised: #131b36;--bg-card: #172042;--line: rgba(255, 255, 255, .09);--text: #eef1f8;--text-muted: #a3acc4;--radius: 18px;--gutter: clamp(1rem, 4vw, 2.5rem);--max: 1120px}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:radial-gradient(60rem 40rem at 85% -10%,rgba(0,209,180,.16),transparent 60%),radial-gradient(50rem 35rem at -10% 30%,rgba(253,197,33,.08),transparent 60%),var(--bg);color:var(--text);font-family:Roboto,Arial,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:Nunito,Roboto,Arial,sans-serif;line-height:1.15;margin:0 0 .6em}h1{font-size:clamp(2.1rem,5vw,3.4rem);font-weight:900;letter-spacing:-.02em}h2{font-size:clamp(1.6rem,3.5vw,2.4rem);font-weight:850;letter-spacing:-.01em}h3{font-size:1.15rem;font-weight:800}p{margin:0 0 1em}a{color:inherit}img{max-width:100%;height:auto}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.85rem 1.5rem;border-radius:999px;font-family:Nunito,Roboto,Arial,sans-serif;font-weight:800;font-size:1.05rem;text-decoration:none;transition:transform .15s ease,background-color .15s ease,box-shadow .15s ease}.btn:hover{transform:translateY(-2px)}.btn:focus-visible,.topnav a:focus-visible,.footer-links a:focus-visible{outline:3px solid var(--teal);outline-offset:3px}.btn-yellow{background:var(--yellow);color:#1b1600;box-shadow:0 8px 24px -8px #fdc5218c}.btn-outline{border:2px solid var(--teal);color:var(--teal)}.btn-outline:hover{background:#00d1b41a}.btn-small{padding:.5rem 1rem;font-size:.95rem}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem max(var(--gutter),calc((100% - var(--max)) / 2 + var(--gutter)));background:#0b1124cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:.6rem;text-decoration:none;font-family:Nunito,sans-serif;font-weight:900;font-size:1.25rem}.topnav{display:flex;align-items:center;gap:1.5rem}.topnav a:not(.btn){color:var(--text-muted);text-decoration:none;font-weight:500}.topnav a:not(.btn):hover{color:var(--text)}.hero{max-width:var(--max);margin:0 auto;padding:clamp(2.5rem,7vw,5.5rem) var(--gutter) clamp(2rem,5vw,4rem);display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(2rem,5vw,4rem);align-items:center}.hero-logo{width:clamp(180px,26vw,280px);margin:0 0 1.5rem -.6rem;display:block}.lead{font-size:1.15rem;color:var(--text-muted);max-width:34rem}.cta{display:flex;flex-wrap:wrap;gap:.8rem;margin:1.8rem 0 1rem}.hint{font-size:.9rem;color:var(--text-muted)}.screen{margin:0;background:var(--bg-raised);border:1px solid var(--line);border-radius:var(--radius);padding:1rem 1rem 1.2rem;box-shadow:0 30px 80px -30px #000c,0 0 0 6px #ffffff05}.screen-bar{display:flex;align-items:center;gap:.4rem;margin-bottom:1rem;font-size:.85rem;color:var(--text-muted)}.screen-bar span{width:10px;height:10px;border-radius:50%;background:var(--line)}.screen-bar b{margin-left:auto;font-weight:500}.board{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}.board li{display:grid;grid-template-columns:2.2rem 1fr auto;align-items:center;gap:.8rem;padding:.7rem .9rem;background:var(--bg-card);border-radius:12px;font-family:Nunito,sans-serif;font-weight:800;font-size:1.05rem}.board.animate li{opacity:0;transform:translate(-12px);animation:reveal .5s ease forwards}.board.animate li:nth-child(5){animation-delay:.2s}.board.animate li:nth-child(4){animation-delay:.9s}.board.animate li:nth-child(3){animation-delay:1.6s}.board.animate li:nth-child(2){animation-delay:2.3s}.board.animate li:nth-child(1){animation-delay:3.2s}@keyframes reveal{to{opacity:1;transform:none}}.rank{display:grid;place-items:center;width:2.2rem;height:2.2rem;border-radius:50%;background:#ffffff0f;color:var(--text-muted)}.board li:first-child{background:linear-gradient(90deg,rgba(253,197,33,.22),var(--bg-card));box-shadow:inset 0 0 0 1px #fdc52173}.board li:first-child .rank{background:var(--yellow);color:#1b1600}.board li:nth-child(2) .rank,.board li:nth-child(3) .rank{background:#00d1b42e;color:var(--teal)}.team{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.score{color:var(--teal);font-variant-numeric:tabular-nums}.board li:first-child .score{color:var(--yellow)}.screen figcaption{margin-top:.9rem;font-size:.85rem;color:var(--text-muted);text-align:center}.scale{border-block:1px solid var(--line);background:radial-gradient(40rem 22rem at 80% 20%,rgba(253,197,33,.1),transparent 70%),radial-gradient(40rem 22rem at 15% 90%,rgba(0,209,180,.1),transparent 70%),var(--bg-raised)}.scale-inner{max-width:var(--max);margin:0 auto;padding:clamp(3rem,8vw,6rem) var(--gutter);text-align:center}.scale h2{font-size:clamp(1.9rem,4.5vw,3rem);font-weight:900;max-width:46rem;margin-inline:auto}.scale-compare{display:grid;grid-template-columns:1fr auto 1fr;gap:clamp(1rem,3vw,2.5rem);align-items:stretch;margin-top:clamp(2rem,5vw,3.5rem)}.scale-case{display:flex;flex-direction:column;align-items:center;padding:2rem 1.5rem 1.5rem;background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius)}.scale-case p{color:var(--text-muted);max-width:24rem;margin:0}.scale-case-many{box-shadow:inset 0 0 0 1px #fdc52159}.scale-count{font-family:Nunito,sans-serif;font-weight:800;font-size:1.2rem;color:var(--text)!important;margin:1.2rem 0 .5rem!important}.scale-count b{font-size:2.6rem;font-weight:900;line-height:1;color:var(--teal);margin-right:.3rem}.scale-case-many .scale-count b{color:var(--yellow)}.scale-arrow{display:grid;place-items:center;color:var(--text-muted)}.scale-arrow svg{width:36px;height:36px;fill:currentColor}.sheets{display:flex;flex-wrap:wrap;justify-content:center;align-content:center;min-height:150px}.sheet{width:44px;height:58px;border-radius:4px;background:linear-gradient(var(--teal),var(--teal)) 7px 8px / 18px 3px no-repeat,repeating-linear-gradient(180deg,transparent 0 7px,rgba(11,17,36,.18) 7px 8px) 7px 16px / 30px 36px no-repeat,#eef1f8;box-shadow:0 6px 14px -6px #000000b3}.sheets-few{gap:.8rem}.sheets-many{max-width:210px;margin-inline:auto}.sheets-many .sheet{width:38px;height:50px;margin:-6px -4px;background-color:#e4e8f2}.sheets-many .sheet:nth-child(2n){transform:rotate(-9deg) translateY(4px)}.sheets-many .sheet:nth-child(3n){transform:rotate(12deg) translate(-3px)}.sheets-many .sheet:nth-child(5n){transform:rotate(-17deg) translateY(-5px)}.sheets-many .sheet:nth-child(7n){transform:rotate(22deg) translate(4px,3px)}.sheets-many .sheet:nth-child(11n){transform:rotate(-26deg)}.sheets-many .sheet:nth-child(4n+1){background:linear-gradient(var(--yellow),var(--yellow)) 6px 7px / 16px 3px no-repeat,repeating-linear-gradient(180deg,transparent 0 6px,rgba(11,17,36,.18) 6px 7px) 6px 14px / 26px 30px no-repeat,#f4f1e6}.scale-answer{display:flex;align-items:center;gap:1.2rem;max-width:52rem;margin:clamp(2rem,5vw,3rem) auto 0;padding:1.4rem 1.6rem;text-align:left;border-radius:var(--radius);background:linear-gradient(135deg,#00d1b42e,#00d1b40a);border:1px solid rgba(0,209,180,.35)}.scale-answer img{flex:none}.scale-answer p{margin:0;color:var(--text-muted);font-size:1.05rem}.scale-answer strong{display:block;color:var(--text);font-family:Nunito,sans-serif;font-size:1.2rem;margin-bottom:.3rem}.section{max-width:var(--max);margin:0 auto;padding:clamp(3rem,7vw,5rem) var(--gutter)}.eyebrow{margin:0 0 .5rem;color:var(--teal);font-family:Nunito,sans-serif;font-weight:800;font-size:.85rem;letter-spacing:.12em;text-transform:uppercase}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;margin-top:2rem}.card{background:var(--bg-raised);border:1px solid var(--line);border-radius:var(--radius);padding:1.5rem}.card p{color:var(--text-muted);margin:0}.icon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;margin-bottom:1rem}.icon svg{width:26px;height:26px;fill:currentColor}.icon-teal{background:#00d1b424;color:var(--teal)}.icon-yellow{background:#fdc52124;color:var(--yellow)}.steps{list-style:none;margin:2rem 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem;counter-reset:none}.steps li{position:relative;padding:1.5rem;border-top:3px solid var(--teal);background:linear-gradient(180deg,var(--bg-raised),transparent);border-radius:0 0 var(--radius) var(--radius)}.steps li:last-child{border-top-color:var(--yellow)}.steps p{color:var(--text-muted);margin:0}.step-num{display:block;font-family:Nunito,sans-serif;font-weight:900;font-size:2.6rem;line-height:1;margin-bottom:.6rem;color:var(--teal)}.steps li:last-child .step-num{color:var(--yellow)}.contact-box{display:grid;grid-template-columns:1.4fr 1fr;gap:2rem;align-items:center;padding:clamp(1.5rem,5vw,3rem);border-radius:calc(var(--radius) + 6px);background:radial-gradient(30rem 20rem at 100% 100%,rgba(253,197,33,.14),transparent 70%),linear-gradient(135deg,rgba(0,209,180,.16),var(--bg-raised));border:1px solid var(--line)}.contact-box p:last-child{color:var(--text-muted);margin:0}.contact-actions{display:flex;flex-direction:column;gap:.8rem}.demo-row{display:grid;grid-template-columns:1fr 1.5fr;gap:clamp(1.5rem,4vw,3rem);align-items:center;margin-top:2.5rem}.demo-row-reverse{grid-template-columns:1.5fr 1fr}.demo-row-reverse .demo-text{order:2}.demo-text p{color:var(--text-muted);margin:0}.demo{margin:0}.demo-more{margin:2.5rem auto 0;max-width:40rem;text-align:center;color:var(--text-muted);font-size:1.05rem}.demo figcaption{margin-top:.7rem;font-size:.85rem;color:var(--text-muted);text-align:center}.demo-stage{--gold: #f6b23c;--silver: #d4dae2;--bronze: #d08a4c;--accent: #f6b23c;container-type:inline-size;aspect-ratio:16 / 9;display:grid;align-content:center;justify-items:center;gap:4cqw;padding:4cqw;background:radial-gradient(80% 70% at 50% 40%,#1c1f2b,#0a0b10);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 30px 80px -30px #000c,0 0 0 6px #ffffff05;overflow:hidden;font-family:Roboto,Arial,sans-serif;color:#f2f2f2}.demo-stage .d-rank{display:inline-block;font-size:11cqw;font-weight:800;line-height:1;letter-spacing:-.03em;color:var(--rank-color, var(--accent));text-shadow:0 0 .3em color-mix(in srgb,currentColor 45%,transparent),0 .04em .12em rgb(0 0 0 / .5)}.demo-stage .d-rank sup{font-size:.4em;font-weight:500;margin-left:.05em}.demo-stage[data-podium="1"]{--rank-color: var(--gold)}.demo-stage[data-podium="2"]{--rank-color: var(--silver)}.demo-stage[data-podium="3"]{--rank-color: var(--bronze)}.demo-stage .teamName{--glow: var(--rank-color, var(--accent));display:flex;flex-wrap:wrap;justify-content:center;gap:0 .3em;max-width:94%;font-size:min(9cqw,calc(160cqw / var(--span-count, 20)));font-weight:800;line-height:1.15;letter-spacing:-.01em;min-height:1.15em}.demo-stage .word{display:inline-flex;white-space:nowrap}.demo-stage .letter{display:inline-block;text-shadow:0 .04em .12em rgb(0 0 0 / .5)}.demo-stage .anim-reveal .letter{animation:letterIn .7s cubic-bezier(.34,1.56,.64,1) calc(var(--i) * .06s) both,letterShine .9s ease-in-out calc(var(--shine-start, 1s) + var(--i) * .04s) both}.demo-stage .anim-neon{--glow: #ff4fd8;font-weight:300;letter-spacing:.04em}.demo-stage .anim-neon .letter{color:#fff7fd;text-shadow:0 0 .04em #fff,0 0 .15em var(--glow),0 0 .4em var(--glow),0 0 .9em color-mix(in srgb,var(--glow) 60%,transparent);animation:neonOn 1.4s linear calc(var(--d, 0s) + var(--i) * .03s) both,neonHum 4s ease-in-out calc(2.2s + var(--hum, 0s)) infinite}.demo-stage[data-anim=reveal] .d-rank{animation:rankPop .6s cubic-bezier(.34,1.56,.64,1) both}.demo-stage[data-anim=neon] .d-rank{animation:neonOn 1s linear both}.demo-stage .d-stats{display:grid;grid-auto-flow:column;grid-auto-columns:26cqw;gap:2.5cqw}.demo-stage .d-stat{display:grid;justify-items:center;align-content:center;gap:1cqw;padding:1.8cqw 2.5cqw;background:#ffffff0f;border:1px solid rgb(255 255 255 / .12);border-radius:1.5cqw;animation:statIn .6s cubic-bezier(.2,.8,.2,1) both}.demo-stage .d-stat:nth-child(2){animation-delay:.12s}.demo-stage .d-value{font-size:5.5cqw;font-weight:700;line-height:1;font-variant-numeric:tabular-nums}.demo-stage .d-value small{font-size:.5em;font-weight:400}.demo-stage .d-label{font-size:1.8cqw;font-weight:300;text-transform:uppercase;letter-spacing:.2em;opacity:.7}.demo-stage .d-bar{display:block;width:100%;height:.8cqw;border-radius:999px;background:#ffffff1f;overflow:hidden}.demo-stage .d-bar span{display:block;height:100%;width:var(--pct);border-radius:inherit;background:linear-gradient(90deg,var(--accent),#ffd98a);animation:barFill 1.2s cubic-bezier(.2,.8,.2,1) .3s both}.demo-board{align-content:stretch;justify-items:stretch;grid-template-rows:auto auto minmax(0,1fr);gap:0;padding:2.6% 0}.demo-board .b-title{justify-self:center;font-size:3cqw;line-height:1.2;font-weight:700;color:var(--accent)}.demo-board .b-series{justify-self:center;margin-bottom:1em;font-size:2cqw;line-height:1.2;color:#ffffffb3}.demo-board .b-title span{font-weight:400;opacity:.7}.demo-board .b-viewport{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}.demo-board .b-track{display:flex;width:max-content;height:100%;animation:boardSlide calc(var(--cols, 5) * 7s) linear infinite paused}.demo-board .b-track.sliding{animation-play-state:running}@keyframes boardSlide{to{transform:translate(-50%)}}.demo-board .b-col{display:grid;grid-template-columns:auto 1fr auto auto;align-content:start;row-gap:.25em;padding-inline:2cqw;font-size:2.2cqw}.demo-board .b-item{--medal: var(--accent);grid-column:1 / -1;display:grid;grid-template-columns:subgrid;column-gap:.7em;align-items:center;padding:.3em .7em .3em .5em;border-radius:.35em;background:#ffffff0a;border-left:.15em solid transparent}.demo-board .b-item:nth-child(2n){background:#ffffff14}.demo-board .b-item[data-podium]{border-left-color:var(--medal);background:linear-gradient(90deg,color-mix(in srgb,var(--medal) 22%,transparent),#ffffff0a 70%)}.demo-board .b-item[data-podium="1"]{--medal: var(--gold)}.demo-board .b-item[data-podium="2"]{--medal: var(--silver)}.demo-board .b-item[data-podium="3"]{--medal: var(--bronze)}.demo-board .b-pos{justify-self:end;font-weight:700;font-variant-numeric:tabular-nums;color:var(--medal)}.demo-board .b-pos.exaequo{font-size:70%;font-weight:400;font-style:italic;opacity:.7}.demo-board .b-name{white-space:nowrap}.demo-board .b-pts{justify-self:end;font-weight:800;font-variant-numeric:tabular-nums}.demo-board .b-pct{display:grid;justify-items:center;gap:.15em;min-width:3.2em;font-size:60%;font-weight:300;font-variant-numeric:tabular-nums;opacity:.85}.demo-board .b-bar{display:block;width:100%;height:.25em;border-radius:999px;background:#ffffff26;overflow:hidden}.demo-board .b-bar span{display:block;height:100%;width:var(--pct);border-radius:inherit;background:var(--medal)}@keyframes neonOn{0%,9%,13%,30%,34%,52%{color:#ffffff14;text-shadow:none}10%,12%,31%,33%,53%,to{color:#fff7fd}}@keyframes neonHum{0%,to{opacity:1}48%{opacity:1}50%{opacity:.78}52%{opacity:1}54%{opacity:.88}56%{opacity:1}}@keyframes rankPop{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:none}}@keyframes letterIn{0%{opacity:0;transform:translateY(-.8em) scale(1.8) rotate(var(--r, 0deg));filter:blur(.12em)}60%{opacity:1;filter:blur(0)}to{opacity:1;transform:none;filter:none}}@keyframes letterShine{40%{color:#fff;transform:translateY(-.06em);text-shadow:0 0 .15em var(--glow),0 0 .5em var(--glow)}}@keyframes statIn{0%{opacity:0;transform:translateY(1.5cqw)}to{opacity:1;transform:none}}@keyframes barFill{0%{width:0}}.site-footer{max-width:var(--max);margin:0 auto;padding:2rem var(--gutter) 3rem;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;color:var(--text-muted);font-size:.9rem}.footer-brand{display:flex;align-items:center;gap:.6rem}.footer-links{display:flex;flex-wrap:wrap;gap:.5rem 1.4rem}.footer-links a{text-decoration:none}.footer-links a:hover{color:var(--text)}.prose{max-width:46rem;margin:0 auto;padding:clamp(2.5rem,6vw,4rem) var(--gutter)}.prose h2{font-size:1.3rem;margin-top:2rem}.prose p,.prose li{color:var(--text-muted)}.prose a{color:var(--teal)}.js-reveal .reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1);transition-delay:calc(var(--i, 0) * .11s)}.js-reveal .reveal.in-view{opacity:1;transform:none}.js-reveal .steps li.reveal{transition-delay:calc(var(--i, 0) * .35s)}.js-reveal .screen.reveal:not(.in-view){transform:perspective(900px) rotateY(-12deg) translate(30px)}.js-reveal .demo-row-reverse .reveal:not(.in-view){transform:translate(-28px)}.js-reveal .reveal-sheets .sheet{opacity:0}.js-reveal .reveal-sheets.in-view .sheet{opacity:1;animation:sheet-place .45s cubic-bezier(.2,.7,.2,1) backwards;animation-delay:calc(.3s + var(--i, 0) * .12s)}.js-reveal .sheets-many.in-view .sheet{animation-name:sheet-drop;animation-duration:.5s;animation-delay:calc(.3s + var(--i, 0) * 70ms)}@keyframes sheet-place{0%{opacity:0;transform:translateY(16px)}}@keyframes sheet-drop{0%{opacity:0;transform:translateY(-70px) rotate(50deg) scale(1.3)}}.js-reveal .scale-arrow.in-view svg{animation:nudge 1.4s ease-in-out 1s 2}@keyframes nudge{50%{transform:translate(8px)}}@keyframes nudge-down{50%{transform:rotate(90deg) translate(8px)}}@media(max-width:900px){.hero,.contact-box{grid-template-columns:1fr}.grid{grid-template-columns:repeat(2,1fr)}.demo-row,.demo-row-reverse{grid-template-columns:1fr}.demo-row-reverse .demo-text{order:0}.steps{grid-template-columns:repeat(2,1fr)}.scale-compare{grid-template-columns:1fr}.scale-arrow svg{transform:rotate(90deg)}.js-reveal .scale-arrow.in-view svg{animation-name:nudge-down}}@media(max-width:640px){.topnav a:not(.btn){display:none}.grid,.steps{grid-template-columns:1fr}.cta .btn,.contact-actions .btn{width:100%}.site-footer,.scale-answer{flex-direction:column;align-items:flex-start}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.board.animate li,.demo-stage .letter,.demo-stage .d-rank,.demo-stage .d-stat,.demo-stage .d-bar span{animation:none;opacity:1;transform:none}.btn{transition:none}.demo-board .b-track{animation:none}.demo-board .b-viewport{overflow-x:auto}}