/* ═══════════════════════════════════════════════
   AFFIZY.COM — Shared Landing CSS
   Used by: index, advertisers, publishers,
            token, contact
═══════════════════════════════════════════════ */
:root{
  --c:#00F2FE;--bg:#03050b;--bg2:#060810;--bg3:#0b0e1a;
  --b:rgba(255,255,255,.07);--bh:rgba(0,242,254,.22);
  --t:#eeeef0;--t2:rgba(238,238,240,.52);--t3:rgba(238,238,240,.18);
  --s:rgba(255,255,255,.03);--green:#22c55e;--gold:#FFB800;
}
*{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{font-family:'Instrument Sans',sans-serif;background:var(--bg);color:var(--t);overflow-x:hidden;cursor:none;}
::-webkit-scrollbar{width:3px}::-webkit-scrollbar-thumb{background:rgba(0,242,254,.2);border-radius:2px}

/* CURSOR */
#cur{position:fixed;width:7px;height:7px;background:var(--c);border-radius:50%;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);mix-blend-mode:difference;}
#cur-r{position:fixed;width:30px;height:30px;border:1px solid rgba(0,242,254,.35);border-radius:50%;pointer-events:none;z-index:9998;transform:translate(-50%,-50%);transition:width .35s cubic-bezier(.25,.46,.45,.94),height .35s,border-color .3s;}
body.hc #cur-r{width:50px;height:50px;border-color:rgba(0,242,254,.7);}

/* NAV */
nav{position:fixed;top:0;left:0;right:0;z-index:900;height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 52px;transition:background .5s,border-color .5s;}
nav.sc{background:rgba(3,5,11,.92);backdrop-filter:blur(28px);border-bottom:1px solid var(--b);}
.nav-logo{display:flex;align-items:center;gap:10px;text-decoration:none;}
.nav-logo img{height:32px;display:block;}
.nav-logo-txt{font-family:'Syne',sans-serif;font-size:18px;font-weight:800;color:var(--c);}
.nav-links{display:flex;gap:32px;list-style:none;}
.nav-links a{font-size:13px;color:var(--t2);text-decoration:none;transition:color .2s;}
.nav-links a:hover,.nav-links a.active{color:var(--t);}
.nav-cta{font-family:'Instrument Sans',sans-serif;font-size:13px;font-weight:500;color:#000;background:var(--c);padding:8px 22px;border-radius:100px;text-decoration:none;transition:opacity .2s,transform .2s;box-shadow:0 0 28px rgba(0,242,254,.2);}
.nav-cta:hover{opacity:.88;transform:scale(1.03);}

/* DIVIDER */
.dvd{height:1px;background:linear-gradient(90deg,transparent,var(--b),transparent);}

/* PAGE HERO (inner pages) */
.page-hero{position:relative;padding:140px 52px 100px;background:var(--bg);overflow:hidden;text-align:center;}
.page-hero-glow{position:absolute;top:-10%;left:50%;transform:translateX(-50%);width:700px;height:500px;background:radial-gradient(ellipse,rgba(0,242,254,.07) 0%,transparent 60%);pointer-events:none;}
.page-hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(0,242,254,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(0,242,254,.02) 1px,transparent 1px);background-size:72px 72px;pointer-events:none;}
.page-hero-content{position:relative;z-index:2;max-width:720px;margin:0 auto;}
.page-tag{font-size:9px;font-weight:600;color:var(--c);letter-spacing:.16em;text-transform:uppercase;margin-bottom:20px;}
.page-h1{font-family:'Syne',sans-serif;font-size:clamp(36px,5.5vw,72px);font-weight:800;line-height:.92;letter-spacing:-.04em;margin-bottom:20px;}
.page-h1 em{font-style:italic;color:var(--c);}
.page-sub{font-size:17px;font-weight:300;color:var(--t2);line-height:1.65;max-width:500px;margin:0 auto 36px;}

/* BUTTONS */
.btn-primary{font-family:'Instrument Sans',sans-serif;font-size:14px;font-weight:500;color:#000;background:var(--c);border:none;padding:13px 30px;border-radius:100px;cursor:none;text-decoration:none;box-shadow:0 0 40px rgba(0,242,254,.18);transition:opacity .2s,transform .2s,box-shadow .2s;display:inline-flex;align-items:center;}
.btn-primary:hover{opacity:.88;transform:translateY(-2px);box-shadow:0 0 60px rgba(0,242,254,.32);}
.btn-ghost{font-family:'Instrument Sans',sans-serif;font-size:14px;font-weight:400;color:var(--t2);background:none;border:1px solid var(--b);padding:13px 30px;border-radius:100px;cursor:none;text-decoration:none;transition:color .2s,border-color .2s,background .2s;display:inline-flex;align-items:center;}
.btn-ghost:hover{color:var(--t);border-color:var(--t3);background:var(--s);}
.hero-btns{display:flex;gap:12px;justify-content:center;}

/* SECTIONS */
.pad{padding:120px 52px;}
.inn{max-width:1160px;margin:0 auto;}
.s-label{font-size:9px;font-weight:600;color:var(--c);letter-spacing:.16em;text-transform:uppercase;display:flex;align-items:center;gap:10px;margin-bottom:16px;}
.s-label::before{content:'';width:16px;height:1px;background:var(--c);}
.s-title{font-family:'Syne',sans-serif;font-size:clamp(28px,3.8vw,54px);font-weight:800;line-height:.98;letter-spacing:-.035em;margin-bottom:14px;}
.s-sub{font-size:15px;font-weight:300;color:var(--t2);line-height:1.72;max-width:500px;}

/* STEPS GRID */
.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:56px;border:1px solid var(--b);border-radius:24px;overflow:hidden;}
.step-card{padding:48px 36px;border-right:1px solid var(--b);position:relative;overflow:hidden;transition:background .3s;}
.step-card:last-child{border-right:none;}
.step-card:hover{background:rgba(0,242,254,.02);}
.step-bar{position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--c),transparent);transform:scaleX(0);transform-origin:left;transition:transform .6s cubic-bezier(.25,.46,.45,.94);}
.step-card:hover .step-bar{transform:scaleX(1);}
.step-num{font-family:'Syne',sans-serif;font-size:56px;font-weight:800;color:rgba(255,255,255,.035);line-height:1;margin-bottom:20px;transition:color .3s;}
.step-card:hover .step-num{color:rgba(0,242,254,.08);}
.step-title{font-family:'Syne',sans-serif;font-size:18px;font-weight:700;margin-bottom:10px;}
.step-desc{font-size:14px;font-weight:300;color:var(--t2);line-height:1.7;}

