@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;700;800&family=DM+Sans:ital,wght@0,300;0,400;0,500;1,300&display=swap');

*{margin:0;padding:0;box-sizing:border-box;}
:root{
  --black:#050810;
  --deep:#090d1a;
  --panel:#0d1423;
  --border:#1a2540;
  --border2:#243050;
  --cyan:#00e5c8;
  --cyan2:#00b89e;
  --cglow:rgba(0,229,200,0.10);
  --white:#f0f4ff;
  --dim:#b8c4e0;
  --muted:#6b7a99;
  --fh:'Outfit',sans-serif;
  --fb:'DM Sans',sans-serif;
}
html{scroll-behavior:smooth;}
body{background:var(--black);color:var(--white);font-family:var(--fb);overflow-x:hidden;line-height:1.6;}
body::before{
  content:'';position:fixed;inset:0;
  background-image:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px);
  background-size:60px 60px;opacity:0.28;pointer-events:none;z-index:0;
}

/* NAV */
nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:20px 56px;background:rgba(5,8,16,0.92);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);transition:padding .3s;}
nav.scrolled{padding:13px 56px;}
.nav-logo{font-family:var(--fh);font-size:18px;font-weight:800;letter-spacing:.1em;color:var(--white);display:flex;align-items:center;gap:12px;text-decoration:none;}
.lm{width:34px;height:34px;border:1.5px solid var(--cyan);border-radius:5px;display:flex;align-items:center;justify-content:center;position:relative;flex-shrink:0;}
.lm::before{content:'';position:absolute;inset:5px;background:var(--cyan);clip-path:polygon(50% 0%,100% 38%,82% 100%,18% 100%,0% 38%);}
.nav-links{display:flex;gap:28px;align-items:center;}
.nav-links a{font-size:13px;letter-spacing:.05em;color:var(--muted);text-decoration:none;text-transform:uppercase;transition:color .2s;position:relative;}
.nav-links a::after{content:'';position:absolute;bottom:-4px;left:0;right:0;height:1px;background:var(--cyan);transform:scaleX(0);transition:transform .2s;}
.nav-links a:hover,.nav-links a.active{color:var(--white);}
.nav-links a:hover::after,.nav-links a.active::after{transform:scaleX(1);}
.nav-cta{font-size:13px;font-weight:500;padding:10px 22px;border:1px solid var(--cyan);color:var(--cyan);background:transparent;cursor:pointer;border-radius:4px;letter-spacing:.04em;transition:all .2s;text-decoration:none;}
.nav-cta:hover{background:var(--cyan);color:var(--black);}
.nav-toggle{display:none;background:none;border:none;cursor:pointer;padding:4px;flex-direction:column;gap:5px;}
.nav-toggle span{display:block;width:22px;height:1.5px;background:var(--white);transition:all .3s;}
.mob-nav{display:none;position:fixed;inset:0;background:rgba(5,8,16,.97);z-index:99;flex-direction:column;justify-content:center;align-items:center;gap:28px;}
.mob-nav.open{display:flex;}
.mob-nav a{font-family:var(--fh);font-size:26px;font-weight:800;color:var(--white);text-decoration:none;}
.mob-nav a.cta-m{color:var(--cyan);}
.mob-close{background:none;border:1px solid var(--border2);color:var(--muted);padding:10px 24px;border-radius:4px;cursor:pointer;font-size:13px;letter-spacing:.06em;margin-top:12px;}

/* TICKER */
.ticker{background:var(--panel);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:13px 0;overflow:hidden;position:relative;z-index:1;}
.ticker-track{display:flex;gap:48px;width:max-content;animation:tick 24s linear infinite;}
.ticker:hover .ticker-track{animation-play-state:paused;}
@keyframes tick{from{transform:translateX(0);}to{transform:translateX(-50%)}}
.ti{white-space:nowrap;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);display:flex;align-items:center;gap:14px;}
.td{width:4px;height:4px;background:var(--cyan);border-radius:50%;flex-shrink:0;}

