.homepage-retained-hero{--ref-bg:#f4f4ff;--ref-surface:#fff;--ref-text:#111827;--ref-muted:#596174;--ref-border:#e3e5ef;--ref-blue:#1854f5;--ref-blue-hover:#1645c8;--ref-cyan:#dff7fc;--ref-purple:#f0e5fc;--ref-green:#dff8f1;--ref-peach:#ffebe9;--ref-navy:#101b38;--ref-shadow:0 16px 40px #27377914;--ref-radius:16px;--ref-glass:#ffffffaa;--ref-heading:60px;color:var(--ref-text);background:radial-gradient(ellipse at 5% 28%,#96eff845,transparent 20%),radial-gradient(ellipse at 96% 90%,#f4b5e93d,transparent 18%),var(--ref-bg);font-size:16px;line-height:1.6;padding-bottom:48px}
.homepage-retained-hero .vbh-shell{width:calc(100% - 64px);max-width:1200px;margin-inline:auto}
.homepage-retained-hero h1,.homepage-retained-hero h2,.homepage-retained-hero h3{color:var(--ref-text);font-weight:750;letter-spacing:-.04em;margin:0}
.homepage-retained-hero h1{font-size:var(--ref-heading);line-height:1.08;max-width:640px}
.homepage-retained-hero h2{font-size:32px;line-height:1.15}
.homepage-retained-hero h3{font-size:16px;line-height:1.3;letter-spacing:-.02em}
.homepage-retained-hero p{color:var(--ref-muted);margin:16px 0;font-size:14px;line-height:1.55}
.homepage-retained-hero a{color:inherit;text-decoration:none}
.homepage-retained-hero a:focus-visible,.homepage-retained-hero summary:focus-visible{outline:3px solid var(--ref-blue);outline-offset:4px}
.homepage-retained-hero .vbh-actions{display:flex;gap:16px;flex-wrap:wrap;margin-top:32px}
.homepage-retained-hero .vbh-button{min-height:48px;padding:12px 24px;border-radius:8px;font-size:16px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:8px;line-height:1.5;transition:background .2s,box-shadow .2s,transform .2s}
.homepage-retained-hero .vbh-button:disabled,.homepage-retained-hero .vbh-button[aria-disabled=true]{opacity:.5;cursor:not-allowed;pointer-events:none}
.homepage-retained-hero .geo-hero{padding:48px 0 64px;min-height:80vh;display:flex;align-items:center}
.homepage-retained-hero .geo-hero-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:48px;align-items:center}
.homepage-retained-hero .vbh-eyebrow{font-size:14px;font-weight:600;letter-spacing:0;margin-bottom:16px}
.homepage-retained-hero .geo-lede{font-size:18px;max-width:520px;margin-top:24px}
.homepage-retained-hero .ref-dashboard-scene{margin:0;position:relative;min-width:0;padding:40px 0}
.homepage-retained-hero .ref-dashboard-scene:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 25% 50%,#49dfee80,transparent 65%),radial-gradient(ellipse at 90% 35%,#fdaddd90,transparent 60%);filter:blur(32px);pointer-events:none}
.homepage-retained-hero .ref-dashboard{position:relative;display:grid;grid-template-columns:88px 1fr;min-height:344px;padding:8px;gap:12px;background:var(--ref-glass);border:1px solid var(--ref-surface);border-radius:24px;box-shadow:16px 24px 48px #6466c333;transform:perspective(1000px) rotateY(-10deg) rotateX(7deg) rotateZ(4deg)}
.homepage-retained-hero .ref-dash-sidebar{background:var(--ref-navy);color:var(--ref-surface);border-radius:12px;padding:16px 8px;display:flex;flex-direction:column;gap:20px;font-size:8px}
.homepage-retained-hero .ref-dash-sidebar strong{font-size:14px;padding:0 4px}
.homepage-retained-hero .ref-dash-sidebar span{padding:4px}
.homepage-retained-hero .ref-selected{background:var(--ref-blue);border-radius:4px}
.homepage-retained-hero .ref-dash-content{min-width:0;padding:8px 4px}
.homepage-retained-hero .ref-dash-top{display:flex;justify-content:space-between;font-size:12px;margin-bottom:16px}
.homepage-retained-hero .ref-dash-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:12px}
.homepage-retained-hero .ref-chart,.homepage-retained-hero .ref-dash-offers,.homepage-retained-hero .ref-mini-chart{border:1px solid var(--ref-surface);border-radius:12px;padding:12px;background:var(--ref-glass);font-size:9px;min-width:0}
.homepage-retained-hero .ref-chart>span,.homepage-retained-hero .ref-mini-chart>span{display:block;font-size:8px;margin-top:8px;color:var(--ref-muted)}
.homepage-retained-hero .ref-chart svg{width:100%;display:block;margin-top:12px}
.homepage-retained-hero .ref-gridline{fill:none;stroke:var(--ref-border)}
.homepage-retained-hero .ref-chart-labels{display:flex;justify-content:space-between;font-size:7px;color:var(--ref-muted)}
.homepage-retained-hero .ref-dash-offers p{font-size:8px;margin:12px 0}
.homepage-retained-hero .ref-dash-offers p span{float:right}
.homepage-retained-hero .ref-offer-highlight{background:linear-gradient(110deg,#31d8d4,#b386ed,#ee9ac7);color:var(--ref-navy);border-radius:8px;padding:12px 4px;margin-top:12px}
.homepage-retained-hero .ref-bars{display:flex;align-items:end;justify-content:space-around;height:72px;gap:8px;padding:12px 8px}
.homepage-retained-hero .ref-bars i{width:8px;height:50%;border-radius:4px;background:linear-gradient(#77e2eb,#7350ed)}
.homepage-retained-hero .ref-bars i:nth-child(2n){height:80%;background:linear-gradient(#ffbf80,#b66bea)}
.homepage-retained-hero .ref-bars i:nth-child(3n){height:100%}
.homepage-retained-hero .ref-mini-chart{background:var(--ref-navy);color:var(--ref-surface)}
.homepage-retained-hero .ref-mini-chart>span{color:var(--ref-border)}
.homepage-retained-hero .ref-mini-chart svg{width:100%;margin-top:16px}
.homepage-retained-hero .ref-floating-note{position:absolute;left:-24px;bottom:40px;display:flex;gap:8px;align-items:center;background:var(--ref-glass);backdrop-filter:blur(12px);border:1px solid var(--ref-surface);padding:12px;border-radius:12px;font-size:10px;box-shadow:var(--ref-shadow)}
.homepage-retained-hero .ref-floating-note div>span{display:block;color:var(--ref-muted);font-size:8px}
.homepage-retained-hero .ref-dashboard-scene figcaption{position:relative;text-align:center;font-size:12px;color:var(--ref-muted);margin-top:32px}
.homepage-retained-hero .ref-purple{background:var(--ref-purple)}
.homepage-retained-hero .ref-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:40px;height:40px;border-radius:12px;font-size:24px;color:var(--ref-blue);box-shadow:0 4px 16px #724fdf20}
@media(min-width:1600px){.homepage-retained-hero .geo-hero{min-height:720px}}
@media(max-width:1199px){.homepage-retained-hero{--ref-heading:48px}
.homepage-retained-hero .geo-hero-grid{gap:32px}
.homepage-retained-hero h2{font-size:28px}
.homepage-retained-hero .ref-dashboard{grid-template-columns:72px 1fr;gap:8px}
.homepage-retained-hero .ref-dash-grid{gap:8px}
.homepage-retained-hero .ref-chart,.homepage-retained-hero .ref-dash-offers,.homepage-retained-hero .ref-mini-chart{padding:8px}
.homepage-retained-hero .ref-dash-sidebar{font-size:7px}}
@media(max-width:991px){.homepage-retained-hero .geo-hero-grid{grid-template-columns:1fr}
.homepage-retained-hero .geo-hero{padding:48px 0;min-height:auto}
.homepage-retained-hero h1{max-width:720px}
.homepage-retained-hero .ref-dashboard-scene{max-width:560px;width:100%;margin:auto;padding:24px}}
@media(max-width:767px){.homepage-retained-hero .vbh-shell{width:calc(100% - 32px)}
.homepage-retained-hero{--ref-heading:40px}
.homepage-retained-hero h2{font-size:28px}
.homepage-retained-hero .geo-lede{font-size:16px}
.homepage-retained-hero .vbh-eyebrow{font-size:12px}
.homepage-retained-hero .vbh-button{padding:12px 16px;font-size:14px}
.homepage-retained-hero .vbh-actions{gap:12px;margin-top:24px}
.homepage-retained-hero .ref-dashboard-scene{padding:16px 8px}
.homepage-retained-hero .ref-dashboard{min-height:272px;grid-template-columns:56px 1fr;transform:perspective(1000px) rotateY(-6deg) rotateZ(3deg);gap:8px;border-radius:16px;padding:8px}
.homepage-retained-hero .ref-dash-sidebar{padding:12px 4px;font-size:5px;gap:16px}
.homepage-retained-hero .ref-dash-sidebar strong{font-size:9px;padding:0}
.homepage-retained-hero .ref-dash-content{padding:4px 0}
.homepage-retained-hero .ref-dash-top{font-size:9px;margin-bottom:12px}
.homepage-retained-hero .ref-chart,.homepage-retained-hero .ref-dash-offers,.homepage-retained-hero .ref-mini-chart{padding:8px;font-size:6px;border-radius:8px}
.homepage-retained-hero .ref-chart>span,.homepage-retained-hero .ref-mini-chart>span,.homepage-retained-hero .ref-dash-offers p,.homepage-retained-hero .ref-chart-labels{font-size:5px}
.homepage-retained-hero .ref-offer-highlight{padding:8px 4px;font-size:6px}
.homepage-retained-hero .ref-dash-grid{gap:8px}
.homepage-retained-hero .ref-bars{height:56px;gap:4px;padding:8px 4px}
.homepage-retained-hero .ref-bars i{width:4px}
.homepage-retained-hero .ref-floating-note{left:-4px;bottom:24px;padding:8px;font-size:8px}
.homepage-retained-hero .ref-floating-note .ref-icon{width:24px;height:24px;font-size:16px;border-radius:8px}
.homepage-retained-hero .ref-dashboard-scene figcaption{font-size:10px;margin-top:24px}}
@media(max-width:359px){.homepage-retained-hero{--ref-heading:36px}
.homepage-retained-hero .ref-dashboard{grid-template-columns:48px 1fr}
.homepage-retained-hero .ref-dash-grid{gap:4px}
.homepage-retained-hero .ref-chart,.homepage-retained-hero .ref-dash-offers,.homepage-retained-hero .ref-mini-chart{padding:4px}}
@media(prefers-reduced-motion:reduce){.homepage-retained-hero *{scroll-behavior:auto!important;transition:none!important}}
@media(min-width:1200px){.homepage-retained-hero .geo-hero-grid{grid-template-columns:1.2fr 1fr;gap:32px}}
.homepage-retained-hero .hero-positioning{display:flex;align-items:center;gap:12px}
.homepage-retained-hero .hero-globe{flex-shrink:0;width:32px;height:32px;padding:4px;border-radius:50%;background:var(--ref-purple);color:var(--ref-blue)}
.homepage-retained-hero .hero-original-title>span{display:block;text-wrap:balance}
.homepage-retained-hero .hero-accent{color:var(--ref-blue)}
@media(max-width:767px){.homepage-retained-hero .geo-hero{padding:24px 0 32px}
.homepage-retained-hero .geo-hero-grid{gap:16px}
.homepage-retained-hero .geo-hero .vbh-eyebrow{font-size:11px;line-height:1.5;letter-spacing:.06em;margin:0 0 20px;max-width:360px}
 .homepage-retained-hero .geo-hero h1{font-size:40px;line-height:1.08;letter-spacing:-.045em;max-width:400px;text-align:center;margin-inline:auto}
.homepage-retained-hero .hero-original-title .hero-accent{margin-top:8px}
.homepage-retained-hero .geo-hero .geo-lede{display:block;font-size:15px;line-height:1.6;margin-top:20px;max-width:400px}
.homepage-retained-hero .geo-hero .vbh-actions{display:grid;grid-template-columns:1.25fr 1fr;gap:12px;margin-top:24px}
.homepage-retained-hero .geo-hero .vbh-button{width:100%;min-width:0;padding:12px 8px;font-size:14px}
.homepage-retained-hero .geo-hero .ref-dashboard-scene{padding-top:16px;padding-bottom:0}}
@media(max-width:359px){.homepage-retained-hero .geo-hero h1{font-size:36px}}
.homepage-retained-hero{padding-bottom:0}
/* Keep approved hero actions independent from the live home's warm button theme. */
.hq-home .homepage-retained-hero{background:radial-gradient(ellipse at 5% 100%,#96eff845,transparent 40%),var(--ref-bg)}
.hq-home .homepage-retained-hero .vbh-actions .vbh-button{border-radius:8px;min-height:48px;font-size:16px;box-shadow:none}
.hq-home .homepage-retained-hero .vbh-actions .vbh-button-primary{background:var(--ref-blue);border:1px solid var(--ref-blue);color:var(--ref-surface);box-shadow:0 4px 12px #1854f51a}
.hq-home .homepage-retained-hero .vbh-actions .vbh-button-primary:hover{background:var(--ref-blue-hover);border-color:var(--ref-blue-hover)}
.hq-home .homepage-retained-hero .vbh-actions .vbh-button-quiet{background:transparent;border:1px solid var(--ref-border);color:var(--ref-text)}
.hq-home .homepage-retained-hero .vbh-actions .vbh-button-quiet:hover{background:var(--ref-surface);box-shadow:var(--ref-shadow)}
@media(max-width:767px){.hq-home .homepage-retained-hero .vbh-actions .vbh-button{font-size:14px;padding:12px 8px;width:100%;max-width:none}}