.landing{background:var(--color-surface);min-height:100vh;color:var(--color-text);font-family:var(--font-family-rally);overflow-x:clip}.landing,.marketing-page{font-size:var(--type-body-marketing);line-height:var(--leading-body-marketing)}.landing-wrap{width:min(calc(100% - clamp(32px, 6vw, 80px)), var(--layout-content-max));margin-inline:auto}.landing section,.landing article{scroll-margin-top:96px}.eyebrow{margin:0 0 var(--space-3);color:var(--color-action);font-family:var(--font-family-display);letter-spacing:.14em;text-transform:uppercase;font-size:16px;font-weight:600}.hero{isolation:isolate;position:relative}.hero__field{z-index:-1;background:var(--surface-hero-field);clip-path:polygon(0 0,100% 0,100% 78%,0 100%);width:100vw;position:absolute;inset:0 0 0 50%;overflow:hidden;transform:translate(-50%)}.hero__field:before{content:"";background:linear-gradient(112deg, var(--color-hero-field-shade), transparent 48%);opacity:.5;position:absolute;inset:0}.hero__field:after{content:"";pointer-events:none;opacity:.09;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.hero__mark{opacity:.07;-webkit-user-select:none;user-select:none;width:min(52%,600px);height:auto;position:absolute;top:50%;right:-5%;transform:translateY(-50%)}.hero__inner{grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr);align-items:center;gap:clamp(40px,6vw,88px);padding-block:clamp(56px,8vw,100px) clamp(76px,9vw,128px);display:grid;position:relative}.hero__copy{z-index:1;position:relative}.hero .eyebrow{color:var(--color-on-hero-muted)}.hero__title{max-width:14em;color:var(--color-on-hero);font-family:var(--font-family-display);font-size:var(--type-hero);letter-spacing:-.005em;text-wrap:balance;margin:0;font-weight:700;line-height:.96}.hero__lede{max-width:34em;margin:var(--space-5) 0 0;color:var(--color-on-hero-muted);font-size:var(--type-lead);line-height:1.6}.hero__actions{gap:var(--space-3);margin-top:var(--space-6);flex-wrap:wrap;display:flex}.hero .landing-cta--primary{background:var(--color-on-hero);color:var(--color-hero-field)}.hero .landing-cta--primary:hover{background:color-mix(in srgb, var(--color-on-hero) 88%, var(--color-hero-field))}.hero .landing-cta--secondary{border-color:color-mix(in srgb, var(--color-on-hero) 55%, transparent);color:var(--color-on-hero);background:0 0}.hero .landing-cta--secondary:hover{border-color:var(--color-on-hero);background:color-mix(in srgb, var(--color-on-hero) 14%, transparent)}.hero__visual{z-index:1;position:relative}.landing-cta{min-height:48px;padding:0 var(--space-5);border-radius:var(--radius-md);text-align:center;transition:background-color var(--rally-motion-fast), border-color var(--rally-motion-fast), color var(--rally-motion-fast);border:1px solid #0000;justify-content:center;align-items:center;font-size:15px;font-weight:700;line-height:1.2;display:inline-flex}.landing-cta:hover{text-decoration:none}.landing-cta--primary{background:var(--color-action);color:var(--color-on-action)}.landing-cta--primary:hover{background:var(--color-action-hover)}.landing-cta--secondary{border-color:var(--color-border-strong);background:var(--color-surface);color:var(--color-text)}.landing-cta--secondary:hover{border-color:var(--color-action);background:var(--color-surface-hover)}.hero-stage{border:1px solid var(--color-border-strong);border-left:4px solid var(--color-action);border-radius:var(--radius-xl);background:var(--color-surface);position:relative;overflow:hidden}.hero-stage__header,.hero-stage__footer{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);display:flex}.hero-stage__header{border-bottom:1px solid var(--color-border)}.hero-stage__label{margin:0 0 var(--space-1);color:var(--color-text-muted);letter-spacing:.06em;text-transform:uppercase;font-size:12px;font-weight:700}.hero-stage h2{color:var(--color-text);font-family:var(--font-family-rally);margin:0;font-size:20px;font-weight:700}.hero-stage__match{padding:clamp(24px, 4vw, 40px) var(--space-5)}.hero-stage__match>p{margin:0 0 var(--space-3);color:var(--color-text-muted);font-size:13px;font-weight:600}.hero-stage__team{align-items:center;gap:var(--space-5);border-top:1px solid var(--color-border);grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:64px;display:grid}.hero-stage__team:last-child{border-bottom:1px solid var(--color-border)}.hero-stage__team strong{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;font-size:17px;font-weight:650;overflow:hidden}.hero-stage__team span{min-width:2ch;color:var(--color-text);font-variant-numeric:tabular-nums;text-align:right;font-size:32px;font-weight:750;line-height:1}.hero-stage__footer{border-top:1px solid var(--color-border);background:var(--color-surface-subtle);color:var(--color-text-secondary);font-size:13px}.hero-stage__footer a{color:var(--color-action);font-weight:700}.journey{isolation:isolate;padding-block:clamp(80px,10vw,128px);position:relative}.journey__timeline{top:var(--timeline-top,0);width:2px;height:var(--timeline-height,0);pointer-events:none;z-index:1;position:absolute;left:16px}.journey__timeline-fill{width:100%;height:calc(var(--timeline-progress,0) * 100%);background:var(--color-action);position:absolute;top:0;left:0}.journey__timeline-dot{top:calc(var(--timeline-progress,0) * 100%);background:var(--color-action);width:14px;height:14px;box-shadow:0 0 0 4px var(--color-surface);border-radius:50%;position:absolute;left:50%;transform:translate(-50%,-50%)}.journey__timeline-dot--terminal{pointer-events:auto}.journey__timeline-clock,.journey__timeline-cta{background:var(--color-action);color:var(--color-on-action);font-family:var(--font-family-display);font-variant-numeric:tabular-nums;white-space:nowrap;border-radius:999px;padding:2px 8px;font-size:14px;font-weight:600;position:absolute;top:50%;left:calc(100% + 10px);transform:translateY(-50%)}.journey__timeline-cta{text-decoration:none}.journey__intro{isolation:isolate;margin-bottom:clamp(64px,8vw,96px);padding-block:clamp(48px,6vw,80px);position:relative}.journey__intro>*{max-width:var(--layout-reading-max)}.journey__intro:before{content:"";background:var(--surface-section-strong);z-index:-1;width:100vw;position:absolute;inset:0 0 0 50%;transform:translate(-50%)}.journey__intro .eyebrow{color:var(--color-on-hero-muted)}.journey__intro h2,.final-cta h2{color:var(--color-text);font-family:var(--font-family-display);font-size:calc(var(--type-section-title) * 1.1);letter-spacing:.005em;margin:0;font-weight:700;line-height:1}.journey__intro h2{color:var(--color-on-section-strong)}.journey__intro>p:last-child,:is(.final-cta,.final-cta__copy)>p:not(.eyebrow){margin:var(--space-4) 0 0;color:var(--color-text-secondary);font-size:var(--type-body-marketing);line-height:1.65}.journey__intro>p:last-child{color:var(--color-on-hero-muted)}.journey-act{grid-template-columns:96px minmax(220px,.55fr) minmax(0,1.45fr);gap:clamp(32px,4.5vw,72px);padding-bottom:clamp(96px,11vw,144px);display:grid;position:relative}.journey-act--finish{padding-bottom:0}.journey-act--draw:before,.journey-act--play:before{content:"";z-index:-1;background:var(--color-section-soft);width:100vw;position:absolute;inset:0 0 0 50%;transform:translate(-50%)}.journey-act--play .live-demo{background:var(--color-surface)}.journey-act__marker{min-height:100%;color:var(--color-action);font-family:var(--font-family-display);font-variant-numeric:tabular-nums;letter-spacing:.02em;padding-top:4px;font-size:18px;font-weight:600;position:relative}.journey-act__marker>span{z-index:2;margin-left:calc(-1 * var(--space-1));padding-inline:var(--space-1);background:var(--color-surface);display:inline-block;position:relative}.journey-act--draw .journey-act__marker>span,.journey-act--play .journey-act__marker>span{background:var(--color-section-soft)}.journey-act__marker:before{background:var(--color-border-strong);content:"";width:2px;position:absolute;top:38px;bottom:calc(-1*clamp(96px,11vw,144px));left:16px}.journey-act--finish .journey-act__marker:before{background:var(--color-action);bottom:0}.journey-act__marker:after{border:2px solid var(--color-action);background:var(--color-surface);content:"";width:12px;height:12px;position:absolute;top:35px;left:8px;transform:rotate(45deg)}.journey-act--past .journey-act__marker:after{background:var(--color-action)}.journey-act__phase{margin:0 0 var(--space-2);color:var(--color-action);font-family:var(--font-family-display);letter-spacing:.14em;text-transform:uppercase;font-size:17px;font-weight:600}.journey-act__copy h3{color:var(--color-text);font-family:var(--font-family-display);font-size:var(--type-page-title);letter-spacing:.005em;margin:0;font-weight:700;line-height:1}.journey-act__copy>p:last-child{margin:var(--space-4) 0 0;color:var(--color-text-secondary);font-size:var(--type-body-marketing);line-height:1.65}.journey-act__surface,.live-demo,.finish-stage{min-width:0;margin-top:var(--space-4)}.journey-act__surface{border-radius:var(--radius-xl)}.journey-act__action{margin-top:var(--space-5)}.finish-await{margin:var(--space-4) 0 0;color:var(--color-text-secondary);font-size:14px}.live-demo{gap:var(--space-4);padding:var(--space-4);border:1px solid var(--color-border-strong);border-radius:var(--radius-xl);background:var(--color-surface-subtle);grid-template-columns:minmax(260px,1fr) 300px;display:grid}.live-demo .standings .col-p1{display:table-cell}.live-demo .standings .st{--density-cell-pad-x:var(--space-2)}.live-demo__match,.live-demo__standings{min-width:0}.live-demo__controls{gap:var(--space-2);margin-top:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.live-demo__controls :last-child{grid-column:1/-1}.surface-heading{justify-content:space-between;align-items:center;gap:var(--space-3);min-height:54px;padding:0 var(--space-1) var(--space-3);display:flex}.surface-heading p{color:var(--color-text);margin:0;font-size:14px;font-weight:700}.surface-heading span{color:var(--color-text-muted);font-size:12px}.finish-stage{gap:var(--space-4);display:grid}.landing-published__list{gap:var(--space-3);margin:var(--space-4) 0;flex-direction:column;padding:0;list-style:none;display:flex}.landing-published__place{color:var(--color-text-secondary);font-size:var(--font-size-base);display:block}.landing-leagues{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;gap:clamp(32px,5vw,72px);padding-block:clamp(56px,8vw,104px);display:grid}.landing-leagues h2{font-family:var(--font-family-display);font-size:var(--type-section-title);text-wrap:balance;margin:0;line-height:1.08}.landing-leagues__lede{max-width:52ch;margin:var(--space-4) 0 0;color:var(--color-text-secondary);font-size:var(--type-lead);line-height:1.6}.landing-leagues__features{gap:var(--space-4);margin:var(--space-6) 0;padding:0;list-style:none;display:grid}.landing-leagues__features li{gap:var(--space-3);align-items:flex-start;display:flex}.landing-leagues__icon{border-radius:var(--radius-md);background:var(--color-action-soft);width:36px;height:36px;color:var(--color-action);flex:none;place-items:center;display:inline-grid}.landing-leagues__features h3{margin:0 0 var(--space-1);font-size:var(--font-size-lg);line-height:1.3}.landing-leagues__features p{color:var(--color-text-secondary);margin:0;line-height:1.5}.landing .landing-leagues__visual .league-video{margin:0}.landing-leagues__photo img{border-radius:var(--radius-xl);width:100%;height:auto;display:block}@media (width<=820px){.landing-leagues{grid-template-columns:minmax(0,1fr)}}.final-cta{isolation:isolate;flex-direction:column;align-items:flex-start;padding-block:clamp(72px,10vw,120px);display:flex;position:relative}.final-cta:before{background:var(--surface-section-strong);content:"";z-index:-1;width:100vw;position:absolute;inset:0 0 0 50%;transform:translate(-50%)}.final-cta .eyebrow{color:color-mix(in srgb, var(--color-on-section-strong) 82%, transparent)}.final-cta h2{max-width:14em;color:var(--color-on-section-strong)}:is(.final-cta,.final-cta__copy)>p:not(.eyebrow){color:color-mix(in srgb, var(--color-on-section-strong) 90%, transparent)}.final-cta .landing-cta--primary{background:var(--color-on-section-strong);color:var(--color-section-strong-label)}.final-cta .landing-cta--primary:hover{background:color-mix(in srgb, var(--color-on-section-strong) 88%, var(--color-section-strong-label))}:is(.final-cta,.final-cta__copy)>p:not(.eyebrow){max-width:38em}.final-cta .landing-cta{margin-top:var(--space-6)}.final-cta__pricing-link{min-height:44px;margin-top:var(--space-3);color:var(--color-on-section-strong);text-underline-offset:3px;align-items:center;font-weight:650;text-decoration:underline;display:inline-flex}.final-cta--visual{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(40px,5vw,80px);display:grid}.final-cta__copy{flex-direction:column;align-items:flex-start;min-width:0;display:flex}.final-cta__visual{min-width:0;padding-block:var(--space-5);--bracket-col-w:272px;pointer-events:none;-webkit-user-select:none;user-select:none;justify-items:center;display:grid;position:relative}.final-cta__mark{opacity:.12;width:min(90%,520px);height:auto;position:absolute;top:50%;right:-10%;transform:translateY(-50%)}.final-cta__board{width:min(100%, calc(var(--bracket-col-w) * 2 + var(--space-6) + 2 * var(--space-4) + 4px));padding:var(--space-4);border-radius:var(--radius-xl);background:var(--color-surface);box-shadow:var(--shadow-lg);position:relative;transform:rotate(-2deg)}.final-cta__visual .final-cta__board .match-header{min-height:6px;padding:0}.final-cta__visual .final-cta__board .match-header>*{display:none}@media (width<=1280px){.final-cta--visual{grid-template-columns:minmax(0,1fr)}.final-cta__visual{justify-items:start}}@media (width<=820px){.final-cta__visual{display:none}}.reveal{transition:opacity var(--rally-motion-slow) ease}.reveal.is-armed{opacity:0}.reveal.is-armed.is-in,.reveal-stagger.is-armed{opacity:1}.reveal-stagger.is-armed:not(.is-in)>*{opacity:0}.reveal-stagger.is-armed.is-in>*{animation:reveal-rise var(--rally-motion-slow) ease-out backwards;animation-delay:calc(var(--reveal-index,0) * 50ms)}@keyframes reveal-rise{0%{opacity:0;transform:translateY(8px)}}@media (width<=1100px){.hero__inner{gap:var(--space-7);grid-template-columns:minmax(0,.9fr) minmax(360px,1.1fr)}.journey-act{gap:var(--space-5);grid-template-columns:80px minmax(200px,.48fr) minmax(0,1.52fr)}.live-demo{grid-template-columns:1fr}}@media (width<=820px){.hero__inner{gap:var(--space-6);padding-block:var(--space-7) var(--space-8);grid-template-columns:1fr}.hero__field{clip-path:polygon(0 0,100% 0,100% 96%,0 100%)}.hero__mark{width:min(70%,420px);right:-12%}.hero-marquee{width:100%}.journey__timeline{display:none}.journey-act{gap:var(--space-4);grid-template-columns:76px minmax(0,1fr)}.journey-act__copy,.journey-act__surface,.live-demo,.finish-stage{grid-column:2}.journey-act__surface,.live-demo,.finish-stage{margin-top:var(--space-4)}}@media (width<=560px){.landing-wrap{width:min(calc(100% - 32px), var(--layout-content-max))}.hero__inner{padding-block:var(--space-6) var(--space-7)}.hero__title{font-size:var(--type-hero-narrow)}.hero__actions,.final-cta .landing-cta{width:100%}.hero__actions .landing-cta{padding-inline:var(--space-4);flex:auto}.journey{padding-block:var(--space-8)}.journey-act{padding-left:var(--space-5);border-left:2px solid var(--color-border-strong);display:block}.journey-act__marker{min-height:0;margin-bottom:var(--space-4);padding:0}.journey-act__marker:before{display:none}.journey-act__marker:after{top:3px;left:calc(-1 * var(--space-5) - 7px)}.journey-act__surface,.live-demo,.finish-stage{margin-top:var(--space-5)}.live-demo,.finish-stage{padding:var(--space-3)}.live-demo__controls{grid-template-columns:1fr}.live-demo__controls :last-child{grid-column:auto}}@media (width>=1680px){.live-demo,.finish-stage{gap:var(--space-5);padding:var(--space-5)}.journey-act{gap:clamp(48px,4vw,72px)}}@media (prefers-reduced-motion:reduce){.reveal,.reveal.is-armed{opacity:1;transition:none}.reveal-stagger.is-armed>*{opacity:1;animation:none}.journey__timeline-clock{display:none}}
