/* Reserve the visible first screen, with stable small-viewport units on mobile. */
:root{--site-chrome:101px;--first-screen:100vh;--stage-scale:.8}@supports(height:100svh){:root{--first-screen:100svh}}
.review-note{min-height:25px;padding-top:4px;padding-bottom:4px}.site-header{min-height:76px;padding-top:10px;padding-bottom:10px}.site-header .brand-image{width:210px}
.hero{min-height:0;height:calc(var(--first-screen) - var(--site-chrome));padding-top:12px;grid-template-columns:1.04fr 1fr;grid-template-rows:minmax(0,1fr) 55px;align-items:center;overflow:hidden;column-gap:24px}
.hero-copy{padding:8px 0;min-width:0}.hero .eyebrow{margin-bottom:18px}.hero h1{font-size:clamp(43px,5.6vw,78px)}.hero-description{font-size:16px;line-height:1.5;margin:20px 0 22px;max-width:390px}.hero-controls{margin-top:10px;gap:18px}.motion-notice{margin-top:4px}.hero-footer{margin:0;padding:7px 0;align-self:stretch;grid-column:1/-1}
.stage-fit{position:relative;width:100%;height:100%;min-width:0;min-height:0;z-index:1;isolation:isolate}
.stage-fit .clay-stage{position:absolute;width:500px;height:540px;max-width:none;min-width:0;left:50%;top:50%;margin:0;padding:0;scale:none;transform:translate(-50%,-50%) scale(var(--stage-scale))!important;transform-origin:center;transition:none}
.stage-fit .clay-browser{width:355px}.stage-fit .clay-screen{min-height:255px}.stage-fit .clay-screen strong{font-size:34px}.stage-fit .demo-shapes{height:82px}.stage-fit .demo-shapes i{width:66px;height:66px}.stage-fit .demo-shapes i:nth-child(3){width:43px;height:43px}
.stage-fit .stage-orbit{width:450px;height:330px}.stage-fit .purple-ball{width:190px;height:190px;left:-18px;bottom:60px}.stage-fit .rose-ball{width:125px;height:125px;right:13px;top:2px}.stage-fit .plum-ball{width:88px;height:88px;right:5px;bottom:45px}.stage-fit .concept-caption{bottom:-10px;font-size:11px}.stage-fit .clay-stage:before{bottom:16px}
@media(max-width:1000px){.hero{column-gap:12px}.hero h1{font-size:clamp(38px,5.9vw,65px)}#main-nav{gap:18px}.hero-description{font-size:15px}}
@media(max-width:700px) and (orientation:portrait){.site-header{min-height:62px;padding-top:7px;padding-bottom:7px}.site-header .brand-image{width:175px}.hero{height:calc(var(--first-screen) - var(--site-chrome));grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr) 43px;padding-top:8px;row-gap:0}.hero-copy{padding:4px 0 0}.hero .eyebrow{font-size:8px;margin-bottom:10px}.hero h1{font-size:clamp(31px,8.8vw,43px);line-height:1;letter-spacing:-.055em}.hero h1 br{display:none}.hero-description{font-size:14px;line-height:1.4;margin:10px 0 12px;max-width:480px}.hero .button{min-height:42px;padding:10px 17px;font-size:11px}.hero-controls{margin-top:4px;gap:20px;min-height:36px}.hero-controls a,.intro-replay{font-size:11px;min-height:34px}.motion-notice{font-size:10px;margin:0}.hero-footer{padding:4px 0}.hero-footer>span{display:none}.hero-footer .motion-toggle{min-height:34px;padding:6px 12px;font-size:10px}.hero-footer>a{font-size:8px}.stage-fit{align-self:stretch}.hero:before{top:35%;height:500px;right:-120px}}
@media(max-height:700px) and (min-width:701px){.site-header{min-height:60px;padding-top:5px;padding-bottom:5px}.site-header .brand-image{width:175px}.hero{grid-template-rows:minmax(0,1fr) 42px;padding-top:4px}.hero .eyebrow{margin-bottom:10px;font-size:8px}.hero h1{font-size:clamp(32px,4vw,52px)}.hero-description{font-size:14px;margin:12px 0 15px}.hero-controls{margin-top:4px}.motion-notice{font-size:10px}.hero-footer{padding:4px 0}.hero-footer .motion-toggle{min-height:32px;padding:5px 10px}}
@media(orientation:landscape) and (max-height:500px){.review-note{display:none}.site-header{min-height:48px;padding-top:4px;padding-bottom:4px}.site-header .brand-image{width:150px}.hero{grid-template-columns:1.1fr 1fr;grid-template-rows:minmax(0,1fr) 34px;padding-top:0;column-gap:14px}.hero-copy{padding:3px 0}.hero .eyebrow{display:none}.hero h1{font-size:clamp(25px,4.2vw,37px);line-height:1}.hero-description{font-size:12px;line-height:1.3;margin:6px 0 7px;max-width:390px}.hero .button{min-height:34px;padding:6px 13px;font-size:10px}.hero-controls{margin-top:0;gap:14px;min-height:30px}.hero-controls a,.intro-replay{font-size:10px;min-height:30px}.motion-notice{font-size:9px;margin:0}.hero-footer{padding:0}.hero-footer>span{display:none}.hero-footer .motion-toggle{min-height:29px;font-size:9px}.hero-footer>a{font-size:7px}.hero:before{top:0}.site-header #main-nav{font-size:10px;gap:18px}.nav-cta{padding:8px 13px}}
/* At extreme short heights or text zoom, prioritize readable flow over clipping. */
@media(max-height:280px){.hero{height:auto;min-height:330px;grid-template-rows:minmax(260px,1fr) 35px}}
@media print{.hero{height:auto}.stage-fit{display:none}}
@media(min-width:641px) and (max-width:900px){.site-header .brand-image{width:175px}#main-nav{gap:14px;font-size:11px}.nav-cta{gap:14px;padding:10px 14px}}
.hero.needs-readable-flow{height:auto;min-height:calc(var(--first-screen) - var(--site-chrome))}.hero.needs-readable-flow .stage-fit{min-height:220px}