.landing{background:var(--color-surface);min-height:100vh;color:var(--color-text);font-family:var(--font-family-rally);overflow-x:clip}.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(--color-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);letter-spacing:-.005em;text-wrap:balance;margin:0;font-size:clamp(48px,6.4vw,76px);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:clamp(16px,1.5vw,19px);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) auto;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(--color-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,.final-cta>p:not(.eyebrow){margin:var(--space-4) 0 0;color:var(--color-text-secondary);font-size:17px;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);letter-spacing:.005em;margin:0;font-size:clamp(28px,3.4vw,38px);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:15px;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}.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(--color-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)}.final-cta>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)}.final-cta .landing-cta--primary:hover{background:color-mix(in srgb, var(--color-on-section-strong) 88%, var(--color-section-strong))}.final-cta>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}.landing-faq{background:var(--color-section-softer);box-shadow:0 0 0 100vmax var(--color-section-softer);clip-path:inset(0 -100vmax);padding-block:clamp(72px,9vw,112px)}.landing-faq h2{max-width:14em;color:var(--color-text);font-family:var(--font-family-display);font-size:calc(var(--type-section-title) * 1.05);letter-spacing:.005em;margin:0;font-weight:700;line-height:1}.landing-faq__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,2vw,24px);margin-top:clamp(28px,4vw,48px);display:grid}.landing-faq__item{min-height:178px;padding:var(--space-5);border:1px solid var(--color-border-strong);border-radius:var(--radius-xl);background:color-mix(in srgb, var(--color-surface) 92%, var(--color-section-softer));box-shadow:var(--shadow-xs);cursor:default;transition:border-color var(--rally-motion-normal), box-shadow var(--rally-motion-normal), transform var(--rally-motion-normal), background-color var(--rally-motion-normal);position:relative;overflow:hidden}.landing-faq__item:before{content:"?";top:var(--space-4);right:var(--space-4);border-radius:var(--radius-pill);background:var(--color-action-soft);width:34px;height:34px;color:var(--color-action);font-family:var(--font-family-rally);transition:color var(--rally-motion-normal), background-color var(--rally-motion-normal), transform var(--rally-motion-normal);justify-content:center;align-items:center;font-size:18px;font-weight:800;display:inline-flex;position:absolute}.landing-faq__item:after{content:attr(data-hover-label);left:var(--space-5);bottom:var(--space-5);color:var(--color-action);font-family:var(--font-family-rally);letter-spacing:.02em;opacity:.86;transition:opacity var(--rally-motion-normal), transform var(--rally-motion-normal);font-size:13px;font-weight:730;position:absolute}.landing-faq__item:hover,.landing-faq__item:focus-visible{border-color:color-mix(in srgb, var(--color-action) 52%, var(--color-border-strong));background:var(--color-surface);box-shadow:var(--shadow-lg);transform:translateY(-6px)}.landing-faq__item:hover:before,.landing-faq__item:focus-visible:before{color:var(--color-on-action);background:var(--color-action);transform:rotate(8deg)scale(1.05)}.landing-faq__item:hover:after,.landing-faq__item:focus-visible:after{opacity:0;transform:translateY(6px)}.landing-faq__item:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:4px}.landing-faq__item h3{max-width:calc(100% - 48px);color:var(--color-text);font-family:var(--font-family-rally);margin:0;font-size:18px;font-weight:730;line-height:1.25}.landing-faq__item p{margin:var(--space-3) 0 0;color:var(--color-text-secondary);opacity:0;transition:opacity var(--rally-motion-normal), transform var(--rally-motion-normal);font-size:15px;line-height:1.6;transform:translateY(8px)}.landing-faq__item:hover p,.landing-faq__item:focus-visible p{opacity:1;transform:translateY(0)}.reveal{transition:opacity var(--rally-motion-slow) ease}.reveal.is-armed{opacity:0}.reveal.is-armed.is-in{opacity:1}@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:clamp(46px,13vw,60px)}.hero__actions,.hero__actions .landing-cta,.final-cta .landing-cta{width:100%}.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}.landing-faq__grid{grid-template-columns:1fr}.landing-faq__item{min-height:0}.landing-faq__item:after{display:none}.landing-faq__item p{opacity:1;transform:none}}@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){.landing-faq__item,.landing-faq__item:before,.landing-faq__item:after,.landing-faq__item p{transition:none}.landing-faq__item:hover,.landing-faq__item:focus-visible{transform:none}.reveal,.reveal.is-armed{opacity:1;transition:none}.journey__timeline-clock{display:none}}
