/* Public homepage design, October 2026. */
.site-header{background:transparent;backdrop-filter:none;border-bottom:1px solid #a8dfff16}.nav-shell{width:calc(100% - 8.6vw);max-width:1800px;height:96px}.brand{font-size:28px;letter-spacing:.05em;gap:18px}.brand-mark{width:52px;height:54px;border-radius:13px;font-size:31px;background:linear-gradient(135deg,#1680ff,#0755ee)}.main-nav{gap:48px;font-size:17px}.main-nav>a:not(.nav-login){color:#f5f8ff}.main-nav .nav-login{margin-left:8vw;padding:16px 38px;font-size:17px;border:1px solid #809bb7;border-radius:12px}.main-nav .nav-api{display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:17px 29px;margin-left:-30px;border-radius:12px;background:#65edf5;color:#031927!important;font-weight:700}.nav-api:hover{background:#a0f8fc}.hero{min-height:0;grid-template-columns:43% 57%;padding-top:96px;background:radial-gradient(ellipse at 82% 48%,#00546a99,transparent 58%),linear-gradient(110deg,#050f1b,#031b2b)}.hero::before{background-image:none;mask-image:none;inset:10% -10% auto auto;width:60%;height:600px;border:1px solid #46ddeb0c;border-radius:50%;transform:rotate(-25deg)}.hero-glow{background:radial-gradient(ellipse,#00d5ee22,transparent 65%);width:950px;height:700px;right:-100px;top:0;opacity:1}.hero-copy{padding:84px 20px 50px 4.3vw;align-self:center}.hero .eyebrow{font-size:12px;letter-spacing:.17em;color:#bad3ec;margin-bottom:28px;gap:18px}.hero .eyebrow span{width:36px;background:#9ceaf0}.hero h1{font-size:clamp(42px,4.55vw,88px);line-height:1.02;letter-spacing:-.055em;margin-bottom:24px;white-space:nowrap}.hero h1 em{color:#62edf6}.hero-lead{font-size:clamp(18px,1.72vw,32px);line-height:1.4;color:#afc7e8;max-width:650px;margin-bottom:34px}.hero-actions{gap:24px;flex-wrap:nowrap}.hero .button{font-size:clamp(13px,1.05vw,20px);min-height:66px;padding:0 28px;border-radius:11px;gap:24px;white-space:nowrap}.hero .button-primary,.demo-banner .button-primary{background:#65edf5;color:#031927}.hero .button-ghost{border:1px solid #8aabc5;background:#06152566;color:#f9fbff}.hero-proof{display:flex;flex-wrap:wrap;align-items:center;gap:16px;border-top:1px solid #75b7d52a;padding-top:16px;margin-top:18px;color:#b8cfea;max-width:620px}.hero-proof span{color:inherit;font-size:17px;letter-spacing:.07em}.hero-proof i{font-style:normal}.system-visual{padding:50px 2vw 0 0;display:flex;align-items:center;min-height:0}.system-stage{width:100%;max-width:none;position:relative;margin:0;min-height:0!important}.system-desktop{transform:none;border:1px solid #b7e9ff70;border-radius:18px;box-shadow:0 0 45px #00d0e92e,0 25px 80px #0005}.system-desktop img{width:100%;height:auto;display:block}.hero-ai-link{position:absolute;z-index:5;right:2.5%;top:-40px;display:flex;align-items:center;gap:20px;padding:18px 22px;border-radius:13px;border:1px solid #87b7cb55;background:linear-gradient(120deg,#031c2e,#092536);box-shadow:0 14px 28px #002b4640;color:white}.hero-ai-link strong{font-size:14px;font-weight:700;display:block}.hero-ai-link small{display:block;font-size:13px;color:#c1d5eb;margin-top:6px}.ai-spark{font-size:38px;color:#68eff8}.hero-ai-link>span:last-child{font-size:28px;color:#b8d9ee}.visual-caption{margin:7px 2px 7px;text-align:right;font-size:12px;color:#bed2e8}.demo-banner{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;gap:40px;justify-content:space-between;padding:28px 29% 32px 5.5%;background:linear-gradient(100deg,#081a2c,#06273a);color:white;border-top:1px solid #4bafcd1c}.demo-banner>div:first-child,.demo-banner>a{position:relative;z-index:1}.demo-banner .eyebrow{font-size:12px;color:#bed9ee;margin-bottom:12px}.demo-banner h2{font-size:clamp(28px,2.6vw,50px);letter-spacing:-.04em;line-height:1.15;margin-bottom:6px;white-space:nowrap}.demo-banner p:not(.eyebrow){font-size:clamp(14px,1.2vw,22px);color:#b5cce6;margin:0;white-space:nowrap}.demo-banner .button{min-width:220px;min-height:62px;font-size:18px;border-radius:10px}.industrial-art{position:absolute;inset:0 0 0 60%;z-index:-1;background:linear-gradient(90deg,#071f31,transparent 65%),url('/assets/industrial-lines.svg') center/cover;opacity:.7}.trust-strip{display:none}a:focus-visible{outline:3px solid #65edf5;outline-offset:5px}
@media(min-width:1600px){.hero-copy{padding-top:90px;padding-bottom:50px}.hero-actions{margin-top:34px}.system-visual{padding-top:50px}.hero{min-height:690px}.demo-banner{min-height:165px}}
@media(min-width:801px) and (max-width:1250px){.main-nav{gap:25px;font-size:14px}.main-nav .nav-login{margin-left:20px;font-size:14px;padding:13px 23px}.main-nav .nav-api{margin-left:0;padding:14px 20px}.brand{font-size:23px}.hero{grid-template-columns:45% 55%}.hero-copy{padding-top:65px}.hero h1{font-size:4.5vw}.hero .button{padding:0 16px;min-height:54px;gap:14px}.hero-actions{gap:12px}.hero-proof{gap:12px}.hero-proof span{font-size:13px}.hero-ai-link{padding:12px;gap:10px}.hero-ai-link strong{font-size:11px}.hero-ai-link small{font-size:10px}.demo-banner{padding-right:5%;gap:24px}.demo-banner p:not(.eyebrow){white-space:normal}}
@media(max-width:800px){.nav-shell{height:80px;width:calc(100% - 40px)}.brand{font-size:23px;gap:12px}.brand-mark{width:43px;height:45px;font-size:27px}.main-nav{gap:0;font-size:16px;top:75px}.main-nav .nav-login{margin:8px 0;padding:13px;font-size:16px}.main-nav .nav-api{margin:8px 0 0;padding:14px}.hero{padding-top:80px;grid-template-columns:1fr}.hero-copy{padding:48px 24px 42px}.hero .eyebrow{font-size:10px;gap:12px;margin-bottom:24px}.hero h1{font-size:clamp(34px,7.7vw,60px);white-space:normal;margin-bottom:22px}.hero-lead{font-size:21px;line-height:1.5;margin-bottom:26px}.desktop-break{display:none}.hero-actions{flex-direction:row;gap:12px;flex-wrap:wrap}.hero .button{min-height:54px;font-size:14px;padding:0 20px;gap:20px}.hero-proof{margin-top:20px;gap:12px}.hero-proof span{font-size:12px}.system-visual{padding:22px 18px 12px;min-height:0}.system-stage{width:100%}.system-desktop{border-radius:10px;transform:none}.hero-ai-link{top:-25px;right:12px;padding:9px 12px;gap:9px;border-radius:9px}.hero-ai-link strong{font-size:10px}.hero-ai-link small{font-size:9px;margin-top:3px}.ai-spark{font-size:25px}.hero-ai-link>span:last-child{font-size:20px}.visual-caption{font-size:10px}.demo-banner{padding:30px 24px;display:block}.demo-banner .eyebrow{font-size:10px}.demo-banner h2{font-size:30px;white-space:normal}.demo-banner p:not(.eyebrow){font-size:16px;line-height:1.5;white-space:normal}.demo-banner .button{margin-top:24px;min-height:54px;min-width:190px;font-size:16px}.industrial-art{left:25%;opacity:.3}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}

.hero h1 br{display:block!important}

/* Keep the complete homepage introduction visible on desktop, including the demo banner. */
@media (min-width:801px) and (min-height:650px){
 .hero{height:calc(100svh - 155px);min-height:0}
 .hero-copy{padding-top:16px;padding-bottom:20px}
 .hero .eyebrow{margin-bottom:20px}
 .hero h1{font-size:clamp(38px,min(4.55vw,8.6svh),88px);margin-bottom:20px}
 .hero-lead{font-size:clamp(17px,min(1.72vw,3.2svh),32px);margin-bottom:24px}
 .hero-actions{margin-top:0}
 .hero .button{min-height:54px}
 .hero-proof{margin-top:18px;padding-top:14px}
 .system-visual{padding-top:26px;padding-bottom:10px}
 .system-stage{width:min(100%,calc((100svh - 305px)*1.923));margin-inline:auto}
 .hero-ai-link{top:-32px;padding:13px 18px}
 .demo-banner{height:155px;min-height:155px;padding-block:20px;padding-right:5.5%;gap:32px}
 .demo-banner h2{font-size:clamp(28px,2.6vw,46px)}
 .demo-banner p:not(.eyebrow){white-space:normal;font-size:clamp(14px,1.2vw,21px)}
 .demo-banner .button{flex-shrink:0;margin-right:22vw;min-width:210px}
}
@media (min-width:801px) and (max-width:1250px) and (min-height:650px){
 .hero h1{font-size:4.3vw}
 .hero-proof span{font-size:12px}
 .hero .button{padding-inline:14px;font-size:12px}
 .demo-banner .button{margin-right:0}
}
@media (max-width:800px){.demo-banner{min-height:245px;height:auto}}


@media(min-width:801px) and (min-height:650px){.hero-ai-link{top:-16px}}


.demo-banner{background:linear-gradient(90deg,#04172530,#04172510),#041725 url('/assets/demo-industrial.webp') center 55%/cover no-repeat}.industrial-art{display:none}@media(max-width:800px){.demo-banner{background-position:68% center;background-image:linear-gradient(90deg,#041725e8,#04172588),url('/assets/demo-industrial.webp')}}