/* THEWATCH — shared site styles */
@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@600;700;800;900&family=Inter:wght@400;500;600;700;800&display=swap');

:root{
  --bg:#050810;
  --bg2:#090d18;
  --panel:#0d1220;
  --panel-line:rgba(255,255,255,.08);
  --card-light:#f4f6fb;
  --card-light-text:#0d1220;
  --card-dark:#0a1230;
  --blue:#2f6fed;
  --blue2:#5b9dff;
  --blue-deep:#0a2a6b;
  --text:#f3f6fb;
  --muted:#93a0b8;
  --muted2:#c4ccdc;
  --green:#22c55e;
  --amber:#f5a524;
  --red:#ef4444;
}
*{box-sizing:border-box; margin:0; padding:0;}
html{scroll-behavior:smooth;}
body{background:var(--bg); color:var(--text); font-family:'Inter',sans-serif; line-height:1.5; overflow-x:hidden;}
a{color:inherit; text-decoration:none;}
ul{list-style:none;}
img{max-width:100%; display:block;}
.wrap{max-width:1240px; margin:0 auto; padding:0 32px;}
h1,h2,h3{font-family:'Orbitron',sans-serif; letter-spacing:.01em;}
.eyebrow{font-size:13px; font-weight:700; letter-spacing:.18em; color:var(--blue2); text-transform:uppercase;}
.accent{color:var(--blue2);}

/* buttons */
.btn{display:inline-flex; align-items:center; justify-content:center; gap:8px; padding:13px 26px; border-radius:8px; font-weight:700; font-size:14px; letter-spacing:.02em; cursor:pointer; border:1px solid transparent; transition:transform .15s ease, box-shadow .15s ease, background .15s ease;}
.btn:hover{transform:translateY(-1px);}
.btn-primary{background:linear-gradient(180deg, var(--blue2), var(--blue)); color:#fff; box-shadow:0 8px 24px -8px rgba(47,111,237,.65);}
.btn-primary:hover{box-shadow:0 10px 30px -6px rgba(47,111,237,.8);}
.btn-outline{background:transparent; color:var(--text); border-color:rgba(255,255,255,.28);}
.btn-outline:hover{border-color:#fff; background:rgba(255,255,255,.06);}
.btn-block{width:100%;}
.btn-sm{padding:10px 18px; font-size:13px;}

/* nav */
header.nav{position:sticky; top:0; z-index:100; background:rgba(5,8,16,.86); backdrop-filter:blur(10px); border-bottom:1px solid var(--panel-line);}
.nav-inner{display:flex; align-items:center; justify-content:space-between; gap:24px; padding:14px 32px; max-width:1240px; margin:0 auto;}
.brand{display:flex; align-items:center; gap:14px;}
.brand img.mark{height:38px; width:auto; flex-shrink:0;}
.brand-parent{display:flex; flex-direction:column; line-height:1.3; padding-right:14px; border-right:1px solid var(--panel-line); margin-right:2px;}
.brand-parent .top{font-family:'Inter',sans-serif; font-weight:800; font-size:13px; color:#fff;}
.brand-parent .top .it{color:var(--blue2);}
.brand-parent .sub{font-size:7.5px; letter-spacing:.2em; color:var(--muted); text-transform:uppercase;}
.brand-name{font-family:'Orbitron',sans-serif; font-weight:800; font-size:19px; letter-spacing:.02em; line-height:1;}
.brand-sub{font-size:9px; color:var(--muted); letter-spacing:.12em; text-transform:uppercase; margin-top:3px;}
@media(max-width:560px){ .brand-parent{display:none;} }
nav.links{display:flex; align-items:center; gap:28px;}
nav.links a{font-size:14px; font-weight:600; color:var(--muted2); padding:8px 0; position:relative;}
nav.links a.active,nav.links a:hover{color:#fff;}
nav.links a.active::after{content:""; position:absolute; left:0; right:0; bottom:-2px; height:2px; background:var(--blue2); border-radius:2px;}
.nav-actions{display:flex; align-items:center; gap:14px;}
.nav-actions a.login{font-size:14px; font-weight:600; color:var(--muted2);}
.nav-actions a.login:hover{color:#fff;}
.nav-toggle{display:none; background:none; border:none; color:#fff; font-size:24px; cursor:pointer;}

@media (max-width:980px){
  nav.links{display:none;}
  .nav-toggle{display:block;}
  .nav-actions a.login{display:none;}
}

/* icon circle */
.icon-circle{width:44px; height:44px; border-radius:50%; display:flex; align-items:center; justify-content:center; background:rgba(47,111,237,.12); border:1px solid rgba(91,157,255,.35); color:var(--blue2); flex-shrink:0;}
.icon-circle svg{width:20px; height:20px;}

/* footer */
footer.site{border-top:1px solid var(--panel-line); padding:28px 0; margin-top:80px;}
footer.site .wrap{display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px;}
footer.site .copy{font-size:13px; color:var(--muted);}
footer.site .flinks{display:flex; gap:22px;}
footer.site .flinks a{font-size:13px; color:var(--muted);}
footer.site .flinks a:hover{color:#fff;}
footer.site .tagline{text-align:center; font-family:'Orbitron',sans-serif; font-size:11px; letter-spacing:.3em; text-transform:uppercase; color:var(--muted); margin-bottom:14px;}
footer.site .tagline .automate{color:var(--blue2);}

/* section helpers */
section{padding:88px 0;}
.section-alt{background:var(--bg2);}
.center{text-align:center;}
.lede{color:var(--muted2); font-size:17px; max-width:640px;}
.center .lede{margin:0 auto;}

/* generic placeholder page */
.placeholder-hero{padding:140px 0 100px; text-align:center;}
.placeholder-hero h1{font-size:40px; margin:18px 0 16px;}
.placeholder-hero p{color:var(--muted2); font-size:18px; max-width:560px; margin:0 auto 32px;}
.badge-soon{display:inline-block; padding:6px 16px; border-radius:999px; background:rgba(47,111,237,.14); border:1px solid rgba(91,157,255,.4); color:var(--blue2); font-size:12px; font-weight:700; letter-spacing:.12em; text-transform:uppercase;}

/* Waitlist modal */
.modal-overlay{display:none; position:fixed; inset:0; background:rgba(0,0,0,.7); z-index:200; align-items:center; justify-content:center; padding:20px;}
.modal-overlay.open{display:flex;}
.modal-box{background:var(--panel); border:1px solid var(--panel-line); border-radius:12px; max-width:440px; width:100%; padding:32px; position:relative;}
.modal-close{position:absolute; top:16px; right:16px; background:none; border:none; color:var(--muted); font-size:22px; line-height:1; cursor:pointer;}
.modal-close:hover{color:#fff;}
.modal-box h3{font-family:'Orbitron',sans-serif; font-size:20px; margin-bottom:8px;}
.modal-box .modal-sub{font-size:13px; color:var(--muted2); line-height:1.6; margin-bottom:24px;}
.modal-field{margin-bottom:16px;}
.modal-field label{display:block; font-size:11px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--muted); margin-bottom:6px;}
.modal-field input, .modal-field textarea{
  width:100%; background:var(--bg); border:1px solid var(--panel-line); color:var(--text); border-radius:6px;
  font-family:'Inter',sans-serif; font-size:13.5px; padding:10px 12px;
}
.modal-field input:disabled{color:var(--muted);}
.modal-field textarea{resize:vertical; min-height:80px;}
.modal-error{display:none; color:var(--red); font-size:12.5px; margin-bottom:14px;}
.modal-box .btn{width:100%; justify-content:center;}