:root{
    --bg-main:#F8FAFC; --brand:#2563EB; --accent:#0D9488; --bull:#16A34A; --bear:#DC2626;
    --text:#0F172A; --text-2:#475569; --border:#E2E8F0;
    --font-display:'Space Grotesk', sans-serif; --font-body:'Inter', sans-serif; --font-mono:'IBM Plex Mono', monospace;
    --maxw:1180px;
  }
  *{box-sizing:border-box; margin:0; padding:0;}
 
  .page-filler{height:60vh; display:flex; align-items:center; justify-content:center; color:var(--text-2); font-family:var(--font-mono); font-size:13px;}
 
  footer{background:var(--text); color:#CBD5E1; position:relative; overflow:hidden;}
  footer::before{
    content:""; position:absolute; top:0; left:0; right:0; height:1px;
    background:linear-gradient(90deg, transparent, #2563EB, #0D9488, transparent);
  }
  .f-wrap{max-width:var(--maxw); margin:0 auto; padding:0 24px;}
 
  .f-top{
    display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:16px;
    padding:32px 0 28px; border-bottom:1px solid rgba(255,255,255,.08);
  }
  .f-logo{display:flex; align-items:center; gap:10px;}
  .f-logo .mark{
    width:34px; height:34px; border-radius:9px; background:linear-gradient(135deg,var(--brand),var(--accent));
    display:flex; align-items:center; justify-content:center; color:#fff; font-family:var(--font-mono); font-size:13px; font-weight:600;
    transition:transform .3s ease;
  }
  .f-logo:hover .mark{transform:rotate(-8deg) scale(1.08);}
  .f-logo strong{font-family:var(--font-display); font-size:17px; color:#fff;}
 
  .ticker{
    display:flex; align-items:center; gap:10px; font-family:var(--font-mono); font-size:12px;
    background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.1); border-radius:999px; padding:8px 16px;
  }
  .ticker .pulse-dot{width:7px; height:7px; border-radius:50%; background:var(--bull); flex-shrink:0; animation:pulse 1.8s infinite;}
  @keyframes pulse{0%,100%{opacity:1; box-shadow:0 0 0 0 rgba(22,163,74,.5);} 50%{opacity:.5; box-shadow:0 0 0 4px rgba(22,163,74,0);}}
  .ticker span.divider{color:rgba(255,255,255,.25);}
  .ticker span.next-label{color:#94A3B8;}
 
  .f-grid{display:grid; grid-template-columns:1.3fr 1fr 1fr 1fr; gap:28px; padding:34px 0 12px;}
  .f-about p.tag-line{font-size:13.5px; color:#94A3B8; line-height:1.7; max-width:260px; margin-bottom:18px;}
  .whatsapp-btn{
    display:inline-flex; align-items:center; gap:8px; font-family:var(--font-mono); font-size:12px; font-weight:500;
    color:#fff; background:#16A34A; padding:9px 16px; border-radius:9px; transition:transform .15s ease, box-shadow .15s ease;
  }
  .whatsapp-btn:hover{transform:translateY(-2px); box-shadow:0 8px 18px rgba(22,163,74,.32);}
 
  .f-col h5{
    font-family:var(--font-display); font-size:14px; color:#fff; margin-bottom:14px;
    display:flex; justify-content:space-between; align-items:center; cursor:default;
  }
  .f-col ul{display:flex; flex-direction:column; gap:10px;}
  .f-col ul li a{
    font-size:13.5px; color:#CBD5E1; position:relative; padding-left:0; transition:color .2s ease, padding-left .2s ease;
  }
  .f-col ul li a:hover{color:#fff; padding-left:6px;}
  .f-col ul li a::before{content:"→"; position:absolute; left:-14px; opacity:0; transition:.2s;}
  .f-col ul li a:hover::before{opacity:1; left:-6px; color:var(--accent);}
  .f-chevron{display:none; color:#94A3B8; transition:transform .25s ease; font-size:11px;}
 
  .disclaimer-wrap{margin:20px 0 8px; border-top:1px solid rgba(255,255,255,.08); padding-top:22px;}
  .disclaimer-box{
    background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.09); border-radius:12px; padding:16px 18px;
  }
  .disclaimer-box .d-head{display:flex; justify-content:space-between; align-items:center; cursor:pointer; gap:12px;}
  .disclaimer-box .d-head strong{font-family:var(--font-mono); font-size:11px; letter-spacing:.05em; text-transform:uppercase; color:#E2E8F0;}
  .disclaimer-box .d-toggle{font-family:var(--font-mono); font-size:11px; color:var(--accent); flex-shrink:0;}
  .disclaimer-text{
    max-height:0; overflow:hidden; transition:max-height .35s ease; font-size:12.5px; color:#94A3B8; line-height:1.75;
  }
  .disclaimer-box.open .disclaimer-text{max-height:200px; margin-top:12px;}
 
  .f-bottom{
    display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:14px;
    padding:20px 0 28px; border-top:1px solid rgba(255,255,255,.08); margin-top:16px;
    font-size:12.5px; color:#64748B;
  }
  .socials{display:flex; gap:10px;}
  .socials a{
    width:34px; height:34px; border:1px solid rgba(255,255,255,.14); border-radius:50%;
    display:flex; align-items:center; justify-content:center; color:#CBD5E1; transition:.2s ease;
  }
  .socials a svg{width:15px; height:15px;}
  .socials a[data-brand="facebook"]:hover{background:#1877F2; border-color:#1877F2; color:#fff; transform:translateY(-3px);}
  .socials a[data-brand="x"]:hover{background:#000; border-color:#000; color:#fff; transform:translateY(-3px);}
  .socials a[data-brand="instagram"]:hover{background:linear-gradient(45deg,#F58529,#DD2A7B,#8134AF); border-color:transparent; color:#fff; transform:translateY(-3px);}
  .socials a[data-brand="quora"]:hover{background:#B92B27; border-color:#B92B27; color:#fff; transform:translateY(-3px);}
  .socials a[data-brand="whatsapp"]:hover{background:#25D366; border-color:#25D366; color:#fff; transform:translateY(-3px);}
  .socials a[data-brand="pinterest"]:hover{background:#E60023; border-color:#E60023; color:#fff; transform:translateY(-3px);}
 
  .to-top{
    position:fixed; right:22px; bottom:22px; width:44px; height:44px; border-radius:50%;
    background:var(--brand); color:#fff; border:none; display:flex; align-items:center; justify-content:center;
    cursor:pointer; box-shadow:0 10px 24px rgba(37,99,235,.35); opacity:0; pointer-events:none;
    transform:translateY(12px); transition:opacity .25s ease, transform .25s ease; z-index:60;
  }
  .to-top.show{opacity:1; pointer-events:auto; transform:translateY(0);}
  .to-top:hover{background:#1D4ED8;}
 
  @media (max-width:860px){
    .f-grid{grid-template-columns:1fr 1fr;}
    .f-about{grid-column:1 / -1;}
  }
  @media (max-width:600px){
    .f-grid{grid-template-columns:1fr; gap:0;}
    .f-col{border-bottom:1px solid rgba(255,255,255,.08);}
    .f-col h5{padding:16px 0; margin-bottom:0; cursor:pointer;}
    .f-chevron{display:inline-block;}
    .f-col.open .f-chevron{transform:rotate(180deg);}
    .f-col ul{max-height:0; overflow:hidden; transition:max-height .3s ease; padding-bottom:0;}
    .f-col.open ul{max-height:300px; padding-bottom:16px;}
    .f-top{flex-direction:column; align-items:flex-start;}
  }