/* Made Tech Housing v17: strategic narrative, navigation, footer and readability. */
:root { --why-paper:#fafefc; --why-green:#00ad54; --why-ink:#09100c; }
body { background:var(--why-paper); }
/* Brand lockup: existing SVG artwork stays intact. */
.header .logo-sub { text-transform:none; color:#00a950; font-family:Poppins,Arial,sans-serif; font-size:clamp(17px,1.65vw,25px); font-weight:700; letter-spacing:-.05em; line-height:1; padding-left:20px; }
.desktop-nav { align-items:center; }
.desktop-nav .housing-nav-group { height:auto; }
.desktop-nav .solutions-toggle { border:0; border-radius:0; background:transparent; padding:10px 0; color:inherit;  font-family:Poppins,Arial,sans-serif; font-weight:700; font-size:inherit; line-height:1.5; text-transform:none; white-space:nowrap; cursor:pointer; position:relative; }
.desktop-nav .solutions-toggle::after { content:""; position:absolute; bottom:-10px; left:0; right:0; height:3px; background:currentColor; transform:scaleX(0); transform-origin:left; transition:transform .25s ease; }
.desktop-nav .housing-nav-group:is(:hover,:focus-within,.menu-dropdown-open) .solutions-toggle::after,.desktop-nav .solutions-toggle[aria-expanded=true]::after {transform:scaleX(1)}
.housing-nav-group .housing-popover { z-index:120; max-height:min(72vh,720px); overflow:auto; padding:23px 22px 18px; }
.housing-nav-group .housing-popover .micro { margin:17px 10px 8px; display:block; font-size:10px; color:#326948; letter-spacing:.09em; }
.housing-nav-group .housing-popover .micro:first-child { margin-top:0 }
.housing-nav-group .housing-popover a { display:block; font-size:14px; border-radius:6px; padding:10px 12px; }
.housing-nav-group .housing-popover a:hover,.housing-nav-group .housing-popover a:focus-visible { background:#e8f7ed; color:#035d30; }
/* Only genuine click or hover shows the solution menu. */
.housing-nav-group:not(:hover):not(:focus-within):not(.menu-dropdown-open) .housing-popover{opacity:0;visibility:hidden;pointer-events:none}
.menu-products .micro{display:block;font-size:12px;margin:14px 0 7px;opacity:.7}
.menu-products>div>a {min-height:36px}
.menu-products a span { display:none }
/* Do not allow negative tracking tighter than -0.05em anywhere. All source tokens are normalised in build. */
.why-page {overflow:hidden;background:var(--why-paper)}
.why-page h1,.why-page h2,.why-page h3 {font-family:Poppins,Arial,sans-serif;font-weight:700;letter-spacing:-.05em;text-transform:none;text-wrap:balance}
.why-page p {line-height:1.65}
.why-page .micro {text-transform:none;letter-spacing:.09em;font-family:Poppins,Arial,sans-serif;font-weight:700;color:#246a42}
.why-page em,.why-teaser em {font-style:normal;color:var(--why-green)}
.why-page .pill-btn {width:fit-content;min-width:0;text-transform:none}
.why-hero{position:relative;isolation:isolate;background:var(--why-paper);padding:clamp(80px,8vw,145px) 0 clamp(95px,8vw,140px)}
.why-hero-grid{display:grid;grid-template-columns:minmax(0,.98fr) minmax(0,1.02fr);gap:clamp(18px,3vw,52px);align-items:center}
.why-hero-copy{position:relative;z-index:2}
.why-hero-copy>.micro {margin-bottom:35px;display:block;font-size:12px}
.why-hero h1 {font-size:clamp(48px,5.1vw,92px);line-height:1.02;margin:0 0 32px;max-width:900px}
.why-hero h1 em {display:inline;color:#04a951}
.why-hero-copy>p {font-size:clamp(18px,1.45vw,23px);color:#4a5e52;line-height:1.5;max-width:640px;margin:0 0 16px}
.why-hero-copy>.why-hero-secondary {font-size:clamp(16px,1.1vw,18px);line-height:1.58;max-width:610px}
.why-hero-copy>strong{display:block;font-size:clamp(18px,1.5vw,23px);letter-spacing:-.024em;line-height:1.36;margin:29px 0 34px;max-width:560px}
.why-hero-art{width:calc(100% + min(5vw,110px));height:clamp(430px,56vw,760px);object-fit:cover;object-position:center;display:block;margin-right:-5vw;max-width:none;mix-blend-mode:multiply}
.why-hero-buttons{display:flex;flex-wrap:wrap;align-items:center;gap:18px}
.why-hero-buttons .text-btn{padding:12px 0;color:#14271b}
.why-teaser{padding:clamp(65px,7vw,105px) 0;background:#f6faf7}
.why-teaser-inner{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,5vw,100px);align-items:center}
.why-teaser h2{font-size:clamp(48px,5vw,90px);font-weight:700;letter-spacing:-.05em;line-height:1.03;margin:20px 0 25px}
.why-teaser p{max-width:520px;font-size:clamp(17px,1.3vw,21px);line-height:1.6;color:#42584a;margin-bottom:30px}
.why-teaser img{width:100%;height:clamp(320px,39vw,580px);object-fit:cover;mix-blend-mode:multiply;}
.why-section-heading{max-width:990px;margin-bottom:clamp(36px,5vw,75px)}
.why-section-heading h2,.why-model h2,.why-now h2 {font-size:clamp(48px,6vw,102px);line-height:1.02;letter-spacing:-.05em;margin:22px 0 25px}
.why-section-heading p {font-size:clamp(18px,1.6vw,24px);color:#55645b;max-width:850px}
.why-page .pressure-experience{background:#fff;padding-top:clamp(70px,9vw,130px);padding-bottom:clamp(70px,9vw,130px)}
.why-page .pressure-experience .friction-head{margin-bottom:clamp(40px,6vw,85px);display:block}
.why-page .pressure-experience .friction-head .section-index{margin-bottom:28px}
.why-page #friction-title{font-size:clamp(49px,6.1vw,110px);line-height:.98;letter-spacing:-.05em;max-width:100%}
.why-page .pressure-stage{transform:none!important}
.why-page .pressure-image-area{transform:none!important}
.why-page .pressure-chapter h3{font-size:clamp(29px,3.2vw,49px);letter-spacing:-.05em;text-transform:none}
.why-page .pressure-chapter{min-height:clamp(360px,53vh,540px)}
.why-page .pressure-stage-column{top:115px}
.why-shift{padding:clamp(85px,10vw,160px) 0;background:var(--why-paper)}
.why-comparison{display:grid;grid-template-columns:1fr 1fr;gap:clamp(14px,2vw,30px)}
.why-comparison figure{margin:0;border:1px solid #d7e6dd;background:#fff}
.why-comparison img{width:100%;height:clamp(260px,30vw,550px);object-fit:cover;display:block}
.why-comparison figcaption{padding:clamp(20px,2.5vw,39px)}
.why-comparison figcaption strong{display:block;font-weight:700;line-height:1.24;letter-spacing:-.028em;font-size:clamp(23px,2.2vw,36px);margin:15px 0}
.why-comparison figcaption p{color:#506054;font-size:clamp(15px,1.25vw,18px);max-width:560px}
.why-now{background:#0b100d;color:white;padding:clamp(95px,10vw,165px) 0}
.why-now h2{max-width:1020px}.why-now .micro{color:#a5f5bf}
.why-now-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #4c5d53;margin-top:75px}
.why-now-grid article{padding:38px 30px 28px;border-right:1px solid #43564a;min-height:320px}
.why-now-grid article:first-child{padding-left:0}.why-now-grid article:last-child{border:0}
.why-now-grid article>span{color:#8df0b1;font:700 13px Poppins,sans-serif}
.why-now-grid h3{font-size:clamp(23px,2.2vw,36px);line-height:1.23;margin:45px 0 18px}
.why-now-grid p{color:#d5e4d9;font-size:15px}
.why-model{background:#f1f8f3;padding:clamp(85px,10vw,165px) 0}
.why-model-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:5vw}
.why-model h2{max-width:650px}
.why-model p{max-width:580px;font-size:clamp(17px,1.3vw,20px);color:#53685b}
.why-model .pill-btn{margin-top:25px}
.why-model img{width:100%;min-height:440px;height:clamp(440px,42vw,640px);object-fit:cover;mix-blend-mode:multiply}
.why-journey{padding:clamp(90px,11vw,170px) 0;background:#fff}
.why-journey-layout{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:clamp(20px,5vw,80px);align-items:center}
.why-journey-layout>img{width:100%;max-height:790px;object-fit:contain;display:block}
.why-journey ol{list-style:none;margin:0;padding:0;counter-reset:journey}
.why-journey li{counter-increment:journey;border-top:1px solid #d3e2d7;padding:17px 0 22px 54px;position:relative}
.why-journey li::before{content:counter(journey,decimal-leading-zero);position:absolute;left:0;top:20px;color:#007e40;font-size:13px;font-weight:700}
.why-journey li strong{display:block;font-size:clamp(18px,1.75vw,26px);font-weight:700;letter-spacing:-.025em}
.why-journey li span{display:block;color:#536256;font-size:clamp(14px,1.15vw,17px);line-height:1.5;margin-top:7px}
.why-product-proof{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:80px}
.why-product-proof figure{margin:0;border:1px solid #d4e2d9;background:#f8fbf9;overflow:hidden}
.why-product-proof img{width:100%;height:clamp(220px,25vw,430px);object-fit:cover;object-position:top left}
.why-product-proof figcaption{padding:15px 22px;font-size:12px;color:#506658;font-weight:700}
.why-result{background:#080c0a;color:#fff;padding:clamp(90px,11vw,155px) 0}
.why-result .micro{color:#c2e9d0}
.why-result h2{font-size:clamp(55px,8vw,145px);line-height:.97;margin:25px 0 35px;max-width:1300px}
.why-result p{max-width:790px;font-size:clamp(18px,1.6vw,24px);color:#c8d7cd}
.why-measures{display:flex;flex-wrap:wrap;gap:12px;margin:45px 0 55px}
.why-measures span{border:1px solid #6a8372;border-radius:100px;padding:12px 20px;font-size:13px;font-weight:700}
.why-result-actions{display:flex;align-items:center;flex-wrap:wrap;gap:30px}
.why-result .why-secondary-link{color:white;font-weight:700;text-decoration:underline;text-underline-offset:6px}
/* Footer parity, accurate recognitions and visible legal information. */
.mt-site-footer{border-bottom:7px solid #00a950;background:#0a0e0b}
.mt-footer-badges {display:flex!important;flex-wrap:wrap;align-items:center;gap:clamp(15px,2.4vw,36px)!important;padding-top:40px;padding-bottom:37px}
.mt-badge{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;min-width:90px;max-width:170px;min-height:88px}
.mt-badge img{width:auto;height:auto;max-width:142px;max-height:79px;object-fit:contain}
.mt-badge>span{font:600 10px/1.4 Poppins,Arial,sans-serif;letter-spacing:0;color:#abbfb1;text-align:center}
.mt-newsletter-direct{padding:28px 0;border-top:1px solid #344238;border-bottom:1px solid #344238;margin:25px 0 55px}
.mt-newsletter-direct h2{font-size:24px;font-weight:700;letter-spacing:-.025em;color:#fff;margin:0 0 5px}
.mt-newsletter-direct p{font-size:14px;color:#bac9be;margin:0 0 13px}
.mt-newsletter-direct a{color:#e8fced;font-weight:700;font-size:14px;text-underline-offset:5px}
.mt-legal{border-top:1px solid #394a3d;padding-top:29px}
.mt-legal nav{display:flex;flex-wrap:wrap;gap:12px 32px;margin-bottom:27px}
.mt-legal nav a{color:white;font-size:13px;font-weight:650;text-underline-offset:4px}
.mt-legal .mt-copyright{border-top:0;padding-top:0}
.mt-site-footer a:focus-visible,.why-page a:focus-visible,.desktop-nav button:focus-visible {outline:3px solid #00a950!important;outline-offset:4px!important}
/* Finite motions; avoid trapping or hiding content at reduced motion settings. */
@media (prefers-reduced-motion:reduce){.why-page *, .why-teaser *, .solutions-toggle::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.why-page .pressure-chapter{transform:none!important;opacity:1!important}}
@media(max-width:1150px){.why-now-grid{grid-template-columns:repeat(2,1fr)}.why-now-grid article:nth-child(2){border-right:0}.why-now-grid article{min-height:270px;border-bottom:1px solid #43564a}.why-now-grid article:nth-child(3){padding-left:0}}
@media(max-width:950px){.why-hero-grid{grid-template-columns:1fr}.why-hero-art{order:-1;width:100%;max-height:520px;height:55vw;margin:0;object-position:50% 45%}.why-hero{padding-top:45px}.why-hero h1{font-size:clamp(45px,7.5vw,80px)}.why-model-grid{grid-template-columns:1fr}.why-model img{height:450px;min-height:0}.why-journey-layout{grid-template-columns:1fr}.why-journey-layout>img{max-height:570px}.why-page .pressure-layout{grid-template-columns:1fr}.why-page .pressure-stage-column{position:relative;top:auto;height:460px}.why-page .pressure-chapter{min-height:0;padding:28px 0 33px;opacity:1;transform:none}.why-page .pressure-chapter-index{margin-bottom:20px}.why-page .pressure-experience{overflow:visible}}
@media(max-width:720px){.why-hero{padding:30px 0 80px}.why-hero h1{font-size:clamp(45px,9.2vw,65px)}.why-hero-art{height:70vw;min-height:260px}.why-teaser-inner,.why-comparison{grid-template-columns:1fr}.why-teaser img{height:350px}.why-now-grid{grid-template-columns:1fr;margin-top:30px}.why-now-grid article{border-right:0;padding:26px 0!important;min-height:0}.why-now-grid h3{margin-top:16px}.why-model img{height:310px}.why-journey-layout>img{max-height:430px}.why-product-proof{grid-template-columns:1fr;margin-top:35px}.why-result h2{font-size:clamp(49px,11vw,88px)}.why-page .pressure-stage-column{height:340px}.why-page .pressure-stage-top{padding:10px 13px}.why-page .pressure-stage-bottom{min-height:90px;padding:13px}.why-page .pressure-stage-caption strong{font-size:15px}.header .logo-sub{font-size:19px;padding-left:12px}.mt-legal nav{gap:12px 18px}}
@media(max-width:400px){.why-hero h1{font-size:clamp(39px,10vw,47px)}.why-hero-art{min-height:230px}.why-now h2,.why-section-heading h2,.why-model h2{font-size:clamp(39px,10vw,50px)}.why-page .pressure-chapter h3{font-size:29px}.why-hero-buttons{align-items:flex-start;flex-direction:column}.why-teaser h2{font-size:43px}}

.why-faq{padding:clamp(75px,9vw,145px) 0}.why-faq h2{font-size:clamp(44px,5vw,85px);font-weight:700;line-height:1.05;letter-spacing:-.05em;margin:25px 0 50px}.why-faq h2 em{font-style:normal;color:#00ad54}.why-faq-list{border-top:1px solid #baccbf}.why-faq details{border-bottom:1px solid #baccbf;padding:25px 0}.why-faq summary{cursor:pointer;font-size:clamp(17px,1.65vw,23px);font-weight:700}.why-faq details p{max-width:800px;color:#56645a;line-height:1.6;font-size:16px}.why-faq summary:focus-visible{outline:3px solid #007a3d;outline-offset:5px}

/* v17 final accessibility refinements */
.why-page a,.why-teaser a{scroll-margin-top:105px}
#pressure-intro{scroll-margin-top:100px}
.why-page .pressure-stage:focus-within{outline:3px solid #006638;outline-offset:3px}
.why-page .pressure-stage-image{background:#fafefc}
@media(max-width:700px){.why-page .pressure-stage-image{width:125%;left:-12.5%}}
/* Keep the new Housing lockup visually consistent with the official Made Tech wordmark. */
.header .logo .logo-sub{font-family:Poppins,Arial,sans-serif!important;font-weight:700!important;font-size:clamp(19px,1.7vw,25px)!important;letter-spacing:-.05em!important;text-transform:none!important;color:#00a950!important;}
/* Blend the sketch into the exact page background instead of presenting it as a card. */
@media(min-width:951px){.why-hero-art{-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.96) 11%,#000 100%);mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.96) 11%,#000 100%);}}
@media(max-width:400px){.header .logo .logo-sub{display:inline-block!important;font-size:clamp(12px,3.7vw,15px)!important;margin-left:5px!important;padding-left:9px!important}.header .official-logo{max-width:clamp(135px,42vw,175px)!important;height:auto!important}.header{gap:8px!important}}