/* NUMBERS */
.nums-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--b);border-radius:24px;overflow:hidden;}
.num-card{padding:44px 24px;border-right:1px solid var(--b);text-align:center;transition:background .3s;position:relative;overflow:hidden;}
.num-card:last-child{border-right:none;}
.num-card:hover{background:rgba(0,242,254,.02);}
.num-val{font-family:'Syne',sans-serif;font-size:40px;font-weight:800;color:var(--c);letter-spacing:-.04em;line-height:1;}
.num-label{font-size:10px;font-weight:300;color:var(--t3);margin-top:8px;letter-spacing:.1em;text-transform:uppercase;}

/* TWO COL GRID */
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start;}

/* FEATURE CARDS */
.feat-card{padding:22px 24px;border:1px solid var(--b);border-radius:14px;background:var(--s);transition:border-color .3s,transform .2s;}
.feat-card:hover{border-color:var(--bh);transform:translateX(4px);}
.feat-card-t{font-family:'Syne',sans-serif;font-size:15px;font-weight:700;margin-bottom:5px;}
.feat-card-d{font-size:13px;font-weight:300;color:var(--t2);line-height:1.65;}
.feat-badge{display:inline-block;margin-top:8px;font-size:9px;padding:2px 9px;border-radius:100px;background:rgba(34,197,94,.1);color:var(--green);letter-spacing:.06em;text-transform:uppercase;}

/* SIDE CARDS */
.sides-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.side-card{padding:48px 40px;border:1px solid var(--b);border-radius:22px;background:var(--s);position:relative;overflow:hidden;transition:border-color .3s,transform .3s;}
.side-card:hover{border-color:var(--bh);transform:translateY(-4px);}
.side-card::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 80% 50% at 50% 110%,rgba(0,242,254,.05),transparent);opacity:0;transition:opacity .45s;pointer-events:none;}
.side-card:hover::before{opacity:1;}
.side-tag{font-size:9px;font-weight:600;color:var(--c);letter-spacing:.14em;text-transform:uppercase;margin-bottom:14px;}
.side-ttl{font-family:'Syne',sans-serif;font-size:24px;font-weight:800;line-height:1.08;letter-spacing:-.025em;margin-bottom:12px;}
.side-p{font-size:14px;font-weight:300;color:var(--t2);line-height:1.7;margin-bottom:24px;}
.side-list{list-style:none;display:flex;flex-direction:column;gap:8px;margin-bottom:28px;}
.side-list li{font-size:13px;color:var(--t2);display:flex;align-items:center;gap:10px;}
.side-list li::before{content:'';width:12px;height:1px;background:var(--c);flex-shrink:0;}
.side-lnk{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:500;color:var(--c);text-decoration:none;transition:gap .2s;}
.side-lnk:hover{gap:13px;}

