/* Candidate 5. Final logo geometry and its five spectrum colours. */
:root {
  color-scheme: light;
  --forest: #20382d;
  --green: #12c975;
  --lime: #85df37;
  --yellow: #e9ea35;
  --gold: #ffc733;
  --amber: #ff9a3d;
  --ink: #ffffff;
  --paper: #20382d;
  --muted: #5b7065;
  --accent: #20382d;
  --blue: #256440;
  --line: #20382d22;
  --spectrum: linear-gradient(115deg,#12c975 0%,#85df37 28%,#e9ea35 48%,#ffc733 68%,#ff9a3d 100%);
  --mono: ui-monospace,SFMono-Regular,Consolas,monospace;
}
html { scrollbar-color: #6c8b78 #fff; }
body { background: #fff; color: var(--forest); }
::selection { background: var(--amber); color: var(--forest); }
button:focus-visible,a:focus-visible { outline: 2px solid #256440; outline-offset: 5px; }
h1,h2,h3,.wordmark,.window-brand,.sidebar-bottom p,.thought-card p,.story-row h3,.screen-caption-title h3,.source-dialog h3,.closing-bottom span:first-child { font-family: Manrope,Arial,sans-serif; font-style: normal; }
h1,h2 { font-weight: 550; letter-spacing: -.065em; line-height: 1.02; }
h1 em,h2 em { font-style: normal; font-weight: inherit; letter-spacing: inherit; text-shadow: none; }
.eyebrow { font-size: 10px; color: #557260; letter-spacing: .13em; text-transform: uppercase; }
.header { position: absolute; height: 106px; padding: 0 6%; gap: 25px; border-bottom: 1px solid #20382d15; background: #ffffffed; }
.wordmark { display: inline-flex; gap: 9px; align-items: center; }
.wordmark .brand-symbol { width: 52px; height: 52px; }
.wordmark .brand-wordmark { width: 181px; height: auto; }
.header nav { margin-left: auto; padding: 0; gap: 30px; }
.nav-link { color: #4e6858; font-size: 12px; }
.nav-link:hover { color: #20382d; }
.nav-link::after { background: var(--amber); }
.header-cta { color: var(--forest); background: var(--amber); border: 1px solid #df7920; border-radius: 100px; padding: 13px 20px; font-size: 12px; box-shadow: none; }
.header-cta:hover { background: #ffb56e; }
.scene-backdrop { background: #849ba4; }
.scene-backdrop #optical-scene { filter: none; opacity: 0; transition: none; }
.scene-backdrop #optical-scene.ready { opacity: 1; }
.scene-backdrop .scene-image { filter: saturate(.45) brightness(1.3); }
.scene-shade { background: none; }
.scene-vignette { display: none; }
.corona-layer canvas { filter: blur(10px); opacity: .56; }
.solar-wheel { position: fixed; z-index: 1; width: min(920px,105vmin); aspect-ratio: 1; left: 90%; top: 34%; transform: translate(-50%,-50%); opacity: .42; filter: drop-shadow(0 5px 8px #20382d38); pointer-events: none; }
.solar-wheel img { display: block; width: 100%; height: 100%; transform: rotate(var(--solar-angle,0rad)); }
.solar-hero { position: relative; z-index: 9; padding: 0 6% 30px; }
.hero-layout { display: flex; flex-direction: column; }
.solar-intro { position: relative; min-height: min(790px,94svh); padding-top: 175px; display: flex; flex-direction: column; justify-content: center; padding-bottom: 105px; }
.solar-intro::before { content: ""; position: absolute; inset: 0 -6.8%; pointer-events: none; background: linear-gradient(90deg,#fffffff5 0%,#ffffffed 28%,#ffffffa8 47%,#ffffff24 65%,transparent 78%); }
.solar-hero .hero-copy { position: relative; inset: auto; transform: none; opacity: 1; filter: none; margin: 0; max-width: 780px; }
.solar-hero .hero-copy .eyebrow { margin: 0 0 30px; color: #3d5c49; font-size: 11px; letter-spacing: .035em; max-width: 490px; line-height: 1.6; }
.solar-hero .hero-copy .eyebrow::before { content: ''; width: 7px; height: 7px; background: var(--amber); flex-shrink: 0; border-radius: 50%; box-shadow: 0 0 0 5px #ff9a3d26; }
.solar-hero h1 { font-size: clamp(76px,8.5vw,136px); margin: 0; line-height: 1.03; letter-spacing: -.073em; font-weight: 550; color: var(--forest); }
.solar-hero h1 em { color: #e8b82c; text-shadow: 0 2px 12px #6d4f0f14; }
.solar-hero .hero-copy p { color: #516859; font-size: 16px; line-height: 1.8; margin-top: 27px; max-width: 395px; text-shadow: none; }
.solar-hero .hero-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 22px 30px; margin-top: 29px; }
.primary-button { display: inline-flex; margin: 0; color: #20382d; background: var(--amber); border: 1px solid #df7920; border-radius: 100px; padding: 17px 23px; gap: 28px; font-size: 13px; font-weight: 650; box-shadow: 0 8px 22px #a45c1b24; }
.primary-button:hover { background: #ffb56e; box-shadow: 0 10px 25px #a45c1b30; }
.hero-screens-link { color: #365841; border-color: #20382d45; font-size: 12px; }
.hero-screens-link:hover { color: #20382d; border-color: #20382d; }
.intro-foot { position: absolute; bottom: 35px; left: 0; right: 0; display: flex; justify-content: space-between; align-items: center; gap: 20px; border-top: 1px solid #20382d24; padding-top: 20px; color: #526c5c; font-size: 11px; }
.intro-foot a { color: #20382d; display: flex; align-items: center; gap: 35px; }
.intro-foot a span { font-size: 19px; }
.hero-product { position: relative; width: 100%; max-width: 1280px; margin: 30px auto 0; padding: 50px 5% 24px; border-radius: 24px; background: #fff; border: 1px solid #d9e5da; box-shadow: 0 20px 80px -30px #20382d32; scroll-margin-top: 30px; }
.product-preview-label { display: flex; justify-content: space-between; align-items: end; gap: 28px; margin-bottom: 32px; }
.product-preview-label .eyebrow { font-size: 9px; color: #5a7362; }
.product-preview-label h2 { font-size: clamp(28px,3.3vw,48px); margin-top: 13px; line-height: 1.12; }
.product-preview-label p { font-size: 12px; color: #5f7467; line-height: 1.8; }
.hero-product .workspace-panel { position: relative; inset: auto; width: 100%; height: min(530px,56vw); min-height: 440px; margin: 0; opacity: 1; border-radius: 13px; transform: perspective(1800px) rotateX(var(--product-tilt,0deg)); transform-origin: center bottom; box-shadow: 0 25px 55px -20px #20382d45,0 1px 4px #20382d12; }
.preview-footnote { display: flex; justify-content: space-between; align-items: center; gap: 20px; margin-top: 28px; color: #63796a; font-size: 10px; }
.workspace-panel,.source-dialog { --context-rgb: 44,119,71 !important; --line: #20382d22; background: #fff; color: #20382d; border-color: #cfdfd3; color-scheme: light; }
.workspace-panel .window-bar { background: #fff; border-bottom-color: #dce6df; }
.window-brand { display: flex; align-items: center; gap: 4px; }
.window-brand .brand-symbol { width: 30px; height: 30px; }
.window-brand .brand-wordmark { width: 106px; height: auto; }
.avatar { color: #20382d; background: #dcf3cd; }
.sidebar { background: #f5f8f4; }
.workspace-panel .sidebar-label,.workspace-panel .sidebar-label span,.workspace-panel .context-button small,.workspace-panel .workspace-tabs>span,.workspace-panel .situation-block>span,.workspace-panel .view-intro,.workspace-panel .source-row-title small,.workspace-panel .answer-status { color: #63786a; }
.context-button { color: #586e60; border-radius: 8px; }
.context-button.selected { color: #20382d; background: #fff; border-color: #dbe4db; box-shadow: 0 3px 10px #20382d08; }
.context-button:hover { background: #eaf3e8; }
.context-icon,.research-icon,.life-icon { color: #346445; background: #dfefdb; border-color: #b9d8b7; border-radius: 6px; }
.sidebar-bottom { color: #68806f; }
.sidebar-bottom p { font-size: 13px; line-height: 1.5; }
.mini-orbit { border-color: #92b996; }
.workspace-content { scrollbar-color: #a4bda5 #fff; }
.content-label { color: #4f795c; font-size: 10px; letter-spacing: .05em; }
.context-heading h3 { font-size: 29px; color: #20382d; font-weight: 550; }
.context-emblem span { border-color: #7da877; background: #e9f4dc; }
.workspace-tabs button { color: #617768; }
.workspace-tabs button[aria-selected=true] { color: #295e3e; }
.next-step { border-radius: 9px; background: #f2f8e9; border: 1px solid #d7e8c2; }
.step-heading>span,.is-selected .step-heading>span { color: #477142; }
.step-heading button { color: #2f623d; background: #fff; border-color: #bed6ac; }
.step-heading button:hover { background: #e8f5d6; }
.next-step h4 { color: #20382d; }
#step-basis { color: #62795d; }
.source-ref { color: #356445; background: #fff; border-color: #c5dbc6; }
.source-ref:hover { background: #eaf4dd; }
.situation-block p { color: #45614e; }
.thought-card { background: #fff8e4; border: 1px solid #eee1b7; border-radius: 9px; }
.thought-label { color: #806c3c; }
.thought-label>span { color: #816b35; }
.thought-card p { color: #514b28; font-size: 28px; line-height: 1.2; letter-spacing: -1px; font-weight: 500; }
#quick-answer { color: #796d49; font-size: 12px; }
.context-question-link { color: #6e652f; border-color: #e6d8ad; }
.source-row:hover { background: #f2f7ee; }
.source-index { color: #587b5f; }
.source-row-title { color: #35583e; }
.source-row>span:last-child { color: #5c7866; }
.question-list button { background: #fff; color: #4e6c59; border-color: #c9dcc7; }
.question-list button[aria-pressed=true] { background: #eaf4dd; color: #2f623d; border-color: #9abe88; }
.answer-card { background: #f0f6e9; }
.answer-card p { color: #45624d; }
.demo-open-control { color: #20382d; background: #ff9a3d; border-color: #c46b1d; border-radius: 100px; }
.demo-open-control:hover,.demo-open-control:focus-visible { background: #ffc17b; border-color: #ba6319; box-shadow: 0 0 0 4px #ff9a3d38; }
@keyframes demo-invite-glow {
  0%,100% { transform: scale(1); background-color: #ff9a3d; border-color: #c46b1d; box-shadow: 0 0 0 0 #ff9a3d00,0 2px 7px #20382d15; }
  50% { transform: scale(1.06); background-color: #ffc773; border-color: #d18125; box-shadow: 0 0 0 var(--demo-pulse-spread,6px) #ff9a3d55,0 0 24px #ff9a3d66,0 4px 10px #20382d15; }
}
.hero-product .is-demo-preview .workspace-body { filter: none; }
.hero-product .demo-launchpad { padding: 20px; align-items: end; background: linear-gradient(0deg,#fffffffa,transparent 50%); }
.hero-product .demo-launch-card { display: grid; grid-template-columns: 1fr auto; width: min(650px,100%); max-width: none; gap: 0 20px; align-items: center; text-align: left; padding: 20px 25px; background: #20382d; color: #fff; border: 1px solid #51705c; border-radius: 13px; box-shadow: 0 14px 35px #20382d30; }
.hero-product .demo-launch-label { display: none; }
.hero-product .demo-launch-card h3 { color: #fff; font-size: 20px; font-weight: 500; letter-spacing: -.6px; margin: 0; }
.hero-product .demo-launch-card p { color: #cfdecf; font-size: 11px; line-height: 1.6; margin-top: 6px; grid-row: 2; }
.hero-product .demo-launch-button { grid-column: 2; grid-row: 1/3; margin: 0; color: #20382d; background: #ff9a3d; border-radius: 100px; padding: 14px 20px; gap: 25px; font-size: 12px; min-height: 44px; box-shadow: none; }
.hero-product .demo-launch-button:hover { background: #ffc17b; }
.hero-product .demo-launch-button:focus-visible { outline-color: #fff; }
.hero-bottom { display: flex; align-items: center; justify-content: space-between; margin-top: 30px; font-size: 10px; color: #fff; text-shadow: 0 1px 5px #20382d; }
.motion-toggle { color: #456451; background: #ffffffd9; border-color: #a7bfa8; border-radius: 100px; }
.space-section { position: relative; z-index: 10; display: grid; grid-template-columns: 1fr 1.6fr; gap: 10%; background: #fff; padding: 100px 7.5%; border-top: 1px solid #dce6db; }
.space-section h2 { font-size: clamp(43px,5vw,76px); line-height: 1.07; margin-top: 22px; }
.space-section p { margin-top: 23px; color: #5f7767; font-size: 14px; }
.space-strip { display: flex; flex-direction: column; }
.space-choice { text-align: left; display: grid; grid-template-columns: 1fr auto; gap: 9px 16px; padding: 26px 22px; border-top: 1px solid #d1dfd0; color: #20382d; background: #fff; border-left: 3px solid #12c975; transition: background .2s,padding .2s; }
.space-choice:nth-child(2) { border-left-color: #c6cf23; }
.space-choice:nth-child(3) { border-left-color: #ff9a3d; border-bottom: 1px solid #d1dfd0; }
.space-choice:hover { background: #f1f8ea; padding-left: 30px; }
.space-choice:nth-child(2):hover { background: #fafbea; }
.space-choice:nth-child(3):hover { background: #fff6e8; }
.space-index { font-size: 10px; color: #617964; text-transform: uppercase; letter-spacing: .06em; }
.space-choice>span:not(.space-index):not(.space-arrow) { font-size: 24px; letter-spacing: -.8px; font-weight: 500; }
.space-choice small { font-size: 12px; color: #6a7c6b; }
.space-arrow { grid-column: 2; grid-row: 1/4; align-self: center; font-size: 31px; }
.screen-tour { --section-surface: #20382d; color: #fff; }
.screen-tour .eyebrow { color: #ffbb76; }
.screen-tour h2,.screen-scroll .screen-tour-heading h2 { color: #fff; font-size: clamp(40px,4.8vw,74px); line-height: 1.07; font-weight: 500; }
.screen-tour h2 em { color: #ffad5e; }
.screen-tour-heading>p,.screen-scroll .screen-tour-heading>p { color: #bed0c0; font-size: 13px; }
.screen-tour-layout,.screen-scroll .screen-tour-layout { display: grid; grid-template-columns: 190px minmax(0,1fr); gap: 34px; min-height: 0; }
.screen-tabs,.screen-scroll .screen-tabs { display: flex; flex-direction: column; gap: 10px; align-self: start; padding-top: 8px; }
.screen-tabs button { color: #c0d4c3; background: transparent; border: 1px solid #ffffff20; border-radius: 10px; padding: 15px; font-size: 12px; min-height: 55px; }
.screen-tabs button:hover { background: #ffffff0d; }
.screen-tabs button[aria-selected=true] { color: #20382d; background: #fff; border-color: #fff; box-shadow: 0 6px 22px #071c1640; }
.screen-tab-number { opacity: .65; }
.screen-tab-arrow { color: #3e6c44; }
.screen-gallery,.screen-scroll .screen-gallery { min-height: 0; min-width: 0; }
.screen-image-button { background: #fff; border-color: #ffffff66; border-radius: 12px; box-shadow: 0 25px 65px -10px #00140f80; }
.screen-image-button:hover { box-shadow: 0 30px 80px -10px #00140faa; }
.screen-enlarge { color: #20382d; background: #ffad5e; border-color: #d4873a; border-radius: 100px; }
.screen-image-button:hover .screen-enlarge { background: #ffc17b; }
.screen-caption-title>span { color: #b3c6b0; }
.screen-caption-title h3,.screen-scroll .screen-caption-title h3 { color: #fff; font-size: 27px; font-weight: 450; letter-spacing: -1px; }
.screen-pane figcaption p,.screen-scroll .screen-pane figcaption p,.screen-build-note,.screen-scroll .screen-build-note { color: #bccdbb; border-color: #ffffff22; }
.screen-tour button:focus-visible { outline-color: #ffad5e; }
.product-story { --section-surface: #fff; color: #20382d; }
.product-story .eyebrow { color: #5d795f; }
.story-heading h2 { font-size: clamp(48px,5.4vw,82px); }
.story-heading h2 em { color: #965018; }
.story-heading>p,.story-row p { color: #5a7463; font-size: 15px; }
.story-rows,.story-row,.local-note { border-color: #cbdcca; }
.story-number,.story-row:nth-child(2) .story-number,.story-row:nth-child(3) .story-number { background: #dcf4ce; color: #315d3d; border-radius: 9px; }
.story-row:nth-child(2) .story-number { background: #f3f3ba; }
.story-row:nth-child(3) .story-number { background: #ffe4bd; }
.story-row h3 { font-size: 33px; line-height: 1.14; color: #20382d; font-weight: 500; letter-spacing: -1.5px; }
.story-detail { color: #668267; }
.local-note>span { color: #466f4e; }
.local-note p { color: #647f68; }
.closing { --section-surface: var(--spectrum); color: #20382d; padding: 60px 7.5% 35px; min-height: 650px; border: 0; }
.closing .eyebrow,.closing .text-button { color: #294d31; }
.closing .text-button:hover { color: #14291d; }
.closing h2 { font-size: clamp(76px,10.3vw,162px); color: #20382d; font-weight: 550; line-height: 1.02; margin: 75px 0 30px; }
.closing h2 em { color: #20382d; }
.closing-cta { display: inline-flex; align-items: center; gap: 44px; background: #20382d; color: #fff; border-radius: 100px; padding: 17px 23px; font-size: 13px; margin-bottom: 85px; }
.closing-cta:hover { background: #355c41; }

@property --button-light-angle {
  syntax: '<angle>';
  inherits: false;
  initial-value: 0deg;
}

/* Two warm highlights travel along the existing rounded button border. */
:is(.header-cta,.primary-button,.demo-launch-button,.closing-cta) { position: relative; isolation: isolate; }
:is(.header-cta,.primary-button,.demo-launch-button,.closing-cta)::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: inherit;
  pointer-events: none;
  background: radial-gradient(ellipse 110px 75px at var(--button-pointer-x,50%) var(--button-pointer-y,50%), var(--button-pointer-core,#fff8d36b), transparent 72%);
  opacity: var(--button-pointer-on,0);
  transition: opacity .2s ease;
}
.closing-cta { --button-pointer-core: #ffc73330; }
:is(.header-cta,.primary-button,.demo-launch-button,.closing-cta)::after {
  content: '';
  position: absolute;
  inset: -1px;
  padding: 2px;
  border-radius: inherit;
  pointer-events: none;
  background:
    radial-gradient(circle 68px at var(--button-pointer-x,50%) var(--button-pointer-y,50%), rgb(255 255 238 / var(--button-pointer-on,0)), rgb(255 234 170 / calc(var(--button-pointer-on,0) * .75)) 26%, transparent 72%),
    conic-gradient(from var(--button-light-angle), transparent 0deg 116deg, #ffc73355 146deg, #ffe7a9 170deg, #fffdf1 175deg, transparent 180deg 296deg, #ffc73355 326deg, #ffe7a9 350deg, #fffdf1 355deg, transparent 360deg);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  animation: button-border-light 4s linear infinite;
}
.primary-button::after { animation-delay: -1.2s; }
.demo-launch-button::after { animation-delay: -2.4s; }
.closing-cta::after { animation-delay: -.6s; }
@keyframes button-border-light { to { --button-light-angle: 360deg; } }
.motion-paused :is(.header-cta,.primary-button,.demo-launch-button,.closing-cta)::after { animation-play-state: paused; }
.closing-bottom { border-color: #20382d44; color: #355939; }
.closing-bottom .footer-brand { display: flex; align-items: center; gap: 8px; color: #20382d; font-size: 26px; font-weight: 600; }
.footer-star { position: relative; display: inline-block; width: 50px; height: 50px; flex: 0 0 50px; isolation: isolate; }
.footer-star::before { content: ''; position: absolute; inset: -45%; z-index: -1; pointer-events: none; background: radial-gradient(ellipse, #ffffe5dc 0%, #ffffeb9c 26%, #fff8dc38 50%, transparent 72%); filter: blur(7px); }
.footer-star-svg { display: block; width: 100%; height: 100%; overflow: visible; filter: drop-shadow(0 0 2px #ffffe5a6); }
.source-dialog,.screen-dialog,.workspace-demo-dialog { color: #20382d; background: #fff; border-color: #c5d7c7; border-radius: 15px; box-shadow: 0 30px 100px #20382d55; }
.source-dialog::backdrop,.screen-dialog::backdrop,.workspace-demo-dialog::backdrop { background: #152a21b8; }
.source-dialog h3 { color: #20382d; font-size: 31px; }
.dialog-close,.screen-dialog-bar button { color: #20382d; background: #ebf2e6; border-color: #c2d5ba; }
.source-toolbar,.source-demo-note,.line-number,.screen-dialog-bar>a,.screen-dialog>p,.demo-dialog-bar p { color: #5c7563; }
.source-toolbar select { color: #345f3e; border-color: #c2d5ba; background: #fff; }
.source-lines li { color: #506f59; }
.source-lines .cited-line { background: #edf7dc; color: #2c5938; border-color: #719c55; }
.workspace-panel button:focus-visible,.source-dialog button:focus-visible,.source-dialog select:focus-visible { outline-color: #367042; }
.demo-continue { background: #20382d; color: #fff; border-radius: 100px; }
.demo-continue:hover { background: #41634b; }
.noscript-note { color: #20382d; background: #d9efb5; }
@media(min-width:1600px) { .solar-hero { padding-left: max(6%,calc((100vw - 1480px)/2)); padding-right: max(6%,calc((100vw - 1480px)/2)); } }
@media(max-width:1100px) {
  .header nav { gap: 20px; }
  .solar-hero h1 { font-size: 9vw; }
  .solar-hero .hero-copy { max-width: 72%; }
  .hero-product { padding: 36px 3.5% 22px; }
  .product-preview-label h2 { font-size: 34px; }
  .hero-product .workspace-body { grid-template-columns: 145px minmax(0,1fr); }
  .hero-product .workspace-content { padding: 22px; }
  .screen-tour-layout,.screen-scroll .screen-tour-layout { grid-template-columns: 160px minmax(0,1fr); gap: 24px; }
}
@media(max-width:900px) {
  .header nav { display: none; }
  .header-cta { margin-left: auto; }
  .hero-product .overview-grid { grid-template-columns: 1fr; }
  .hero-product .thought-card { display: none; }
  .product-preview-label { align-items: start; }
  .product-preview-label p { max-width: 180px; }
}
@media(max-width:760px) {
  .header { height: 84px; padding: 0 5%; gap: 12px; }
  .wordmark { gap: 4px; }
  .wordmark .brand-symbol { width: 36px; height: 36px; }
  .wordmark .brand-wordmark { width: 129px; }
  .header-cta { font-size: 10px; padding: 11px 12px; gap: 10px; }
  .solar-hero { padding: 0 6% 25px; }
  .solar-intro { min-height: 650px; padding: 160px 0 100px; }
  .solar-hero .hero-copy { max-width: none; }
  .solar-hero h1 { font-size: clamp(46px,9.9vw,76px); line-height: 1.09; }
  .solar-hero .hero-copy .eyebrow { font-size: 9px; margin-bottom: 24px; }
  .solar-hero .hero-copy p { font-size: 14px; max-width: 300px; margin-top: 25px; }
  .solar-hero .hero-actions { gap: 20px; margin-top: 26px; }
  .primary-button { padding: 14px 18px; font-size: 12px; gap: 20px; }
  .hero-screens-link { font-size: 11px; }
  .solar-wheel { width: 115vmin; opacity: .27; }
  .corona-layer canvas { opacity: .32; }
  .intro-foot { bottom: 26px; font-size: 9px; }
  .intro-foot>span { max-width: 150px; }
  .intro-foot a { gap: 14px; }
  .hero-product { margin-top: 10px; padding: 26px 12px 20px; border-radius: 17px; }
  .product-preview-label { display: block; margin: 0 6px 24px; }
  .product-preview-label h2 { font-size: 28px; margin-top: 10px; }
  .product-preview-label p { max-width: none; margin-top: 14px; font-size: 11px; }
  .product-preview-label p br { display: none; }
  .hero-product .workspace-panel { min-height: 0; height: 480px; }
  .hero-product .workspace-body { min-height: 0; height: calc(100% - 38px); }
  .hero-product .workspace-content { padding: 18px 14px 120px; overflow: hidden; }
  .hero-product .window-bar { padding: 0 8px; gap: 6px; }
  .window-brand .brand-symbol { width: 21px; height: 21px; }
  .window-brand .brand-wordmark { width: 81px; }
  .hero-product .avatar { display: none; }
  .hero-product .demo-open-control { font-size: 8px; padding: 6px; gap: 4px; }
  .hero-product .demo-launchpad { padding: 9px; }
  .hero-product .demo-launch-card { padding: 15px; gap: 0 12px; }
  .hero-product .demo-launch-card h3 { font-size: 15px; }
  .hero-product .demo-launch-card p { font-size: 10px; }
  .hero-product .demo-launch-button { padding: 10px 12px; font-size: 11px; gap: 10px; }
  .preview-footnote { font-size: 9px; margin-top: 22px; gap: 8px; }
  .context-heading h3 { font-size: 23px; }
  .space-section { padding: 55px 6%; grid-template-columns: 1fr; gap: 32px; }
  .space-section h2 { font-size: 45px; }
  .space-choice { padding: 23px 19px; }
  .space-choice>span:not(.space-index):not(.space-arrow) { font-size: 21px; }
  .screen-tour-layout,.screen-scroll .screen-tour-layout { display: flex; flex-direction: column; gap: 0; }
  .screen-tabs,.screen-scroll .screen-tabs { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); width: 100%; gap: 6px; padding: 0; margin-bottom: 14px; flex: none; }
  .screen-tabs button,.screen-scroll .screen-tabs button { padding: 10px; min-height: 40px; font-size: 11px; }
  .screen-scroll .screen-gallery { flex: 1; }
  .screen-tour h2,.screen-scroll .screen-tour-heading h2 { font-size: 37px; }
  .screen-caption-title h3,.screen-scroll .screen-caption-title h3 { font-size: 23px; }
  .screen-scroll .screen-pane figcaption p { font-size: 11px; }
  .story-heading h2 { font-size: 44px; }
  .story-row h3 { font-size: 29px; }
  .closing { padding: 45px 6% 25px; min-height: 0; }
  .closing h2 { font-size: clamp(52px,10.8vw,83px); margin: 60px 0 30px; }
  .closing-cta { margin-bottom: 60px; padding: 15px 19px; font-size: 12px; }
  .closing-bottom .footer-brand { font-size: 21px; }
  .footer-star { width: 38px; height: 38px; flex-basis: 38px; }
}
@media(max-width:380px) {
  .wordmark .brand-wordmark { width: 113px; }
  .wordmark .brand-symbol { width: 32px; height: 32px; }
  .header-cta { padding: 10px; font-size: 9px; }
  .solar-hero h1 { font-size: 43px; }
  .solar-hero .hero-copy .eyebrow { font-size: 8px; }
  .hero-product .demo-launch-card { grid-template-columns: 1fr; }
  .hero-product .demo-launch-card p { display: none; }
  .hero-product .demo-launch-button { grid-column: 1; grid-row: 2; margin-top: 12px; }
}
@media(max-height:500px) {
  .screen-scroll>.screen-tour-stage { padding-top: 12px; padding-bottom: 12px; }
  .screen-scroll .screen-tour-heading { margin-bottom: 10px; }
  .screen-scroll .screen-tour-heading h2 { font-size: 25px; margin: 0; }
  .screen-scroll .screen-tour-heading .eyebrow,.screen-scroll .screen-tour-heading>p,.screen-scroll .screen-build-note,.screen-scroll .screen-pane figcaption p { display: none; }
  .screen-scroll .screen-pane figcaption { flex-basis: 40px; margin-top: 10px; }
  .screen-scroll .screen-caption-title h3 { font-size: 21px; }
}
@media(max-width:760px) and (max-height:500px) {
  .screen-tabs,.screen-scroll .screen-tabs { grid-template-columns: repeat(4,minmax(0,1fr)); margin-bottom: 8px; }
  .screen-tabs button,.screen-scroll .screen-tabs button { padding: 6px; min-height: 30px; font-size: 9px; }
}
@media(prefers-reduced-motion:reduce) {
  :is(.header-cta,.primary-button,.demo-launch-button,.closing-cta)::after { display: none; }
  .solar-hero .hero-copy { margin: 0; }
  .hero-product .workspace-panel { transform: none; margin: 0; }
  .hero-product .workspace-body { min-height: 0; }
}