/* Shared edges, stable columns, and aligned baselines across the narrative. */
:root{--section-gap:clamp(32px,4.5vw,64px)}
:is(.split,.integrated-heading,.consequence-heading,.consumer-product-head,.life-explorer-head,.opportunity-heading,.opportunity-model-heading,.hsos-foundation){grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:var(--section-gap)}
:is(.integrated-heading,.consequence-heading,.consumer-product-head,.opportunity-heading)>p{max-width:none}
:is(.architecture,.mind-layout,.product-gallery,.opportunity-path,.life-steps,.possibility-grid,.hsos-release-path)>*{min-width:0}
/* Keep each division's image, heading, description, and link on matching lines. */
.tech-card{justify-content:flex-start}.tech-card-main{padding-top:330px;padding-bottom:34px}.tech-explore{margin-top:auto;align-self:flex-start}.tech-card-main>p{min-height:0;max-width:390px}
.machine-core{width:176px;height:176px;left:calc(50% - 88px);top:54px}.machine-core .home-hsos-mark{margin:10px 0;width:48px;height:48px}.machine-core .hsos-home-wordmark>img{width:102px}.machine-core .hsos-home-wordmark>small{font-size:11px}
/* Inquiry controls form a level, consistent list. Perspective remains on scroll. */
.mind-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--section-gap);align-items:stretch;margin-top:60px}.strata{perspective:none;display:grid;gap:12px}.stratum:nth-child(n){width:100%;margin:0;transform:none;border-radius:0;min-height:72px;padding:18px 22px}.stratum.active,.stratum:hover{transform:none}.depth-dialogue{padding:32px 0 32px 36px;border-left:1px solid var(--line);display:flex;flex-direction:column;justify-content:center}.depth-dialogue .eyebrow{margin-bottom:25px}.depth-dialogue h3{min-height:2.4em}.depth-dialogue #depth-description{min-height:3.6em;max-width:460px}.depth-application{margin-top:28px}.depth-application p{margin-top:0}
/* One selector row, followed by a diagram and its aligned explanation. */
.architecture{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:36px var(--section-gap);align-items:stretch;margin-top:55px}.architecture>.layer-buttons{grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0;padding-bottom:30px;border-bottom:1px solid var(--line)}.layer-buttons button{min-height:74px;border-radius:0;padding:18px 22px}.architecture-visual{display:flex;align-items:center;justify-content:center}.wisdom-map{width:100%;padding:0}.output-row{gap:0}.output-row>div{gap:15px}.output-row span{flex:0 0 auto}.output-row .framework-icon{width:56px;height:56px}.wisdom-branches{height:70px}.source-core{padding:0;gap:15px;align-items:center}.wisdom-core-symbol{width:110px;height:110px}.wisdom-core-symbol .framework-icon{width:60px;height:60px}.source-core small{margin-top:6px}.layer-detail{border-left:1px solid var(--line);padding:8px 0 8px 36px;display:flex;flex-direction:column;justify-content:center}.layer-detail-graphic{height:72px;margin-bottom:24px}.layer-detail-graphic>.framework-icon{width:66px;height:66px}.layer-detail .eyebrow{margin-bottom:20px}.layer-detail h3{margin-bottom:20px;font-size:clamp(32px,3.2vw,45px);min-height:1.2em}.layer-detail #layer-copy{font-size:17px;line-height:1.7;min-height:3.4em}.layer-example{margin-top:24px;padding-left:18px;min-height:3.4em}.layer-example p{margin-top:0;line-height:1.7}.architecture>.execution-boundary{grid-column:1/-1;display:flex;align-items:baseline;justify-content:space-between;gap:24px;margin:0;padding-top:24px;border-top:1px solid var(--line)}.execution-boundary p{margin:0}.privacy-line{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--section-gap);margin-top:35px;padding-top:25px}
/* Repeated content shares rows even when a heading wraps. */
.opportunity-path{row-gap:0}.opportunity-path article{display:grid;grid-template-rows:subgrid;grid-row:span 4}.life-steps{row-gap:0}.life-steps article{display:grid;grid-template-rows:subgrid;grid-row:span 5}.life-steps a,.life-steps small{align-self:end}.possibility-grid{row-gap:0}.possibility-grid article{display:grid;grid-template-rows:subgrid;grid-row:span 4}.hsos-release-path{row-gap:0}.hsos-release-path article{display:grid;grid-template-rows:subgrid;grid-row:span 5}.hsos-release-path p{min-height:0}.hsos-stage-detail{align-self:end}
.opportunity-stat{display:grid;grid-template-rows:subgrid;grid-row:span 4}.opportunity-market{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:0;align-items:stretch}.opportunity-market-intro{grid-row:span 4;align-self:center}.opportunity-stat>p,.opportunity-stat>span,.opportunity-stat>a{min-height:0}.opportunity-stat>strong{display:block}.opportunity-market-intro>span{max-width:none}
.product-gallery figure{display:flex;flex-direction:column;align-items:center}.product-gallery figcaption{width:min(100%,275px);margin:26px 0 0}.product-gallery figcaption h3{line-height:1.35;margin:0}.journal-vision{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--section-gap);align-items:start}.journal-day{padding:0}.journal-date{display:block;line-height:1.5}.journal-vision .eyebrow{margin-bottom:25px}.journal-day>div:first-of-type{margin-top:20px}.journal-day>div{padding:20px 0}
/* The demo follows the same page margins and section rhythm. */
.hsos-simulation-section{padding-top:100px;padding-bottom:100px}.hsos-simulation-section .sim-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--section-gap);padding-top:0;padding-bottom:0;margin-bottom:55px;align-items:end}.sim-intro>p{max-width:none}.hsos-simulation{width:calc(100% - 2 * var(--pad));max-width:calc(1440px - 2 * var(--pad))}.hsos-foundation{align-items:start}.hsos-foundation p{max-width:none}
@media(min-width:761px) and (max-width:1050px){.tech-card{padding-inline:28px}.tech-card h2{font-size:clamp(43px,5.4vw,58px)}.architecture{column-gap:30px}.layer-detail{padding-left:26px}.layer-buttons button{padding:16px 13px;gap:10px}.layer-buttons button>span{font-size:14px}.layer-buttons button .framework-icon{width:24px;height:24px}.opportunity-stat{padding-left:22px}.hsos-release-path{column-gap:24px}.hsos-stage-art{height:150px}.hsos-release-path h3{font-size:28px}.journal-vision{padding:36px;gap:32px}.team-roster{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}}
@media(max-width:760px){:is(.split,.integrated-heading,.consequence-heading,.consumer-product-head,.life-explorer-head,.opportunity-heading,.opportunity-model-heading,.hsos-foundation){grid-template-columns:minmax(0,1fr);gap:26px}.tech-card-main{padding-top:310px;padding-bottom:30px}.tech-card{min-height:740px}.machine-core{top:54px}.mind-layout{grid-template-columns:1fr;gap:30px;margin-top:40px}.strata{gap:9px}.stratum:nth-child(n){padding:17px 16px;min-height:64px}.depth-dialogue{padding:26px 0 0;border-left:0;border-top:1px solid var(--line)}.depth-dialogue h3{min-height:0}.depth-dialogue #depth-description{min-height:0}.architecture{grid-template-columns:1fr;gap:30px;margin-top:40px}.architecture>.layer-buttons{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding-bottom:25px}.layer-buttons button{padding:16px 13px;min-height:68px}.layer-buttons button>span{font-size:15px}.architecture-visual{padding:5px 0 15px}.layer-detail{padding:26px 0 0;border-left:0;border-top:1px solid var(--line)}.layer-detail-graphic{height:60px;margin-bottom:20px}.layer-detail-graphic>.framework-icon{width:56px;height:56px}.layer-detail h3{font-size:34px;min-height:0}.layer-detail #layer-copy,.layer-example{min-height:0}.architecture>.execution-boundary{display:block;padding-top:23px}.execution-boundary p{margin-top:10px}.privacy-line{grid-template-columns:1fr;gap:14px;margin-top:28px}.opportunity-market{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 22px}.opportunity-market-intro{grid-column:1/-1;grid-row:auto;margin-bottom:30px}.opportunity-stat{padding:0}.opportunity-stat>p{margin-top:15px}.opportunity-stat>a{margin-top:14px}.opportunity-path,.life-steps,.possibility-grid{gap:42px}.opportunity-path article,.life-steps article,.possibility-grid article{grid-template-rows:none;grid-row:auto;display:flex;flex-direction:column}.opportunity-path .framework-art,.life-steps .framework-art,.possibility-grid .framework-art{flex-shrink:0}.hsos-release-path{row-gap:0;column-gap:24px}.hsos-release-path article{margin-bottom:35px}.hsos-stage-detail{min-height:0}.journal-vision{grid-template-columns:1fr;padding:30px 24px;gap:35px}.journal-day>div{padding:20px 0}.journal-vision h3{font-size:29px}.hsos-simulation-section{padding-top:70px;padding-bottom:70px}.hsos-simulation-section .sim-intro{grid-template-columns:1fr;gap:24px;margin-bottom:35px}.sim-intro h2{font-size:46px}.hsos-simulation{width:calc(100% - 2 * var(--pad));max-width:none}.sim-command{flex-wrap:wrap;gap:12px}.sim-concept{margin-left:auto}.model-boundary>span{min-width:0}.consequence-footer{align-items:flex-start}}
@media(max-width:360px){.layer-buttons button{padding:14px 10px;gap:9px}.layer-buttons button>span{font-size:14px}.hsos-release-path{grid-template-columns:1fr;row-gap:15px}.hsos-release-path article{grid-template-rows:none;grid-row:auto}.hsos-stage-art{height:125px}.hsos-stage-detail{margin-top:20px}.opportunity-stat>strong{font-size:43px}.hsos-simulation .sim-scenarios{gap:8px;padding-inline:14px}.sim-scenarios button{font-size:14px}}
/* Keep the payment flow within the demo's shared page margins. */
@media(max-width:360px){.tech-card h2{font-size:44px}}

.product-gallery:focus-visible{outline:1px solid #a9c3b3;outline-offset:8px}

/* Phone controls stay clear of content and browser chrome. */
@media(max-width:760px){
 .sound-control{top:15px;bottom:auto;right:calc(var(--pad) + 76px);width:44px;height:44px;min-height:44px;padding:0;justify-content:center;gap:0;border-radius:50%}
 .sound-control .sound-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 header .brand{font-size:20px;gap:10px}
 .menu{min-height:44px}
 .hero{height:auto;min-height:calc(100svh - 74px);max-height:none;padding:64px 24px 80px}
 .hero h1{font-size:clamp(36px,9.4vw,52px);line-height:1.1}
 .hero .lead{font-size:18px;line-height:1.55;margin:30px auto 26px;max-width:340px}
 .hero .text-link{margin-top:12px}
 .hsos-product-nav{position:relative;top:auto}
 .sim-scenarios button{min-width:0;overflow-wrap:break-word}
 .sim-scene-title h3{font-size:clamp(21px,6vw,26px)}
 .sim-floating-state{gap:10px;align-items:flex-start;line-height:1.5}
 .sim-floating-state>span:last-child{min-width:0;overflow-wrap:break-word}
 .sim-controls{flex-wrap:wrap;gap:8px}
 footer{padding-bottom:40px}
}
@media(max-width:360px){
 .hsos-product-nav{align-items:flex-start;flex-direction:column;gap:16px}
 .hsos-product-nav>div{width:100%;justify-content:space-between}
 .sim-scenarios{flex-wrap:wrap}
 .sim-scenarios button{font-size:13px}
 .model-toolbar{flex-wrap:wrap}
 .model-toolbar button{margin-left:auto}
 .model-node-label p{font-size:13px}
}
@media(min-width:761px) and (max-width:1000px) and (max-height:500px){
 header{height:74px}
 header .brand{font-size:20px;gap:10px}
 header nav{display:none;position:absolute;top:74px;left:0;right:0;padding:26px;background:#0a0d0b;border-bottom:1px solid var(--line)}
 header nav.open{display:flex;flex-direction:column;gap:18px;max-height:calc(100svh - 74px);overflow-y:auto}
 .menu{display:block;min-height:44px;background:none;color:#c7ceca;border:1px solid #68786e;padding:7px 13px;font-size:13px}
 .sound-control{top:15px;bottom:auto;right:calc(var(--pad) + 76px);width:44px;height:44px;padding:0;justify-content:center;gap:0}
 .sound-control .sound-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
}

/* A quieter reading flow with the live scene as the focal point. */
.hsos-simulation .sim-stage{display:block;min-height:0}
.hsos-simulation .sim-world{width:100%;min-height:620px}
.hsos-simulation .sim-scenarios{justify-content:center;gap:clamp(24px,5vw,72px)}
.hsos-simulation .sim-narrative{gap:48px;min-height:160px;padding:30px 36px}
.hsos-simulation .sim-os-line p{font-size:clamp(20px,1.8vw,26px);min-height:76px}
.hsos-simulation .sim-playback{padding:20px 36px 24px}
.hsos-simulation .sim-playback-top{margin-bottom:0}
.hsos-simulation .sim-controls button{min-height:44px}
.model-toolbar{justify-content:space-between}
.outlook-source{font-size:12px;line-height:1.7;margin-top:22px}
.outlook-source summary{cursor:pointer;color:#aab7ae;min-height:44px;display:list-item;padding:10px 0;list-style-position:inside}
.outlook-source[open]>a,.outlook-source[open]>span{display:block;margin-top:8px}
.outlook-source summary:focus-visible{outline:1px solid #b5c7ba;outline-offset:4px}
.consumer-next{padding-top:70px;padding-bottom:80px}
@media(max-width:760px){
 .hsos-simulation .sim-world{min-height:510px}
 .hsos-simulation .sim-scenarios{gap:20px;padding-inline:18px;justify-content:space-between;flex-wrap:nowrap}
 .hsos-simulation .sim-scenarios button{display:block;text-align:left;font-size:13px;padding:18px 0;line-height:1.5}
 .hsos-simulation .sim-scenarios button>span{display:block;margin-bottom:4px;font-size:9px}
 .hsos-simulation .sim-narrative{grid-template-columns:1fr;gap:24px;padding:24px;min-height:0}
 .hsos-simulation .sim-human-line p{font-size:17px;margin-top:10px}
 .hsos-simulation .sim-os-line p{font-size:21px;min-height:115px;margin-top:12px}
 .hsos-simulation .sim-playback{padding:18px 22px 24px}
 .hsos-simulation .sim-playback-top{flex-wrap:wrap;gap:14px}
 .hsos-simulation .sim-controls{margin-left:auto}
 .consumer-next{padding-top:50px;padding-bottom:60px}
}

:root{--site-width:1440px}
.wrap,.tech-split{max-width:var(--site-width)}
header,footer{padding-left:max(var(--pad),calc((100% - var(--site-width))/2 + var(--pad)));padding-right:max(var(--pad),calc((100% - var(--site-width))/2 + var(--pad)))}

/* Shared spacing between closing statements and their actions. */
.closing .pill{margin-top:clamp(32px,4vw,52px)}
.hs-partner>.hs-cta-row{margin-top:32px}
.hs-contact .contact-invitation{margin-top:32px;margin-bottom:28px}
@media(max-width:760px){.closing .pill{margin-top:32px}.hs-partner>.hs-cta-row{margin-top:28px}.hs-contact .contact-invitation{margin-top:26px;margin-bottom:24px}}

.hs-contact .contact-email{margin-top:0}

/* Enterprise product hero and human founder profiles. */
.enterprise-action-model{margin:0;display:grid;gap:24px;position:relative;max-width:500px;width:100%;padding:30px;border:1px solid #bfd2c224;border-radius:20px;background:radial-gradient(ellipse at 50% 48%,#5a786329,transparent 75%),#0c130f;box-sizing:border-box}
.action-model-brand{display:flex;align-items:center;justify-content:center;gap:14px;padding:4px 0 14px}.action-model-brand img{width:154px;height:auto}.action-model-brand>span{font-size:11px;color:#9eafa3}
.action-model-input{display:grid;grid-template-columns:40px 1fr;gap:4px 14px;align-items:center;max-width:280px;margin:auto}.action-model-input svg{width:40px;height:40px;grid-row:1/3;fill:none;stroke:#bdcfc2}.action-model-input>span,.action-model-review>span{font-size:11px;color:#a4b8ab;letter-spacing:.04em}.action-model-input strong{font-size:17px;font-weight:400}
.action-model-review{position:relative;display:grid;justify-items:center;gap:22px;padding:30px 16px;border:1px solid #bfd2c22c;border-radius:16px;background:#1120187a}.action-model-review:before{content:'';position:absolute;top:-25px;height:24px;width:1px;background:#aec5b660}.action-model-context{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;color:#b5c4b9;font-size:11px}.action-model-review img{width:64px;height:64px;filter:drop-shadow(0 0 20px #b1ceb34a)}.action-model-review strong{font-size:19px;line-height:1.4;text-align:center;font-weight:400;max-width:22ch}
.action-model-outcomes{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;text-align:center;color:#d4e0d7;font-size:12px}.action-model-outcomes span{border-top:1px solid #aac1b23c;padding-top:14px}
.division-hero-enterprise .division-hero-description{max-width:36ch}
@media(max-width:760px){.enterprise-action-model{max-width:460px;margin:auto;padding:24px 20px;gap:20px}.action-model-review{padding:25px 12px;gap:18px}.action-model-context{gap:12px}.action-model-review strong{font-size:18px}.action-model-outcomes{font-size:11px;gap:8px}}