:root{--red:#e3141b;--red-d:#a80d12;--black:#0e0e10;--ink:#1b1b1f;--gray:#5d5d66;--light:#f6f6f7;--line:#e8e8ec;--shadow:0 18px 40px -18px rgba(0,0,0,.35)}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}
body{font-family:'Open Sans',sans-serif;color:var(--ink);line-height:1.7;background:#fff;overflow-x:hidden}
h1,h2,h3,h4,.brand,.btn,.eyebrow{font-family:'Montserrat',sans-serif}
h1 span,h2 span{color:var(--red)}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}
.container{width:min(1180px,92%);margin:auto}
.topbar{background:var(--black);color:#ccc;font-size:13px}.topbar-in{display:flex;gap:24px;padding:8px 0}.topbar .tag{margin-left:auto;letter-spacing:3px}.topbar b{color:var(--red)}
.site-header{position:sticky;top:0;z-index:50;background:#fff;border-bottom:3px solid var(--red);transition:.3s}.site-header.scrolled{box-shadow:var(--shadow)}
.nav-in{display:flex;align-items:center;justify-content:space-between;padding:12px 0}
.brand{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:600}.brand img{width:42px}.brand strong{font-weight:900}
.main-nav{display:flex;align-items:center;gap:26px}.main-nav a{font-family:Montserrat;font-weight:600;font-size:15px;position:relative}
.main-nav a:not(.btn)::after{content:'';position:absolute;left:0;bottom:-6px;height:3px;width:0;background:var(--red);transition:.3s}.main-nav a:hover::after,.main-nav a.active::after{width:100%}.main-nav a.active{color:var(--red)}
.burger{display:none;background:none;border:0;cursor:pointer}.burger span{display:block;width:26px;height:3px;background:var(--black);margin:5px 0}
.btn{display:inline-block;padding:14px 28px;font-weight:700;border-radius:4px;transition:.3s;border:2px solid transparent;cursor:pointer;font-size:15px}
.btn-sm{padding:9px 18px;font-size:14px}.btn-red{background:var(--red);color:#fff!important}.btn-red:hover{background:var(--black)}
.btn-outline{border-color:var(--black)}.btn-outline:hover{background:var(--black);color:#fff}.btn-white{background:#fff;color:var(--red)}.btn-white:hover{background:var(--black);color:#fff}
.eyebrow{color:var(--red);letter-spacing:4px;font-weight:700;font-size:13px;text-transform:uppercase;margin-bottom:10px}
/* hero */
.hero{position:relative;overflow:hidden;padding:90px 0 110px;background:linear-gradient(180deg,#fff,var(--light))}
.hero-shape{position:absolute;background:linear-gradient(135deg,var(--red),var(--red-d))}
.hero-shape.s1{width:320px;height:90px;top:-50px;left:-130px;transform:rotate(-35deg)}.hero-shape.s2{width:520px;height:180px;bottom:-90px;right:-150px;transform:rotate(-35deg)}
.diamond{position:absolute;border:2px solid var(--red);transform:rotate(45deg);opacity:.5;animation:spin 14s linear infinite}
.d1{width:90px;height:90px;top:140px;left:3%}.d2{width:60px;height:60px;bottom:80px;left:45%;border-color:#bbb}.d3{width:120px;height:120px;top:60px;right:4%;border-color:#ccc}
@keyframes spin{to{transform:rotate(405deg)}}
.hero-in{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:center;position:relative}
.hero h1{font-size:clamp(30px,3.8vw,48px);line-height:1.15;font-weight:900;color:var(--black);margin-bottom:18px}
.lead{font-size:18px;color:var(--gray);max-width:540px;margin-bottom:30px}.btns{display:flex;gap:14px;flex-wrap:wrap}
.hero-visual{position:relative;min-height:460px;display:grid;place-items:center}
.hero-logo{width:240px;filter:drop-shadow(0 25px 30px rgba(0,0,0,.2));animation:float 6s ease-in-out infinite}
.float-card{position:absolute;display:flex;gap:12px;align-items:center;background:#fff;padding:14px 18px;border-radius:10px;box-shadow:var(--shadow);border-left:4px solid var(--red);animation:float 5s ease-in-out infinite}
.float-card i{font-style:normal;font-size:24px}.float-card b{display:block;font-family:Montserrat;font-size:14px}.float-card small{color:var(--gray);font-size:12px}
.float-card.dark{background:var(--black);color:#fff}.float-card.dark small{color:#aaa}
.fc1{top:10px;left:0}.fc2{top:60px;right:0;animation-delay:-1.5s}.fc3{bottom:50px;left:-10px;animation-delay:-3s}.fc4{bottom:0;right:10px;animation-delay:-2s}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-16px)}}
.ticker{background:var(--red);color:#fff;overflow:hidden;padding:16px 0;font-family:Montserrat;font-weight:700;text-transform:uppercase;letter-spacing:2px}
.ticker-track{display:flex;gap:40px;white-space:nowrap;width:max-content;animation:tick 30s linear infinite}@keyframes tick{to{transform:translateX(-50%)}}
.section{padding:90px 0}.section.alt{background:var(--light)}
.sec-head{text-align:center;max-width:760px;margin:0 auto 50px}.sec-head h2,.split h2{font-size:clamp(26px,3.4vw,40px);font-weight:800;line-height:1.2;color:var(--black)}.sub{color:var(--gray);margin-top:14px}
.grid{display:grid;gap:26px}.g2{grid-template-columns:repeat(2,1fr)}.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}
.card{background:#fff;padding:34px 28px;border-radius:10px;border:1px solid var(--line);border-top:4px solid var(--black);transition:.35s}
.card:hover{transform:translateY(-8px);border-top-color:var(--red);box-shadow:var(--shadow)}
.ico{width:60px;height:60px;display:grid;place-items:center;font-size:28px;background:var(--black);border-radius:8px;margin-bottom:18px;transition:.3s}.card:hover .ico,.feature:hover .ico{background:var(--red)}
.card h3{font-size:20px;margin-bottom:10px}.card p,.feature p{color:var(--gray)}.more{display:inline-block;margin-top:14px;color:var(--red);font-weight:700}
.feature{text-align:center;padding:20px}.feature .ico{margin:0 auto 16px;border-radius:50%}.feature h4{margin-bottom:8px}
.promo-band{background:var(--black);color:#fff;padding:80px 0;position:relative;overflow:hidden}
.promo-band::before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(-35deg,transparent 0 60px,rgba(227,20,27,.08) 60px 62px)}
.promo-in{display:grid;grid-template-columns:1fr 2fr 1fr;gap:30px;align-items:center;position:relative}
.promo-main{text-align:center}.promo-main h2{font-size:clamp(24px,3vw,36px);margin-bottom:12px}.promo-main p{color:#bbb;margin-bottom:24px}
.promo-float{background:var(--red);padding:22px;border-radius:10px;animation:float 5s ease-in-out infinite;box-shadow:0 20px 40px -15px rgba(227,20,27,.6)}
.promo-float b{display:block;font-family:Montserrat;font-size:17px}.promo-float span{font-size:14px;opacity:.9}.pf2{animation-delay:-2.5s;background:#fff;color:var(--black);border-left:5px solid var(--red)}
.chips{display:flex;flex-wrap:wrap;justify-content:center;gap:14px}.chips span{padding:14px 22px;border:2px solid var(--black);border-radius:40px;font-family:Montserrat;font-weight:600;transition:.3s}.chips span:hover{background:var(--red);border-color:var(--red);color:#fff}
.floating-banner{position:fixed;left:20px;bottom:20px;z-index:60;display:flex;gap:14px;align-items:center;background:var(--black);color:#fff;padding:16px 40px 16px 16px;border-radius:12px;border-left:5px solid var(--red);box-shadow:var(--shadow);transform:translateY(160%);transition:.6s;max-width:340px}
.floating-banner.show{transform:none;animation:float 5s ease-in-out infinite 1s}.floating-banner.hide{display:none}
.floating-banner img{width:48px;background:#fff;border-radius:6px;padding:4px}.floating-banner b{display:block;font-family:Montserrat}.floating-banner span{font-size:13px;color:#bbb;display:block}.floating-banner a{color:var(--red);font-weight:700;font-size:14px}
.fb-close{position:absolute;top:6px;right:10px;background:none;border:0;color:#fff;font-size:22px;cursor:pointer}
.float-whatsapp{position:fixed;right:22px;bottom:22px;z-index:60;width:58px;height:58px;border-radius:50%;background:var(--red);display:grid;place-items:center;font-size:26px;box-shadow:var(--shadow);animation:pulse 2s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(227,20,27,.6)}100%{box-shadow:0 0 0 20px rgba(227,20,27,0)}}
.page-hero{background:var(--black);color:#fff;padding:90px 0;position:relative;overflow:hidden}
.page-hero::after{content:'';position:absolute;right:-120px;top:-40px;width:420px;height:140px;background:var(--red);transform:rotate(-35deg)}
.page-hero h1{font-size:clamp(30px,4.4vw,50px);font-weight:900;line-height:1.2;position:relative;z-index:1}.crumb{color:#aaa;margin-top:10px;position:relative;z-index:1}.crumb a{color:var(--red)}
.split{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.split.top{align-items:start}.split p{color:var(--gray);margin-top:16px}.split.rev>:first-child{order:2}
.about-art{background:var(--light);padding:50px;border-radius:12px;border:2px solid var(--red);box-shadow:20px 20px 0 var(--black)}.about-art img{max-width:280px;margin:auto}
.profile-card{display:grid;grid-template-columns:300px 1fr;gap:50px;align-items:center;padding:44px;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);border-top:6px solid var(--red)}
.profile-card h2{font-size:34px;margin-bottom:16px}.facts{width:100%;border-collapse:collapse;margin-bottom:26px}.facts th,.facts td{padding:12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.facts th{width:170px;font-family:Montserrat;color:var(--red)}
.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}.step{background:#fff;padding:26px 16px;text-align:center;border-radius:10px;border-bottom:4px solid var(--red)}.step span{display:inline-grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--black);color:#fff;font-weight:800;margin-bottom:12px}
.stat{text-align:center;background:var(--black);color:#fff;padding:40px;border-radius:10px}.stat b{display:block;font-family:Montserrat;font-size:48px;color:var(--red)}
.logos{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.logos span{padding:8px 16px;background:var(--black);color:#fff;border-radius:4px;font-weight:600;font-size:14px}
.ticks{list-style:none}.ticks li{padding:6px 0 6px 30px;position:relative;font-weight:600}.ticks li::before{content:'✓';position:absolute;left:0;color:#fff;background:var(--red);width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-size:12px;top:9px}
.svc-art{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;padding:50px 20px;background:var(--light);border-radius:12px;border:2px dashed var(--red)}
.alt .svc-art{background:#fff}.node{padding:18px 20px;background:var(--black);color:#fff;border-radius:8px;font-family:Montserrat;font-weight:700;animation:float 5s ease-in-out infinite}.node.red{background:var(--red);animation-delay:-2s}.arrow{font-size:28px;color:var(--red)}
.cinfo{display:flex;gap:16px;margin-top:24px}.cinfo i{font-style:normal;width:52px;height:52px;flex:none;display:grid;place-items:center;background:var(--red);border-radius:8px;font-size:22px}.cinfo b{display:block;font-family:Montserrat}.cinfo a,.cinfo span{color:var(--gray)}
.cform{background:var(--black);color:#fff;padding:40px;border-radius:12px;display:grid;gap:14px;border-top:6px solid var(--red)}.cform h3{font-size:26px}
.cform input,.cform select,.cform textarea{width:100%;padding:14px;border:1px solid #333;background:#1a1a1d;color:#fff;border-radius:6px;font:inherit}.cform :focus{outline:2px solid var(--red)}
.alert{padding:12px;border-radius:6px}.alert.ok{background:#1c5c2e}.alert.bad{background:var(--red-d)}
.map iframe{width:100%;height:380px;border:0;display:block;filter:grayscale(1)}
.site-footer{background:var(--black);color:#bbb;padding-top:70px;border-top:5px solid var(--red)}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.4fr;gap:40px;padding-bottom:50px}.site-footer h4{color:#fff;margin-bottom:16px;position:relative;padding-bottom:8px}.site-footer h4::after{content:'';position:absolute;left:0;bottom:0;width:36px;height:3px;background:var(--red)}
.site-footer a:not(.brand){display:block;padding:4px 0}.site-footer a:hover{color:var(--red)}.site-footer p{margin-bottom:10px;font-size:14px}.brand.light{color:#fff;margin-bottom:14px}.brand.light img{background:#fff;padding:3px;border-radius:4px}.site-footer .tag{letter-spacing:3px;color:var(--red)}
.copy{text-align:center;padding:18px;border-top:1px solid #222;font-size:13px}
.reveal{opacity:0;transform:translateY(30px);transition:.8s}.reveal.in{opacity:1;transform:none}
@media(max-width:1000px){.g4,.steps{grid-template-columns:repeat(2,1fr)}.g3{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.promo-in{grid-template-columns:1fr}.profile-card{grid-template-columns:1fr}.profile-card img{max-width:220px;margin:auto}}
@media(max-width:860px){.burger{display:block}.main-nav{position:fixed;top:0;right:-100%;height:100vh;width:78%;max-width:320px;background:#fff;flex-direction:column;align-items:flex-start;padding:90px 30px;transition:.4s;box-shadow:var(--shadow)}body.menu-open .main-nav{right:0}
.hero-in,.split{grid-template-columns:1fr}.split.rev>:first-child{order:0}.hero-visual{min-height:400px}.topbar .tag{display:none}}
@media(max-width:560px){.g2,.g3,.g4,.footer-grid{grid-template-columns:1fr}.steps{grid-template-columns:1fr}.topbar-in{flex-direction:column;gap:0;font-size:12px}.float-card{padding:10px 12px}.float-card b{font-size:12px}.fc1{left:-4px}.fc3{left:-4px}.hero-logo{width:170px}.floating-banner{left:10px;right:90px;max-width:none}.section{padding:60px 0}.cform,.profile-card{padding:24px}}
@media(max-width:560px){.floating-banner{padding:10px 34px 10px 10px;right:86px}.floating-banner img{width:36px}.floating-banner b{font-size:13px}.floating-banner span{display:none}}
@media(max-width:860px){.page-hero::after{width:240px;height:60px;right:-90px;top:-10px}}