/* KCR city. Generated by tools/build_wp_theme.py */
:root{
    --ink:#06131F; --navy:#081C30; --navy2:#0E2A47; --green:#5CB947; --green-d:#3A8A2E; --green-t:#EAF5E6;
    --gold:#F2B84B; --gold-d:#D99A2B; --cloud:#F6F8FA; --white:#FFFFFF; --slate:#45606E; --line:#E8ECEF; --hd:#0B1F33;
    /* CITY ROLLOUT: set these two per city so the H1 never overflows or wraps.
       Short name (Dallas, Boise): 84px / 8.3vw. Long name (San Diego, Orange County): 60px / 7vw. */
    --h1-max:84px; --h1-mobile:8.3vw;
  }
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:92px}
body{margin:0;font-family:'Public Sans',system-ui,sans-serif;color:#10222E;background:var(--cloud);-webkit-font-smoothing:antialiased}
h1,h2,h3{font-family:'Archivo','Helvetica Neue',Arial,sans-serif;text-wrap:balance;margin:0}
a{color:var(--green-d);text-decoration:none}
img{max-width:100%}
html,body{overflow-x:clip}
.wrap{max-width:1360px;margin:0 auto;padding:0 40px}
.btn{display:inline-flex;align-items:center;gap:11px;border-radius:999px;font-weight:700;cursor:pointer;border:0;transition:transform .25s cubic-bezier(.2,.7,.2,1),box-shadow .25s,background .25s;will-change:transform}
.btn:hover{transform:translateY(-3px)}
.btn:active{transform:translateY(-1px) scale(.98)}
.btn:focus-visible{outline:3px solid rgba(92,185,71,.5);outline-offset:2px}
.btn-green{background:var(--green);color:#fff;box-shadow:0 6px 18px rgba(92,185,71,.35)}
.btn-green:hover{background:#63c44e;box-shadow:0 12px 28px rgba(92,185,71,.45)}
.btn-ghost{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.24);color:#fff}
.btn-ghost:hover{background:rgba(255,255,255,.18)}
.btn-outline{background:transparent;border:2px solid var(--green-d);color:var(--green-d)}
.btn-outline:hover{background:var(--green-t)}
.eyebrow{display:flex;align-items:center;gap:10px;color:var(--green-d);font-weight:700;font-size:13px;letter-spacing:.16em}
.eyebrow::before{content:"";width:26px;height:2px;background:var(--green)}
.h2{font-weight:800;font-size:clamp(30px,3.4vw,46px);color:var(--hd);line-height:1.06}
.js .reveal{opacity:0;transform:translateY(30px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}
.reveal.on{opacity:1;transform:none}
@keyframes rise{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}
@keyframes kb{from{transform:scale(1.02)}to{transform:scale(1.12)}}
@keyframes glowp{0%{box-shadow:0 0 0 0 rgba(92,185,71,.5),0 10px 26px rgba(92,185,71,.35)}70%{box-shadow:0 0 0 18px rgba(92,185,71,0),0 10px 26px rgba(92,185,71,.45)}100%{box-shadow:0 0 0 0 rgba(92,185,71,0),0 10px 26px rgba(92,185,71,.35)}}
@keyframes mq{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.glow{animation:glowp 2.8s ease-out infinite}
/* top bar */
  .topbar{background:var(--ink);color:#9FB3BE;font-size:13px;font-weight:500;text-align:center;padding:11px 16px}
.topbar b{color:#7ED957;font-weight:700}
/* header */
  .hdr{position:sticky;top:0;z-index:60;background:#fff;border-bottom:1px solid var(--line);transition:box-shadow .3s,padding .3s}
.hdr.scrolled{box-shadow:0 10px 30px rgba(6,19,31,.12)}
.hdr-in{display:flex;justify-content:space-between;align-items:center;height:84px;transition:height .3s}
.hdr.scrolled .hdr-in{height:68px}
.hdr img{height:52px;transition:height .3s}
.hdr.scrolled img{height:44px}
.nav{display:flex;gap:30px;font-weight:600;font-size:15px}
.nav a{color:#10222E;position:relative;padding:6px 0}
.nav a::after{content:"";position:absolute;left:0;bottom:0;width:0;height:2.5px;background:var(--green);border-radius:2px;transition:width .3s}
.nav a:hover::after{width:100%}
.nav a.q{color:var(--green-d)}
/* hero */
  .hero{position:relative;background:var(--navy);overflow:hidden;color:#fff}
.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;animation:kb 18s ease-in-out infinite alternate}
.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,19,31,.9) 0%,rgba(6,19,31,.68) 42%,rgba(6,20,34,.42) 68%,rgba(6,20,34,.32) 100%)}
.hero-glowbg{position:absolute;top:-140px;right:-80px;width:560px;height:560px;background:radial-gradient(circle,rgba(92,185,71,.22),transparent 65%)}
.hero-in{position:relative;display:flex;justify-content:space-between;align-items:center;gap:40px;padding:44px 0 30px}
.hero-copy{max-width:724px;display:flex;flex-direction:column;gap:42px;align-self:flex-start;margin-top:8px}
.hero-copy>*{animation:rise .9s cubic-bezier(.2,.7,.2,1) both}
.hero-copy>*:nth-child(2){animation-delay:.12s}
.hero-copy>*:nth-child(3){animation-delay:.24s}
.hero-copy>*:nth-child(4){animation-delay:.36s}
.hero-copy>*:nth-child(5){animation-delay:.48s}
.bcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:9px;font-size:13px;font-weight:600;color:#9FB3BE}
.bcrumb a{color:#C9D6DF}
.bcrumb a:hover{color:#7ED957}
.bcrumb svg{flex-shrink:0}
.tbar{display:inline-flex;align-items:center;gap:12px;background:linear-gradient(92deg,#081C30,#0E2A47);border:1px solid rgba(126,217,87,.35);border-radius:10px;padding:12px 22px;box-shadow:0 8px 24px rgba(2,10,18,.4);align-self:flex-start;color:#fff}
.tbar span{font-weight:800;font-size:14px;letter-spacing:.12em}
.h1{font-weight:900;font-size:clamp(40px,6.1vw,var(--h1-max));line-height:.98;letter-spacing:-.015em;white-space:nowrap}
.h1 .grn{background:linear-gradient(92deg,#7ED957,#C4F09A);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:#7ED957}
.hero-sub{margin:0;font-size:18px;line-height:1.6;color:#DCE7EE;max-width:560px;animation:rise .9s cubic-bezier(.2,.7,.2,1) .3s both}
.hero-strip{position:relative;display:flex;align-items:center;gap:22px;margin:26px 0 0;padding:19px 30px;border-radius:16px;background:linear-gradient(92deg,rgba(9,28,46,.78),rgba(9,28,46,.55));border:1px solid rgba(126,217,87,.3);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 20px 48px rgba(2,10,18,.38);font-size:19px;font-weight:600;color:#DCE7EE;white-space:nowrap;animation:rise .9s cubic-bezier(.2,.7,.2,1) .5s both}
.hero-strip::before,.hero-strip::after{content:"";flex:1;height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,rgba(126,217,87,.55))}
.hero-strip::after{background:linear-gradient(90deg,rgba(126,217,87,.55),transparent)}
.hero-strip .txt{display:flex;align-items:center;gap:12px}
.hero-strip b{font-family:'Archivo',sans-serif;font-weight:900;font-size:22px;letter-spacing:-.01em;background:linear-gradient(92deg,#7ED957,#C4F09A);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:#7ED957}
.mbadge{display:none}
.m-text{display:inline-flex;padding:18px 30px;font-size:16.5px;gap:10px;border:1.5px solid rgba(126,217,87,.5);background:rgba(255,255,255,.13);box-shadow:0 0 16px rgba(126,217,87,.16),0 10px 26px rgba(2,10,18,.3)}
.m-text .ir{color:#7ED957;font-weight:700;white-space:nowrap}
.q-desk{display:none}
.mbar10{display:none}
/* city watermark */
  .citymark{position:absolute;right:-24px;bottom:-30px;font-family:'Archivo',sans-serif;font-weight:900;font-size:clamp(120px,16vw,230px);letter-spacing:.01em;line-height:1;color:transparent;-webkit-text-stroke:2px rgba(126,217,87,.13);z-index:1;user-select:none;pointer-events:none}
@media (max-width:1180px){.citymark{display:none}}
.pinchip{display:inline-flex;align-items:center;gap:8px}
.strip10{display:none}
/* services bar: replaces the plain hero sentence so the service list reads as a designed element */
  .svcbar{display:inline-flex;flex-wrap:wrap;align-items:center;gap:0 15px;row-gap:9px;align-self:flex-start;background:linear-gradient(92deg,rgba(9,28,46,.78),rgba(9,28,46,.44));border:1px solid rgba(126,217,87,.34);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:13px;padding:13px 22px;box-shadow:0 12px 32px rgba(2,10,18,.4);animation:rise .9s cubic-bezier(.2,.7,.2,1) .3s both}
.svcbar span,.svcbar a{font-family:'Archivo',sans-serif;font-weight:800;font-size:15.5px;color:#EDF5FA;letter-spacing:.01em;white-space:nowrap;text-decoration:none}
.svcbar a:active{opacity:.7}
.svcbar .more{background:linear-gradient(92deg,#7ED957,#C4F09A);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:#7ED957}
.svcbar i{width:5px;height:5px;border-radius:999px;background:#5CB947;flex-shrink:0;box-shadow:0 0 8px rgba(92,185,71,.7)}
.sbadge{display:none}
.pcard-m{display:none}
/* service-area ribbon (below hero) */
  .areabar{background:#fff;border-bottom:1px solid var(--line)}
.areabar-in{display:flex;align-items:center;gap:22px;height:56px}
.ab-label{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:800;letter-spacing:.14em;color:var(--green-d);white-space:nowrap;flex-shrink:0}
.ab-cities{display:flex;align-items:center;gap:14px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;flex:1;white-space:nowrap}
.ab-cities::-webkit-scrollbar{display:none}
.ab-cities a{color:#10222E;font-weight:600;font-size:14px;flex-shrink:0;transition:color .2s}
.ab-cities a:hover{color:var(--green-d)}
.ab-cities i{color:var(--green);font-style:normal;font-size:9px;flex-shrink:0}
.ab-all{font-weight:700;font-size:13.5px;white-space:nowrap;flex-shrink:0}
@media (max-width:760px){.areabar-in{gap:14px;height:50px}.ab-all{display:none}.ab-cities a{font-size:13.5px}}
@media (max-width:1280px){.hero-strip{white-space:normal}}
@media (max-width:1180px){.mbadge{display:block;width:clamp(150px,19vw,200px);flex-shrink:0;align-self:center;filter:drop-shadow(0 14px 28px rgba(2,10,18,.55));z-index:4}.hero-copy{min-width:0}}
@media (max-width:1023px){.nav{display:none}}
.call2{padding:14px 30px 15px 84px;flex-direction:column;gap:4px;position:relative;background:#0E2A47;border:1.5px solid rgba(126,217,87,.5);box-shadow:0 0 16px rgba(126,217,87,.16),0 12px 28px rgba(8,28,48,.5);animation:none}
.call2:hover{background:#123657;box-shadow:0 0 16px rgba(126,217,87,.22),0 14px 32px rgba(8,28,48,.55)}
.call2 .rings-sub b{background:linear-gradient(92deg,#7ED957,#C4F09A);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:#7ED957}
.c2grid{display:contents}
.c2num{font-size:22px;font-weight:800;text-align:center;white-space:nowrap}
.call2 .ric{position:absolute;left:42px;top:50%;transform:translate(-50%,-50%);width:36px;height:36px;border-radius:999px;background:linear-gradient(135deg,#5CB947,#3A8A2E);display:flex;justify-content:center;align-items:center;flex-shrink:0;box-shadow:0 6px 16px rgba(92,185,71,.45)}
.call2 .ric::before,.call2 .ric::after{content:"";position:absolute;inset:0;border-radius:999px;border:2px solid rgba(126,217,87,.55);animation:sonar 2.6s ease-out infinite}
.call2 .ric::after{animation-delay:1.3s}
.call2 .ric svg{animation:ringring 4s ease-in-out 1.2s infinite;transform-origin:50% 12%}
.call2 .rings-count{position:absolute;right:42px;top:50%;transform:translate(50%,-50%);height:26px;margin-left:0;gap:5px}
.call2 .rings-count i{width:6px}
.call2 .rings-count i:nth-child(1){height:11px}
.call2 .rings-count i:nth-child(2){height:18px}
.call2 .rings-count i:nth-child(3){height:26px}
.call2 .rings-sub{white-space:nowrap;margin:0;text-align:center;font-size:14.5px}
.cstack{display:flex;flex-direction:column;align-items:flex-start;gap:3px;line-height:1.05}
.cstack span{font-size:19.5px;font-weight:800}
.cstack small{font-size:12.5px;font-weight:600;color:rgba(255,255,255,.88);letter-spacing:.02em}
.rings-sub{display:block;text-align:center}
.rings-sub b{font-family:'Archivo',sans-serif;font-weight:900;color:#fff}
.rings-sub .rings-count{height:14px;margin-left:0}
.rings-sub .rings-count i:nth-child(1){height:6px}
.rings-sub .rings-count i:nth-child(2){height:10px}
.rings-sub .rings-count i:nth-child(3){height:14px}
.trust{display:flex;align-items:center;gap:24px}
.titem{display:flex;flex-direction:column;gap:3px}
.titem b{display:flex;align-items:center;gap:7px;font-family:'Archivo',sans-serif;font-weight:800;font-size:19px;color:#fff;letter-spacing:.01em;line-height:1}
.titem small{font-size:12.5px;font-weight:600;color:#B9C8D3;letter-spacing:.02em}
.tdiv{width:1px;align-self:stretch;background:rgba(255,255,255,.3)}
/* hero photo card */
  .collage{position:relative;width:470px;height:560px;flex-shrink:0}
.badge21{position:absolute;top:-14px;right:0;width:136px;z-index:6;filter:drop-shadow(0 16px 30px rgba(2,10,18,.55));transition:transform .3s}
.badge21:hover{transform:scale(1.06)}
.sched{position:absolute;top:26px;right:148px;background:var(--gold);color:var(--ink);border-radius:13px;padding:14px 19px;display:flex;align-items:center;gap:10px;font-weight:800;font-size:15px;box-shadow:0 20px 44px rgba(2,10,18,.5);z-index:5;white-space:nowrap;animation:goldp 3.2s ease-out 1s infinite}
.pcard{position:absolute;background:#fff;border-radius:18px;padding:10px 10px 14px;box-shadow:0 30px 60px rgba(2,10,18,.5);transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s}
.pcard:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 44px 80px rgba(2,10,18,.6);z-index:9}
.pcard img{width:100%;object-fit:cover;border-radius:12px;display:block}
.pcard .cap{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:12px 6px 0;font-weight:700;font-size:14px;color:#10222E}
.chip-gold{background:#FDF3DF;color:#A96F0F;font-weight:700;font-size:11px;padding:4px 10px;border-radius:999px;white-space:nowrap}
.pc1{top:142px;left:0;width:470px;z-index:3}
.pc1 img{height:300px}
.pimg{position:relative}
.dstat{position:absolute;left:12px;bottom:12px;z-index:4;display:flex;align-items:center;gap:10px;background:rgba(6,19,31,.72);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(126,217,87,.4);border-radius:12px;padding:9px 14px 9px 10px;color:#fff;font-size:12.5px;font-weight:600;line-height:1.3;box-shadow:0 10px 26px rgba(2,10,18,.45)}
.dstat .one{width:30px;height:30px;border-radius:999px;background:linear-gradient(135deg,#5CB947,#3A8A2E);display:flex;justify-content:center;align-items:center;font-family:'Archivo',sans-serif;font-weight:900;font-size:15px;color:#fff;flex-shrink:0;box-shadow:0 4px 12px rgba(92,185,71,.45)}
@keyframes goldp{0%,100%{box-shadow:0 20px 44px rgba(2,10,18,.5),0 0 0 0 rgba(242,184,75,.5)}55%{box-shadow:0 20px 44px rgba(2,10,18,.5),0 0 0 13px rgba(242,184,75,0)}}
/* marquee */
  .mq{background:#fff;border-bottom:1px solid var(--line);height:78px;display:flex;align-items:center;overflow:hidden}
.mq-track{display:flex;flex-shrink:0;align-items:center;gap:56px;width:max-content;white-space:nowrap;animation:mq 32s linear infinite}
.mq:hover .mq-track{animation-play-state:paused}
.mq-track span{font-weight:600;font-size:15px;color:var(--slate)}
.mq-track .st{font-weight:700;color:#10222E}
.mq-track .gd{color:var(--green);font-size:10px}
/* sections */
  .sec{padding:88px 0}
.sec-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:36px}
/* featured + door cards */
  .feat{background:#fff;border:1px solid var(--line);border-radius:22px;display:flex;overflow:hidden;box-shadow:0 12px 34px rgba(11,31,51,.08);margin-bottom:24px;transition:box-shadow .35s,transform .35s}
.feat:hover{box-shadow:0 24px 54px rgba(11,31,51,.14);transform:translateY(-4px)}
.feat-copy{display:flex;flex-direction:column;justify-content:center;gap:14px;padding:44px 48px;width:55%}
.feat-img{width:45%;position:relative;overflow:hidden;min-height:340px}
.feat-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.feat:hover .feat-img img{transform:scale(1.07)}
.flag{position:absolute;top:14px;left:14px;z-index:2;background:#FDF3DF;color:#A96F0F;font-weight:800;font-size:10.5px;letter-spacing:.06em;padding:5px 11px;border-radius:999px;box-shadow:0 4px 12px rgba(0,0,0,.2);white-space:nowrap}
.door-chips{display:flex;flex-wrap:nowrap;gap:6px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}
.door-chips::-webkit-scrollbar{display:none}
.door-chips span,.door-chips a{background:var(--cloud);border:1px solid var(--line);color:var(--slate);font-weight:600;font-size:11px;padding:4px 10px;border-radius:999px;white-space:nowrap;flex-shrink:0;transition:all .25s}
.door-chips span:hover,.door-chips a:hover{background:var(--green-t);border-color:#CBE5C0;color:var(--green-d)}
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.dcard{background:#fff;border:1px solid var(--line);border-radius:18px;padding:0;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 8px 22px rgba(11,31,51,.06);transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s}
.dcard:hover{transform:translateY(-8px);box-shadow:0 26px 50px rgba(11,31,51,.16)}
.dcard .dimg{position:relative;height:158px;overflow:hidden;flex-shrink:0}
.dcard .dimg img{width:100%;height:100%;object-fit:cover;object-position:center 45%;display:block;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.dcard:hover .dimg img{transform:scale(1.08)}
.dcard .dimg img.after{position:absolute;inset:0;z-index:1;opacity:0;transition:opacity .5s ease,transform .6s cubic-bezier(.2,.7,.2,1)}
.dcard:hover .dimg img.after{opacity:1}
.dcard .dimg::after{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(180deg,transparent 55%,rgba(6,19,31,.28));pointer-events:none}
.balabel{position:absolute;top:10px;right:10px;z-index:3;font-size:9.5px;font-weight:800;letter-spacing:.08em;padding:4px 10px;border-radius:999px;background:rgba(6,19,31,.65);color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:background .3s}
.balabel .b2{display:none}
.dcard:hover .balabel{background:rgba(58,138,46,.9)}
.dcard:hover .balabel .b1{display:none}
.dcard:hover .balabel .b2{display:inline}
@keyframes baswap{0%,38%{opacity:0}50%,88%{opacity:1}100%{opacity:0}}
@media (prefers-reduced-motion:reduce){.dcard .dimg img.after{animation:none!important}}
@media (hover:none){.dcard.in-view .dimg img.after{animation:baswap 5.8s ease-in-out infinite}.balabel{display:none}}
.dcard .ic{position:absolute;left:12px;bottom:12px;z-index:3;width:44px;height:44px;border-radius:12px;background:rgba(255,255,255,.93);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 6px 16px rgba(6,19,31,.25);display:flex;justify-content:center;align-items:center;transition:transform .3s}
.dcard:hover .ic{transform:scale(1.1) rotate(-4deg)}
.dcard .dbody{padding:18px 22px 22px;display:flex;flex-direction:column;gap:9px;flex:1}
.dcard b{font-family:'Archivo',sans-serif;font-weight:700;font-size:18px;color:var(--hd)}
.dcard small{font-size:13.5px;color:var(--slate);line-height:1.55}
.dcard .lm{font-weight:700;font-size:13.5px;color:var(--green-d);display:flex;align-items:center;gap:6px;margin-top:auto;padding-top:6px}
.dcard .lm svg{transition:transform .3s}
.dcard:hover .lm svg{transform:translateX(5px)}
a.dcard{color:inherit}
/* symptoms band */
  .symp{background:var(--navy);color:#fff;padding:88px 0}
.symp-g{display:grid;grid-template-columns:1fr 1fr;gap:14px 28px;margin-top:34px}
.sym{display:flex;align-items:center;gap:16px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:18px 22px;font-size:16px;font-weight:600;transition:background .3s,transform .3s,border-color .3s}
.sym:hover{background:rgba(255,255,255,.1);transform:translateY(-3px);border-color:rgba(126,217,87,.5)}
.sym .ok{width:34px;height:34px;border-radius:999px;background:linear-gradient(135deg,#5CB947,#3A8A2E);display:flex;justify-content:center;align-items:center;flex-shrink:0;box-shadow:0 6px 16px rgba(92,185,71,.4)}
/* deep city content band (harvest-first: preserves live-page SEO depth in the new design) */
  .dg .lede-p{font-size:16.5px;line-height:1.75;color:var(--slate);max-width:74ch;margin:14px 0 0}
.dg-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:30px}
.dg-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px 24px;box-shadow:0 6px 18px rgba(11,31,51,.05)}
.dg-card h3{font-size:17.5px;font-weight:800;color:var(--hd);margin:0 0 7px}
.dg-card p{margin:0;font-size:14.5px;line-height:1.65;color:var(--slate)}
.dg-card a{font-weight:700}
.who-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:26px}
.who{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px 18px}
.who b{display:block;font-family:'Archivo',sans-serif;font-size:14.5px;font-weight:800;color:var(--hd);margin-bottom:4px}
.who span{font-size:13px;line-height:1.55;color:var(--slate)}
.pmp{background:linear-gradient(135deg,#081C30,#0E2A47);border-radius:20px;color:#fff;padding:34px 38px;margin-top:34px;display:flex;gap:26px;align-items:center}
.pmp .pi{width:64px;height:64px;border-radius:16px;background:rgba(92,185,71,.15);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.pmp h3{font-size:22px;font-weight:800;color:#fff;margin:0 0 6px}
.pmp p{margin:0;font-size:14.5px;line-height:1.65;color:#9FB3BE;max-width:70ch}
.pmp-list{list-style:none;margin:13px 0 14px;padding:0;display:flex;flex-direction:column;gap:9px}
.pmp-list li{position:relative;padding-left:27px;font-size:14.5px;line-height:1.5;color:#C9D7DF;text-align:left}
.pmp-list li::before{content:"";position:absolute;left:0;top:2px;width:17px;height:17px;border-radius:999px;background:rgba(92,185,71,.18);border:1px solid rgba(126,217,87,.45)}
.pmp-list li::after{content:"";position:absolute;left:4.5px;top:7px;width:8px;height:5px;border-left:2px solid #7ED957;border-bottom:2px solid #7ED957;transform:rotate(-45deg)}
.dg-office{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px 22px;margin-top:26px;font-size:14.5px;color:var(--slate)}
.dg-office b{color:var(--hd)}
.dg-office a{font-weight:700;white-space:nowrap}
@media (max-width:1180px){.who-grid{grid-template-columns:1fr 1fr}}
@media (max-width:760px){.dg-grid{grid-template-columns:1fr}.who-grid{grid-template-columns:1fr 1fr}.pmp{flex-direction:column;align-items:flex-start;padding:26px 22px}.dg-office{flex-wrap:wrap}}
/* reviews carousel */
  .rev{background:#fff;padding:88px 0}
.caro{position:relative;overflow:hidden;border-radius:20px}
.caro-track{display:flex;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.slide{min-width:100%;padding:44px 56px;background:var(--cloud);border:1px solid var(--line);border-radius:20px;display:flex;flex-direction:column;gap:16px}
.slide q{font-family:'Archivo',sans-serif;font-weight:600;font-size:22px;line-height:1.45;color:var(--hd);quotes:"\201C" "\201D"}
.caro-nav{display:flex;justify-content:space-between;align-items:center;margin-top:20px}
.dots{display:flex;gap:8px}
.dots i{width:9px;height:9px;border-radius:999px;background:#CBD6DD;cursor:pointer;transition:all .3s}
.dots i.on{background:var(--green);width:26px}
.cbtn{width:46px;height:46px;border-radius:999px;border:1.5px solid var(--line);background:#fff;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .25s}
.cbtn:hover{background:var(--green);border-color:var(--green)}
.cbtn:hover svg{stroke:#fff}
/* steps */
  .steps-g{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.step{background:#fff;border:1px solid var(--line);border-radius:20px;padding:34px 30px;display:flex;gap:24px;align-items:center;transition:transform .3s,box-shadow .3s}
.step:hover{transform:translateY(-5px);box-shadow:0 20px 44px rgba(11,31,51,.12)}
.step img{width:148px;height:148px;border-radius:999px;object-fit:cover;border:4px solid var(--green-t);flex-shrink:0}
.step .n{font-family:'Archivo',sans-serif;font-weight:900;font-size:26px;color:var(--gold-d)}
/* warranty */
  .warr{background:linear-gradient(135deg,#081C30,#0E2A47);border-radius:26px;color:#fff;display:flex;align-items:center;gap:36px;padding:48px 56px;overflow:hidden;position:relative}
.warr .shield{width:96px;height:96px;border-radius:24px;background:rgba(92,185,71,.15);display:flex;justify-content:center;align-items:center;flex-shrink:0}
.warr h3{font-size:30px;font-weight:800}
.wchips{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}
.wchips span{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:8px 16px;font-size:13px;font-weight:600;color:#C9D6DF}
/* faq */
  .faq-wrap{display:flex;gap:64px}
.faq-l{width:360px;flex-shrink:0;display:flex;flex-direction:column;gap:14px}
.faq-list{flex:1}
.qa{border-top:1px solid var(--line)}
.qa:last-of-type{border-bottom:1px solid var(--line)}
.qa button{all:unset;display:flex;justify-content:space-between;align-items:center;gap:14px;width:100%;padding:22px 8px;font-weight:700;font-size:17px;color:var(--hd);cursor:pointer}
.qa button:hover{color:var(--green-d)}
.qa svg{transition:transform .35s;flex-shrink:0}
.qa.open svg{transform:rotate(180deg)}
.qa .ans{max-height:0;overflow:hidden;transition:max-height .45s cubic-bezier(.2,.7,.2,1)}
.qa .ans p{margin:0;padding:0 8px 22px;font-size:14.5px;line-height:1.65;color:var(--slate);max-width:640px}
/* form */
  .formsec{background:var(--navy);color:#fff;padding:88px 0}
.form-in{display:flex;gap:64px;align-items:center}
.form-copy{flex:1;display:flex;flex-direction:column;gap:16px}
.qform{background:#fff;border-radius:22px;padding:34px;width:440px;flex-shrink:0;display:flex;flex-direction:column;gap:13px;color:#10222E;box-shadow:0 30px 70px rgba(2,10,18,.5)}
.qform input,.qform select,.qform textarea{width:100%;border:1.5px solid #DDE3E8;border-radius:10px;padding:14px 16px;font-size:15px;font-family:inherit;color:#10222E;background:#fff;transition:border-color .25s,box-shadow .25s}
.qform input:focus,.qform select:focus,.qform textarea:focus{outline:none;border-color:var(--green);box-shadow:0 0 0 4px rgba(92,185,71,.15)}
.qform small{font-size:11.5px;color:#8A97A3;line-height:1.5;text-align:center}
/* areas */
  .chips{display:flex;flex-wrap:wrap;gap:10px}
.chips a{background:#fff;border:1px solid var(--line);border-radius:999px;padding:11px 20px;font-size:14px;font-weight:600;color:#10222E;transition:all .25s}
.chips a:hover{background:var(--green);border-color:var(--green);color:#fff;transform:translateY(-2px)}
/* cta + footer */
  .cta{position:relative;background:linear-gradient(135deg,#081C30,#0E2A47);border-radius:26px;overflow:hidden;text-align:center;padding:68px 40px;color:#fff;display:flex;flex-direction:column;align-items:center;gap:16px}
.rings-hero{display:none!important}
.rings-cta{position:relative;display:flex;align-items:center;gap:16px;margin-top:30px;width:100%;max-width:660px;font-size:17.5px;font-weight:700;color:#E6EFF5;letter-spacing:.01em}
.rings-cta .rline{flex:1;height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,rgba(126,217,87,.5))}
.rings-cta .rline.r2{background:linear-gradient(90deg,rgba(126,217,87,.5),transparent)}
.rings-cta b{font-family:'Archivo',sans-serif;font-weight:900;background:linear-gradient(92deg,#7ED957,#C4F09A);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:#7ED957}
.rings-cta .ric{position:relative;width:48px;height:48px;border-radius:999px;background:linear-gradient(135deg,#5CB947,#3A8A2E);display:flex;justify-content:center;align-items:center;flex-shrink:0;box-shadow:0 8px 20px rgba(92,185,71,.5)}
.rings-cta .ric::before,.rings-cta .ric::after{content:"";position:absolute;inset:0;border-radius:999px;border:2px solid rgba(126,217,87,.55);animation:sonar 2.6s ease-out infinite}
.rings-cta .ric::after{animation-delay:1.3s}
@keyframes sonar{0%{transform:scale(1);opacity:.85}100%{transform:scale(2);opacity:0}}
.rings-cta .ric svg{animation:ringring 4s ease-in-out 1.2s infinite;transform-origin:50% 12%}
.rings-count{display:flex;align-items:flex-end;gap:4px;margin-left:6px;height:22px}
.rings-count i{display:block;width:5px;border-radius:3px;background:rgba(126,217,87,.28)}
.rings-count i:nth-child(1){height:9px;animation:ringbar 2.6s ease-in-out 0s infinite}
.rings-count i:nth-child(2){height:15px;animation:ringbar 2.6s ease-in-out .35s infinite}
.rings-count i:nth-child(3){height:21px;animation:ringbar 2.6s ease-in-out .7s infinite}
@keyframes ringbar{0%,18%{background:rgba(126,217,87,.28)}28%,62%{background:#7ED957;box-shadow:0 0 10px rgba(126,217,87,.55)}78%,100%{background:rgba(126,217,87,.28)}}
@keyframes ringring{0%,86%,100%{transform:rotate(0)}88%{transform:rotate(-14deg)}90%{transform:rotate(11deg)}92%{transform:rotate(-9deg)}94%{transform:rotate(7deg)}96%{transform:rotate(-4deg)}98%{transform:rotate(2deg)}}
.cta-glow{position:absolute;top:-120px;right:-60px;width:420px;height:420px;background:radial-gradient(circle,rgba(92,185,71,.2),transparent 65%)}
.ftr{background:var(--ink);color:#8AA0AC;padding:60px 0 30px}
.ftr-g{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:48px}
.ftr a{color:#8AA0AC;display:block;padding:4px 0;transition:color .25s,transform .25s}
.ftr a:hover{color:#7ED957;transform:translateX(4px)}
.ftr-t{font-weight:700;font-size:12px;letter-spacing:.12em;color:#fff;margin-bottom:8px}
.ftr-bot{border-top:1px solid #12283A;display:flex;justify-content:space-between;align-items:center;padding-top:22px;margin-top:36px;font-size:13px;flex-wrap:wrap;gap:10px}
/* floating */
  .to-top{position:fixed;right:26px;bottom:96px;width:52px;height:52px;border-radius:999px;background:var(--navy);color:#fff;border:0;display:flex;justify-content:center;align-items:center;cursor:pointer;box-shadow:0 12px 30px rgba(6,19,31,.4);opacity:0;pointer-events:none;transition:opacity .3s,transform .3s;z-index:70}
.textus{position:fixed;right:26px;bottom:26px;z-index:71;background:#0E2A47;color:#fff;border-radius:999px;padding:15px 24px;display:flex;align-items:center;gap:11px;font-weight:800;font-size:15.5px;box-shadow:0 16px 38px rgba(2,10,18,.4);transition:transform .25s,background .25s}
.textus:hover{transform:translateY(-3px);background:#123353}
.textus .tdot{width:9px;height:9px;border-radius:999px;background:var(--gold);box-shadow:0 0 0 0 rgba(242,184,75,.55);animation:tping 2.2s ease-out infinite}
@keyframes tping{0%{box-shadow:0 0 0 0 rgba(242,184,75,.55)}70%{box-shadow:0 0 0 9px rgba(242,184,75,0)}100%{box-shadow:0 0 0 0 rgba(242,184,75,0)}}
@media (max-width:760px){.textus{display:none}}
.to-top.on{opacity:1;pointer-events:auto}
.to-top:hover{transform:translateY(-4px);background:var(--green)}
.mbar{position:fixed;left:0;right:0;bottom:0;background:#fff;border-top:1px solid var(--line);box-shadow:0 -8px 24px rgba(6,19,31,.12);display:none;gap:10px;padding:12px 14px calc(14px + env(safe-area-inset-bottom));z-index:80;transform:translateY(110%);transition:transform .35s ease}
.mbar.on{transform:none}
.mbar a{flex:1;display:flex;justify-content:center;align-items:center;gap:8px;font-weight:700;font-size:15px;padding:13px 0;border-radius:999px}
.mbar .c{flex:1.5;background:#0E2A47;color:#fff;box-shadow:0 3px 10px rgba(8,28,48,.35)}
.mbar .o{border:1.5px solid var(--ink);color:var(--ink)}
@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}
@media (max-width:1180px){.collage{display:none}.hero-in{justify-content:center;text-align:left}.grid4{grid-template-columns:repeat(2,1fr)}.faq-wrap{flex-direction:column}.faq-l{width:auto}.form-in{flex-direction:column}.qform{width:100%}.steps-g{grid-template-columns:1fr}.symp-g{grid-template-columns:1fr}.ftr-g{grid-template-columns:1fr 1fr}.feat{flex-direction:column}.feat-copy{width:100%}.feat-img{width:100%;min-height:240px}}
@media (max-width:760px){.wrap{padding:0 20px}.nav{display:none}.sec{padding:56px 0}.mbar{display:flex}body{padding-bottom:76px}.grid4{grid-template-columns:1fr}.slide{padding:28px 22px}.slide q{font-size:18px}.hero-in{padding:26px 20px 48px}}
@media (max-width:760px){.topbar{display:none}.m-hide{display:none}.hdr-in{height:62px}.hdr.scrolled .hdr-in{height:62px}.hdr img{height:38px}.hdr.scrolled img{height:38px}.hdr .btn{padding:10px 14px;font-size:13.5px;white-space:nowrap}.tbar{padding:9px 12px}.tbar span{font-size:9.5px;letter-spacing:.05em}.ftr{text-align:center;padding:44px 0 24px}.ftr-g{grid-template-columns:1fr;gap:26px;justify-items:center}.ftr-g>div:first-child{align-items:center}.ftr-g>div:first-child p{max-width:320px}.ftr .ftr-t{margin-bottom:10px;letter-spacing:.14em}.ftr a{padding:3px 0;font-size:14px}.co2{display:grid;grid-template-columns:1fr 1fr;column-gap:28px;max-width:330px;margin:0 auto}.soc-row{display:flex;justify-content:center;gap:22px}.svc2{max-width:330px;margin:0 auto;column-gap:28px!important}.ftr-bot{flex-direction:column;align-items:center;text-align:center;gap:10px;margin-top:30px}.call2{background:#0E2A47;border:1.5px solid rgba(126,217,87,.5);box-shadow:0 0 16px rgba(126,217,87,.16),0 12px 28px rgba(8,28,48,.5);animation:none;width:100%;justify-content:center;padding:14px 0 15px}.q-desk{display:none}.m-text{display:inline-flex!important;width:100%;justify-content:center;padding:21px 0;font-size:17px;gap:10px}.mbar10{position:relative;z-index:3;display:flex;align-items:center;justify-content:center;gap:9px;background:#fff;color:var(--ink);font-weight:800;font-size:14px;padding:16px 20px;box-shadow:0 12px 26px rgba(6,19,31,.22)}.trust{gap:10px;justify-content:space-between;width:100%}.titem b{font-size:16px}.titem small{font-size:9.5px;white-space:nowrap;letter-spacing:.01em}.titem:nth-child(3){align-items:center;text-align:center}.titem:last-child{align-items:flex-end;text-align:right}.warr{flex-direction:column;align-items:center;text-align:center;padding:38px 24px;gap:22px}.wchips{justify-content:center}.cta{padding:48px 22px}.cta .btn{width:100%;justify-content:center;white-space:nowrap;font-size:16.5px!important;padding:15px 0!important}.loc-bottom{display:inline-flex!important;width:100%;justify-content:center;padding:15px 0;font-size:16px;margin-top:20px}.tbar{border-radius:8px;justify-content:center}.tbar svg{display:none}.sec-head{flex-direction:column;align-items:flex-start;gap:14px}/* MOBILE DECLUTTER (Sergei, Aug 27): breadcrumb + city pill hidden (the H1 already says the city),
   and the white 10-minute bar is folded into the mission card so the hero is followed by ONE band. */
.bcrumb{display:none}.tbar{display:none}.mbar10{display:none}
.hero-strip{flex-direction:column;align-items:stretch;gap:0;padding:0;font-size:15px;border-radius:18px;overflow:hidden}
.hero-strip b{font-size:16px}
.hero-strip::before,.hero-strip::after{display:none}
.strip10{display:flex!important;align-items:center;justify-content:center;gap:8px;padding:13px 12px;font-size:13.5px;font-weight:700;color:#E6EFF5;background:rgba(242,184,75,.09);border-bottom:1px solid rgba(126,217,87,.22);white-space:nowrap}
.strip10 .gold{font-family:'Archivo',sans-serif;font-weight:900;color:#F2B84B}
.hero-strip .txt{flex-wrap:wrap;justify-content:center;text-align:center;row-gap:2px;padding:15px 18px}.h1{font-size:min(10.2vw,48px);letter-spacing:-.02em}.hero-copy{gap:28px;margin-top:4px;min-width:0}.step img{width:112px;height:112px}.bcrumb{font-size:12px}.hero-sub{font-size:15.5px}.feat-copy{padding:28px 22px}.symp-g{gap:10px}.sym{font-size:14.5px;padding:15px 16px}.symp{padding:56px 0}.rings-cta{font-size:14px;gap:10px;margin-top:20px}.rings-cta .ric{width:40px;height:40px}.rings-count{height:18px;margin-left:2px}.rings-count i:nth-child(1){height:8px}.rings-count i:nth-child(2){height:13px}.rings-count i:nth-child(3){height:18px}/* Sergei, Aug 27: badge leaves the hero entirely on mobile so the headline sits as high as possible,
   and reappears beside the services headline. Trust stats drop away from the buttons for breathing room. */
.hero-in{flex-direction:column;padding-top:14px}
.mbadge{display:none}
.sec-head-svc{flex-direction:row!important;align-items:center;justify-content:space-between;gap:16px}
.sbadge{display:block;width:96px;flex-shrink:0;filter:drop-shadow(0 8px 18px rgba(2,10,18,.28))}
/* Sergei, Aug 27: more air in the mobile hero. Buttons drop away from the services bar,
   and the trust stats sink toward the promise card instead of hugging the buttons. */
.hero-btns{margin-top:16px}
.trust{margin-top:46px;padding-top:24px;border-top:1px solid rgba(255,255,255,.14)}
/* Sergei, Aug 27: the desktop crew photo card collapses INTO the mobile hero,
   sitting between the headline/services bar and the call buttons. */
.pcard-m{display:block;background:#fff;border-radius:16px;padding:8px 8px 11px;box-shadow:0 18px 44px rgba(2,10,18,.4);animation:rise .9s cubic-bezier(.2,.7,.2,1) .4s both}
.pcard-m .pimg img{width:100%;height:212px;object-fit:cover;border-radius:11px;display:block}
.pcard-m .cap{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px 6px 0;font-weight:700;font-size:13.5px;color:#10222E}
.svcbar{padding:11px 13px;gap:0 8px;border-radius:11px;align-self:stretch;justify-content:center;flex-wrap:nowrap}
.svcbar span,.svcbar a{font-size:13.5px}
.h1{font-size:min(var(--h1-mobile),42px)}.dcard .dimg{height:200px}.strip10 svg{flex-shrink:0}
/* Sergei, Aug 27: perfect centering on mobile. Hero block, headings and key elements are all
   center-aligned; body paragraphs stay left-edged inside their blocks for readability. */
.hdr-in{gap:10px}
.hdr img{height:34px;flex-shrink:0}
.hero-copy{align-items:center;text-align:center;width:100%}
.h1{text-align:center;line-height:1.12}
.svcbar{align-self:center;width:100%}
.pcard-m{width:100%}
.hero-btns{width:100%;justify-content:center}
.trust{width:100%;justify-content:center;gap:0}
.titem{flex:1;align-items:center!important;text-align:center!important}
.titem b{justify-content:center}
.sec-head{align-items:center!important;text-align:center}
.sec-head>div{align-items:center!important}
.eyebrow{justify-content:center}
.h2{text-align:center}
.sec-head-svc{flex-direction:column!important;gap:14px}
.sbadge{margin:0 auto}
.dg .lede-p{text-align:left}
.caro-nav{justify-content:center;gap:18px}
.dg-office{justify-content:center;text-align:center}
.ftr-bot{justify-content:center}
.feat-copy{align-items:center;text-align:center}
.feat-copy>div{justify-content:center}
.chip-gold{margin:0 auto}
.dbody{align-items:center!important;text-align:center}
.dbody .lm{justify-content:center}
.svc2{text-align:center}
.sym{justify-content:flex-start;text-align:left}
.step{flex-direction:column;align-items:center;text-align:center;gap:16px}
.step img{width:110px;height:110px}
.step .n{margin:0 auto}
.slide{align-items:center;text-align:center}
.slide .st{justify-content:center}
.who{align-items:center;text-align:center}
.who .ic{margin:0 auto}
.warr{align-items:center;text-align:center}
.wchips{justify-content:center}
.areabar-in{justify-content:center;text-align:center}
.qform{align-items:center;text-align:center}
.qform b{text-align:center;display:block}
.form-in>div:first-child{text-align:center}
.cbtn{justify-content:center}
.ab-cities{justify-content:center}
#areas .chips{justify-content:center}
#areas p{text-align:center;margin-left:auto;margin-right:auto}
.rings-cta{justify-content:center}
.pcard-m .cap{justify-content:center;gap:12px}
/* Sergei, Aug 27: Send a Text gets a subtle green-glass border highlight so it reads as a button */
.cta .rings-cta{display:none}
.call2{padding:13px 26px 14px 70px}
.call2 .ric{left:36px}
.call2 .rings-count{right:36px}
.call2 .rings-sub{font-size:14.5px}
.call2 .rings-sub b{background:linear-gradient(92deg,#7ED957,#C4F09A);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:#7ED957}
.m-text{border:1.5px solid rgba(126,217,87,.5);background:rgba(255,255,255,.13);box-shadow:0 0 16px rgba(126,217,87,.16),0 10px 26px rgba(2,10,18,.3)}
.chip-gold{margin:0}
/* Sergei, Aug 27: FAQ call button centers on mobile like everything else (!important beats its inline align-self) */
.faq-l .btn{align-self:center!important}}
@media (max-width:760px){.tbar{align-self:center;border-radius:999px;padding:8px 16px}.tbar svg{display:block;width:11px;height:11px;flex-shrink:0}.tbar span{font-size:9.5px;letter-spacing:.08em;white-space:nowrap}.hero-copy .h1{order:-1}}
.m-text .ir{color:#7ED957;font-weight:700;white-space:nowrap}
.qform>div{width:100%}
.qform>div input{flex-shrink:0}
.qform>div select{flex:1 1 auto;width:auto;min-width:0}
@media (max-width:760px){.qform>div input[aria-label="ZIP"]{width:88px;padding:14px 10px}.qform>div select{padding:14px 10px}}
@media (max-width:760px){
.wchips{display:grid;grid-template-columns:1fr 1fr;gap:9px;width:100%}
.wchips span{text-align:center;padding:10px 8px;font-size:12px;white-space:normal;line-height:1.35;display:flex;align-items:center;justify-content:center;border-radius:12px}
  .door-chips{flex-wrap:wrap;overflow-x:visible;justify-content:center;row-gap:6px}
}
.door-chips a{text-decoration:none;cursor:pointer}
/* TABLET-BAND START (tools/tablet_band_city.py) */
@media (min-width:761px) and (max-width:1023px){
  .hero-in{padding-left:32px;padding-right:32px}
  .hero-copy{max-width:none;min-width:0;width:100%}
  .pcard-m{display:block;background:#fff;border-radius:18px;padding:9px 9px 12px;box-shadow:0 22px 50px rgba(2,10,18,.42);width:100%;max-width:none;margin:6px 0 4px}
  .pcard-m .pimg{position:relative}
  .pcard-m .pimg img{width:100%;height:320px;object-fit:cover;object-position:center 30%;border-radius:12px;display:block}
  .pcard-m .cap{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px 8px 0;font-weight:700;font-size:14.5px;color:#10222E}
  .mbadge{display:none!important}
  .hero-btns{margin-top:6px}
  .hero-btns .btn{flex:1 1 300px;justify-content:center}
  .hero-btns .m-text{white-space:nowrap;display:inline-flex;align-items:center;justify-content:center}
  .hero-strip{white-space:normal}
}
/* TABLET-BAND END */
/* MEGAMENU-CSS START (from menu.html — edit the prototype, rerun rollout_megamenu.py) */
.hdr>.wrap{position:static}
.hdr img.logo{height:52px}
.nav{display:flex;align-items:center;gap:28px;font-weight:600;font-size:15px}
.nav>a,.ni>a{color:#10222E;position:relative;padding:30px 0;display:inline-flex;align-items:center;gap:7px}
.nav>a::after,.ni>a::after{content:"";position:absolute;left:0;bottom:22px;width:0;height:2.5px;background:var(--green);border-radius:2px;transition:width .3s}
.nav>a:hover::after,.ni:hover>a::after{width:100%}
.ni>a svg{transition:transform .3s}
.ni:hover>a svg{transform:rotate(180deg)}
.ni:hover>a{color:var(--green-d)}
/* mega */
  .mega{position:absolute;left:0;right:0;top:100%;background:#fff;border-top:1px solid var(--line);box-shadow:0 50px 90px rgba(6,19,31,.25);opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .28s,transform .28s,visibility .28s;transition-delay:.14s;z-index:80}
.mega::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#3A8A2E,#7ED957 50%,#3A8A2E)}
.ni:hover .mega,.ni.open .mega{opacity:1;visibility:visible;transform:none;transition-delay:0s}
.mega-in{max-width:1360px;margin:0 auto;display:flex;align-items:stretch;padding:0 40px;min-height:432px}
@keyframes mfade{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
.mswap{animation:mfade .3s cubic-bezier(.2,.7,.2,1)}
mark.mk{background:var(--green-t);color:var(--green-d);border-radius:3px;padding:0 2px;font-weight:700}
.mrail{width:262px;flex-shrink:0;border-right:1px solid var(--line);padding:20px 0 16px;display:flex;flex-direction:column}
.mrail-list{display:flex;flex-direction:column;flex:1}
.mtabs-rail{margin:0 16px 14px 15px}
.mtabs-rail b{flex:1;text-align:center}
.mrail button{all:unset;display:flex;align-items:center;gap:11px;padding:10px 16px 10px 15px;font-weight:600;font-size:14px;color:#10222E;cursor:pointer;border-left:3px solid transparent;border-radius:0 10px 10px 0;transition:background .2s,color .2s}
.mrail button svg{flex-shrink:0}
.mrail button:hover{background:var(--cloud)}
.mrail button.on{background:var(--green-t);border-left-color:var(--green);color:var(--green-d);font-weight:700}
.mrail .c1{background:#FDF3DF;color:#A96F0F;font-weight:800;font-size:9.5px;padding:3px 8px;border-radius:999px;margin-left:auto;white-space:nowrap}
.mmain{flex:1;padding:24px 34px 20px;display:flex;flex-direction:column;min-width:0}
.mtop{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px}
.mtabs{display:flex;gap:6px;background:var(--cloud);border:1px solid var(--line);border-radius:999px;padding:4px}
.mtabs b{padding:7px 18px;border-radius:999px;font-size:13px;font-weight:700;color:var(--slate);cursor:pointer;transition:all .2s}
.mtabs b.on{background:var(--navy2);color:#fff}
.mcitysel{display:inline-flex;align-items:center;gap:8px;margin-left:12px;font-size:12px;font-weight:700;color:var(--slate)}
.mcitysel span{letter-spacing:.06em;text-transform:uppercase;font-size:10.5px}
.mcitysel select{font:inherit;font-size:12.5px;font-weight:600;color:#0B1F33;background:var(--cloud);border:1px solid var(--line);border-radius:8px;padding:6px 10px;cursor:pointer}
.mxtra{margin-top:14px;padding-top:14px;border-top:1px dashed var(--line)}
.mxtra .xh{font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;font-weight:800;color:#3A8A2E}
.mxtra .xrow{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.mxtra a{font-size:12.5px;font-weight:600;color:var(--navy2);background:rgba(92,185,71,.1);border:1px solid rgba(92,185,71,.32);border-radius:999px;padding:5px 12px;text-decoration:none}
.mxtra a:hover{background:rgba(92,185,71,.18)}
.msearch{display:flex;align-items:center;gap:9px;flex:1;max-width:430px;background:var(--cloud);border:1.5px solid var(--line);border-radius:999px;padding:9px 16px;position:relative}
.msearch input{all:unset;flex:1;font-size:15px;color:#10222E;position:relative;min-width:0}
.msearch input::placeholder{color:#8A97A3}
.msearch .ghost{position:absolute;left:40px;right:44px;top:50%;transform:translateY(-50%);font-size:15px;color:#AFBAC4;pointer-events:none;white-space:nowrap;overflow:hidden}
.msx{all:unset;cursor:pointer;width:22px;height:22px;border-radius:999px;display:none;align-items:center;justify-content:center;color:#8A97A3;background:#E8ECEF;flex-shrink:0}
.msx:hover{background:#DDE3E8;color:#45606E}
.msearch.hasval .msx{display:inline-flex}
.mhead{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:14px}
.mhead .mtitle{margin:0;font-family:'Archivo','Helvetica Neue',Arial,sans-serif;text-wrap:balance;font-size:21px;font-weight:800;color:var(--hd)}
.mall{font-weight:700;font-size:13.5px;white-space:nowrap}
.mcols{display:grid;grid-template-columns:repeat(3,1fr);gap:8px 26px;align-content:start}
.mcol .mcol-title{margin:0 0 6px;font-family:'Public Sans',sans-serif;font-size:10.5px;font-weight:700;letter-spacing:.14em;color:#8A97A3;border-bottom:1px solid var(--line);padding-bottom:7px}
.mcol a{display:block;width:fit-content;position:relative;font-size:13.5px;font-weight:500;color:#2A4150;padding:5px 0;transition:color .2s}
.mcol a::after{content:"";position:absolute;left:0;bottom:1px;height:2px;width:100%;background:var(--green);border-radius:2px;transform:scaleX(0);transform-origin:left;transition:transform .22s}
.mcol a:hover{color:var(--green-d)}
.mcol a:hover::after{transform:scaleX(1)}
.mega .btn,.mega .btn:hover,.mall,.mall:hover{text-decoration:none!important}
.mcol a.btn::after{content:none}
.mfeat{width:296px;flex-shrink:0;padding:24px 0 20px 30px;display:flex}
.fcard{background:linear-gradient(150deg,#0E2A47,#081C30);border-radius:18px;overflow:hidden;color:#fff;display:flex;flex-direction:column;width:100%}
.fcard .fim{flex:1;min-height:132px;position:relative;overflow:hidden}
.fcard .fx{flex:0 0 auto}
.fcard .fim img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.fcard:hover .fim img{transform:scale(1.07)}
.fcard .fim::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(8,28,48,.85));pointer-events:none}
.fcard .fim span{position:absolute;top:10px;left:10px;background:#FDF3DF;color:#A96F0F;font-weight:800;font-size:9.5px;letter-spacing:.08em;padding:4px 10px;border-radius:999px}
.fcard .fx{padding:16px 18px 18px;display:flex;flex-direction:column;gap:8px;flex:0 0 auto}
.fcard b{font-family:'Archivo',sans-serif;font-weight:800;font-size:16.5px;line-height:1.25}
.fcard small{font-size:12.5px;line-height:1.5;color:#9FB3BE}
.fcard .btn{margin-top:auto;justify-content:center;padding:11px 0;font-size:14px}
.fcard .fp{text-align:center;font-size:12px;color:#9FB3BE;font-weight:600}
.fcard .fp b{font-family:'Public Sans',sans-serif;font-size:12.5px;color:#fff}
.mega-bot{border-top:1px solid var(--line);background:var(--cloud)}
.mega-bot .wrap{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-top:12px;padding-bottom:12px;font-size:12.5px;font-weight:600;color:var(--slate)}
.mega-bot a{font-weight:700;font-size:13px;white-space:nowrap}
/* the panel never runs past the bottom of the screen (Paulo, Oct 2026): capped at the visible height under the header
     (--mega-top, measured by the menu script); the link columns and the category rail scroll inside it with their own
     scrollbar and never scroll the page behind; the search box + city picker stay pinned at the top. Short lists look
     exactly as before: same spacing, same 432px minimum, no scrollbar. */
  .mega{display:flex;flex-direction:column;max-height:calc(100vh - var(--mega-top,140px))}
.mega-in{flex:1 1 auto;width:100%;box-sizing:border-box;min-height:min(432px,calc(100vh - var(--mega-top,140px) - 46px))}
.mega-bot{flex:0 0 auto}
.mmain{padding-top:0;min-height:0;overflow-y:auto;overscroll-behavior:contain}
.mtop{position:sticky;top:0;z-index:3;background:#fff;padding-top:24px;padding-bottom:18px;margin-bottom:0}
.mrail{min-height:0;overflow-y:auto;overscroll-behavior:contain}
.mfeat{min-height:0}
/* a search keeps the panel at the height of the category view it started from (Paulo, Oct 7 2026): the results
     scroll inside .mmain and the featured card keeps its size instead of stretching to the bottom of the screen.
     --mega-cat-h is measured by the menu script right before the first search render; the viewport cap still wins
     on screens where even the category view does not fit. */
  .mega.mega-held .mega-in{max-height:min(var(--mega-cat-h,9999px),calc(100vh - var(--mega-top,140px) - 46px))}
/* burger + drawer */
  .hdr-right{display:flex;align-items:center;gap:14px}
.burger{display:none;width:48px;height:48px;border-radius:12px;border:1.5px solid var(--line);background:#fff;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:5px}
.burger i{display:block;width:20px;height:2.5px;border-radius:2px;background:var(--ink);transition:.3s}
.scrim{position:fixed;inset:0;background:rgba(6,19,31,.55);opacity:0;pointer-events:none;transition:.3s;z-index:98}
.scrim.on{opacity:1;pointer-events:auto}
.drawer{position:fixed;top:0;right:0;bottom:0;width:min(370px,90vw);background:#fff;z-index:99;transform:translateX(105%);transition:transform .35s cubic-bezier(.2,.7,.2,1);display:flex;flex-direction:column;box-shadow:-20px 0 60px rgba(6,19,31,.25)}
.drawer.on{transform:none}
.dr-head{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;border-bottom:1px solid var(--line)}
.dr-head img{height:40px}
.dr-x{all:unset;width:40px;height:40px;border-radius:10px;display:flex;justify-content:center;align-items:center;cursor:pointer;background:var(--cloud)}
.dr-nav{flex:1;overflow-y:auto;padding:10px 0}
.dr-nav>a,.dr-acc{display:flex;justify-content:space-between;align-items:center;width:100%;padding:15px 22px;font-weight:700;font-size:16.5px;color:var(--hd);border:0;background:none;cursor:pointer;font-family:inherit;text-align:left;box-sizing:border-box}
.dr-acc svg{transition:transform .3s}
.dr-acc.on svg{transform:rotate(180deg)}
.dr-sub{max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(.2,.7,.2,1);background:var(--cloud)}
.dr-sub a{display:flex;align-items:center;gap:10px;padding:11px 22px 11px 30px;font-size:14.5px;font-weight:600;color:#2A4150}
.dr-sub a .c1{background:#FDF3DF;color:#A96F0F;font-weight:800;font-size:9px;padding:2px 7px;border-radius:999px}
.dr-cta{padding:14px 18px calc(16px + env(safe-area-inset-bottom));border-top:1px solid var(--line);display:flex;gap:10px}
.dr-cta .c{flex:1.4;justify-content:center;padding:14px 0;font-size:15.5px;background:#0E2A47;color:#fff}
.dr-cta .t{flex:1;justify-content:center;padding:14px 0;font-size:15.5px}
@media (max-width:1023px){.mfeat{display:none}}
@media (max-width:1280px){.mcols{grid-template-columns:repeat(2,1fr)}}
@media (max-width:1023px){
    .nav{display:none}
    .burger{display:flex}
  }
/* iPad landscape and small laptops, 1024-1180 (Sergei, Sep 9 2026: the seven tabs, the logo and the call button must sit
     on ONE line, evenly spaced, nothing touching, nothing wrapping). Compact sizes only in this band; desktop is untouched. */
  @media (min-width:1024px) and (max-width:1180px){
    .hdr .hdr-in{gap:16px}
    .hdr .hdr-in>img,.hdr .hdr-in .logo-link img,.hdr .hdr-in img.logo{height:44px!important;width:auto!important;flex-shrink:0}
    .hdr .hdr-in .logo-link{flex-shrink:0;display:flex}
    .nav{gap:14px!important;font-size:13.5px!important;flex:1;justify-content:center;min-width:0}
    .nav>a,.ni>a{white-space:nowrap;padding:24px 0!important;gap:5px}
    .ni>a svg{width:11px;height:11px}
    .hdr .hdr-in>.btn{padding:10px 14px!important;font-size:13.5px!important;flex-shrink:0;white-space:nowrap}
    .hdr .hdr-in>.btn svg{width:15px;height:15px}
  }
/* drawer entrance + search */
  .dr-nav>*,.dr-cta{opacity:0;transform:translateX(18px);transition:opacity .4s cubic-bezier(.2,.7,.2,1),transform .4s cubic-bezier(.2,.7,.2,1)}
.drawer.on .dr-nav>*,.drawer.on .dr-cta{opacity:1;transform:none}
.drawer.on .dr-nav>*:nth-child(1){transition-delay:.06s}
.drawer.on .dr-nav>*:nth-child(2){transition-delay:.1s}
.drawer.on .dr-nav>*:nth-child(3){transition-delay:.14s}
.drawer.on .dr-nav>*:nth-child(4){transition-delay:.18s}
.drawer.on .dr-nav>*:nth-child(5){transition-delay:.22s}
.drawer.on .dr-nav>*:nth-child(6){transition-delay:.26s}
.drawer.on .dr-nav>*:nth-child(7){transition-delay:.3s}
.drawer.on .dr-nav>*:nth-child(8){transition-delay:.34s}
.drawer.on .dr-cta{transition-delay:.32s}
.dr-search{padding:12px 18px;border-bottom:1px solid var(--line)}
.dr-search .msearch{max-width:none}
.dr-mode{display:flex;margin-top:10px}
.dr-mode b{flex:1;text-align:center}
.dr-city{display:flex;margin:10px 0 0;margin-left:0;font-size:12px}
.dr-city select{flex:1;min-width:0}
.dr-res{display:none;padding:8px 0}
.dr-res .dr-title{margin:10px 22px 4px;font-size:10px;font-weight:700;letter-spacing:.14em;color:#8A97A3}
.dr-res a{display:block;padding:9px 22px;font-size:14.5px;font-weight:600;color:#2A4150}
.dr-res p{margin:12px 22px;font-size:13.5px;color:var(--slate);line-height:1.6}
.drawer.searching .dr-acc,.drawer.searching .dr-sub,.drawer.searching .dr-nav>a{display:none}
.drawer.searching .dr-res{display:block}
@media (max-width:760px){.burger{width:40px;height:40px;border-radius:10px;flex-shrink:0}.hdr img{height:30px}.hdr .btn{padding:9px 11px;font-size:12.5px;gap:5px}.hdr-in{gap:8px}}
/* MEGAMENU-CSS END */


.ftr .fg2{display:grid;grid-template-columns:minmax(300px,1.35fr) .8fr 1.5fr .7fr;gap:40px 44px;align-items:start}
.ftr .ft2{font-family:'Archivo',sans-serif;font-weight:800;font-size:12px;letter-spacing:.14em;color:#fff;margin:0 0 14px}
.ftr .fg2 a{display:block;padding:5px 0;font-size:14px;line-height:1.45;white-space:nowrap}
.ftr .fsvc{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:30px}
.ftr .fall{color:#7ED957;font-weight:700;margin-top:6px}
.ftr .fbrand{display:flex;flex-direction:column;gap:13px}
.ftr .fbrand p{margin:0}
.ftr .ftr-bot .fcopy{white-space:nowrap}
.ftr .ftr-bot .fgrp{display:inline;padding:0}
@media (max-width:1180px){.ftr .fg2{grid-template-columns:1fr 1fr;gap:38px 44px}}
@media (max-width:760px){.ftr .fg2{grid-template-columns:1fr;gap:34px}.ftr .fg2 a{white-space:normal}.ftr .ftr-bot .fcopy{white-space:normal}}
.qfm{position:fixed;inset:0;z-index:220;display:none;align-items:flex-end;justify-content:center;background:rgba(6,19,31,.58);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.qfm.open{display:flex}
.qfs{background:#fff;width:100%;max-width:600px;max-height:92vh;overflow-y:auto;border-radius:26px 26px 0 0;box-shadow:0 -18px 60px rgba(6,19,31,.35);animation:qfup .45s cubic-bezier(.2,.7,.2,1)}
@keyframes qfup{from{transform:translateY(60px);opacity:0}to{transform:none;opacity:1}}
@media (min-width:640px){.qfm{align-items:center;padding:24px}.qfs{border-radius:26px;animation-name:qfin}
@keyframes qfin{from{transform:translateY(26px) scale(.98);opacity:0}to{transform:none;opacity:1}}}
.qfh{display:flex;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid #E3E9EE;position:sticky;top:0;background:#fff;border-radius:26px 26px 0 0;z-index:2}
.qfb{width:36px;height:36px;border-radius:999px;border:1px solid #E3E9EE;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}
.qfb[disabled]{opacity:.35;cursor:default}
.qfp{flex:1;height:6px;background:#E3E9EE;border-radius:999px;overflow:hidden}
.qfp b{display:block;height:100%;width:25%;background:linear-gradient(92deg,#5CB947,#7ED957);border-radius:999px;transition:width .5s cubic-bezier(.2,.7,.2,1)}
.qfx{width:36px;height:36px;border-radius:999px;border:1px solid #E3E9EE;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;font-size:16px;color:#51707F}
.qfbody{padding:24px 20px 30px}
.qfpane{display:none}
.qfpane.on{display:block;animation:qfpane .4s cubic-bezier(.2,.7,.2,1)}
@keyframes qfpane{from{opacity:0;transform:translateX(24px)}to{opacity:1;transform:none}}
.qfq{font-family:'Archivo',sans-serif;font-weight:900;font-size:22px;line-height:1.2;margin-bottom:5px;color:#10222E;text-align:left}
.qfsub{color:#51707F;font-size:14px;margin-bottom:18px;text-align:left}
.qfopts{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.qfopts > :last-child:nth-child(odd){grid-column:1/-1}
@media (max-width:480px){.qfopts{grid-template-columns:1fr}}
.qfo{display:flex;align-items:center;gap:11px;border:1.5px solid #E3E9EE;border-radius:14px;padding:13px 14px;background:#fff;cursor:pointer;font-weight:700;font-size:14.5px;color:#10222E;text-align:left;transition:border-color .22s,box-shadow .22s;font-family:inherit}
.qfo:hover{border-color:#BFD9B5}
.qfo .qi{width:34px;height:34px;border-radius:10px;background:rgba(92,185,71,.12);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.qfchips{display:flex;flex-wrap:wrap;gap:9px}
.qfc{border:1.5px solid #E3E9EE;border-radius:999px;padding:10px 16px;background:#fff;cursor:pointer;font-weight:600;font-size:14px;color:#10222E;transition:all .22s;font-family:inherit}
.qfc.on{border-color:#5CB947;background:rgba(92,185,71,.1);color:#3A8A2E;font-weight:700}
.qfnext{margin-top:22px;width:100%;border:0;border-radius:999px;background:linear-gradient(135deg,#5CB947,#3A8A2E);color:#fff;font-family:'Archivo',sans-serif;font-weight:800;font-size:16px;padding:15px;cursor:pointer;box-shadow:0 10px 26px rgba(58,138,46,.3)}
.qfnext[disabled]{opacity:.4;cursor:default}
.qfzip{width:100%;border:1.5px solid #E3E9EE;border-radius:14px;padding:15px;font-size:19px;font-weight:700;letter-spacing:.2em;text-align:center;font-family:'Archivo',sans-serif;color:#10222E;outline:none}
.qfzip:focus{border-color:#5CB947}
.qfskip{display:block;text-align:center;margin-top:12px;color:#51707F;font-size:13px}
.qfgold{display:inline-flex;align-items:center;gap:7px;background:linear-gradient(92deg,#F2B84B,#E3A63A);color:#3A2A08;font-family:'Archivo',sans-serif;font-weight:800;font-size:12px;letter-spacing:.03em;padding:7px 14px;border-radius:999px;margin-bottom:12px;text-align:left}
.qfsum{display:flex;flex-wrap:wrap;gap:7px;margin:14px 0 18px}
.qfsum span{background:#F6F8FA;border:1px solid #E3E9EE;border-radius:999px;font-size:12px;font-weight:600;color:#51707F;padding:4px 11px}
.qfcall{position:relative;display:block;width:100%;background:linear-gradient(135deg,#0E2A47,#081C30);border-radius:20px;padding:15px 18px 13px;text-decoration:none;color:#fff;box-shadow:0 14px 34px rgba(8,28,48,.35)}
.qfmed{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:999px;background:radial-gradient(circle at 35% 30%,#7ED957,#3A8A2E);display:flex;align-items:center;justify-content:center}
.qfmed::after{content:"";position:absolute;inset:-6px;border-radius:999px;border:2px solid rgba(126,217,87,.45);animation:qfsonar 2.2s ease-out infinite}
@keyframes qfsonar{0%{transform:scale(.7);opacity:1}100%{transform:scale(1.5);opacity:0}}
.qfcall .n{display:block;font-family:'Archivo',sans-serif;font-weight:900;font-size:clamp(17px,4.9vw,20px);text-align:center;white-space:nowrap;padding-left:42px}
.qfcall .s{display:block;text-align:center;font-size:clamp(12px,3.5vw,13.5px);color:#C7D6E0;margin-top:2px;white-space:nowrap;padding-left:42px}
.qfcall .s b{background:linear-gradient(92deg,#7ED957,#C4F09A);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-family:'Archivo',sans-serif}
.qftext{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:11px;border:1.5px solid rgba(92,185,71,.5);border-radius:999px;background:#fff;box-shadow:0 0 16px rgba(126,217,87,.16);color:#10222E;font-family:'Archivo',sans-serif;font-weight:800;font-size:15px;padding:13px;text-decoration:none}
.qftext .ir{color:#3A8A2E;font-weight:700;font-family:inherit;font-size:13.5px}
.qfnote{margin-top:15px;text-align:center;color:#51707F;font-size:13px}
.qfform{display:block;text-align:center;margin-top:10px;color:#51707F;font-size:13px;text-decoration:underline;cursor:pointer;background:none;border:0;font-family:inherit}
@media (prefers-reduced-motion:reduce){.qfs,.qfpane.on,.qfmed::after{animation:none!important}}

/* WHY US dropdown (Paulo, Oct 2026): a two-item panel, not a mega menu. Opens on hover, click/tap and keyboard focus. */
.ni-dd{position:relative}
.ni-dd>button{color:#10222E;position:relative;padding:30px 0;display:inline-flex;align-items:center;gap:7px;border:0;background:none;font:inherit;font-weight:600;cursor:pointer}
.ni-dd>button::after{content:"";position:absolute;left:0;bottom:22px;width:0;height:2.5px;background:var(--green);border-radius:2px;transition:width .3s}
.ni-dd:hover>button::after,.ni-dd.open>button::after{width:100%}
.ni-dd>button svg{transition:transform .3s}
.ni-dd:hover>button,.ni-dd.open>button{color:var(--green-d)}
.ni-dd:hover>button svg,.ni-dd.open>button svg{transform:rotate(180deg)}
.dd{position:absolute;top:calc(100% - 16px);left:-16px;min-width:200px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 24px 60px rgba(6,19,31,.18);padding:8px;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .22s,transform .22s,visibility .22s;z-index:6}
.dd::before{content:"";position:absolute;top:-1px;left:16px;right:16px;height:3px;border-radius:0 0 3px 3px;background:linear-gradient(90deg,#3A8A2E,#7ED957 50%,#3A8A2E)}
.ni-dd:hover .dd,.ni-dd.open .dd,.ni-dd:focus-within .dd{opacity:1;visibility:visible;transform:none}
.dd a{display:block;padding:11px 14px;border-radius:10px;font-weight:600;font-size:14.5px;color:#10222E;white-space:nowrap}
.dd a:hover,.dd a:focus-visible{background:var(--cloud);color:var(--green-d)}
@media (min-width:1024px) and (max-width:1180px){.ni-dd>button{white-space:nowrap;padding:24px 0!important;gap:5px}.ni-dd>button svg{width:11px;height:11px}}