/* fieldcard · learnt from Home Remodeling Builders (LA): photo hero with a white estimate
   card, big rounded bottom corners, paper + sage grounds, tight grotesk two-line
   headlines, eyebrow with a short rule, rounded image-top cards with pill buttons,
   numbered project cards, stacked step cards, dark-green CTA panel, link pills. */
:root{
  --forest:#163A2E;--forest-2:#0F2A21;--forest-3:#1E4A3B;
  --sage:#E8EEE3;--sage-2:#DCE5D4;--paper:#F7F6F1;--white:#fff;
  --brass:#C08A3E;--brass-ink:#8F6120;
  --ink:#14201B;--text:#2A3630;--mute:#5B6861;--line:rgba(22,58,46,.14);
  --head:"Inter Tight",Inter,Arial,sans-serif;--body:Inter,Arial,sans-serif;
  --r:22px;--r-lg:30px;--r-xl:44px;
  --shadow:0 1px 2px rgba(20,32,27,.05),0 12px 32px -12px rgba(20,32,27,.18);
  --wrap:1200px;--gut:clamp(16px,4vw,40px);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
.still{scroll-behavior:auto}
body{margin:0;font:400 17px/1.6 var(--body);color:var(--text);background:var(--paper);-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
h1,h2,h3{font-family:var(--head);color:var(--ink);margin:0;letter-spacing:-.025em;line-height:1.05;font-weight:700}
h1{font-size:clamp(40px,4.4vw,58px);font-weight:800;letter-spacing:-.035em;line-height:1}
h2{font-size:clamp(30px,3.4vw,46px)}
h3{font-size:22px;letter-spacing:-.015em;line-height:1.2;text-wrap:balance}
p{margin:0}
ul,ol{margin:0;padding:0;list-style:none}
.wrap{width:100%;max-width:var(--wrap);margin-inline:auto;padding-inline:var(--gut)}
.lede{font-size:18px;color:var(--mute);max-width:46ch}
:focus-visible{outline:3px solid var(--brass);outline-offset:3px;border-radius:6px}

/* ---- eyebrow with a short rule ------------------------------------------------ */
.eyebrow{display:flex;align-items:center;gap:12px;margin:0 0 16px;font:600 12px/1 var(--body);letter-spacing:.18em;text-transform:uppercase;color:var(--forest)}
.eyebrow::before{content:"";width:28px;height:1px;background:var(--brass);flex:none}
.eyebrow--light{color:#E6ECE3}
.eyebrow--num{margin-bottom:12px;color:var(--brass-ink);font-size:11px;letter-spacing:.14em;gap:8px}
.eyebrow--num::before{background:var(--brass);width:18px}

/* ---- buttons ---------------------------------------------------------------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 24px;border-radius:999px;border:1px solid var(--forest);background:var(--forest);color:#fff;font:600 15px/1.2 var(--body);text-decoration:none;transition:background .25s,color .25s,border-color .25s,transform .25s;cursor:pointer}
.btn:hover{background:var(--forest-2);border-color:var(--forest-2);transform:translateY(-1px)}
.btn--sm{min-height:44px;padding:10px 20px;font-size:14px}
.btn--lg{min-height:54px;padding:14px 28px;font-size:16px}
.btn--paper{background:var(--paper);border-color:var(--paper);color:var(--forest)}
.btn--paper:hover{background:#fff;border-color:#fff}
.btn--ghost{background:transparent;color:var(--forest)}
.btn--ghost:hover{background:var(--sage)}
.btn--glass{background:rgba(247,246,241,.14);border-color:rgba(247,246,241,.45);color:#fff;backdrop-filter:blur(6px)}
.btn--glass:hover{background:rgba(247,246,241,.26);border-color:rgba(247,246,241,.7)}
.link-arrow{font:600 15px/1.3 var(--body);color:var(--forest);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s;white-space:nowrap}
.link-arrow:hover{border-color:var(--forest)}
.link-arrow--sm{font-size:14px}

/* ---- top strip + header ------------------------------------------------------- */
.topbar{background:var(--forest-2);color:#C9D6CC;font-size:12.5px;line-height:1.4}
.topbar__in{display:flex;justify-content:space-between;gap:16px;padding-block:8px}
.topbar__r{display:flex;gap:18px}
.topbar a{color:#E6ECE3;text-decoration:none}
.topbar a:hover{text-decoration:underline}
.hdr{position:sticky;top:0;z-index:50;background:var(--paper);border-bottom:1px solid transparent;transition:box-shadow .3s,border-color .3s}
.menu-open{overflow:hidden}
.is-scrolled .hdr{border-color:var(--line);box-shadow:0 8px 24px -16px rgba(20,32,27,.35)}
.hdr__in{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:76px;transition:min-height .3s}
.is-scrolled .hdr__in{min-height:66px}
.logo{display:inline-flex;text-decoration:none;flex:none}
.logo svg{display:block;height:auto}
.hdr__logo svg{width:224px}
.hdr__nav{display:flex;gap:28px;align-items:center;margin-inline:auto}
.hdr__nav>a{font:500 15px/1 var(--body);color:var(--ink);text-decoration:none;padding:8px 0;position:relative}
.hdr__nav>a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--brass);transform:scaleX(0);transform-origin:left;transition:transform .25s}
.hdr__nav>a:hover::after{transform:scaleX(1)}
.hdr__nav-cta{display:none}
.hdr__cta{display:flex;align-items:center;gap:18px;flex:none}
.hdr__phone{font:700 15px/1 var(--body);color:var(--forest);text-decoration:none;white-space:nowrap}
.hdr__burger{display:none;width:48px;height:48px;border:0;background:transparent;border-radius:12px;position:relative;cursor:pointer;flex:none}
.hdr__burger span,.hdr__burger span::before,.hdr__burger span::after{position:absolute;left:12px;width:24px;height:2px;background:var(--forest);border-radius:2px;transition:transform .3s,top .3s,opacity .3s;content:""}
.hdr__burger span{top:23px}
.hdr__burger span::before{left:0;top:-7px}
.hdr__burger span::after{left:0;top:7px}
.menu-open .hdr__burger span{background:transparent}
.menu-open .hdr__burger span::before{top:0;transform:rotate(45deg)}
.menu-open .hdr__burger span::after{top:0;transform:rotate(-45deg)}
.skip-link{position:absolute;left:16px;top:-60px;z-index:100;background:var(--forest);color:#fff;padding:10px 16px;border-radius:10px;text-decoration:none;font-weight:600}
.skip-link:focus{top:12px}

/* ---- hero -------------------------------------------------------------------- */
.hero{position:relative;overflow:hidden;background:var(--forest-2);color:#fff;border-radius:0 0 var(--r-xl) var(--r-xl);isolation:isolate}
.hero__media{position:absolute;inset:0;z-index:-1;will-change:transform}
.hero__img{width:100%;height:100%;object-fit:cover}
.hero__media::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,rgba(15,42,33,.9) 0%,rgba(15,42,33,.74) 48%,rgba(15,42,33,.42) 100%)}
.hero__in{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,420px);gap:44px;align-items:center;padding-block:clamp(56px,7vw,96px)}
.hero__copy{max-width:660px}
.hero h1{color:#fff;margin-bottom:22px}
.hero__sub{font-size:19px;line-height:1.55;color:#E6ECE3;max-width:52ch}
.hero__pictured{margin-top:14px;font-size:13px;color:#B9C8BD;text-decoration:underline;text-underline-offset:3px}
.hero__btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.hero__card{background:var(--white);color:var(--text);border-radius:var(--r);padding:28px 28px 24px;box-shadow:0 30px 60px -24px rgba(0,0,0,.45);scroll-margin-top:110px}
.hero__card-title{font-size:26px;margin-bottom:8px}
.hero__card-note{font-size:14.5px;color:var(--mute);margin-bottom:18px;line-height:1.5}

/* ---- estimate form ------------------------------------------------------------ */
.qform__grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.qform__field{display:flex;flex-direction:column;gap:5px;font:500 12.5px/1 var(--body);color:var(--mute)}
.qform__field--wide{grid-column:1/-1}
.qform input,.qform select,.qform textarea{width:100%;min-height:46px;padding:10px 13px;border:1px solid #CBD3CC;border-radius:11px;background:#fff;font:400 15.5px/1.3 var(--body);color:var(--ink);transition:border-color .2s,box-shadow .2s}
.qform textarea{min-height:88px;resize:vertical}
.qform input:focus,.qform select:focus,.qform textarea:focus{outline:0;border-color:var(--forest);box-shadow:0 0 0 3px rgba(22,58,46,.14)}
.qform select{appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' fill='none' stroke='%23163A2E' stroke-width='1.8'%3E%3Cpath d='M1 1l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 14px center;padding-right:36px}
.qform__hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.qform__submit{width:100%;margin-top:14px;min-height:50px;border:0;border-radius:999px;background:var(--forest);color:#fff;font:600 15.5px/1 var(--body);cursor:pointer;transition:background .25s}
.qform__submit:hover{background:var(--forest-2)}
.qform__submit:disabled{opacity:.6;cursor:wait}
.qform__status{margin-top:10px;font-size:14px;min-height:0}
.qform__status.is-ok{color:var(--forest);font-weight:600}
.qform__status.is-err{color:#8A2E1F}
.qform__status:empty{display:none}
.qform__alt{margin-top:12px;font-size:13.5px;color:var(--mute);line-height:1.5}
.qform__alt a{color:var(--forest);font-weight:600;text-decoration:none}

/* ---- bands + section heads ---------------------------------------------------- */
.band{padding-block:clamp(64px,8vw,112px)}
.band--sage{background:var(--sage)}
.band--tight{padding-block:clamp(24px,3vw,40px)}
.band--tight + .band--tight{padding-top:0}
.sec-head{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:clamp(32px,4vw,48px)}
.sec-head--lede .lede{max-width:38ch;padding-bottom:6px}
.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,5vw,72px);align-items:start}
.split--head{align-items:end;margin-bottom:clamp(32px,4vw,48px)}
.intro__body{font-size:17.5px;color:var(--text);display:grid;gap:16px;max-width:52ch}

/* ---- framed feature photo with caption bar ----------------------------------- */
.feature{margin:0;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:10px;box-shadow:var(--shadow)}
.feature__media{border-radius:calc(var(--r-lg) - 10px);overflow:hidden}
.feature__img{width:100%}
.feature__cap{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:16px 14px 8px;font-size:14px;color:var(--mute)}
.feature__cap a{color:var(--forest);font-weight:600;text-decoration:none;white-space:nowrap}
.feature__cap a:hover{text-decoration:underline}
.feature__cap--stack{display:grid;gap:6px;padding:18px 16px 10px;justify-content:start}
.feature__cap--stack strong{font:700 21px/1.2 var(--head);color:var(--ink);letter-spacing:-.015em}
.feature__label{font:600 12px/1 var(--body);letter-spacing:.16em;text-transform:uppercase;color:var(--brass-ink)}
.feature--project{margin-bottom:28px}

/* ---- cards --------------------------------------------------------------------- */
.cards{display:grid;gap:24px}
.cards--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.cards--4{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:12px;box-shadow:var(--shadow);transition:transform .35s,box-shadow .35s;scroll-margin-top:100px}
.card:hover{transform:translateY(-4px);box-shadow:0 1px 2px rgba(20,32,27,.05),0 24px 44px -18px rgba(20,32,27,.3)}
.card__media{border-radius:calc(var(--r) - 10px);overflow:hidden;background:var(--sage)}
.card__img{width:100%;transition:transform .8s ease}
.card:hover .card__img{transform:scale(1.04)}
.card__body{display:flex;flex-direction:column;flex:1;gap:12px;padding:20px 14px 12px}
.card__body p{color:var(--mute);font-size:15.5px;line-height:1.6;flex:1}
.card__body .btn,.card__body .link-arrow{align-self:flex-start;margin-top:4px}
.card--lg .card__body{padding:24px 16px 14px;gap:14px}
.card--lg h3{font-size:26px}
.card--lg .card__body p{font-size:16px}
.card--sm{border-radius:18px;padding:10px}
.card--sm .card__media{border-radius:10px}
.card--sm h3{font-size:19px}
.card--sm .card__body{padding:16px 10px 8px;gap:8px}
.card--sm .card__body p{font-size:14.5px}
.card--story .card__body{padding:20px 12px 12px;gap:8px}
.card--story h3{font-size:20px}
.card--story .card__body p{font-size:14.5px}

/* ---- approach: photo + stacked steps ----------------------------------------- */
.split--approach{align-items:start}
.approach__fig{margin:0;position:sticky;top:110px}
.approach__media{border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow)}
.approach__img{width:100%}
.approach__fig figcaption{margin-top:12px;font-size:13.5px;color:var(--mute);font-style:italic}
.approach__steps .lede{margin-bottom:28px}
.steps{display:grid;gap:12px;margin-bottom:28px}
.step{background:var(--sage);border:1px solid var(--sage-2);border-radius:18px;padding:20px 24px}
.step h3{font-size:20px;margin-bottom:6px}
.step__n{color:var(--brass-ink);font-weight:700;margin-right:4px}
.step p{font-size:15.5px;color:var(--text)}

/* ---- why: photo card + inset panel ------------------------------------------- */
.split--why{align-items:stretch}
.why-card{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:12px;box-shadow:var(--shadow)}
.why-card__media{border-radius:calc(var(--r-lg) - 10px);overflow:hidden}
.why-card__img{width:100%}
.why-card__body{padding:28px 18px 16px}
.why-card__body h2{font-size:clamp(30px,3vw,42px);margin-bottom:16px}
.why-card__body p{color:var(--text);max-width:48ch}
.why-panel{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:12px;box-shadow:var(--shadow);display:flex}
.why-panel__in{flex:1;background:var(--sage);border-radius:calc(var(--r-lg) - 10px);padding:22px;display:grid;gap:12px;align-content:center}
.value{background:#fff;border-radius:16px;padding:20px 22px;box-shadow:0 10px 24px -18px rgba(20,32,27,.25)}
.value h3{font-size:19px;margin-bottom:6px}
.value p{font-size:15px;color:var(--mute)}

/* ---- faq ------------------------------------------------------------------------ */
.faq{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(32px,5vw,72px)}
.faq__item{border-top:1px solid var(--line)}
.faq__item:last-child{border-bottom:1px solid var(--line)}
.faq__item summary{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 4px;cursor:pointer;list-style:none;font:600 18px/1.3 var(--head);color:var(--ink);letter-spacing:-.01em}
.faq__item summary::-webkit-details-marker{display:none}
.faq__plus{position:relative;flex:none;width:28px;height:28px;border-radius:50%;background:var(--forest)}
.faq__plus::before,.faq__plus::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:2px;background:#fff;transform:translate(-50%,-50%);transition:transform .25s}
.faq__plus::after{transform:translate(-50%,-50%) rotate(90deg)}
.faq__item[open] .faq__plus::after{transform:translate(-50%,-50%) rotate(0)}
.faq__item p{padding:0 48px 22px 4px;color:var(--text);font-size:16px;max-width:62ch}

/* ---- closing cta panel -------------------------------------------------------- */
.cta{background:linear-gradient(135deg,var(--forest-2) 0%,var(--forest) 60%,var(--forest-3) 100%);color:#fff;border-radius:var(--r-xl);padding:clamp(48px,6vw,88px) clamp(24px,5vw,72px);position:relative;overflow:hidden}
.cta::after{content:"";position:absolute;right:-10%;top:-40%;width:48%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(192,138,62,.22),transparent 65%);pointer-events:none}
.cta__in{position:relative;max-width:620px}
.cta h2{color:#fff;margin-bottom:16px}
.cta p{color:#D5DFD6;font-size:18px;max-width:50ch}
.cta__btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}

/* ---- areas card with link pills ---------------------------------------------- */
.areas{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:clamp(24px,3.5vw,44px);box-shadow:var(--shadow)}
.areas__head{display:grid;grid-template-columns:1fr minmax(0,520px);gap:clamp(24px,4vw,56px);align-items:center;margin-bottom:36px}
.areas__head .lede{margin-top:14px}
.areas__list{margin-top:18px;font:600 14px/1.7 var(--body);color:var(--forest)}
.areas__media{border-radius:var(--r);overflow:hidden}
.areas__img{width:100%}
.pills{display:grid;grid-template-columns:1fr 1fr;gap:12px 20px}
.pills__col{display:grid;gap:10px;align-content:start}
.pills h3{font-size:14px;letter-spacing:.14em;text-transform:uppercase;color:var(--brass-ink);font-family:var(--body);font-weight:600;margin-bottom:4px}
.pill{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:48px;padding:11px 18px;background:var(--sage);border:1px solid var(--sage-2);border-radius:999px;color:var(--forest);font:600 14.5px/1.3 var(--body);text-decoration:none;transition:background .2s,border-color .2s,transform .2s}
.pill:hover{background:var(--sage-2);border-color:var(--forest);transform:translateX(2px)}

/* ---- footer ----------------------------------------------------------------- */
.ftr{background:var(--forest-2);color:#C9D6CC;margin-top:clamp(32px,4vw,56px);padding:clamp(48px,6vw,80px) 0 28px;border-radius:var(--r-xl) var(--r-xl) 0 0}
.ftr__grid{display:grid;grid-template-columns:1.5fr 1fr 1fr .8fr;gap:40px}
.ftr__logo svg{width:236px}
.ftr__blurb{margin:18px 0 16px;max-width:36ch;font-size:15px}
.ftr__nap{font-size:0;font-style:normal}
.ftr__nap>*{display:block;font-size:15px;line-height:1.7}
.ftr__nap .nap__name{font-weight:600;color:#fff}
.ftr__nap a{color:#E6ECE3;text-decoration:none}
.ftr__nap a:hover{text-decoration:underline}
.ftr__col h3{font:600 13px/1 var(--body);letter-spacing:.14em;text-transform:uppercase;color:#fff;margin-bottom:18px}
.ftr__col li{margin-bottom:10px}
.ftr__col a{font-size:15px;text-decoration:none;color:#C9D6CC}
.ftr__col a:hover{color:#fff;text-decoration:underline}
.ftr__hours{margin-top:20px;font-size:14px;line-height:1.5}
.ftr__hours span{display:block;font:600 12px/1 var(--body);letter-spacing:.14em;text-transform:uppercase;color:#fff;margin-bottom:6px}
.ftr__bottom{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:48px;padding-top:22px;border-top:1px solid rgba(255,255,255,.12);font-size:13.5px}

/* ---- legal pages -------------------------------------------------------------- */
.legal{padding:clamp(48px,6vw,96px) 0}
.legal__inner{max-width:760px;margin-inline:auto;padding-inline:var(--gut)}
.legal__crumb{font-size:14px;color:var(--mute);margin-bottom:16px}
.legal__crumb a{color:var(--forest);text-decoration:none}
.legal h1{font-size:clamp(34px,4.5vw,54px);margin-bottom:28px}
.legal h2{font-size:24px;margin:36px 0 12px}
.legal p,.legal li{margin-bottom:14px;font-size:16.5px}
.legal ul{list-style:disc;padding-left:22px}
.legal a{color:var(--forest)}

/* ---- call bar (phones only) ---------------------------------------------------- */
.callbar{position:fixed;left:16px;right:16px;bottom:14px;z-index:60;display:flex;align-items:center;justify-content:center;min-height:54px;border-radius:999px;background:var(--forest);color:#fff;font:600 16px/1 var(--body);text-decoration:none;box-shadow:0 14px 30px -10px rgba(0,0,0,.45)}
@media (min-width:900px){.callbar{display:none}}

/* ---- motion ------------------------------------------------------------------ */
.js [data-reveal]{opacity:0;transform:translateY(24px);transition:opacity .8s ease var(--reveal-delay,0ms),transform .8s ease var(--reveal-delay,0ms)}
.js [data-reveal].is-in,.still [data-reveal]{opacity:1;transform:none}
.still *{transition:none!important;animation:none!important}

/* ---- responsive ---------------------------------------------------------------- */
@media (max-width:1100px){
  .cards--4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ftr__grid{grid-template-columns:1fr 1fr}
  .hdr__nav{gap:20px}
}
@media (max-width:899px){
  .topbar__r span{display:none}
  .hdr__in{min-height:68px}
  .hdr__logo svg{width:196px}
  .hdr__nav{display:none;position:fixed;left:0;right:0;top:0;bottom:0;z-index:40;background:var(--paper);padding:100px var(--gut) 40px;flex-direction:column;align-items:flex-start;gap:6px;overflow:auto}
  .menu-open .hdr__nav{display:flex}
  .hdr__nav>a{font:700 28px/1.2 var(--head);letter-spacing:-.02em;padding:10px 0}
  .hdr__nav-cta{display:flex;flex-direction:column;gap:10px;margin-top:24px;width:100%}
  .hdr__nav-cta .btn{width:100%}
  .hdr__cta .btn{display:none}
  .hdr__burger,.hdr__logo{display:block;position:relative;z-index:45}
  .hero{border-radius:0 0 32px 32px}
  .hero__in{grid-template-columns:1fr;gap:36px;padding-block:48px 40px}
  .hero__card{padding:22px 18px 18px;scroll-margin-top:90px}
  .hero__btns .btn{flex:1 1 auto}
  .split,.split--head,.split--approach,.split--why,.faq{grid-template-columns:1fr}
  .sec-head{flex-direction:column;align-items:flex-start;gap:16px}
  .cards--3{grid-template-columns:1fr}
  .approach__fig{position:static}
  .areas__head{grid-template-columns:1fr}
  .pills{grid-template-columns:1fr;gap:28px}
  .ftr{border-radius:32px 32px 0 0;padding-bottom:96px}
}
@media (max-width:599px){
  .topbar__in{justify-content:center;text-align:center}
  .topbar__l{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .topbar__r{display:none}
  .hero__btns .btn:nth-child(3){display:none}
  .hdr__phone{display:none}
  .hdr__logo svg{width:184px}
  h1{font-size:clamp(38px,11vw,46px)}
  .hero__sub{font-size:17px}
  .hero__btns .btn{width:100%}
  .qform__grid{grid-template-columns:1fr}
  .cards--4{grid-template-columns:1fr}
  .feature{padding:8px;border-radius:22px}
  .feature__media{border-radius:14px}
  .feature__cap{flex-direction:column;align-items:flex-start;gap:8px}
  .areas{padding:18px}
  .why-card,.why-panel{border-radius:22px}
  .why-card__media,.why-panel__in{border-radius:14px}
  .why-panel__in{padding:12px}
  .cta{border-radius:28px}
  .cta__btns .btn{width:100%}
  .ftr__grid{grid-template-columns:1fr;gap:32px}
  .faq__item p{padding-right:8px}
}