/* Ascend: luminous type and a real app preview. */
.landing-hero h1{font-weight:850;letter-spacing:-.055em;line-height:1.02}.landing-hero h1 span{background:linear-gradient(100deg,#80ffe0 0%,#6dcfff 22%,#bf9eff 44%,#ff90d4 65%,#80ffe0 86%);background-size:300% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:ascend-spectrum 9s ease-in-out infinite;filter:drop-shadow(0 0 19px #9e93ff80) drop-shadow(0 0 45px #6ddcff44)}.hero-kicker{color:#b2caff;font-size:11px;letter-spacing:.24em;margin:30px 0 18px}.hero-description strong{font-weight:550;color:#f0f8ff}.app-showcase{position:relative;margin:56px auto 0;max-width:1060px;background:#162a44;border:1px solid #a3cfff80;border-radius:20px;box-shadow:0 0 0 7px #9be8ff06,0 0 70px #56b9ef26,0 25px 85px #020b2166;overflow:hidden;text-align:left}.showcase-top{display:flex;align-items:center;justify-content:space-between;padding:15px 22px;background:linear-gradient(90deg,#284d60,#353759);font-size:10px;letter-spacing:.15em}.showcase-top>span{display:flex;align-items:center;gap:9px}.showcase-top i{width:7px;height:7px;border-radius:50%;background:#8fffe0;box-shadow:0 0 12px #8fffe0}.showcase-top a{display:flex;align-items:center;gap:10px;color:#c6fff0;letter-spacing:0}.showcase-top svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.6}.app-screen-link{display:block;overflow:hidden}.app-showcase img{display:block;width:100%;height:auto}.app-showcase figcaption{font-size:10px;color:#c7d6ed;padding:12px 22px;background:#15263c}.community-preview{margin:60px auto 0;padding:25px 0 12px;text-align:center}.stat-heading{display:flex;justify-content:center;align-items:center;gap:16px;flex-wrap:wrap}.example-label{display:inline-flex;padding:6px 9px;border-radius:6px;border:1px solid #f7d49d66;background:#f2c46b13;color:#ffe4ba;font-size:9px;font-weight:700;letter-spacing:.12em;white-space:nowrap}.example-note{font-size:12px;color:#c0d0e4;margin:14px 0 25px}.count-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #9abce23b;border-radius:18px;background:linear-gradient(110deg,#253d54cc,#302e51bb);box-shadow:0 0 50px #9494ff10;overflow:hidden}.count-grid article{padding:28px 10px;display:flex;flex-direction:column;align-items:center;--accent:#95ffe0}.count-grid article:nth-child(2){--accent:#90d9ff}.count-grid article:nth-child(3){--accent:#c7a6ff}.count-grid article:nth-child(4){--accent:#ffa8d4}.count-grid article+article{border-left:1px solid #c1d3ff20}.count-grid svg{width:24px;height:24px;fill:none;stroke:var(--accent);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;margin-bottom:18px;filter:drop-shadow(0 0 10px var(--accent))}.count-grid strong{font-size:clamp(32px,4vw,48px);line-height:1.1;font-variant-numeric:tabular-nums;letter-spacing:-.04em;color:var(--accent);text-shadow:0 0 24px color-mix(in srgb,var(--accent) 35%,transparent)}.count-grid article>span{font-size:12px;color:#d7e2f5;margin-top:11px}.comparison-section{position:relative}.comparison-section:before{content:'';position:absolute;inset:80px -40px -40px;pointer-events:none;background:radial-gradient(ellipse at 15% 55%,#4bd2bb16,transparent 55%),radial-gradient(ellipse at 90% 65%,#b979f922,transparent 55%)}.comparison-section h2 span{color:#b9b2ff;text-shadow:0 0 35px #af9dff66}.comparison-label{display:flex;justify-content:center;gap:14px;align-items:center;max-width:740px;margin:0 auto 28px}.comparison-label p{font-size:12px;color:#c8d8ed;margin:0}.comparison-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;position:relative}.comparison-card{--accent:#91ffe0;position:relative;border:1px solid #91ffe05c;border-radius:22px;background:linear-gradient(145deg,#254650,#1c2c47 65%);padding:30px;box-shadow:0 0 40px #72f2d010;overflow:hidden}.comparison-card:before{content:'';position:absolute;top:0;left:20%;right:20%;height:1px;background:var(--accent);box-shadow:0 0 18px 2px var(--accent)}.delay-comparison{--accent:#d4b4ff;background:linear-gradient(145deg,#42365f,#202b49 65%);border-color:#d4b4ff5c}.comparison-title{display:flex;align-items:center;gap:12px;margin-bottom:35px}.comparison-icon{display:grid;place-items:center;width:43px;height:43px;border-radius:13px;background:#a1eaff12;border:1px solid #b7ddff30;color:var(--accent)}.comparison-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linejoin:round;filter:drop-shadow(0 0 8px var(--accent))}.comparison-title small{font-size:8px;letter-spacing:.15em;color:var(--accent)}.comparison-title h3{font-size:21px;margin:5px 0 0;letter-spacing:-.03em}.direction-pill{margin-left:auto;font-size:9px;color:var(--accent);background:#b1cdff0b;padding:7px 9px;border:1px solid #bfd6ff25;border-radius:7px}.bar-label{display:flex;justify-content:space-between;align-items:baseline;color:#bac9dd;font-size:13px;margin-bottom:13px}.bar-label strong{font-size:22px;font-weight:650;font-variant-numeric:tabular-nums;color:#e5edfb}.bar-label small{font-size:10px;font-weight:400;color:#b7c7df}.after-label{color:var(--accent);margin-top:28px}.after-label strong{color:var(--accent);text-shadow:0 0 20px #adccff44}.comparison-track{height:12px;border-radius:5px;background:#09172977;overflow:hidden}.comparison-track i{display:block;height:100%;border-radius:5px;transform-origin:left;transform:scaleX(1)}.before-bar{background:linear-gradient(90deg,#72849d,#899cb7)}.after-bar{background:linear-gradient(90deg,#69d4ef,var(--accent));box-shadow:0 0 18px var(--accent)}.comparison-card [data-bar='60']{width:60%}.comparison-card [data-bar='78']{width:78%}.comparison-card [data-bar='80']{width:80%}.comparison-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:36px;padding-top:18px;border-top:1px solid #a8d6f51c;font-size:10px;color:#b8c9df}.comparison-bottom b{color:var(--accent);font-size:8px;letter-spacing:.08em}.comparison-section>.section-footnote{max-width:800px;line-height:1.8;margin:25px auto 10px}.comparison-link{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:20px}.comparison-link svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5}.count-grid.js-count-ready strong{min-height:1.1em}.comparison-card.js-count-ready .comparison-track i{transform:scaleX(0)}.comparison-card.bars-start .comparison-track i{transform:scaleX(1);transition:transform 1.6s cubic-bezier(.16,.7,.3,1)}.comparison-card.bars-start .after-bar{transition-delay:.16s}
@keyframes ascend-spectrum{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}
@media(max-width:700px){.landing-hero h1{font-size:clamp(46px,10vw,70px)}.hero-kicker{font-size:9px;letter-spacing:.15em}.landing-hero .hero-description{font-size:15px;line-height:1.9}.app-showcase{margin-top:36px;border-radius:12px}.showcase-top{padding:12px;font-size:8px;letter-spacing:.08em}.app-showcase figcaption{font-size:9px;padding:11px 12px}.community-preview{margin-top:36px}.count-grid{grid-template-columns:1fr 1fr;border-radius:14px}.count-grid article{padding:24px 8px}.count-grid article:nth-child(3){border-left:0}.count-grid article:nth-child(n+3){border-top:1px solid #c1d3ff20}.count-grid strong{font-size:36px}.count-grid svg{margin-bottom:13px}.count-grid article>span{font-size:11px}.example-note{font-size:11px;line-height:1.7}.comparison-grid{grid-template-columns:1fr;gap:18px}.comparison-card{padding:23px;border-radius:18px}.comparison-label{display:block;text-align:center}.comparison-label p{margin-top:13px;font-size:11px;line-height:1.8}.comparison-title{gap:10px}.comparison-title h3{font-size:20px}.direction-pill{font-size:8px;padding:6px}.comparison-bottom{font-size:9px}.comparison-section:before{inset-inline:-10px}}
.motion-off .comparison-card .comparison-track i{transform:scaleX(1)!important}.motion-off .landing-hero h1 span{animation:none}
@media(prefers-reduced-motion:reduce){.comparison-card .comparison-track i{transform:scaleX(1)!important}.landing-hero h1 span{animation:none}}
.improvement-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:26px}.improvement-value{display:inline-flex;align-items:center;gap:8px;border:1px solid #95ffe039;border-radius:11px;background:#91ffe00d;color:var(--accent);padding:12px 14px;box-shadow:0 0 25px #91ffe009}.improvement-value svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6}.improvement-value b{font-size:21px;font-variant-numeric:tabular-nums;min-width:83px}.improvement-value>span{font-size:11px}.improvement-row>small{font-size:8px;letter-spacing:.08em;color:#c3d1e6}.comparison-card .comparison-bottom{margin-top:20px}.comparison-card.sample-running .comparison-track i{transition:transform .2s linear}.comparison-card.sample-running .after-bar{transition-delay:0s}.bar-label strong{min-width:90px;text-align:right}.comparison-card .bar-label [data-count]{font-variant-numeric:tabular-nums}.delay-comparison .improvement-value{border-color:#d4b4ff39;background:#d4b4ff0d}.motion-off .comparison-card .comparison-track i{transition:none!important}@media(max-width:400px){.improvement-value{gap:5px;padding:11px 9px}.improvement-value b{font-size:19px;min-width:72px}.improvement-value>span{font-size:10px}.improvement-row{gap:6px}}

/* Both bars in each pair use the same scale: 300 FPS and 70 ms. */
.fps-comparison .before-bar{width:43.3333%}.fps-comparison .after-bar{width:90%}.delay-comparison .before-bar{width:85.7143%}.delay-comparison .after-bar{width:2.8571%;min-width:4px}.comparison-card.sample-running .comparison-track i{transition-duration:.08s}

/* Personal comparisons: no generated test values. */
.comparison-card .bar-label input{width:115px;max-width:45vw;font:inherit;font-size:23px;font-weight:700;text-align:right;color:inherit;background:#07162988;border:1px solid #a5ffe055;border-radius:9px;padding:8px}.comparison-card .comparison-track i{width:0;min-width:0;transition:width .35s ease}.comparison-card output{font-size:16px;min-height:52px}.comparison-card .bar-label>span:last-child{white-space:nowrap}.comparison-card input[aria-invalid="true"]{border-color:#ff9cae}@media(prefers-reduced-motion:reduce){.comparison-card .comparison-track i{transition:none}}

.comparison-import{text-align:center;margin:0 auto 24px}.comparison-import label{display:inline-flex;align-items:center;position:relative;overflow:hidden;cursor:pointer}.comparison-import input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}.comparison-import p{font-size:12px;color:#b6c9df;margin-top:12px}

.demo-badge{display:inline-flex;align-items:center;border:1px solid #a7bbdd66;border-radius:99px;padding:8px 13px;font-size:12px;line-height:1.5;color:#d5e4f5;background:#23354e}.section-heading .demo-badge{margin-top:18px}.demo-card .comparison-track i{transition:width .12s linear;transform:none!important}.demo-card .after-bar{min-width:5px}.demo-card .comparison-bottom{color:#c7d9ee;font-size:12px;line-height:1.6}.demo-card output{font-size:22px;font-weight:700}.demo-card .bar-label strong{font-size:32px}.motion-off .demo-card .comparison-track i{transition:none}@media(prefers-reduced-motion:reduce){.demo-card .comparison-track i{transition:none}}