/* STAT HIGHLIGHT BOX */
.stat-highlight{padding:44px;border:1px solid rgba(0,242,254,.18);border-radius:22px;background:rgba(0,242,254,.02);text-align:center;position:relative;overflow:hidden;}
.stat-highlight::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--c),transparent);}
.stat-big{font-family:'Syne',sans-serif;font-size:80px;font-weight:800;color:var(--c);letter-spacing:-.05em;line-height:1;}
.stat-sub{font-size:15px;font-weight:300;color:var(--t2);margin-top:10px;line-height:1.6;}
.stat-pill{display:inline-block;margin-top:24px;padding:10px 22px;border:1px solid var(--b);border-radius:12px;font-family:'Syne',sans-serif;font-size:20px;font-weight:800;color:var(--c);}
.stat-pill-sub{font-size:11px;color:var(--t3);margin-top:4px;letter-spacing:.06em;text-transform:uppercase;}

/* CTA SECTION */
#cta-sec{background:var(--bg2);padding:140px 52px;text-align:center;position:relative;overflow:hidden;}
#cta-sec::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:700px;height:350px;background:radial-gradient(ellipse,rgba(0,242,254,.05) 0%,transparent 60%);pointer-events:none;}
.cta-h{font-family:'Syne',sans-serif;font-size:clamp(38px,5.5vw,64px);font-weight:800;line-height:.93;letter-spacing:-.04em;margin-bottom:18px;position:relative;z-index:1;}
.cta-h em{font-style:italic;color:var(--c);}
.cta-p{font-size:16px;font-weight:300;color:var(--t2);max-width:380px;margin:0 auto 40px;line-height:1.65;position:relative;z-index:1;}
.cta-btns{display:flex;gap:12px;justify-content:center;position:relative;z-index:1;}

/* CODE BLOCK */
.code-block{background:#040710;border:1px solid rgba(0,242,254,.15);border-radius:14px;padding:22px 26px;font-family:'JetBrains Mono',monospace;font-size:12px;line-height:1.8;}
.code-label{font-size:9px;color:var(--t3);letter-spacing:.1em;text-transform:uppercase;margin-bottom:12px;}
.code-line-g{color:rgba(0,242,254,.7);}
.code-attr{color:#22c55e;}
.code-val{color:#FFB800;}
.code-note{font-size:10px;color:var(--t3);margin-top:10px;}

/* FOOTER */
footer.site-footer{border-top:1px solid var(--b);background:var(--bg);padding:44px 52px;display:grid;grid-template-columns:1.2fr 1fr 1fr;align-items:start;gap:40px;}
.footer-brand p{font-size:13px;font-weight:300;color:var(--t3);line-height:1.65;margin-top:8px;max-width:220px;}
.footer-nav{display:flex;flex-direction:column;gap:3px;text-align:center;}
.footer-nav a{font-size:13px;color:var(--t3);text-decoration:none;transition:color .2s;padding:3px 0;}
.footer-nav a:hover{color:var(--t2);}
.footer-right{text-align:right;}
.footer-right p{font-size:13px;color:var(--t3);}
.footer-right a{color:var(--c);text-decoration:none;font-size:12px;}

/* GSAP INIT */
.gsap-fade{opacity:0;transform:translateY(26px);}
.gsap-left{opacity:0;transform:translateX(-32px);}
.gsap-right{opacity:0;transform:translateX(32px);}
.gsap-scale{opacity:0;transform:scale(.95);}

/* MOBILE */
@media(max-width:900px){
  nav{padding:0 20px;}.nav-links,.nav-cta{display:none;}
  .pad,#cta-sec{padding:80px 20px;}
  .page-hero{padding:110px 20px 80px;}
  .steps-grid,.two-col,.sides-grid{grid-template-columns:1fr;}
  .step-card{border-right:none;border-bottom:1px solid var(--b);}.step-card:last-child{border-bottom:none;}
  .nums-grid{grid-template-columns:1fr 1fr;}
  .num-card{border-right:none;border-bottom:1px solid var(--b);}
  .num-card:nth-child(odd){border-right:1px solid var(--b);}
  .num-card:last-child,.num-card:nth-last-child(2):nth-child(odd){border-bottom:none;}
  footer.site-footer{grid-template-columns:1fr;gap:28px;padding:32px 20px;}
  .footer-right{text-align:left;}
}