/* BUTTONS */
.btn{display:inline-block;padding:15px 34px;font-family:var(--fb);font-size:14px;font-weight:500;border-radius:4px;letter-spacing:.04em;text-decoration:none;transition:all .2s;cursor:pointer;border:none;}
.btn-c{background:var(--cyan);color:var(--black);}
.btn-c:hover{background:var(--cyan2);transform:translateY(-2px);}
.btn-g{background:transparent;border:1px solid var(--border2);color:var(--white);}
.btn-g:hover{border-color:var(--cyan);color:var(--cyan);}

/* SECTIONS */
section{position:relative;z-index:1;padding:96px 56px;}
.s-tag{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--cyan);margin-bottom:14px;display:flex;align-items:center;gap:10px;}
.s-tag::before{content:'';width:24px;height:1px;background:var(--cyan);}
.s-title{font-family:var(--fh);font-size:clamp(28px,4vw,52px);font-weight:800;line-height:1.08;letter-spacing:-.02em;}
.s-body{font-size:16px;color:var(--muted);line-height:1.8;max-width:520px;margin-top:14px;font-weight:300;}

/* PAGE HERO */
.ph{padding:160px 56px 80px;border-bottom:1px solid var(--border);position:relative;z-index:1;}
.ph-tag{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--cyan);margin-bottom:20px;display:flex;align-items:center;gap:10px;}
.ph-tag::before{content:'';width:24px;height:1px;background:var(--cyan);}
.ph h1{font-family:var(--fh);font-size:clamp(38px,6vw,72px);font-weight:800;line-height:1.05;letter-spacing:-.02em;max-width:700px;}
.ph h1 .ac{color:var(--cyan);}
.ph-sub{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-top:12px;font-weight:400;}
.ph p{font-size:18px;color:var(--muted);line-height:1.75;max-width:540px;margin-top:18px;font-weight:300;}

/* CARDS */
.card{background:var(--deep);border:1px solid var(--border);border-radius:8px;padding:36px;transition:border-color .25s,background .25s;}
.card:hover{border-color:var(--border2);background:var(--panel);}
.card-t{border-top:2px solid var(--cyan);}
.card-icon{width:44px;height:44px;border:1px solid var(--border);border-radius:6px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;}
.card-icon svg{width:22px;height:22px;stroke:var(--cyan);fill:none;stroke-width:1.5;}
.card-num{font-size:11px;letter-spacing:.12em;color:var(--border2);margin-bottom:20px;font-weight:700;text-transform:uppercase;transition:color .3s;}
.card:hover .card-num{color:var(--cyan);}
.card h3{font-family:var(--fh);font-size:19px;font-weight:700;margin-bottom:10px;line-height:1.2;}
.card-sub{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--cyan);margin-bottom:10px;font-weight:500;}
.card p{font-size:14px;color:var(--muted);line-height:1.7;font-weight:300;}
.card ul{list-style:none;margin-top:14px;display:flex;flex-direction:column;gap:6px;}
.card ul li{font-size:13px;color:var(--muted);display:flex;align-items:center;gap:8px;}
.card ul li::before{content:'';width:5px;height:5px;background:var(--cyan);border-radius:50%;flex-shrink:0;}
.card a.card-link{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--cyan);text-decoration:none;margin-top:20px;letter-spacing:.04em;transition:gap .2s;}
.card a.card-link:hover{gap:10px;}

/* GRIDS */
.g2{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;}
.g3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.g4{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--border);border:1px solid var(--border);border-radius:8px;overflow:hidden;}
.g4 .card{border-radius:0;border:none;}

/* STEPS */
.steps{display:flex;flex-direction:column;}
.step{display:flex;gap:24px;padding:28px 0;border-bottom:1px solid var(--border);}
.step:first-child{border-top:1px solid var(--border);}
.step-n{font-family:var(--fh);font-size:13px;font-weight:700;color:var(--cyan);opacity:.5;min-width:24px;padding-top:3px;}
.step h4{font-family:var(--fh);font-size:17px;font-weight:700;margin-bottom:6px;}
.step p{font-size:14px;color:var(--muted);line-height:1.65;font-weight:300;}

