:root{--navy:#1b2a6b;--red:#b3141f;--green:#256d1b;--ink:#14182b;--muted:#4a5068}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:76px}
body{margin:0;font-family:"Segoe UI",system-ui,-apple-system,Roboto,sans-serif;color:var(--ink);background:#fff url(img/bg.jpg) center/cover fixed;line-height:1.65}
img{max-width:100%;display:block}a{color:inherit}
header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px clamp(12px,4vw,48px);background:rgba(255,255,255,.92);backdrop-filter:blur(8px);box-shadow:0 1px 8px rgba(0,0,0,.08)}
.brand img{height:46px;width:auto}
nav{display:flex;align-items:center;gap:2px}
nav a.l{padding:8px 13px;border-radius:20px;text-decoration:none;font-weight:600;font-size:15px;color:var(--navy);transition:.2s}
nav a.l:hover,nav a.l.on{background:var(--navy);color:#fff}
.cta{display:inline-flex;align-items:center;background:var(--green);color:#fff;text-decoration:none;font-weight:700;padding:9px 18px;border-radius:999px;margin-left:8px;position:relative;overflow:hidden;font-size:14px;letter-spacing:.3px}
.cta::after{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.45),transparent);transform:skewX(-20deg);animation:shine 3.2s infinite}
@keyframes shine{0%,55%{left:-60%}100%{left:140%}}
.ig{width:38px;height:38px;margin-left:8px;display:none}.ig img{width:100%;height:100%}
.ig.show{display:block}
section{padding:clamp(48px,8vw,96px) clamp(16px,6vw,80px);max-width:1200px;margin:0 auto}
h2{font-size:clamp(28px,4.5vw,42px);margin:0 0 18px;color:#000;letter-spacing:-.5px}
h2::after{content:"";display:block;width:64px;height:5px;margin-top:10px;border-radius:3px;background:linear-gradient(90deg,var(--navy),var(--red))}
.lead{font-size:clamp(17px,2.2vw,22px);max-width:900px}
.hero{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:32px;min-height:78vh}
.hero .tag{color:var(--red);font-weight:700;letter-spacing:2px;text-transform:uppercase;font-size:13px}
.hero h1{font-size:clamp(34px,6vw,60px);line-height:1.1;margin:8px 0 18px;color:var(--navy)}
.hero .big{width:min(100%,520px);margin-bottom:20px}
.shield{justify-self:center;width:min(100%,460px);height:auto;animation:float 6s ease-in-out infinite}
@keyframes float{50%{transform:translateY(-16px)}}
.btns{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
.btn{padding:12px 24px;border-radius:999px;font-weight:700;text-decoration:none;border:2px solid var(--navy);color:var(--navy);transition:.2s}
.btn.f{background:var(--navy);color:#fff}.btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(27,42,107,.25)}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;margin:28px 0}
.grid{align-items:start}
.svc{background:rgba(255,255,255,.88);border:1px solid #e1e5f0;border-radius:16px;box-shadow:0 2px 10px rgba(27,42,107,.06);transition:box-shadow .25s,border-color .25s,transform .25s}
.svc:hover,.svc.open{box-shadow:0 12px 26px rgba(27,42,107,.18);border-color:var(--navy)}
.card{all:unset;box-sizing:border-box;width:100%;padding:20px;display:flex;gap:14px;align-items:center;font-weight:700;color:var(--navy);cursor:pointer;-webkit-tap-highlight-color:transparent}
.card:focus-visible{outline:3px solid var(--red);outline-offset:-3px;border-radius:16px}
.card b{flex:none;width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,var(--navy),var(--red));color:#fff;display:grid;place-items:center;font-size:14px}
.card span{flex:1}
.card i{flex:none;width:10px;height:10px;border-right:2.5px solid var(--navy);border-bottom:2.5px solid var(--navy);transform:rotate(45deg);transition:transform .3s;margin:0 4px 4px 0}
.svc.open .card i{transform:rotate(-135deg);margin:4px 4px 0 0}
.desc{display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s ease}
.svc.open .desc{grid-template-rows:1fr}
.desc>div{overflow:hidden}
.desc p{margin:0;padding:0 20px 20px;color:var(--muted);font-size:15.5px;line-height:1.65;font-weight:400}
.panel{background:rgba(255,255,255,.88);border-radius:16px;padding:20px 24px;border:1px solid #e1e5f0}
.marquee{overflow:hidden;margin:26px 0;mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.track{display:flex;gap:18px;align-items:center;width:max-content;animation:scroll 32s linear infinite}
.marquee:hover .track{animation-play-state:paused}
.track img{height:64px;width:200px;object-fit:contain;flex:none}
@keyframes scroll{to{transform:translateX(-50%)}}
.cinfo{display:grid;gap:14px;margin-top:20px}
.cinfo a{display:flex;align-items:center;gap:14px;text-decoration:none;font-size:clamp(18px,2.6vw,24px);padding:12px 18px;border-radius:14px;background:rgba(255,255,255,.88);border:1px solid #e1e5f0;width:fit-content;max-width:100%;transition:.2s;word-break:break-all}
.cinfo a:hover{border-color:var(--navy);transform:translateX(6px)}
.cinfo svg{width:26px;height:26px;flex:none;fill:var(--navy)}
.loc{display:grid;grid-template-columns:1.3fr 1fr;gap:24px;align-items:start;margin-top:20px}
.map{width:100%;aspect-ratio:4/3;border:0;border-radius:16px;box-shadow:0 6px 24px rgba(0,0,0,.15);background:#e8ecf2}
.follow{display:flex;flex-wrap:wrap;gap:14px;margin-top:14px}
.follow a{width:50px;height:50px;transition:.2s;display:none}
.follow a.show{display:block}.follow a:hover{transform:scale(1.15) rotate(-4deg)}
.follow img{width:100%;height:100%}
footer{text-align:center;padding:22px 16px;background:rgba(255,255,255,.9);font-size:14px;color:var(--muted)}
.rv{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s ease}
.rv.in{opacity:1;transform:none}
.fab{position:fixed;right:16px;bottom:16px;z-index:30;width:54px;height:54px;border-radius:50%;animation:pulse 2.4s infinite;display:none}
.fab.show{display:block}.fab img{width:100%;height:100%}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(37,211,102,.6)}70%,100%{box-shadow:0 0 0 16px rgba(37,211,102,0)}}
@media(max-width:820px){.hero{grid-template-columns:1fr;min-height:auto;padding-top:28px}.shield{width:min(100%,360px);order:-1;justify-self:start}.loc{grid-template-columns:1fr}
nav a.l{display:none}.cta{margin-left:0}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.rv{opacity:1;transform:none}html{scroll-behavior:auto}}

.card .th{flex:none;width:64px;height:64px;border-radius:12px;object-fit:cover;background:#fff;border:1px solid #e1e5f0}
@media(max-width:420px){.card{padding:14px;gap:12px}.card .th{width:58px;height:58px}.desc p{padding:0 14px 16px}}

@media(max-width:420px){header{padding:8px 10px;gap:6px}.brand img{height:40px}.cta{padding:8px 12px;font-size:13px}.ig{width:34px;height:34px;margin-left:5px}}

.follow a,.ig{aspect-ratio:1}.follow img,.ig img{width:100%;height:100%;object-fit:contain}
@media(max-width:420px){.track img{height:54px;width:168px}}