/* Compact editorial rhythm; the existing design tokens remain authoritative. */
.section{padding-block:clamp(32px,3.2vw,56px)}
.section-head,.section-heading{margin-bottom:24px;gap:24px}
.section-flow{padding-bottom:16px;margin-bottom:8px;gap:12px}
.section-flow .flow-node{padding:14px}
.hero{gap:clamp(24px,3vw,56px);padding-block:28px 22px;align-items:center}
.hero-description{margin-top:20px;line-height:1.55}
.hero-secondary{margin-top:14px}
.hero-footnote{margin-top:22px}
.hero .actions{margin-top:24px}
.hero-stats{padding-top:20px;margin-top:0}
.hero-image-scene{position:relative;isolation:isolate;overflow:hidden;background:#101b2c;aspect-ratio:3/2}
.hero-generated-image{display:block;width:100%;height:100%;object-fit:cover;animation:hero-camera 16s ease-in-out infinite alternate;transform-origin:52% 48%}
.hero-image-shade{position:absolute;inset:55% 0 0;background:linear-gradient(transparent,rgba(7,17,30,.87));pointer-events:none}
.hero-image-label{position:absolute;left:24px;bottom:42px;display:flex;align-items:center;gap:14px;color:#fff;font:500 clamp(15px,1.25vw,21px) var(--display);line-height:1.4}
.hero-image-label small{display:block;color:#c0d4ea;font:10px var(--mono);letter-spacing:1px;margin-top:6px}
.hero-image-caption{position:absolute;bottom:16px;left:24px;color:#c0d4ea;font:9px var(--mono);letter-spacing:1px}
.hero-signal{display:flex;align-items:center;gap:4px;height:30px}
.hero-signal i{width:3px;height:18px;background:#9ac7ff;border-radius:2px;animation:hero-signal 1.3s ease-in-out infinite alternate}
.hero-signal i:nth-child(2){height:30px;animation-delay:-.7s}.hero-signal i:nth-child(3){height:23px;animation-delay:-.3s}.hero-signal i:nth-child(4){height:13px;animation-delay:-.9s}.hero-signal i:nth-child(5){height:24px;animation-delay:-.5s}
.experience-console .hero-data-scene{min-height:0;aspect-ratio:3/2}
.solution-planner{padding-block:28px;gap:24px}.planner-workspace{padding:22px}.planner-path{margin-top:20px}.planner-bottom{margin-top:18px}
.universe-section{padding-block:36px}.universe-layout{gap:30px}
.bento,.experience-grid,.products-grid,.eval-cards,.build-grid,.feature-map{gap:16px}
.bento .cap,.experience-card,.products-grid>article,.eval-cards article.explain-card{padding:24px}
.about-grid,.dashboard-layout,.eval-layout,.motion-layout{gap:clamp(24px,3vw,56px)}
.about-points{gap:12px}.about-points li{padding:18px 22px}
.experience-card .card-symbol{height:100px;margin-block:8px}
.deployment-comparison,.workflow-summary{padding:24px}.deployment-flow{gap:12px}
.motion-paused .hero-image-scene *,body:has(dialog[open]) .hero-image-scene *{animation-play-state:paused!important}
.hero-image-scene:focus-within *{animation-play-state:paused}
@keyframes hero-camera{from{transform:scale(1.01) translate3d(-.3%,0,0)}to{transform:scale(1.065) translate3d(.3%,-.5%,0)}}
@keyframes hero-signal{from{transform:scaleY(.45);opacity:.6}to{transform:scaleY(1);opacity:1}}
@media(min-width:1800px){.bento .cap,.experience-card{padding:26px}.hero-image-scene{max-height:680px;aspect-ratio:auto;height:clamp(440px,27vw,680px)}}
@media(max-width:1024px){.hero{gap:24px}.hero-image-scene{aspect-ratio:16/9}.experience-console .hero-data-scene{aspect-ratio:auto;min-height:365px}.solution-planner{gap:22px}.section-heading{gap:16px}}
@media(max-width:600px){.section{padding-block:30px}.hero{padding-top:24px;gap:22px}.hero-description{margin-top:16px}.hero-secondary{margin-top:12px}.hero-footnote{margin-top:18px}.hero-image-scene{aspect-ratio:1.12}.hero-image-label{left:16px;bottom:39px;font-size:15px;gap:10px}.hero-image-label small{font-size:8px;letter-spacing:.6px}.hero-image-caption{left:16px;font-size:8px}.hero-signal{gap:3px}.hero-signal i{width:2px}.hero-stats{gap:16px}.solution-planner{padding-block:26px}.planner-workspace{padding:18px}.bento,.experience-grid,.products-grid,.eval-cards{gap:12px}.bento .cap,.experience-card,.products-grid>article,.eval-cards article.explain-card{padding:22px}.section-head,.section-heading{margin-bottom:20px}.universe-section{padding-block:28px}.universe-layout{gap:20px}.section-flow{padding-bottom:12px;gap:8px}.about-points li{padding:18px}.deployment-comparison,.workflow-summary{padding:20px}.service-detail{min-height:200px}}
@media(prefers-reduced-motion:reduce){.hero-image-scene *{animation:none!important}}
.experience-console .art-top{padding:15px 20px}.experience-console .art-bottom{padding:14px 20px;min-height:0}
@media(max-width:600px){.hero-copy{display:contents}.hero-copy>.eyebrow{order:0;margin-bottom:0}.hero-copy>h1{order:1;margin-block:0}.hero-art{order:2}.hero-copy>.hero-description{order:3;margin-top:0}.hero-copy>.hero-secondary{order:4}.hero-copy>.actions{order:5;margin-top:0}.hero-copy>.hero-footnote{order:6;margin-top:0}.hero-stats{order:7}.hero-image-scene{aspect-ratio:1.4}.experience-console .art-top{padding:11px 13px;flex-direction:row;align-items:center;gap:8px}.experience-console .art-indicator{font-size:7px}.experience-console .art-bottom{padding:12px 13px}}