/* White Oak — black, steel blue & white-oak system (based on drawn from the logo: graphite ground, lime gradient (logo "Shade"), brushed-silver gradient (logo "Zone"), louver-slat motif */
:root{
  --bg:#0B0D10;
  --bg-2:#0F1216;
  --panel:#14181E;
  --panel-2:#1B2028;
  --panel-3:#222833;
  --line:rgba(255,255,255,.08);
  --line-2:rgba(255,255,255,.14);
  --text:#EEF1F5;
  --text-2:#A9B2BF;
  --text-3:#7A8493;
  --lime:#4C9BFF;
  --lime-2:#1F6FEB;
  --lime-3:#9CC8FF;
  --silver:#C9CFD1;
  --grad-lime:linear-gradient(115deg,#0B3D91 0%,#1F6FEB 48%,#4C9BFF 100%);
  --grad-silver:linear-gradient(180deg,#FFFFFF 0%,#C7CDD0 55%,#8E979B 100%);
  --grad-panel:linear-gradient(160deg,#1A1F27 0%,#12161C 100%);
  --star:#F6BE3B;
  --sans:"Inter","Helvetica Neue",Arial,system-ui,sans-serif;
  --serif:"Archivo","Inter",sans-serif;
  --mono:"JetBrains Mono",ui-monospace,"SF Mono",Menlo,Consolas,monospace;
  --r:20px;
  --shadow:0 30px 70px -30px rgba(0,0,0,.8);
  --glow:0 0 0 1px rgba(76,155,255,.35),0 18px 50px -18px rgba(76,155,255,.45);
  color-scheme:dark;
}
[hidden]{display:none!important}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font:400 16px/1.6 var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(900px 500px at 85% -10%,rgba(76,155,255,.10),transparent 60%),radial-gradient(700px 500px at -10% 40%,rgba(201,207,209,.05),transparent 60%)}
img{max-width:100%;display:block}
a{color:inherit}
button{font:inherit;color:inherit}
::selection{background:var(--lime);color:#fff}
h1,h2,h3,h4{margin:0;font-weight:500;letter-spacing:-.03em;line-height:1.02;text-wrap:balance;color:#fff}
h1{font-size:clamp(2.8rem,6.6vw,5.8rem);letter-spacing:-.045em;line-height:.96}
h2{font-size:clamp(2.2rem,4.8vw,4rem)}
h3{font-size:1.45rem;letter-spacing:-.02em;line-height:1.15}
p{margin:0}
.it{font-family:var(--serif);font-style:italic;font-weight:400;letter-spacing:-.01em;background:var(--grad-lime);-webkit-background-clip:text;background-clip:text;color:transparent;padding-right:.06em}
.sil{background:var(--grad-silver);-webkit-background-clip:text;background-clip:text;color:transparent}
.wrap{max-width:1320px;margin-inline:auto;padding-inline:clamp(16px,4vw,48px)}
section{padding-block:clamp(72px,9vw,130px);position:relative}
.kicker{font:500 .72rem/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--lime);display:inline-flex;align-items:center;gap:10px}
.kicker::before{content:"";width:22px;height:9px;background:repeating-linear-gradient(180deg,currentColor 0 1.5px,transparent 1.5px 3.5px)}
.lede{font-size:clamp(1.02rem,1.25vw,1.14rem);color:var(--text-2);max-width:60ch;line-height:1.7}
.muted{color:var(--text-2)}
.fine{font-size:.8rem;color:var(--text-3)}
.mono{font-family:var(--mono)}
:focus-visible{outline:2px solid var(--lime);outline-offset:3px;border-radius:6px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.ic{width:1.15em;height:1.15em;flex:none;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;vertical-align:-.2em}
.ic.fill{fill:currentColor;stroke:none}
.band-alt{background:var(--bg-2);border-block:1px solid var(--line)}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.6em;padding:1em 1.5em;border-radius:999px;font:600 .9rem/1 var(--sans);text-decoration:none;border:1px solid transparent;cursor:pointer;transition:transform .25s,background .25s,color .25s,border-color .25s,box-shadow .25s;white-space:nowrap;position:relative}
.btn-lime{background:var(--grad-lime);color:#fff;box-shadow:0 10px 30px -12px rgba(76,155,255,.7)}
.btn-lime:hover{transform:translateY(-2px);box-shadow:0 18px 40px -12px rgba(76,155,255,.85)}
.btn-ghost{border-color:var(--line-2);color:var(--text);background:rgba(255,255,255,.03);backdrop-filter:blur(8px)}
.btn-ghost:hover{border-color:var(--lime);color:var(--lime)}
.btn-silver{background:var(--grad-silver);color:#0B0D10}
.btn-silver:hover{transform:translateY(-2px)}
.btn .ic{width:1.1em;height:1.1em}
.btn:hover .arr{transform:translateX(4px)}
.arr{transition:transform .25s}
.tlink{font-weight:600;text-decoration:none;display:inline-flex;gap:.45em;align-items:center;color:var(--lime);border-bottom:1px solid rgba(76,155,255,.4);padding-bottom:2px}
.tlink:hover{border-color:var(--lime)}

/* notes */
body.notes-on .confirm{outline:1.5px dashed #F0A23A;outline-offset:3px;border-radius:6px;position:relative}
body.notes-on .confirm::after{content:"Confirm";position:absolute;top:-10px;right:-6px;font:600 .58rem/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;background:#F0A23A;color:#0B0D10;padding:3px 5px;border-radius:3px;z-index:4}

/* ===== top bar ===== */
.ann{background:#07090C;border-bottom:1px solid var(--line);color:var(--text-2);font:400 .76rem/1 var(--mono);letter-spacing:.03em;position:relative;z-index:61}
.ann .wrap{display:flex;justify-content:space-between;align-items:center;gap:14px;min-height:40px;flex-wrap:wrap}
.ann a{color:var(--text);text-decoration:none;display:inline-flex;align-items:center;gap:7px}
.ann a:hover{color:var(--lime)}
.ann .l,.ann .r{display:flex;gap:20px;align-items:center}
.ann .dot{width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 3px rgba(76,155,255,.18),0 0 12px var(--lime)}
.ann .dot.off{background:#E9965A;box-shadow:0 0 0 3px rgba(233,150,90,.2)}
.ann .soc{display:flex;gap:12px}
.ann .hide-s{display:none}
@media(min-width:880px){.ann .hide-s{display:inline-flex}}
.notes-btn{background:none;border:1px solid var(--line-2);color:var(--text-2);border-radius:999px;padding:5px 10px;font:inherit;cursor:pointer}
.notes-btn[aria-pressed="true"]{border-color:#F0A23A;color:#F0A23A}

/* ===== header ===== */
.hdr{position:sticky;top:env(safe-area-inset-top,0px);z-index:60;transition:background .35s,border-color .35s,box-shadow .35s;border-bottom:1px solid transparent}
.hdr.solid{background:rgba(10,12,16,.82);backdrop-filter:saturate(1.4) blur(18px);border-color:var(--line);box-shadow:0 14px 40px -24px rgba(0,0,0,.9)}
.hdr .wrap{display:flex;align-items:center;gap:20px;height:82px;position:relative}
.brand{display:block;flex:none}
.brand img{height:50px;width:auto}
.nav{display:none;list-style:none;margin:0 0 0 auto;padding:5px;gap:2px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid var(--line)}
.nav>li{position:static}
.nav>li>a,.nav>li>button{display:flex;align-items:center;gap:6px;padding:9px 15px;border-radius:999px;font:500 .87rem var(--sans);color:var(--text);text-decoration:none;background:none;border:0;cursor:pointer;transition:background .2s,color .2s}
.nav>li>a:hover,.nav>li>button:hover,.nav li.open>button,.nav>li>a.cur{background:rgba(255,255,255,.07);color:#fff}
.nav>li>a.cur{color:var(--lime)}
.nav .chev{width:12px;height:12px;transition:transform .2s}
.nav li.open .chev{transform:rotate(180deg)}
.hcta{display:none;align-items:center;gap:8px}
.hcta .ph{color:var(--text);text-decoration:none;font:500 .86rem var(--mono);padding:0 10px;display:flex;gap:8px;align-items:center}
.hcta .ph .ic{color:var(--lime)}
.burger{margin-left:auto;width:48px;height:48px;border-radius:50%;border:1px solid var(--line-2);background:rgba(255,255,255,.04);color:#fff;display:grid;place-items:center;cursor:pointer}
@media(min-width:1240px){.nav{display:flex}.hcta{display:flex}.burger{display:none}}

/* mega */
.mega{position:absolute;left:0;right:0;top:calc(100% + 6px);opacity:0;visibility:hidden;transform:translateY(-8px);transition:.25s;padding-inline:clamp(16px,4vw,48px)}
.nav li.open .mega{opacity:1;visibility:visible;transform:none}
.mega-in{background:rgba(18,22,28,.97);backdrop-filter:blur(20px);border:1px solid var(--line-2);border-radius:24px;box-shadow:var(--shadow);display:grid;grid-template-columns:repeat(3,1fr) 1.15fr;gap:8px 28px;padding:28px}
.mega h4{font:500 .66rem var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text-3);margin:0 0 10px}
.mega ul{list-style:none;margin:0 0 14px;padding:0;display:grid;gap:2px}
.mega ul a{display:flex;align-items:center;gap:12px;color:var(--text);text-decoration:none;padding:8px 10px;margin-inline:-10px;border-radius:12px;font-size:.93rem;transition:background .2s}
.mega ul a:hover{background:rgba(255,255,255,.05)}
.mega ul a .mi{width:34px;height:34px;border-radius:10px;background:var(--panel-2);border:1px solid var(--line);display:grid;place-items:center;color:var(--lime);flex:none}
.mega ul a small{display:block;color:var(--text-3);font-size:.76rem;line-height:1.3}
.mega .feat{position:relative;border-radius:18px;overflow:hidden;min-height:260px;padding:22px;display:flex;align-items:flex-end;color:#fff;text-decoration:none;grid-row:span 2}
.mega .feat img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.mega .feat::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 25%,rgba(6,8,11,.92));z-index:1}
.mega .feat span{position:relative;z-index:2;font-size:1.08rem;line-height:1.3}
.mega .feat em{display:block;font-family:var(--serif);font-size:1.7rem}

/* drawer */
.drawer{position:fixed;inset:0;z-index:95;background:var(--bg);display:flex;flex-direction:column;padding:calc(18px + env(safe-area-inset-top,0px)) 22px calc(28px + env(safe-area-inset-bottom,0px));overflow:auto;transform:translateY(-100%);transition:transform .5s cubic-bezier(.7,0,.2,1)}
.drawer.open{transform:none}
.drawer .top{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}
.drawer .top img{height:44px;width:auto}
.drawer nav>a,.drawer summary{display:flex;align-items:center;gap:12px;padding:15px 2px;font-size:1.45rem;letter-spacing:-.02em;text-decoration:none;border-bottom:1px solid var(--line);cursor:pointer;list-style:none}
.drawer nav .ic{color:var(--lime)}
.drawer summary::-webkit-details-marker{display:none}
.drawer summary::after{content:"+";margin-left:auto;color:var(--lime)}
.drawer details[open] summary::after{content:"−"}
.drawer details a{display:flex;gap:10px;align-items:center;padding:9px 4px;color:var(--text-2);text-decoration:none}
.drawer .d-cta{display:grid;gap:10px;margin-top:auto;padding-top:24px}

/* ===== page transitions ===== */
.page{animation:pageIn .6s cubic-bezier(.2,.7,.2,1)}
@keyframes pageIn{from{opacity:0;transform:translateY(14px)}}

/* ===== home hero ===== */
.hero{position:relative;padding:0;overflow:hidden;isolation:isolate;margin-top:-82px}
.slides{position:absolute;inset:0;z-index:-2}
.slides img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.12);transition:opacity 1.6s ease}
.slides img.on{opacity:1;animation:kb 9s linear forwards}
@keyframes kb{from{transform:scale(1.12)}to{transform:scale(1.02)}}
.hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(100deg,rgba(6,8,11,.94) 0%,rgba(6,8,11,.72) 42%,rgba(6,8,11,.2) 78%),linear-gradient(0deg,var(--bg) 0%,transparent 28%)}
.louvers{position:absolute;inset:0;z-index:0;display:grid;grid-template-rows:repeat(18,1fr);pointer-events:none}
.louvers i{background:linear-gradient(180deg,#2A313B,#161B19);transform-origin:50% 0;transform:scaleY(0);border-bottom:1px solid rgba(76,155,255,.25)}
.js .louvers i{animation:louver 1.3s cubic-bezier(.7,0,.25,1) both}
@keyframes louver{0%,15%{transform:scaleY(1)}100%{transform:scaleY(0)}}
.hero-grid{position:relative;z-index:1;grid-template-columns:minmax(0,1fr);min-height:clamp(700px,96vh,960px);display:grid;align-content:end;gap:30px;padding-top:170px;padding-bottom:clamp(30px,4vw,56px)}
.hero h1{max-width:12ch}
.hero .lead{color:#D6DDD8;font-size:clamp(1.02rem,1.3vw,1.2rem);max-width:54ch}
.hero-row{display:grid;gap:26px;align-items:end;grid-template-columns:minmax(0,1fr)}
@media(min-width:1040px){.hero-row{grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr)}}
.ask-wrap{display:grid;gap:12px;max-width:660px}
.ask-label{display:flex;align-items:center;gap:10px;font:500 .72rem var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--lime-3)}
.ask{position:relative;background:rgba(15,18,24,.6);border-radius:22px;padding:8px;display:flex;gap:8px;backdrop-filter:blur(16px)}
.ask::before{content:"";position:absolute;inset:0;border-radius:22px;padding:1px;background:linear-gradient(120deg,rgba(76,155,255,.8),rgba(255,255,255,.15),rgba(76,155,255,.5));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.ask input{flex:1;min-width:0;background:transparent;border:0;color:#fff;font:400 1rem var(--sans);padding:0 14px}
.ask input::placeholder{color:#93A097}
.ask input:focus{outline:none}
.qchips{display:flex;flex-wrap:wrap;gap:8px}
.qchips button{background:rgba(255,255,255,.05);border:1px solid var(--line-2);color:var(--text);border-radius:999px;padding:7px 12px;font-size:.8rem;cursor:pointer;text-align:left}
.qchips button:hover{border-color:var(--lime);color:var(--lime)}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px}
.gcard{justify-self:start;background:rgba(18,22,28,.75);backdrop-filter:blur(18px);border:1px solid var(--line-2);border-radius:22px;padding:18px 20px;display:grid;gap:12px;min-width:min(330px,100%)}
@media(min-width:1040px){.gcard{justify-self:end}}
.gcard .top{display:flex;align-items:center;gap:12px}
.gcard .score{font-size:2.3rem;letter-spacing:-.04em;line-height:1;color:#fff}
.stars{color:var(--star);letter-spacing:1px;font-size:.95rem;white-space:nowrap}
.gcard small{color:var(--text-2);font-size:.78rem;display:block}
.avs{display:flex}
.avs span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font:600 .75rem var(--sans);color:#fff;border:2px solid var(--panel);margin-left:-8px}
.avs span:first-child{margin-left:0}
.gcard .meta{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:.82rem}
.gcard .meta a{font-weight:600;color:var(--lime);text-decoration:none}
.slide-dots{display:flex;gap:6px}
.slide-dots i{width:22px;height:3px;border-radius:2px;background:rgba(255,255,255,.25);transition:background .3s,width .3s}
.slide-dots i.on{background:var(--lime);width:40px}
.stats{position:relative;z-index:1;border-top:1px solid var(--line)}
.stats ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr}
@media(min-width:900px){.stats ul{grid-template-columns:repeat(4,1fr)}}
.stats li{padding:22px 18px;display:flex;gap:14px;align-items:center;border-right:1px solid var(--line)}
.stats li:last-child{border-right:0}
.stats .si{width:44px;height:44px;border-radius:14px;background:var(--panel-2);border:1px solid var(--line);display:grid;place-items:center;color:var(--lime);flex:none}
.stats b{display:block;color:#fff;font-weight:500;font-size:.95rem;line-height:1.2}
.stats small{color:var(--text-3);font-size:.8rem}

/* marquee */
.marq{padding-block:28px;border-block:1px solid var(--line);overflow:hidden;background:var(--bg-2)}
.marq .lbl{font:500 .66rem var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--text-3);text-align:center;margin-bottom:16px}
.track{display:flex;gap:60px;width:max-content;animation:marq 40s linear infinite}
.marq:hover .track{animation-play-state:paused}
.track span{font-size:1.4rem;letter-spacing:-.02em;white-space:nowrap;font-weight:500;background:var(--grad-silver);-webkit-background-clip:text;background-clip:text;color:transparent;opacity:.75}
.track span:nth-child(3n){font-family:var(--serif);font-style:italic;font-weight:400;font-size:1.6rem}
@keyframes marq{to{transform:translateX(-50%)}}

/* section head */
.sh{display:grid;gap:22px;margin-bottom:clamp(36px,5vw,60px)}
@media(min-width:960px){.sh{grid-template-columns:1.1fr .9fr;align-items:end}}
.sh>div{display:grid;gap:18px}
.sh .side{display:grid;gap:18px;justify-items:start}
.center-h{text-align:center;justify-items:center;display:grid;gap:18px;margin-bottom:clamp(36px,5vw,60px)}
.center-h .lede{margin-inline:auto}

/* bento products */
.bento{display:grid;gap:14px;grid-template-columns:1fr}
@media(min-width:700px){.bento{grid-template-columns:repeat(6,1fr)}}
@media(min-width:1100px){.bento{grid-template-columns:repeat(12,1fr)}}
.tile{position:relative;border-radius:var(--r);overflow:hidden;min-height:360px;color:#fff;text-decoration:none;display:flex;flex-direction:column;justify-content:flex-end;padding:26px;isolation:isolate;background:var(--panel);border:1px solid var(--line)}
.tile>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform 1.1s cubic-bezier(.2,.7,.2,1),filter .6s}
.tile::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(6,8,11,.05) 25%,rgba(6,8,11,.92));transition:background .4s}
.tile:hover>img{transform:scale(1.07)}
.tile::after{content:"";position:absolute;inset:0;border-radius:inherit;border:1px solid transparent;transition:border-color .4s;pointer-events:none}
.tile:hover::after{border-color:rgba(76,155,255,.55)}
.tile .num{position:absolute;top:20px;left:22px;font:500 .7rem var(--mono);letter-spacing:.12em;color:var(--lime-3);display:flex;gap:8px;align-items:center}
.tile .go{position:absolute;top:16px;right:16px;width:46px;height:46px;border-radius:50%;background:rgba(255,255,255,.12);backdrop-filter:blur(8px);display:grid;place-items:center;transition:background .3s,transform .3s,color .3s}
.tile:hover .go{background:var(--lime);color:#fff;transform:rotate(45deg)}
.tile h3{font-size:clamp(1.8rem,2.4vw,2.4rem)}
.tile p{color:#D2D9D4;font-size:.92rem;max-width:44ch;margin-top:8px}
.chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}
.chips span{font-size:.74rem;border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:4px 10px;color:#EEF2EE;background:rgba(0,0,0,.2)}
@media(min-width:700px){.t-a,.t-b{grid-column:span 3}.t-c,.t-d,.t-e{grid-column:span 2}.t-f{grid-column:span 6}}
@media(min-width:1100px){.t-a{grid-column:span 7;min-height:520px}.t-b{grid-column:span 5;min-height:520px}.t-c,.t-d,.t-e{grid-column:span 4}.t-f{grid-column:span 12;min-height:320px}}

/* cards generic */
.card{background:var(--grad-panel);border:1px solid var(--line);border-radius:var(--r);padding:26px;display:grid;gap:12px;align-content:start;position:relative;transition:border-color .3s,transform .3s}
a.card{text-decoration:none;color:inherit}
a.card:hover,.card.hov:hover{border-color:rgba(76,155,255,.45);transform:translateY(-3px)}
.card .ci{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;color:var(--lime);background:rgba(76,155,255,.08);border:1px solid rgba(76,155,255,.22)}
.card .ci .ic{width:24px;height:24px}
.card h3{font-size:1.3rem}
.card p{color:var(--text-2);font-size:.94rem}
.card .more{margin-top:auto;color:var(--lime);font-weight:600;font-size:.88rem;display:flex;gap:6px;align-items:center}
.grid-2,.grid-3,.grid-4{display:grid;gap:14px;grid-template-columns:1fr}
@media(min-width:700px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr 1fr}}
@media(min-width:1050px){.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}}

/* simulator */
.sim-grid{display:grid;gap:28px}
@media(min-width:1040px){.sim-grid{grid-template-columns:380px 1fr;gap:44px}}
.panel{display:grid;gap:22px;align-content:start;background:var(--grad-panel);border:1px solid var(--line);border-radius:24px;padding:24px}
.seg{display:flex;flex-wrap:wrap;gap:4px;background:rgba(0,0,0,.35);padding:4px;border-radius:14px;border:1px solid var(--line)}
.seg button{flex:1 1 auto;border:0;background:transparent;border-radius:10px;padding:10px 12px;font-size:.85rem;font-weight:500;cursor:pointer;color:var(--text-2)}
.seg button[aria-pressed="true"]{background:var(--grad-lime);color:#fff}
.ctl .lab,.ctl label{display:flex;justify-content:space-between;font:500 .7rem var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);margin-bottom:10px}
.ctl output{color:var(--lime)}
input[type=range]{width:100%;accent-color:var(--lime);height:28px}
.sw{display:flex;gap:10px;flex-wrap:wrap}
.sw button{width:38px;height:38px;border-radius:50%;border:2px solid var(--panel);box-shadow:0 0 0 1px var(--line-2);cursor:pointer}
.sw button[aria-pressed="true"]{box-shadow:0 0 0 2px var(--lime)}
.readout{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:14px;overflow:hidden}
.readout div{padding:12px 14px;display:grid;gap:6px;border-right:1px solid var(--line)}
.readout div:last-child{border-right:0}
.readout small{font:500 .6rem var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-3)}
.meter{display:flex;gap:3px}
.meter i{height:6px;flex:1;border-radius:2px;background:rgba(255,255,255,.1)}
.meter i.on{background:var(--grad-lime)}
.stage{position:relative;border-radius:24px;overflow:hidden;aspect-ratio:4/3;max-width:100%;background:#000;border:1px solid var(--line)}
.stage img{width:100%;height:100%;object-fit:cover}
.cover{position:absolute;left:0;right:0;top:0;height:60%;transition:height .5s cubic-bezier(.4,0,.2,1),background .4s;box-shadow:0 8px 18px -6px rgba(0,0,0,.5)}
.cover::after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:8px;background:var(--rail,#E7E4DC);border-radius:2px;box-shadow:0 3px 6px rgba(0,0,0,.35)}
.cover.shutter::after{display:none}
.stage .tag{position:absolute;left:14px;bottom:14px;background:rgba(6,8,11,.78);backdrop-filter:blur(8px);color:#fff;font:500 .72rem var(--mono);letter-spacing:.08em;padding:8px 12px;border-radius:999px;border:1px solid var(--line-2)}
.stage .glare{position:absolute;inset:0;pointer-events:none;background:radial-gradient(60% 50% at 70% 25%,rgba(255,250,230,.35),transparent 70%);transition:opacity .4s}

/* finder */
.finder-card{background:radial-gradient(600px 300px at 90% 0%,rgba(76,155,255,.14),transparent 70%),var(--grad-panel);border:1px solid var(--line-2);border-radius:30px;padding:clamp(24px,4vw,56px);display:grid;gap:28px;position:relative;overflow:hidden}
.fprog{display:flex;gap:6px;align-self:end}
.fprog i{height:4px;flex:1;border-radius:2px;background:var(--line-2)}
.fprog i.on{background:var(--grad-lime)}
.fstep{display:grid;gap:18px}
.opts{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}
.opt{background:rgba(0,0,0,.25);border:1px solid var(--line);border-radius:18px;padding:16px;text-align:left;cursor:pointer;display:grid;gap:8px;color:var(--text);transition:border-color .2s,transform .2s,background .2s}
.opt .ic{width:24px;height:24px;color:var(--lime)}
.opt:hover{border-color:rgba(76,155,255,.6);transform:translateY(-2px)}
.opt[aria-pressed="true"]{border-color:var(--lime);background:rgba(76,155,255,.08)}
.opt b{font-weight:500}
.opt small{color:var(--text-2);font-size:.8rem;line-height:1.4}
.fnav{display:flex;gap:10px;flex-wrap:wrap}
.recs{display:grid;gap:14px}
@media(min-width:800px){.recs{grid-template-columns:1fr 1fr}}
.rec{background:rgba(0,0,0,.3);border:1px solid var(--line);border-radius:18px;overflow:hidden;display:grid;grid-template-columns:130px 1fr}
.rec img{width:100%;height:100%;object-fit:cover;min-height:130px}
.rec div{padding:16px 18px;display:grid;gap:6px;align-content:start;min-width:0}
.rec .m{font:500 .64rem var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--lime)}
.rec b{font-size:1.15rem;font-weight:500;color:#fff}
.rec p{font-size:.88rem;color:var(--text-2)}

/* motorization demo */
.split{display:grid;gap:clamp(32px,5vw,72px);align-items:center}
@media(min-width:1040px){.split{grid-template-columns:1fr 1fr}.split.wide-l{grid-template-columns:1.15fr .85fr}}
.mstage{position:relative;border-radius:26px;overflow:hidden;aspect-ratio:4/4.4;max-width:100%;border:1px solid var(--line)}
.mstage>img{width:100%;height:100%;object-fit:cover}
.mstage .mcov{position:absolute;left:0;right:0;top:0;height:0;background:repeating-linear-gradient(180deg,rgba(236,234,226,.97) 0 15px,rgba(206,203,194,.97) 15px 17px);transition:height 1.6s cubic-bezier(.5,0,.2,1);box-shadow:0 6px 16px rgba(0,0,0,.45)}
.app{position:absolute;right:16px;bottom:16px;width:min(300px,calc(100% - 32px));background:rgba(10,12,16,.86);backdrop-filter:blur(16px);border:1px solid var(--line-2);border-radius:22px;padding:16px;display:grid;gap:12px}
.app .ah{display:flex;justify-content:space-between;align-items:center;font-size:.84rem}
.app .ah small{font:500 .62rem var(--mono);letter-spacing:.12em;color:var(--text-3);text-transform:uppercase}
.scenes{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.scenes button{background:rgba(255,255,255,.05);border:1px solid var(--line);border-radius:12px;padding:10px 6px;font-size:.74rem;cursor:pointer;color:#fff;display:grid;gap:5px;justify-items:center}
.scenes button[aria-pressed="true"]{background:var(--grad-lime);border-color:transparent;color:#fff}
.scenes .ic{width:18px;height:18px}
.app .pos{display:flex;align-items:center;gap:10px;font:500 .7rem var(--mono);color:var(--text-3)}
.app .pos input{flex:1;min-width:0}
.feats{display:grid;border-top:1px solid var(--line)}
.feats div{display:grid;grid-template-columns:44px 1fr;gap:4px 14px;padding:16px 0;border-bottom:1px solid var(--line)}
.feats .ic{grid-row:span 2;width:22px;height:22px;color:var(--lime);margin-top:2px}
.feats b{font-weight:500;color:#fff}
.feats span{color:var(--text-2);font-size:.92rem}
.ints{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.ints small{font:500 .66rem var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text-3);margin-right:8px}
.ints span{border:1px solid var(--line-2);border-radius:999px;padding:9px 16px;font-size:.86rem;transition:.2s;background:rgba(255,255,255,.02)}
.ints span:hover{border-color:var(--lime);color:var(--lime)}
.warranty{display:flex;gap:16px;align-items:center;background:rgba(76,155,255,.06);border:1px solid rgba(76,155,255,.25);border-radius:18px;padding:16px 18px;font-size:.9rem;color:var(--text-2)}
.warranty b{font:500 2rem/1 var(--sans);letter-spacing:-.03em;white-space:nowrap}

/* video card */
.vid{position:relative;display:block;border-radius:24px;overflow:hidden;aspect-ratio:16/9;max-width:100%;text-decoration:none;color:#fff;border:1px solid var(--line-2);isolation:isolate}
.vid img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform 1s}
.vid::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(6,8,11,.2),rgba(6,8,11,.85))}
.vid:hover img{transform:scale(1.05)}
.vid .play{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);width:86px;height:86px;border-radius:50%;background:var(--grad-lime);display:grid;place-items:center;color:#fff;box-shadow:0 0 0 0 rgba(76,155,255,.6);animation:pulse 2.2s infinite}
.vid .play .ic{width:30px;height:30px;margin-left:4px}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(76,155,255,.55)}70%{box-shadow:0 0 0 26px rgba(76,155,255,0)}100%{box-shadow:0 0 0 0 rgba(76,155,255,0)}}
.vid .vmeta{position:absolute;left:22px;right:22px;bottom:20px;display:flex;justify-content:space-between;align-items:end;gap:12px;flex-wrap:wrap}
.vid .vmeta b{font-size:1.25rem;font-weight:500;letter-spacing:-.01em;display:block}
.vid .vmeta small{color:var(--text-2);font:500 .7rem var(--mono);letter-spacing:.1em;text-transform:uppercase}
.vid .src{display:inline-flex;gap:8px;align-items:center;background:rgba(0,0,0,.5);border:1px solid var(--line-2);border-radius:999px;padding:6px 12px;font-size:.78rem}

/* projects rail */
.filters{display:flex;flex-wrap:wrap;gap:8px}
.filters button{border:1px solid var(--line-2);background:rgba(255,255,255,.03);color:var(--text);border-radius:999px;padding:9px 16px;font-size:.85rem;cursor:pointer;display:inline-flex;gap:8px;align-items:center}
.filters button small{font:500 .7rem var(--mono);color:var(--text-3)}
.filters button[aria-pressed="true"]{background:var(--grad-lime);color:#fff;border-color:transparent}
.filters button[aria-pressed="true"] small{color:#203010}
.rail{display:grid;grid-auto-flow:column;grid-auto-columns:min(78vw,380px);gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:14px;scrollbar-width:thin;scrollbar-color:var(--panel-3) transparent}
.shot{scroll-snap-align:start;position:relative;border-radius:var(--r);overflow:hidden;aspect-ratio:4/5;border:1px solid var(--line);padding:0;cursor:zoom-in;background:var(--panel)}
.shot img{width:100%;height:100%;object-fit:cover;transition:transform .8s}
.shot:hover img{transform:scale(1.05)}
.cap{position:absolute;left:12px;right:12px;bottom:12px;display:flex;justify-content:space-between;align-items:center;gap:8px;background:rgba(10,12,16,.82);backdrop-filter:blur(10px);border:1px solid var(--line-2);border-radius:12px;padding:10px 12px;font-size:.82rem;text-align:left;color:#fff}
.cap small{font:500 .62rem var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--lime)}
.railnav{display:flex;gap:8px}
.railnav button{width:48px;height:48px;border-radius:50%;border:1px solid var(--line-2);background:rgba(255,255,255,.03);cursor:pointer;display:grid;place-items:center}
.railnav button:hover{border-color:var(--lime);color:var(--lime)}

/* masonry gallery */
.masonry{columns:1;column-gap:14px}
@media(min-width:600px){.masonry{columns:2}}
@media(min-width:1000px){.masonry{columns:3}}
@media(min-width:1300px){.masonry{columns:4}}
.mitem{break-inside:avoid;margin:0 0 14px;position:relative;border-radius:16px;overflow:hidden;cursor:zoom-in;display:block;width:100%;border:1px solid var(--line);padding:0;background:var(--panel)}
.mitem img{width:100%;height:auto;transition:transform .7s}
.mitem:hover img{transform:scale(1.04)}
.mitem .cap{opacity:0;transform:translateY(8px);transition:.3s}
.mitem:hover .cap,.mitem:focus-visible .cap{opacity:1;transform:none}
@media(hover:none){.mitem .cap{opacity:1;transform:none}}
.lb{position:fixed;inset:0;z-index:100;background:rgba(4,5,5,.95);display:grid;place-items:center;padding:24px}
.lb figure{margin:0;display:grid;gap:14px;justify-items:center}
.lb img{max-height:78vh;width:auto;border-radius:14px}
.lb figcaption{color:#fff;font-size:.95rem;text-align:center}
.lb .x,.lb .pv,.lb .nx{position:absolute;width:52px;height:52px;border-radius:50%;border:1px solid var(--line-2);background:rgba(20,26,23,.9);color:#fff;cursor:pointer;display:grid;place-items:center}
.lb .x{top:calc(18px + env(safe-area-inset-top,0px));right:18px}
.lb .pv{left:18px;top:50%}.lb .nx{right:18px;top:50%}
.lb .pv:hover,.lb .nx:hover,.lb .x:hover{border-color:var(--lime);color:var(--lime)}

/* reviews */
.rv-wrap{display:grid;gap:16px}
@media(min-width:960px){.rv-wrap{grid-template-columns:1fr 300px}}
.gw{background:var(--grad-panel);border:1px solid var(--line-2);border-radius:26px;padding:clamp(20px,3vw,32px);display:grid;gap:24px;min-width:0}
.gw-h{display:flex;flex-wrap:wrap;justify-content:space-between;gap:18px;align-items:center}
.gw-h .l{display:flex;align-items:center;gap:16px}
.glogo{width:48px;height:48px;border-radius:14px;background:#fff;display:grid;place-items:center;flex:none}
.gw-h .score{font-size:2.6rem;letter-spacing:-.04em;line-height:1;color:#fff}
.gw-h small{color:var(--text-2);font-size:.8rem}
.gw-h .acts{display:flex;gap:8px;flex-wrap:wrap}
.rcards{display:grid;gap:14px}
@media(min-width:900px){.rcards{grid-template-columns:repeat(3,1fr)}}
.rc{border:1px solid var(--line);border-radius:18px;padding:20px;display:grid;gap:12px;align-content:start;background:rgba(0,0,0,.25)}
.rc .who{display:flex;align-items:center;gap:12px}
.rc .av{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:600;flex:none}
.rc .who b{display:block;font-weight:600;font-size:.95rem;color:#fff}
.rc .who small{color:var(--text-3);font-size:.78rem}
.rc .g{margin-left:auto;width:20px;height:20px;flex:none}
.rc q{font-size:1.05rem;line-height:1.5;quotes:"\201C" "\201D";color:var(--text)}
.rc a{font-size:.82rem;font-weight:600;color:var(--lime);text-decoration:none}
.fbc{display:grid;gap:14px;background:linear-gradient(160deg,#16305A,#0F1A2E);border:1px solid rgba(24,119,242,.35);border-radius:26px;padding:24px;align-content:start}
.fbc .badge{display:flex;align-items:center;gap:12px;color:#fff}
.fbc .badge span{width:46px;height:46px;border-radius:14px;background:#1877F2;display:grid;place-items:center}
.fbc big{font-size:2.8rem;letter-spacing:-.04em;line-height:1;color:#fff}
.fbc p{color:#B9C6DD;font-size:.9rem}
.src{font:400 .74rem var(--mono);color:var(--text-3)}

/* steps */
.steps{display:grid;border-top:1px solid var(--line);align-content:start}
.step{display:grid;grid-template-columns:70px 1fr;gap:4px 18px;padding:22px 0;border-bottom:1px solid var(--line)}
.step .n{grid-row:span 2;font-family:var(--serif);font-style:italic;font-size:2.8rem;line-height:1;background:var(--grad-lime);-webkit-background-clip:text;background-clip:text;color:transparent}
.step b{font-weight:500;font-size:1.15rem;color:#fff}
.step span{color:var(--text-2);font-size:.95rem}
.hsteps{display:grid;gap:14px;grid-template-columns:1fr;counter-reset:s}
@media(min-width:700px){.hsteps{grid-template-columns:1fr 1fr}}
@media(min-width:1100px){.hsteps{grid-template-columns:repeat(4,1fr)}}
.hstep{background:var(--grad-panel);border:1px solid var(--line);border-radius:22px;padding:24px;display:grid;gap:12px;align-content:start;position:relative;overflow:hidden}
.hstep .n{font-family:var(--serif);font-style:italic;font-size:4rem;line-height:.8;position:absolute;right:16px;top:14px;color:rgba(255,255,255,.06)}
.hstep .ci{width:50px;height:50px;border-radius:15px;display:grid;place-items:center;color:#fff;background:var(--grad-lime)}
.hstep .ci .ic{width:22px;height:22px}
.hstep b{font-size:1.08rem;font-weight:500;color:#fff}
.hstep span{font-size:.92rem;color:var(--text-2)}

/* calculator */
.calc{background:var(--grad-panel);border:1px solid var(--line-2);border-radius:26px;padding:clamp(20px,3vw,32px);display:grid;gap:20px;align-content:start}
.calc .row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.calc label{display:grid;gap:6px;font:500 .6rem var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);min-width:0}
.calc input{font:500 1.02rem var(--mono);padding:.7em .7em;border:1px solid var(--line-2);border-radius:12px;background:rgba(0,0,0,.35);width:100%;min-width:0;color:#fff}
.calc input:focus{outline:2px solid var(--lime);border-color:transparent}
.calc .res{background:rgba(76,155,255,.08);border:1px solid rgba(76,155,255,.3);border-radius:16px;padding:18px 20px;display:grid;gap:8px}
.calc .res small{font:500 .62rem var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--lime)}
.calc .res big{font:500 clamp(1.5rem,3vw,2.1rem)/1.1 var(--mono);letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:#fff}
.calc .res p{font-size:.84rem;color:var(--text-2)}
.diag{width:100%;height:auto;max-width:100%}

/* brands + svc */
.svc{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}
.svc div{padding:14px 0;border-bottom:1px solid var(--line);font-size:.94rem;display:flex;gap:10px;align-items:center;color:var(--text)}
.svc div:nth-child(odd){padding-right:14px}
.svc .ic{color:var(--lime)}
.brands{display:flex;flex-wrap:wrap;gap:6px}
.brands span{border:1px solid var(--line-2);border-radius:10px;padding:7px 12px;font-size:.84rem;background:rgba(255,255,255,.03)}
.media-frame{position:relative}
.media-frame img{border-radius:26px;width:100%;aspect-ratio:5/4;object-fit:cover;max-width:100%;border:1px solid var(--line)}
.media-frame .pill{position:absolute;left:18px;top:18px;background:rgba(10,12,16,.8);backdrop-filter:blur(8px);border:1px solid var(--line-2);border-radius:999px;padding:8px 14px;font:500 .72rem var(--mono);letter-spacing:.08em;display:flex;gap:8px;align-items:center}
.media-frame::after{content:"";position:absolute;right:-14px;bottom:-14px;width:46%;height:46%;border-right:2px solid rgba(76,155,255,.5);border-bottom:2px solid rgba(76,155,255,.5);border-radius:0 0 30px 0;pointer-events:none}

/* phone carousel */
.phone-wrap{display:grid;justify-items:center;gap:20px}
.phone{position:relative;width:min(300px,80vw);aspect-ratio:9/19;border-radius:46px;padding:12px;background:linear-gradient(145deg,#3A4440,#11151B 40%,#2A313B);box-shadow:0 0 0 1px rgba(255,255,255,.12),0 40px 80px -30px rgba(0,0,0,.9),0 0 80px -20px rgba(76,155,255,.35);max-width:100%}
.phone::before{content:"";position:absolute;top:22px;left:50%;transform:translateX(-50%);width:92px;height:24px;border-radius:14px;background:#000;z-index:3}
.phone .scr{position:relative;width:100%;height:100%;border-radius:35px;overflow:hidden;background:#000}
.ptrack{display:flex;height:100%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;scroll-behavior:smooth}
.ptrack::-webkit-scrollbar{display:none}
.ptrack figure{margin:0;flex:0 0 100%;height:100%;scroll-snap-align:center;position:relative;display:grid;place-items:center;background:#0B0E0D}
.ptrack img{width:100%;height:100%;object-fit:cover}
.ptrack img.contain{object-fit:contain}
.ptrack figcaption{position:absolute;left:12px;right:12px;bottom:14px;background:rgba(10,12,16,.82);backdrop-filter:blur(8px);border:1px solid var(--line-2);border-radius:12px;padding:8px 10px;font-size:.75rem;text-align:center;color:#fff}
.pdots{display:flex;gap:6px;justify-content:center}
.pdots button{width:9px;height:9px;flex:none;border-radius:50%;border:0;background:var(--line-2);cursor:pointer;padding:0;transition:width .3s,background .3s}
.pdots button[aria-current="true"]{width:28px;border-radius:5px;background:var(--grad-lime)}
.pnav{display:flex;gap:8px;align-items:center}
.pnav>button{width:44px;height:44px;border-radius:50%;border:1px solid var(--line-2);background:rgba(255,255,255,.03);cursor:pointer;display:grid;place-items:center}
.pnav>button:hover{border-color:var(--lime);color:var(--lime)}
.app-badge{display:flex;align-items:center;gap:14px}
.app-badge img{width:62px;height:62px;border-radius:16px;border:1px solid var(--line-2)}
.stores{display:flex;flex-wrap:wrap;gap:10px}
.store{display:inline-flex;align-items:center;gap:12px;background:#000;color:#fff;text-decoration:none;border-radius:14px;padding:11px 18px;border:1px solid var(--line-2);transition:border-color .25s}
.store:hover{border-color:var(--lime)}
.store .ic{width:24px;height:24px}
.store small{display:block;font-size:.66rem;opacity:.75}
.store b{display:block;font-weight:500}

/* AI photo */
.aicard{background:radial-gradient(500px 260px at 100% 0%,rgba(76,155,255,.16),transparent 70%),var(--grad-panel);border:1px solid var(--line-2);border-radius:28px;padding:clamp(22px,3.5vw,40px);display:grid;gap:20px;min-width:0}
.aibadge{display:inline-flex;align-items:center;gap:8px;font:500 .66rem var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--lime);border:1px solid rgba(76,155,255,.35);border-radius:999px;padding:6px 12px;justify-self:start}
.drop{border:1.5px dashed rgba(255,255,255,.22);border-radius:20px;padding:28px;display:grid;gap:10px;justify-items:center;text-align:center;cursor:pointer;transition:border-color .2s,background .2s}
.drop:hover,.drop.over{border-color:var(--lime);background:rgba(76,155,255,.05)}
.drop .ic{width:36px;height:36px;color:var(--lime)}
.drop small{color:var(--text-3)}
.preview{display:grid;gap:14px}
@media(min-width:700px){.preview{grid-template-columns:190px 1fr}}
.preview img{border-radius:14px;width:100%;aspect-ratio:1;object-fit:cover}
.aiout{display:grid;gap:10px;align-content:start;font-size:.92rem;color:var(--text-2);min-width:0}
.rcm{background:rgba(0,0,0,.3);border:1px solid var(--line);border-radius:14px;padding:12px 14px}
.rcm b{color:#fff;font-weight:500;display:block}
.thinking{display:inline-flex;gap:5px;align-items:center}
.thinking i{width:6px;height:6px;border-radius:50%;background:var(--lime);animation:blink 1.2s infinite}
.thinking i:nth-child(2){animation-delay:.2s}.thinking i:nth-child(3){animation-delay:.4s}
@keyframes blink{0%,80%,100%{opacity:.25}40%{opacity:1}}

/* social */
.ig-h{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:20px;margin-bottom:28px}
.ig-h .who{display:flex;align-items:center;gap:14px}
.ig-ring{width:66px;height:66px;border-radius:50%;padding:3px;background:conic-gradient(#F9CE34,#EE2A7B,#6228D7,#F9CE34);flex:none}
.ig-ring span{display:grid;place-items:center;width:100%;height:100%;border-radius:50%;background:var(--bg);border:3px solid var(--bg);overflow:hidden}
.ig-ring img{width:48px;height:auto}
.ig-grid{display:grid;gap:8px;grid-template-columns:repeat(2,1fr)}
@media(min-width:800px){.ig-grid{grid-template-columns:repeat(4,1fr)}}
.ig{position:relative;aspect-ratio:1;border-radius:16px;overflow:hidden;display:block;background:var(--panel);border:1px solid var(--line)}
.ig img{width:100%;height:100%;object-fit:cover;transition:transform .7s}
.ig::after{content:"";position:absolute;inset:0;background:rgba(6,8,11,0);transition:background .3s}
.ig:hover img{transform:scale(1.07)}
.ig:hover::after{background:rgba(6,8,11,.35)}
.ig .ic{position:absolute;right:10px;top:10px;width:20px;height:20px;color:#fff;z-index:1}
.social-row{display:flex;flex-wrap:wrap;gap:10px}
.sbtn{display:inline-flex;align-items:center;gap:10px;border-radius:999px;padding:.85em 1.3em;text-decoration:none;font-weight:600;font-size:.88rem;color:#fff;justify-content:center;transition:transform .25s}
.sbtn:hover{transform:translateY(-2px)}
.sbtn.ig-b{background:linear-gradient(90deg,#833AB4,#E1306C,#F77737)}
.sbtn.fb-b{background:#1877F2}
.sbtn.yt-b{background:#E62117}

/* map */
.mapbox{position:relative;border-radius:26px;overflow:hidden;aspect-ratio:16/11;max-width:100%;border:1px solid var(--line-2);background:#101614}
.mapbox svg{width:100%;height:100%;display:block}
.mapbox .legend{position:absolute;left:14px;bottom:14px;background:rgba(10,12,16,.85);border:1px solid var(--line-2);border-radius:12px;padding:10px 12px;font:500 .7rem var(--mono);display:flex;gap:14px;align-items:center}
.mapbox .legend i{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px;vertical-align:-1px}
.pin{cursor:pointer;outline:none}
.pin .dot{transition:r .2s}
.pin:hover .dot,.pin:focus .dot{r:7}
.pin .halo{animation:halo 2.6s infinite;transform-origin:center;transform-box:fill-box}
@keyframes halo{0%{opacity:.5;transform:scale(.6)}100%{opacity:0;transform:scale(2.2)}}
.maptip{position:absolute;pointer-events:none;background:var(--grad-lime);color:#fff;font-weight:600;font-size:.78rem;padding:6px 10px;border-radius:8px;transform:translate(-50%,-150%);white-space:nowrap}
.visit{background:var(--grad-panel);border:1px solid var(--line-2);border-radius:26px;padding:28px;display:grid;gap:18px;align-content:start}
.visit h3{font-size:1.5rem}
.visit dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:12px 16px;font-size:.92rem}
.visit dt{display:flex;gap:8px;align-items:center;font:500 .66rem var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);padding-top:3px}
.visit dt .ic{color:var(--lime)}
.visit dd{margin:0;color:#fff;font-variant-numeric:tabular-nums}
.visit dd.today{color:var(--lime)}
.cities{display:flex;flex-wrap:wrap;gap:6px}
.cities span{font-size:.84rem;border:1px solid var(--line-2);border-radius:999px;padding:6px 12px;background:rgba(255,255,255,.03);display:inline-flex;gap:6px;align-items:center}
.cities .ic{color:var(--lime);width:.95em;height:.95em}
.regions{display:grid;gap:12px}
@media(min-width:800px){.regions{grid-template-columns:1fr 1fr}}
.region{background:var(--grad-panel);border:1px solid var(--line);border-radius:18px;padding:18px}
.region b{display:block;font:500 .68rem var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--lime);margin-bottom:10px}

/* faq */
.faq{border-top:1px solid var(--line)}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;padding:22px 56px 22px 0;font-size:1.1rem;font-weight:500;position:relative;color:#fff}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:0;top:50%;transform:translateY(-50%);width:36px;height:36px;border-radius:50%;border:1px solid var(--line-2);display:grid;place-items:center;font-size:1.1rem;transition:.25s;color:var(--lime)}
.faq details[open] summary::after{content:"−";background:var(--grad-lime);color:#fff;border-color:transparent}
.faq details p{padding:0 0 22px;color:var(--text-2);max-width:68ch}
.faq-grid{display:grid;gap:clamp(28px,4vw,64px);grid-template-columns:minmax(0,1fr)}
@media(min-width:1000px){.faq-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}}

/* page hero (inner) */
.phero{position:relative;padding:0;overflow:hidden;isolation:isolate;margin-top:-82px;border-bottom:1px solid var(--line)}
.phero .bg{position:absolute;inset:0;z-index:-2}
.phero .bg img{width:100%;height:100%;object-fit:cover;animation:kb 12s ease-out both}
.phero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(95deg,rgba(6,8,11,.95) 0%,rgba(6,8,11,.78) 45%,rgba(6,8,11,.35) 100%),linear-gradient(0deg,var(--bg),transparent 40%)}
.phero .wrap{padding-top:170px;padding-bottom:clamp(48px,6vw,90px);display:grid;gap:22px}
.crumbs{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font:500 .72rem var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-3)}
.crumbs a{color:var(--text-2);text-decoration:none}
.crumbs a:hover{color:var(--lime)}
.phero h1{font-size:clamp(2.6rem,6vw,5.2rem);max-width:16ch}
.phero .chipsrow{display:flex;flex-wrap:wrap;gap:8px}
.phero .chipsrow span{display:inline-flex;gap:8px;align-items:center;border:1px solid var(--line-2);border-radius:999px;padding:8px 14px;font-size:.85rem;background:rgba(10,12,16,.5);backdrop-filter:blur(8px)}
.phero .chipsrow .ic{color:var(--lime)}

/* type cards */
.tcard{background:var(--grad-panel);border:1px solid var(--line);border-radius:20px;overflow:hidden;display:grid;align-content:start;transition:border-color .3s,transform .3s}
.tcard:hover{border-color:rgba(76,155,255,.4);transform:translateY(-3px)}
.tcard .ti{display:flex;gap:12px;align-items:center;padding:20px 20px 0}
.tcard .ti span{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:rgba(76,155,255,.08);border:1px solid rgba(76,155,255,.22);color:var(--lime)}
.tcard b{font-size:1.1rem;font-weight:500;color:#fff}
.tcard p{padding:10px 20px 22px;color:var(--text-2);font-size:.92rem}

/* swatches */
.swatches{display:flex;flex-wrap:wrap;gap:14px}
.swatches div{display:grid;gap:8px;justify-items:center;font-size:.8rem;color:var(--text-2)}
.swatches i{width:56px;height:56px;border-radius:16px;border:1px solid var(--line-2)}

/* diagrams (measuring) */
.mcard{background:var(--grad-panel);border:1px solid var(--line-2);border-radius:24px;padding:24px;display:grid;gap:16px;align-content:start}
.mcard ol{margin:0;padding-left:1.2em;display:grid;gap:8px;color:var(--text-2)}
.note{display:flex;gap:14px;align-items:flex-start;background:rgba(240,162,58,.08);border:1px solid rgba(240,162,58,.3);border-radius:18px;padding:16px 18px;color:#F1D3A6;font-size:.92rem}
.note .ic{color:#F0A23A;width:22px;height:22px;margin-top:2px}

/* tabs */
.tabs{display:grid;gap:18px}
.tablist{display:flex;flex-wrap:wrap;gap:6px;border-bottom:1px solid var(--line);padding-bottom:10px}
.tablist button{border:0;background:none;color:var(--text-2);padding:10px 14px;border-radius:12px;cursor:pointer;font-weight:500;display:inline-flex;gap:8px;align-items:center}
.tablist button[aria-selected="true"]{background:rgba(76,155,255,.1);color:var(--lime)}
.tabpanel ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
@media(min-width:800px){.tabpanel ul{grid-template-columns:1fr 1fr}}
.tabpanel li{background:rgba(0,0,0,.25);border:1px solid var(--line);border-radius:16px;padding:16px 18px;display:grid;gap:4px}
.tabpanel li b{color:#fff;font-weight:500}
.tabpanel li span{color:var(--text-2);font-size:.9rem}

/* blog */
.post-card{display:grid;border-radius:22px;overflow:hidden;background:var(--grad-panel);border:1px solid var(--line);text-decoration:none;color:inherit;transition:border-color .3s,transform .3s}
.post-card:hover{border-color:rgba(76,155,255,.45);transform:translateY(-3px)}
.post-card img{width:100%;aspect-ratio:16/10;object-fit:cover}
.post-card div{padding:20px;display:grid;gap:10px}
.post-card small{font:500 .66rem var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--lime)}
.post-card b{font-size:1.25rem;font-weight:500;color:#fff;letter-spacing:-.01em;line-height:1.25}
.post-card p{color:var(--text-2);font-size:.92rem}
.post-card.feature{grid-column:1/-1}
@media(min-width:900px){.post-card.feature{grid-template-columns:1.2fr 1fr}.post-card.feature img{height:100%;aspect-ratio:auto}}
.article{max-width:760px;margin-inline:auto;display:grid;gap:20px;font-size:1.05rem;color:var(--text-2);line-height:1.8}
.article h2{font-size:clamp(1.6rem,3vw,2.2rem);margin-top:18px}
.article ul{display:grid;gap:8px;padding-left:1.2em}
.article strong{color:#fff;font-weight:600}
.callout{background:var(--grad-panel);border:1px solid rgba(76,155,255,.3);border-radius:20px;padding:22px;display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between}
.callout b{color:#fff;font-weight:500;font-size:1.1rem}

/* forms */
.qform{background:var(--grad-panel);border:1px solid var(--line-2);border-radius:28px;padding:clamp(22px,3vw,36px);display:grid;gap:18px;box-shadow:var(--shadow);min-width:0}
.qsteps{display:flex;gap:8px;align-items:center;font:500 .64rem var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-3)}
.qsteps span{display:flex;align-items:center;gap:6px}
.qsteps span i{width:24px;height:24px;border-radius:50%;border:1px solid var(--line-2);display:grid;place-items:center;font-style:normal}
.qsteps span.on{color:#fff}
.qsteps span.on i{background:var(--grad-lime);border-color:transparent;color:#fff}
.qsteps hr{flex:1;border:0;border-top:1px solid var(--line-2);margin:0;min-width:8px}
.qs{border:0;padding:0;margin:0;display:grid;gap:14px;min-width:0}
.qs legend{font-size:1.35rem;font-weight:500;letter-spacing:-.01em;margin-bottom:10px;padding:0;color:#fff}
.fgrid{display:grid;gap:12px}
@media(min-width:560px){.fgrid.two{grid-template-columns:1fr 1fr}}
.qform label,.cform label{display:grid;gap:6px;font-size:.8rem;font-weight:600;min-width:0;color:var(--text-2)}
.qform input,.qform select,.qform textarea,.cform input,.cform select,.cform textarea{font:400 .98rem var(--sans);padding:.85em 1em;border:1px solid var(--line-2);border-radius:12px;background:rgba(0,0,0,.35);width:100%;min-width:0;color:#fff}
.qform input:focus,.qform select:focus,.qform textarea:focus,.cform input:focus,.cform select:focus,.cform textarea:focus{outline:2px solid var(--lime);border-color:transparent}
[aria-invalid="true"]{border-color:#E06B47!important}
.pchips{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
@media(min-width:560px){.pchips{grid-template-columns:repeat(4,1fr)}}
.pchips input{position:absolute;opacity:0;width:1px;height:1px}
.pchips label{border:1px solid var(--line-2);border-radius:14px;padding:14px 8px;font-weight:500;cursor:pointer;background:rgba(0,0,0,.3);text-align:center;font-size:.86rem;display:grid;gap:6px;justify-items:center;color:var(--text)}
.pchips label .ic{width:22px;height:22px;color:var(--lime)}
.pchips input:checked+label{border-color:var(--lime);background:rgba(76,155,255,.12);color:#fff}
.pchips input:focus-visible+label{outline:2px solid var(--lime)}
.qnav{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;align-items:center}
.okmsg{background:rgba(76,155,255,.1);border:1px solid rgba(76,155,255,.35);border-radius:16px;padding:22px;display:grid;gap:8px}
.okmsg b{font-size:1.3rem;font-weight:500;color:#fff}
.cform{display:grid;gap:12px}
.legal{max-width:820px;display:grid;gap:16px;color:var(--text-2)}
.legal h2{font-size:1.6rem;margin-top:16px}

/* CTA band */
.ctaband{position:relative;overflow:hidden;border-radius:32px;padding:clamp(28px,5vw,64px);display:grid;gap:22px;isolation:isolate;border:1px solid rgba(76,155,255,.3);background:radial-gradient(700px 400px at 100% 100%,rgba(76,155,255,.22),transparent 60%),var(--grad-panel)}
.ctaband::before{content:"";position:absolute;right:-40px;top:-40px;width:360px;height:360px;background:repeating-linear-gradient(180deg,rgba(76,155,255,.12) 0 2px,transparent 2px 14px);border-radius:50%;z-index:-1}
@media(min-width:960px){.ctaband{grid-template-columns:1.3fr .7fr;align-items:center}}
.ctaband .acts{display:flex;flex-wrap:wrap;gap:10px}
@media(min-width:960px){.ctaband .acts{justify-content:flex-end}}

/* footer */
footer{background:#07090C;border-top:1px solid var(--line);color:var(--text-2);padding-block:clamp(64px,8vw,100px) 28px;font-size:.92rem;position:relative;overflow:hidden}
footer::before{content:"";position:absolute;left:50%;top:-200px;width:900px;height:400px;transform:translateX(-50%);background:radial-gradient(closest-side,rgba(76,155,255,.12),transparent);pointer-events:none}
.f-big{display:grid;gap:24px;padding-bottom:48px;border-bottom:1px solid var(--line);margin-bottom:48px;position:relative}
@media(min-width:1000px){.f-big{grid-template-columns:1.3fr .7fr;align-items:end}}
.f-big h2{font-size:clamp(2.4rem,6vw,5rem)}
.news{display:flex;gap:8px;flex-wrap:wrap;background:rgba(255,255,255,.04);border:1px solid var(--line-2);border-radius:28px;padding:6px}
.news input{flex:1 1 180px;min-width:0;background:transparent;border:0;color:#fff;padding:10px 14px;font:inherit}
.news input:focus{outline:none}
.fcols{display:grid;gap:32px;grid-template-columns:1fr 1fr;position:relative}
@media(min-width:1000px){.fcols{grid-template-columns:1.4fr 1fr 1fr 1fr 1.3fr}}
.fcols h4{font:500 .66rem var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#fff;margin-bottom:16px}
.fcols ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.fcols a{text-decoration:none;color:var(--text-2);display:inline-flex;gap:8px;align-items:center}
.fcols a:hover{color:var(--lime)}
.fcols a .ic{color:var(--text-3)}
.fcols a:hover .ic{color:var(--lime)}
.fbrand{grid-column:1/-1}
@media(min-width:1000px){.fbrand{grid-column:auto}}
.fbrand img{height:64px;width:auto;margin-bottom:18px}
.fsoc{display:flex;gap:8px;margin-top:20px;flex-wrap:wrap}
.fsoc a{width:44px;height:44px;border-radius:50%;border:1px solid var(--line-2);display:grid;place-items:center;color:var(--text);transition:.25s}
.fsoc a:hover{border-color:var(--lime);color:#fff;background:var(--lime)}
.fcontact li{display:grid;grid-template-columns:20px 1fr;gap:10px;align-items:start}
.fcontact .ic{color:var(--lime);margin-top:3px}
.fcontact b{color:#fff;font-weight:500;display:block}
.fbot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:24px;padding-top:24px;border-top:1px solid var(--line);font-size:.8rem;position:relative}
.fbot nav{display:flex;gap:18px;flex-wrap:wrap}
.fbot a{color:var(--text-2);text-decoration:none}
.fbot a:hover{color:var(--lime)}
.fslats{height:70px;margin-top:48px;background:repeating-linear-gradient(180deg,rgba(76,155,255,.16) 0 2px,transparent 2px 8px);border-radius:8px;-webkit-mask:linear-gradient(90deg,transparent,#000 20%,#000 80%,transparent);mask:linear-gradient(90deg,transparent,#000 20%,#000 80%,transparent)}
.farea{margin-top:36px;font-size:.82rem;line-height:1.9;color:var(--text-3);position:relative}
.farea a{color:var(--text-2);text-decoration:none}

/* chat */
.chat-fab{position:fixed;right:18px;bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:90;display:flex;align-items:center;gap:10px;background:rgba(18,22,28,.92);backdrop-filter:blur(14px);color:#fff;border:1px solid var(--line-2);border-radius:999px;padding:8px 18px 8px 8px;cursor:pointer;box-shadow:var(--shadow),0 0 40px -10px rgba(76,155,255,.5);transition:transform .25s;text-align:left}
.chat-fab:hover{transform:translateY(-3px)}
.orb{width:44px;height:44px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#E6F7AE,#4C9BFF 45%,#4E8F1C);display:grid;place-items:center;color:#0B0D10;flex:none;box-shadow:0 0 20px rgba(76,155,255,.5)}
.orb .ic{width:20px;height:20px}
.chat-fab b{font-weight:600;font-size:.9rem;display:block;line-height:1.1}
.chat-fab small{font-size:.72rem;color:var(--text-3);display:block}
.chat{position:fixed;right:18px;bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:96;width:min(410px,calc(100vw - 24px));height:min(660px,calc(100vh - 110px));background:var(--panel);border-radius:26px;box-shadow:0 40px 90px -20px rgba(0,0,0,.9),0 0 0 1px var(--line-2);display:flex;flex-direction:column;overflow:hidden;transform-origin:100% 100%;animation:pop .3s cubic-bezier(.2,.8,.2,1)}
@media(max-width:520px){.chat{right:10px;left:10px;width:auto;bottom:calc(10px + env(safe-area-inset-bottom,0px));height:calc(100vh - 90px)}}
@keyframes pop{from{transform:scale(.92);opacity:0}}
.chat-h{background:linear-gradient(120deg,#1C2420,#12161C);border-bottom:1px solid var(--line);padding:16px;display:flex;gap:12px;align-items:center}
.chat-h b{display:block;font-weight:600;color:#fff}
.chat-h small{display:flex;align-items:center;gap:6px;font-size:.74rem;color:var(--text-3)}
.chat-h small::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 8px var(--lime)}
.chat-h .x{margin-left:auto;width:38px;height:38px;border-radius:50%;border:1px solid var(--line-2);background:none;color:#fff;cursor:pointer;display:grid;place-items:center}
.msgs{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:10px;background:var(--bg-2)}
.msg{max-width:86%;padding:11px 14px;border-radius:18px;font-size:.92rem;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}
.msg.bot{background:var(--panel-2);border:1px solid var(--line);border-bottom-left-radius:6px;align-self:flex-start;color:var(--text)}
.msg.me{background:var(--grad-lime);color:#fff;border-bottom-right-radius:6px;align-self:flex-end;font-weight:500}
.msg.note{align-self:center;background:none;font:400 .72rem var(--mono);color:var(--text-3);text-align:center;padding:2px 8px}
.chat-chips{display:flex;gap:6px;flex-wrap:wrap;padding:10px 14px 0;background:var(--panel);border-top:1px solid var(--line)}
.chat-chips button{border:1px solid var(--line-2);background:rgba(255,255,255,.03);color:var(--text);border-radius:999px;padding:6px 11px;font-size:.78rem;cursor:pointer}
.chat-chips button:hover{border-color:var(--lime);color:var(--lime)}
.chat-f{display:flex;gap:8px;padding:12px 14px;background:var(--panel)}
.chat-f input{flex:1;min-width:0;border:1px solid var(--line-2);border-radius:999px;padding:.8em 1.1em;font:inherit;background:rgba(0,0,0,.35);color:#fff}
.chat-f input:focus{outline:2px solid var(--lime);border-color:transparent}
.chat-f button{width:46px;height:46px;border-radius:50%;border:0;background:var(--grad-lime);color:#fff;cursor:pointer;display:grid;place-items:center;flex:none}
.chat-foot{font:400 .64rem var(--mono);color:var(--text-3);text-align:center;padding:0 14px 10px;background:var(--panel)}

/* mobile bar */
.mbar{position:fixed;left:0;right:0;bottom:0;z-index:85;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px));background:rgba(10,12,16,.92);backdrop-filter:blur(14px);border-top:1px solid var(--line-2)}
@media(min-width:1240px){.mbar{display:none}}
@media(max-width:1239px){body{padding-bottom:74px}.chat-fab{bottom:calc(84px + env(safe-area-inset-bottom,0px));padding:6px}.chat-fab .txt{display:none}}

/* cookie */
.cookie{position:fixed;left:18px;bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:88;max-width:380px;background:rgba(21,25,32,.96);backdrop-filter:blur(14px);border:1px solid var(--line-2);border-radius:18px;box-shadow:var(--shadow);padding:16px;display:grid;gap:12px;font-size:.84rem;color:var(--text-2)}
.cookie div{display:flex;gap:8px}
.cookie .btn{padding:.7em 1.1em;font-size:.8rem}
@media(max-width:1239px){.cookie{right:84px;left:12px;bottom:calc(84px + env(safe-area-inset-bottom,0px));font-size:.78rem;padding:12px}}

/* back to top + progress */
.progress{position:fixed;left:0;top:0;height:2px;background:var(--grad-lime);z-index:70;width:0;box-shadow:0 0 10px var(--lime)}

/* reveal */
.rv{transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1)}
.js .rv.pre{opacity:.001;transform:translateY(28px)}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.js .rv.pre{opacity:1;transform:none}.louvers{display:none}.slides img.on{transform:none}}

.hero-grid>*,.phero .wrap>*{min-width:0}
.hero-row>div{grid-template-columns:minmax(0,1fr)}.ask input{min-width:0;flex:1}
.ask-wrap{grid-template-columns:minmax(0,1fr)}

/* ===== v4: WhatsApp, Google reviews, hero picks ===== */
:root{--wa:#25D366;--wa-2:#128C7E;--wa-dk:#075E54}
.btn-wa{background:linear-gradient(135deg,#2BE070,#1DAA55);color:#04140A;box-shadow:0 10px 30px -12px rgba(37,211,102,.7)}
.btn-wa:hover{filter:brightness(1.06)}
.qpick{display:grid;gap:12px}
.qchips a{display:inline-flex;align-items:center;gap:8px;background:rgba(15,18,24,.55);backdrop-filter:blur(12px);border:1px solid var(--line-2);color:#fff;border-radius:999px;padding:9px 14px;font-size:.86rem;text-decoration:none;transition:.2s}
.qchips a .ic{color:var(--lime);width:16px;height:16px}
.qchips a:hover{border-color:var(--lime);background:rgba(76,155,255,.12)}
.wacard{background:radial-gradient(500px 260px at 100% 0%,rgba(37,211,102,.16),transparent 70%),var(--grad-panel)}
.wacard .aibadge{color:var(--wa);border-color:rgba(37,211,102,.35)}
.wsteps{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.wsteps li{display:grid;grid-template-columns:40px 1fr;gap:12px;align-items:center;border:1px solid var(--line);border-radius:14px;padding:10px 12px;background:rgba(0,0,0,.2)}
.wsteps .ic{width:40px;height:40px;padding:10px;border-radius:12px;background:rgba(37,211,102,.12);color:var(--wa)}
.wsteps b{display:block;color:#fff;font-weight:500}
.wsteps span{font-size:.86rem;color:var(--text-2)}

/* Google reviews widget */
.grw{background:linear-gradient(160deg,#1B221F,#11151B);border:1px solid var(--line-2);border-radius:28px;padding:clamp(20px,3vw,34px);display:grid;gap:24px;min-width:0;box-shadow:var(--shadow)}
.grw-top{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px}
.grw-sum{display:flex;align-items:center;gap:16px;min-width:0}
.grw-g{width:64px;height:64px;border-radius:18px;background:#fff;display:grid;place-items:center;flex:none;box-shadow:0 10px 30px -10px rgba(0,0,0,.6)}
.grw-word{margin:0;font:500 1.15rem var(--sans);letter-spacing:-.01em}
.grw-word b{color:#fff;font-weight:500}
.grw-score{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:2px 0 4px}
.grw-score .score{font-size:2.4rem;line-height:1;letter-spacing:-.04em;color:#fff}
.stars.big{font-size:1.35rem;color:#FBBC05}
.grw-score .exc{font:600 .68rem var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#0B0D10;background:#FBBC05;border-radius:6px;padding:4px 7px}
.grw-sum small{color:var(--text-3);font-size:.78rem}
.grw-acts{display:flex;gap:8px;flex-wrap:wrap}
.grw-rail{display:grid;gap:14px;grid-auto-flow:column;grid-auto-columns:minmax(260px,1fr);overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px;scrollbar-width:thin}
@media(min-width:1100px){.grw-rail{grid-auto-flow:row;grid-template-columns:repeat(4,1fr);overflow:visible}}
.grc{scroll-snap-align:start;background:#fff;color:#202124;border-radius:20px;padding:20px;display:grid;gap:10px;align-content:start;text-decoration:none;transition:transform .3s,box-shadow .3s}
.grc:hover{transform:translateY(-4px);box-shadow:0 24px 50px -24px rgba(0,0,0,.9)}
.grc .who{display:flex;align-items:center;gap:12px}
.grc .av{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:600;flex:none}
.grc .who b{display:flex;align-items:center;gap:5px;font-weight:600;font-size:.95rem;color:#202124}
.grc .vf{width:16px;height:16px;border-radius:50%;background:#1A73E8;display:inline-grid;place-items:center}
.grc .vf .ic{width:10px;height:10px;color:#fff;stroke-width:3.5}
.grc .who small{color:#70757A;font-size:.78rem}
.grc .g{margin-left:auto;flex:none}
.grc .stars{color:#FBBC05;font-size:1.05rem}
.grc p{margin:0;font-size:.98rem;line-height:1.55;color:#3C4043}
.grc a{font-size:.82rem;font-weight:600;color:#1A73E8;text-decoration:none;display:inline-flex;gap:5px;align-items:center}
.grc-cta{background:linear-gradient(160deg,#20302A,#141B18);color:#fff;border:1px dashed rgba(76,155,255,.4);align-content:center;justify-items:start}
.grc-cta b{font-size:1.2rem;font-weight:500;color:#fff}
.grc-cta small{color:var(--text-2)}
.grc-cta .avs span{border-color:#1A231F}
.grw-foot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;font:400 .72rem var(--mono);color:var(--text-3);border-top:1px solid var(--line);padding-top:16px}
.grw-foot span{display:inline-flex;align-items:center;gap:8px}
.fbstrip{margin-top:14px;display:flex;flex-wrap:wrap;align-items:center;gap:16px;background:linear-gradient(120deg,#16305A,#0F1A2E);border:1px solid rgba(24,119,242,.35);border-radius:20px;padding:16px 20px}
.fbstrip .fbi{width:44px;height:44px;border-radius:12px;background:#1877F2;display:grid;place-items:center;color:#fff;flex:none}
.fbstrip b{display:block;color:#fff;font-weight:600;font-size:1.05rem}
.fbstrip small{color:#B9C6DD}
.fbstrip .sbtn{margin-left:auto}

/* WhatsApp widget */
.wa-fab{position:fixed;right:18px;bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:90;display:flex;align-items:center;gap:10px;background:rgba(18,22,28,.92);backdrop-filter:blur(14px);color:#fff;border:1px solid rgba(37,211,102,.45);border-radius:999px;padding:7px 18px 7px 7px;cursor:pointer;box-shadow:var(--shadow),0 0 40px -10px rgba(37,211,102,.6);transition:transform .25s;text-align:left}
.wa-fab:hover{transform:translateY(-3px)}
.wa-orb{width:48px;height:48px;border-radius:50%;background:var(--wa);display:grid;place-items:center;color:#fff;flex:none;position:relative}
.wa-orb .ic{width:26px;height:26px}
.wa-orb::after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid var(--wa);animation:waPulse 2.4s infinite}
@keyframes waPulse{0%{transform:scale(1);opacity:.8}100%{transform:scale(1.6);opacity:0}}
.wa-fab b{display:block;font-weight:600;font-size:.9rem;line-height:1.15}
.wa-fab small{display:block;font-size:.72rem;color:var(--text-3)}
.wa-badge{position:absolute;top:-4px;left:38px;min-width:20px;height:20px;border-radius:10px;background:#FF3B30;color:#fff;font:700 .7rem/20px var(--sans);text-align:center;padding:0 5px;box-shadow:0 0 0 2px var(--bg)}
.wa-fab.open .wa-orb::after{display:none}
.wa{position:fixed;right:18px;bottom:calc(92px + env(safe-area-inset-bottom,0px));z-index:96;width:min(380px,calc(100vw - 24px));max-height:calc(100vh - 120px);background:#0B141A;border-radius:24px;box-shadow:0 40px 90px -20px rgba(0,0,0,.9),0 0 0 1px rgba(37,211,102,.25);display:flex;flex-direction:column;overflow:hidden;transform-origin:100% 100%;animation:pop .3s cubic-bezier(.2,.8,.2,1)}
.wa-h{background:linear-gradient(120deg,#0B5E54,#128C7E);padding:16px;display:flex;gap:12px;align-items:center;color:#fff}
.wa-av{width:46px;height:46px;border-radius:50%;background:#fff;display:grid;place-items:center;flex:none;position:relative}
.wa-av img{width:38px;height:auto}
.wa-av i{position:absolute;right:0;bottom:2px;width:12px;height:12px;border-radius:50%;background:var(--wa);border:2px solid #0B5E54}
.wa-h b{display:block;font-weight:600;font-size:.98rem}
.wa-h small{font-size:.75rem;color:#D3F5E4}
.wa-h .x{margin-left:auto;width:36px;height:36px;border-radius:50%;border:0;background:rgba(255,255,255,.14);color:#fff;cursor:pointer;display:grid;place-items:center}
.wa-body{flex:1;overflow-y:auto;padding:16px;display:grid;gap:14px;align-content:start;background:#0B141A radial-gradient(rgba(255,255,255,.035) 1px,transparent 1px) 0 0/18px 18px}
.wa-msg{position:relative;background:#202C33;color:#E9EDEF;border-radius:0 14px 14px 14px;padding:10px 12px 20px;font-size:.92rem;line-height:1.5;max-width:92%}
.wa-msg b{display:block;color:var(--wa);font-size:.78rem;margin-bottom:2px}
.wa-msg .t{position:absolute;right:10px;bottom:5px;font-size:.66rem;color:#8696A0}
.wa-topics{display:grid;gap:8px}
.wa-topics a{display:flex;align-items:center;gap:10px;background:#111B21;border:1px solid rgba(37,211,102,.25);border-radius:14px;padding:11px 12px;color:#E9EDEF;text-decoration:none;font-size:.9rem;transition:.2s}
.wa-topics a span{flex:1}
.wa-topics a .ic{color:var(--wa);width:18px;height:18px}
.wa-topics a .ic:last-child{color:#8696A0;width:14px;height:14px}
.wa-topics a:hover{border-color:var(--wa);background:#14251E}
.wa-f{display:flex;gap:8px;padding:10px 12px;background:#111B21}
.wa-f input{flex:1;min-width:0;border:0;border-radius:999px;padding:.85em 1.1em;font:inherit;background:#2A3942;color:#fff}
.wa-f input:focus{outline:2px solid var(--wa)}
.wa-send{width:46px;height:46px;border-radius:50%;background:var(--wa);color:#fff;display:grid;place-items:center;flex:none}
.wa-foot{display:flex;align-items:center;justify-content:center;gap:6px;font:400 .66rem var(--mono);color:#8696A0;text-align:center;padding:0 12px 10px;background:#111B21}
.wa-foot .ic{width:11px;height:11px}
@media(max-width:1239px){.wa-fab{bottom:calc(84px + env(safe-area-inset-bottom,0px));padding:6px}.wa-fab .txt{display:none}.wa{bottom:calc(150px + env(safe-area-inset-bottom,0px))}}
@media(max-width:520px){.wa{right:10px;left:10px;width:auto;max-height:calc(100vh - 180px)}}
.mbar{grid-template-columns:1fr 1fr 1fr}
.mbar .btn{padding-inline:.6em}
.nav>li>a .ic{width:15px;height:15px}
.grw{grid-template-columns:minmax(0,1fr)}
.faq-grid>*{min-width:0}.btn{max-width:100%}@media(max-width:600px){.btn{white-space:normal;text-align:center;line-height:1.25}}
.hcta .ph{white-space:nowrap}@media(max-width:1560px){.hcta .ph{display:none}}
.wa{padding:0!important;height:auto}.wa-body{max-height:min(420px,calc(100vh - 330px))}
.ann a{white-space:nowrap}@media(max-width:600px){.ann .soc{display:none}.ann .r{gap:14px}}

/* ===== v5: hero video, location pages ===== */
.slides video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1.6s ease}
.slides video.on{opacity:1}
.vctl{position:absolute;left:50%;transform:translateX(-50%);bottom:clamp(110px,14vh,150px);z-index:2;display:none;align-items:center;gap:8px;background:rgba(10,12,16,.55);backdrop-filter:blur(12px);border:1px solid var(--line-2);border-radius:999px;padding:5px 6px 5px 14px;font:500 .72rem var(--mono);letter-spacing:.06em;color:#fff;transition:opacity .4s}
@media(min-width:1040px){.vctl{display:flex;left:auto;right:clamp(16px,4vw,48px);transform:none;top:110px;bottom:auto}}
.vctl.off{opacity:0;pointer-events:none}
.vctl .vlive{display:inline-flex;align-items:center;gap:8px;text-transform:uppercase}
.vctl .vlive i{width:8px;height:8px;border-radius:50%;background:#FF4D4D;box-shadow:0 0 10px #FF4D4D;animation:blink 1.4s infinite}
@keyframes blink{50%{opacity:.3}}
.vctl button{width:30px;height:30px;border-radius:50%;border:1px solid var(--line-2);background:rgba(255,255,255,.06);color:#fff;display:grid;place-items:center;cursor:pointer}
.vctl button .ic{width:13px;height:13px}
.vctl a{display:inline-flex;align-items:center;gap:6px;color:#fff;background:var(--grad-lime);border-radius:999px;padding:7px 12px;text-decoration:none;font-weight:600}
.vctl a .ic{width:12px;height:12px}
.slide-dots i{cursor:pointer}
.slide-dots i.vid{position:relative}
.cities a{font-size:.84rem;border:1px solid var(--line-2);border-radius:999px;padding:6px 12px;background:rgba(255,255,255,.03);display:inline-flex;gap:6px;align-items:center;color:var(--text);text-decoration:none;transition:.2s}
.cities a:hover{border-color:var(--lime);color:var(--lime);background:rgba(76,155,255,.08)}
.cities a.all{border-style:dashed;color:var(--lime)}
.mega .alist{list-style:none;margin:0 0 16px;padding:0;display:grid;gap:2px}
.mega .alist a{display:flex;align-items:center;gap:8px;color:var(--text);text-decoration:none;padding:6px 8px;margin-inline:-8px;border-radius:10px;font-size:.92rem}
.mega .alist a .ic{color:var(--lime);width:14px;height:14px}
.mega .alist a:hover{background:rgba(255,255,255,.05);color:#fff}
.farea b{color:#fff;display:block;margin-bottom:12px;font-weight:500}
.fareas{display:grid;gap:14px 28px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.fareas small{display:block;font:500 .62rem var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-3);margin-bottom:4px}
.fareas a{color:var(--text-2);text-decoration:none;margin-right:10px;white-space:nowrap;line-height:2}
.fareas a:hover{color:var(--lime)}
/* area index */
.afind{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:22px}
.afind label{flex:1 1 320px;display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.04);border:1px solid var(--line-2);border-radius:999px;padding:6px 18px;min-width:0}
.afind label .ic{color:var(--lime)}
.afind input{flex:1;min-width:0;background:transparent;border:0;color:#fff;font:inherit;padding:10px 0}
.afind input:focus{outline:none}
.afind label:focus-within{border-color:var(--lime);box-shadow:0 0 0 4px rgba(76,155,255,.12)}
#afindCount{font:500 .74rem var(--mono);color:var(--text-3);letter-spacing:.08em;text-transform:uppercase}
.afind-none{margin-top:16px;color:var(--text-2)}
.afind-none a{color:var(--wa)}
.areas-ix{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr))}
.area-reg{background:var(--grad-panel);border:1px solid var(--line);border-radius:24px;padding:18px;display:grid;gap:14px;align-content:start}
.area-reg-h{display:grid;grid-template-columns:84px 1fr;gap:14px;align-items:center}
.area-reg-h img{width:84px;height:84px;object-fit:cover;border-radius:16px}
.area-reg-h h3{font-size:1.25rem;margin-top:6px}
.area-reg>p{color:var(--text-2);font-size:.9rem}
.area-links{display:grid;gap:6px}
.citylink{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:14px;color:var(--text);text-decoration:none;background:rgba(0,0,0,.2);transition:.2s}
.citylink>span{flex:1;min-width:0}
.citylink small{display:block;color:var(--text-3);font-size:.74rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.citylink .ic{color:var(--lime);width:16px;height:16px;flex:none}
.citylink .ic:last-child{color:var(--text-3);transition:transform .2s}
.citylink:hover{border-color:var(--lime);background:rgba(76,155,255,.07)}
.citylink:hover .ic:last-child{transform:translateX(3px);color:var(--lime)}
.citylink.all{border-style:dashed}
/* city page */
.hoodcard{background:radial-gradient(400px 220px at 100% 0%,rgba(76,155,255,.14),transparent 70%),var(--grad-panel);border:1px solid var(--line-2);border-radius:28px;padding:clamp(22px,3vw,34px);display:grid;gap:16px;align-content:start}
.hoodcard h3{font-size:clamp(1.6rem,3vw,2.2rem)}
.hoods{display:flex;flex-wrap:wrap;gap:8px}
.hoods span{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line-2);border-radius:999px;padding:8px 13px;font-size:.88rem;background:rgba(255,255,255,.03)}
.hoods .ic{color:var(--lime);width:14px;height:14px}
.hood-cta{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px}
.nearby{display:grid;gap:18px;background:var(--grad-panel);border:1px solid var(--line);border-radius:26px;padding:clamp(20px,3vw,32px)}
.nearby .area-links{grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr))}
.pin.focus .dot{r:8;fill:#fff;stroke:#4C9BFF;stroke-width:3}
.pin.focus .halo{r:16}
.area-reg-h{grid-template-columns:84px minmax(0,1fr)}.area-reg{min-width:0}.citylink{min-width:0}