/* Final assembly: retain V4 artwork geometry; the V2 foundation belongs to the light ecosystem. */
:root{--v2s-header-height:80px}
/* A single product-led introduction, with the existing ring story next. */
.hero{min-height:calc(100svh - var(--header-height));padding:48px 5vw 38px;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:24px 5vw;align-items:center;align-content:center;background:radial-gradient(ellipse at 76% 48%,#153b4d66,transparent 57%)}
.hero-copy{grid-column:1;grid-row:1;align-self:center}.hero-copy h1{font-size:clamp(35px,4.05vw,60px);line-height:1.13}.hero-copy .alignment{font-size:17px;line-height:1.6;max-width:430px;margin:24px 0 0}
.hero .v2s-hero{grid-column:2;grid-row:1/3;background:none;padding:0;min-width:0;align-self:center}
.hero-action{grid-column:1;grid-row:2;align-self:start}.hero .v2s-hero-hook{max-width:620px}
.hero .v2s-hook-core{border:0;box-shadow:none;background:linear-gradient(105deg,#173747,#071724 70%);border-radius:10px;min-height:230px}
.hero .v2s-hook-core:before,.hero .v2s-hook-core:after{display:none}
.hero .v2s-hook-inputs span,.hero .v2s-hook-outputs span{display:flex;align-items:center;justify-content:center;gap:7px;font-size:14px;padding:12px 0}
.hero .v2s-hook-inputs svg,.hero .v2s-hook-outputs svg{width:19px;height:19px;flex-shrink:0;color:#71dbf2}
.hero .v2s-hook-flow{top:42px;height:373px;clip-path:inset(0 0 42px 0)}.hero .v2s-hook-space{height:42px}
.hero .v2s-product-sculpture img{width:160px;height:240px}
.hero .v2s-record-label strong{font-size:clamp(20px,1.8vw,26px)}
.hero .v2s-hero-hook p{margin-top:28px;font-size:16px}
.journey-intro{padding:32px 5vw;display:flex;justify-content:space-between;gap:36px;align-items:center}.journey-intro .hero-promise{font-size:19px;margin:0}.journey-intro .hero-base{margin:0;gap:32px}.journey-intro .hero-base>p{display:none}
.hero-bridge{grid-column:1/-1;grid-row:3;max-width:1100px;margin:0;padding-top:16px;border-top:1px solid #254151;font-size:18px;line-height:1.5;color:#c1d3df}
.journey-intro{padding-top:18px;padding-bottom:18px}
@media(max-width:747px){.hero .hero-bridge{font-size:17px;line-height:1.5;margin:0;padding-top:12px}.journey .journey-intro{display:none}}
.contact-panel{max-width:940px;margin-top:32px;border-top:1px solid #426274}
@media(min-width:748px) and (min-height:760px){
 .ds-eco .v2s-matter-story[data-v2s-initialized]{min-height:calc(100svh + 1000px)}
 .ds-eco .v2s[data-v2s-initialized] .v2s-matter-sticky{position:sticky;top:calc(var(--header-height) + 16px);padding-bottom:24px}
 .ds-eco .v2s-story-top h4{font-size:36px}.ds-eco .v2s .v2s-story-top .v2s-subheading{min-height:26px;margin-top:8px}
 .ds-eco .v2s .v2s-story-steps{margin:14px 0 8px}.ds-eco .v2s .v2s-story-steps button{min-height:78px;font-size:18px}
}
@media(max-width:747px){
 .hero{display:flex;flex-direction:column;align-items:stretch;gap:18px;min-height:calc(100svh - var(--header-height));padding:24px 20px 76px}
 .hero-copy h1{font-size:clamp(29px,8.4vw,38px);line-height:1.13}.hero-copy .eyebrow{font-size:11px;letter-spacing:.055em;margin-bottom:10px}
 .hero-copy .alignment{font-size:17px;line-height:1.45;margin:14px 0 0;max-width:390px}
 .hero .v2s-hero{width:100%;align-self:stretch}.hero .v2s-hero-hook{padding:0}
 .hero .v2s-hook-inputs span,.hero .v2s-hook-outputs span{font-size:13px;gap:4px;padding:8px 0;line-height:1.5}
 .hero .v2s-hook-inputs svg,.hero .v2s-hook-outputs svg{width:15px;height:15px}
 .hero .v2s-hook-core{min-height:156px;grid-template-columns:35% 65%;padding:0 0 0 0}
 .hero .v2s-product-sculpture{height:156px}.hero .v2s-product-sculpture img{width:106px;height:159px}
 .hero .v2s-record-label strong{font-size:18px;line-height:1.3}.hero .v2s-record-label>span{font-size:13px;margin-bottom:8px}.hero .v2s-record-label small{font-size:13px;margin-top:8px}
 .hero .v2s-hook-space{height:24px}.hero .v2s-hook-flow{top:28px;height:226px;clip-path:inset(0 0 24px 0)}
 .hero .v2s-hero-hook p{font-size:14px;line-height:1.5;margin-top:14px}.hero-action{align-self:start}.hero .cta{min-height:44px;padding:10px 18px}
 .journey-intro{display:block;padding:28px 22px}.journey-intro .hero-base{margin-top:18px}.journey-intro .hero-promise{font-size:17px}
}
@media(max-width:350px){.hero{padding:18px 16px 76px;gap:14px}.hero-copy h1{font-size:29px}.hero .v2s-hook-inputs span,.hero .v2s-hook-outputs span{gap:3px}.hero .v2s-hook-outputs svg{width:13px}}

.ds-eco .v2s{background:transparent;color:#061321;padding:24px 0;text-align:left;--cyan:#246477}
.ds-eco .v2s-matter-sticky:before{background:radial-gradient(ellipse at 55% 65%,#b6dfe5,transparent 65%)}
.ds-eco .v2s-story-top h4{margin:0;font-size:clamp(30px,4vw,56px);line-height:1.15;letter-spacing:-.045em;font-weight:600;color:#061321}
.ds-eco .v2s-story-top h4 span{color:#246477}
.ds-eco .v2s-story-top .v2s-subheading,.ds-eco .v2s-pipeline figcaption{color:#425764}
.ds-eco .v2s-story-steps button{color:#425764;border-color:#7eabb2}
.ds-eco .v2s-story-steps .v2s-active button{color:#164f62;border-color:#246477;background:linear-gradient(#d0e8eb,transparent)}
.ds-eco .v2s button:focus-visible{outline-color:#164f62}
.ds-eco .v2s-source{color:#061321;background:#edf5f6}
.ds-eco .v2s-source .v2s-icon{color:#425764}
.ds-eco .v2s-output{color:#425764;background:#edf5f6!important}
.ds-eco .v2s-output.v2s-ready{color:#164f62;border-color:#246477;box-shadow:inset 3px 0 #246477}
.ds-eco .v2s-output-route{stroke:#246477}
.ds-eco .v2s-data-token .v2s-icon{color:#71dbf2}
@media(max-width:700px){:root{--v2s-header-height:112px}.ds-eco .v2s{padding:24px 0}.ds-eco .v2s-source{background:#edf5f6}}

.hero-bridge p{margin:0}.hero-bridge .hero-bridge-lead{font-weight:600;color:#edf5f6;margin-bottom:8px}
