.hv-new-page { color:#f5f9fb; background:#071a29; overflow:clip; }
.hv-new-page h1,.hv-new-page h2,.hv-new-page h3 { margin:0; letter-spacing:-.045em; line-height:1.06; }
.hv-new-page h1 { font-size:clamp(48px,6.3vw,88px); font-weight:750; }
.hv-new-page h2 { font-size:clamp(34px,4.3vw,60px); }
.hv-new-page p { color:#aebfc9; line-height:1.75; font-size:17px; }
.hv-new-page h1 span,.hv-new-page h2 span { color:#5ce6cd; }
.hv-new-page .hv-eyebrow { display:block; margin-bottom:24px; color:#5ce6cd; font-size:12px; font-weight:750; letter-spacing:.16em; text-transform:uppercase; }
.hv-new-wrap { max-width:1160px; margin:auto; padding:90px 32px; }
.hv-new-hero { padding:160px 32px 80px; text-align:center; background:radial-gradient(ellipse at 50% 70%,#12474b 0,transparent 65%); }
.hv-new-hero > p { max-width:620px; margin:24px auto 28px; }
.hv-workspace-scene { max-width:1040px; margin:64px auto 0; text-align:left; border:1px solid #315663; border-radius:24px; background:linear-gradient(130deg,#143744,#0c2231); box-shadow:0 30px 70px #0004; padding:28px; }
.hv-scene-heading { display:flex; align-items:center; gap:12px; padding-bottom:26px; border-bottom:1px solid #ffffff18; }
.hv-scene-heading > span { margin-left:auto; font-size:12px; color:#aebfc9; }
.hv-scene-flow { display:grid; grid-template-columns:repeat(3,1fr); gap:32px; padding:28px 0; }
.hv-scene-flow > div { display:flex; flex-direction:column; gap:12px; position:relative; }
.hv-scene-flow i { font-style:normal; color:#5ce6cd; font-size:12px; }
.hv-scene-flow b { font-size:19px; }
.hv-scene-flow span { color:#aebfc9; font-size:12px; }
.hv-scene-flow em { font-size:11px; font-style:normal; border:1px solid #5ce6cd50; color:#5ce6cd; border-radius:99px; padding:5px 10px; width:fit-content; }
.hv-flow-track { height:3px; background:#ffffff16; border-radius:10px; overflow:hidden; }
.hv-flow-track span { display:block; width:100%; height:100%; background:linear-gradient(90deg,#5ce6cd,#00c7a3,#ff8766); transform:scaleX(var(--page-progress,.1)); transform-origin:left; transition:transform .2s; }
.hv-new-light { background:#edf7f5; color:#0c2534; padding-block:10px; }
.hv-new-light p { color:#526b77; }
.hv-new-light .hv-eyebrow { color:#008c77; }
.hv-new-light h2 span { color:#008c77; }
.hv-mission-layout { display:grid; grid-template-columns:1fr 1fr; gap:80px; padding-bottom:48px; }
.hv-mission-layout p:first-child { margin-top:0; }
.hv-mission-layout strong { color:#008c77; }
.hv-feature-rows { padding-top:0; }
.hv-feature-rows article { display:grid; grid-template-columns:180px 1fr 1fr; gap:32px; align-items:start; border-top:1px solid #0c253425; padding:36px 0; }
.hv-feature-rows article > span { color:#008c77; font-size:12px; font-weight:650; }
.hv-feature-rows h3 { font-size:28px; }
.hv-feature-rows p { margin:0; font-size:15px; }
.hv-principles { padding-block:100px; }
.hv-principles > div { display:grid; grid-template-columns:repeat(3,1fr); gap:40px; margin:36px 0; }
.hv-principles b { display:block; color:#f5f9fb; font-size:20px; margin-bottom:8px; }
.hv-story-intro { padding-top:165px; position:relative; }
.hv-story-intro > p { max-width:540px; font-size:20px; }
.hv-story-ribbon { height:180px; position:relative; margin:20px -32px 0; }
.hv-story-ribbon svg { width:100%; height:100%; overflow:visible; }
.hv-story-ribbon path { fill:none; stroke:#5ce6cd; stroke-width:2; stroke-dasharray:1400; stroke-dashoffset:1400; animation:hv-ribbon-draw 1.8s ease-out forwards; }
.hv-story-ribbon img { position:absolute; left:64%; top:34%; padding:12px; width:72px; height:72px; border-radius:20px; background:#103640; box-shadow:0 0 50px #00c7a340; transform:rotate(-10deg); }
.hv-story-chapters { display:grid; grid-template-columns:260px 1fr; gap:100px; padding-top:30px; }
.hv-chapter-marker { position:sticky; top:150px; height:270px; color:#5ce6cd; }
.hv-chapter-marker > span { text-transform:uppercase; font-size:11px; letter-spacing:.15em; }
.hv-chapter-marker b { display:block; font-size:150px; line-height:1.4; letter-spacing:-.07em; font-weight:700; color:transparent; -webkit-text-stroke:1px #5ce6cd; }
.hv-chapter-marker small { display:block; margin-top:18px; }
.hv-chapter-bar { height:3px; background:#5ce6cd20; }
.hv-chapter-bar i { display:block; width:var(--chapter-progress,20%); height:100%; background:#5ce6cd; transition:width .5s; }
.hv-story-chapters article { padding:48px 0 72px; border-top:1px solid #ffffff20; min-height:360px; }
.hv-story-chapters article p { max-width:560px; }
.hv-story-chapters article.is-current h2 { color:#5ce6cd; }
.hv-story-chapters h2 { transition:color .4s; }
.hv-founders-new { display:grid; grid-template-columns:1fr 1fr; gap:50px; margin-top:52px; }
.hv-founders-new article { display:flex; gap:20px; align-items:start; }
.hv-founders-new article > span { padding:18px; border-radius:18px; background:#008c7718; color:#008c77; font-weight:700; }
.hv-founders-new article:nth-child(2)>span { background:#ff876625; color:#a24f35; }
.hv-founders-new h3 { font-size:25px; }
.hv-founders-new p { margin:12px 0; font-size:14px; }
.hv-founders-new small { color:#526b77; }
.hv-story-end p { max-width:520px; }
.hv-story-end > div { display:flex; gap:24px; margin-top:35px; font-size:13px; color:#5ce6cd; }
[data-motion-section] { transition:translate .65s cubic-bezier(.2,.7,.2,1); }
.motion-ready [data-motion-section]:not(.has-entered) { translate:0 28px; }
@keyframes hv-ribbon-draw { to { stroke-dashoffset:0; } }
@media(max-width:800px) { .hv-new-hero,.hv-story-intro { padding-top:130px; } .hv-new-wrap { padding-inline:24px; } .hv-mission-layout { grid-template-columns:1fr; gap:28px; } .hv-feature-rows article { grid-template-columns:1fr; gap:16px; } .hv-scene-flow { gap:18px; } .hv-scene-flow b { font-size:15px; } .hv-scene-flow span { line-height:1.6; } .hv-scene-heading>span { display:none; } .hv-principles>div,.hv-founders-new { grid-template-columns:1fr; gap:24px; } .hv-story-chapters { grid-template-columns:1fr; gap:0; } .hv-chapter-marker { display:none; } .hv-story-chapters article { min-height:0; padding:35px 0; } .hv-story-ribbon { margin-inline:0; } }
@media(max-width:480px) { .hv-new-hero { padding-inline:24px; } .hv-workspace-scene { padding:20px; margin-top:40px; } .hv-scene-flow { grid-template-columns:1fr; padding-bottom:14px; } .hv-scene-flow>div { gap:6px; padding-bottom:18px; border-bottom:1px solid #ffffff15; } .hv-scene-flow em { position:absolute; right:0; top:0; } .hv-scene-heading b { font-size:13px; } }
@media(prefers-reduced-motion:reduce) { .hv-new-page *, .hv-new-page *:before,.hv-new-page *:after { animation:none!important; transition:none!important; } .hv-story-ribbon path { stroke-dashoffset:0; } .motion-ready [data-motion-section]:not(.has-entered) { translate:none; } }

.hv-scene-flow > div { transform:translateY(calc((1 - var(--page-progress,.15)) * 24px)); transition:transform .3s; }
.hv-scene-flow > div:nth-child(2) { transform:translateY(calc((1 - var(--page-progress,.15)) * 42px)); }
.hv-scene-flow > div:nth-child(3) { transform:translateY(calc((1 - var(--page-progress,.15)) * 60px)); }
.hv-story-ribbon img { transform:translateX(calc(var(--page-progress,.15) * 55px)) rotate(calc(-10deg + var(--page-progress,.15) * 20deg)); transition:transform .3s; }
@media(prefers-reduced-motion:reduce) { .hv-scene-flow>div,.hv-scene-flow>div:nth-child(2),.hv-scene-flow>div:nth-child(3),.hv-story-ribbon img { transform:none; } }

.hv-ribbon-traveller { position:absolute; left:65%; top:34%; width:72px; height:72px; will-change:transform; }
.hv-story-ribbon .hv-ribbon-traveller img { position:static; transform:none; animation:hv-logo-float 4s ease-in-out infinite; }
@keyframes hv-logo-float { 0%,100% { transform:translateY(-5px) rotate(-7deg); } 50% { transform:translateY(5px) rotate(7deg); } }
@media(prefers-reduced-motion:reduce) { .hv-story-ribbon .hv-ribbon-traveller img { animation:none; transform:none; } }

/* Compact reading rhythm, retaining the approved visual hierarchy. */
.hv-new-wrap { padding-block:64px; }
.hv-new-hero { padding-top:135px; padding-bottom:56px; }
.hv-new-page h1 { font-size:clamp(44px,5.5vw,76px); }
.hv-new-page p { font-size:16px; line-height:1.65; }
.hv-new-page .hv-eyebrow { margin-bottom:18px; }
.hv-workspace-scene { margin-top:40px; }
.hv-mission-layout { gap:56px; padding-bottom:32px; }
.hv-feature-rows { padding-top:0; }
.hv-feature-rows article { padding-block:26px; }
.hv-feature-rows h3 { font-size:25px; }
.hv-principles { padding-block:64px; }
.hv-principles>div { margin-block:24px; }
.hv-story-intro { padding-top:135px; padding-bottom:36px; }
.hv-story-intro>p { max-width:480px; font-size:18px; }
.hv-story-chapters { padding-top:20px; gap:70px; }
.hv-story-chapters article { min-height:0; padding:30px 0 40px; }
.hv-story-chapters h2 { font-size:clamp(30px,3.3vw,44px); }
.hv-story-chapters article p { max-width:480px; margin-bottom:0; }
.hv-founders-new { margin-top:32px; }
.hv-story-end h2,.hv-principles h2,.hv-mission-layout h2 { font-size:clamp(32px,3.8vw,50px); }
@media(max-width:800px) { .hv-new-wrap { padding-block:44px; } .hv-new-hero,.hv-story-intro { padding-top:120px; } .hv-story-intro { padding-bottom:20px; } .hv-story-chapters { padding-top:0; } .hv-mission-layout { gap:20px; padding-bottom:24px; } .hv-feature-rows { padding-top:0; } .hv-story-chapters article { padding-block:26px; } }