/* TERMINAL */
.term{background:var(--black);border:1px solid var(--border);border-radius:6px;padding:24px;font-family:monospace;font-size:13px;line-height:1.85;}
.tg{color:#00e5c8;}.tb{color:#4fc3f7;}.td2{color:#2d3f5e;}.tw{color:#c9d4f0;}.ta{color:#f0c040;}
.cur{display:inline-block;width:8px;height:14px;background:var(--cyan);animation:blink 1.1s step-end infinite;vertical-align:middle;margin-left:2px;}
@keyframes blink{0%,100%{opacity:1;}50%{opacity:0;}}
@keyframes pulse{0%,100%{opacity:1;}50%{opacity:.3;}}

/* FORM */
.form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:18px;}
.form-group label{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);}
.form-group input,.form-group textarea,.form-group select{background:var(--deep);border:1px solid var(--border);border-radius:4px;padding:12px 16px;color:var(--white);font-family:var(--fb);font-size:14px;transition:border-color .2s;outline:none;}
.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--cyan);}
.form-group textarea{resize:vertical;min-height:120px;}

/* FOOTER */
footer{position:relative;z-index:1;border-top:1px solid var(--border);padding:64px 56px 40px;}
.ft-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;margin-bottom:48px;}
.ft-brand{font-family:var(--fh);font-size:17px;font-weight:800;letter-spacing:.1em;margin-bottom:12px;display:flex;align-items:center;gap:10px;}
.ft-desc{font-size:14px;color:var(--muted);line-height:1.7;max-width:240px;font-weight:300;}
.ft-col-title{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--cyan);margin-bottom:18px;font-weight:500;}
.ft-links{display:flex;flex-direction:column;gap:10px;}
.ft-links a{font-size:14px;color:var(--muted);text-decoration:none;transition:color .2s;}
.ft-links a:hover{color:var(--white);}
.ft-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:28px;border-top:1px solid var(--border);}
.ft-copy{font-size:12px;color:var(--muted);}
.ft-tag{font-family:var(--fh);font-size:12px;font-weight:700;letter-spacing:.08em;color:var(--border2);}

/* FADE ANIMATIONS */
.fu{opacity:0;transform:translateY(28px);transition:opacity .65s ease,transform .65s ease;}
.fu.vis{opacity:1;transform:translateY(0);}
.fu.d1{transition-delay:.1s;}.fu.d2{transition-delay:.2s;}.fu.d3{transition-delay:.3s;}.fu.d4{transition-delay:.4s;}

/* AI BANNER */
.ai-ban{background:linear-gradient(135deg,#020c18,#041820,#020c18);border:1px solid rgba(0,229,200,.18);border-radius:12px;padding:60px 56px;display:flex;justify-content:space-between;align-items:center;gap:40px;position:relative;overflow:hidden;}
.ai-ban::before{content:'AI';position:absolute;right:-10px;top:50%;transform:translateY(-50%);font-family:var(--fh);font-size:160px;font-weight:800;color:rgba(0,229,200,.04);line-height:1;pointer-events:none;}
.ai-badge{flex-shrink:0;background:rgba(0,229,200,.05);border:1px solid rgba(0,229,200,.18);border-radius:8px;padding:28px 32px;text-align:center;min-width:160px;}
.ai-badge-v{font-family:var(--fh);font-size:42px;font-weight:800;color:var(--cyan);line-height:1;}
.ai-badge-l{font-size:12px;color:var(--muted);margin-top:6px;line-height:1.4;}

/* RESPONSIVE */
@media(max-width:1024px){.g4{grid-template-columns:repeat(2,1fr);}.ft-grid{grid-template-columns:1fr 1fr;gap:32px;}.ai-ban{flex-direction:column;}.g3{grid-template-columns:repeat(2,1fr);}}
@media(max-width:768px){nav{padding:16px 24px;}nav.scrolled{padding:12px 24px;}.nav-links,.nav-cta{display:none;}.nav-toggle{display:flex;}section{padding:72px 24px;}.ph{padding:120px 24px 60px;}.g2,.g3,.g4{grid-template-columns:1fr;background:transparent;border:none;}.g4 .card{border:1px solid var(--border);border-radius:8px;}.ai-ban{padding:40px 24px;}.ft-grid{grid-template-columns:1fr;gap:28px;}footer{padding:48px 24px 32px;}.ft-bottom{flex-direction:column;gap:12px;text-align:center;}}
@media(max-width:480px){.hero-stats{flex-direction:column;gap:28px;}.hero-actions{flex-direction:column;align-items:flex-start;}}