/* Publication layer: preserve the original theme; improve reading and touch use. */
html{scroll-padding-top:110px}body{font-size:16px}.container{width:min(1180px,calc(100% - 48px))}
[hidden]{display:none!important}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--blue);outline-offset:5px}
.skip-link{position:fixed;top:10px;left:10px;z-index:2000;padding:14px;background:#111;transform:translateY(-200%)}.skip-link:focus{transform:none}
.brand-copy strong{font-size:16px}.brand-copy small{font-size:10px;color:#a0a5b0}.desktop-nav a{font-size:13px}.header-cta{font-size:12px;min-height:44px}
.hero{min-height:740px;padding-top:145px;padding-bottom:65px}.hero-grid{gap:48px}.hero h1{font-size:clamp(54px,7.4vw,94px)}.hero-description{font-size:18px;color:#b4bac6;line-height:1.85}
.hero-visual{min-height:480px}.logo-frame{width:min(455px,100%)}.floating-chip{font-size:11px}.floating-chip.one{left:0}.floating-chip.two{right:0}.hero-status-item{font-size:11px;color:#a0a8b5}
.btn{font-size:13px;min-height:50px}.eyebrow{font-size:12px}.section{padding:85px 0}.section-heading p{font-size:17px;color:#aab2c0;line-height:1.8}.section-heading h2{font-size:clamp(32px,4vw,54px)}
.brand-banner{position:relative;display:flex;flex-direction:column;align-items:center;gap:12px;padding:22px 0 0}.brand-banner>img{width:min(880px,100%);height:auto;max-width:100%;border-radius:5px}.banner-rest{text-align:center;padding:30px;background:#09080c;width:min(880px,100%);border:1px solid #38202a}.banner-rest strong{font-size:clamp(25px,5vw,48px);font-weight:900}.banner-rest strong span{color:var(--red)}.banner-rest p{margin-bottom:0;letter-spacing:.1em}
.motion-toggle{padding:8px 12px;background:transparent;border:1px solid #424653;border-radius:6px;color:#aeb5c3;font-size:12px;cursor:pointer}.motion-paused *, .motion-paused *::before, .motion-paused *::after{animation:none!important;scroll-behavior:auto!important}
.feature-number{display:block;color:#aaacba;font-family:ui-monospace,monospace;font-size:12px;letter-spacing:.12em;margin:0 0 27px}.feature-card{padding:28px}.feature-card h3{font-size:21px}.feature-card p{font-size:15px;line-height:1.85;color:#b0b7c4}
.demo-note{text-align:center;color:#929cae;font-size:14px;line-height:1.8;margin:25px auto 0;max-width:690px}.ui-content{min-height:520px}.ui-panel{padding:30px}.ui-eyebrow{font-size:11px}.ui-description{font-size:14px;color:#abb3c1;line-height:1.8}.ui-brand-name{font-size:14px}.ui-brand-sub,.ui-nav-label{font-size:10px}.ui-nav-button{font-size:14px;min-height:48px}.ui-status strong{font-size:12px}.ui-status span{font-size:10px}.ui-stat-label{font-size:12px}.ui-stat-value{font-size:25px}.ui-stat-unit{font-size:11px}.ui-activity-header h3{font-size:14px}.activity-name{font-size:12px}.activity-time,.live-badge{font-size:10px}.ui-path{font-size:13px}.function-copy h3{font-size:17px}.function-copy p{font-size:13px;color:#aab2c0}.terminal,.terminal-status,.profile-chip{font-size:12px}.profile-chip span,.profile-chip strong{font-size:11px}.toggle:has(input:focus-visible){outline:2px solid var(--blue);outline-offset:5px}
.faq details{padding:0 24px}.faq summary{padding:24px 24px 24px 0;cursor:pointer;font-size:17px;font-weight:650;line-height:1.5}.faq details p{color:#b4bdca;line-height:1.85;font-size:16px;margin:0 0 24px}.faq details a{text-decoration:underline;text-underline-offset:4px}.faq details[open]{border-color:#7b304b}
.final-card .eyebrow{justify-content:center}.final-card h2{font-size:clamp(36px,5vw,60px)}.final-card p{font-size:17px;color:#b0b7c4;line-height:1.85}.contact-email{font-size:17px;text-transform:none;letter-spacing:0}.footer-brand{display:flex;gap:15px;flex-wrap:wrap;font-size:13px}.footer-links a{font-size:13px}.toast{font-size:14px}
@media(max-width:900px){.desktop-nav{display:none}.mobile-menu-button{display:block}.header-cta{margin-left:auto}.mobile-nav a{font-size:14px}.hero{min-height:auto;padding-top:150px}.hero-grid{gap:35px}.hero-visual{min-height:360px}.hero h1{font-size:clamp(54px,8vw,76px)}.ui-content{min-height:560px}.activity-row{gap:8px}}
@media(max-width:650px){.container{width:calc(100% - 32px)}.brand-copy strong{font-size:13px}.brand-mini{width:34px;height:34px}.brand-copy small{display:none}.header-cta{display:none}.hero{padding-top:130px;padding-bottom:40px}.hero-grid{grid-template-columns:1fr;gap:38px}.hero-visual{min-height:330px}.logo-frame{width:min(340px,89%)}.floating-chip.one{top:3%;left:0}.floating-chip.two{bottom:4%;right:0}.hero h1{font-size:clamp(50px,14.8vw,80px)}.hero-description{font-size:17px}.hero-actions .btn{flex:1}.hero-status{gap:12px;margin-top:25px}.hero-status-item{font-size:10px}.section{padding:62px 0}.section-heading p{font-size:16px}.features-grid{grid-template-columns:1fr}.feature-card{padding:24px}.ui-panel{padding:22px 16px}.ui-content{min-height:640px}.ui-stats{grid-template-columns:1fr}.ui-stat{min-height:78px}.ui-stat-value{font-size:25px}.ui-brand-name{font-size:13px}.activity-time{display:none}.activity-name{font-size:12px}.function-copy p{max-width:165px;font-size:12px}.function-info{min-width:0}.function-card{gap:10px}.toggle{flex-shrink:0}.faq details{padding:0 18px}.faq summary{font-size:16px}.final-card{padding:40px 20px}.final-card p{font-size:16px}.contact-email{font-size:16px;padding:0 15px}.footer-inner{gap:22px}.brand-banner{padding-top:5px}.toast{max-width:calc(100vw - 32px)}}
@media(max-width:650px){.hero-actions .btn{font-size:12px;letter-spacing:.03em;padding-inline:12px;white-space:nowrap}}
@media(prefers-reduced-motion:reduce){body:not(.motion-enabled) .brand-banner>img{display:none}body:not(.motion-enabled) .banner-rest{display:block!important}}