:root{--navy:#061b31;--navy2:#082a46;--blue:#0878df;--cyan:#21c8ee;--green:#0ab56f;--green2:#34e68d;--ink:#09243e;--muted:#61748a;--line:#dce8ef;--white:#fff;--bg:#f5fbfe;--radius:24px;--shadow:0 24px 70px rgba(4,35,61,.13)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Manrope,Arial,sans-serif;color:var(--ink);background:#fff;overflow-x:hidden}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.ambient{position:fixed;pointer-events:none;z-index:-1;border-radius:50%;filter:blur(90px);opacity:.2}.ambient-a{width:460px;height:460px;background:#28e393;left:-220px;top:20vh}.ambient-b{width:520px;height:520px;background:#2aa8ff;right:-280px;top:60vh}
.site-header{height:82px;display:flex;align-items:center;gap:28px;padding:0 clamp(24px,5vw,80px);position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(255,255,255,.82);backdrop-filter:blur(18px);border-bottom:1px solid rgba(9,54,86,.08);transition:.3s}.site-header.scrolled{height:70px;box-shadow:0 8px 30px rgba(4,35,61,.08)}.brand{display:flex;align-items:center;gap:11px;margin-right:auto}.brand strong{display:block;font-family:Outfit;font-size:21px;letter-spacing:1.2px;color:#0a416d}.brand small{display:block;font-size:7px;letter-spacing:2px;color:#178765;font-weight:800}.brand-mark{width:40px;height:40px;position:relative;display:block;transform:rotate(-9deg)}.brand-mark i,.brand-mark b{position:absolute;display:block;border-radius:5px 16px 5px 16px;transform:skewX(-16deg)}.brand-mark i{width:31px;height:14px;left:2px;top:6px;background:linear-gradient(135deg,#0d9f57,#42e78c)}.brand-mark b{width:29px;height:14px;right:0;bottom:6px;background:linear-gradient(135deg,#0674c9,#13b7ee)}.nav{display:flex;gap:25px;font-size:12px;font-weight:700}.nav a{position:relative}.nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-8px;height:2px;background:linear-gradient(90deg,var(--green),var(--blue));transition:.25s}.nav a:hover:after{right:0}.header-actions{display:flex;gap:10px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;border-radius:999px;padding:12px 20px;font-size:12px;font-weight:800;border:1px solid transparent;transition:.25s}.btn:hover{transform:translateY(-2px)}.btn-primary{color:white;background:linear-gradient(100deg,#0bb76f,#087ee2);box-shadow:0 12px 28px rgba(8,139,147,.22)}.btn-ghost{border-color:#bdd0db}.btn-glass{border-color:rgba(255,255,255,.4);background:rgba(255,255,255,.08);color:inherit;backdrop-filter:blur(10px)}.btn-lg{padding:15px 24px}.menu-toggle{display:none}
.section{padding:105px clamp(24px,6vw,94px);position:relative}.light{background:linear-gradient(180deg,#fff,#f6fbfe)}.dark,.deep{color:#fff;background:radial-gradient(circle at 80% 20%,rgba(13,181,111,.18),transparent 28%),radial-gradient(circle at 20% 80%,rgba(14,130,230,.18),transparent 32%),linear-gradient(135deg,#061b31,#07344d)}.eyebrow{font-size:10px;letter-spacing:2.2px;font-weight:800;color:#0b8b77;margin:0 0 15px}.dark .eyebrow,.deep .eyebrow{color:#5df0c0}.hero{min-height:100vh;padding-top:150px;display:flex;align-items:center;background:radial-gradient(circle at 80% 40%,rgba(25,180,238,.15),transparent 30%),linear-gradient(120deg,#f8fcff 0%,#fff 48%,#edf9f5 100%)}.hero-grid{display:grid;grid-template-columns:1.03fr .97fr;gap:60px;align-items:center;width:100%}.hero .eyebrow span{display:inline-block;width:26px;height:1px;background:#8ba5b7;margin:0 10px;vertical-align:middle}h1,h2,h3{font-family:Outfit,Manrope,sans-serif}h1{font-size:clamp(48px,5.7vw,88px);line-height:.94;letter-spacing:-3.8px;margin:0 0 28px;color:#082a48}h1 em{font-style:normal;color:#0ab56f}h1 span,h2 span{background:linear-gradient(90deg,#0a9c6c,#0a78dc,#22bfe0);-webkit-background-clip:text;color:transparent}.lead{font-size:16px;line-height:1.8;color:#536b7e;max-width:650px}.actions{display:flex;gap:12px;margin-top:30px;flex-wrap:wrap}.hero .btn-glass{color:#123c5a;border-color:#bad0dd;background:rgba(255,255,255,.65)}.trust-row{display:flex;gap:28px;margin-top:48px}.trust-row>div{display:grid;grid-template-columns:34px auto;column-gap:9px}.mini-icon{grid-row:1/3;width:34px;height:34px;border:1px solid #b9d7d0;border-radius:10px;display:grid;place-items:center;color:#0aa66e}.trust-row b{font-size:11px}.trust-row small{font-size:8px;color:#788b98}.hero-art{position:relative}.image-shell{border-radius:36px 8px 36px 8px;overflow:hidden;box-shadow:0 35px 80px rgba(5,47,73,.2);border:1px solid rgba(255,255,255,.8);position:relative}.image-shell:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,27,49,.1),transparent 40%)}.image-shell img{width:100%;height:560px;object-fit:cover}.float-card{position:absolute;padding:14px 18px;border:1px solid rgba(255,255,255,.6);border-radius:16px;background:rgba(255,255,255,.78);backdrop-filter:blur(15px);box-shadow:var(--shadow);display:flex;gap:9px;align-items:center}.float-card span{font-family:Outfit;font-size:27px;font-weight:800;color:#087fd6}.float-card small{font-size:8px;font-weight:800;line-height:1.3}.fc-one{left:-28px;bottom:80px}.fc-two{right:-18px;top:55px}.orbit{position:absolute;border:1px solid rgba(0,167,161,.18);border-radius:50%;pointer-events:none}.orbit-one{width:120px;height:120px;right:-25px;bottom:-25px}.orbit-two{width:170px;height:170px;right:-50px;bottom:-50px}.scroll-cue{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);font-size:8px;letter-spacing:2px;color:#6b8798}.scroll-cue span{display:block;text-align:center;font-size:18px;animation:bob 1.8s infinite}@keyframes bob{50%{transform:translateY(6px)}}
.section-head{max-width:680px}.section-head h2{font-size:clamp(38px,4vw,62px);line-height:1.02;letter-spacing:-2px;margin:0 0 18px}.section-head>p:last-child{color:#6a7d8c;line-height:1.8;font-size:14px}.dark .section-head>p:last-child,.deep .section-head>p:last-child{color:#b5cad7}.section-head.centered{text-align:center;margin:0 auto 50px;max-width:780px}.section-head.split{display:flex;max-width:none;justify-content:space-between;align-items:end;gap:40px;margin-bottom:48px}.section-head.split>div{max-width:600px}.section-head.split>p{max-width:500px}
.process-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-top:52px}.process-card{position:relative;padding:25px 18px 24px;border:1px solid #e1ebf0;border-radius:18px;background:rgba(255,255,255,.86);box-shadow:0 12px 35px rgba(8,51,78,.05);transition:.3s}.process-card:hover{transform:translateY(-8px);box-shadow:var(--shadow);border-color:#a9e6d0}.process-card i{position:absolute;right:14px;top:12px;font-style:normal;font-size:9px;color:#9bb0bd;font-weight:800}.process-card .icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,#0ab56f,#0783df);color:#fff;box-shadow:0 8px 18px rgba(7,143,154,.2);margin-bottom:18px}.process-card h3{font-size:14px;margin:0 0 8px}.process-card p{font-size:10px;line-height:1.6;color:#748796;margin:0}.wide-visual{height:260px;margin-top:28px;border-radius:24px;overflow:hidden}.wide-visual img{width:100%;height:100%;object-fit:cover;object-position:center}
.package-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;max-width:1050px;margin:auto}.package{min-height:390px;border-radius:26px;padding:44px 32px 30px;text-align:center;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.18);box-shadow:0 25px 70px rgba(0,0,0,.24);transition:.35s}.package:before{content:"";position:absolute;inset:-2px;background:radial-gradient(circle at 50% 0%,rgba(255,255,255,.25),transparent 35%);pointer-events:none}.package:hover{transform:translateY(-10px) scale(1.015)}.bronze{background:linear-gradient(145deg,#6c452d,#231b1b)}.silver{background:linear-gradient(145deg,#547086,#172837)}.gold{background:linear-gradient(145deg,#887121,#1f311f);border-color:#d9d66e}.package-glyph{font-size:52px;margin-bottom:25px}.package>p{font-size:14px;letter-spacing:3px;font-weight:800}.package h3{font-size:50px;margin:15px 0 0}.package small{color:#c6d4dc}.package a{position:absolute;bottom:28px;left:30px;right:30px;border:1px solid rgba(255,255,255,.4);padding:13px;border-radius:999px;font-size:11px;font-weight:800}.popular{position:absolute;right:-42px;top:26px;transform:rotate(42deg);background:#d6dc70;color:#233524;width:160px;padding:5px;font-size:7px;font-weight:900;letter-spacing:1px}
.opportunity-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:center}.feature-stack{display:grid;grid-template-columns:1fr 1fr;gap:16px}.feature{display:flex;gap:18px;padding:24px;border:1px solid #e1edf2;border-radius:18px;background:white;box-shadow:0 12px 35px rgba(7,53,80,.05);transition:.3s}.feature:hover{transform:translateY(-5px);border-color:#a8e8d0}.premium-icon{flex:0 0 52px;height:52px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(145deg,#0b3151,#0ab276);color:#fff;font-size:11px;font-weight:900;box-shadow:inset 0 0 0 1px rgba(255,255,255,.25),0 10px 25px rgba(9,129,125,.18)}.feature h3{margin:2px 0 7px;font-size:16px}.feature p{margin:0;color:#748493;font-size:11px;line-height:1.6}.text-link{display:inline-block;margin-top:20px;font-size:12px;font-weight:800;color:#087ed0}
.metric-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:15px}.metric{text-align:center;padding:28px 16px;border-radius:20px;border:1px solid rgba(53,229,186,.35);background:linear-gradient(180deg,rgba(17,101,130,.35),rgba(3,34,55,.65));box-shadow:inset 0 0 35px rgba(15,185,150,.07);transition:.3s}.metric:hover{transform:translateY(-8px);box-shadow:0 20px 50px rgba(0,190,160,.14)}.metric-icon{width:44px;height:44px;margin:0 auto 16px;border-radius:14px;background:rgba(31,229,179,.12);display:grid;place-items:center;color:#5df0c0}.metric strong{font-family:Outfit;font-size:48px}.metric b{font-size:22px}.metric .word{font-size:40px}.metric h3{font-size:13px;margin:7px 0}.metric p{font-size:9px;color:#a9c4d2;margin:0}
.binary{background:linear-gradient(110deg,#f8fcff,#eaf8f5)}.binary-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:center}.network-art{height:470px;position:relative;border-radius:30px;overflow:hidden;box-shadow:var(--shadow)}.network-art img{width:100%;height:100%;object-fit:cover}.scan{position:absolute;left:0;right:0;height:1px;top:10%;background:#43e8c2;box-shadow:0 0 20px #43e8c2;animation:scan 5s linear infinite}@keyframes scan{50%{top:90%}}.check-list{display:grid;gap:12px;margin-top:25px}.check-list span{font-size:12px;padding:13px 15px;background:white;border:1px solid #dbe9ee;border-radius:12px;box-shadow:0 7px 20px rgba(5,48,73,.05)}
.stockist-grid{display:grid;grid-template-columns:1fr 1fr 1.15fr;gap:20px;max-width:1200px;margin:auto}.stock-card,.stock-note{border-radius:24px;padding:35px;border:1px solid rgba(255,255,255,.16);background:linear-gradient(145deg,rgba(15,99,91,.48),rgba(5,35,54,.72));backdrop-filter:blur(12px)}.stock-card.mega{background:linear-gradient(145deg,rgba(18,100,136,.5),rgba(5,35,54,.72))}.stock-icon{font-size:40px;color:#51efb8}.stock-card small,.stock-note>span{letter-spacing:2px;color:#7eeac7;font-weight:800;font-size:9px}.stock-card h3{font-size:38px;margin:12px 0}.stock-card p{color:#bdd1dc;font-size:12px}.stock-card ul{list-style:none;padding:0;margin:24px 0 0}.stock-card li{font-size:11px;margin:10px 0;color:#d6e4ea}.stock-card li:before{content:"✓";color:#4ae9b1;margin-right:8px}.stock-note{display:flex;flex-direction:column;justify-content:center}.stock-note h3{font-size:25px;line-height:1.2}.stock-note p{font-size:11px;line-height:1.7;color:#b9ccd6}
.benefit-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:15px}.benefit{text-align:center;padding:28px 17px;border:1px solid #e0ebf0;border-radius:18px;background:#fff;box-shadow:0 10px 30px rgba(5,50,76,.05);transition:.3s}.benefit:hover{transform:translateY(-7px);box-shadow:var(--shadow)}.benefit-icon{width:58px;height:58px;margin:0 auto 17px;border-radius:18px;display:grid;place-items:center;font-size:24px;color:white;background:linear-gradient(145deg,#0ab66f,#087cda)}.benefit h3{font-size:14px}.benefit p{font-size:10px;line-height:1.65;color:#718493}.disclosure{max-width:1000px;margin:35px auto 0;padding:18px 22px;border-radius:14px;background:#edf8f6;border:1px solid #c9ebe0;font-size:10px;line-height:1.7;color:#52706d}
.security-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center}.security-cards{display:grid;grid-template-columns:1fr 1fr;gap:15px}.security-card{padding:27px;border-radius:20px;border:1px solid rgba(82,216,201,.22);background:rgba(7,55,78,.55)}.security-card>div{font-size:28px;color:#5deec2}.security-card h3{font-size:15px;margin:15px 0 8px}.security-card p{font-size:10px;line-height:1.6;color:#a9c3d0}.faq .accordion{max-width:900px;margin:auto}.accordion details{border-bottom:1px solid #dbe8ee}.accordion summary{list-style:none;cursor:pointer;padding:22px 0;font-family:Outfit;font-weight:700;font-size:16px;display:flex;justify-content:space-between}.accordion summary::-webkit-details-marker{display:none}.accordion summary i{font-style:normal;color:#0aa674}.accordion details[open] summary i{transform:rotate(45deg)}.accordion details p{margin:-5px 0 24px;color:#6b7f8e;font-size:12px;line-height:1.8;max-width:750px}
.cta-section{position:relative;overflow:hidden;text-align:center;color:#fff;padding:110px 24px;background:linear-gradient(115deg,#05213a,#075066)}.cta-section:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,27,49,.75),rgba(6,27,49,.15)),url('assets/hero-visual.jpg') center/cover;opacity:.45}.cta-glow{position:absolute;width:500px;height:500px;border-radius:50%;background:#09c67c;filter:blur(120px);opacity:.16;left:50%;top:50%;transform:translate(-50%,-50%)}.cta-inner{position:relative;max-width:850px;margin:auto}.cta-inner h2{font-size:clamp(40px,5vw,66px);line-height:1.02;margin:0}.cta-inner>p:not(.eyebrow){color:#c1d4de;max-width:680px;margin:20px auto}.cta-inner .actions{justify-content:center}
footer{background:#031522;color:#b3c3cc;padding:60px clamp(24px,6vw,94px) 28px}.footer-main{display:grid;grid-template-columns:1fr 1fr 1.4fr;align-items:center;gap:40px;padding-bottom:40px}.footer-brand strong{color:#fff}.footer-main>p{font-size:10px;line-height:1.7}.footer-links{display:flex;justify-content:flex-end;gap:18px;font-size:10px}.footer-bottom{padding-top:24px;border-top:1px solid rgba(255,255,255,.12);display:flex;justify-content:space-between;font-size:8px}.footer-bottom div{display:flex;gap:15px}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.7,.2,1)}.reveal.visible{opacity:1;transform:none}
@media(max-width:1050px){.nav{display:none}.header-actions .btn-ghost{display:none}.menu-toggle{display:block;border:0;background:none;width:36px}.menu-toggle span{display:block;height:2px;background:#0a3655;margin:6px}.nav.open{display:flex;position:absolute;top:70px;left:20px;right:20px;flex-direction:column;padding:25px;background:#fff;border-radius:18px;box-shadow:var(--shadow)}.hero-grid,.opportunity-layout,.binary-grid,.security-grid{grid-template-columns:1fr}.hero-art{max-width:720px}.process-grid{grid-template-columns:repeat(3,1fr)}.benefit-grid{grid-template-columns:repeat(3,1fr)}.stockist-grid{grid-template-columns:1fr 1fr}.stock-note{grid-column:1/-1}.metric-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.site-header{height:70px;padding:0 18px}.header-actions{display:none}.section{padding:78px 20px}.hero{padding-top:115px}.hero-grid{gap:38px}h1{font-size:48px;letter-spacing:-2.5px}.image-shell img{height:390px}.float-card{display:none}.trust-row{gap:10px;justify-content:space-between}.trust-row>div{display:block}.trust-row .mini-icon{margin-bottom:7px}.trust-row small{display:none}.process-grid,.package-grid,.feature-stack,.metric-grid,.benefit-grid,.stockist-grid,.security-cards{grid-template-columns:1fr}.process-grid{grid-template-columns:1fr 1fr}.section-head.split{display:block}.section-head.split>p{margin-top:18px}.package{min-height:330px}.network-art{height:330px}.footer-main{grid-template-columns:1fr}.footer-links{justify-content:flex-start;flex-wrap:wrap}.footer-bottom{display:block}.footer-bottom div{margin-top:15px;flex-wrap:wrap}.scroll-cue{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}

/* GALATIANS V2 — locked refinement */
.process-grid{margin-bottom:0}
.process-card .icon{font-size:0;position:relative;overflow:hidden;background:radial-gradient(circle at 30% 25%,#48f0bc 0,#0bb17c 32%,#087fcf 78%);border:1px solid rgba(255,255,255,.9);box-shadow:inset 0 0 0 1px rgba(255,255,255,.25),0 10px 26px rgba(4,137,151,.24)}
.process-card .icon:before{content:"";width:21px;height:21px;border:2px solid white;border-radius:6px;box-shadow:0 0 12px rgba(255,255,255,.4)}
.process-card:nth-child(1) .icon:after{content:"";position:absolute;width:13px;height:9px;border:2px solid #fff;border-top:0;transform:translateY(-2px)}
.process-card:nth-child(2) .icon:after{content:"✓";position:absolute;color:#fff;font-size:19px;font-weight:800}
.process-card:nth-child(3) .icon:after{content:"✓";position:absolute;color:#fff;font-size:17px;font-weight:800}
.process-card:nth-child(4) .icon:after{content:"↗";position:absolute;color:#fff;font-size:20px;font-weight:800}
.process-card:nth-child(5) .icon:after{content:"≡";position:absolute;color:#fff;font-size:21px;font-weight:800}
.process-card:nth-child(6) .icon:after{content:"✓";position:absolute;color:#fff;font-size:17px;font-weight:800}
.package{min-height:430px;padding-top:35px;isolation:isolate}
.package:after{content:"";position:absolute;inset:1px;border-radius:25px;background:linear-gradient(130deg,rgba(255,255,255,.13),transparent 32%,transparent 68%,rgba(255,255,255,.04));pointer-events:none;z-index:-1}
.package-emblem{width:96px;height:96px;margin:0 auto 12px;display:grid;place-items:center;border-radius:28px;background:radial-gradient(circle,rgba(255,255,255,.16),rgba(255,255,255,.02) 64%,transparent 65%);filter:drop-shadow(0 10px 18px rgba(0,0,0,.22));transition:transform .35s ease,filter .35s ease}
.package-emblem svg{width:76px;height:76px;overflow:visible}
.package:hover .package-emblem{transform:translateY(-4px) scale(1.06);filter:drop-shadow(0 14px 24px rgba(0,0,0,.3))}
.bronze .package-emblem{color:#ffc095}.silver .package-emblem{color:#dff4ff}.gold .package-emblem{color:#ffe84d}
.bronze{background:radial-gradient(circle at 50% 20%,rgba(255,181,126,.18),transparent 30%),linear-gradient(145deg,#83553b,#2c1d1a)}
.silver{background:radial-gradient(circle at 50% 20%,rgba(183,226,255,.22),transparent 30%),linear-gradient(145deg,#58778d,#152b3b)}
.gold{background:radial-gradient(circle at 50% 20%,rgba(255,235,91,.20),transparent 30%),linear-gradient(145deg,#927a1e,#263b20);box-shadow:0 0 0 1px rgba(255,232,79,.5),0 25px 75px rgba(0,0,0,.28),0 0 45px rgba(212,193,44,.09)}
.corporate-art{height:500px}
.corporate-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,27,47,.78),rgba(4,27,47,.06) 58%,transparent)}
.corporate-art img{object-position:center}
.corporate-overlay{position:absolute;z-index:2;left:34px;bottom:34px;color:white;display:flex;flex-direction:column;align-items:flex-start;text-shadow:0 2px 14px rgba(0,0,0,.3)}
.corporate-overlay small{font-size:8px;letter-spacing:2px;color:#66efc2;font-weight:900;margin-bottom:9px}
.corporate-overlay strong{font-family:Outfit;font-size:30px;line-height:1.05}
.corporate-overlay span{margin-top:8px;font-size:11px;color:#d5e6ec}
@media(max-width:700px){.package{min-height:365px}.package-emblem{width:78px;height:78px}.package-emblem svg{width:62px;height:62px}.corporate-art{height:390px}.corporate-overlay{left:22px;bottom:22px}.corporate-overlay strong{font-size:24px}}

/* V3 LOCKED DESIGN MATCH — Membership section */
.packages-locked{padding:58px clamp(28px,4vw,72px);overflow:hidden;background:
radial-gradient(circle at 78% 22%,rgba(14,196,171,.17),transparent 28%),
radial-gradient(circle at 26% 90%,rgba(7,113,210,.22),transparent 34%),
linear-gradient(108deg,#031b30 0%,#06344a 64%,#053f48 100%)}
.packages-locked:before{content:"";position:absolute;inset:0;opacity:.3;pointer-events:none;background:
linear-gradient(160deg,transparent 0 30%,rgba(26,221,194,.10) 31%,transparent 32%),
radial-gradient(circle at 92% 70%,rgba(55,235,173,.22),transparent 18%)}
.packages-stage{position:relative;z-index:1;display:grid;grid-template-columns:280px minmax(0,1fr) 190px;gap:22px;align-items:center;max-width:1900px;margin:auto}
.packages-intro h2{font-size:clamp(38px,3.1vw,60px);line-height:.93;margin:8px 0 15px;letter-spacing:-2px}.packages-intro>p:not(.eyebrow){font-size:12px;line-height:1.55;color:#d4e3e9;margin:0 0 18px}.packages-intro .btn{padding:12px 20px}
.package-strip{display:grid;grid-template-columns:repeat(3,minmax(250px,1fr));gap:13px}
.pkg-wide{height:245px;position:relative;overflow:hidden;border-radius:18px;display:grid;grid-template-columns:34% 48% 18%;align-items:center;padding:18px 0 18px 18px;border:1px solid rgba(255,255,255,.42);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),0 18px 45px rgba(0,0,0,.24);transition:.35s}
.pkg-wide:before{content:"";position:absolute;inset:0;background:linear-gradient(145deg,rgba(255,255,255,.19),transparent 30%,transparent 68%,rgba(255,255,255,.05));pointer-events:none}
.pkg-wide:after{content:"";position:absolute;width:180px;height:90px;border:1px solid rgba(255,255,255,.2);border-radius:50%;left:-45px;bottom:-56px;transform:rotate(-20deg);box-shadow:0 -15px 45px rgba(255,255,255,.04)}
.pkg-wide:hover{transform:translateY(-7px) scale(1.01)}
.bronze-wide{background:radial-gradient(circle at 20% 25%,rgba(255,196,151,.25),transparent 25%),linear-gradient(120deg,#8b5738,#503020 70%,#38251d)}
.silver-wide{background:radial-gradient(circle at 20% 25%,rgba(193,235,255,.28),transparent 25%),linear-gradient(120deg,#557a92,#234b65 70%,#18364a);box-shadow:inset 0 0 0 1px rgba(179,231,255,.25),0 0 25px rgba(46,187,255,.13),0 18px 45px rgba(0,0,0,.24)}
.gold-wide{background:radial-gradient(circle at 20% 25%,rgba(255,240,119,.26),transparent 25%),linear-gradient(120deg,#8f771c,#4f5717 70%,#2d441c);border-color:rgba(255,228,67,.68);box-shadow:inset 0 0 0 1px rgba(255,239,105,.23),0 0 30px rgba(238,212,42,.14),0 18px 45px rgba(0,0,0,.24)}
.pkg-metal-emblem{display:grid;place-items:center;filter:drop-shadow(0 8px 10px rgba(0,0,0,.32));z-index:1}.pkg-metal-emblem svg{width:82px;height:100px;fill:none;stroke:currentColor;stroke-width:3.1;stroke-linejoin:round}.bronze-wide .pkg-metal-emblem{color:#ffd0ad}.silver-wide .pkg-metal-emblem{color:#e7f7ff}.gold-wide .pkg-metal-emblem{color:#ffe744}
.pkg-copy{z-index:1;min-width:0}.pkg-copy h3{font-size:22px;letter-spacing:.5px;margin:0;color:#fff}.bronze-wide .pkg-copy h3{color:#ffd1aa}.silver-wide .pkg-copy h3{color:#f1fbff}.gold-wide .pkg-copy h3{color:#fff0a1}.pkg-copy small{display:block;font-size:7px;letter-spacing:.8px;margin:4px 0 13px;color:#e1e8eb}.pkg-copy strong{display:block;font-family:Outfit;font-size:clamp(29px,2.1vw,42px);line-height:1;color:#fff;white-space:nowrap}.pkg-copy p{font-size:9px;color:#e8eef1;margin:8px 0 13px}.pkg-copy a{display:inline-flex;width:100%;max-width:150px;justify-content:center;border:1px solid rgba(255,255,255,.55);border-radius:999px;padding:9px 12px;font-size:8px;font-weight:800;color:#fff;background:rgba(0,0,0,.13)}
.pkg-side{height:100%;z-index:1;border-left:1px solid rgba(255,255,255,.16);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:35px}.pkg-side span{font-size:6.5px;line-height:1.45;letter-spacing:.6px;color:#cbd6db}.pkg-side b{font-family:Outfit;font-size:24px;color:rgba(255,255,255,.24)}
.packages-message{align-self:stretch;display:flex;flex-direction:column;justify-content:center;padding-left:18px;color:white}.packages-message small{font-size:10px;letter-spacing:3px;color:#70f1be;font-weight:900}.packages-message p{font-size:12px;letter-spacing:2px;margin:7px 0}.packages-message strong{font-family:Outfit;font-size:20px;line-height:1.25;letter-spacing:1.5px}.packages-message i{width:36px;height:3px;background:#20d69e;margin-top:22px}
@media(max-width:1350px){.packages-stage{grid-template-columns:230px 1fr}.packages-message{display:none}.pkg-wide{grid-template-columns:31% 54% 15%}.pkg-side span{display:none}}
@media(max-width:1000px){.packages-stage{grid-template-columns:1fr}.packages-intro{text-align:center;max-width:620px;margin:auto}.package-strip{grid-template-columns:1fr;max-width:680px;width:100%;margin:auto}.pkg-wide{height:220px;grid-template-columns:30% 55% 15%}}
@media(max-width:520px){.pkg-wide{height:205px;padding-left:8px;grid-template-columns:31% 57% 12%}.pkg-metal-emblem svg{width:62px}.pkg-copy h3{font-size:18px}.pkg-copy strong{font-size:31px}.pkg-side{display:none}.pkg-wide{grid-template-columns:34% 66%}}

/* V4 — STOCKIST LOCKED DESIGN MATCH */
.stockist-locked-section{min-height:590px;position:relative;overflow:hidden;background:#f9fdff;color:#08284a;display:flex;align-items:center;padding:70px clamp(28px,5vw,88px)}
.stockist-photo{position:absolute;top:0;bottom:0;background-size:cover;background-position:center;pointer-events:none}
.stockist-city-photo{left:0;width:34%;background-image:url("assets/stockist-city.jpg")}
.stockist-coast-photo{right:0;width:35%;background-image:url("assets/stockist-coast.jpg")}
.stockist-fade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.02) 0%,rgba(255,255,255,.91) 27%,#fff 39%,#fff 63%,rgba(255,255,255,.86) 75%,rgba(255,255,255,.05) 100%)}
.stockist-locked-inner{position:relative;z-index:2;width:min(1110px,68vw);margin:0 auto;display:grid;grid-template-columns:1.05fr .95fr;grid-template-areas:"copy benefits" "cards benefits";gap:28px 35px;align-items:center}
.stockist-locked-copy{grid-area:copy}.stockist-locked-copy .eyebrow{margin-bottom:8px}.stockist-locked-copy h2{font-size:clamp(40px,4.3vw,70px);line-height:.95;letter-spacing:-2.5px;margin:0 0 17px}.stockist-locked-copy>p:last-child{max-width:650px;font-size:14px;line-height:1.55;color:#183d5e;margin:0}
.stockist-product-cards{grid-area:cards;display:grid;grid-template-columns:1fr 1fr;gap:15px}
.stockist-premium-card{min-height:175px;padding:20px;display:grid;grid-template-columns:38% 62%;align-items:center;border-radius:20px;color:#fff;position:relative;overflow:hidden;border:1px solid rgba(78,255,210,.85);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12),0 14px 35px rgba(0,116,126,.18)}
.stockist-premium-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 15%,rgba(100,255,207,.27),transparent 28%),linear-gradient(145deg,rgba(255,255,255,.11),transparent 38%);pointer-events:none}
.mobile-stockist{background:linear-gradient(135deg,#0c9b72,#00627b 68%,#064d69)}
.mega-stockist{background:linear-gradient(135deg,#079f77,#00657d 68%,#064f6d)}
.stockist-card-icon{z-index:1;display:grid;place-items:center}.stockist-card-icon svg{width:78px;height:78px;fill:none;stroke:#8fffe0;stroke-width:2.5;filter:drop-shadow(0 0 8px rgba(56,255,206,.5))}.mountain-icon svg{stroke:#a8ffe5}
.stockist-premium-card>div:last-child{z-index:1}.stockist-premium-card small{display:block;font-size:10px;letter-spacing:2px;font-weight:900;color:#d9fff3;margin-bottom:10px}.stockist-premium-card strong{display:block;font-family:Outfit;font-size:clamp(28px,2.6vw,43px);line-height:1;color:#fff;white-space:nowrap}.stockist-premium-card p{font-size:18px;margin:12px 0 0;color:#efffff}
.stockist-benefits{grid-area:benefits;border-left:1px solid rgba(11,72,99,.22);padding-left:28px;display:grid;gap:18px}
.stockist-benefit{display:grid;grid-template-columns:56px 1fr;gap:16px;align-items:center}
.benefit-round{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 30% 20%,#29e4a9,#008e77 43%,#075272 78%);border:1px solid rgba(255,255,255,.85);box-shadow:0 8px 22px rgba(0,122,128,.18),inset 0 0 12px rgba(255,255,255,.18);color:#fff;font-family:Outfit;font-size:26px;font-weight:800}
.stockist-benefit h3{font-size:17px;margin:0 0 3px;color:#08284a}.stockist-benefit p{font-size:10px;line-height:1.45;color:#31526d;margin:0}
@media(max-width:1200px){.stockist-locked-inner{width:min(900px,82vw);grid-template-columns:1fr;grid-template-areas:"copy" "cards" "benefits"}.stockist-benefits{grid-template-columns:1fr 1fr;border-left:0;padding-left:0}.stockist-fade{background:rgba(255,255,255,.9)}}
@media(max-width:700px){.stockist-locked-section{padding:70px 20px}.stockist-locked-inner{width:100%}.stockist-city-photo{width:55%;opacity:.22}.stockist-coast-photo{width:55%;opacity:.22}.stockist-product-cards,.stockist-benefits{grid-template-columns:1fr}.stockist-premium-card{grid-template-columns:32% 68%;min-height:155px}.stockist-card-icon svg{width:62px;height:62px}.stockist-benefit{background:rgba(255,255,255,.82);padding:10px;border-radius:14px}}

/* V5 Stockist final correction */
.stockist-city-photo{width:31%;background-image:url("assets/stockist-city-v5.jpg");background-position:center center}
.stockist-coast-photo{width:30%;background-image:url("assets/stockist-coast-v5.jpg");background-position:center center}
.stockist-fade{background:linear-gradient(90deg,rgba(255,255,255,.03) 0%,rgba(255,255,255,.18) 19%,rgba(255,255,255,.94) 30%,#fff 38%,#fff 68%,rgba(255,255,255,.93) 77%,rgba(255,255,255,.08) 100%)}
.stockist-locked-inner{width:min(1180px,72vw);grid-template-columns:1.08fr .92fr;gap:26px 44px}
.stockist-locked-copy h2{font-size:clamp(40px,3.75vw,62px);white-space:nowrap}
.stockist-locked-copy>p:last-child{max-width:590px}
.stockist-product-cards{gap:18px}
.stockist-premium-card{grid-template-columns:31% 69%;min-height:182px;padding:20px 16px}
.stockist-card-icon svg{width:66px;height:66px}
.stockist-premium-card strong{font-size:clamp(27px,2.05vw,37px);letter-spacing:-1px}
.stockist-premium-card small{font-size:9px;letter-spacing:1.6px}
.stockist-premium-card p{font-size:16px}
.stockist-benefits{padding-left:34px;gap:20px}
.stockist-benefit{grid-template-columns:58px minmax(0,1fr);gap:17px}
.benefit-round{width:58px;height:58px}
.benefit-round svg{width:31px;height:31px;fill:none;stroke:#fff;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.stockist-benefit h3{font-size:16px}
.stockist-benefit p{font-size:9.5px;max-width:310px}
@media(max-width:1500px){.stockist-locked-inner{width:min(1100px,76vw)}.stockist-premium-card strong{font-size:31px}}
@media(max-width:1200px){.stockist-locked-copy h2{white-space:normal}.stockist-locked-inner{width:min(900px,84vw)}.stockist-premium-card strong{font-size:36px}}
@media(max-width:700px){.stockist-city-photo,.stockist-coast-photo{opacity:.2}.stockist-premium-card strong{font-size:31px}.stockist-benefits{padding-left:0}}

/* V6 — HERO LOCKED DESIGN MATCH */
.hero-v6{position:relative;min-height:690px;margin-top:82px;overflow:hidden;background:#f7fbfd;color:#082b4c;display:flex;align-items:center}
.hero-v6-art{position:absolute;z-index:0;right:0;top:0;bottom:0;width:59%;background:url("assets/hero-locked-v6.jpg") center center/cover no-repeat}
.hero-v6-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(247,251,253,1) 0%,rgba(247,251,253,.80) 9%,rgba(247,251,253,.16) 29%,rgba(247,251,253,0) 48%)}
.hero-v6-wash{position:absolute;z-index:1;inset:0;pointer-events:none;background:
radial-gradient(circle at 88% 20%,rgba(28,193,232,.10),transparent 22%),
linear-gradient(90deg,#f9fcfe 0%,#f9fcfe 43%,rgba(249,252,254,.92) 48%,rgba(249,252,254,0) 67%)}
.hero-v6-inner{position:relative;z-index:2;width:100%;padding:64px clamp(28px,6vw,100px)}
.hero-v6-copy{width:min(730px,49vw)}
.hero-v6-eyebrow{display:flex;align-items:center;gap:15px;margin:0 0 24px;color:#087f72;font-size:10px;letter-spacing:2.2px;font-weight:900;white-space:nowrap}
.hero-v6-eyebrow i{width:28px;height:1px;background:#7392a5;display:block}
.hero-v6 h1{font-size:clamp(55px,5.4vw,91px);line-height:.91;letter-spacing:-4px;margin:0 0 28px;color:#072b4d}
.hero-v6 h1 span{background:linear-gradient(90deg,#09a968,#0b9e8e 48%,#138edc);-webkit-background-clip:text;color:transparent}
.hero-v6-lead{max-width:680px;margin:0;color:#38556c;font-size:15px;line-height:1.75}
.hero-v6-actions{display:flex;gap:18px;margin-top:29px}
.hero-v6-primary,.hero-v6-secondary{height:58px;padding:0 28px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:900;transition:.25s}
.hero-v6-primary{min-width:235px;color:#fff;background:linear-gradient(105deg,#08b66f,#078f83 52%,#0879ce);box-shadow:0 12px 28px rgba(4,137,126,.22)}
.hero-v6-primary b{font-size:18px;margin-left:26px}
.hero-v6-secondary{min-width:235px;color:#083b62;border:1.5px solid #0b6d9e;background:rgba(255,255,255,.72);backdrop-filter:blur(8px)}
.hero-v6-primary:hover,.hero-v6-secondary:hover{transform:translateY(-3px)}
.hero-v6-features{display:grid;grid-template-columns:repeat(4,1fr);margin-top:43px;max-width:680px}
.hero-v6-feature{min-height:58px;display:flex;align-items:center;gap:12px;padding:0 18px;border-right:1px solid #8ca8b5}
.hero-v6-feature:first-child{padding-left:0}.hero-v6-feature:last-child{border-right:0}
.hv6-icon{width:44px;height:44px;flex:0 0 44px;display:grid;place-items:center;color:#087a70}
.hv6-icon svg{width:42px;height:42px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.hero-v6-feature b{font-family:Outfit;font-size:11px;line-height:1.35;color:#092f50}
@media(max-width:1200px){
 .hero-v6{min-height:650px}.hero-v6-art{width:62%;opacity:.88}.hero-v6-copy{width:55vw}.hero-v6 h1{font-size:64px}.hero-v6-wash{background:linear-gradient(90deg,#f9fcfe 0%,#f9fcfe 45%,rgba(249,252,254,.84) 56%,rgba(249,252,254,.04) 80%)}
}
@media(max-width:900px){
 .hero-v6{min-height:auto;padding-bottom:0;display:block}.hero-v6-inner{padding-top:70px;padding-bottom:460px}.hero-v6-copy{width:100%;max-width:720px}.hero-v6-art{top:auto;bottom:0;width:100%;height:440px;background-position:center top}.hero-v6-art:after{background:linear-gradient(180deg,#f9fcfe 0%,rgba(249,252,254,.55) 15%,transparent 42%)}.hero-v6-wash{background:linear-gradient(180deg,#f9fcfe 0%,#f9fcfe 48%,rgba(249,252,254,.25) 70%,transparent 100%)}
}
@media(max-width:700px){
 .hero-v6{margin-top:70px}.hero-v6-inner{padding:52px 20px 350px}.hero-v6-art{height:345px}.hero-v6-eyebrow{white-space:normal;flex-wrap:wrap;gap:7px;font-size:8px}.hero-v6-eyebrow i{display:none}.hero-v6 h1{font-size:49px;letter-spacing:-2.5px}.hero-v6-lead{font-size:13px}.hero-v6-actions{display:grid}.hero-v6-primary,.hero-v6-secondary{width:100%}.hero-v6-features{grid-template-columns:1fr 1fr;gap:15px;margin-top:32px}.hero-v6-feature{border-right:0;padding:0}.hv6-icon{width:38px;height:38px;flex-basis:38px}.hv6-icon svg{width:36px;height:36px}
}

/* V7 — FINAL LOCKED HERO / NO EARTH SYSTEM */
.hero-v6{
  min-height:680px;
  background:#f8fcfe;
}
.hero-v6-art{
  width:63%;
  background-image:url("assets/hero-v7-locked-no-earth.jpg");
  background-position:center center;
  background-size:cover;
}
.hero-v6-art:after{
  background:linear-gradient(90deg,
    rgba(248,252,254,1) 0%,
    rgba(248,252,254,.94) 7%,
    rgba(248,252,254,.55) 18%,
    rgba(248,252,254,.08) 34%,
    rgba(248,252,254,0) 48%);
}
.hero-v6-wash{
  background:
    radial-gradient(circle at 63% 18%,rgba(12,174,205,.05),transparent 24%),
    linear-gradient(90deg,#f9fcfe 0%,#f9fcfe 40%,rgba(249,252,254,.93) 46%,rgba(249,252,254,.14) 60%,transparent 72%);
}
.hero-v6-inner{
  padding-top:54px;
  padding-bottom:48px;
}
.hero-v6-copy{
  width:min(710px,47vw);
}
.hero-v6-eyebrow{
  margin-bottom:20px;
}
.hero-v6 h1{
  font-size:clamp(55px,5.05vw,84px);
  line-height:.92;
  margin-bottom:25px;
}
.hero-v6-lead{
  max-width:650px;
  font-size:14px;
  line-height:1.68;
}
.hero-v6-actions{
  margin-top:25px;
}
.hero-v6-primary,.hero-v6-secondary{
  height:54px;
}
.hero-v6-features{
  margin-top:36px;
  max-width:660px;
}
.hero-v6-feature{
  padding-left:15px;
  padding-right:15px;
}
.hero-v6-feature:first-child{padding-left:0}
.hv6-icon{
  color:#008c7b;
}
@media(max-width:1200px){
  .hero-v6-art{width:65%}
  .hero-v6-copy{width:54vw}
  .hero-v6 h1{font-size:62px}
}
@media(max-width:900px){
  .hero-v6-art{
    width:100%;
    height:440px;
    background-position:center top;
  }
}

/* =========================================================
   V8 — HERO PERFECT-MATCH LOCK
   Approved composition: ~43% content / ~57% cinematic art.
   ========================================================= */
.hero-v6{
  min-height:720px;
  height:calc(100vh - 82px);
  max-height:820px;
  margin-top:82px;
  display:flex;
  align-items:center;
  background:#fbfdfe;
}
.hero-v6-art{
  right:0;
  top:0;
  bottom:0;
  width:58.5%;
  height:100%;
  background-image:url("assets/hero-v8-locked-art.jpg");
  background-size:cover;
  background-position:47% center;
  opacity:1;
}
.hero-v6-art:after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,
      #fbfdfe 0%,
      rgba(251,253,254,.97) 5%,
      rgba(251,253,254,.78) 13%,
      rgba(251,253,254,.28) 24%,
      rgba(251,253,254,.03) 34%,
      transparent 43%);
}
.hero-v6-wash{
  background:
    linear-gradient(90deg,
      #fbfdfe 0%,
      #fbfdfe 39%,
      rgba(251,253,254,.96) 43%,
      rgba(251,253,254,.45) 49%,
      rgba(251,253,254,0) 58%);
}
.hero-v6-inner{
  padding:48px clamp(42px,5.45vw,104px) 42px;
}
.hero-v6-copy{
  width:min(720px,42.5vw);
}
.hero-v6-eyebrow{
  margin-bottom:21px;
  gap:18px;
  font-size:10px;
  letter-spacing:2.15px;
}
.hero-v6 h1{
  max-width:690px;
  font-size:clamp(57px,4.85vw,84px);
  line-height:.96;
  letter-spacing:-3.7px;
  margin-bottom:22px;
}
.hero-v6-lead{
  width:95%;
  max-width:660px;
  font-size:15px;
  line-height:1.58;
}
.hero-v6-actions{
  margin-top:24px;
  gap:17px;
}
.hero-v6-primary,.hero-v6-secondary{
  height:55px;
  min-width:0;
  font-size:12px;
}
.hero-v6-primary{width:245px}
.hero-v6-secondary{width:265px}
.hero-v6-features{
  width:100%;
  max-width:700px;
  margin-top:34px;
  grid-template-columns:repeat(4,1fr);
}
.hero-v6-feature{
  min-height:66px;
  gap:10px;
  padding:0 15px;
}
.hero-v6-feature:first-child{padding-left:0}
.hero-v6-feature b{
  font-size:10.5px;
  line-height:1.28;
}
.hv6-icon{
  width:42px;
  height:42px;
  flex-basis:42px;
}
.hv6-icon svg{
  width:39px;
  height:39px;
}

/* Header proportions matching locked hero reference */
.nav-inner{
  min-height:82px;
}
.brand img,.logo img{
  max-height:46px;
}
.hero-login{
  min-width:112px;
  border-color:#0877ae;
  background:#fff;
}
@media (min-width:1500px){
  .hero-v6-inner{padding-left:5.4vw}
  .hero-v6-copy{width:41.5vw}
}
@media(max-width:1200px){
  .hero-v6{height:auto;min-height:660px}
  .hero-v6-art{width:61%}
  .hero-v6-copy{width:48vw}
  .hero-v6 h1{font-size:60px}
}
@media(max-width:900px){
  .hero-v6{display:block;max-height:none}
  .hero-v6-inner{padding:55px 28px 440px}
  .hero-v6-copy{width:100%;max-width:720px}
  .hero-v6-art{
    top:auto;
    width:100%;
    height:430px;
    background-position:center top;
  }
  .hero-v6-art:after{
    background:linear-gradient(180deg,#fbfdfe 0%,rgba(251,253,254,.65) 12%,transparent 36%);
  }
  .hero-v6-wash{
    background:linear-gradient(180deg,#fbfdfe 0%,#fbfdfe 48%,rgba(251,253,254,.25) 68%,transparent 78%);
  }
}
@media(max-width:700px){
  .hero-v6-inner{padding:48px 20px 345px}
  .hero-v6-art{height:340px}
  .hero-v6 h1{font-size:48px;letter-spacing:-2.4px}
  .hero-v6-actions{grid-template-columns:1fr}
  .hero-v6-primary,.hero-v6-secondary{width:100%}
}

/* ==========================================================
   V9 — APPROVED HERO FINAL MATCH
   Locked visual proportions based on approved reference.
   ========================================================== */
.hero-v6{
  min-height:700px;
  height:calc(100vh - 82px);
  max-height:790px;
  margin-top:82px;
  background:#fbfdfe;
}
.hero-v6-art{
  width:60.5%;
  height:100%;
  right:0;
  top:0;
  bottom:0;
  background-image:url("assets/hero-v9-locked-art.jpg");
  background-size:cover;
  background-position:42% center;
}
.hero-v6-art:after{
  background:linear-gradient(90deg,
    #fbfdfe 0%,
    rgba(251,253,254,.98) 4%,
    rgba(251,253,254,.86) 10%,
    rgba(251,253,254,.48) 18%,
    rgba(251,253,254,.12) 27%,
    transparent 36%);
}
.hero-v6-wash{
  background:linear-gradient(90deg,
    #fbfdfe 0%,
    #fbfdfe 37.5%,
    rgba(251,253,254,.97) 41%,
    rgba(251,253,254,.66) 46%,
    rgba(251,253,254,.18) 52%,
    transparent 60%);
}
.hero-v6-inner{
  padding:48px clamp(42px,5.4vw,100px) 38px;
}
.hero-v6-copy{
  width:min(700px,40.8vw);
}
.hero-v6-eyebrow{
  margin-bottom:20px;
}
.hero-v6 h1{
  max-width:670px;
  font-size:clamp(56px,4.7vw,82px);
  line-height:.96;
  letter-spacing:-3.5px;
  margin-bottom:20px;
}
.hero-v6-lead{
  width:100%;
  max-width:650px;
  font-size:14px;
  line-height:1.58;
}
.hero-v6-actions{
  margin-top:22px;
}
.hero-v6-primary{
  width:245px;
}
.hero-v6-secondary{
  width:260px;
}
.hero-v6-features{
  max-width:710px;
  margin-top:31px;
}
.hero-v6-feature{
  align-items:flex-start;
  min-height:76px;
  padding:3px 14px 0;
}
.hero-v6-feature:first-child{padding-left:0}
.hv6-icon{
  margin-top:1px;
}
.hv6-feature-copy{
  display:flex;
  flex-direction:column;
  gap:6px;
}
.hv6-feature-copy b{
  font-family:Outfit;
  font-size:10.5px;
  line-height:1.25;
  color:#092f50;
}
.hv6-feature-copy small{
  font-size:8.5px;
  line-height:1.3;
  color:#3d5c73;
}
@media(min-width:1600px){
  .hero-v6-art{width:61.5%}
  .hero-v6-copy{width:40vw}
}
@media(max-width:1200px){
  .hero-v6{height:auto;min-height:650px}
  .hero-v6-art{width:62%}
  .hero-v6-copy{width:47vw}
  .hero-v6 h1{font-size:59px}
  .hv6-feature-copy small{display:none}
}
@media(max-width:900px){
  .hero-v6{max-height:none}
  .hero-v6-inner{padding:52px 28px 450px}
  .hero-v6-copy{width:100%;max-width:720px}
  .hero-v6-art{
    top:auto;
    width:100%;
    height:445px;
    background-position:center top;
  }
  .hero-v6-art:after{
    background:linear-gradient(180deg,#fbfdfe 0%,rgba(251,253,254,.7) 12%,transparent 36%);
  }
  .hero-v6-wash{
    background:linear-gradient(180deg,#fbfdfe 0%,#fbfdfe 48%,rgba(251,253,254,.22) 69%,transparent 80%);
  }
}

/* ==========================================================
   V10 — HERO EXACT LOCK
   Key correction: the left-most man is part of the clear
   artwork zone, NOT inside the white fade/mask.
   ========================================================== */
.hero-v6{
  min-height:700px;
  height:calc(100vh - 82px);
  max-height:790px;
  margin-top:82px;
  background:#fbfdfe;
}
.hero-v6-art{
  position:absolute;
  right:0;
  top:0;
  bottom:0;
  width:59.5%;
  height:100%;
  background-image:url("assets/hero-v10-exact-locked-art.jpg");
  background-size:cover;
  background-position:43% center;
  opacity:1;
}
/* Fade is now deliberately narrow and ends BEFORE the first man's face/body. */
.hero-v6-art:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(90deg,
    #fbfdfe 0%,
    rgba(251,253,254,.92) 3.5%,
    rgba(251,253,254,.55) 7.5%,
    rgba(251,253,254,.16) 11.5%,
    rgba(251,253,254,0) 15%);
}
.hero-v6-wash{
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:linear-gradient(90deg,
    #fbfdfe 0%,
    #fbfdfe 39.5%,
    rgba(251,253,254,.97) 41.5%,
    rgba(251,253,254,.52) 44.5%,
    rgba(251,253,254,.08) 47.5%,
    transparent 50%);
}
.hero-v6-inner{
  position:relative;
  z-index:2;
  padding:47px clamp(42px,5.35vw,100px) 38px;
}
.hero-v6-copy{
  width:min(700px,40.5vw);
}
.hero-v6-eyebrow{
  margin-bottom:20px;
}
.hero-v6 h1{
  max-width:670px;
  font-size:clamp(56px,4.7vw,82px);
  line-height:.96;
  letter-spacing:-3.5px;
  margin-bottom:20px;
}
.hero-v6-lead{
  max-width:645px;
  font-size:14px;
  line-height:1.58;
}
.hero-v6-actions{
  margin-top:22px;
  gap:17px;
}
.hero-v6-primary{width:245px}
.hero-v6-secondary{width:260px}
.hero-v6-features{
  max-width:710px;
  margin-top:31px;
}
.hero-v6-feature{
  min-height:76px;
  padding:3px 14px 0;
}
.hero-v6-feature:first-child{padding-left:0}

/* Maintain clarity of all four people on large desktop screens. */
@media(min-width:1500px){
  .hero-v6-art{
    width:60%;
    background-position:44% center;
  }
  .hero-v6-copy{width:40.5vw}
}
@media(max-width:1200px){
  .hero-v6{height:auto;min-height:650px}
  .hero-v6-art{width:62%;background-position:45% center}
  .hero-v6-copy{width:47vw}
  .hero-v6 h1{font-size:59px}
}
@media(max-width:900px){
  .hero-v6{max-height:none}
  .hero-v6-inner{padding:52px 28px 450px}
  .hero-v6-copy{width:100%;max-width:720px}
  .hero-v6-art{
    top:auto;
    width:100%;
    height:445px;
    background-position:center top;
  }
  .hero-v6-art:after{
    background:linear-gradient(180deg,#fbfdfe 0%,rgba(251,253,254,.48) 7%,transparent 20%);
  }
  .hero-v6-wash{
    background:linear-gradient(180deg,#fbfdfe 0%,#fbfdfe 48%,rgba(251,253,254,.18) 65%,transparent 76%);
  }
}
\n/* V11 — exact locked-reference hero correction; no generated imagery */
.hero-v6{min-height:700px;height:calc(100vh - 82px);max-height:790px;margin-top:82px;background:#fbfdfe;}
.hero-v6-art{position:absolute;right:0;top:0;bottom:0;width:70%;height:100%;background-image:url("assets/hero-v11-locked-reference-art.jpg");background-size:auto 100%;background-repeat:no-repeat;background-position:right center;opacity:1;}
/* The source crop already contains the approved soft white transition. Do not wash over the left-most man. */
.hero-v6-art:after{display:none!important;content:none!important;}
.hero-v6-wash{background:linear-gradient(90deg,#fbfdfe 0%,#fbfdfe 38.5%,rgba(251,253,254,.98) 40.5%,rgba(251,253,254,.60) 43%,rgba(251,253,254,.12) 45.5%,transparent 47.5%);}
.hero-v6-inner{padding:47px clamp(42px,5.2vw,96px) 38px;}
.hero-v6-copy{width:min(700px,40.2vw);}
.hero-v6 h1{max-width:670px;font-size:clamp(56px,4.7vw,82px);line-height:.96;letter-spacing:-3.5px;margin-bottom:20px;}
.hero-v6-lead{max-width:645px;font-size:14px;line-height:1.58;}
.hero-v6-actions{margin-top:22px;gap:17px;}
.hero-v6-features{max-width:710px;margin-top:31px;}
@media(min-width:1500px){.hero-v6-art{width:69%;}.hero-v6-copy{width:40.2vw;}}
@media(max-width:1200px){.hero-v6{height:auto;min-height:650px}.hero-v6-art{width:72%;background-size:auto 100%;}.hero-v6-copy{width:46vw}.hero-v6 h1{font-size:59px}}
@media(max-width:900px){.hero-v6{max-height:none}.hero-v6-inner{padding:52px 28px 450px}.hero-v6-copy{width:100%;max-width:720px}.hero-v6-art{top:auto;width:100%;height:445px;background-size:cover;background-position:center top}.hero-v6-wash{background:linear-gradient(180deg,#fbfdfe 0%,#fbfdfe 48%,rgba(251,253,254,.12) 64%,transparent 74%)}}

/* ==========================================================
   V12 — LOCKED HERO: PEOPLE SMALLER + SHIFTED RIGHT
   Uses the SAME locked V11 artwork. No new image generated.
   Desktop correction only: scale visual down and anchor right.
   ========================================================== */
@media (min-width:1201px){
  .hero-v6-art{
    right:0;
    width:61.5%;
    height:100%;
    background-image:url("assets/hero-v11-locked-reference-art.jpg");
    background-repeat:no-repeat;
    background-size:auto 91%;
    background-position:right bottom;
    opacity:1;
  }

  .hero-v6-art:after{
    display:none!important;
    content:none!important;
  }

  /* Keep the transition in the empty city area; never wash over the first man. */
  .hero-v6-wash{
    background:linear-gradient(90deg,
      #fbfdfe 0%,
      #fbfdfe 39.0%,
      rgba(251,253,254,.98) 41.0%,
      rgba(251,253,254,.54) 43.0%,
      rgba(251,253,254,.10) 45.0%,
      transparent 46.5%);
  }

  .hero-v6-copy{
    width:min(700px,40.5vw);
  }
}

@media (min-width:1500px){
  .hero-v6-art{
    width:61%;
    background-size:auto 90%;
    background-position:right bottom;
  }
}

/* ==========================================================
   V13 — +15% HERO FINE ADJUSTMENT
   Same locked artwork; no new image.
   Further reduces the four-person visual and moves it right.
   ========================================================== */
@media (min-width:1201px){
  .hero-v6-art{
    right:-1.25%;
    width:61.5%;
    height:100%;
    background-image:url("assets/hero-v11-locked-reference-art.jpg");
    background-repeat:no-repeat;
    /* ~15% additional reduction from V12's 91% visual height */
    background-size:auto 77.35%;
    background-position:right bottom;
    opacity:1;
  }

  .hero-v6-art:after{
    display:none!important;
    content:none!important;
  }

  /* Slightly later transition to expose the left-most man more clearly. */
  .hero-v6-wash{
    background:linear-gradient(90deg,
      #fbfdfe 0%,
      #fbfdfe 39.5%,
      rgba(251,253,254,.98) 41.3%,
      rgba(251,253,254,.48) 43.0%,
      rgba(251,253,254,.07) 44.6%,
      transparent 45.8%);
  }
}

@media (min-width:1500px){
  .hero-v6-art{
    right:-1%;
    width:61%;
    background-size:auto 76.5%;
    background-position:right bottom;
  }
}

/* ==========================================================
   V15 — HERO CLEAN MATCH
   Source: exact user LOCKED design. No generated image.
   Single visual layer only — removes V14 double-image seam.
   ========================================================== */
@media (min-width:1201px){
  .hero-v6{
    height:745px;
    min-height:745px;
    max-height:745px;
    margin-top:72px;
    background:#fbfdfe;
    overflow:hidden;
  }

  .hero-v6-inner{
    height:100%;
    padding:68px 0 34px clamp(78px,5.2vw,100px);
    display:flex;
    align-items:flex-start;
  }

  .hero-v6-copy{
    width:39.5%;
    max-width:690px;
  }

  .hero-v6-eyebrow{
    margin-bottom:29px;
  }

  .hero-v6 h1{
    max-width:660px;
    font-size:clamp(62px,4.35vw,82px);
    line-height:.985;
    letter-spacing:-3.2px;
    margin:0 0 23px;
  }

  .hero-v6-lead{
    max-width:650px;
    font-size:15px;
    line-height:1.55;
    margin:0;
  }

  .hero-v6-actions{
    margin-top:25px;
    gap:18px;
  }

  .hero-v6-primary{width:288px;height:60px}
  .hero-v6-secondary{width:294px;height:60px}

  .hero-v6-features{
    width:690px;
    max-width:690px;
    margin-top:31px;
    display:grid;
    grid-template-columns:repeat(4,1fr);
    align-items:start;
  }

  .hero-v6-feature{
    min-height:80px;
    padding:3px 18px 0;
    overflow:hidden;
    align-items:flex-start;
  }
  .hero-v6-feature:first-child{padding-left:0}
  .hero-v6-feature + .hero-v6-feature{
    border-left:1px solid rgba(16,77,108,.34);
  }

  .hv6-feature-copy{
    display:flex;
    flex-direction:column;
    gap:5px;
    min-width:0;
  }
  .hv6-feature-copy b{
    position:static!important;
    display:block!important;
    transform:none!important;
    margin:0!important;
    font-size:11px;
    line-height:1.18;
  }
  .hv6-feature-copy small{
    position:static!important;
    display:block!important;
    transform:none!important;
    margin:0!important;
    font-size:8.5px;
    line-height:1.28;
  }

  .hero-v6-art{
    position:absolute;
    z-index:0;
    top:0;
    right:0;
    bottom:0;
    width:60.5%;
    height:100%;
    background-image:url("assets/hero-v15-locked-right-visual.jpg")!important;
    background-repeat:no-repeat!important;
    background-size:cover!important;
    background-position:center center!important;
    opacity:1!important;
  }

  .hero-v6-art:before,
  .hero-v6-art:after{
    display:none!important;
    content:none!important;
  }

  .hero-v6-wash{
    z-index:1;
    background:linear-gradient(90deg,
      #fbfdfe 0%,
      #fbfdfe 39.0%,
      rgba(251,253,254,.99) 40.0%,
      rgba(251,253,254,.90) 41.0%,
      rgba(251,253,254,.58) 42.2%,
      rgba(251,253,254,.24) 43.4%,
      rgba(251,253,254,.06) 44.5%,
      transparent 45.5%)!important;
  }
}

@media (min-width:1600px){
  .hero-v6{
    height:745px;
    min-height:745px;
    max-height:745px;
  }
  .hero-v6-art{
    width:60%;
    background-position:center center!important;
  }
  .hero-v6-copy{width:39.5%}
}

@media (max-width:1200px) and (min-width:901px){
  .hero-v6-art{
    background-image:url("assets/hero-v15-locked-right-visual.jpg")!important;
    background-size:cover!important;
    background-position:center center!important;
  }
}

/* ==========================================================
   V16 — HERO LOCKED FINAL
   Exact approved locked hero design. No regeneration.
   Desktop hero is rendered from the approved reference so
   geometry, spacing, people scale, building and alignment
   remain identical to the locked design.
   ========================================================== */
@media (min-width:1201px){
  .hero-v6{
    position:relative;
    margin-top:72px;
    height:auto;
    min-height:0;
    max-height:none;
    aspect-ratio:1848 / 832;
    overflow:hidden;
    background:#fff url("assets/hero-v16-LOCKED-FINAL.png") center top / 100% 100% no-repeat !important;
  }

  /* Hide reconstructed hero layers/content on desktop because the
     approved reference itself is the locked visual composition. */
  .hero-v6 > .hero-v6-art,
  .hero-v6 > .hero-v6-wash,
  .hero-v6 > .hero-v6-inner{
    visibility:hidden !important;
  }
}

/* Preserve functional/responsive live layout below desktop breakpoint. */
@media (max-width:1200px){
  .hero-v6{
    background:#fbfdfe;
  }
}

/* ==========================================================
   V17 — SINGLE HEADER FIX
   Same V16 locked hero. Only the baked-in header was cropped.
   The site's real/live header remains untouched.
   ========================================================== */
@media (min-width:1201px){
  .hero-v6{
    margin-top:72px;
    height:auto;
    min-height:0;
    max-height:none;
    aspect-ratio:1848 / 752;
    overflow:hidden;
    background:#fff url("assets/hero-v17-LOCKED-HERO-NO-HEADER.png")
               center top / 100% 100% no-repeat !important;
  }

  .hero-v6 > .hero-v6-art,
  .hero-v6 > .hero-v6-wash,
  .hero-v6 > .hero-v6-inner{
    visibility:hidden !important;
  }
}