*{box-sizing:border-box}
:root{--bg:#040a18;--text:#eaf3ff;--muted:#b7c8dc;--accent:#a0e7ff;--accent2:#a7f5ce}
html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,Helvetica,sans-serif}
a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}
.container{width:min(1200px,92vw);margin:0 auto}
body::before{content:"";position:fixed;inset:0;z-index:-3;background:linear-gradient(180deg,#030915 0%,#0a1a2f 50%,#071223 100%)}
body::after{content:"";position:fixed;inset:0;z-index:-2;opacity:.35;background:
radial-gradient(2px 2px at 18% 28%,rgba(255,255,255,.9),transparent 60%),
radial-gradient(1.5px 1.5px at 72% 42%,rgba(255,255,255,.7),transparent 60%),
radial-gradient(1px 1px at 14% 78%,rgba(255,255,255,.6),transparent 60%),
radial-gradient(1.5px 1.5px at 88% 70%,rgba(255,255,255,.7),transparent 60%),
radial-gradient(1px 1px at 44% 60%,rgba(255,255,255,.5),transparent 60%)}
.shoots{position:fixed;inset:0;z-index:-1;opacity:.18;pointer-events:none;background:repeating-linear-gradient(125deg,transparent 0 190px,rgba(255,255,255,.1) 190px 192px,transparent 192px 100%);animation:twinkle 12s linear infinite;mask:radial-gradient(900px 900px at 120% -20%,black 0%,transparent 70%)}
@keyframes twinkle{0%{transform:translateX(0)}100%{transform:translateX(-200px)}}
header{position:sticky;top:0;z-index:20;padding:14px 0 10px;background:linear-gradient(180deg,rgba(4,10,24,.9),rgba(4,10,24,.4),transparent);backdrop-filter:blur(6px)}
.brand{display:flex;align-items:center;gap:14px}
.brand img{height:64px;width:auto;border-radius:12px;box-shadow:0 8px 30px rgba(0,0,0,.35)}
.spacer{flex:1}
.actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.btn,.btn-outline{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;border-radius:999px;border:1px solid transparent;cursor:pointer;font-weight:700}
.btn{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#032128;box-shadow:0 8px 28px rgba(0,0,0,.25)}
.btn-outline{border-color:rgba(255,255,255,.25);color:var(--text)}
.small{font-size:14px}
.hero{padding:54px 0 26px;text-align:center}
.hero h1{font-size:clamp(28px,4.4vw,50px);margin:8px 0 10px}
.hero p{max-width:900px;margin:0 auto 18px;color:var(--muted);font-size:clamp(16px,2vw,20px)}
.cta-row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.section{padding:28px 0}
.features{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.chip{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04);font-weight:600}
.icon{width:18px;height:18px;display:inline-block}
.gallery{padding:10px 0 4px;display:grid;gap:12px;grid-template-columns:repeat(4,minmax(240px,1fr))}
.gallery img{width:100%;height:240px;object-fit:cover;border-radius:16px}
@media (max-width:980px){.gallery{grid-template-columns:repeat(3,minmax(160px,1fr))}.gallery img{height:200px}}
@media (max-width:680px){.gallery{grid-template-columns:repeat(2,minmax(140px,1fr))}.gallery img{height:180px}}
.carousel-wrap{overflow:hidden;position:relative}
.carousel{display:flex;gap:14px;transition:transform .6s ease;will-change:transform}
.slide{min-width:100%;padding:0 4px}
.tcard{display:flex;gap:14px;align-items:center;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:14px}
.avatar{width:68px;height:68px;border-radius:50%;flex:0 0 68px;object-fit:cover;filter:blur(3px)}
.tmeta{font-size:14px;color:var(--muted)}
.tname{font-weight:700;color:var(--text)}
.tquote{margin-top:6px;font-size:16px;line-height:1.45;color:var(--text)}
footer{padding:40px 0 60px;margin-top:30px}
.socials{display:flex;gap:16px;align-items:center}
.tel{font-weight:700;letter-spacing:.4px}
.note{color:#b3c5db;font-size:14px}
.credits{margin-top:6px;color:#8ea6c2;font-size:12px;text-align:center;opacity:.9}
.modal{position:fixed;inset:0;background:rgba(0,0,0,.6);display:none;align-items:center;justify-content:center;z-index:50;padding:20px}
.modal-inner{background:#0b1728;border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:18px;width:min(480px,92vw)}
.modal h3{margin:0 0 10px}
.modal .options{display:grid;gap:10px}
.option a{display:block;padding:12px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);text-align:center;font-weight:700}
.close{margin-top:12px}