@import url('https://fonts.googleapis.com/css2?family=Exo+2:wght@400;600;700&family=Roboto:wght@300;400;500&display=swap');
*{box-sizing:border-box;margin:0;padding:0;}
body{font-family:'Roboto',sans-serif;background:#0a0e1a;color:#e0e6f0;width:100%;}

/* NAV */
.nav{background:#0d1220;border-bottom:1px solid #1e2a40;padding:0 2rem;display:flex;align-items:center;justify-content:space-between;height:60px;position:sticky;top:0;z-index:100;}
.logo-wrap{font-family:'Exo 2',sans-serif;font-weight:700;font-size:22px;letter-spacing:3px;display:flex;align-items:center;text-decoration:none;}
.nl{display:flex;gap:0;list-style:none;}
.nl li a{display:block;padding:0 14px;height:60px;line-height:60px;font-size:12px;font-weight:500;color:#94a3b8;text-decoration:none;letter-spacing:.5px;text-transform:uppercase;border-bottom:2px solid transparent;transition:color .2s,border-color .2s;}
.nl li a:hover,.nl li a.active{color:#e0e6f0;border-bottom-color:#2563eb;}
.nl li a.active{color:#60a5fa;}
.nav-cta{background:#2563eb;color:#fff;border:none;padding:8px 16px;font-size:12px;font-weight:500;border-radius:4px;cursor:pointer;transition:background .2s;text-decoration:none;display:inline-block;line-height:1;}
.nav-cta:hover{background:#1d4ed8;}

/* FOOTER */
.foot{background:#080c16;border-top:1px solid #1e2a40;padding:28px 2rem;text-align:center;}
.flogo-wrap{font-family:'Exo 2',sans-serif;font-weight:700;font-size:18px;letter-spacing:3px;display:inline-flex;margin-bottom:8px;text-decoration:none;}
.foot-links{display:flex;justify-content:center;gap:24px;list-style:none;margin:10px 0;}
.foot-links a{font-size:12px;color:#4b5563;text-decoration:none;text-transform:uppercase;letter-spacing:.5px;transition:color .2s;}
.foot-links a:hover{color:#60a5fa;}
.foot p{font-size:11px;color:#374151;margin-top:6px;}

/* DECODE STATES */
.ta{display:inline-block;color:transparent;position:relative;transition:color .08s,background .08s;white-space:pre;}
.ta-sp{color:transparent !important;background:transparent !important;}
.ta.state-1{color:transparent;background:transparent;}
.ta.state-1::after{content:'';position:absolute;left:50%;transform:translateX(-50%);top:15%;height:70%;width:2px;background:#2563eb;opacity:.6;}
.ta.state-2{color:transparent;background:#2563eb;border-radius:2px;}
.ta.state-2::after{display:none;}
.ta.state-3{color:inherit;background:transparent !important;border-radius:0;}
.ta.state-3::after{display:none;}
.ta.ta-blue.state-1::after{background:#60a5fa;}
.ta.ta-blue.state-2{background:#1d4ed8;}
.ta.ta-blue.state-3{color:#2563eb;background:transparent !important;}
.ta.ta-red.state-1::after{background:#f87171;}
.ta.ta-red.state-2{background:#dc2626;}
.ta.ta-red.state-3{color:#ef4444;background:transparent !important;}
.ta.ta-muted.state-1::after{background:#475569;}
.ta.ta-muted.state-2{background:#334155;}
.ta.ta-muted.state-3{color:#64748b;background:transparent !important;}
.ta.ta-logo-smb.state-3,.ta.ta-logo-dot.state-3,.ta.ta-logo-ru.state-3{color:#ffffff;background:transparent !important;}
.ta.ta-logo-it.state-1::after{background:#f87171;}
.ta.ta-logo-it.state-2{background:#dc2626;}
.ta.ta-logo-it.state-3{color:#ef4444;background:transparent !important;}

/* HAMBURGER */
.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:8px;background:transparent;border:none;z-index:200;}
.hamburger span{display:block;width:22px;height:2px;background:#94a3b8;border-radius:2px;transition:all .25s;}
.hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.hamburger.open span:nth-child(2){opacity:0;}
.hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}
@media(max-width:768px){
  .hamburger{display:flex;}
  .nl{display:none;flex-direction:column;position:absolute;top:60px;left:0;right:0;background:#0d1220;border-bottom:1px solid #1e2a40;padding:8px 0;z-index:150;}
  .nl.open{display:flex;}
  .nl li a{height:44px;line-height:44px;padding:0 2rem;border-bottom:none;border-left:2px solid transparent;}
  .nl li a:hover,.nl li a.active{border-left-color:#2563eb;border-bottom-color:transparent;}
  .nav-cta{display:none;}
  .nav{position:relative;}
}

/* COMMON BLOCKS */
.page-hero{background:#0d1220;border-bottom:1px solid #1e2a40;padding:48px 2rem 52px;text-align:center;}
.breadcrumb{font-size:12px;color:#475569;margin-bottom:16px;letter-spacing:.5px;text-transform:uppercase;}
.breadcrumb a{color:#475569;text-decoration:none;}
.breadcrumb span{color:#2563eb;}
.page-hero h1{font-family:'Exo 2',sans-serif;font-size:36px;font-weight:700;color:#fff;margin-bottom:12px;}
.page-hero p{font-size:15px;color:#64748b;max-width:520px;margin:0 auto;line-height:1.7;font-weight:300;}
.section-label{font-size:11px;font-weight:500;color:#2563eb;letter-spacing:2px;text-transform:uppercase;margin-bottom:8px;}
.section-title{font-family:'Exo 2',sans-serif;font-size:28px;font-weight:700;color:#fff;margin-bottom:12px;}
.section-sub{font-size:15px;color:#64748b;margin-bottom:40px;max-width:500px;line-height:1.6;font-weight:300;}
.btn-primary{background:#2563eb;color:#fff;border:none;padding:13px 28px;font-size:13px;font-weight:500;border-radius:4px;cursor:pointer;transition:background .2s;font-family:'Roboto',sans-serif;display:inline-block;text-decoration:none;}
.btn-primary:hover{background:#1d4ed8;}
.btn-outline{background:transparent;color:#e0e6f0;border:1px solid #334155;padding:13px 28px;font-size:13px;font-weight:500;border-radius:4px;cursor:pointer;transition:border-color .2s,color .2s;font-family:'Roboto',sans-serif;display:inline-block;text-decoration:none;margin-left:10px;}
.btn-outline:hover{border-color:#2563eb;color:#60a5fa;}
.tag{display:inline-block;font-size:10px;font-weight:500;letter-spacing:1px;text-transform:uppercase;padding:3px 10px;border-radius:3px;}
.tag-blue{background:rgba(37,99,235,.15);color:#60a5fa;border:1px solid rgba(37,99,235,.2);}
.tag-green{background:rgba(22,163,74,.12);color:#4ade80;border:1px solid rgba(22,163,74,.2);}
.tag-orange{background:rgba(249,115,22,.12);color:#fb923c;border:1px solid rgba(249,115,22,.2);}
.tag-purple{background:rgba(139,92,246,.12);color:#a78bfa;border:1px solid rgba(139,92,246,.2);}
.cta-strip{padding:56px 2rem;text-align:center;background:#0b0f1c;border-top:1px solid #1a2d4a;}
.cta-strip h2{font-family:'Exo 2',sans-serif;font-size:28px;font-weight:700;color:#fff;margin-bottom:8px;}
.cta-strip p{font-size:14px;color:#64748b;margin-bottom:24px;font-weight:300;}