@font-face{font-family:Inter;src:url(/fonts/inter-regular.ttf)format("truetype");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/inter-semibold.ttf)format("truetype");font-style:normal;font-weight:600 700;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/inter-extrabold.ttf)format("truetype");font-style:normal;font-weight:800 900;font-display:swap}:root{--font:Inter, ui-sans-serif, system-ui, sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:104px}body{background:var(--paper);color:var(--ink);font:var(--text-body);margin:0}a{color:inherit}button,input{font:inherit}:focus-visible{outline:3px solid var(--pitch-ink);outline-offset:5px}img{max-width:100%;display:block}[hidden]{display:none!important}h1,h2,h3,p{margin:0}h1,h2{text-wrap:balance}h2{letter-spacing:-.055em;font-size:clamp(30px,3.5vw,46px);font-weight:600;line-height:1.1}h3{font:var(--text-heading);letter-spacing:-.035em}p{text-wrap:pretty}.shell{width:min(var(--wide), calc(100% - 80px));margin-inline:auto}.skip-link{z-index:30;background:var(--ink);color:var(--snow);border-radius:var(--radius-sm);padding:12px 20px;position:fixed;top:-100px;left:16px}.skip-link:focus{top:16px}.nav{z-index:20;background:color-mix(in srgb, var(--ink) 92%, transparent);color:var(--snow);backdrop-filter:blur(16px);position:sticky;top:0}.nav :focus-visible,.hero-band :focus-visible,.cta :focus-visible{outline-color:var(--pitch)}.nav-inner{justify-content:space-between;align-items:center;gap:var(--space-xl);min-height:96px;display:flex}.brand{align-items:center;min-height:44px;text-decoration:none;display:flex}.wordmark{flex-shrink:0;max-width:100%;display:block;position:relative}.wordmark:before,.wordmark:after{content:"";position:absolute;inset:0}.wordmark:before{background:var(--wordmark-tone,var(--ink));mask:var(--wordmark-src) center / contain no-repeat;-webkit-mask:var(--wordmark-src) center / contain no-repeat}.wordmark:after{background:var(--pitch);mask:var(--wordmark-star-src) center / contain no-repeat;-webkit-mask:var(--wordmark-star-src) center / contain no-repeat}.nav-links{align-items:center;gap:var(--space-xl);display:flex}.nav-links a:not(.button){min-height:44px;font:var(--text-body-strong);align-items:center;text-decoration:none;display:inline-flex}.nav-links a:not(.button):hover,.footer-links a:hover{text-underline-offset:5px;text-decoration:underline}.button{border-radius:var(--radius-sm);min-height:52px;font:var(--text-body-strong);transition:background var(--duration), opacity var(--duration);border:0;justify-content:center;align-items:center;gap:24px;padding:14px 24px;text-decoration:none;display:inline-flex}.button span{font-size:22px;line-height:1}.button.primary{background:var(--pitch);color:var(--ink)}.button.primary:hover{background:var(--pitch-deep)}.button.secondary{background:var(--ink);color:var(--snow)}.button.secondary:hover{background:var(--sage)}.button.secondary:focus-visible{outline-color:var(--pitch-ink)}.button:active{opacity:.8}.text-link{min-height:48px;font:var(--text-body-strong);justify-content:space-between;align-items:center;gap:20px;text-decoration:none;display:inline-flex}.text-link:hover{text-underline-offset:5px;text-decoration:underline}.text-link span{font-size:22px}main{overflow-x:clip}.hero-band{isolation:isolate;color:var(--snow);background:radial-gradient(60% 75% at 88% 0%, color-mix(in srgb, var(--pitch) 20%, transparent), transparent 70%), radial-gradient(45% 60% at 0% 100%, color-mix(in srgb, var(--sky) 16%, transparent), transparent 70%), var(--ink);position:relative}.pitch-lines{z-index:-1;width:100%;height:100%;color:color-mix(in srgb, var(--snow) 7%, transparent);pointer-events:none;position:absolute;inset:0}.hero{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center;gap:88px;padding-block:56px 120px;display:grid}.eyebrow{font:var(--text-body-strong);color:var(--pitch-ink);align-items:center;gap:10px;margin-bottom:24px;display:flex}h1{letter-spacing:-.06em;font-size:clamp(48px,5.6vw,84px);font-weight:800;line-height:.98}h1 em,h2 em{color:var(--pitch);font-style:normal}.hero .lead{max-width:42ch;color:var(--silver);margin-top:28px;font-size:18px;line-height:1.6}.actions{flex-wrap:wrap;align-items:center;gap:28px;margin-top:36px;display:flex}.hero-facts{flex-wrap:wrap;gap:16px 40px;margin:48px 0 0;display:flex}.hero-facts>div{flex-direction:column-reverse;gap:2px;display:flex}.hero-facts dt{font:var(--text-caption);color:var(--silver);max-width:16ch}.hero-facts dd{font:var(--text-score);letter-spacing:-.04em;font-variant-numeric:tabular-nums;color:var(--pitch);margin:0;font-size:36px;line-height:1.1}.product-stage{padding:24px 8px 24px 48px;position:relative}.demo-heading{font:var(--text-body-strong);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.product-preview{background:var(--snow);color:var(--ink);border-radius:var(--radius-xl);overflow:hidden;transform:rotate(2deg);box-shadow:0 40px 80px #00000059}.stage-mvp{width:176px;animation:6s ease-in-out infinite float;position:absolute;bottom:-48px;left:-64px;transform:rotate(-7deg)}.stage-chip{background:var(--whistle);color:var(--ink);border-radius:var(--radius-pill);font:var(--text-body-strong);box-shadow:var(--shadow-menu);align-items:center;gap:8px;padding:10px 16px;animation:6s ease-in-out -3s infinite float;display:flex;position:absolute;top:0;right:-16px;transform:rotate(4deg)}@keyframes float{0%,to{translate:0}50%{translate:0 -10px}}.mvp-card{background:linear-gradient(160deg, var(--whistle), var(--gold-deep));color:var(--ink);border-radius:var(--radius-lg) var(--radius-lg) 48px 48px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--snow) 45%, transparent), 0 24px 48px #00000059;text-align:center;justify-items:center;gap:6px;padding:16px 16px 18px;display:grid}.mvp-top{justify-content:space-between;align-items:flex-start;width:100%;display:flex}.mvp-rating{justify-items:start;line-height:1;display:grid}.mvp-rating strong{font:var(--text-score);letter-spacing:-.05em;font-variant-numeric:tabular-nums;font-size:34px;line-height:1}.mvp-rating span,.mvp-tag{font:var(--text-label);text-transform:uppercase;letter-spacing:.08em}.mvp-tag{background:var(--ink);color:var(--whistle);border-radius:var(--radius-pill);padding:4px 8px}.mvp-photo{border-radius:var(--radius-pill);object-fit:cover;background:var(--snow);width:84px;height:84px;box-shadow:0 0 0 4px color-mix(in srgb, var(--snow) 60%, transparent)}.mvp-name{font:var(--text-header);text-transform:uppercase;letter-spacing:.02em;margin-top:6px;font-weight:800}.mvp-copy{font:var(--text-caption);max-width:18ch}.mvp-stars{letter-spacing:4px;font-size:18px}.ticker{z-index:2;background:var(--pitch);width:104%;color:var(--ink);margin:-28px 0 0 -2%;padding-block:18px;position:relative;overflow:hidden;transform:rotate(-1.5deg)}.ticker-track{width:max-content;animation:48s linear infinite ticker;display:flex}.ticker-group{margin:0;padding:0;list-style:none;display:flex}.ticker-group li{letter-spacing:-.02em;white-space:nowrap;align-items:center;gap:20px;padding-right:20px;font-size:20px;font-weight:800;display:flex}.ticker-star{color:var(--pitch-ink);font-weight:400}@keyframes ticker{to{transform:translate(-50%)}}.match-card{background:var(--ink);color:var(--snow);padding:24px}.match-heading,.match-footer{font:var(--text-caption);justify-content:space-between;align-items:center;gap:12px;display:flex}.badge{border-radius:var(--radius-xs);background:var(--mint);color:var(--ink);font:var(--text-label);padding:4px 8px;display:inline-flex}.scoreboard{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:16px;padding-block:28px;display:grid}.team{text-align:center;font:var(--text-caption);flex-direction:column;align-items:center;gap:12px;display:flex}.team-crest{object-fit:contain;width:58px;height:58px;display:block}.team-crest.away{background:0 0}.score{font:var(--text-score);letter-spacing:-.055em;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:56px}.score span{margin:0 8px;font-weight:400;display:inline-block}.match-footer{color:var(--silver)}.ranking-card{padding:24px 16px 20px}.ranking-heading{justify-content:space-between;align-items:center;gap:12px;padding-inline:8px;display:flex}.ranking-heading h2{font:var(--text-title);letter-spacing:-.02em}.ranking-heading>span{font:var(--text-caption);color:var(--sage)}.rank-list{gap:4px;margin:16px 0 0;padding:0;list-style:none;display:grid}.rank-row{border-radius:var(--radius-sm);grid-template-columns:16px 36px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;display:grid}.rank-row.is-leading{background:var(--mint)}.rank-pos{font:var(--text-caption);font-variant-numeric:tabular-nums}.avatar{border-radius:var(--radius-pill);background:var(--paper);width:36px;height:36px;color:var(--ink);font:var(--text-label);flex-shrink:0;place-items:center;display:grid}.avatar-image{object-fit:cover}.is-leading .avatar{background:var(--pitch)}.rank-player{min-width:0}.rank-player strong{font:var(--text-player-name);overflow-wrap:anywhere;display:block}.rank-player>span,.points>span{font:var(--text-caption);color:var(--sage)}.points{font-variant-numeric:tabular-nums;align-items:baseline;gap:5px;display:flex}.points strong{font:var(--text-title)}.ranking-note{font:var(--text-caption);color:var(--sage);padding:16px 8px 0}.section{padding-block:100px}.workflow{padding-top:128px}.section-head{justify-content:space-between;align-items:end;gap:48px;margin-bottom:56px;display:flex}.section-head>p{max-width:34ch;color:var(--sage);font-size:17px;line-height:1.6}.steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.step{background:var(--snow);border-radius:var(--radius-xl);padding:16px 16px 32px;transition:translate .24s}.step:hover{translate:0 -6px}.step>:not(.step-art){margin-inline:12px}.step-art{background:var(--mint);border-radius:var(--radius-lg);align-content:center;place-items:center;gap:14px;height:168px;margin-bottom:28px;display:grid;overflow:hidden}.step-vote .step-art{background:var(--ink);color:var(--snow)}.step-table .step-art{background:var(--gold-soft);align-content:end}.step-number{background:var(--ink);min-width:44px;height:32px;color:var(--pitch);border-radius:var(--radius-pill);font:var(--text-label);font-variant-numeric:tabular-nums;place-items:center;padding-inline:10px;display:inline-grid}.step h3{margin-top:16px;font-size:26px;font-weight:800;line-height:1.15}.step p{color:var(--sage);max-width:34ch;margin-top:12px}.art-avatars{display:flex}.art-avatars>*{border-radius:var(--radius-pill);object-fit:cover;background:var(--snow);width:52px;height:52px;box-shadow:0 0 0 3px var(--mint);margin-left:-12px}.art-avatars>:first-child{margin-left:0}.art-avatars span{background:var(--ink);color:var(--snow);font:var(--text-body-strong);place-items:center;display:grid}.art-code,.art-timer{border-radius:var(--radius-pill);font:var(--text-label);letter-spacing:.04em;padding:6px 12px}.art-code{background:var(--snow)}.art-timer{background:var(--pitch);color:var(--ink)}.art-stars{color:color-mix(in srgb, var(--snow) 22%, transparent);gap:6px;font-size:40px;line-height:1;display:flex}.art-stars .on{color:var(--whistle)}.step:hover .art-stars span:last-child{color:var(--whistle);transition:color .3s .12s}.art-podium{align-items:end;gap:10px;display:flex}.art-podium>div{justify-items:center;gap:8px;width:64px;display:grid}.art-podium img{border-radius:var(--radius-pill);object-fit:cover;background:var(--snow);width:40px;height:40px}.art-podium span{background:var(--pitch);border-radius:var(--radius-sm) var(--radius-sm) 0 0;width:100%;font:var(--text-body-strong);place-items:start center;padding-top:8px;font-weight:800;transition:height .3s;display:grid}.art-podium .p1 span{background:var(--whistle);height:88px}.art-podium .p2 span{height:60px}.art-podium .p3 span{height:40px}.step:hover .art-podium .p1 span{height:100px}.voting-section{grid-template-columns:1fr 1fr;align-items:center;gap:100px;padding-block:120px;display:grid}.points-scale{grid-template-columns:repeat(6,minmax(0,72px));align-items:end;gap:12px;height:188px;margin-top:32px;display:grid}.scale-col{justify-items:center;gap:8px;display:grid}.scale-value{font:var(--text-heading);font-variant-numeric:tabular-nums;font-weight:800;transition:transform .24s}.scale-bar{width:100%;height:calc(16px + var(--h) * 96px);background:var(--pitch);border-radius:var(--radius-sm);transform-origin:bottom;transition:background .24s,transform .24s}.scale-col.is-negative .scale-value{color:var(--coral-ink)}.scale-col.is-negative .scale-bar{background:var(--danger-soft)}.scale-stars{font:var(--text-caption);color:var(--gold-ink);letter-spacing:1px}.scale-col.is-active .scale-bar{background:var(--ink);transform:scaleY(1.08)}.scale-col.is-active .scale-value{transform:translateY(-6px)}.section-copy>p:not(.eyebrow){max-width:43ch;color:var(--sage);margin-top:24px;font-size:17px;line-height:1.6}.section-copy .text-link{margin-top:24px}.vote-demo{background:var(--snow);border-radius:var(--radius-xl);padding:32px}.demo-heading .badge{background:var(--paper)}.demo-player{align-items:center;gap:16px;margin-block:32px;display:flex}.demo-player .avatar{background:var(--mint);width:56px;height:56px;font:var(--text-body-strong)}.demo-player h3{font:var(--text-title);max-width:20ch}.star-picker{border:0;min-width:0;margin:0;padding:0}.star-picker legend{font:var(--text-body);margin-bottom:16px;padding:0}.star-options{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;display:grid}.star-option{cursor:pointer;position:relative}.star-option input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute}.star-option>span{border-radius:var(--radius-sm);background:var(--paper);min-height:88px;transition:background var(--duration);flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:32px;display:flex}.star-option small{font:var(--text-caption)}.star-option:has(input:checked)>span{background:var(--pitch)}.star-option:has(input:focus-visible)>span{outline:3px solid var(--pitch-ink);outline-offset:4px}.star-option:hover>span{background:var(--mint)}.vote-feedback{background:var(--mint);border-radius:var(--radius-md);min-height:115px;margin-top:24px;padding:24px 20px}.vote-points{font:var(--text-heading);font-variant-numeric:tabular-nums}.vote-feedback p{margin-top:8px}.demo-note{font:var(--text-caption);color:var(--sage);margin-top:20px}.questions{background:var(--snow)}.faq-layout{grid-template-columns:.85fr 1.15fr;gap:80px;display:grid}.faq{align-content:start;gap:12px;display:grid}.faq-item{background:var(--paper);border-radius:var(--radius-md);transition:background var(--duration)}.faq-item:hover,.faq-item[open]{background:var(--mint)}.faq-intro{align-self:start;position:sticky;top:128px}.faq-item summary{font:var(--text-body-strong);cursor:pointer;justify-content:space-between;align-items:center;gap:24px;padding:24px;list-style:none;display:flex}.faq-item summary::-webkit-details-marker{display:none}.faq-toggle{background:var(--ink);width:32px;height:32px;color:var(--snow);border-radius:var(--radius-pill);flex-shrink:0;place-items:center;font-size:20px;line-height:1;transition:transform .24s;display:grid}.faq-item[open] .faq-toggle{transform:rotate(180deg)}.faq-toggle:before{content:"+"}.faq-item[open] .faq-toggle:before{content:"−"}.faq-item p{color:var(--sage);padding:0 24px 24px}.final-section{padding-block:40px 48px}.cta{isolation:isolate;color:var(--snow);background:radial-gradient(55% 90% at 100% 50%, color-mix(in srgb, var(--pitch) 22%, transparent), transparent 70%), var(--ink);border-radius:var(--radius-xl);justify-content:space-between;align-items:center;gap:48px;padding:80px 72px;display:flex;position:relative;overflow:hidden}.cta h2{font-size:clamp(34px,4.4vw,60px);font-weight:800;line-height:1.02}.cta p{color:var(--silver);margin-top:20px;font-size:18px}.cta .button{margin-top:32px}.cta-star{color:var(--pitch);flex-shrink:0;font-size:220px;font-weight:400;line-height:1;animation:24s linear infinite spin}@keyframes spin{to{rotate:1turn}}.js [data-reveal]{opacity:0;transition:opacity .7s,translate .7s cubic-bezier(.2,.7,.2,1);translate:0 28px}.js [data-reveal].is-visible{opacity:1;translate:none}.js .step:nth-child(2){transition-delay:.1s}.js .step:nth-child(3){transition-delay:.2s}.js .step.is-visible:hover{transition-delay:0s;translate:0 -6px}.footer{font:var(--text-caption);color:var(--sage);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;padding-block:24px 40px;display:flex}.footer-brand{gap:12px;display:grid}.footer-links{flex-wrap:wrap;gap:20px;display:flex}.footer-links a{align-items:center;min-height:44px;text-decoration:none;display:inline-flex}.footer-legal{flex-basis:100%}@media (width<=1100px){.nav-links{gap:16px}.hero{gap:32px}.product-stage{padding:24px 0 24px 32px}.stage-mvp{width:156px;left:-32px}.match-card{padding:20px 16px}.scoreboard{gap:8px}.score{font-size:48px}.voting-section{gap:48px}.faq-layout{gap:40px}}@media (width<=860px){.shell{width:min(640px,100% - 40px)}.nav-inner{min-height:80px}.nav-links a:not(.button){display:none}.hero{grid-template-columns:1fr;gap:48px;padding-block:40px 72px}h1{max-width:12ch;font-size:clamp(48px,9vw,72px)}.hero .lead{max-width:48ch}.product-stage{max-width:520px;padding:24px 8px 80px 24px}.stage-mvp{width:150px;bottom:-8px;left:auto;right:-4px;transform:rotate(6deg)}.stage-chip{top:-8px;left:0;right:auto;transform:rotate(-3deg)}.section{padding-block:72px}.workflow{padding-top:104px}.section-head{flex-direction:column;align-items:start;gap:24px;margin-bottom:40px}.section-head>p{max-width:44ch}.steps{grid-template-columns:1fr;gap:16px}.faq-intro{position:static}.voting-section,.faq-layout{grid-template-columns:1fr;gap:40px}.cta{gap:32px;padding:48px 40px}.cta-star{font-size:120px}}@media (width<=520px){.shell{width:calc(100% - 32px)}.nav-inner{gap:12px}.brand .wordmark{width:124px!important;height:24px!important}.nav .button{min-height:44px;font:var(--text-caption);gap:8px;padding:10px 14px;font-weight:600}.hero{gap:36px;padding-top:28px}.eyebrow{font:var(--text-caption);margin-bottom:20px}h1{font-size:clamp(42px,11.7vw,58px)}.hero .lead{font:var(--text-input)}.actions{gap:16px;margin-top:24px}.button{gap:16px;padding:14px 18px}.hero-facts{gap:16px 24px;margin-top:36px}.hero-facts dd{font-size:28px}.product-stage{padding:36px 0 96px}.product-preview{transform:rotate(1deg)}.stage-mvp{width:128px;padding:12px 12px 16px;bottom:-4px}.stage-mvp .mvp-copy{display:none}.stage-mvp .mvp-rating strong{font-size:26px}.stage-mvp .mvp-photo{width:64px;height:64px}.stage-mvp .mvp-name{font-size:14px;line-height:18px}.ticker-group li{font-size:16px}.match-heading{flex-wrap:wrap;gap:8px}.scoreboard{gap:6px;padding-block:24px}.score{font-size:44px}.score span{margin-inline:4px}.team-crest{width:42px;height:42px}.match-footer{flex-wrap:wrap;gap:4px 12px}.ranking-card{padding-inline:8px}.rank-row{grid-template-columns:12px 32px minmax(0,1fr) auto;gap:8px;padding:12px 8px}.rank-row .avatar{width:32px;height:32px}.points{justify-items:end;gap:0;display:grid}.step-art{height:144px;margin-bottom:20px}.step h3{font-size:22px}.points-scale{gap:8px}.section-copy>p:not(.eyebrow),.section-head>p{font:var(--text-input)}.vote-demo{border-radius:var(--radius-lg);padding:24px 20px}.demo-player{margin-block:24px}.star-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.star-option>span{min-height:76px}.faq-item summary{gap:16px;padding:20px}.faq-item p{padding:0 20px 20px}.final-section{padding-block:48px 24px}.cta{flex-direction:column-reverse;align-items:start;gap:16px;padding:36px 24px}.cta-star{font-size:72px}.footer,.footer-links{gap:16px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}