/* ZYV CONNECTED GROWTH — scoped section styles. */
#zyv-connected-growth{color-scheme:dark;--ivory:#f2eee7;--copper:#d8a46b;--muted:#bdb4a9;background:#101110;font-family:"Manrope","DM Sans",Arial,Helvetica,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}
#zyv-connected-growth,#zyv-connected-growth *,#zyv-connected-growth::before,#zyv-connected-growth::after,#zyv-connected-growth *::before,#zyv-connected-growth *::after{box-sizing:border-box}
#zyv-connected-growth{margin:0;background:#101110;color:var(--ivory)}
#zyv-connected-growth button,#zyv-connected-growth a{-webkit-tap-highlight-color:transparent}
#zyv-connected-growth button{font:inherit}
#zyv-connected-growth button:focus-visible,#zyv-connected-growth a:focus-visible{outline:2px solid #e9bc82;outline-offset:6px}
#zyv-connected-growth a{color:inherit;text-decoration:none}
#zyv-connected-growth .motion-controls{margin-left:auto;display:flex;align-items:center;gap:6px}
#zyv-connected-growth .motion-controls button{display:inline-flex;align-items:center;gap:7px;background:transparent;color:#ddd5ca;border:1px solid transparent;border-radius:6px;padding:7px 9px;cursor:pointer;font-size:11px}
#zyv-connected-growth .motion-controls button:hover{background:#ffffff08;border-color:#d5a06a33}
#zyv-connected-growth .motion-controls svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
#zyv-connected-growth{container-type:inline-size;position:relative;isolation:isolate;max-width:1840px;aspect-ratio:1584/992;margin:auto;background:#101110 var(--zyv-growth-scene, none) center/100% 100% no-repeat;overflow:hidden;--focus-x:17%;--focus-strength:.15;--search-x:0px;--search-y:0px;--search-rotation:0deg;--sweep-x:0px;--fan-turn:0deg;--path-progress:0;--packet-opacity:0;--dot-a:.55;--dot-b:.55;--dot-c:.55}
#zyv-connected-growth .ambient-light{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 23% 24% at var(--focus-x) 65%,#d89b4e30,transparent 80%);opacity:var(--focus-strength);transition:opacity .6s;mix-blend-mode:screen;z-index:1}
#zyv-connected-growth .eyebrow{position:absolute;left:3.6%;top:4.2%;font-size:1cqw;letter-spacing:.23em;text-transform:uppercase;font-weight:400;white-space:nowrap}
#zyv-connected-growth .eyebrow span{padding:0 .1em;color:#cda16c}
#zyv-connected-growth .section-index{position:absolute;right:3.6%;top:4.2%;font-size:.91cqw;letter-spacing:.23em;color:#e3d9cb}
#zyv-connected-growth h2{font-family:inherit;font-style:normal;position:absolute;left:3.6%;top:8.5%;margin:0;font-size:5.35cqw;line-height:.99;letter-spacing:-.045em;font-weight:500}
#zyv-connected-growth h2 em{font-family:inherit;font-weight:inherit;letter-spacing:inherit;font-style:normal;color:#cc9560}
#zyv-connected-growth .intro-copy{position:absolute;left:61%;top:15.1%;margin:0;width:35%;font-size:1.85cqw;line-height:1.45;letter-spacing:-.025em;padding:0 0 0 3%;border-left:1px solid #bd8753;min-height:2.8em;display:flex;align-items:center}
#zyv-connected-growth .stations{position:absolute;left:0;right:0;top:32%;height:46%;z-index:3;pointer-events:none}
#zyv-connected-growth .station{position:absolute;top:0;width:29%;height:100%;pointer-events:none}
#zyv-connected-growth .station-search{left:2.5%}
#zyv-connected-growth .station-interest{left:35.5%}
#zyv-connected-growth .station-enquiry{left:68.5%}
#zyv-connected-growth .stage-button{position:absolute;inset:0;padding:0;border:0;background:none;color:inherit;cursor:pointer;pointer-events:auto;border-radius:12px}
#zyv-connected-growth .stage-button:focus-visible{outline-offset:-5px}
#zyv-connected-growth .stage-label{position:absolute;left:0;right:0;top:0;text-align:center;display:grid;gap:.35cqw;transition:color .4s}
#zyv-connected-growth .stage-label strong{font-size:2.23cqw;line-height:1.16;letter-spacing:-.035em;font-weight:600;white-space:nowrap}
#zyv-connected-growth .stage-label>span{font-size:1.51cqw;line-height:1.3;letter-spacing:-.015em;color:#ded5c9}
#zyv-connected-growth .label-stem{height:3.9cqw;width:1px;background:linear-gradient(#d5a16d,transparent);position:absolute;left:50%;top:17%;opacity:.65;transition:opacity .4s}
#zyv-connected-growth .glyph{position:absolute;width:47%;height:48%;left:26.5%;top:24%;transition:filter .7s;pointer-events:none}
#zyv-connected-growth .glyph svg{overflow:visible;display:block;width:100%;height:100%}
#zyv-connected-growth .search-glyph{top:26%;width:45%;left:27.5%}
#zyv-connected-growth .search-body{transform:translate(var(--search-x),var(--search-y)) rotate(var(--search-rotation));transform-origin:103px 100px}
#zyv-connected-growth .lens-sweep{transform:translateX(var(--sweep-x));opacity:.4}
#zyv-connected-growth .lens-details{opacity:.4;transition:opacity .4s}
#zyv-connected-growth .fan-glyph{width:52%;left:24%;top:22%;height:49%}
#zyv-connected-growth .fan-rotor{transform:rotate(var(--fan-turn));transform-origin:140px 140px}
#zyv-connected-growth .chat-glyph{top:24%;width:49%;left:25.5%}
#zyv-connected-growth .chat-body{transform:translateY(var(--chat-y,0px))}
#zyv-connected-growth .typing-dot{transition:opacity .08s}
#zyv-connected-growth .dot-one{opacity:var(--dot-a)}
#zyv-connected-growth .dot-two{opacity:var(--dot-b)}
#zyv-connected-growth .dot-three{opacity:var(--dot-c)}
#zyv-connected-growth .stage-state{position:absolute;left:50%;bottom:14%;transform:translate(-50%,5px);font-size:.72cqw;line-height:1.3;letter-spacing:.15em;text-transform:uppercase;padding:.5em .9em;border:1px solid #cc91552b;border-radius:100px;white-space:nowrap;color:#efd0a4;background:#21190fb8;opacity:0;transition:opacity .4s,transform .4s;pointer-events:none}
#zyv-connected-growth .mobile-pedestal{display:none}
#zyv-connected-growth .energy-path{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none;overflow:visible}
#zyv-connected-growth .path-base,#zyv-connected-growth .path-live,#zyv-connected-growth .path-glow{fill:none;stroke-linecap:round}
#zyv-connected-growth .path-base{stroke:url(#zyv-growth-energy-gradient);stroke-width:1.6;opacity:.35}
#zyv-connected-growth .path-glow{stroke:#e8a85e;stroke-width:8;opacity:.1;filter:url(#zyv-growth-energy-blur)}
#zyv-connected-growth .path-live{stroke:#ffe2ad;stroke-width:2.5;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--path-progress));opacity:.9;filter:drop-shadow(0 0 4px #de8d39)}
#zyv-connected-growth .energy-halo{fill:#e4a15b;filter:url(#zyv-growth-packet-blur);opacity:var(--packet-opacity)}
#zyv-connected-growth .energy-packet{fill:#fff1d6;opacity:var(--packet-opacity)}
#zyv-connected-growth[data-step="search"] .station-search .stage-label strong,#zyv-connected-growth[data-step="interest"] .station-interest .stage-label strong,#zyv-connected-growth[data-step="enquiry"] .station-enquiry .stage-label strong{color:#f1c38e}
#zyv-connected-growth[data-step="search"] .station-search .glyph,#zyv-connected-growth[data-step="interest"] .station-interest .glyph,#zyv-connected-growth[data-step="enquiry"] .station-enquiry .glyph{filter:drop-shadow(0 0 12px #d99a4d23)}
#zyv-connected-growth[data-step="search"] .station-search .stage-state,#zyv-connected-growth[data-step="interest"] .station-interest .stage-state,#zyv-connected-growth[data-step="enquiry"] .station-enquiry .stage-state{opacity:1;transform:translate(-50%,0)}
#zyv-connected-growth[data-step="search"] .lens-details{opacity:1}
#zyv-connected-growth .lead-card{position:absolute;left:50%;top:21%;width:94%;max-width:350px;transform:translate(-50%,10px) scale(.97);padding:.86cqw 1cqw;display:flex;gap:.75cqw;align-items:center;background:linear-gradient(120deg,#342719ee,#171713f5 60%);border:1px solid #ce985d66;box-shadow:0 13px 35px #0006,inset 0 1px #ffe4bc15;border-radius:12px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .45s,transform .55s cubic-bezier(.2,.75,.25,1),visibility .45s;z-index:6;backdrop-filter:blur(14px)}
#zyv-connected-growth .lead-card::after{content:"";position:absolute;bottom:-5px;right:25%;width:9px;height:9px;background:#1b1a14;border-right:1px solid #ce985d66;border-bottom:1px solid #ce985d66;transform:rotate(45deg)}
#zyv-connected-growth .lead-mark{width:2.1cqw;height:2.1cqw;flex:0 0 auto;border-radius:50%;background:#bb854222;border:1px solid #d1a36b55;display:grid;place-items:center;color:#efd3a7}
#zyv-connected-growth .lead-mark svg{width:65%;height:65%;stroke:currentColor;stroke-width:1.2;fill:none;stroke-linejoin:round;stroke-linecap:round}
#zyv-connected-growth .lead-text{display:grid;gap:.25em;text-align:left}
#zyv-connected-growth .lead-text small{font-size:.63cqw;letter-spacing:.15em;text-transform:uppercase;color:#bdab92;line-height:1.3}
#zyv-connected-growth .lead-text>span{font-size:.98cqw;letter-spacing:-.015em;line-height:1.35;color:#f5ead9}
#zyv-connected-growth .lead-spark{width:4px;height:4px;border-radius:50%;background:#e9bb7d;box-shadow:0 0 10px #e5a258;margin-left:auto}
#zyv-connected-growth[data-message="true"] .lead-card{opacity:1;visibility:visible;transform:translate(-50%,0) scale(1)}
#zyv-connected-growth .scene-bottom{position:absolute;left:3.6%;right:3.6%;top:85.3%;border-top:1px solid #b2773f;display:flex;justify-content:space-between;align-items:center;padding-top:1.4cqw;gap:25px;z-index:5}
#zyv-connected-growth .scene-bottom p{font-size:1.75cqw;letter-spacing:-.022em;line-height:1.4;margin:0}
#zyv-connected-growth .growth-cta{font-size:1.42cqw;display:inline-flex;align-items:center;gap:1.15em;border:1px solid #d69b5b;border-radius:100px;padding:.68em 1.25em;background:linear-gradient(110deg,#9971450d,#0e0f0b8f);box-shadow:inset 0 1px #ffdeb41a;white-space:nowrap;transition:background .25s,box-shadow .25s}
#zyv-connected-growth .growth-cta:hover{background:#c18c4320;box-shadow:0 0 25px #c38a3e15,inset 0 1px #ffdeb41a}
#zyv-connected-growth .growth-cta span{font-size:1.3em;font-weight:400;line-height:.8}
#zyv-connected-growth .scene-note{position:absolute;left:3.6%;bottom:3.9%;font-size:.69cqw;letter-spacing:.16em;text-transform:uppercase;color:#bfb09a;z-index:4}
#zyv-connected-growth .scene-note span{color:#ab7744;margin:0 .7em}
@media(min-width:681px) and (max-width:1000px){
#zyv-connected-growth .eyebrow{font-size:1.1cqw;letter-spacing:.16em}
#zyv-connected-growth .section-index{font-size:1cqw;letter-spacing:.13em}
#zyv-connected-growth .stage-state{font-size:.85cqw}
#zyv-connected-growth .lead-text small{font-size:.8cqw}
#zyv-connected-growth .lead-text>span{font-size:1.1cqw}
#zyv-connected-growth .scene-note{font-size:.85cqw}
#zyv-connected-growth .scene-bottom p{font-size:1.8cqw}
#zyv-connected-growth .growth-cta{font-size:1.6cqw}
}
@media(max-width:680px){
#zyv-connected-growth .motion-controls{gap:0}
#zyv-connected-growth .motion-controls button{padding:7px 8px}
#zyv-connected-growth .motion-controls svg{width:15px;height:15px}
#zyv-connected-growth{aspect-ratio:auto;min-height:0;padding:30px 22px 24px;background-image:radial-gradient(ellipse at 18% 0,#65442722,transparent 40%),radial-gradient(ellipse at 90% 95%,#69422622,transparent 50%),linear-gradient(145deg,#171813,#101110 60%);overflow:hidden}
#zyv-connected-growth .ambient-light{display:none}
#zyv-connected-growth .eyebrow{position:relative;left:auto;top:auto;font-size:9px;letter-spacing:.12em;white-space:normal;line-height:1.6}
#zyv-connected-growth .section-index{position:relative;top:auto;right:auto;font-size:8px;letter-spacing:.16em;margin-top:11px;color:#9a8c7a}
#zyv-connected-growth h2{font-family:inherit;font-style:normal;position:relative;left:auto;top:auto;margin:24px 0 18px;font-size:clamp(37px,9.5vw,62px);line-height:1.03;letter-spacing:-.045em}
#zyv-connected-growth .intro-copy{position:relative;top:auto;left:auto;width:auto;min-height:0;margin:0 0 37px;padding:0 0 0 14px;font-size:15px;max-width:340px;line-height:1.5}
#zyv-connected-growth .stations{position:relative;inset:auto;height:auto;display:grid;gap:24px}
#zyv-connected-growth .stations::before{content:"";position:absolute;top:130px;bottom:95px;left:50%;width:1px;background:linear-gradient(transparent,#ac7440 15%,#d8a468 50%,#ac7440 85%,transparent);opacity:.35}
#zyv-connected-growth .station{position:relative;top:auto;left:auto;width:100%;height:266px}
#zyv-connected-growth .stage-button{border-radius:8px;outline-offset:0}
#zyv-connected-growth .stage-label{top:0;gap:5px}
#zyv-connected-growth .stage-label strong{font-size:25px;letter-spacing:-.035em}
#zyv-connected-growth .stage-label>span{font-size:15px}
#zyv-connected-growth .label-stem{top:65px;height:18px}
#zyv-connected-growth .glyph{width:150px;height:150px;left:calc(50% - 75px);top:78px}
#zyv-connected-growth .search-glyph{width:148px;height:148px;left:calc(50% - 74px);top:76px}
#zyv-connected-growth .fan-glyph{width:160px;height:160px;left:calc(50% - 80px);top:68px}
#zyv-connected-growth .chat-glyph{width:165px;height:165px;left:calc(50% - 82.5px);top:70px}
#zyv-connected-growth .mobile-pedestal{display:block;position:absolute;bottom:21px;left:50%;transform:translateX(-50%);width:240px;height:44px;border-radius:34% 35% 22% 22%;border:1px solid #b8854d75;border-top-color:#e4c096b3;background:linear-gradient(90deg,#5c412b40,#fff0ca0d 17%,#100f0b66 30%,#2d231b66 78%,#e3ad6955 94%,#171710cc);box-shadow:0 14px 19px #0005,inset 0 2px 2px #f6d7ab35,inset 5px 0 6px #ebb97622;z-index:-1}
#zyv-connected-growth .mobile-pedestal::after{content:"";position:absolute;inset:0 2px 19px;border-radius:50%;background:linear-gradient(170deg,#dfbb8326,transparent);border-top:1px solid #edc59877}
#zyv-connected-growth .station-interest .mobile-pedestal{width:260px;border-radius:45% 45% 35% 35%}
#zyv-connected-growth .stage-state{font-size:8px;bottom:29px;padding:4px 8px;letter-spacing:.13em;max-width:230px}
#zyv-connected-growth .energy-path{display:none}
#zyv-connected-growth .lead-card{width:285px;max-width:calc(100vw - 58px);top:78px;padding:11px 12px;gap:10px;border-radius:10px}
#zyv-connected-growth .lead-mark{width:29px;height:29px}
#zyv-connected-growth .lead-text small{font-size:8px}
#zyv-connected-growth .lead-text>span{font-size:12px}
#zyv-connected-growth .scene-bottom{position:relative;left:auto;right:auto;top:auto;margin-top:22px;padding-top:24px;display:grid;gap:22px;justify-content:stretch}
#zyv-connected-growth .scene-bottom p{font-size:17px;max-width:280px;line-height:1.45}
#zyv-connected-growth .growth-cta{font-size:16px;justify-self:start;padding:12px 20px}
#zyv-connected-growth .scene-note{position:relative;left:auto;bottom:auto;margin-top:28px;font-size:8px;line-height:1.8;letter-spacing:.1em}
}
@media(prefers-reduced-motion:reduce){
#zyv-connected-growth *,#zyv-connected-growth *::before,#zyv-connected-growth *::after{scroll-behavior:auto!important;transition:none!important}
#zyv-connected-growth .lens-sweep{display:none}
#zyv-connected-growth .energy-packet,#zyv-connected-growth .energy-halo{display:none}
#zyv-connected-growth[data-reduced="true"] .path-live{stroke-dashoffset:0;opacity:.55}
}
/* Accessible native controls remain in the section, outside the visual story. */
#zyv-connected-growth .motion-controls{position:absolute;right:3.6%;bottom:3.1%;z-index:8;margin-left:0}
#zyv-connected-growth .motion-controls button:disabled{opacity:.55;cursor:default}
#zyv-connected-growth{scroll-margin-top:24px}
@media(max-width:680px){
#zyv-connected-growth .motion-controls{position:relative;right:auto;bottom:auto;margin:22px 0 0;justify-content:flex-start}
#zyv-connected-growth .scene-note{margin-top:14px}
}

