*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;background:#050b12;color:#f4f7fb;line-height:1.55}a{text-decoration:none;color:inherit}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:24px;padding:10px 5%;background:rgba(3,9,16,.94);border-bottom:1px solid rgba(28,154,255,.22);backdrop-filter:blur(14px)}.brand{width:235px;height:62px;overflow:hidden;display:block;border-radius:8px}.brand img,.about-brand img,.footer-brand img{width:100%;height:100%;object-fit:cover;object-position:center;background:#111}.topbar nav{display:flex;gap:24px;margin-left:auto;font-size:14px;font-weight:600}.topbar nav a{opacity:.86}.topbar nav a:hover{color:#1da1ff}.header-whatsapp,.btn.whatsapp{background:#16c965;color:#fff;font-weight:800;padding:11px 18px;border-radius:999px;box-shadow:0 8px 30px rgba(22,201,101,.18)}.menu-toggle{display:none;background:none;border:0;color:#fff;font-size:26px}.hero{min-height:680px;padding:90px 7%;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:50px;overflow:hidden;background:radial-gradient(circle at 80% 30%,rgba(0,102,255,.22),transparent 34%),linear-gradient(135deg,#030912,#071827 55%,#02070d)}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:800;color:#35a9ff}.hero h1{font-size:clamp(40px,5vw,68px);line-height:1.04;margin:15px 0 22px;max-width:780px}.hero h1 span,h2 span{color:#199fff}.hero p{font-size:18px;color:#b8c5d3;max-width:680px}.hero-actions{display:flex;gap:14px;margin:32px 0}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 22px;border-radius:9px;font-weight:800}.primary{background:#087ff0;box-shadow:0 12px 35px rgba(8,127,240,.25)}.secondary{border:1px solid #278fd9;background:rgba(10,30,48,.55)}.trust-row{display:flex;flex-wrap:wrap;gap:18px;color:#d8e5f1;font-size:13px}.hero-visual{position:relative;min-height:460px;display:grid;place-items:center}.glow{position:absolute;width:380px;height:380px;border-radius:50%;background:#006dff;filter:blur(100px);opacity:.2}.visual-card{width:min(510px,100%);aspect-ratio:1.05;border:1px solid rgba(39,166,255,.45);border-radius:28px;background:linear-gradient(145deg,#122637,#04090f);box-shadow:0 30px 80px rgba(0,0,0,.5);padding:28px;position:relative;overflow:hidden}.camera-orb{position:absolute;right:28px;top:25px;width:76px;height:76px;border:2px solid #5cc1ff;border-radius:50%;display:grid;place-items:center;font-size:34px;color:#2caeff;box-shadow:0 0 35px rgba(24,161,255,.3)}.gate-illustration{position:absolute;left:10%;right:10%;bottom:75px;height:230px;border:8px solid #a9b2ba;border-bottom-width:12px;background:#101820;box-shadow:inset 0 0 50px #000}.gate-bars{position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 20px,#9ba4ad 20px 25px,transparent 25px 45px)}.gate-top{height:35px;border-bottom:5px solid #68747e}.gate-bottom{position:absolute;left:-8px;right:-8px;bottom:-12px;height:16px;background:#b8c0c7}.visual-label{position:absolute;bottom:25px;left:28px;color:#57bdff;font-weight:800;letter-spacing:1px}.section{padding:90px 7%}.section-head{text-align:center;max-width:760px;margin:0 auto 45px}.section-head h2{font-size:42px;margin:8px 0}.section-head p{color:#aebdca}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.service-card{padding:28px;border-radius:16px;background:linear-gradient(150deg,#0e2437,#07111c);border:1px solid #18364e;transition:.25s}.service-card:hover{transform:translateY(-6px);border-color:#168fe5}.icon{font-size:30px;color:#1ba3ff}.service-card h3{margin:18px 0 8px}.service-card p{color:#aebdca;font-size:14px}.about{display:grid;grid-template-columns:1.25fr .75fr;gap:30px;background:linear-gradient(110deg,#061321,#02070d)}.about-panel{padding:10px 0}.about h2{font-size:42px;max-width:650px}.about p{color:#b4c2ce;max-width:700px}.benefits{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:30px}.benefits div{display:flex;gap:12px;align-items:flex-start;padding:16px;border:1px solid #17364e;border-radius:12px;background:#071521}.benefits strong{color:#20a5ff}.benefits span{font-size:14px}.about-brand{display:flex;align-items:center;justify-content:center;min-height:330px;border-radius:20px;background:#10161d;border:1px solid #1e3548;overflow:hidden}.project-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:18px}.project-card,.project-placeholder{margin:0;border-radius:16px;overflow:hidden;border:1px solid #19384f;background:#07131e}.project-card img{width:100%;height:360px;display:block;object-fit:cover}.project-card figcaption{padding:16px;display:flex;flex-direction:column;gap:4px}.project-card figcaption span,.project-placeholder small{color:#91a5b5;font-size:13px}.project-placeholder{min-height:360px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#9fb1c0;padding:20px}.project-placeholder span{font-size:55px;color:#168fe5}.cta{margin:0 7% 80px;padding:40px 45px;border-radius:20px;display:flex;align-items:center;justify-content:space-between;gap:30px;background:linear-gradient(110deg,#087ee8,#063f79 60%,#0a1927);box-shadow:0 25px 70px rgba(0,90,190,.18)}.cta h2{font-size:38px;margin:6px 0}.cta p{margin:0;color:#d4e4f1}.wa-icon{font-size:24px}footer{padding:45px 7% 25px;border-top:1px solid #163247;background:#03080e;display:grid;grid-template-columns:1fr 1fr;gap:20px}.footer-brand{display:flex;align-items:center;gap:18px}.footer-brand img{width:170px;height:75px;border-radius:6px}.footer-brand p{color:#8ea2b4}.footer-contact{display:flex;flex-direction:column;align-items:flex-end;justify-content:center}.footer-contact strong{font-size:25px}.footer-contact span{color:#8ea2b4}.copyright{grid-column:1/-1;border-top:1px solid #102536;padding-top:20px;color:#6e8395;font-size:12px}@media(max-width:900px){.topbar nav,.header-whatsapp{display:none}.menu-toggle{display:block;margin-left:auto}.topbar.menu-open nav{display:flex;position:absolute;top:82px;left:0;right:0;padding:20px 7%;background:#030910;flex-direction:column}.hero{grid-template-columns:1fr;padding-top:60px}.hero-visual{min-height:380px}.cards{grid-template-columns:1fr 1fr}.about{grid-template-columns:1fr}.project-grid{grid-template-columns:1fr}.cta{margin:0 5% 60px;flex-direction:column;align-items:flex-start}.section{padding:70px 5%}footer{grid-template-columns:1fr}.footer-contact{align-items:flex-start}}@media(max-width:560px){.hero h1{font-size:40px}.hero p{font-size:16px}.hero-actions{flex-direction:column}.btn{width:100%}.cards,.benefits{grid-template-columns:1fr}.section-head h2,.about h2,.cta h2{font-size:32px}.brand{width:185px;height:55px}.visual-card{border-radius:18px}.gate-illustration{height:190px}.cta{padding:30px}.footer-brand{align-items:flex-start;flex-direction:column}}