.why-page { --g:#e5b66f; background:#06141b; color:#f7f3eb; font:19px/1.62 WPStag Sans,Arial,sans-serif; }
.why-page h1,.why-page h2,.why-page h3 { font-family:WPStag Serif,Georgia,serif; }
.why-page h1,.why-page h2 { margin:0; line-height:1.06; }
.why-page p { margin:0; }
.why-kicker { color:var(--g); font-size:14px; font-weight:800; letter-spacing:1.3px; }
.why-hero,.why-final { position:relative; isolation:isolate; overflow:hidden; padding:157px 0 55px; }
.why-hero>img,.why-final>img { position:absolute; z-index:-2; inset:0; width:100%; height:100%; object-fit:cover; }
.why-hero:after,.why-final:after { content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg,#06141b,rgba(6,20,27,.85) 45%,transparent); }
.why-hero .container>div { max-width:600px; }
.why-hero .container>div>div { display:flex; gap:14px; }
.why-hero h1 { font-size:61px; }
.why-page em { color:var(--g); font-style:normal; }
.why-hero p:not(.why-kicker) { margin:14px 0; font-size:20px; }
.why-hero small { display:block; margin-top:20px; font-size:16px; }
.why-section { padding:70px 0; background:#06141b; }
.why-heading { display:grid; grid-template-columns:1fr 1fr; gap:60px; }
.why-heading h2,.why-section h2,.why-prevent h2 { font-size:43px; }
.why-heading>p,.why-prevent p { font-size:18px; }
.why-cards { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; margin-top:28px; }
.why-cards article { padding:22px; border:1px solid #203a43; border-radius:8px; background:#0a1b23; }
.why-cards i { color:var(--g); font-size:29px; }
.why-cards h3 { font-size:20px; }
.why-cards p { font-size:16px; }
.why-prevent .container { display:grid; grid-template-columns:1fr 1fr; align-items:center; }
.why-prevent img { width:100%; height:360px; object-fit:cover; }
.why-prevent .container>div { padding:40px 8%; }

/* The old selectors styled bare inline labels; these component grids restore the intended structure. */
.why-partner-layout { display:grid; grid-template-columns:.94fr 1.06fr; gap:60px; align-items:center; }
.why-partner-layout>div:first-child>p:not(.why-kicker) { margin-top:14px; color:#d0d9da; font-size:18px; line-height:1.62; }
.why-partner-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
.why-partner-grid article { min-height:184px; padding:20px 16px; border:1px solid #203a43; border-radius:8px; background:linear-gradient(145deg,#0a1c24,#07151c); }
.why-partner-grid i,.why-eco-grid i { color:var(--g); font-size:27px; }
.why-partner-grid h3 { margin:11px 0 5px; font-size:16px; line-height:1.3; }
.why-partner-grid p { color:#c3ced1; font-size:16px; line-height:1.5; }
.why-eco-layout { display:grid; grid-template-columns:.92fr 1.08fr; gap:60px; align-items:center; }
.why-eco-grid { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:12px; }
.why-eco-grid article { display:flex; flex-direction:column; align-items:center; gap:10px; padding:12px 4px; text-align:center; }
.why-eco-grid span { color:#e6ecea; font-size:16px; line-height:1.3; }
.why-final { padding:76px 0; }
.why-final h2 { font-size:45px; }
.why-final .container>p:not(.why-kicker) { max-width:560px; margin:12px 0 22px; font-size:18px; }
@media(max-width:1100px) { .why-partner-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .why-eco-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media(max-width:900px) { .why-heading,.why-prevent .container,.why-partner-layout,.why-eco-layout { grid-template-columns:1fr; } .why-cards { grid-template-columns:repeat(2,1fr); } .why-partner-layout,.why-eco-layout { gap:28px; } .why-hero { padding-top:123px; } .why-hero>img { position:relative; height:auto; margin-top:24px; } }
@media(max-width:600px) { .why-page { font-size:17px; } .why-hero h1 { font-size:43px; } .why-hero p:not(.why-kicker),.why-heading>p,.why-prevent p,.why-final .container>p:not(.why-kicker),.why-partner-layout>div:first-child>p:not(.why-kicker) { font-size:17px; } .why-section { padding:55px 0; } .why-heading h2,.why-section h2,.why-prevent h2 { font-size:34px; } .why-cards,.why-partner-grid,.why-eco-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .why-partner-grid article { min-height:0; } .why-prevent img { height:240px; } .why-final { padding:60px 0; } .why-final h2 { font-size:39px; } }