/* ZYV GROWTH SPACING — START. Keep the animation inside a composed stage. */
#zyv-growth-section{background:#10100f;padding-block:clamp(32px,4vw,56px);isolation:isolate}
#zyv-connected-growth{width:calc(100% - 2 * clamp(24px,5vw,96px));max-width:1440px;margin:0 auto;border:1px solid #cda16c1f;border-radius:24px;box-shadow:0 22px 65px #00000024;scroll-margin-top:32px}
#zyv-connected-growth .eyebrow{left:5.2%;top:5.5%;font-size:clamp(10px,.82cqw,12px);letter-spacing:.16em}
#zyv-connected-growth .section-index{display:none}
#zyv-connected-growth h2{left:5.2%;top:11%;max-width:89.6%;font-size:clamp(36px,4.4cqw,62px);line-height:1.05;letter-spacing:-.045em}
#zyv-connected-growth .intro-copy{left:5.2%;top:23%;width:auto;max-width:76%;font-size:clamp(14px,1.25cqw,18px);line-height:1.5;letter-spacing:-.015em;border:0;padding:0;min-height:0;display:block;color:#d4cbbf}
#zyv-connected-growth .stage-label strong{font-size:clamp(18px,1.95cqw,28px);line-height:1.2}
#zyv-connected-growth .stage-label>span{font-size:clamp(13px,1.17cqw,17px);line-height:1.4;color:#c9c0b4}
#zyv-connected-growth .scene-bottom{left:5.2%;right:5.2%;top:84%;padding-top:1.05cqw;gap:20px;border-top-color:#b2773f66}
#zyv-connected-growth .scene-bottom p{font-size:clamp(15px,1.4cqw,20px);line-height:1.45}
#zyv-connected-growth .growth-cta{font-size:clamp(14px,1.1cqw,16px);padding:.65em 1.2em}
#zyv-connected-growth .scene-note{left:5.2%;bottom:3.5%;font-size:clamp(8px,.66cqw,9px);letter-spacing:.11em}
#zyv-connected-growth .motion-controls{right:5.2%;bottom:2.8%}
#zyv-connected-growth .motion-controls button{padding:5px 8px}
#zyv-connected-growth .lead-text small{font-size:clamp(8px,.63cqw,9px)}
#zyv-connected-growth .lead-text>span{font-size:clamp(12px,.98cqw,14px)}
@media(min-width:1051px){
 #zyv-connected-growth{height:clamp(620px,calc(100svh - 112px),810px);aspect-ratio:auto}
 #zyv-connected-growth h2 br{display:none}
}
@media(min-width:681px) and (max-width:1050px){
 #zyv-connected-growth{height:auto;aspect-ratio:1584/992;border-radius:20px}
 #zyv-connected-growth h2{top:10%;font-size:clamp(28px,4cqw,40px)}
 #zyv-connected-growth h2 br{display:none}
 #zyv-connected-growth .intro-copy{top:22.5%;font-size:14px;max-width:88%}
 #zyv-connected-growth .label-stem{top:25%;height:16px}
 #zyv-connected-growth .glyph,#zyv-connected-growth .search-glyph,#zyv-connected-growth .fan-glyph,#zyv-connected-growth .chat-glyph{top:33%;height:45%}
 #zyv-connected-growth .stage-label{gap:3px}
 #zyv-connected-growth .scene-bottom p{font-size:13px;max-width:56%}
 #zyv-connected-growth .growth-cta{font-size:13px}
 #zyv-connected-growth .scene-note{font-size:7px}
 #zyv-connected-growth .motion-controls button{font-size:10px;padding:4px 6px}
}
@media(max-width:680px){
 #zyv-growth-section{padding-block:28px}
 #zyv-connected-growth{width:calc(100% - 32px);max-width:none;height:auto;aspect-ratio:auto;padding:28px 20px 24px;border-radius:20px}
 #zyv-connected-growth .eyebrow{position:relative;left:auto;top:auto;font-size:9px;letter-spacing:.12em}
 #zyv-connected-growth h2{position:relative;left:auto;top:auto;max-width:none;margin:22px 0 16px;font-size:clamp(32px,9cqw,45px);line-height:1.08}
 #zyv-connected-growth h2 br{display:block}
 #zyv-connected-growth .intro-copy{position:relative;left:auto;top:auto;width:auto;max-width:100%;margin:0 0 35px;font-size:14px;line-height:1.55}
 #zyv-connected-growth .stage-label strong{font-size:24px}
 #zyv-connected-growth .stage-label>span{font-size:14px}
 #zyv-connected-growth .lead-card{width:calc(100% - 12px);max-width:285px;padding:11px 12px}
 #zyv-connected-growth .scene-bottom{position:relative;left:auto;right:auto;top:auto;margin-top:22px;padding-top:23px;gap:18px}
 #zyv-connected-growth .scene-bottom p{font-size:16px;max-width:100%}
 #zyv-connected-growth .growth-cta{font-size:15px;padding:11px 18px}
 #zyv-connected-growth .motion-controls{position:relative;right:auto;bottom:auto;margin:20px 0 0}
 #zyv-connected-growth .motion-controls button{font-size:11px;padding:7px 8px}
 #zyv-connected-growth .scene-note{position:relative;left:auto;bottom:auto;font-size:8px;margin-top:14px;line-height:1.6}
}
/* ZYV GROWTH SPACING — END. */

/* ZYV GROWTH WEBSITE FLOW — focused icon and smoother handoffs. */
#zyv-connected-growth .search-body{transform-origin:120px 120px}
#zyv-connected-growth .path-live{opacity:var(--path-opacity,.9)}
#zyv-connected-growth .ambient-light{transition:opacity .2s}
#zyv-connected-growth .glyph{transition:filter .4s}
#zyv-connected-growth .lead-card{transition:opacity .3s,transform .4s cubic-bezier(.2,.75,.25,1),visibility .3s}
@media(min-width:681px){
 #zyv-connected-growth .search-glyph{top:24%;width:49%;left:25.5%}
}
@media(prefers-reduced-motion:reduce){
 #zyv-connected-growth .lead-card{transition:none!important}
}
/* ZYV GROWTH WEBSITE FLOW — END. */