/* Homepage editorial rhythm. Runtime and Benchmark retain their technical layouts. */
#top{--home-ink:#202522;--home-muted:#59625e;--home-paper:#f6f5f1;color:var(--home-ink);background:var(--home-paper)}
#top .eyebrow{color:#355fae;font-size:10px;letter-spacing:.14em}
#top .hero{background:var(--home-paper);padding:58px 0 56px}
#top .hero:after{display:none}
.hero-scene{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(300px,1fr);gap:25px;align-items:center;min-height:350px;margin-bottom:38px}
#top .hero h1{font-size:clamp(46px,5.1vw,74px);line-height:1.02;letter-spacing:-.065em;color:var(--home-ink);margin:23px 0;max-width:800px}
#top .hero h1 span{color:#406cc6}
#top .hero-copy{font-size:16px;line-height:1.7;color:var(--home-muted);max-width:530px}
.hero-download{display:inline-flex;gap:32px;align-items:center;margin-top:22px;font-size:13px;font-weight:700;color:#253c33;border-bottom:1px solid #b5beb8;padding:0 0 8px}
.hero-download span{transition:transform .2s}.hero-download:hover span{transform:translate(3px,-3px)}
#top .hero .app-launcher{margin-top:0;border:1px solid #d4dbd6;border-radius:18px;box-shadow:0 12px 30px #26372b05}
#top .launcher-main{display:block}
#top .launcher-compose{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(240px,1fr);gap:36px;padding:25px 28px 10px}
.launcher-input,.launcher-submit{min-width:0}.launcher-submit{align-self:center;padding-left:30px;border-left:1px solid #e3e8e3}
#top .launcher-eyebrow{font-size:9px;gap:12px;color:#5b6b60}#top .launcher-eyebrow:before{display:none}#top .launcher-eyebrow span{color:#738a79}
#top .launcher-compose label{font-size:21px;margin-bottom:13px;color:var(--home-ink)}
#top .launcher-compose textarea#app-idea{min-height:82px;background:#fafbf9;border-color:#d9e1d9;color:#37453c;border-radius:10px;font-size:14px;padding:12px 15px}
#top .launcher-examples{margin:10px 0 8px}#top .launcher-examples button{font-size:11px;border-color:#d9e1db;color:#526359}#top .launcher-examples button[aria-pressed=true]{color:#355fae;border-color:#abc1e9}
#top .launcher-actions{flex-direction:column;align-items:stretch;gap:13px}#top .launcher-actions .button{background:#263b2f;border-color:#263b2f;color:#fff;border-radius:9px;min-height:49px}
#top .launcher-actions .button:hover{background:#34513f}#top .launcher-guide-link{text-align:center;color:#355fae;font-size:12px}
#top .launcher-compose .launcher-help{font-size:11px;color:#5b685f;margin-top:16px;line-height:1.7}
#top .launcher-compose .launcher-status:empty{display:none}#top .launcher-compose .launcher-status{min-height:0}
#top .build-prompt-preview{border-top:0;padding:0 28px}#top .build-prompt-preview summary{font-size:11px;padding:10px 0 16px;color:#5b685f}
#top .button{border-radius:8px}
#experience{padding-top:28px;padding-bottom:0;scroll-margin-top:100px}
.experience-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:24px}
#top .experience-heading h2{font-size:40px;letter-spacing:-.05em;margin:12px 0 0;line-height:1.1}.experience-heading p{font-size:12px;line-height:1.7;color:#5b685f;margin:0}
#top .product-stage{border-color:#cfd9d5;background:#e9eeeb;box-shadow:0 20px 55px #1c37200b;border-radius:16px}
#top .stage-head{color:#51645d}.stage-head>.window-dots i{background:#9eafa5}#top .stage-bottom span{color:#52655c}
#top .section.wrap{padding:88px 48px}
#top .section-head{margin-bottom:30px;gap:40px}#top .section h2{font-size:clamp(36px,4vw,56px);color:var(--home-ink);letter-spacing:-.055em;line-height:1.07}
#top .section-p{color:var(--home-muted);font-size:14px;line-height:1.75;max-width:420px}
#top .cards{gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}
#top .template-card{background:#fff;border-color:#dde1da;border-radius:13px;padding:22px;position:relative;transition:transform .25s,box-shadow .25s,border-color .25s}
#top .template-card:hover,#top .template-card:focus-within{transform:translateY(-5px);border-color:#a4b8a9;box-shadow:0 14px 25px #243c2b0a}
#top .card-text{padding:0;display:flex;flex-direction:column;flex:1}.idea-icon{display:grid;place-items:center;width:36px;height:36px;background:#eaf0ff;color:#355fae;font-size:23px;border-radius:10px;margin-bottom:21px}.idea-icon-1,.idea-icon-4{background:#f4eddc;color:#745d2b}.idea-icon-2,.idea-icon-5{background:#eaf1e6;color:#486237}
#top .card-type{color:#65746a;font-size:8px;letter-spacing:.12em}#top .card-text h3{font-size:21px;color:#243a2c;margin:8px 0 10px}#top .card-text p{font-size:12px;line-height:1.6;min-height:0;color:#5b685f;margin-bottom:20px}
#top .card-foot{margin-top:auto;border-top:1px solid #e7ebe5;padding-top:12px}#top .card-foot button{border:0;padding:6px 0;width:100%;background:transparent;display:flex;justify-content:space-between;align-items:center;font:600 12px 'Gilroy',Arial,sans-serif;color:#355fae;min-height:32px}#top .card-foot button span{transition:transform .2s}#top .card-foot button:hover span{transform:translate(3px,-3px)}
#top #templates .note{color:#5b685f;font-size:11px}#top #templates .note a{color:#355fae;text-decoration:underline;text-underline-offset:3px}
.runtime-capabilities{padding-top:0;padding-bottom:70px;scroll-margin-top:100px}.capability-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #d7ded6;padding-top:28px;margin-bottom:28px}.capability-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px}.capability-grid>div{border-left:1px solid #d7ded6;padding-left:19px}.capability-grid>div:first-child{border:0;padding:0}.capability-grid span{font-size:10px;color:#5a6f60}.capability-grid h3{font-size:19px;letter-spacing:-.03em;margin:10px 0 8px}.capability-grid p{font-size:12px;line-height:1.6;color:#5b685f;margin:0}
#top .feature-band{background:#202e27;color:#f5f6ed;border:0;padding:72px 0;position:relative}
#top .feature-band .eyebrow{color:#b9c8ba}#top .feature-band .eyebrow:before{background:#bcdbab}#top .feature-band .split{gap:65px;align-items:center!important;grid-template-columns:.95fr 1.05fr}
#top .feature-band h2{font-size:clamp(43px,4.5vw,64px);font-weight:500;letter-spacing:-.055em;line-height:1.04;margin:20px 0 24px;color:#f5f6ed}#top .feature-band h2 em{font-style:normal;color:#bcdbab}
#top .feature-band .section-p{color:#c0cdc3;max-width:390px}#top .pills{gap:7px;margin-top:20px}#top .pills span{color:#c0cdc3;border-color:#4e6353;background:transparent;font-size:10px;padding:7px 10px}
#top .runtime-proof{padding:28px;background:#ffffff06;border:1px solid #4b5d50;border-radius:15px}#top .proof-label{color:#bbcebd;font-size:9px;letter-spacing:.12em}
#top .runtime-pillars{display:grid;grid-template-columns:1fr;gap:0}#top .runtime-pillars>div{display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:20px;padding:18px 0;border-bottom:1px solid #46594c;border-top:0}#top .runtime-pillars>div:last-child{border-bottom:0}
#top .runtime-pillars strong{color:#f2f5e8;font-size:40px;letter-spacing:-.05em;white-space:nowrap}#top .runtime-pillars strong span{font-size:10px;letter-spacing:0;display:block;color:#b8cbba;margin-top:5px}#top .runtime-pillars p{font-size:11px;color:#c0cdc3;line-height:1.6;margin:0}
#top .feature-band .benchmark-cta{margin-top:10px;background:#d9e9cb;color:#223d29;border-color:#d9e9cb;width:100%;font-size:12px}#top .performance-note{color:#b6c5ba;font-size:11px;line-height:1.7;margin-top:30px;border-top:1px solid #495b4e;padding-top:20px}
#top #deploy .deployment{grid-template-columns:1fr 1fr;gap:18px}#top .deploy-card{background:#eeefe8;border-color:#d9dfd3;border-radius:13px;padding:28px;transition:background .2s}#top .deploy-card:hover{background:#e8ede4}#top .deploy-card h3{font-size:24px;margin:18px 0 12px;color:#263c2e}#top .deploy-card p{font-size:13px;color:#59695d;max-width:440px;line-height:1.7}#top .deploy-card small{font-size:12px}#top .deploy-card small a{color:#355fae}#top .deploy-card .sym{color:#406cc6}
#top #enterprise{padding:50px 0;background:#e6ebdf;border-top:1px solid #d7dfcc}#top #enterprise:after{display:none}#enterprise>.wrap{display:grid;grid-template-columns:1fr auto;column-gap:40px;align-items:center}#top #enterprise .eyebrow{grid-column:1/-1;color:#4f6744;font-size:9px}#top #enterprise h2{font-size:42px;color:#253b2b;margin:18px 0 10px;letter-spacing:-.05em}#top #enterprise p{grid-column:1;font-size:13px;color:#56654d;margin:0}#top #enterprise .hero-actions{grid-column:2;grid-row:2/4}#top #enterprise .button{font-size:12px}
@keyframes home-enter{from{opacity:.3;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@keyframes app-arrive{from{opacity:0;transform:translateY(24px) rotate(2deg)}to{opacity:1;transform:translateY(0) rotate(-6deg)}}
@keyframes chip-arrive{from{opacity:0;translate:0 18px}to{opacity:1;translate:0 0}}
@keyframes orbit-arrive{from{scale:.82;opacity:0}to{scale:1;opacity:1}}
@media(prefers-reduced-motion:no-preference){.hero-message{animation:home-enter .7s both}.scene-app{animation:app-arrive 1.1s .1s both}.scene-orbit{animation:orbit-arrive 1.2s both}.scene-chip,.scene-dot{animation:chip-arrive .8s .35s both}.chip-tools{animation-delay:.55s}.chip-agents{animation-delay:.7s}.home-revealed{animation:home-enter .65s both}.desk-ai-panel:not([hidden]){animation:home-enter .22s both}}
@media(max-width:1100px){.hero-scene{grid-template-columns:1.7fr 1fr;gap:12px}.idea-scene{scale:.9}.scene-orbit{width:280px;height:280px}.orbit-two{width:230px;height:230px}.chip-memory{right:-15px}.chip-tools{left:-15px}#top .hero h1{font-size:clamp(42px,5.1vw,58px)}#top .launcher-compose{gap:25px}#top .section.wrap{padding:70px 28px}#top .feature-band .split{gap:30px}#top #enterprise .hero-actions{flex-direction:column}#top .runtime-proof{padding:22px}}
@media(max-width:800px){.hero-scene{grid-template-columns:1fr;margin-bottom:30px;min-height:0}.idea-scene{display:none}#top .hero{padding:45px 0 30px}#top .hero h1{font-size:clamp(39px,7.4vw,62px);max-width:720px}#top .hero-copy{font-size:15px}#top .launcher-compose{grid-template-columns:1fr;padding:23px 22px 8px;gap:15px}.launcher-submit{padding:0;border:0}#top .launcher-actions{flex-direction:row;align-items:center;gap:20px}#top .launcher-compose .launcher-help{margin-top:12px;max-width:none}#top .build-prompt-preview{padding:0 22px}#top .feature-band .split{grid-template-columns:1fr}#top .feature-band .section-p{max-width:540px}.capability-grid{grid-template-columns:1fr 1fr;row-gap:26px}.capability-grid>div:nth-child(3){border:0;padding:0}#top #enterprise>.wrap{grid-template-columns:1fr}#top #enterprise .hero-actions{grid-column:1;grid-row:auto;flex-direction:row;margin-top:25px}#top .cards{grid-template-columns:repeat(2,minmax(0,1fr))}.experience-heading{align-items:start;flex-direction:column;gap:15px}.experience-heading p br{display:none}}
@media(max-width:540px){#top .hero{padding-top:34px}#top .hero h1{font-size:clamp(32px,8.6vw,46px);line-height:1.08;margin:19px 0}#top .hero .eyebrow{font-size:8px;letter-spacing:.1em}#top .hero-copy{font-size:14px;line-height:1.7}.hero-download{font-size:12px;margin-top:18px}#top .launcher-compose{padding:20px 17px 6px}#top .launcher-compose label{font-size:20px}#top .launcher-actions{flex-direction:column;gap:15px;align-items:stretch}#top .launcher-compose textarea#app-idea{font-size:16px;min-height:118px}#top .launcher-examples{gap:5px}#top .launcher-examples button{font-size:10px;padding:7px 9px;min-height:38px}#top .build-prompt-preview{padding:0 17px}#top .cards{grid-template-columns:1fr}#top .template-card{display:grid;grid-template-columns:36px 1fr;gap:16px;padding:20px}.idea-icon{margin:0}#top .card-type{font-size:8px}#top .card-text h3{font-size:21px}#top .card-text p{margin-bottom:14px}#top .section.wrap{padding:56px 21px}#top .section h2,#top .experience-heading h2{font-size:34px}#top .section-head{margin-bottom:23px}#top .section-head .section-p{margin-top:16px;font-size:13px}.capability-heading{align-items:start;flex-direction:column;gap:15px}.capability-grid{gap:23px 14px}.capability-grid h3{font-size:17px}.capability-grid p{font-size:11px}.runtime-capabilities{padding-bottom:45px}#top .feature-band{padding:50px 0}#top .feature-band h2{font-size:43px}#top .runtime-pillars strong{font-size:36px}#top .runtime-pillars>div{grid-template-columns:.8fr 1.2fr;gap:15px}#top .runtime-proof{padding:19px}#top .performance-note{font-size:10px}#top #deploy .deployment{grid-template-columns:1fr}#top .deploy-card{padding:25px}#top #enterprise{padding:40px 0}#top #enterprise h2{font-size:35px}#top #enterprise .hero-actions{flex-direction:column;align-items:stretch}#top #enterprise .eyebrow{font-size:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}#top *,#top *:before,#top *:after{animation:none!important;transition:none!important}.template-card:hover,.template-card:focus-within{transform:none!important}}

/* A single, three-beat message leads directly into the app idea. */
#top .hero{padding-top:64px;padding-bottom:40px}
#top .hero-scene{display:block;min-height:0;text-align:center;margin-bottom:36px}
#top .hero-message>.eyebrow{justify-content:center;font-size:11px;letter-spacing:.16em}
#top .hero h1{display:flex;justify-content:center;gap:.2em;max-width:none;font-size:clamp(58px,6.8vw,98px);letter-spacing:-.07em;line-height:1.05;margin:26px 0 24px;white-space:nowrap}
#top .hero h1 .slogan-word{color:#202522}
#top .hero h1 .slogan-word:last-child{color:#406cc6}
#top .hero-copy{max-width:none;margin:0 auto;font-size:18px;color:#58625c}
#top .hero .app-launcher{max-width:1000px;margin-inline:auto}
#top .launcher-compose{padding-top:25px;padding-bottom:8px}
.hero-exit{max-width:1000px;margin:20px auto 0;display:flex;justify-content:space-between;gap:20px;color:#5b685f;font-size:11px;line-height:1.5}
.hero-exit a{color:#355fae;font-weight:600}
.hero-exit a:hover{text-decoration:underline;text-underline-offset:4px}
@keyframes slogan-enter{from{opacity:.4;translate:0 14px}to{opacity:1;translate:0 0}}
@media(prefers-reduced-motion:no-preference){.hero-message{animation:none}.slogan-word{animation:slogan-enter .6s both}.slogan-word:nth-child(2){animation-delay:.12s}.slogan-word:nth-child(3){animation-delay:.24s}}
@media(max-width:800px){#top .hero{padding-top:45px}#top .hero h1{font-size:clamp(45px,8.5vw,68px)}#top .hero-copy{font-size:15px;max-width:430px}#top .hero-scene{margin-bottom:28px}}
@media(max-width:540px){#top .hero{padding-top:33px;padding-bottom:27px}#top .hero-message>.eyebrow{font-size:9px}#top .hero h1{display:block;font-size:clamp(55px,17vw,78px);line-height:.98;margin:23px 0;white-space:normal}#top .hero h1 .slogan-word{display:block}#top .hero-copy{font-size:14px;max-width:285px;line-height:1.65}#top .hero-scene{margin-bottom:25px}.hero-exit{flex-direction:column;align-items:center;gap:9px;margin-top:17px}#top .launcher-compose{padding-top:21px}}

.hero-runtime-facts{display:flex;justify-content:center;flex-wrap:wrap;gap:10px 22px;margin-top:19px;font-size:12px;color:#58625c}
.hero-runtime-facts span{display:inline-flex;align-items:center;gap:8px}.hero-runtime-facts span:before{content:'✓';color:#406cc6}.hero-runtime-facts a{color:#355fae;font-weight:600}.hero-runtime-facts a:hover{text-decoration:underline;text-underline-offset:3px}
@media(max-width:800px){#top .hero h1{font-size:clamp(40px,7.8vw,62px)}}
@media(max-width:540px){#top .hero h1{font-size:clamp(43px,13.8vw,66px);line-height:1.02}#top .hero-copy{max-width:280px}.hero-runtime-facts{font-size:11px;gap:10px 16px;margin-top:14px}#top .launcher-compose label{font-size:19px;line-height:1.3}}

/* A travelling light follows the readable, static lettering. */
#top .lit-slogan .slogan-word{position:relative;isolation:isolate}
#top .lit-slogan .slogan-light{position:absolute;inset:0;display:block;pointer-events:none;user-select:none;color:transparent;-webkit-text-fill-color:transparent;background:linear-gradient(108deg,transparent 34%,#668df4 45%,#94b9ff 50%,#608aec 55%,transparent 66%) 125% 0 / 220% 100% no-repeat;background-clip:text;-webkit-background-clip:text;filter:drop-shadow(0 0 9px #5589f570);opacity:0}
#top .lit-slogan .slogan-word:last-child .slogan-light{background-image:linear-gradient(108deg,transparent 34%,#82acff 45%,#bed8ff 50%,#82acff 55%,transparent 66%)}
.slogan-eyebrow{position:relative}
#slogan-light-toggle{display:inline-grid;place-items:center;width:24px;height:24px;padding:0;margin-left:3px;border:1px solid #cbd5e3;border-radius:50%;background:transparent;color:#45628e;font:12px/1 Arial,sans-serif;letter-spacing:0;cursor:pointer}
#slogan-light-toggle:hover{background:#e5ecf8;border-color:#8ca6d0}#slogan-light-toggle[hidden]{display:none}
@keyframes slogan-light-sweep{0%{background-position:125% 0;opacity:0}3%{opacity:1}25%{background-position:-25% 0;opacity:1}28%,100%{background-position:-25% 0;opacity:0}}
@media(prefers-reduced-motion:no-preference){#top .lit-slogan.lighting-active .slogan-light{animation:slogan-light-sweep 7.2s linear infinite}.lighting-active .slogan-word:nth-child(2) .slogan-light{animation-delay:1.7s!important}.lighting-active .slogan-word:nth-child(3) .slogan-light{animation-delay:3.4s!important}#top .lit-slogan.lighting-paused .slogan-light{animation-play-state:paused}}
@media(prefers-reduced-motion:reduce){#top .lit-slogan .slogan-light{display:none}#slogan-light-toggle{display:none}}
@media(forced-colors:active){#top .lit-slogan .slogan-light{display:none}#slogan-light-toggle{display:none}}