:root{--navy:#071c38;--navy2:#0b294d;--gold:#c79a4b;--ink:#0d1c34;--muted:#5f6979;--paper:#f7f5ef;--line:rgba(13,28,52,.12);--white:#fff;--radius:28px;--shadow:0 24px 70px rgba(7,28,56,.13)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Manrope,Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.55}a{color:inherit}.shell{width:min(1420px,calc(100% - 80px));margin:auto}.skip-link{position:absolute;left:-999px;top:8px;background:#fff;padding:10px;z-index:99}.skip-link:focus{left:8px}.site-header{height:88px;position:sticky;top:0;z-index:50;background:rgba(255,255,255,.95);backdrop-filter:blur(16px);border-bottom:1px solid rgba(7,28,56,.08)}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;text-decoration:none}.brand-waz{font-size:38px;font-weight:800;letter-spacing:-.08em}.brand-divider{width:1px;height:40px;background:rgba(13,28,52,.2);margin:0 17px}.brand-copy{display:grid;line-height:1}.brand-copy b{font-size:13px;letter-spacing:.28em}.brand-copy small{font-size:9px;letter-spacing:.38em;margin-top:7px}.primary-nav{display:flex;align-items:center;gap:34px}.primary-nav a{text-decoration:none;font-size:12px;font-weight:700}.nav-cta,.button.primary{background:var(--navy);color:#fff;border-radius:999px;padding:14px 24px}.nav-cta span,.button span{color:var(--gold)}.menu-toggle{display:none;border:0;background:none}.menu-toggle span{display:block;width:25px;height:2px;background:var(--navy);margin:5px}
.hero{min-height:760px;position:relative;display:flex;align-items:center;overflow:hidden;background:linear-gradient(90deg,#fbfaf7 0%,#f7f2e8 45%,#eef4f7 100%)}.hero-scene{position:absolute;inset:0 0 0 38%;background:url('assets/hero-scene.jpg') center/cover no-repeat}.hero-scene:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#f9f6ef 0%,rgba(249,246,239,.98) 8%,rgba(249,246,239,.62) 27%,rgba(249,246,239,.05) 62%)}.hero-grid{position:relative;z-index:2}.hero-copy{max-width:640px;padding:90px 0}.eyebrow{margin:0 0 16px;color:var(--gold);font-weight:800;text-transform:uppercase;letter-spacing:.14em;font-size:11px}.hero h1,.section h2{font-size:clamp(48px,5vw,76px);line-height:1.03;letter-spacing:-.055em;margin:0}.hero h1 em,.section h2 em{font-style:normal;color:var(--gold)}.hero-copy>p:not(.eyebrow){font-size:17px;color:#344156;max-width:600px}.actions{display:flex;align-items:center;gap:24px;margin-top:30px}.button{display:inline-flex;text-decoration:none;font-weight:800;font-size:12px}.text-link{font-size:12px;font-weight:800;text-decoration:none}.section{padding:110px 0}
.about{background:#fff}.about-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:58px 74px;align-items:center}.about-copy p{color:var(--muted)}.about .lead{font-size:19px}.about-photo{height:470px;border-radius:26px;background:url('assets/about-scene.jpg') center/cover no-repeat;box-shadow:var(--shadow)}.principle-strip{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:20px;overflow:hidden;background:#fff;box-shadow:0 12px 36px rgba(7,28,56,.06)}.principle-strip article{padding:25px 30px;border-right:1px solid var(--line);display:grid;grid-template-columns:auto 1fr;column-gap:13px}.principle-strip article:last-child{border:0}.principle-strip i{color:var(--gold);font-size:22px;grid-row:1/3}.principle-strip strong,.principle-strip span{display:block}.principle-strip span{color:var(--muted);font-size:12px;margin-top:4px}
.ventures{background:linear-gradient(180deg,#faf9f5,#f2f0eb)}.section-head{display:grid;grid-template-columns:1fr .7fr;gap:55px;align-items:end;margin-bottom:42px}.section-head>p{color:var(--muted)}.venture-grid{display:grid;gap:20px}.active-grid{grid-template-columns:repeat(3,1fr)}.future-grid{grid-template-columns:repeat(2,1fr);margin-top:20px}.venture-card{min-height:570px;border-radius:24px;overflow:hidden;position:relative;color:#fff;padding:26px;display:flex;flex-direction:column;justify-content:space-between;background:var(--navy);box-shadow:0 18px 46px rgba(7,28,56,.16)}.venture-card:before{content:"";position:absolute;inset:0;background-image:linear-gradient(180deg,rgba(3,10,20,.03),rgba(3,10,20,.26) 42%,rgba(3,10,20,.97) 88%),var(--image);background-size:cover;background-position:center}.venture-card>*{position:relative;z-index:2}.venture-number,.coming{align-self:flex-start;border:1px solid var(--accent);border-radius:999px;padding:7px 11px;font-weight:800;font-size:10px;background:rgba(4,13,26,.5);backdrop-filter:blur(8px)}.coming{margin-left:auto}.venture-content p{font-size:10px;text-transform:uppercase;letter-spacing:.13em;color:var(--accent);font-weight:800}.venture-content h3{font-size:29px;line-height:1.08;margin:8px 0 14px}.venture-content>span{font-size:13px;display:block;max-width:440px}.venture-content a,.status{margin-top:24px;border:1px solid var(--accent);text-decoration:none;padding:12px 15px;border-radius:10px;display:flex;justify-content:space-between;font-size:10px;text-transform:uppercase;letter-spacing:.04em}.future{min-height:400px}.future .venture-content h3{font-size:28px}.status{display:block;text-align:center;color:#fff}
.why{position:relative;overflow:hidden;background:linear-gradient(90deg,#fff 0%,#fbfaf7 47%,#f2efe9 100%)}.why-map{position:absolute;right:0;top:0;width:58%;height:100%;background:url('assets/why-map-clean.jpg') center/cover no-repeat;opacity:.78}.why-map:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.72) 28%,rgba(255,255,255,.08) 80%)}.why-grid{position:relative;z-index:2;display:grid;grid-template-columns:.76fr 1.24fr;gap:70px;align-items:center}.why-copy p{color:#4f5b6d;max-width:560px}.values{display:grid;grid-template-columns:repeat(3,1fr);background:rgba(255,255,255,.72);border:1px solid rgba(13,28,52,.08);border-radius:22px;overflow:hidden;backdrop-filter:blur(8px)}.values article{padding:25px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.values article:nth-child(3n){border-right:0}.values article:nth-child(n+4){border-bottom:0}.values i{display:inline-grid;place-items:center;width:36px;height:36px;border:1px solid rgba(199,154,75,.45);border-radius:50%;color:var(--gold);font-style:normal;margin-bottom:12px}.values b,.values span{display:block}.values span{font-size:11px;color:#657083;margin-top:7px}
.ecosystem{background:linear-gradient(135deg,#061a34,#0a2b50);color:#fff;overflow:hidden}.ecosystem-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:50px;align-items:center}.ecosystem-copy p:last-child{color:#d2dae4;max-width:530px}.network{height:650px;position:relative}.network-map{position:absolute;inset:10% 0;background:radial-gradient(circle at 50% 58%,rgba(199,154,75,.23),transparent 34%),url('assets/why-map-clean.jpg') center/cover no-repeat;opacity:.22;filter:saturate(.3)}.hub{position:absolute;left:46%;top:47%;transform:translate(-50%,-50%);width:190px;height:190px;border-radius:50%;background:radial-gradient(circle,#fff 0%,#f7f0df 72%,#d7aa5e 100%);color:var(--navy);display:grid;place-content:center;text-align:center;box-shadow:0 0 45px rgba(220,173,92,.8);z-index:4}.hub span{font-size:42px;font-weight:800;letter-spacing:-.08em}.hub small{letter-spacing:.25em;font-weight:700}.hub b{font-size:11px;color:var(--gold);margin-top:8px}.node{position:absolute;width:154px;height:154px;border-radius:50%;overflow:hidden;border:3px solid var(--gold);box-shadow:0 0 28px rgba(199,154,75,.38);text-decoration:none;z-index:3;background:#081a31}.node img{width:100%;height:100%;object-fit:cover;opacity:.72}.node:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 38%,rgba(3,12,25,.94))}.node>span{position:absolute;left:15px;right:15px;bottom:18px;z-index:2;font-size:13px;font-weight:800;text-align:center}.node small{display:block;color:var(--gold);font-size:8px;text-transform:uppercase;margin-top:4px}.n1{left:3%;top:12%;border-color:#3d86ff}.n2{left:5%;bottom:8%;border-color:#7cc83f}.n3{right:3%;top:9%;border-color:#b773d0}.n4{right:16%;bottom:3%}.n5{right:0;bottom:18%}.network-line{position:absolute;height:2px;background:linear-gradient(90deg,transparent,var(--gold),transparent);transform-origin:left center;z-index:2;opacity:.8}.l1{width:260px;left:18%;top:28%;transform:rotate(17deg)}.l2{width:260px;left:18%;bottom:26%;transform:rotate(-16deg)}.l3{width:250px;left:55%;top:31%;transform:rotate(-17deg)}.l4{width:210px;left:57%;bottom:23%;transform:rotate(17deg)}.l5{width:250px;left:58%;bottom:35%;transform:rotate(5deg)}
.journey{background:#f5f2ec}.journey-panel{position:relative;overflow:hidden;border-radius:30px;min-height:520px;background:#fff;box-shadow:var(--shadow)}.journey-scene{position:absolute;inset:0 0 0 30%;background:url('assets/journey-scene.jpg') center/cover no-repeat}.journey-scene:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#fff8ec 0%,rgba(255,248,236,.98) 14%,rgba(255,248,236,.35) 50%,rgba(255,248,236,.02))}.journey-copy{position:relative;z-index:2;width:54%;padding:64px}.journey-copy h2{font-size:52px;line-height:1.04}.journey-copy p{color:#3e4a5d}.journey-links{position:absolute;z-index:3;right:42px;bottom:32px;display:flex;gap:20px;background:rgba(255,255,255,.82);padding:18px 22px;border-radius:16px;backdrop-filter:blur(10px)}.journey-links a{text-decoration:none;font-size:10px;padding-left:15px;border-left:1px solid rgba(13,28,52,.16)}.journey-links b,.journey-links span{display:block}.journey-links span{color:var(--muted);margin-top:3px}
.site-footer{background:#061a34;color:#fff;padding:68px 0 22px}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,.65fr);gap:48px}.footer-brand{color:#fff}.footer-grid p{color:#c3cedb;max-width:380px}.footer-grid nav{display:grid;align-content:start;gap:9px}.footer-grid nav b{color:var(--gold);font-size:11px;text-transform:uppercase}.footer-grid nav a{text-decoration:none;font-size:12px;color:#e4e9ef}.socials{display:flex;gap:10px}.socials a{width:34px;height:34px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;text-decoration:none;font-size:10px}.footer-bottom{border-top:1px solid rgba(255,255,255,.14);margin-top:38px;padding-top:18px;display:flex;justify-content:space-between;color:#aab7c6;font-size:10px}.reveal{opacity:0;transform:translateY(18px);transition:.7s}.reveal.visible{opacity:1;transform:none}
@media(max-width:1120px){.active-grid{grid-template-columns:repeat(2,1fr)}.active-grid .venture-card:last-child{grid-column:1/-1}.why-grid,.ecosystem-grid{grid-template-columns:1fr}.network{height:610px}.footer-grid{grid-template-columns:1.2fr repeat(3,.7fr)}}
@media(max-width:860px){.shell{width:min(100% - 30px,760px)}.menu-toggle{display:block}.primary-nav{display:none;position:absolute;top:76px;left:15px;right:15px;background:#fff;border-radius:20px;padding:20px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch}.primary-nav.open{display:flex}.hero{min-height:780px;align-items:flex-end}.hero-scene{inset:0}.hero-scene:after{background:linear-gradient(180deg,rgba(247,244,237,.02),rgba(247,244,237,.98) 60%)}.hero-copy{padding:400px 0 65px}.about-grid,.section-head{grid-template-columns:1fr;gap:30px}.about-photo{height:370px}.active-grid,.future-grid{grid-template-columns:1fr 1fr}.active-grid .venture-card:last-child{grid-column:1/-1}.why-map{width:100%;opacity:.35}.why-grid{grid-template-columns:1fr}.values{grid-template-columns:repeat(2,1fr)}.values article:nth-child(3n){border-right:1px solid var(--line)}.values article:nth-child(2n){border-right:0}.values article:nth-child(n+4){border-bottom:1px solid var(--line)}.values article:nth-child(n+5){border-bottom:0}.journey-scene{inset:0}.journey-scene:after{background:linear-gradient(180deg,rgba(255,248,236,.05),rgba(255,248,236,.98) 58%)}.journey-copy{width:100%;padding:310px 38px 150px}.journey-links{left:28px;right:28px;bottom:26px}.footer-grid{grid-template-columns:1fr 1fr}.footer-bottom{display:grid;gap:8px}}
@media(max-width:600px){.shell{width:min(100% - 22px,540px)}.site-header{height:70px}.brand-waz{font-size:30px}.brand-divider{height:32px;margin:0 11px}.brand-copy b{font-size:9px}.hero-copy{padding-top:330px}.hero h1,.section h2{font-size:41px}.actions{align-items:stretch;flex-direction:column}.button.primary{justify-content:center}.section{padding:76px 0}.principle-strip{grid-template-columns:1fr}.principle-strip article{border-right:0;border-bottom:1px solid var(--line)}.active-grid,.future-grid{grid-template-columns:1fr}.active-grid .venture-card:last-child{grid-column:auto}.venture-card{min-height:510px}.future{min-height:390px}.values{grid-template-columns:1fr}.values article{border-right:0!important;border-bottom:1px solid var(--line)!important}.values article:last-child{border-bottom:0!important}.network{height:780px}.hub{left:50%;top:45%;width:150px;height:150px}.hub span{font-size:34px}.node{width:120px;height:120px}.n1{left:0;top:6%}.n2{left:0;bottom:12%}.n3{right:0;top:7%}.n4{right:12%;bottom:0}.n5{right:0;bottom:18%}.network-line{display:none}.journey-copy{padding:280px 24px 230px}.journey-copy h2{font-size:38px}.journey-links{display:grid;gap:10px}.footer-grid{grid-template-columns:1fr}.footer-bottom{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}}

/* Production refinement pass v4 */
body{font-size:16px}
.hero{min-height:820px}
.hero:before{content:"";position:absolute;left:4.8%;top:22%;width:54px;height:2px;background:linear-gradient(90deg,var(--gold),transparent);z-index:3}
.hero-copy{max-width:690px;padding:118px 0 105px}
.hero-copy>p:not(.eyebrow){font-size:18px;line-height:1.75;max-width:610px}
.hero .actions{margin-top:36px}
.button.primary{padding:15px 27px;box-shadow:0 10px 26px rgba(7,28,56,.14)}
.section{padding:126px 0}

.about-grid{grid-template-columns:.78fr 1.22fr;gap:64px 86px}
.about-photo{height:520px;border-radius:30px;position:relative;overflow:hidden}
.about-photo:after{content:"";position:absolute;inset:auto 0 0;height:34%;background:linear-gradient(180deg,transparent,rgba(7,28,56,.24))}
.about-copy p{font-size:16px;line-height:1.78}
.about .lead{font-size:20px;line-height:1.65;color:#354359}
.principle-strip{border-radius:24px;box-shadow:0 18px 50px rgba(7,28,56,.08)}
.principle-strip article{padding:30px 34px;align-items:start}
.principle-strip i{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:#fbf5e9;border:1px solid rgba(199,154,75,.3);font-size:20px}
.principle-strip strong{font-size:14px;margin-top:2px}
.principle-strip span{font-size:13px;line-height:1.55}

.section-head{margin-bottom:52px}
.section-head>p{font-size:16px;line-height:1.75;max-width:570px}
.venture-grid{gap:24px}
.active-grid{grid-template-columns:repeat(3,1fr)}
.venture-card{min-height:610px;padding:0;border-radius:28px;background:#fff;color:var(--ink);border:1px solid rgba(7,28,56,.08);box-shadow:0 24px 58px rgba(7,28,56,.13);display:block;transition:transform .35s ease,box-shadow .35s ease}
.venture-card:hover{transform:translateY(-7px);box-shadow:0 32px 70px rgba(7,28,56,.18)}
.venture-card:before{inset:0 0 auto;height:57%;background-image:linear-gradient(180deg,rgba(3,10,20,.03),rgba(3,10,20,.12)),var(--image);background-position:center;background-size:cover}
.venture-card:after{content:"";position:absolute;inset:57% 0 0;background:#071421;z-index:1}
.venture-card:nth-child(2):after{background:#fff}
.venture-number,.coming{position:absolute;top:22px;left:22px;color:#fff;background:rgba(6,20,35,.72);z-index:3;padding:8px 12px}
.coming{left:auto;right:22px}
.venture-content{position:absolute;left:0;right:0;bottom:0;min-height:43%;padding:28px 28px 26px;color:#fff;display:flex;flex-direction:column;z-index:3}
.venture-card:nth-child(2) .venture-content{color:var(--ink)}
.venture-content p{margin:0 0 5px}
.venture-content h3{font-size:30px;margin:5px 0 14px;max-width:95%}
.venture-content>span{font-size:14px;line-height:1.65;color:rgba(255,255,255,.78)}
.venture-card:nth-child(2) .venture-content>span{color:#5b6676}
.venture-content a,.status{margin-top:auto;padding:13px 16px;border-radius:12px;font-size:11px;font-weight:800}
.venture-card:nth-child(2) .venture-content a{color:var(--ink);background:#fff}
.venture-card:not(:nth-child(2)) .venture-content a{background:#fff;color:#071421;border-color:#fff}
.future-grid{margin-top:24px}
.future{min-height:360px;display:grid;grid-template-columns:1.1fr .9fr;background:#fff}
.future:before{inset:0 45% 0 0;height:auto}
.future:after{inset:0 0 0 55%;background:#071421}
.future:nth-child(2):after{background:#fff}
.future .venture-content{left:55%;top:0;min-height:100%;padding:34px 30px}
.future:nth-child(2) .venture-content{color:var(--ink)}
.future:nth-child(2) .venture-content>span{color:#5b6676}
.future .venture-content h3{font-size:28px}
.future .coming{left:auto;right:22px}
.future:nth-child(2) .status{color:var(--ink)}

.why-grid{grid-template-columns:.72fr 1.28fr;gap:86px}
.why-copy p{font-size:16px;line-height:1.78}
.values{gap:14px;background:transparent;border:0;overflow:visible;backdrop-filter:none}
.values article{padding:28px 25px;border:1px solid rgba(13,28,52,.09)!important;border-radius:18px;background:rgba(255,255,255,.86);box-shadow:0 12px 34px rgba(7,28,56,.07);min-height:185px;transition:transform .3s ease}
.values article:hover{transform:translateY(-4px)}
.values i{width:44px;height:44px;font-size:18px;background:#fff8e9}
.values b{font-size:14px}
.values span{font-size:12px;line-height:1.6}

.ecosystem-grid{grid-template-columns:.62fr 1.38fr;gap:70px}
.ecosystem-copy p:last-child{font-size:16px;line-height:1.75}
.network{height:720px;border-radius:32px;background:radial-gradient(circle at 50% 50%,rgba(37,83,126,.42),rgba(5,24,48,.05) 62%);border:1px solid rgba(255,255,255,.08)}
.network-map{inset:5%;opacity:.28;border-radius:26px}
.hub{left:50%;top:50%;width:224px;height:224px;box-shadow:0 0 66px rgba(220,173,92,.72)}
.hub span{font-size:50px}
.node{width:170px;height:170px;border-width:4px}
.node>span{font-size:14px;bottom:20px}
.n1{left:5%;top:10%}.n2{left:6%;bottom:8%}.n3{right:5%;top:9%}.n4{right:19%;bottom:4%}.n5{right:1%;bottom:21%}
.l1{width:300px;left:19%;top:29%}.l2{width:300px;left:19%;bottom:26%}.l3{width:300px;left:56%;top:30%}.l4{width:230px;left:59%;bottom:24%}.l5{width:260px;left:60%;bottom:37%}

.journey-panel{min-height:560px;border-radius:34px}
.journey-copy{width:56%;padding:78px 72px}
.journey-copy h2{font-size:56px}
.journey-copy p{font-size:16px;line-height:1.75;max-width:640px}
.journey-links{right:40px;bottom:38px;padding:20px 24px;gap:24px}
.journey-links a{font-size:11px;padding-left:18px}

.footer-grid p{font-size:13px;line-height:1.7}.footer-grid nav a{font-size:13px}

@media(max-width:1120px){
  .active-grid{grid-template-columns:repeat(2,1fr)}
  .active-grid .venture-card:last-child{grid-column:1/-1;min-height:560px}
  .future{grid-template-columns:1fr;min-height:470px}
  .future:before{inset:0 0 48% 0}.future:after{inset:52% 0 0}.future .venture-content{left:0;top:52%;min-height:48%}
  .network{height:680px}
}
@media(max-width:860px){
  .hero:before{display:none}.hero-copy{padding:410px 0 78px}.section{padding:96px 0}
  .about-grid{gap:34px}.principle-strip article{padding:24px}
  .active-grid,.future-grid{grid-template-columns:1fr 1fr}
  .active-grid .venture-card:last-child{grid-column:1/-1}
  .future{display:block;min-height:500px}.future:before{inset:0 0 auto;height:55%}.future:after{inset:55% 0 0}.future .venture-content{left:0;top:auto;min-height:45%}
  .ecosystem-grid{gap:34px}.network{height:650px}
  .journey-copy{padding:330px 38px 180px}.journey-links{bottom:28px}
}
@media(max-width:600px){
  body{font-size:15px}.hero-copy>p:not(.eyebrow){font-size:16px}.section{padding:82px 0}
  .about-photo{height:390px}.principle-strip article{padding:22px}
  .active-grid,.future-grid{grid-template-columns:1fr}.venture-card,.active-grid .venture-card:last-child{min-height:560px}
  .future{min-height:470px}.future .venture-content h3{font-size:26px}
  .values article{min-height:auto;padding:23px}
  .network{height:720px;border-radius:24px}.hub{width:158px;height:158px}.hub span{font-size:35px}.node{width:116px;height:116px}.node>span{font-size:10px;bottom:12px}.n1{left:2%;top:6%}.n2{left:1%;bottom:11%}.n3{right:2%;top:7%}.n4{right:19%;bottom:0}.n5{right:0;bottom:18%}
  .journey-panel{min-height:720px}.journey-copy{padding:310px 24px 245px}.journey-copy h2{font-size:40px}.journey-links{left:22px;right:22px;bottom:24px;padding:16px}
}

/* Hero background fit refinement v7 — desktop and mobile only */
.hero-scene{
  inset:0;
  background-position:center center;
  background-size:cover;
  background-repeat:no-repeat;
}
.hero-scene:after{
  background:linear-gradient(90deg,
    rgba(249,246,239,.98) 0%,
    rgba(249,246,239,.94) 24%,
    rgba(249,246,239,.68) 38%,
    rgba(249,246,239,.16) 55%,
    rgba(249,246,239,0) 72%);
}

@media(max-width:860px){
  .hero{
    min-height:820px;
    align-items:flex-end;
  }
  .hero-scene{
    inset:0;
    background-size:100% auto;
    background-position:center top;
    background-color:#f8f6f0;
  }
  .hero-scene:after{
    background:linear-gradient(180deg,
      rgba(248,246,240,0) 0%,
      rgba(248,246,240,.08) 34%,
      rgba(248,246,240,.88) 55%,
      #f8f6f0 69%);
  }
  .hero-copy{
    padding:400px 0 72px;
  }
}

@media(max-width:600px){
  .hero{
    min-height:800px;
  }
  .hero-scene{
    background-size:100% auto;
    background-position:center top;
  }
  .hero-scene:after{
    background:linear-gradient(180deg,
      rgba(248,246,240,0) 0%,
      rgba(248,246,240,.12) 29%,
      rgba(248,246,240,.94) 47%,
      #f8f6f0 59%);
  }
  .hero-copy{
    padding:320px 0 64px;
  }
}

/* Unified headquarters overview: About + Why WAZ + Ventures */
.hq-overview{position:relative;overflow:hidden;background:linear-gradient(180deg,#fff 0%,#fbfaf7 50%,#f6f2e9 100%)}
.hq-overview-map{position:absolute;right:-5%;top:0;width:62%;height:720px;background:url('assets/why-map-clean.jpg') center/cover no-repeat;opacity:.17;mask-image:linear-gradient(90deg,transparent 0%,#000 30%,#000 100%)}
.hq-overview-shell{position:relative;z-index:2}
.hq-overview-intro{display:grid;grid-template-columns:.82fr 1.18fr;gap:76px;align-items:center}
.hq-overview-copy h2{font-size:clamp(46px,4.6vw,72px);line-height:1.03;letter-spacing:-.055em;margin:0}
.hq-overview-copy h2 em,.hq-ventures-head h3 em{font-style:normal;color:var(--gold)}
.hq-overview-copy .lead{font-size:20px;line-height:1.65;color:#334158;margin-top:28px}
.hq-overview-copy p:last-child{font-size:16px;line-height:1.8;color:#5b6676}
.hq-overview-visual{height:510px;border-radius:30px;background:url('assets/about-scene.jpg') center/cover no-repeat;box-shadow:0 30px 70px rgba(7,28,56,.14);position:relative;overflow:hidden}
.hq-overview-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.08),transparent 50%,rgba(7,28,56,.12))}
.hq-values{margin-top:44px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.hq-values article{display:flex;gap:16px;align-items:flex-start;padding:24px;border:1px solid rgba(7,28,56,.08);border-radius:18px;background:rgba(255,255,255,.88);box-shadow:0 12px 30px rgba(7,28,56,.06)}
.hq-values i{flex:0 0 42px;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;color:var(--gold);background:#fff8e9;border:1px solid rgba(199,154,75,.3);font-style:normal;font-weight:800}
.hq-values b{display:block;font-size:14px;margin-bottom:6px}.hq-values span{display:block;font-size:12px;line-height:1.55;color:#657082}
.hq-ventures{margin-top:110px}
.hq-ventures-head{display:grid;grid-template-columns:1fr .8fr;gap:70px;align-items:end;margin-bottom:42px}
.hq-ventures-head h3{font-size:clamp(42px,4vw,62px);line-height:1.03;letter-spacing:-.05em;margin:0}
.hq-ventures-head>p{font-size:16px;line-height:1.75;color:#5d6878;margin:0 0 8px}
.hq-venture-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.hq-venture-card{position:relative;display:grid;grid-template-rows:54% 46%;min-height:610px;border-radius:28px;overflow:hidden;text-decoration:none;background:#071421;color:#fff;box-shadow:0 24px 58px rgba(7,28,56,.13);border:1px solid rgba(7,28,56,.08);transition:transform .35s ease,box-shadow .35s ease}
.hq-venture-card:hover{transform:translateY(-7px);box-shadow:0 34px 72px rgba(7,28,56,.2)}
.hq-venture-card.reverse{background:#fff;color:var(--ink)}
.hq-card-image{background-image:linear-gradient(180deg,rgba(3,10,20,.02),rgba(3,10,20,.18)),var(--image);background-position:center;background-size:cover}
.venture-index{position:absolute;top:20px;left:20px;z-index:3;padding:7px 11px;border-radius:999px;background:rgba(7,20,33,.72);color:#fff;font-size:10px;font-weight:800}
.hq-card-copy{padding:29px 28px 25px;display:flex;flex-direction:column}
.hq-card-copy small{color:var(--accent);text-transform:uppercase;letter-spacing:.12em;font-weight:800;font-size:10px}
.hq-card-copy h4{font-size:30px;line-height:1.08;margin:8px 0 14px}
.hq-card-copy p{font-size:14px;line-height:1.65;color:rgba(255,255,255,.75);margin:0}
.hq-venture-card.reverse .hq-card-copy p{color:#5c6777}
.hq-card-cta{margin-top:auto;display:flex;justify-content:space-between;align-items:center;padding:13px 15px;border-radius:12px;background:#fff;color:#071421;font-size:11px;font-weight:800;border:1px solid #fff}
.hq-venture-card.reverse .hq-card-cta{background:#071421;color:#fff;border-color:#071421}
.hq-future-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px}
.hq-future-card{display:grid;grid-template-columns:1.1fr .9fr;min-height:290px;border-radius:26px;overflow:hidden;background:#071421;color:#fff;box-shadow:0 20px 48px rgba(7,28,56,.11)}
.hq-future-card.light{background:#fff;color:var(--ink)}
.hq-future-image{background-image:linear-gradient(90deg,rgba(3,10,20,.04),rgba(3,10,20,.12)),var(--image);background-position:center;background-size:cover}
.hq-future-card>div:last-child{padding:34px 30px;display:flex;flex-direction:column}
.hq-future-card small{color:var(--gold);text-transform:uppercase;letter-spacing:.12em;font-weight:800;font-size:10px}
.hq-future-card h4{font-size:28px;line-height:1.08;margin:8px 0 12px}
.hq-future-card p{font-size:13px;line-height:1.65;color:rgba(255,255,255,.72);margin:0}
.hq-future-card.light p{color:#5e6877}
.hq-future-card span{margin-top:auto;display:inline-block;width:max-content;padding:8px 12px;border-radius:999px;border:1px solid rgba(199,154,75,.65);color:var(--gold);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
@media(max-width:1020px){.hq-overview-intro{grid-template-columns:1fr;gap:36px}.hq-overview-visual{height:430px}.hq-values{grid-template-columns:repeat(2,1fr)}.hq-venture-grid{grid-template-columns:1fr 1fr}.hq-venture-card:last-child{grid-column:1/-1}.hq-future-card{grid-template-columns:1fr;min-height:460px}.hq-future-image{min-height:240px}}
@media(max-width:760px){.hq-overview-map{width:100%;opacity:.11}.hq-overview-copy h2{font-size:44px}.hq-overview-copy .lead{font-size:17px}.hq-values{grid-template-columns:1fr}.hq-ventures{margin-top:82px}.hq-ventures-head{grid-template-columns:1fr;gap:20px}.hq-ventures-head h3{font-size:42px}.hq-venture-grid,.hq-future-grid{grid-template-columns:1fr}.hq-venture-card,.hq-venture-card:last-child{grid-column:auto;min-height:560px}.hq-future-card{min-height:430px}.hq-overview-visual{height:360px}}


/* v9 — unified Why WAZ ecosystem section */
.anchor-point{position:absolute;top:-92px}
.why-ecosystem{position:relative;overflow:hidden;background:linear-gradient(135deg,#f7f8fb 0%,#eef3f8 44%,#dfe9f2 100%);color:var(--navy);padding:118px 0 90px}
.why-ecosystem:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 75% 34%,rgba(255,255,255,.94),transparent 26%),linear-gradient(90deg,rgba(255,255,255,.96) 0%,rgba(255,255,255,.72) 32%,rgba(255,255,255,.08) 64%);pointer-events:none}
.why-ecosystem-glow{position:absolute;inset:0;background:url('assets/why-map-clean.jpg') 75% 42%/72% auto no-repeat;opacity:.2;filter:saturate(.2);mix-blend-mode:multiply}
.why-ecosystem-shell{position:relative;z-index:2;display:grid;grid-template-columns:.58fr 1.42fr;gap:56px 64px;align-items:center}
.why-ecosystem-copy h2{font-size:clamp(47px,4.9vw,76px);line-height:1.02;letter-spacing:-.055em;margin:0}
.why-ecosystem-copy h2 em{font-style:normal;color:var(--gold)}
.why-ecosystem-copy .lead{font-size:18px;line-height:1.68;color:#2f3d52;margin:28px 0 12px}
.why-ecosystem-copy>p:last-of-type{font-size:15px;line-height:1.78;color:#5d6877}
.why-pillars{display:grid;gap:14px;margin-top:30px}
.why-pillars article{display:flex;align-items:flex-start;gap:14px}
.why-pillars i{width:44px;height:44px;flex:0 0 44px;border-radius:50%;display:grid;place-items:center;font-style:normal;color:var(--gold);border:1px solid rgba(199,154,75,.38);background:rgba(255,255,255,.75)}
.why-pillars b{display:block;font-size:14px;margin:2px 0 3px}.why-pillars span{display:block;font-size:12px;line-height:1.5;color:#536072}
.why-network{height:700px;position:relative;border-radius:38px;overflow:hidden;background:linear-gradient(135deg,rgba(255,255,255,.48),rgba(221,232,242,.3));border:1px solid rgba(255,255,255,.82);box-shadow:0 30px 80px rgba(7,28,56,.14)}
.why-network-map{position:absolute;inset:0;background:radial-gradient(circle at 50% 58%,rgba(199,154,75,.32),transparent 27%),url('assets/ecosystem-visual.jpg') center/cover no-repeat;opacity:.9}
.why-network:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(245,249,252,.05),rgba(5,26,52,.02));pointer-events:none}
.why-hub{position:absolute;left:50%;top:49%;transform:translate(-50%,-50%);width:218px;height:218px;border-radius:50%;display:grid;place-content:center;text-align:center;background:radial-gradient(circle,#fff 0%,#fbf7ec 66%,#d2a34f 100%);box-shadow:0 0 0 9px rgba(255,255,255,.45),0 0 68px rgba(199,154,75,.82);z-index:5}
.why-hub span{font-size:49px;font-weight:800;letter-spacing:-.07em}.why-hub small{font-size:12px;font-weight:800;letter-spacing:.24em}.why-hub b{font-size:11px;color:var(--gold);margin-top:9px}
.why-node{position:absolute;width:182px;height:182px;border-radius:50%;overflow:hidden;text-decoration:none;color:#fff;border:4px solid var(--gold);box-shadow:0 0 0 7px rgba(255,255,255,.25),0 16px 42px rgba(7,28,56,.25);z-index:4;background:#071c38;transition:transform .3s ease,box-shadow .3s ease}
a.why-node:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 0 0 7px rgba(255,255,255,.34),0 24px 54px rgba(7,28,56,.32)}
.why-node img{width:100%;height:100%;object-fit:cover;opacity:.83}.why-node:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,13,26,.02) 27%,rgba(2,13,26,.92) 82%)}
.why-node>span{position:absolute;left:16px;right:16px;bottom:19px;z-index:2;text-align:center}.why-node b{display:block;font-size:15px;line-height:1.18}.why-node small{display:block;margin-top:5px;font-size:9px;line-height:1.3;color:#e4ebf2}.why-node.is-soon small{color:#f3bd5b;text-transform:uppercase;font-weight:800;letter-spacing:.08em}
.wn1{left:4%;top:8%;border-color:#3e8cff}.wn2{left:2%;bottom:7%;border-color:#79c63c}.wn3{right:4%;top:7%;border-color:#29b8c9}.wn4{right:18%;bottom:2%;border-color:#b78043}.wn5{right:0;bottom:20%;border-color:#d89035}
.why-link{position:absolute;height:2px;background:linear-gradient(90deg,transparent,#e5b860,transparent);transform-origin:left center;z-index:3;filter:drop-shadow(0 0 5px rgba(232,183,88,.8))}.wl1{width:275px;left:19%;top:28%;transform:rotate(17deg)}.wl2{width:300px;left:17%;bottom:25%;transform:rotate(-16deg)}.wl3{width:275px;left:57%;top:29%;transform:rotate(-18deg)}.wl4{width:220px;left:59%;bottom:23%;transform:rotate(18deg)}.wl5{width:255px;left:60%;bottom:37%;transform:rotate(5deg)}
.why-foundation{grid-column:1/-1;display:grid;grid-template-columns:1.55fr repeat(4,1fr);gap:0;border-radius:26px;overflow:hidden;background:#071c38;color:#fff;box-shadow:0 20px 55px rgba(7,28,56,.17)}
.why-foundation>div,.why-foundation>article{padding:28px 26px;border-right:1px solid rgba(255,255,255,.13)}.why-foundation>*:last-child{border-right:0}
.foundation-intro{display:flex;flex-direction:column;justify-content:center}.foundation-intro strong{font-size:27px;line-height:1.08}.foundation-intro em{font-style:normal;color:#f0b84f}.foundation-intro span{font-size:12px;line-height:1.55;color:#d4dde8;margin-top:10px}
.why-foundation article i{display:block;font-style:normal;color:#f0b84f;font-size:24px;margin-bottom:9px}.why-foundation article b{display:block;font-size:13px;margin-bottom:5px}.why-foundation article span{display:block;font-size:11px;line-height:1.5;color:#d4dde8}
@media(max-width:1120px){.why-ecosystem-shell{grid-template-columns:1fr}.why-ecosystem-copy{max-width:760px}.why-network{height:690px}.why-foundation{grid-template-columns:repeat(2,1fr)}.why-foundation>*{border-bottom:1px solid rgba(255,255,255,.13)}.foundation-intro{grid-column:1/-1}.why-foundation>*:nth-last-child(-n+2){border-bottom:0}}
@media(max-width:760px){.why-ecosystem{padding:86px 0 70px}.why-ecosystem-copy h2{font-size:43px}.why-ecosystem-copy .lead{font-size:17px}.why-network{height:780px;border-radius:25px}.why-hub{width:158px;height:158px;top:45%}.why-hub span{font-size:36px}.why-hub small{font-size:8px}.why-node{width:122px;height:122px;border-width:3px}.why-node b{font-size:10px}.why-node small{font-size:7px}.wn1{left:1%;top:5%}.wn2{left:1%;bottom:12%}.wn3{right:1%;top:6%}.wn4{right:18%;bottom:0}.wn5{right:0;bottom:19%}.why-link{display:none}.why-foundation{grid-template-columns:1fr}.foundation-intro{grid-column:auto}.why-foundation>div,.why-foundation>article{border-right:0;border-bottom:1px solid rgba(255,255,255,.13)!important}.why-foundation>*:last-child{border-bottom:0!important}}

/* v10 — approved ecosystem artwork integration */
.why-ecosystem{
  padding:118px 0 94px;
  background:linear-gradient(180deg,#f7f9fc 0%,#eef4f8 100%);
}
.why-ecosystem:before{
  background:linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.86) 31%,rgba(255,255,255,.08) 62%);
}
.why-ecosystem-glow{display:none}
.why-ecosystem-shell{
  grid-template-columns:.58fr 1.42fr;
  gap:58px 66px;
}
.why-network{
  height:735px;
  border-radius:34px;
  background:#0b2848;
  border:1px solid rgba(255,255,255,.88);
  box-shadow:0 34px 90px rgba(7,28,56,.18);
}
.why-network-map{
  inset:0;
  background:url('assets/ecosystem-approved.png') center center/cover no-repeat;
  opacity:1;
}
.why-network:after{
  background:linear-gradient(90deg,rgba(7,28,56,.08),rgba(7,28,56,0) 38%,rgba(7,28,56,.05));
}
.why-hub{
  left:53%;
  top:49%;
  width:224px;
  height:224px;
  background:radial-gradient(circle,#fff 0%,#fbf7ec 67%,#d3a650 100%);
  box-shadow:0 0 0 10px rgba(255,255,255,.5),0 0 76px rgba(229,184,94,.9);
}
.why-node{
  width:188px;
  height:188px;
  border-width:4px;
  box-shadow:0 0 0 7px rgba(255,255,255,.32),0 18px 46px rgba(7,28,56,.32);
}
.why-node img{opacity:.9}
.wn1{left:3%;top:9%}
.wn2{left:5%;bottom:7%}
.wn3{right:3%;top:8%}
.wn4{right:17%;bottom:2%}
.wn5{right:-1%;bottom:20%}
.wl1{width:300px;left:20%;top:28%}
.wl2{width:315px;left:20%;bottom:25%}
.wl3{width:280px;left:59%;top:29%}
.wl4{width:230px;left:61%;bottom:23%}
.wl5{width:265px;left:62%;bottom:37%}
.why-pillars{margin-top:32px;gap:16px}
.why-pillars article{padding:4px 0}
.why-foundation{margin-top:4px}

@media(max-width:1120px){
  .why-ecosystem-shell{grid-template-columns:1fr;gap:42px}
  .why-ecosystem-copy{max-width:820px}
  .why-network{height:700px}
}
@media(max-width:760px){
  .why-ecosystem{padding:82px 0 70px}
  .why-ecosystem:before{background:linear-gradient(180deg,rgba(255,255,255,.97) 0%,rgba(255,255,255,.85) 29%,rgba(255,255,255,0) 58%)}
  .why-network{height:760px;border-radius:24px}
  .why-network-map{background-position:64% center}
  .why-hub{left:50%;top:47%;width:154px;height:154px}
  .why-node{width:118px;height:118px}
  .why-node>span{left:10px;right:10px;bottom:12px}
  .why-node b{font-size:10px}
  .why-node small{font-size:7px}
  .wn1{left:1%;top:5%}
  .wn2{left:1%;bottom:12%}
  .wn3{right:1%;top:6%}
  .wn4{right:18%;bottom:0}
  .wn5{right:0;bottom:18%}
}

/* v11 — unified cinematic Why WAZ ecosystem refinement */
.why-ecosystem{
  position:relative;
  isolation:isolate;
  padding:104px 0 0;
  background:#eef4f8;
}
.why-ecosystem::after{
  content:"";
  position:absolute;
  inset:0 0 150px 0;
  z-index:0;
  background:url('assets/ecosystem-approved.png') 58% center/cover no-repeat;
}
.why-ecosystem::before{
  content:"";
  position:absolute;
  inset:0 0 150px 0;
  z-index:1;
  background:linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.94) 25%,rgba(255,255,255,.64) 39%,rgba(255,255,255,.12) 58%,rgba(255,255,255,.02) 100%);
  pointer-events:none;
}
.why-ecosystem-shell{
  position:relative;
  z-index:2;
  grid-template-columns:minmax(360px,.7fr) minmax(680px,1.3fr);
  gap:20px 30px;
  align-items:center;
}
.why-ecosystem-copy{
  max-width:540px;
  padding:20px 0 38px;
}
.why-ecosystem-copy h2{
  font-size:clamp(44px,4.25vw,66px);
  line-height:1.01;
  letter-spacing:-.05em;
}
.why-ecosystem-copy .lead{
  margin:24px 0 10px;
  font-size:17px;
  line-height:1.62;
  max-width:510px;
}
.why-ecosystem-copy>p:last-of-type{
  font-size:14px;
  line-height:1.68;
  max-width:500px;
}
.why-pillars{
  gap:11px;
  margin-top:24px;
}
.why-pillars article{gap:12px}
.why-pillars i{width:40px;height:40px;flex-basis:40px}
.why-pillars b{font-size:13px}
.why-pillars span{font-size:11px}
.why-network{
  height:650px;
  overflow:visible;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.why-network-map{display:none}
.why-network:after{display:none}
.why-hub{
  left:51%;
  top:49%;
  width:190px;
  height:190px;
  box-shadow:0 0 0 8px rgba(255,255,255,.52),0 0 58px rgba(229,184,94,.86);
}
.why-hub span{font-size:43px}
.why-hub small{font-size:10px}
.why-hub b{font-size:10px}
.why-node{
  width:158px;
  height:158px;
  border-width:4px;
  box-shadow:0 0 0 6px rgba(255,255,255,.28),0 14px 34px rgba(7,28,56,.28);
}
.why-node>span{left:12px;right:12px;bottom:15px}
.why-node b{font-size:13px}
.why-node small{font-size:8px}
.wn1{left:6%;top:5%}
.wn2{left:4%;bottom:8%}
.wn3{right:5%;top:6%}
.wn4{right:20%;bottom:2%}
.wn5{right:2%;bottom:17%}
.wl1{width:250px;left:21%;top:26%;transform:rotate(17deg)}
.wl2{width:275px;left:20%;bottom:25%;transform:rotate(-15deg)}
.wl3{width:250px;left:57%;top:28%;transform:rotate(-18deg)}
.wl4{width:205px;left:59%;bottom:24%;transform:rotate(18deg)}
.wl5{width:225px;left:60%;bottom:37%;transform:rotate(6deg)}
.why-foundation{
  grid-column:1/-1;
  width:100%;
  margin-top:18px;
  border-radius:28px 28px 0 0;
  box-shadow:0 -10px 45px rgba(7,28,56,.13);
}
.why-foundation>div,.why-foundation>article{padding:25px 24px}
.foundation-intro strong{font-size:25px}
.foundation-intro span{font-size:11px}
.why-foundation article b{font-size:12px}
.why-foundation article span{font-size:10px}

@media(max-width:1180px){
  .why-ecosystem-shell{grid-template-columns:1fr;gap:22px}
  .why-ecosystem-copy{max-width:760px;padding-bottom:10px}
  .why-network{height:680px}
  .why-ecosystem::after,.why-ecosystem::before{inset:0 0 180px 0}
}
@media(max-width:820px){
  .why-ecosystem{padding-top:82px}
  .why-ecosystem::after{inset:0 0 0;background-position:63% center}
  .why-ecosystem::before{inset:0;background:linear-gradient(180deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.92) 34%,rgba(255,255,255,.35) 56%,rgba(255,255,255,.04) 76%)}
  .why-ecosystem-copy h2{font-size:43px}
  .why-network{height:720px;margin-top:8px}
  .why-hub{left:50%;top:45%;width:150px;height:150px}
  .why-hub span{font-size:34px}
  .why-node{width:116px;height:116px}
  .why-node b{font-size:10px}
  .why-node small{font-size:7px}
  .wn1{left:1%;top:5%}.wn2{left:1%;bottom:12%}.wn3{right:1%;top:6%}.wn4{right:18%;bottom:0}.wn5{right:0;bottom:18%}
  .why-link{display:none}
  .why-foundation{border-radius:22px 22px 0 0}
}

/* v12 — integrated branch ecosystem, no circular photo cutouts */
.why-network{
  height:680px;
  position:relative;
  overflow:hidden;
  border-radius:34px;
  background:rgba(7,28,56,.04);
}
.why-network-map{
  display:block;
  position:absolute;
  inset:0;
  background:url('assets/ecosystem-approved.png') center/cover no-repeat;
  opacity:1;
}
.why-network::after{
  content:"";
  display:block;
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(4,20,39,.02),rgba(4,20,39,.1));
}
.why-hub{
  left:50%;
  top:50%;
  width:198px;
  height:198px;
  border-radius:50%;
  transform:translate(-50%,-50%);
  background:rgba(255,252,243,.96);
  border:2px solid #d6a84f;
  box-shadow:0 0 0 10px rgba(255,255,255,.34),0 0 54px rgba(222,173,78,.85);
  z-index:6;
}
.why-hub span{font-size:46px;line-height:.92}.why-hub small{font-size:10px}.why-hub b{font-size:10px}
.why-node{
  width:230px;
  height:150px;
  border-radius:20px;
  border:1.5px solid rgba(225,179,88,.95);
  background:rgba(255,255,255,.94);
  color:#fff;
  box-shadow:0 16px 38px rgba(5,23,45,.22),0 0 0 5px rgba(255,255,255,.18);
  overflow:hidden;
  z-index:5;
  transition:transform .3s ease,box-shadow .3s ease;
}
a.why-node:hover{transform:translateY(-7px);box-shadow:0 24px 52px rgba(5,23,45,.3),0 0 0 5px rgba(255,255,255,.28)}
.why-node img{
  width:100%;height:100%;object-fit:cover;opacity:1;
  filter:brightness(1.12) saturate(1.08) contrast(.96);
}
.why-node.wn2 img{object-position:78% 82%;transform:scale(1.08)}
.why-node.wn4 img,.why-node.wn5 img{filter:brightness(1.12) saturate(1.12)}
.why-node::after{
  content:"";
  position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(2,13,26,.02) 20%,rgba(2,13,26,.18) 45%,rgba(2,13,26,.9) 100%);
}
.why-node>span{left:18px;right:18px;bottom:15px;text-align:left}
.why-node b{font-size:15px;line-height:1.13;text-shadow:0 2px 12px rgba(0,0,0,.55)}
.why-node small{font-size:9px;line-height:1.35;color:#eef4fa}
.why-node em{display:inline-block;margin-top:7px;font-size:9px;font-style:normal;font-weight:800;color:#f2c56c;letter-spacing:.05em;text-transform:uppercase}
.why-node.is-soon{border-color:#d7a54a}
.why-node.is-soon::after{background:linear-gradient(180deg,rgba(2,13,26,.02) 15%,rgba(2,13,26,.24) 44%,rgba(2,13,26,.92) 100%)}
.why-node.is-soon small{color:#ffc861}
.wn1{left:3%;top:8%}
.wn2{left:2%;bottom:8%}
.wn3{right:3%;top:8%}
.wn4{right:18%;bottom:4%}
.wn5{right:1.5%;bottom:24%}
.why-link{
  height:3px;
  background:linear-gradient(90deg,rgba(232,183,88,.15),#f2c66f 48%,rgba(232,183,88,.12));
  box-shadow:0 0 9px rgba(232,183,88,.75);
  z-index:4;
}
.wl1{width:285px;left:20%;top:28%;transform:rotate(16deg)}
.wl2{width:300px;left:19%;bottom:26%;transform:rotate(-15deg)}
.wl3{width:280px;left:56%;top:29%;transform:rotate(-17deg)}
.wl4{width:220px;left:58%;bottom:25%;transform:rotate(17deg)}
.wl5{width:255px;left:59%;bottom:38%;transform:rotate(5deg)}

@media(max-width:1180px){
  .why-network{height:720px}
  .why-node{width:220px;height:145px}
  .wn1{left:2%}.wn2{left:2%}.wn3{right:2%}.wn4{right:20%}.wn5{right:1%}
}
@media(max-width:820px){
  .why-network{
    height:auto;
    min-height:0;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:14px;
    padding:210px 14px 18px;
    border-radius:26px;
    overflow:hidden;
  }
  .why-network-map{background-position:62% center}
  .why-hub{left:50%;top:105px;width:150px;height:150px}
  .why-node{
    position:relative;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;
    width:100%;height:180px;border-radius:18px;
  }
  .why-node.wn5{grid-column:1/-1;max-width:calc(50% - 7px);justify-self:center}
  .why-link{display:none}
}
@media(max-width:560px){
  .why-network{grid-template-columns:1fr;padding:190px 12px 14px}
  .why-hub{top:92px;width:138px;height:138px}
  .why-node{height:180px}
  .why-node.wn5{grid-column:auto;max-width:none}
}

/* v13 — single-background organic branch ecosystem */
.why-ecosystem::after{
  background:url('assets/ecosystem-approved.png') 58% center/cover no-repeat;
}
.why-network{
  height:680px;
  position:relative;
  overflow:visible;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.why-network-map{display:none!important}
.why-network::after{display:none!important}
.why-hub{
  left:50%;
  top:50%;
  width:190px;
  height:190px;
  border-radius:50%;
  background:rgba(255,252,244,.97);
  border:2px solid #d7aa55;
  box-shadow:0 0 0 10px rgba(255,255,255,.25),0 0 64px rgba(225,177,85,.82);
  transform:translate(-50%,-50%);
  z-index:8;
}
.why-hub span{font-size:44px;line-height:.9}
.why-hub small{font-size:10px;letter-spacing:.2em}
.why-hub b{font-size:10px;letter-spacing:.08em}
.why-node{
  width:190px;
  height:auto;
  background:transparent;
  border:0;
  border-radius:0;
  box-shadow:none;
  overflow:visible;
  color:#081b34;
  text-decoration:none;
  z-index:7;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:10px;
  transition:transform .28s ease,filter .28s ease;
}
a.why-node:hover{transform:translateY(-6px);filter:brightness(1.05)}
.why-node img{
  width:146px;
  height:112px;
  display:block;
  object-fit:cover;
  border-radius:50%;
  border:2px solid #e1b45f;
  box-shadow:0 0 0 7px rgba(255,255,255,.2),0 12px 28px rgba(7,28,56,.24),0 0 22px rgba(225,180,95,.45);
  filter:brightness(1.18) saturate(1.12) contrast(.98);
  opacity:1;
}
.why-node.wn2 img{object-position:50% 72%;transform:none}
.why-node.wn4 img,.why-node.wn5 img{filter:brightness(1.2) saturate(1.16)}
.why-node::after{display:none}
.why-node>span{
  position:static;
  width:100%;
  text-align:center;
  color:#081b34;
  text-shadow:0 1px 12px rgba(255,255,255,.92);
}
.why-node b{display:block;font-size:15px;line-height:1.15}
.why-node small{display:block;margin-top:4px;font-size:9px;line-height:1.35;color:#17314f}
.why-node em{display:inline-block;margin-top:6px;font-size:9px;font-style:normal;font-weight:800;color:#a86e00;letter-spacing:.06em;text-transform:uppercase}
.why-node.is-soon{opacity:1}
.why-node.is-soon img{border-color:#d59a3a}
.why-node.is-soon small{color:#9b6200;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
.wn1{left:4%;top:7%}
.wn2{left:4%;bottom:7%}
.wn3{right:4%;top:7%}
.wn4{right:20%;bottom:3%}
.wn5{right:1%;bottom:20%}
.why-link{
  position:absolute;
  height:2px;
  transform-origin:left center;
  background:linear-gradient(90deg,rgba(231,181,84,.1),#efc66f 45%,rgba(231,181,84,.15));
  box-shadow:0 0 10px rgba(236,190,95,.8);
  z-index:5;
}
.wl1{width:280px;left:20%;top:29%;transform:rotate(17deg)}
.wl2{width:290px;left:20%;bottom:27%;transform:rotate(-16deg)}
.wl3{width:275px;left:57%;top:30%;transform:rotate(-18deg)}
.wl4{width:220px;left:59%;bottom:25%;transform:rotate(18deg)}
.wl5{width:250px;left:60%;bottom:38%;transform:rotate(6deg)}
@media(max-width:1180px){
  .why-network{height:700px}
  .why-node{width:176px}
  .why-node img{width:134px;height:102px}
}
@media(max-width:820px){
  .why-network{
    height:auto;
    min-height:0;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:22px 16px;
    padding:210px 10px 18px;
    overflow:visible;
  }
  .why-hub{left:50%;top:98px;width:150px;height:150px}
  .why-node{
    position:relative;
    left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;
    width:100%;
  }
  .why-node img{width:126px;height:96px}
  .why-node.wn5{grid-column:1/-1;max-width:50%;justify-self:center}
  .why-link{display:none}
}
@media(max-width:560px){
  .why-network{grid-template-columns:1fr;padding-top:190px}
  .why-hub{top:88px;width:136px;height:136px}
  .why-node.wn5{grid-column:auto;max-width:none}
}

/* v14 — ecosystem legibility and venture imagery refinement */
.why-hub{
  display:flex!important;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:0!important;
}
.why-hub span,.why-hub small,.why-hub b{display:block;margin-left:auto;margin-right:auto}
.why-hub span{margin-top:0}
.why-node img{
  width:154px;
  height:118px;
  object-fit:cover;
  object-position:center;
  filter:brightness(1.25) saturate(1.18) contrast(1.02)!important;
}
.why-node.wn2 img{object-position:center 58%;}
.why-node.wn3 img{object-position:center 70%;}
.why-node.wn4 img{object-position:center 58%;}
.why-node.wn5 img{object-position:center 52%;}
.why-node>span{
  width:auto;
  min-width:172px;
  max-width:205px;
  padding:10px 14px 9px;
  border-radius:14px;
  background:rgba(5,21,39,.82);
  box-shadow:0 8px 24px rgba(4,18,34,.2);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  color:#fff!important;
  text-shadow:none!important;
}
.why-node b{color:#fff!important;font-size:14px;line-height:1.18}
.why-node small{color:rgba(255,255,255,.82)!important;font-size:8.5px;line-height:1.35}
.why-node em{color:#ffd06b!important}
.why-node.is-soon small{color:#ffd06b!important}
.why-node.is-soon>span{background:rgba(28,17,10,.86)}
@media(max-width:1180px){
  .why-node img{width:142px;height:108px}
  .why-node>span{min-width:158px;max-width:190px}
}
@media(max-width:820px){
  .why-node img{width:132px;height:100px}
  .why-node>span{min-width:150px;max-width:180px}
}

/* v15 — professional ecosystem rebuild */
.why-ecosystem{padding:104px 0 0!important;overflow:hidden!important;background:#eef4f8!important}
.why-ecosystem::after{background:url('assets/ecosystem-approved.png') 58% center/cover no-repeat!important;inset:0 0 154px 0!important}
.why-ecosystem::before{inset:0 0 154px 0!important;background:linear-gradient(90deg,rgba(255,255,255,.985) 0%,rgba(255,255,255,.96) 27%,rgba(255,255,255,.72) 39%,rgba(255,255,255,.14) 55%,rgba(255,255,255,0) 72%)!important}
.why-ecosystem-shell{grid-template-columns:minmax(350px,.72fr) minmax(700px,1.28fr)!important;gap:26px 38px!important;align-items:center!important}
.why-ecosystem-copy{padding:10px 0 30px!important;max-width:520px!important}
.why-ecosystem-copy h2{font-size:clamp(44px,4.1vw,64px)!important;line-height:1.02!important}
.why-ecosystem-copy .lead{font-size:17px!important;line-height:1.62!important;margin:22px 0 12px!important}
.why-ecosystem-copy>p:last-of-type{font-size:14px!important;line-height:1.7!important}
.why-pillars{margin-top:22px!important;gap:10px!important}
.why-pillars article{gap:12px!important}
.why-pillars i{width:38px!important;height:38px!important;flex:0 0 38px!important}
.why-pillars b{font-size:13px!important}.why-pillars span{font-size:11px!important}

.why-network{height:660px!important;position:relative!important;overflow:visible!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;display:block!important;padding:0!important}
.why-network-map,.why-network::after{display:none!important}
.why-hub{left:55%!important;top:50%!important;width:184px!important;height:184px!important;transform:translate(-50%,-50%)!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;padding:0!important;background:rgba(255,252,244,.98)!important;border:2px solid #d5a64c!important;border-radius:50%!important;box-shadow:0 0 0 9px rgba(255,255,255,.3),0 0 58px rgba(226,178,82,.82)!important;z-index:10!important}
.why-hub span{font-size:43px!important;line-height:.9!important;margin:0!important}.why-hub small{font-size:9px!important;letter-spacing:.22em!important;margin:8px 0 0!important}.why-hub b{font-size:9px!important;letter-spacing:.08em!important;margin:8px 0 0!important;color:#b07918!important}

.why-node{position:absolute!important;width:178px!important;height:auto!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:9px!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important;text-decoration:none!important;color:#071c36!important;z-index:8!important;transition:transform .28s ease,filter .28s ease!important}
a.why-node:hover{transform:translateY(-6px)!important;filter:brightness(1.04)!important}
.why-node img{width:126px!important;height:126px!important;display:block!important;object-fit:cover!important;object-position:center!important;border-radius:50%!important;border:2px solid #d8aa53!important;box-shadow:0 0 0 6px rgba(255,255,255,.42),0 12px 30px rgba(7,28,56,.24),0 0 22px rgba(225,178,84,.45)!important;filter:none!important;opacity:1!important;transform:none!important}
.why-node.wn2 img{object-position:center 58%!important}.why-node.wn3 img{object-position:center 58%!important}.why-node.wn4 img{object-position:center 52%!important}.why-node.wn5 img{object-position:center 50%!important}
.why-node::after{display:none!important}
.why-node>span{position:static!important;width:178px!important;min-width:0!important;max-width:none!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;text-align:center!important;color:#071c36!important;text-shadow:0 1px 1px rgba(255,255,255,.95),0 0 10px rgba(255,255,255,.95)!important}
.why-node b{display:block!important;font-size:14px!important;line-height:1.18!important;color:#071c36!important}.why-node small{display:block!important;margin-top:4px!important;font-size:8.5px!important;line-height:1.3!important;color:#24415f!important}.why-node em{display:inline-block!important;margin-top:6px!important;font-size:8.5px!important;font-style:normal!important;font-weight:800!important;color:#9b6500!important;letter-spacing:.06em!important;text-transform:uppercase!important}
.why-node.is-soon{opacity:1!important}.why-node.is-soon img{border-color:#d29a3b!important}.why-node.is-soon small{color:#a66b00!important;font-weight:800!important;text-transform:uppercase!important;letter-spacing:.05em!important}
.wn1{left:4%!important;top:7%!important}.wn2{left:4%!important;bottom:6%!important}.wn3{right:3%!important;top:7%!important}.wn4{right:19%!important;bottom:2%!important}.wn5{right:0!important;bottom:20%!important}
.why-link{position:absolute!important;height:2px!important;transform-origin:left center!important;background:linear-gradient(90deg,rgba(231,181,84,.08),#eabe62 48%,rgba(231,181,84,.08))!important;box-shadow:0 0 8px rgba(236,190,95,.62)!important;z-index:5!important}
.wl1{width:285px!important;left:19%!important;top:28%!important;transform:rotate(16deg)!important}.wl2{width:300px!important;left:19%!important;bottom:26%!important;transform:rotate(-16deg)!important}.wl3{width:272px!important;left:58%!important;top:29%!important;transform:rotate(-17deg)!important}.wl4{width:220px!important;left:59%!important;bottom:25%!important;transform:rotate(18deg)!important}.wl5{width:246px!important;left:60%!important;bottom:38%!important;transform:rotate(6deg)!important}

.why-foundation{grid-column:1/-1!important;margin-top:12px!important}

@media(max-width:1180px){
 .why-ecosystem-shell{grid-template-columns:1fr!important}.why-ecosystem-copy{max-width:760px!important}.why-network{height:680px!important}.why-ecosystem::after,.why-ecosystem::before{inset:0 0 180px 0!important}
}
@media(max-width:820px){
 .why-ecosystem{padding-top:80px!important}.why-ecosystem::after{inset:0!important;background-position:64% center!important}.why-ecosystem::before{inset:0!important;background:linear-gradient(180deg,rgba(255,255,255,.99) 0%,rgba(255,255,255,.95) 31%,rgba(255,255,255,.48) 49%,rgba(255,255,255,.06) 68%)!important}
 .why-network{height:auto!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:22px 14px!important;padding:205px 8px 18px!important}
 .why-hub{left:50%!important;top:92px!important;width:146px!important;height:146px!important}.why-hub span{font-size:34px!important}
 .why-node{position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;width:100%!important}.why-node img{width:118px!important;height:118px!important}.why-node>span{width:100%!important}.why-node.wn5{grid-column:1/-1!important;max-width:50%!important;justify-self:center!important}.why-link{display:none!important}
}
@media(max-width:560px){
 .why-network{grid-template-columns:1fr!important;padding-top:190px!important}.why-hub{top:84px!important;width:136px!important;height:136px!important}.why-node.wn5{grid-column:auto!important;max-width:none!important}.why-node img{width:126px!important;height:126px!important}.why-node b{font-size:15px!important}
}

/* v16 — exact approved ecosystem composition with live HTML hotspots */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.why-ecosystem{padding:104px 0 0!important;background:#f5f7f8!important;overflow:hidden!important}
.why-ecosystem::after,.why-ecosystem::before{display:none!important}
.why-ecosystem-shell{display:grid!important;grid-template-columns:minmax(340px,.67fr) minmax(680px,1.33fr)!important;gap:18px 20px!important;align-items:center!important;width:min(100% - 48px,1500px)!important}
.why-ecosystem-copy{max-width:510px!important;padding:18px 0 30px!important;position:relative!important;z-index:3!important}
.why-ecosystem-copy h2{font-size:clamp(46px,4.25vw,66px)!important;line-height:1.01!important;letter-spacing:-.055em!important}
.why-ecosystem-copy .lead{font-size:17px!important;line-height:1.62!important;margin:24px 0 14px!important}
.why-ecosystem-copy>p:last-of-type{font-size:14px!important;line-height:1.72!important}
.why-pillars{margin-top:26px!important;gap:13px!important}
.why-pillars article{gap:15px!important}
.why-pillars i{width:42px!important;height:42px!important;min-width:42px!important}
.why-pillars b{font-size:14px!important}.why-pillars span{font-size:11px!important;line-height:1.45!important}
.why-network{position:relative!important;width:100%!important;aspect-ratio:1116/720!important;height:auto!important;min-height:0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important;margin-left:-8px!important;padding:0!important;z-index:2!important}
.ecosystem-composition{position:absolute!important;inset:0!important;overflow:hidden!important;background:#dce8f2!important}
.ecosystem-composition::before{content:"";position:absolute;inset:0 auto 0 0;width:9%;z-index:2;pointer-events:none;background:linear-gradient(90deg,#f5f7f8 0%,rgba(245,247,248,.78) 35%,rgba(245,247,248,0) 100%)}
.ecosystem-composition img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;filter:none!important}
.ecosystem-hotspot{position:absolute!important;display:block!important;z-index:5!important;border-radius:50%!important;background:transparent!important;transition:box-shadow .25s ease,transform .25s ease!important}
a.ecosystem-hotspot{cursor:pointer!important}
a.ecosystem-hotspot:hover{box-shadow:0 0 0 5px rgba(255,255,255,.5),0 0 34px rgba(222,177,85,.78)!important;transform:scale(1.025)!important}
a.ecosystem-hotspot:focus-visible{outline:4px solid #0b5cff!important;outline-offset:5px!important}
.hs-fulfillment{left:7.3%!important;top:4.2%!important;width:25.2%!important;height:38.5%!important}
.hs-coconut{left:0.4%!important;top:45.2%!important;width:27.5%!important;height:39.8%!important}
.hs-pure{left:63.4%!important;top:6.3%!important;width:26.1%!important;height:42.2%!important}
.hs-coffee{left:64.2%!important;top:57.1%!important;width:18.7%!important;height:32.6%!important}
.hs-spices{left:82.2%!important;top:57.3%!important;width:17.3%!important;height:31.7%!important}
.mobile-venture-links{display:none!important}
.why-foundation{grid-column:1/-1!important;margin-top:4px!important;border-radius:28px 28px 0 0!important}

@media(max-width:1180px){
 .why-ecosystem-shell{grid-template-columns:1fr!important;gap:28px!important;width:min(100% - 38px,1040px)!important}
 .why-ecosystem-copy{max-width:780px!important;padding-bottom:0!important}
 .why-network{margin-left:0!important;width:100%!important}
 .ecosystem-composition::before{width:4%!important}
 .why-foundation{margin-top:12px!important}
}
@media(max-width:760px){
 .why-ecosystem{padding:76px 0 0!important}
 .why-ecosystem-shell{width:min(100% - 22px,640px)!important;gap:24px!important}
 .why-ecosystem-copy h2{font-size:42px!important}
 .why-ecosystem-copy .lead{font-size:16px!important}
 .why-network{aspect-ratio:1116/720!important;overflow:hidden!important;border-radius:22px!important;box-shadow:0 18px 48px rgba(7,28,56,.14)!important}
 .ecosystem-composition::before{display:none!important}
 .ecosystem-hotspot{border-radius:50%!important}
 .mobile-venture-links{display:grid!important;grid-template-columns:1fr!important;gap:9px!important;margin-top:14px!important}
 .mobile-venture-links a,.mobile-venture-links div{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;padding:14px 16px!important;border:1px solid rgba(7,28,56,.1)!important;border-radius:14px!important;background:#fff!important;color:#071c36!important;text-decoration:none!important;box-shadow:0 8px 22px rgba(7,28,56,.06)!important}
 .mobile-venture-links b{font-size:12px!important}.mobile-venture-links span{font-size:10px!important;font-weight:800!important;color:#a66b00!important;text-transform:uppercase!important;letter-spacing:.04em!important}
 .why-foundation{border-radius:22px 22px 0 0!important}
}
/* v16.1 structural safeguard */
.why-network{display:block!important}
.mobile-venture-links{grid-column:2!important}
@media(max-width:1180px){.mobile-venture-links{grid-column:1!important}}

/* Footer refinement — approved structure */
.footer-grid-refined{
  grid-template-columns:minmax(0,1.7fr) minmax(220px,.55fr);
  align-items:start;
  gap:clamp(60px,10vw,170px);
}
.footer-identity{max-width:560px}
.footer-logo-link{display:inline-block;text-decoration:none;line-height:0;margin-bottom:22px}
.footer-logo-image{display:block;width:clamp(210px,22vw,330px);height:auto;object-fit:contain}
.footer-identity p{max-width:530px;margin:0 0 24px;font-size:15px;line-height:1.8;color:#c9d4e0}
.footer-socials{gap:12px}
.footer-socials a{width:44px;height:44px;color:#f0bd55;border-color:rgba(224,172,73,.75);transition:transform .25s ease,background .25s ease,color .25s ease}
.footer-socials a:hover{transform:translateY(-3px);background:#dca849;color:#061a34}
.footer-socials svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.footer-socials .icon-fill{fill:currentColor;stroke:none}
.footer-nav{padding-top:16px;gap:14px!important}
.footer-nav b{font-size:12px!important;letter-spacing:.08em}
.footer-nav a{font-size:15px!important;line-height:1.5;transition:color .2s ease,transform .2s ease}
.footer-nav a:hover{color:#dca849;transform:translateX(3px)}
@media(max-width:860px){
  .footer-grid-refined{grid-template-columns:1fr;gap:44px}
  .footer-nav{padding-top:0}
  .footer-logo-image{width:min(310px,80vw)}
}
@media(max-width:600px){
  .site-footer{padding-top:54px}
  .footer-identity p{font-size:14px}
  .footer-logo-image{width:min(270px,84vw)}
  .footer-bottom{margin-top:32px}
}

/* Header refinement v18 */
.site-header{height:112px}
.header-logo-link{display:flex;align-items:center;flex:0 0 auto;line-height:0}
.header-logo-image{display:block;width:122px;height:88px;object-fit:contain;object-position:center}
.primary-nav{gap:38px}
.primary-nav>a:not(.nav-cta){position:relative;padding:12px 0;font-size:13px}
.primary-nav>a:not(.nav-cta):after{content:"";position:absolute;left:0;right:100%;bottom:5px;height:2px;background:var(--gold);transition:right .25s ease}
.primary-nav>a:not(.nav-cta):hover:after,.primary-nav>a:not(.nav-cta):focus-visible:after{right:0}
.nav-cta{padding:16px 27px;box-shadow:0 10px 28px rgba(7,28,56,.12)}
@media(max-width:1020px){
  .site-header{height:96px}
  .header-logo-image{width:102px;height:74px}
  .primary-nav{gap:24px}
}
@media(max-width:860px){
  .site-header{height:82px}
  .header-logo-image{width:86px;height:64px}
  .primary-nav{top:82px}
  .primary-nav>a:not(.nav-cta){padding:13px 4px;font-size:14px}
  .primary-nav>a:not(.nav-cta):after{display:none}
  .nav-cta{justify-content:center;text-align:center}
}
@media(max-width:600px){
  .site-header{height:74px}
  .header-logo-image{width:76px;height:56px}
  .primary-nav{top:74px}
}

/* Bilingual EN / ID language selector */
.language-switch{display:inline-flex;align-items:center;gap:2px;padding:3px;border:1px solid rgba(13,28,52,.14);border-radius:999px;background:rgba(255,255,255,.82);box-shadow:0 5px 18px rgba(7,28,56,.06);flex:0 0 auto}
.language-option{appearance:none;border:0;background:transparent;color:#637084;border-radius:999px;padding:7px 9px;font:800 10px/1 Manrope,sans-serif;letter-spacing:.08em;cursor:pointer;transition:background .2s ease,color .2s ease,box-shadow .2s ease}
.language-option:hover,.language-option:focus-visible{color:var(--navy);outline:none}
.language-option.active{background:var(--navy);color:#fff;box-shadow:0 4px 12px rgba(7,28,56,.18)}
@media(max-width:1100px){.language-switch{margin-left:auto}.primary-nav{gap:18px}}
@media(max-width:860px){.language-switch{position:absolute;right:70px;top:50%;transform:translateY(-50%);z-index:4}.primary-nav{padding-top:22px}}
@media(max-width:600px){.language-switch{right:58px}.language-option{padding:6px 8px;font-size:9px}}

/* v21 mobile language-toggle interaction fix */
.header-inner{position:relative}
@media(max-width:860px){
  .language-switch{
    right:68px;
    z-index:102;
    pointer-events:auto;
    touch-action:manipulation;
    isolation:isolate;
  }
  .language-option{
    display:grid;
    place-items:center;
    min-width:34px;
    min-height:34px;
    padding:0 8px;
    touch-action:manipulation;
    -webkit-tap-highlight-color:transparent;
  }
  .menu-toggle{
    position:relative;
    z-index:103;
    width:44px;
    height:44px;
    padding:7px;
    flex:0 0 44px;
    touch-action:manipulation;
    -webkit-tap-highlight-color:transparent;
  }
  .primary-nav{z-index:100}
}
@media(max-width:600px){
  .language-switch{right:62px}
  .language-option{min-width:32px;min-height:32px;padding:0 7px;font-size:10px}
}


/* Privacy and cookie consent */
.cookie-consent[hidden],.cookie-modal[hidden]{display:none!important}
.cookie-consent{position:fixed;z-index:10000;left:24px;right:24px;bottom:24px;margin:auto;max-width:1180px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:26px;align-items:center;padding:24px 26px;background:rgba(7,20,33,.97);color:#fff;border:1px solid rgba(199,154,75,.42);border-radius:20px;box-shadow:0 24px 70px rgba(0,0,0,.34);backdrop-filter:blur(18px)}
.cookie-consent__copy strong{display:block;font-size:18px;margin-bottom:7px}.cookie-consent__copy p{margin:0;max-width:760px;color:rgba(255,255,255,.78);font-size:13px;line-height:1.65}.cookie-consent__copy a{color:#f1cf8f;font-weight:700}.cookie-consent__actions,.cookie-modal__actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.cookie-btn{appearance:none;border:1px solid rgba(255,255,255,.26);border-radius:11px;padding:12px 16px;font:800 11px/1 Manrope,sans-serif;cursor:pointer;transition:.2s ease;white-space:nowrap}.cookie-btn:hover{transform:translateY(-1px)}.cookie-btn--primary{background:#c79a4b;border-color:#c79a4b;color:#071421}.cookie-btn--secondary{background:transparent;color:#fff}.cookie-settings-link{appearance:none;border:0;background:none;color:inherit;font:inherit;text-align:left;padding:0;cursor:pointer}.cookie-settings-link:hover{text-decoration:underline}
.cookie-modal{position:fixed;z-index:10020;inset:0;display:grid;place-items:center;padding:20px}.cookie-modal__backdrop{position:absolute;inset:0;background:rgba(3,10,18,.7);backdrop-filter:blur(7px)}.cookie-modal__panel{position:relative;width:min(680px,100%);max-height:min(790px,92vh);overflow:auto;background:#fff;color:#071421;border-radius:24px;padding:34px;box-shadow:0 30px 90px rgba(0,0,0,.36)}.cookie-modal__panel h2{font-size:36px;margin:0 0 12px}.cookie-modal__panel>p:not(.eyebrow){color:#526074;line-height:1.65;margin-bottom:24px}.cookie-modal__close{position:absolute;right:18px;top:16px;width:40px;height:40px;border:0;border-radius:50%;background:#f0f2f5;font-size:25px;cursor:pointer}.cookie-category{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 0;border-top:1px solid rgba(7,20,33,.1)}.cookie-category div{display:grid;gap:5px}.cookie-category b{font-size:14px}.cookie-category span{font-size:12px;line-height:1.55;color:#647083}.cookie-always{flex:0 0 auto;color:#8a641f!important;font-weight:800}.cookie-category--toggle{cursor:pointer}.cookie-category--toggle input{position:absolute;opacity:0;pointer-events:none}.cookie-switch{position:relative;flex:0 0 48px;width:48px;height:27px;border-radius:999px;background:#c9ced5;transition:.2s}.cookie-switch:after{content:"";position:absolute;width:21px;height:21px;left:3px;top:3px;border-radius:50%;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.2);transition:.2s}.cookie-category--toggle input:checked+.cookie-switch{background:#c79a4b}.cookie-category--toggle input:checked+.cookie-switch:after{transform:translateX(21px)}.cookie-category--toggle input:focus-visible+.cookie-switch{outline:3px solid rgba(46,131,255,.35);outline-offset:3px}.cookie-modal__links{display:flex;gap:20px;margin:10px 0 24px}.cookie-modal__links a{font-size:12px;font-weight:800;color:#8a641f}.cookie-modal__actions{padding-top:20px;border-top:1px solid rgba(7,20,33,.1)}.cookie-modal__actions .cookie-btn--secondary{color:#071421;border-color:rgba(7,20,33,.2)}.cookie-modal-open{overflow:hidden}
.footer-nav{align-content:start}.footer-nav .cookie-settings-link{display:block;margin-top:10px;font-size:13px;color:inherit}
@media(max-width:860px){.cookie-consent{grid-template-columns:1fr;gap:18px;left:14px;right:14px;bottom:14px;padding:20px}.cookie-consent__actions{justify-content:stretch}.cookie-consent__actions .cookie-btn{flex:1 1 150px}.cookie-modal__panel{padding:28px 22px}.cookie-modal__panel h2{font-size:30px}}
@media(max-width:520px){.cookie-consent__actions{display:grid;grid-template-columns:1fr}.cookie-btn{width:100%;min-height:44px}.cookie-category{align-items:flex-start}.cookie-switch{margin-top:3px}.cookie-modal__actions{display:grid;grid-template-columns:1fr}.cookie-modal__links{display:grid;gap:8px}}

/* Privacy consent refinement v23: compact, lighter visual treatment */
.cookie-consent{
  left:18px;
  right:18px;
  bottom:18px;
  max-width:1080px;
  grid-template-columns:minmax(0,1fr) auto;
  gap:18px;
  padding:16px 18px;
  background:rgba(255,252,246,.97);
  color:#071421;
  border:1px solid rgba(199,154,75,.30);
  border-radius:15px;
  box-shadow:0 16px 45px rgba(7,20,33,.18);
  backdrop-filter:blur(14px);
}
.cookie-consent__copy strong{
  font-size:15px;
  margin-bottom:4px;
}
.cookie-consent__copy p{
  max-width:690px;
  color:#536174;
  font-size:11.5px;
  line-height:1.5;
}
.cookie-consent__copy a{
  color:#8a641f;
}
.cookie-consent__actions{
  gap:8px;
  flex-wrap:nowrap;
}
.cookie-btn{
  border-radius:9px;
  padding:10px 13px;
  font-size:10px;
}
.cookie-consent .cookie-btn--secondary{
  background:#fff;
  color:#071421;
  border-color:rgba(7,20,33,.16);
}
.cookie-consent .cookie-btn--primary{
  background:#c79a4b;
  border-color:#c79a4b;
  color:#071421;
}

@media(max-width:860px){
  .cookie-consent{
    left:12px;
    right:12px;
    bottom:12px;
    gap:12px;
    padding:15px;
    border-radius:14px;
  }
  .cookie-consent__copy p{
    font-size:11px;
    line-height:1.45;
  }
  .cookie-consent__actions{
    display:grid;
    grid-template-columns:1fr 1fr 1fr;
    gap:7px;
  }
  .cookie-consent__actions .cookie-btn{
    min-width:0;
    padding:10px 8px;
    white-space:normal;
    line-height:1.2;
  }
}

@media(max-width:600px){
  .cookie-consent{
    max-height:46vh;
    overflow:auto;
    padding:14px;
  }
  .cookie-consent__copy strong{
    font-size:14px;
  }
  .cookie-consent__copy p{
    font-size:10.5px;
  }
  .cookie-consent__actions{
    grid-template-columns:1fr;
  }
  .cookie-consent__actions .cookie-btn{
    width:100%;
  }
}

/* v24: reliable homepage logo-to-top interaction */
.header-logo-link,.footer-logo-link{cursor:pointer}
.header-logo-link:focus-visible,.footer-logo-link:focus-visible{outline:3px solid rgba(199,154,75,.72);outline-offset:5px;border-radius:8px}


/* v25 — HQ controlled compression + WAZ Coffee active state */
.site-header{height:94px!important}
.header-logo-image{width:104px!important;height:74px!important}
.primary-nav{gap:30px!important}
.nav-cta{padding:14px 23px!important}
.hero{min-height:640px!important}
.hero-copy{max-width:590px!important;padding:64px 0!important}
.hero h1{font-size:clamp(44px,4.35vw,66px)!important}
.hero-copy>p:not(.eyebrow){font-size:16px!important;line-height:1.65!important;max-width:560px!important}
.section{padding:82px 0!important}

.why-ecosystem{padding:66px 0 0!important}
.why-ecosystem-shell{
  grid-template-columns:minmax(390px,.74fr) minmax(0,1.26fr)!important;
  gap:20px 28px!important;
  align-items:center!important;
  width:min(100% - 56px,1500px)!important;
}
.why-ecosystem-copy{max-width:520px!important;padding:0 0 16px!important}
.why-ecosystem-copy h2{
  font-size:clamp(40px,3.35vw,54px)!important;
  line-height:1.02!important;
  letter-spacing:-.05em!important;
}
.why-ecosystem-copy .lead{font-size:16px!important;line-height:1.58!important;margin:19px 0 10px!important}
.why-ecosystem-copy>p:last-of-type{font-size:13px!important;line-height:1.65!important;margin-bottom:0!important}
.why-pillars{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px 16px!important;margin-top:20px!important}
.why-pillars article{gap:11px!important;min-width:0!important}
.why-pillars i{width:36px!important;height:36px!important;min-width:36px!important;flex-basis:36px!important}
.why-pillars b{font-size:12.5px!important;line-height:1.3!important}
.why-pillars span{font-size:10.5px!important;line-height:1.42!important}
.why-network{margin-left:0!important}
.ecosystem-composition{border-radius:22px!important;box-shadow:0 16px 44px rgba(7,28,56,.12)!important}
.ecosystem-composition::before{width:3.5%!important}
.why-foundation{margin-top:18px!important;border-radius:22px 22px 0 0!important}
.why-foundation>div,.why-foundation>article{padding:21px 20px!important}
.foundation-intro strong{font-size:23px!important}
.foundation-intro span{font-size:10.5px!important;margin-top:7px!important}
.why-foundation article i{font-size:21px!important;margin-bottom:6px!important}
.why-foundation article b{font-size:11.5px!important}
.why-foundation article span{font-size:9.5px!important}

/* Cover the baked "Coming Soon" pill and signal that Coffee is live. */
.coffee-live-badge{
  position:absolute!important;
  z-index:8!important;
  left:69.3%!important;
  top:82.2%!important;
  width:9.8%!important;
  min-width:86px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:6px 10px!important;
  border:1px solid rgba(245,195,92,.95)!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,#10233a,#071628)!important;
  color:#f3c76d!important;
  box-shadow:0 5px 15px rgba(0,0,0,.34),0 0 17px rgba(238,184,75,.30)!important;
  font:800 clamp(7px,.58vw,10px)/1 Manrope,sans-serif!important;
  letter-spacing:.05em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
  pointer-events:none!important;
}

.journey{padding:74px 0!important}
.journey-panel{min-height:450px!important}
.journey-copy{padding:48px!important;width:52%!important}
.journey-copy h2{font-size:44px!important}
.journey-links{right:30px!important;bottom:24px!important;padding:15px 18px!important;gap:16px!important}
.site-footer{padding:54px 0 20px!important}
.footer-logo-image{width:clamp(190px,19vw,285px)!important}

@media(max-width:1180px){
  .why-ecosystem-shell{grid-template-columns:1fr!important;width:min(100% - 38px,1040px)!important;gap:22px!important}
  .why-ecosystem-copy{max-width:820px!important;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(300px,.9fr)!important;column-gap:34px!important;align-items:start!important}
  .why-ecosystem-copy .eyebrow,.why-ecosystem-copy h2{grid-column:1!important}
  .why-ecosystem-copy .lead,.why-ecosystem-copy>p:last-of-type,.why-pillars{grid-column:2!important}
  .why-ecosystem-copy .lead{margin-top:0!important}
  .why-pillars{grid-template-columns:1fr 1fr!important}
  .coffee-live-badge{left:69.3%!important;top:82.2%!important;width:10.3%!important}
}
@media(max-width:860px){
  .site-header{height:80px!important}
  .header-logo-image{width:84px!important;height:60px!important}
  .primary-nav{top:80px!important}
  .hero{min-height:570px!important}
  .hero-copy{padding:52px 0!important}
  .section{padding:68px 0!important}
  .why-ecosystem{padding:64px 0 0!important}
  .why-ecosystem-copy{display:block!important;max-width:680px!important}
  .why-ecosystem-copy h2{font-size:40px!important}
  .why-pillars{grid-template-columns:1fr 1fr!important}
  .coffee-live-badge{left:68.8%!important;top:81.8%!important;width:11.5%!important;min-width:74px!important;padding:5px 7px!important}
  .journey-copy{width:62%!important;padding:38px!important}
  .journey-copy h2{font-size:38px!important}
}
@media(max-width:600px){
  .site-header{height:72px!important}
  .header-logo-image{width:74px!important;height:54px!important}
  .primary-nav{top:72px!important}
  .hero{min-height:520px!important}
  .hero h1{font-size:42px!important}
  .why-ecosystem-shell{width:min(100% - 22px,640px)!important}
  .why-ecosystem-copy h2{font-size:37px!important}
  .why-pillars{grid-template-columns:1fr!important}
  .coffee-live-badge{display:none!important}
  .journey-panel{min-height:470px!important}
  .journey-copy{width:100%!important;padding:32px 24px!important}
  .journey-links{left:20px!important;right:20px!important;bottom:18px!important;overflow:auto!important}
}


/* HQ refinement v03 — controlled coffee node cleanup and compact readability pass */
.why-ecosystem-copy .lead{font-size:19px;line-height:1.72}
.why-ecosystem-copy>p:last-of-type{font-size:16px;line-height:1.82}
.why-pillars{gap:16px;margin-top:28px}
.why-pillars b{font-size:15px}
.why-pillars span{font-size:13px;line-height:1.56}
.why-foundation>div,.why-foundation>article{padding:30px 24px}
.foundation-intro span{font-size:13px;line-height:1.6}
.why-foundation article b{font-size:14px}
.why-foundation article span{font-size:12px;line-height:1.58}
.coffee-live-badge{display:none!important}


/* HQ refinement v09 — Coffee node interaction-only glow */
.hs-coffee.is-live{box-shadow:none!important;filter:none!important}
.hs-coffee.is-live:hover{box-shadow:0 0 0 4px rgba(255,255,255,.46),0 0 30px rgba(222,177,85,.72)!important;transform:scale(1.025)!important}
.hs-coffee.is-live:focus-visible{box-shadow:0 0 0 4px rgba(255,255,255,.46),0 0 30px rgba(222,177,85,.72)!important;outline:3px solid #0b5cff!important;outline-offset:4px!important}


/* HQ refinement v11 final — circular coffee node baked into image; hover glow only */
.hs-coffee{left:58.0%!important;top:56.2%!important;width:16.5%!important;height:25.6%!important;border-radius:50%!important;background:transparent!important;box-shadow:none!important;z-index:6!important}
.hs-coffee::before,.hs-coffee::after{content:none!important}
.hs-coffee.is-live,.hs-coffee.is-live:hover,.hs-coffee.is-live:focus-visible{filter:none!important}
.hs-coffee.is-live:hover{box-shadow:0 0 0 5px rgba(255,255,255,.40),0 0 26px rgba(222,177,85,.66)!important;transform:scale(1.02)!important}
.hs-coffee.is-live:focus-visible{box-shadow:0 0 0 5px rgba(255,255,255,.40),0 0 26px rgba(222,177,85,.66)!important;outline:3px solid #0b5cff!important;outline-offset:4px!important}


/* HQ hero responsive repair v04
   Tablet uses a controlled desktop-style split.
   Mobile uses a true stacked image-above-copy composition. */

@media (min-width: 601px) and (max-width: 860px){
  .hero{min-height:610px!important;display:flex!important;align-items:center!important;overflow:hidden!important}
  .hero-scene{inset:0 0 0 40%!important;background-size:cover!important;background-position:58% center!important;background-repeat:no-repeat!important;background-color:#f8f6f0!important}
  .hero-scene:after{background:linear-gradient(90deg,#f8f6f0 0%,rgba(248,246,240,.98) 15%,rgba(248,246,240,.76) 38%,rgba(248,246,240,.18) 68%,rgba(248,246,240,0) 100%)!important}
  .hero-grid{width:min(100% - 36px,760px)!important}
  .hero-copy{max-width:47%!important;padding:54px 0!important}
  .hero h1{font-size:clamp(38px,5.2vw,50px)!important;line-height:1.02!important;letter-spacing:-.05em!important}
  .hero-copy>p:not(.eyebrow){font-size:15px!important;line-height:1.58!important}
  .hero .actions{gap:16px!important;margin-top:24px!important}
  .hero .button,.hero .text-link{font-size:11px!important}
}

@media (max-width: 600px){
  .hero{min-height:auto!important;display:block!important;overflow:hidden!important;background:#f8f6f0!important}
  .hero-scene{position:relative!important;inset:auto!important;width:100%!important;height:285px!important;background-size:contain!important;background-position:center top!important;background-repeat:no-repeat!important;background-color:#f8f6f0!important}
  .hero-scene:after{background:linear-gradient(180deg,rgba(248,246,240,0) 0%,rgba(248,246,240,0) 72%,rgba(248,246,240,.72) 90%,#f8f6f0 100%)!important}
  .hero-grid{width:min(100% - 30px,540px)!important}
  .hero-copy{max-width:100%!important;padding:8px 0 42px!important}
  .hero .eyebrow{margin:0 0 12px!important}
  .hero h1{font-size:clamp(34px,10vw,40px)!important;line-height:1.02!important;letter-spacing:-.05em!important}
  .hero-copy>p:not(.eyebrow){max-width:100%!important;font-size:15px!important;line-height:1.58!important;margin-top:20px!important}
  .hero .actions{display:grid!important;grid-template-columns:1fr!important;gap:14px!important;margin-top:24px!important}
  .hero .button.primary{width:100%!important;justify-content:center!important}
  .hero .text-link{text-align:center!important}
}

/* HQ tablet-only hero correction v05 — full-width artwork with protected copy zone */
@media (min-width: 601px) and (max-width: 860px){
  .hero{
    min-height: 610px !important;
    align-items: center !important;
  }

  .hero-scene{
    inset: 0 !important;
    background-size: cover !important;
    background-position: 62% center !important;
    background-repeat: no-repeat !important;
  }

  .hero-scene:after{
    background: linear-gradient(90deg,
      #f8f6f0 0%,
      rgba(248,246,240,.99) 18%,
      rgba(248,246,240,.88) 34%,
      rgba(248,246,240,.48) 49%,
      rgba(248,246,240,.08) 66%,
      rgba(248,246,240,0) 82%) !important;
  }

  .hero-copy{
    max-width: 46% !important;
    padding: 54px 0 !important;
  }

  .hero h1{
    font-size: clamp(38px,5vw,48px) !important;
    line-height: 1.02 !important;
  }
}
