/* WIN-WIN YEMEN — Why page */
.why-page-main{overflow:hidden}
.why-hero{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(105deg,#10233eeb 0%,#172f50e8 48%,#1e3b62d9 100%),url("partnership-hero.jpg") center/cover no-repeat;color:#fff}
.why-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,transparent,#08192b40)}
.why-hero-orbit{position:absolute;border:1px solid #ffffff20;border-radius:50%;pointer-events:none}
.why-hero-orbit-one{width:640px;height:640px;top:-250px;left:-90px;box-shadow:0 0 0 55px #ffffff08,0 0 0 110px #ffffff05}
.why-hero-orbit-two{width:330px;height:330px;bottom:-205px;left:21%;border-color:#e38e4745}
.why-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.12fr .88fr;gap:70px;align-items:center;padding-block:78px 64px}
.why-hero-copy{max-width:680px}
.why-hero-copy>.eyebrow{color:#e3c7ad}
.why-hero h1{font-size:clamp(34px,3.7vw,52px);line-height:1.55;font-weight:500;letter-spacing:-.035em}
.why-hero h1 em,.why-final-cta h2 em{color:#f0a86d}
.why-hero-copy>p{max-width:630px;color:#d2dce8;font-size:16px;line-height:2.15;margin-top:22px}
.why-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.why-hero-actions .button{gap:12px}
.why-hero-actions .button-orange{color:#162d4c}
.why-hero-promise{display:flex;align-items:center;gap:12px;margin-top:26px;font-size:12px;color:#d0dae5}
.why-hero-promise>span{width:7px;height:7px;border-radius:50%;background:#e9a36b;box-shadow:0 0 0 6px #e9a36b20}
.why-hero-panel{padding:30px;background:#ffffff0d;border:1px solid #ffffff2b;box-shadow:0 25px 70px #06142630;backdrop-filter:blur(9px)}
.why-panel-kicker{font:10px Arial,sans-serif;letter-spacing:.16em;color:#f1b27d}
.why-panel-heading h2{font-size:23px;font-weight:500;margin-top:10px}
.why-panel-heading p{font-size:13px;color:#d2dce7;margin-top:8px;line-height:1.9}
.why-metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:24px}
.why-metric{padding:18px 16px;background:#ffffff0b;border:1px solid #ffffff20;display:flex;flex-direction:column;gap:5px;min-height:120px}
.why-metric>span{font-size:12px;color:#d6deea}
.why-metric strong{font-size:23px;color:#f3b47f;line-height:1.5}
.why-metric small{font-size:10px;color:#bdcad9;line-height:1.7}
.why-metric-wide{grid-column:1/-1;min-height:auto;display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:18px}
.why-metric-wide>span{grid-row:1/3}
.why-metric-wide strong{font-size:20px}
.why-panel-footer{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:24px;padding-top:18px;border-top:1px solid #ffffff24;color:#b9c7d8;font:9px Arial,sans-serif;letter-spacing:.08em}
.why-hero-bottom{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 0;border-top:1px solid #ffffff25;color:#c0cddd;font-size:11px}
.why-hero-bottom>span{font:9px Arial,sans-serif;letter-spacing:.13em}
.why-hero-bottom a{display:flex;gap:12px;align-items:center}
.why-hero-bottom a span{color:#f0a86d;font-size:17px}
.why-benefits-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.why-benefit{position:relative;min-height:270px;padding:30px;background:linear-gradient(145deg,#fff,#f7f9fc);border:1px solid #e0e6ef;border-radius:18px 4px 18px 4px;box-shadow:0 8px 24px #1d345208;transition:transform .25s,box-shadow .25s}
.why-benefit:hover{transform:translateY(-4px);box-shadow:0 16px 35px #1d345214}
.why-card-number{position:absolute;top:24px;inset-inline-end:25px;color:#8b9db4;font:11px Arial,sans-serif}
.why-benefit .icon-frame{margin-bottom:19px;background:#fff}
.why-benefit h3{font-size:18px;margin-bottom:10px;max-width:290px}
.why-benefit p{font-size:13px;line-height:2}
.why-phases-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.why-phase-card{position:relative;padding:26px 25px 23px;background:#fff;border:1px solid #dfe5ec;box-shadow:0 8px 24px #1b345208;display:flex;flex-direction:column;min-width:0}
.why-phase-top{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-bottom:17px;margin-bottom:18px;border-bottom:1px solid #e5eaf0}
.why-phase-number{display:flex;align-items:center;justify-content:center;width:39px;height:39px;border-radius:50%;background:#213e7d;color:#fff;font:12px Arial,sans-serif}
.why-phase-time{font-size:10px;color:#a55e2b;background:#f8eee5;padding:5px 9px;border-radius:20px}
.why-phase-card h3{font-size:19px;margin-bottom:10px}
.why-phase-card>p{font-size:13px;line-height:1.9;min-height:50px}
.why-phase-card ul{list-style:none;padding:0;margin:17px 0 21px;display:grid;gap:8px}
.why-phase-card li{position:relative;padding-inline-start:17px;color:#596a7d;font-size:12px;line-height:1.8}
.why-phase-card li:before{content:"";position:absolute;inset-inline-start:0;top:.8em;width:5px;height:5px;border-radius:50%;background:#e38e47}
.why-phase-outcome{margin-top:auto;padding-top:15px;border-top:1px solid #e4e9ef;font-size:12px;color:#334d6c;line-height:1.8}
.why-phase-outcome span{display:block;font-size:10px;color:#a96a38;margin-bottom:4px}
.why-distributor-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:65px;align-items:center}
.why-distributor-copy h2{font-size:clamp(28px,2.8vw,39px);margin-bottom:18px}
.why-distributor-copy h2 em,.why-free-copy h2 em{color:#b66b32;font-style:normal}
.why-distributor-copy>.large-copy{font-size:16px;line-height:2.1;margin-bottom:24px}
.why-check-list{list-style:none;padding:0;display:grid;gap:18px}
.why-check-list li{display:flex;gap:13px;align-items:flex-start}
.why-check-list>li>span{display:flex;align-items:center;justify-content:center;flex:0 0 25px;width:25px;height:25px;border-radius:50%;background:#e9f0f6;color:#34557b;font-size:13px;margin-top:3px}
.why-check-list strong{display:block;color:#2c405a;font-size:14px;margin-bottom:3px}
.why-check-list p{font-size:12px;line-height:1.9}
.why-distributor-panel{padding:34px;background:linear-gradient(145deg,#f4f6fb,#fff);border:1px solid #dbe3ed;box-shadow:0 18px 45px #1e36530d;border-radius:22px 5px 22px 5px}
.why-distributor-stat{display:flex;align-items:center;gap:23px}
.why-distributor-stat strong{font:600 76px/1 Arial,sans-serif;letter-spacing:-.08em;color:#213e7d}
.why-distributor-stat span{font-size:15px;font-weight:600;line-height:1.8;max-width:170px}
.why-distributor-divider{height:1px;background:#dce4ed;margin:27px 0}
.why-distributor-panel h3{font-size:18px;margin-bottom:10px}
.why-distributor-panel>p{font-size:13px;line-height:2}
.why-distributor-panel>small{display:block;color:#7b8795;font-size:10px;line-height:1.8;margin-top:14px;padding-top:13px;border-top:1px solid #e2e8ef}
.why-free-section{background:linear-gradient(115deg,#f7eee5,#fbf9f6 58%,#eef3f9)}
.why-free-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center}
.why-free-copy h2{font-size:clamp(31px,3vw,43px);line-height:1.6;margin-bottom:17px}
.why-free-copy>p{font-size:15px;line-height:2.1;margin-bottom:25px;max-width:510px}
.why-free-includes{background:#fff;padding:34px;border:1px solid #e6e1db;box-shadow:0 16px 45px #3d4b5a0a}
.why-free-includes>h3{font-size:18px;margin-bottom:24px}
.why-free-includes .why-check-list{gap:20px}
.why-free-note{margin-top:24px;padding-top:17px;border-top:1px solid #e6e8ec;color:#78818b;font-size:11px;line-height:1.9}
.why-commitments-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.why-commitment{padding:27px;background:#fff;border:1px solid #dfe5ec;border-top:3px solid #e38e47}
.why-commitment>span{font:11px Arial,sans-serif;color:#a56a3d}
.why-commitment h3{font-size:18px;margin:16px 0 10px}
.why-commitment p{font-size:13px;line-height:2}
.why-final-cta{position:relative;overflow:hidden;background:#213e7d;color:#fff}
.why-final-cta:before{content:"";position:absolute;width:440px;height:440px;left:-100px;top:-240px;border:1px solid #ffffff25;border-radius:50%;box-shadow:0 0 0 60px #ffffff08,0 0 0 120px #ffffff05}
.why-final-inner{position:relative;display:flex;justify-content:space-between;align-items:center;gap:45px;padding-block:70px}
.why-final-cta .eyebrow{color:#e5c4a7}
.why-final-cta h2{font-size:clamp(26px,2.8vw,38px);font-weight:500}
.why-final-cta p{color:#d2dce8;font-size:14px;margin-top:16px;line-height:2}
.why-final-inner>.button{flex-shrink:0}
@media(max-width:1100px){
  .why-hero-grid{gap:35px}
  .why-benefit{padding:25px}
  .why-distributor-layout,.why-free-layout{gap:38px}
}
@media(max-width:900px){
  .why-hero-grid{grid-template-columns:1fr;gap:34px;padding-block:54px 44px}
  .why-hero-copy{max-width:760px}
  .why-hero-panel{max-width:650px}
  .why-benefits-grid,.why-phases-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .why-distributor-layout,.why-free-layout{grid-template-columns:1fr;gap:36px}
  .why-commitments-grid{grid-template-columns:1fr 1fr}
  .why-final-inner{align-items:flex-start;flex-direction:column;gap:28px;padding-block:52px}
}
@media(max-width:620px){
  .why-hero-grid{padding-block:40px 35px}
  .why-hero h1{font-size:34px}
  .why-hero-copy>p{font-size:14px}
  .why-hero-actions{flex-direction:column;align-items:stretch}
  .why-hero-actions .button{width:100%;justify-content:space-between}
  .why-hero-panel{padding:21px}
  .why-metric{padding:14px 12px}
  .why-metric strong{font-size:20px}
  .why-panel-footer{font-size:8px}
  .why-hero-bottom{align-items:flex-start;flex-direction:column}
  .why-benefits-grid,.why-phases-grid,.why-commitments-grid{grid-template-columns:1fr}
  .why-benefit{min-height:0}
  .why-phase-card>p{min-height:0}
  .why-distributor-panel,.why-free-includes{padding:25px}
  .why-distributor-stat strong{font-size:64px}
  .why-distributor-stat span{font-size:13px}
  .why-final-inner{padding-block:42px}
  .why-final-cta h2{font-size:27px}
}