:root{--bg:#08111f;--bg2:#0b1a2e;--card:#0d2038;--cyan:#3aa0ff;--orange:#f77f12;--muted:#a9b7c8;--line:rgba(90,150,230,.22)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}
body{margin:0;background:var(--bg);color:#fff;font-family:'DM Sans',sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}em{font-style:normal;color:var(--cyan)}svg{display:block}
.logo-img,.hero-art,.wolf-img,.port-photos{background-image:url(https://static.wixstatic.com/media/df1072_6952f514742542f7a319fc52335c920b~mv2.png);background-repeat:no-repeat}
.header{position:sticky;top:0;z-index:30;height:86px;padding:0 clamp(20px,6vw,90px);display:flex;align-items:center;justify-content:space-between;background:rgba(8,17,31,.94);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.logo{display:inline-flex;align-items:center}
.logo-img{display:block;width:300px;aspect-ratio:430/88;background-size:388.837% auto;background-position:6.4412% 0;mix-blend-mode:lighten}
.nav{display:flex;align-items:center;gap:24px;font-size:15px;font-weight:500}.nav a{padding:8px 0;color:#e6edf6;border-bottom:3px solid transparent}.nav a.active{color:var(--cyan);border-color:var(--cyan)}
.nav .nav-cta{padding:11px 18px;border:2px solid var(--orange);border-radius:12px;font-weight:600;font-size:13px;color:#fff}.nav-cta span{margin-left:8px}
.menu-toggle{display:none;background:none;border:0;width:44px;height:44px;cursor:pointer;flex-direction:column;justify-content:center;gap:7px;align-items:center}.menu-toggle span{width:26px;height:2px;background:#fff}
.hero{position:relative;min-height:540px;display:grid;grid-template-columns:1.2fr .8fr;align-items:end;padding:70px 0 0 clamp(20px,6vw,90px);overflow:hidden;background:radial-gradient(ellipse at 75% 40%,rgba(30,123,240,.28),transparent 45%),linear-gradient(120deg,#0a1830,#08111f 70%)}
.hero-copy{align-self:center;padding-bottom:70px}
.hero h1{font:800 clamp(40px,5.6vw,80px)/1.02 Manrope,sans-serif;letter-spacing:-.04em;margin:0 0 22px;max-width:780px}
.hero-lead{font-size:clamp(18px,2vw,26px);color:#e2e9f2;margin-bottom:30px;max-width:640px}
.btn-primary,.btn-outline,.wa-btn{display:inline-flex;align-items:center;gap:14px;padding:15px 26px;border-radius:14px;font-weight:700;font-size:16px}
.btn-primary{background:var(--orange);color:#fff}.btn-outline{border:2px solid var(--orange);font-size:14px;padding:11px 22px;border-radius:30px}
.trust{list-style:none;display:flex;flex-wrap:wrap;gap:14px 34px;margin:34px 0 0;padding:0;font-size:14px;color:#dbe4ef}.trust li{display:flex;align-items:center;gap:10px}.trust i{width:10px;height:10px;background:var(--orange);transform:rotate(45deg)}
.hero-art{align-self:end;width:100%;aspect-ratio:672/352;background-size:248.81% auto;background-position:100% 14.94%;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 28%);mask-image:linear-gradient(90deg,transparent 0,#000 28%)}
.hero.solo{grid-template-columns:1fr;min-height:420px;align-items:center;padding:80px clamp(20px,6vw,90px)}.hero.solo .hero-copy{padding-bottom:0}
.services,.portfolio{padding:44px clamp(20px,6vw,90px);display:grid;grid-template-columns:260px 1fr;gap:30px;align-items:center}
.services{background:var(--bg2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.services h2,.portfolio h2{font:800 clamp(30px,3.4vw,44px)/1 Manrope,sans-serif;letter-spacing:-.03em;margin-bottom:12px}
.services-head .rule{display:block;width:44px;height:3px;background:var(--orange);margin:6px 0 14px}.services-head p,.port-head p{color:var(--muted);font-size:15px;margin:0 0 8px}
.service-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px}
.card{padding:18px 10px;text-align:center;background:linear-gradient(160deg,#10294a,#0b1c33);border:1px solid var(--line);border-radius:16px}
.card svg{width:34px;height:34px;margin:0 auto 10px;color:var(--cyan)}.card h3{font-size:15px;font-weight:600;margin:0}.card p{display:none;margin:8px 0 0;font-size:12px;color:var(--muted)}.card:hover p,.offer .card p{display:block}.offer .card{padding:24px 16px}
.port-head .btn-outline{margin-top:10px}
.port-card{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(240px,44%);gap:24px;align-items:center;padding:0 0 0 30px;overflow:hidden;border:1px solid var(--line);border-radius:20px;background:linear-gradient(120deg,#0d2038,#08111f)}
.wolf-img{background-image:url(https://static.wixstatic.com/media/df1072_161daf25341e42329bd2c3622f73c43f~mv2.png);background-size:contain;background-position:center;width:150px;aspect-ratio:1/1}
.port-photos{width:100%;aspect-ratio:680/228;background-size:245.882% auto;background-position:90.726% 85.834%;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 18%);mask-image:linear-gradient(90deg,transparent 0,#000 18%)}
.port-info h3{font:800 clamp(28px,3.4vw,46px)/1 Manrope,sans-serif;letter-spacing:.02em;margin:0 0 10px}
.port-info small{display:block;color:var(--cyan);font-weight:700;letter-spacing:.3em;font-size:12px;margin-bottom:12px}
.badge{display:inline-block;background:#1f9d4a;font-size:13px;padding:5px 12px;border-radius:8px;margin-bottom:12px}.port-info p{margin:0;font-size:16px;color:#e2e9f2;max-width:420px}
.about{padding:80px clamp(20px,6vw,90px);background:var(--bg2);display:grid;grid-template-columns:1.2fr 1fr;gap:50px;align-items:center;border-top:1px solid var(--line)}
.about h2,.contact h2{font:800 clamp(30px,3.8vw,50px)/1.1 Manrope,sans-serif;letter-spacing:-.03em;margin-bottom:18px}.about p,.contact p{color:var(--muted);line-height:1.8;font-size:16px}
.steps{display:grid;grid-template-columns:1fr 1fr;gap:14px}.steps div{padding:24px 20px;background:var(--card);border:1px solid var(--line);border-radius:16px;font:700 20px Manrope,sans-serif}.steps b{display:block;color:var(--orange);font-size:13px;margin-bottom:8px;letter-spacing:.1em}
.strip{background:linear-gradient(90deg,#0a1c36,#08111f);border-top:1px solid var(--line);padding:26px clamp(20px,6vw,90px);display:flex;flex-wrap:wrap;gap:24px 40px;justify-content:space-between;align-items:center}
.strip-items{display:flex;flex-wrap:wrap;gap:20px 44px}.strip-items div{display:flex;align-items:center;gap:14px;font-weight:600;font-size:15px;line-height:1.3}.strip-items svg{width:36px;height:36px;color:var(--orange)}
.strip-cta{display:flex;flex-wrap:wrap;align-items:center;gap:20px 30px}.strip-cta h3{margin:0 0 4px;font-size:20px}.strip-cta p{margin:0;color:var(--muted);font-size:15px}
.contact{padding:90px clamp(20px,6vw,90px);display:grid;grid-template-columns:1fr 1.1fr;gap:60px;background:var(--bg)}.loc{font-size:11px!important;letter-spacing:.2em;color:var(--cyan)!important}
.contact-right{padding:32px;background:var(--card);border:1px solid var(--line);border-radius:20px;align-self:center}.cta-note{margin-bottom:22px}
.wa-btn{background:#25d366;color:#08111f}
.footer{padding:28px clamp(20px,6vw,90px);display:flex;flex-wrap:wrap;gap:14px 30px;justify-content:space-between;align-items:center;border-top:1px solid var(--line);color:var(--muted);font-size:13px;background:#060d18}.footer .logo-img{width:220px}
@media(max-width:1000px){.nav{position:absolute;top:86px;left:0;right:0;flex-direction:column;align-items:flex-start;gap:6px;padding:16px 24px 24px;background:#08111f;border-bottom:1px solid var(--line);display:none}.nav.open{display:flex}.menu-toggle{display:flex}
.hero,.services,.portfolio,.about,.contact{grid-template-columns:1fr}.hero{padding-left:0}.hero-copy{padding:0 clamp(20px,6vw,90px) 30px}.hero.solo{padding:60px 0}
.port-card{grid-template-columns:1fr;gap:16px;padding:24px 0 0}.port-info,.wolf-img{margin-left:24px}.port-photos{-webkit-mask-image:none;mask-image:none}.service-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.logo-img,.footer .logo-img{width:190px}.steps{grid-template-columns:1fr}.contact-right{padding:20px}}