:root{--bg:#f4f5f6;--ink:#111214;--mut:#5d6066;--card:#fff;--line:#e1e3e6;--y:#ffc400;--dk:#0f0f10;--r:18px;color-scheme:light;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#121314;--ink:#f2f3f4;--mut:#9da1a8;--card:#1b1c1e;--line:#2c2e31;color-scheme:dark}}
:root[data-theme="dark"]{--bg:#121314;--ink:#f2f3f4;--mut:#9da1a8;--card:#1b1c1e;--line:#2c2e31;color-scheme:dark}
html{scroll-padding-top:calc(env(safe-area-inset-top,0px) + 64px)}
@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
body{margin:0;background:var(--bg);color:var(--ink);font:400 17px/1.6 Barlow,system-ui,sans-serif;-webkit-text-size-adjust:100%}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);background:var(--dk);z-index:10}
:focus-visible{outline:3px solid var(--y);outline-offset:2px}
h1,h2,h3{font-family:"Barlow Condensed",Barlow,sans-serif;line-height:1.05;margin:0}
h2{font-size:clamp(32px,6vw,52px);font-weight:800;margin-bottom:14px}
h3{font-size:24px;font-weight:700}
a{color:inherit}
.w{max-width:1080px;margin:auto}
.mut{color:var(--mut)}
.dk{background:var(--dk);color:#fff}.dk .mut{color:#a9acb2}
section{padding:clamp(52px,9vw,100px) 20px}
header{position:sticky;top:env(safe-area-inset-top,0px);z-index:11;background:rgba(15,15,16,.88);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;border-bottom:1px solid #26272a}
header .w{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 20px}
.brand{font:800 26px "Barlow Condensed",sans-serif;font-style:italic;text-decoration:none;color:var(--y);white-space:nowrap}
.brand span{color:#fff}
nav{display:flex;gap:4px}
nav a{padding:8px 14px;border-radius:99px;text-decoration:none;font-weight:500;font-size:16px;color:#d4d5d8}
nav a:hover{color:#fff;background:#232427}
@media(max-width:900px){nav{display:none}}
.btn{display:inline-block;padding:13px 26px;background:var(--y);color:#111;font:600 17px Barlow,sans-serif;border:2px solid var(--y);border-radius:99px;text-decoration:none;text-align:center;cursor:pointer}
.btn.sm{padding:8px 18px;font-size:16px}
.btn.o{background:none;color:inherit;border-color:#5a5d63}
.lnk{background:none;border:0;padding:6px 0;color:var(--mut);font:inherit;text-decoration:underline;cursor:pointer}
.hero{position:relative;overflow:hidden;background:radial-gradient(70% 80% at 78% 30%,rgba(255,196,0,.17),transparent 62%),var(--dk);padding:clamp(28px,6vw,72px) 20px clamp(64px,9vw,104px)}
.hero::after{content:"";position:absolute;left:-5%;right:-5%;bottom:-10px;height:24px;background:var(--y);transform:skewY(-1.5deg)}
.hero .w{display:grid;grid-template-columns:1.05fr 1fr;gap:40px;align-items:center}
@media(max-width:900px){.hero .w{grid-template-columns:1fr;gap:20px}.hero .logo{order:-1}}
.hero h1{font-size:clamp(42px,9vw,80px);font-weight:800;font-style:italic;letter-spacing:-.01em}
.hero p{font-size:clamp(18px,2.6vw,21px);color:#d9dadd;margin:18px 0 28px;max-width:34em}
.cta{display:flex;gap:12px;flex-wrap:wrap}
@media(max-width:480px){.cta .btn{flex:1 1 100%}}
.logo img{display:block;width:100%;max-width:560px;height:auto;margin:auto}
.promise{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:18px 24px}
@media(max-width:800px){.promise{grid-template-columns:1fr 1fr}}
.promise li{display:flex;gap:12px;align-items:center;font-weight:500;line-height:1.25}
.promise li::before{content:"✓";flex:none;width:34px;height:34px;border-radius:50%;background:var(--y);color:#111;display:grid;place-items:center;font-weight:700}
.strip{padding-block:44px 8px}
.two{display:grid;grid-template-columns:1.4fr 1fr;gap:40px;align-items:start}
@media(max-width:800px){.two{grid-template-columns:1fr}}
.zone{border-radius:var(--r);padding:28px}
.zone h3{margin-bottom:8px;color:var(--y)}
.panel{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:24px}
#services{background:var(--card);border-block:1px solid var(--line)}
.sv-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:40px 28px;margin-top:36px}
@media(max-width:1000px){.sv-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.sv-grid{grid-template-columns:1fr;gap:26px}}
.sv{display:flex;flex-direction:column;gap:14px}
@media(max-width:560px){.sv{flex-direction:row;align-items:flex-start;gap:16px}}
.ic{flex:none;width:68px;height:68px;border-radius:50%;background:var(--dk);color:var(--y);border:3px solid var(--y);display:grid;place-items:center}
.ic svg{width:30px;height:30px}
.sv p{margin:4px 0 0;color:var(--mut);font-size:16px}
.chips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:24px -20px 8px;padding:4px 20px 8px}
.chip{flex:none;background:none;color:#e9eaec;font:500 16px Barlow,sans-serif;padding:8px 18px;border:1.5px solid #3c3f44;border-radius:99px;cursor:pointer}
.chip[aria-pressed="true"]{background:var(--y);border-color:var(--y);color:#111}
.chip small{margin-left:8px;opacity:.65;font-size:14px}
.ba-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:24px;margin-top:16px}
.ba{background:#1a1b1d;border-radius:var(--r);overflow:hidden}
.ba .meta{padding:14px 18px 16px}
.ba .meta p{margin:2px 0 0;color:var(--y);font-size:15px;font-weight:500}
.ba .lnk{color:#a9acb2;padding:0}
.cmp{position:relative;aspect-ratio:4/3;overflow:hidden;background:#000;--x:50%;touch-action:pan-y}
.cmp:focus-within{outline:3px solid var(--y);outline-offset:-3px}
.cmp img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.cmp .af{clip-path:inset(0 0 0 var(--x))}
.cmp .bar{position:absolute;top:0;bottom:0;left:var(--x);width:3px;margin-left:-1.5px;background:var(--y);pointer-events:none}
.cmp .knob{position:absolute;top:50%;left:var(--x);width:42px;height:42px;margin:-21px 0 0 -21px;border-radius:50%;background:var(--y);color:#111;display:grid;place-items:center;font-weight:700;pointer-events:none;box-shadow:0 2px 10px rgba(0,0,0,.4)}
.cmp input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize}
.tag{position:absolute;top:10px;padding:2px 12px;background:rgba(0,0,0,.7);color:#fff;font-size:15px;border-radius:99px}
.tag.l{left:10px}.tag.r{right:10px}
.adm{background:#18191b;color:#fff;border:1px solid #34363a;border-radius:var(--r);padding:16px 20px;margin-top:28px}
.adm summary{font-weight:600;cursor:pointer}
label{display:block;font-weight:500;margin:14px 0 4px}
input:not([type=range]),select,textarea{font:inherit;width:100%;padding:11px 14px;border:1px solid var(--line);background:var(--bg);color:var(--ink);border-radius:12px}
.dk input:not([type=range]),.dk select,.dk textarea{background:#232427;color:#fff;border-color:#3d3f44}
.fm{max-width:520px}
.fm .btn{margin-top:18px}
.sum{display:flex;align-items:center;gap:16px;margin:8px 0 12px}
.big{font:800 64px/1 "Barlow Condensed",sans-serif}
.st{color:var(--y);font-size:20px;letter-spacing:2px;margin:0}
.rv{display:flex;gap:14px;padding:18px 0;border-top:1px solid var(--line)}
.rv p{margin:0 0 4px}
.av{flex:none;width:46px;height:46px;border-radius:50%;background:var(--y);color:#111;font:700 21px "Barlow Condensed",sans-serif;display:grid;place-items:center}
.contact .tel{display:inline-block;font:800 clamp(46px,12vw,92px)/1 "Barlow Condensed",sans-serif;font-style:italic;color:var(--y);text-decoration:none;margin:14px 0 6px}
#links{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}
footer{background:var(--dk);color:#8d9097;text-align:center;padding:22px 20px;font-size:15px;border-top:1px solid #26272a}

.js .rev{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}
.js .rev.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.js .rev{opacity:1;transform:none;transition:none}}
.wm{font:800 clamp(44px,12vw,84px)/.9 "Barlow Condensed",sans-serif;font-style:italic;color:var(--y);text-align:center}
.wm span{display:block;color:#fff;font-style:normal;font-size:.5em;letter-spacing:.06em}
.wm i{display:block;font-size:.28em;font-weight:700;margin-top:.7em}
.hp{position:absolute;left:-9999px}
.sv .ic{transition:transform .25s}.sv:hover .ic{transform:rotate(-6deg) scale(1.08)}
.fab{position:fixed;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:12;width:58px;height:58px;border-radius:50%;background:var(--y);color:#111;display:none;place-items:center;box-shadow:0 6px 20px rgba(0,0,0,.4)}
.fab svg{width:26px;height:26px}
@media(max-width:700px){.fab{display:grid}}
footer a{color:inherit}