@font-face {
    font-family: 'Vazirmatn';
    src: url('/static/fonts/Vazirmatn-Variable.woff2') format('woff2-variations'),
         url('/static/fonts/Vazirmatn-Variable.woff2') format('woff2');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
  }
  :root{
    --navy-900:#0a1c48;
    --navy-800:#0d2257;
    --navy-700:#16316f;
    --green-400:#3dd68c;
    --green-300:#7de6b3;
    --green-glow: rgba(61,214,140,.35);
    --cream:#f6f3ec;
    --cream-2:#efe9dc;
    --ink:#0d1b2a;
    --muted:#5b6a84;
    --radius:22px;
    --maxw:1180px;
  }
  *{box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  body{
    margin:0; font-family:'Vazirmatn',sans-serif; background:var(--cream); color:var(--ink);
    -webkit-font-smoothing:antialiased;
  }
  h1,h2,h3,p,ul{margin:0;}
  a{text-decoration:none;color:inherit;}
  ul{padding:0;list-style:none;}
  .wrap{max-width:var(--maxw); margin:0 auto; padding:0 28px;}

  .nav{ position:sticky; top:0; z-index:100; background:rgba(246,243,236,.9);
        backdrop-filter:blur(14px); border-bottom:1px solid rgba(13,27,42,.08); }
  .nav-inner{ max-width:var(--maxw); margin:0 auto; padding:12px 28px;
              display:flex; align-items:center; justify-content:space-between; gap:18px; }
  .brand{display:flex; align-items:center; gap:10px;}
  .brand img{width:40px; height:40px; display:block;}
  .brand span{font-weight:800; font-size:1.05rem; color:var(--navy-800);}
  .nav-back{color:var(--navy-800); font-weight:700; font-size:.88rem; opacity:.85;}
  .nav-back:hover{opacity:1;}
  .nav-links{display:flex;align-items:center;gap:25px;font-size:.84rem;font-weight:700;color:var(--ink)}
  .nav-links a:hover{color:var(--forest)}
  .nav-actions{display:flex;align-items:center;gap:9px}.nav-actions a{padding:9px 15px;border-radius:8px;font-size:.8rem;font-weight:800}.nav-login{border:1px solid #87a99b;color:var(--forest)}.nav-start{background:var(--forest);color:#fff}
  .site-footer{background:var(--forest-dark);color:rgba(255,255,255,.78);padding:34px 28px}.site-footer-inner{max-width:var(--maxw);margin:auto;display:flex;justify-content:space-between;align-items:center;gap:22px}.site-footer-brand{display:flex;align-items:center;gap:8px;font-weight:800}.site-footer-brand img{width:34px;height:34px;object-fit:contain}.site-footer-links{display:flex;gap:20px;flex-wrap:wrap}.site-footer a{color:#fff;font-size:.8rem}

  .hero{ background:linear-gradient(160deg, var(--navy-900), var(--navy-700) 70%); color:#fff;
         padding:70px 0 90px 0; position:relative; overflow:hidden; }
  .hero .wrap{ position:relative; z-index:2; text-align:center; }
  .hero .eyebrow{ display:inline-block; background:rgba(61,214,140,.15); color:var(--green-300);
                  border:1px solid rgba(61,214,140,.35); padding:6px 18px; border-radius:100px;
                  font-weight:700; font-size:.82rem; margin-bottom:22px; }
  .hero h1{ font-size:2.5rem; font-weight:800; line-height:1.5; max-width:820px; margin:0 auto 18px auto; }
  .hero h1 span{ color:var(--green-400); }
  .hero p.lead{ color:rgba(255,255,255,.75); font-size:1.05rem; max-width:640px; margin:0 auto 34px auto; line-height:2; }
  .hero .cta-row{ display:flex; gap:14px; justify-content:center; flex-wrap:wrap; }
  .btn{ display:inline-flex; align-items:center; gap:8px; padding:15px 30px; border-radius:100px;
        font-weight:700; font-size:.98rem; border:none; cursor:pointer; transition:transform .2s ease, box-shadow .2s ease; }
  .btn-primary{ background:var(--green-400); color:var(--navy-900); box-shadow:0 10px 30px -8px var(--green-glow); }
  .btn-primary:hover{ transform:translateY(-2px); }
  .btn-ghost{ background:rgba(255,255,255,.08); color:#fff; border:1.5px solid rgba(255,255,255,.25); }
  .btn-ghost:hover{ background:rgba(255,255,255,.15); }

  .stats-row{ display:grid; grid-template-columns:repeat(4,1fr); gap:16px; margin-top:-56px; position:relative; z-index:3; }
  .stat-card{ background:#fff; border-radius:18px; padding:26px 18px; text-align:center;
              box-shadow:0 16px 40px -18px rgba(13,34,87,.25); }
  .stat-card .num{ font-size:1.7rem; font-weight:800; color:var(--navy-800); }
  .stat-card .label{ color:var(--muted); font-size:.85rem; margin-top:6px; }

  section{ padding:80px 0; }
  .section-title{ text-align:center; max-width:640px; margin:0 auto 46px auto; }
  .section-title .kicker{ color:var(--green-400); font-weight:700; font-size:.85rem; }
  .section-title h2{ font-size:1.9rem; font-weight:800; color:var(--navy-800); margin-top:10px; line-height:1.6; }
  .section-title p{ color:var(--muted); margin-top:12px; line-height:1.9; }

  .chart-card{ background:#fff; border-radius:var(--radius); padding:32px; box-shadow:0 20px 50px -25px rgba(13,34,87,.2);
               max-width:760px; margin:0 auto; }
  .chart-note{ text-align:center; color:var(--muted); font-size:.85rem; margin-top:18px; line-height:1.9; }

  .steps{ display:grid; grid-template-columns:repeat(4,1fr); gap:20px; }
  .step{ background:#fff; border-radius:18px; padding:28px 20px; box-shadow:0 10px 30px -18px rgba(13,34,87,.18); }
  .step .n{ width:38px; height:38px; border-radius:50%; background:var(--navy-800); color:var(--green-300);
            display:flex; align-items:center; justify-content:center; font-weight:800; margin-bottom:16px; }
  .step h3{ color:var(--navy-800); font-size:1.05rem; font-weight:800; margin-bottom:8px; }
  .step p{ color:var(--muted); font-size:.88rem; line-height:1.9; }

  .apply-section{ background:var(--navy-800); color:#fff; border-radius:var(--radius); padding:50px 40px;
                   max-width:900px; margin:0 auto; display:grid; grid-template-columns:1fr 1fr; gap:40px; align-items:center; }
  .apply-section h2{ font-size:1.6rem; font-weight:800; margin-bottom:14px; line-height:1.6; }
  .apply-section p{ color:rgba(255,255,255,.7); line-height:1.9; }
  .apply-form input{ width:100%; padding:13px 16px; border-radius:10px; border:1px solid rgba(255,255,255,.2);
                      background:rgba(255,255,255,.06); color:#fff; font-family:inherit; font-size:.95rem; margin-bottom:12px; }
  .apply-form input::placeholder{ color:rgba(255,255,255,.45); }
  .apply-form button{ width:100%; }
  .form-msg{ font-size:.85rem; margin-top:10px; text-align:center; }
  .form-msg.ok{ color:var(--green-300); }
  .form-msg.err{ color:#ffb4b4; }

  .footer-note{ text-align:center; color:var(--muted); font-size:.82rem; padding:40px 0; }

  @media (max-width:900px){
    .stats-row{ grid-template-columns:repeat(2,1fr); }
    .steps{ grid-template-columns:repeat(2,1fr); }
    .apply-section{ grid-template-columns:1fr; }
    .hero h1{ font-size:1.9rem; }
  }

:root{--forest:#0b604f;--forest-dark:#07483d;--leaf:#78a933;--paper:#fffefa;--soft:#f7f6f0;--line:#e6e4dc;--ink:#172124;--muted:#66716f;--maxw:1280px;}
  body{background:var(--paper);color:var(--ink)}
  .nav{background:rgba(255,254,250,.95);border-color:var(--line)}
  .nav-inner{max-width:var(--maxw);padding:14px 30px}.brand img{border-radius:0}.brand span,.nav-back{color:var(--forest-dark)}
  .hero{background:radial-gradient(circle at 20% 15%,#e7f5ec 0,#fffefa 46%,#fbf6e9 100%);color:var(--ink);padding:54px 0 80px}
  .hero .wrap{display:grid;grid-template-columns:1fr 1fr;align-items:center;text-align:right;gap:38px}
  .hero .eyebrow{background:#edf5ef;color:var(--forest);border-color:#d5e6d9;width:max-content}
  .hero h1{color:var(--ink);font-size:clamp(2rem,3.5vw,3.5rem);margin:0 0 18px;max-width:15ch}.hero h1 span{color:var(--forest)}
  .hero p.lead{color:var(--muted);margin:0 0 28px;max-width:54ch}.hero .cta-row{justify-content:flex-start}
  .btn{border-radius:9px}.btn-primary{background:var(--forest);color:#fff;box-shadow:0 10px 28px -14px rgba(11,96,79,.5)}.btn-ghost{background:#fff;color:var(--forest);border-color:#9bb6aa}
  .hero-illustration{grid-column:1;grid-row:1/5;height:520px;background:url('/static/images/affiliate-invitation.webp') center bottom/contain no-repeat;mix-blend-mode:normal;filter:drop-shadow(0 26px 22px rgba(8,70,58,.13))}.hero-illustration svg{display:none}
  .stats-row{margin-top:-38px}.stat-card{position:relative;overflow:hidden;border:1px solid #cfe1d5;box-shadow:0 20px 44px -30px rgba(5,65,53,.35);background:linear-gradient(145deg,#fff,#eff8f2)}.stat-card:nth-child(2){background:linear-gradient(145deg,#fff,#fff4dc);border-color:#ecddb9}.stat-card:nth-child(3){background:linear-gradient(145deg,#fff,#eef1fb);border-color:#d4dcef}.stat-card:nth-child(4){background:linear-gradient(145deg,#fff,#f2ebfa);border-color:#dfd2ed}.stat-card::after{content:"";position:absolute;width:70px;height:70px;border-radius:50%;left:-24px;bottom:-30px;background:var(--forest);opacity:.06}.stat-card .num,.section-title h2,.step h3{color:var(--forest-dark)}
  section{padding:72px 0}.section-title .kicker{color:var(--leaf)}.chart-showcase{display:grid;grid-template-columns:minmax(0,1fr) 310px;align-items:end;gap:28px;max-width:1080px;margin:0 auto}.chart-showcase .chart-card{max-width:none;width:100%;margin:0}.growth-pose{height:430px;display:flex;align-items:flex-end;justify-content:center;padding:18px 18px 0;border-radius:28px;background:linear-gradient(155deg,#eef8f1,#fff7e6);border:1px solid #d9e8dc;overflow:hidden}.growth-pose img{width:100%;height:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 20px 18px rgba(8,70,58,.14))}.chart-card,.step{border:1px solid var(--line);box-shadow:0 16px 38px -30px rgba(0,0,0,.3)}.step .n{background:var(--forest);color:#fff}
  .apply-section{position:relative;background:linear-gradient(135deg,#073f35,#0b604f);border-radius:26px;grid-template-columns:.8fr 1fr 1.15fr;overflow:hidden;padding:42px}.apply-section::before{content:"";position:absolute;inset:auto -90px -120px auto;width:340px;height:340px;border:1px solid rgba(255,255,255,.1);border-radius:50%}.signup-pose{align-self:end;height:400px;display:flex;align-items:flex-end;justify-content:center}.signup-pose img{width:125%;max-width:none;max-height:430px;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 22px 18px rgba(0,0,0,.16))}.apply-form{position:relative;z-index:2}.apply-form input{background:rgba(255,255,255,.11);border-color:rgba(255,255,255,.24)}.apply-form .form-note{font-size:.75rem;color:rgba(255,255,255,.65);line-height:1.8;margin:-2px 0 12px}.footer-note{border-top:1px solid var(--line)}
  @media(max-width:900px){.hero .wrap{grid-template-columns:1fr;text-align:center}.hero .eyebrow{margin-inline:auto}.hero h1,.hero p.lead{margin-inline:auto}.hero .cta-row{justify-content:center}.hero-illustration{grid-column:1;grid-row:auto;height:340px}}
  @media(max-width:980px){.nav-links{display:none}.nav-start{display:none}.site-footer-inner{flex-direction:column;text-align:center}.chart-showcase{grid-template-columns:1fr}.growth-pose{height:340px;max-width:420px;width:100%;margin:0 auto}.apply-section{grid-template-columns:1fr}.signup-pose{height:300px;order:3}.signup-pose img{width:100%}}
/* Utility classes formerly embedded in the page markup. */
.hero-chart-art{max-width:520px;margin-top:50px}.step-icon{margin-bottom:16px}
@media(max-width:980px){.chart-showcase{grid-template-columns:minmax(0,1fr)}.chart-showcase>*{min-width:0}.chart-card canvas{max-width:100%}} @media(max-width:480px){.steps{grid-template-columns:minmax(0,1fr)}}