
/* Product-led, six-section homepage refinement */
.hero{padding:82px 0 90px}
.hero-grid{grid-template-columns:1.08fr .92fr;gap:64px}
.hero h1{font-size:clamp(54px,6.1vw,84px);line-height:.98}
.hero-principles{margin-top:32px}
.lab-console .console-monitor{grid-template-columns:repeat(3,1fr)}
.product-section{scroll-margin-top:80px}
.product-grid{gap:76px}
.product-copy h2{font-size:clamp(42px,4.5vw,60px)}
.product-copy p{max-width:490px;font-size:15px;color:#abb9ae}
.product-copy .product-principle{color:#d1e4d8!important}
.product-visual{max-width:580px}
.product-inner{padding:28px}
.principles-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.principles-grid .build-card{min-height:244px;padding:25px 21px}
.principles-grid .build-card h3{font-size:24px;line-height:1.1;margin:56px 0 14px;letter-spacing:-.035em;overflow-wrap:anywhere}
.principles-grid .build-card p{font-size:13px;line-height:1.65;color:#535f56}
.lab-band .rd-grid{display:block}
.lab-band .rd-stages{grid-template-columns:repeat(3,minmax(0,1fr))}
.lab-band .stage{min-height:136px}
.lab-band .stage p{font-size:11px;color:#a3b4a8;line-height:1.5}
.lab-band .stage strong{font-size:15px;color:#e3ede5}
.lab-band .rd-status{font-size:10px;color:#aab8ad}
.method-actions{display:flex;gap:27px;flex-wrap:wrap;margin-top:26px}
.method-actions a{color:#bfe9d6;font-weight:650;font-size:13px;border-bottom:1px solid #4f7363;padding-bottom:7px}
.method-actions a:hover{color:#fff}
.company-section .company-copy p{max-width:540px}
.company-facts strong{overflow-wrap:anywhere}
.final-explore{background:#080d0a;color:#f5faf7}
.final-explore-grid{display:grid;grid-template-columns:1fr auto;gap:58px;align-items:end}
.final-explore h2{font-size:clamp(45px,5.5vw,76px);line-height:1;letter-spacing:-.058em;margin:19px 0 22px}
.final-explore h2 em{font:400 1em Georgia,serif;color:var(--green2)}
.final-explore p{font-size:15px;line-height:1.7;color:#a4b9ac;max-width:670px;margin:0}
.final-explore-actions{display:flex;flex-direction:column;gap:17px;align-items:flex-start}
.final-primary{background:var(--green);color:#07120d;border-color:var(--green);white-space:nowrap}
.final-secondary{font-size:13px;color:#d0e0d4;border-bottom:1px solid #506357;padding-bottom:5px}
@media(max-width:1150px){.principles-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:980px){.hero-grid,.product-grid,.final-explore-grid{grid-template-columns:1fr}.hero-grid{gap:44px}.hero-copy{max-width:760px}.lab-console{max-width:650px}.final-explore-actions{flex-direction:row;align-items:center}.principles-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){
.hero{padding:62px 0 70px}.hero h1{font-size:clamp(40px,10.5vw,53px);margin:25px 0 22px;line-height:1.02}
.hero-lead{font-size:15px;line-height:1.65}.hero-principles{margin-top:25px;gap:10px;font-size:9px}
.lab-console{border-radius:16px}.console-top{height:41px}.console-body{padding:18px}.console-title{padding-bottom:11px}.console-title strong{font-size:15px}.console-title span{font-size:20px}
.lab-console .pipe-row{padding:11px;grid-template-columns:20px 1fr auto}.lab-console .pipe-row:nth-child(n+4){display:none}.lab-console .console-monitor,.lab-console .console-footer,.lab-console .pulse-line{display:none}
.principles-grid{grid-template-columns:1fr}.principles-grid .build-card{min-height:0;padding:21px 24px}.principles-grid .build-card h3{margin:18px 0 9px;font-size:24px}.principles-grid .build-card p{margin:0}
.product-grid{gap:30px}.product-inner{padding:20px}.product-copy{order:-1}.ot-logo{height:44px}.product-copy h2{font-size:43px}
.lab-band .rd-main{padding:15px}.lab-band .rd-stages{grid-template-columns:1fr 1fr;gap:8px}.lab-band .stage{min-height:125px;padding:12px}.lab-band .stage p{font-size:10px}.lab-band .stage strong{font-size:13px}.rd-status{gap:10px}.rd-status b{font-size:8px;text-align:right}
.final-explore-actions{flex-direction:column;align-items:stretch}.final-explore .button{width:100%}.final-explore h2{font-size:47px}
}
@media(max-width:380px){.lab-band .rd-stages{grid-template-columns:1fr}.hero h1{font-size:40px}}


/* V3 product showcase - accessible, branded and intentionally non-performance based */
.product-spotlight{position:relative;overflow:hidden;background:radial-gradient(ellipse 68% 100% at 80% 40%, #153024 0%,#0c1510 62%,#09110d 100%);color:#f3faf6;padding:100px 0 112px}
.product-spotlight:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(150,220,175,.032) 1px,transparent 1px),linear-gradient(90deg,rgba(150,220,175,.032) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(90deg,transparent,black 48%,black)}
.product-spotlight .shell{position:relative;z-index:1}
.product-spotlight-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:44px}
.product-spotlight-top .section-label{margin:0;color:#72d6b1}
.product-side-note{font-size:9px;font-weight:700;letter-spacing:.17em;color:#91b0a1;display:flex;align-items:center;gap:9px}
.product-side-dot{width:5px;height:5px;background:#87ebad;border-radius:50%;box-shadow:0 0 0 5px rgba(135,235,173,.08)}
.product-spotlight-grid{display:grid;grid-template-columns:minmax(0,.90fr) minmax(0,1.10fr);gap:6.5%;align-items:center}
.product-spotlight-copy{max-width:540px}
.product-spotlight-copy h2{font-size:clamp(66px,6.2vw,98px);line-height:.94;letter-spacing:-.078em;font-weight:790;margin:0 0 24px;overflow-wrap:normal}
.product-heading-period{color:#81e4ac}
.product-subheading{font-size:clamp(22px,2.5vw,31px);font-weight:610;letter-spacing:-.035em;color:#e8f4ed;margin:0 0 25px;line-height:1.18}
.product-description{max-width:435px;font-size:15px;line-height:1.8;color:#a4b9ab;margin:0 0 36px}
.product-manifesto{font-size:clamp(23px,2.8vw,35px);letter-spacing:-.055em;line-height:1.25;font-weight:620;color:#fff;margin:0 0 34px}
.product-manifesto em{font:400 .99em Georgia,serif;letter-spacing:-.047em;color:#a6e9c6}
.product-spotlight-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:38px;background:#a4f0bd;color:#071b11;border:1px solid #a4f0bd;border-radius:10px;padding:15px 21px;font-weight:740;font-size:13px;transition:background .2s,transform .2s}
.product-spotlight-cta:hover{background:#c3f7d3;transform:translateY(-2px)}
.product-spotlight-visual{position:relative;isolation:isolate;padding:15px 0 20px}
.product-orbit{position:absolute;z-index:-1;inset:5% -4%;background:radial-gradient(ellipse at 50% 42%,rgba(66,183,106,.18),rgba(66,183,106,0) 64%);filter:blur(16px)}
.ot-showcase{border:1px solid #355541;background:#0c1510;border-radius:24px;box-shadow:0 42px 90px rgba(0,0,0,.32),0 0 0 8px rgba(126,217,152,.025);overflow:hidden;transform:none}
.ot-showcase-top{padding:18px 24px;display:flex;justify-content:space-between;align-items:center;gap:20px;background:#080f0a;border-bottom:1px solid #294333}
.ot-identity{width:164px;height:auto;display:block;border-radius:2px;object-fit:contain}
.ot-showcase-indicator{display:inline-flex;gap:8px;align-items:center;color:#9bdaa9;font-size:8px;font-weight:720;letter-spacing:.08em;white-space:nowrap}
.ot-showcase-indicator>span{background:#83d98d;width:6px;height:6px;border-radius:50%}
.ot-showcase-body{padding:32px 32px 26px}
.ot-interface-kicker{font-size:9px;letter-spacing:.15em;color:#72b494;margin:0 0 17px;font-weight:700}
.ot-showcase-body h3{font-size:clamp(24px,2.4vw,35px);letter-spacing:-.055em;line-height:1.08;margin:0 0 6px;color:#f0fbf3}
.ot-overview-caption{font-size:12px;color:#849e8b;margin:0 0 28px}
.ot-workflow{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.ot-workflow li{min-height:119px;display:flex;align-items:flex-start;gap:12px;position:relative;padding:19px 16px;background:linear-gradient(155deg,#14251a,#101b14);border:1px solid #2c4935;border-radius:12px}
.ot-workflow li:nth-child(4){border-color:#5b9969;background:linear-gradient(150deg,#1b3624,#102118)}
.ot-stage-num{font-size:9px;letter-spacing:.05em;font-weight:800;color:#71ba8e;border:1px solid #385c43;border-radius:5px;padding:5px 6px;line-height:1.2}
.ot-workflow li>div{min-width:0;padding-top:1px}
.ot-workflow li strong{display:block;font-size:17px;letter-spacing:-.035em;color:#ebf5ea;margin-bottom:7px;line-height:1.15}
.ot-workflow li small{display:block;font-size:10px;color:#a2b5a3;line-height:1.5}
.ot-stage-mark{position:absolute;right:13px;top:13px;color:#70a781;font-size:12px}
.ot-showcase-footer{display:flex;justify-content:space-between;gap:15px;padding:16px 24px;border-top:1px solid #294333;color:#92af97;font-size:9px;font-weight:700;letter-spacing:.075em}
.ot-showcase-footer span:last-child{color:#8ed7a2}
.ot-representative-note{display:block;text-align:center;font-size:10px;color:#69937b;margin-top:25px;letter-spacing:.035em}
@media(max-width:1100px){.product-spotlight-grid{grid-template-columns:1fr;gap:45px}.product-spotlight-copy{max-width:750px}.product-spotlight-copy h2{font-size:clamp(64px,9vw,92px)}.product-spotlight-visual{width:min(100%,680px);margin-inline:auto}}
@media(max-width:620px){
.product-spotlight{padding:68px 0 76px}
.product-spotlight-top{margin-bottom:30px}
.product-side-note{font-size:8px;letter-spacing:.08em}
.product-spotlight-grid{gap:28px}
.product-spotlight-copy h2{font-size:clamp(55px,13.9vw,76px);margin-bottom:16px}
.product-subheading{font-size:24px;margin-bottom:19px}
.product-description{font-size:14px;line-height:1.75;margin-bottom:23px}
.product-manifesto{font-size:27px;margin-bottom:25px}
.product-spotlight-cta{width:100%;gap:12px}
.product-spotlight-visual{padding:4px 0 0}
.ot-showcase{transform:none;border-radius:16px}
.ot-showcase-top{padding:13px 13px;gap:8px}
.ot-identity{width:126px}
.ot-showcase-indicator{font-size:7px;letter-spacing:0}
.ot-showcase-body{padding:23px 17px 20px}
.ot-interface-kicker{font-size:8px;line-height:1.5}
.ot-showcase-body h3{font-size:27px}
.ot-overview-caption{margin-bottom:19px}
.ot-workflow{grid-template-columns:1fr 1fr;gap:9px}
.ot-workflow li{min-height:116px;padding:14px 10px;gap:6px;flex-direction:column}
.ot-workflow li strong{font-size:16px;margin-bottom:5px}
.ot-workflow li small{font-size:10px}
.ot-stage-mark{right:10px;top:14px}
.ot-showcase-footer{padding:13px;gap:8px;font-size:7px;letter-spacing:0}
.ot-representative-note{margin-top:15px;font-size:9px}
}
@media(max-width:360px){.ot-workflow{grid-template-columns:1fr}.ot-workflow li{min-height:0;flex-direction:row;padding:12px}.product-spotlight-copy h2{font-size:52px}}
@media(prefers-reduced-motion:reduce){.product-spotlight-cta:hover{transform:none}}


/* V4 final homepage text hierarchy and contrast. */
.hero-principles{font-size:12px;color:#46584b}
.console-top,.console-top b{font-size:10px}
.console-title small{font-size:11px;color:#c0c9c0}
.pipe-row>span{font-size:11px;color:#a3b5a7}
.pipe-row small{font-size:11px;color:#b0c1b3}
.pipe-row strong{font-size:14px}
.pipe-row b{font-size:10px;color:#aabbb0}
.console-monitor span,.console-monitor small{font-size:11px;color:#b6c7b7}
.console-footer{font-size:10px;color:#a1b0a5}
.product-side-note{font-size:11px;color:#b3ccbd}
.product-spotlight .section-label{font-size:12px}
.product-description{font-size:16px;color:#c3d4c8;line-height:1.75}
.ot-showcase-indicator{font-size:10px}
.ot-interface-kicker{font-size:11px;color:#a2d4b5}
.ot-overview-caption{font-size:13px;color:#bccdbd}
.ot-stage-num{font-size:11px;color:#a8e5b8}
.ot-workflow li small{font-size:12px;color:#c0d0c0;line-height:1.55}
.ot-showcase-footer{font-size:11px;color:#b4cfb8}
.ot-representative-note{font-size:12px;color:#b6cbb9}
.card-index{font-size:11px;color:#59675c}
.principles-grid .build-card p{font-size:16px;color:#4a594e;line-height:1.65}
.lab-head p{font-size:16px;color:#bed0c1;line-height:1.7}
.rd-status{font-size:11px;color:#b3c5b6}
.rd-status b{color:#87e5ad}
.stage span{font-size:11px;color:#adc3ae}
.lab-band .stage strong{font-size:16px}
.lab-band .stage p{font-size:13px;color:#c0d0c2;line-height:1.55}
.method-actions a{font-size:14px}
.company-copy p{font-size:16px;line-height:1.75;color:#48574c}
.company-facts span{font-size:11px;color:#536359}
.company-facts small{font-size:12px;color:#536359}
.company-facts strong{font-size:16px}
.final-explore p{font-size:16px;color:#c3d3c5}
.final-secondary{font-size:14px}
@media(max-width:620px){
.hero-lead{font-size:16px}
.hero-principles{font-size:11px}
.console-top,.console-top b{font-size:9px}
.pipe-row small{font-size:10px}
.pipe-row strong{font-size:13px}
.product-side-note{font-size:10px}
.product-description{font-size:16px}
.ot-showcase-indicator{font-size:9px}
.ot-interface-kicker{font-size:10px}
.ot-overview-caption{font-size:13px}
.ot-workflow li small{font-size:12px}
.ot-showcase-footer{font-size:10px}
.ot-representative-note{font-size:11px}
.principles-grid .build-card p{font-size:16px}
.lab-head p{font-size:16px}
.lab-band .stage strong{font-size:15px}
.lab-band .stage p{font-size:13px}
.rd-status{font-size:10px}
.rd-status b{font-size:10px}
.company-copy p{font-size:16px}
.final-explore p{font-size:16px}
}
