:root{--brand:#0b2a4a;--accent:#f58220;--brand2:#14508f;--ink:#16213a}
body{font-family:'Inter',system-ui,sans-serif;color:var(--ink);overflow-x:hidden}
h1,h2,h3,h4,.navbar-brand{font-family:'Poppins',sans-serif}
.topbar{background:#071a30;color:#cdd7e6;font-size:.85rem}.topbar a{color:#fff;text-decoration:none}
.navbar{backdrop-filter:blur(12px);background:rgba(255,255,255,.92)!important}
.brand-qr{background:linear-gradient(135deg,var(--accent),#ffb347);color:#fff;font-weight:700;padding:2px 9px;border-radius:8px}
.nav-link{font-weight:500;color:var(--brand)}.nav-link.active,.nav-link:hover{color:var(--accent)}
.dropdown-menu{border:0;box-shadow:0 12px 40px rgba(11,42,74,.15);border-radius:14px}
.hero{position:relative;color:#fff;overflow:hidden;background:radial-gradient(circle at 80% 20%,#1d6fc4 0,transparent 45%),radial-gradient(circle at 10% 90%,#f5822044 0,transparent 40%),linear-gradient(135deg,#071a30,var(--brand))}
.hero-sm{padding:70px 0}.hero-lg{padding:100px 0}
.gtext{background:linear-gradient(90deg,#ffb347,var(--accent));-webkit-background-clip:text;background-clip:text;color:transparent}
.qrart{width:280px;max-width:100%;background:#fff;padding:18px;border-radius:26px;box-shadow:0 30px 80px rgba(0,0,0,.45);animation:float 5s ease-in-out infinite;position:relative}
.qrart::after{content:"";position:absolute;left:18px;right:18px;height:3px;background:var(--accent);box-shadow:0 0 14px var(--accent);animation:scan 2.6s linear infinite}
@keyframes float{50%{transform:translateY(-14px) rotate(1.5deg)}}@keyframes scan{0%{top:18px}50%{top:calc(100% - 20px)}100%{top:18px}}
.btn{border-radius:50px;padding:.65rem 1.5rem;font-weight:600}
.btn-brand{background:linear-gradient(135deg,var(--accent),#ff9d3d);color:#fff;border:0;box-shadow:0 8px 22px #f5822055}.btn-brand:hover{color:#fff;transform:translateY(-2px)}
.btn-wa{background:#25d366;color:#fff;border:0;box-shadow:0 8px 22px #25d36655}.btn-wa:hover{background:#1ebe5b;color:#fff;transform:translateY(-2px)}
.text-accent{color:var(--accent)}.eyebrow{color:var(--accent);font-weight:700;letter-spacing:2px;text-transform:uppercase;font-size:.8rem}
.stats{margin-top:-50px;position:relative;z-index:3}.stats .box{background:#fff;border-radius:22px;box-shadow:0 20px 60px rgba(11,42,74,.15)}
.stat{font-family:Poppins;font-size:2.2rem;font-weight:800;color:var(--brand)}
.feat{border:1px solid #eef1f6!important;border-radius:22px!important;transition:.3s;background:#fff}.feat:hover{transform:translateY(-8px);box-shadow:0 22px 50px rgba(11,42,74,.14)!important;border-color:var(--accent)!important}
.ico{width:58px;height:58px;border-radius:16px;background:linear-gradient(135deg,#fff1e3,#ffe0c2);color:var(--accent);display:flex;align-items:center;justify-content:center;font-size:1.6rem}
a.feat{text-decoration:none;color:inherit;display:block}
.bg-soft{background:#f5f8fc}.glass{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(10px);border-radius:20px}
.step{counter-increment:s}.step .n{width:46px;height:46px;border-radius:50%;background:var(--accent);color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center}
.logos{display:flex;gap:56px;animation:mq 30s linear infinite;width:max-content}.logos img{height:46px;filter:grayscale(1);opacity:.7}.logos img:hover{filter:none;opacity:1}
.mwrap{overflow:hidden}@keyframes mq{to{transform:translateX(-50%)}}
.cta{background:radial-gradient(circle at 20% 20%,#1d6fc4,transparent 50%),var(--brand)}
footer{background:#071a30}footer a{color:#b9c6da;text-decoration:none}footer a:hover{color:var(--accent)}
.soc a{display:inline-flex;width:38px;height:38px;border-radius:50%;background:#12304f;align-items:center;justify-content:center;margin-right:6px;color:#fff}.soc a:hover{background:var(--accent);color:#fff}
.wa-float{position:fixed;right:18px;bottom:18px;width:60px;height:60px;border-radius:50%;background:#25d366;color:#fff;font-size:30px;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 20px rgba(0,0,0,.35);z-index:1000;animation:pulse 2s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 #25d36699}100%{box-shadow:0 0 0 22px #25d36600}}
.rv{opacity:0;transform:translateY(26px);transition:.7s}.rv.in{opacity:1;transform:none}
.crumbs a{color:#ffd9b0}.quote{border-left:4px solid var(--accent)}


.hero .row{min-height:300px}
.qr-panel{background:#fff;border-radius:26px;padding:22px 22px 18px;max-width:290px;margin:auto;color:var(--brand);box-shadow:0 30px 80px rgba(0,0,0,.45);animation:float 5s ease-in-out infinite}
.qr-panel strong{display:block;font-family:Poppins;margin-top:12px}.qr-panel small{color:#64718a}
.qrbox{position:relative}.qrart{width:100%;padding:0;background:none;box-shadow:none;animation:none;border-radius:0;display:block}.qrart::after{display:none}
.qrbox::after{content:"";position:absolute;left:0;right:0;height:3px;background:var(--accent);box-shadow:0 0 14px var(--accent);animation:scan2 2.6s linear infinite}
@keyframes scan2{0%{top:0}50%{top:calc(100% - 3px)}100%{top:0}}
.art-tag{display:inline-block;margin-top:18px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.28);padding:.45rem 1rem;border-radius:50px;font-size:.85rem}
.breadcrumb-wrap{padding-top:1rem}.breadcrumb a{color:var(--brand2)}
.content-narrow{max-width:860px}.content-block{background:#fff;border:1px solid #eef1f6;border-left:5px solid var(--accent);border-radius:18px;padding:28px 32px;margin-bottom:22px;box-shadow:0 8px 30px rgba(11,42,74,.06)}.content-block h2{font-size:1.5rem}
.mwrap{overflow:hidden}.mtrack{display:flex;width:max-content;animation:mq 60s linear infinite}.mwrap:hover .mtrack{animation-play-state:paused}
.mcard{width:290px;flex:none;margin-right:20px;background:#fff;border:1px solid #eef1f6;border-radius:22px;padding:24px;text-decoration:none;color:inherit;position:relative;transition:.3s;box-shadow:0 8px 28px rgba(11,42,74,.07)}.mcard:hover{transform:translateY(-6px);border-color:var(--accent)}
.mtag{position:absolute;top:16px;right:16px;font-size:.68rem;font-weight:700;background:#fff1e3;color:#c4600a;padding:2px 10px;border-radius:50px}
@media (prefers-reduced-motion:reduce){.mtrack,.qr-panel,.qrbox::after{animation:none}.mwrap{overflow-x:auto}}