/* 8KEYS V39 — Why 8KEYS. Scoped components; V38 form/cookie logic is untouched. */
.desktop-nav .nav-why-link{display:inline-flex;align-items:center;justify-content:center;padding:9px 12px;border:1px solid #cc4b15;border-radius:999px;background:#c5460e;color:#fff;font-weight:800;white-space:nowrap;box-shadow:0 5px 12px #c5460e1b}
.desktop-nav .nav-why-link:hover,.desktop-nav .nav-why-link[aria-current=page]{background:#a93608;color:#fff}
.desktop-nav .nav-why-link::after{display:none}
.mobile-menu .nav-why-link{background:#fff0e7;color:#a93608;font-weight:800;border:1px solid #e4b49d;border-radius:8px;margin:6px 0;padding:13px}
.why-home{background:#f0ebe6;border-top:1px solid #e9ddd5;border-bottom:1px solid #e9ddd5;padding:24px 0}
.why-home-inner{display:flex;align-items:center;justify-content:space-between;gap:24px}
.why-home h2{font-size:clamp(21px,2.2vw,30px);line-height:1.27;letter-spacing:-.025em;font-weight:750;margin:6px 0 9px;color:#1e1b19}
.why-home h2 em{font-style:normal;color:#bd4815}
.why-home p:not(.why-eyebrow){margin:0;color:#625851;font-size:13px;line-height:1.8;max-width:800px}
.why-eyebrow{font-size:10px;letter-spacing:.16em;font-weight:800;color:#c44a13;margin:0}
.why-home-button{flex:none;display:inline-block;background:#c5460e;color:white!important;padding:14px 18px;border-radius:9px;font-size:13px;font-weight:800;box-shadow:0 10px 22px #c5460e22;transition:background .2s,transform .2s}
.why-home-button:hover{background:#a93608;transform:translateY(-2px)}
.why-shell{width:min(1150px,calc(100% - 48px));margin-inline:auto}
.why-page{background:#f7f5f2;color:#24201e}
.why-page .why-hero{background:radial-gradient(ellipse at 20% 90%,#3d2620 0%,transparent 60%),#191817;color:white;padding:74px 0 82px;position:relative;overflow:hidden}
.why-page .why-hero::after{content:'8';position:absolute;right:0;top:-105px;font-size:460px;line-height:1;font-weight:800;color:#ffffff06;pointer-events:none}
.why-page .why-hero>.why-shell{position:relative;z-index:1}
.why-page .why-path{font-size:11px;color:#b6aca5;margin:0 0 35px}
.why-page .why-path a{color:#e2b190}
.why-page .why-kicker{font-size:11px;letter-spacing:.17em;color:#ff9661;font-weight:850;margin:0 0 20px}
.why-page h1{font-size:clamp(38px,5.2vw,68px);line-height:1.1;font-weight:800;letter-spacing:-.047em;max-width:1020px;margin:0 0 22px}
.why-page h1 em{font-style:normal;color:#ff965d}
.why-page .why-hero-lead{font-size:17px;line-height:1.8;color:#ded4cd;max-width:740px;margin:0}
.why-page .why-hero-actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:30px}
.why-page .why-btn{display:inline-flex;align-items:center;justify-content:center;text-align:center;gap:6px;padding:15px 21px;border-radius:9px;font-size:13px;font-weight:800;background:#c5460e;color:white;transition:transform .2s,background .2s}
.why-page .why-btn:hover{background:#a93608;transform:translateY(-2px)}
.why-page .why-btn.why-outline{background:transparent;border:1px solid #a89d98;color:white}
.why-page .why-btn.why-outline:hover{background:#332925}
.why-page .why-main{padding:65px 0 80px}
.why-page .why-heading-label{font-size:11px;font-weight:800;letter-spacing:.16em;color:#bc481a;margin:0 0 12px}
.why-page .why-heading{font-size:clamp(29px,3.2vw,42px);font-weight:800;letter-spacing:-.04em;line-height:1.2;margin:0 0 30px;max-width:810px}
.why-page .why-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.why-page .why-card{border-radius:19px;background:#fff;border:1px solid #e6ddd8;padding:38px;box-shadow:0 14px 40px #2f1d1309;scroll-margin-top:220px}
.why-page .why-card.why-card-dark{background:#211d1b;color:#fff;border-color:#211d1b}
.why-page .why-card-no{color:#c94f1b;font-weight:800;font-size:11px;letter-spacing:.13em}
.why-page .why-card-dark .why-card-no{color:#ff9e6a}
.why-page .why-card h2{font-size:clamp(27px,2.6vw,38px);font-weight:800;letter-spacing:-.04em;line-height:1.13;margin:18px 0 21px}
.why-page .why-card p,.why-page .why-card li{font-size:14px;line-height:1.9;color:#5e5550}
.why-page .why-card-dark p,.why-page .why-card-dark li{color:#d5ccc5}
.why-page .why-card blockquote{font-size:18px;line-height:1.55;letter-spacing:-.015em;font-weight:800;border-left:4px solid #e96328;margin:29px 0;padding:3px 0 3px 18px}
.why-page .why-card ul{padding-left:20px;margin:12px 0 20px}
.why-page .why-card li{padding-left:4px;margin-bottom:7px}
.why-page .why-strong{font-size:16px!important;font-weight:850;color:#1e1b19!important}
.why-page .why-card-dark .why-strong{color:#fff!important}
.why-page .why-card .why-btn{margin-top:18px}
.why-page .why-perspective{display:grid;grid-template-columns:1fr 2fr;gap:35px;align-items:center;background:#ede3dc;border:1px solid #e6d8cf;border-radius:19px;margin-top:26px;padding:38px;scroll-margin-top:220px}
.why-page .why-monogram{background:#1d1a18;color:#ff8645;border-radius:15px;display:grid;place-items:center;min-height:215px;padding:14px;text-align:center}
.why-page .why-monogram strong{font-size:72px;letter-spacing:-.08em;line-height:1}
.why-page .why-monogram span{display:block;font-size:10px;letter-spacing:.13em;color:#ded2c9;margin-top:8px}
.why-page .why-perspective h2{font-size:clamp(25px,3vw,37px);font-weight:800;letter-spacing:-.035em;margin:6px 0 17px}
.why-page .why-perspective p{color:#5d534b;font-size:14px;line-height:1.85;margin:9px 0}
.why-page .why-outro{margin-top:25px;text-align:center;padding:43px 25px;background:#1c1917;color:#fff;border-radius:19px}
.why-page .why-outro h2{font-size:clamp(25px,3vw,37px);letter-spacing:-.03em;margin:8px 0 13px}
.why-page .why-outro p{color:#d0c8c0;font-size:14px;line-height:1.8;max-width:680px;margin:0 auto 23px}
.why-page .why-fine{font-size:11px;line-height:1.65;color:#79706c;text-align:center;margin-top:23px}
@media(max-width:1180px){.why-page .why-card{scroll-margin-top:165px}.why-page .why-perspective{scroll-margin-top:165px}}
@media(max-width:900px){.why-home-inner{flex-direction:column;align-items:flex-start}.why-page .why-grid{grid-template-columns:1fr}.why-page .why-hero{padding:54px 0 62px}.why-page .why-perspective{grid-template-columns:1fr}.why-page .why-monogram{min-height:125px}.why-page .why-main{padding:42px 0 55px}}
@media(max-width:550px){.why-shell{width:calc(100% - 34px)}.why-page .why-card{padding:25px 21px}.why-page .why-card blockquote{font-size:17px}.why-page .why-perspective{padding:23px}.why-page .why-monogram strong{font-size:54px}.why-page .why-btn{width:100%}.why-page .why-hero-actions{flex-direction:column}.why-page .why-home-button{width:100%;text-align:center}.why-home{padding:24px 0}}