@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{--forest:#0b604f;--forest-dark:#07483d;--leaf:#78a933;--paper:#fffefa;--line:#e7e5dd;--soft:#f7f6f0;--ink:#152126;--muted:#65706f;--maxw:1460px;}
  body{background:var(--paper);color:var(--ink);}
  .wrap{max-width:var(--maxw);}
  .nav{background:rgba(255,254,250,.94);border-color:var(--line);box-shadow:none;}
  .nav-inner{max-width:var(--maxw);padding:14px 42px;min-height:74px;}
  .brand img{width:42px;height:42px;box-shadow:none;border-radius:0;}
  .brand span{color:var(--ink);font-size:1.35rem;}
  .nav-links{color:var(--ink);gap:38px;font-size:.9rem;}
  .nav-links a::after{background:var(--forest);}
  .nav-panel{border-color:var(--forest);color:var(--forest);border-radius:8px;padding:10px 18px;}
  .nav-cta{background:var(--forest);border-radius:8px;padding:11px 20px;}
  .hero{background:linear-gradient(135deg,#fbf8ef 0%,#fffefa 58%,#eef6ef 100%);color:var(--ink);padding:42px 0 26px;overflow:visible;}
  .hero-rings,.arc-divider{display:none;}
  .hero-inner{max-width:var(--maxw);padding:0 42px;display:grid;grid-template-columns:1.02fr 1fr;align-items:center;}
  .hero-copy{padding:0 0 18px;}
  .hero-logo{margin-bottom:20px;color:var(--forest);}
  .hero-logo img{display:none;}
  .hero-logo .hl-text b{font-size:2.6rem;color:var(--forest);}
  .hero-logo .hl-text b::before{content:'◆';font-size:1.2rem;color:var(--leaf);margin-left:10px;vertical-align:middle;}
  .hero-logo .hl-text span{display:none;}
  .eyebrow{background:transparent;border:0;color:var(--forest);padding:0;border-radius:0;margin-bottom:14px;font-size:.95rem;}
  h1.headline{font-size:clamp(2.2rem,3.7vw,4.15rem);color:var(--ink);max-width:15ch;margin-bottom:20px;line-height:1.28;}
  h1.headline .accent{color:var(--forest);}
  .lead{color:#4e5a5b;font-size:1.15rem;line-height:2;margin-bottom:26px;}
  .hero-actions{margin-bottom:30px;gap:14px;}
  .btn{border-radius:8px;padding:14px 28px;}
  .btn-primary{background:var(--forest);color:white;box-shadow:0 10px 24px -12px rgba(11,96,79,.55);}
  .btn-secondary-outline{border:1px solid #9da3a0;background:white;color:var(--ink);}
  .hero-actions .hint{color:var(--muted);}
  .hero-points{display:none;}
  .hero-visual{position:relative;height:500px;isolation:isolate;overflow:visible;background:transparent;}
  .hero-visual::after{content:"";position:absolute;inset:auto 10% 20px 8%;height:28px;background:rgba(10,72,60,.12);filter:blur(24px);border-radius:50%;z-index:-1;}
  .hero-dashboard{display:none;}
  .hero-person{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center bottom;mix-blend-mode:normal;z-index:2;filter:drop-shadow(0 24px 24px rgba(8,55,46,.10));}
  .trust-row{grid-column:1/-1;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr);padding:18px 0 8px;margin-top:-8px;}
  .trust-item{text-align:center;border-left:1px solid var(--line);color:var(--forest);font-size:.82rem;}
  .trust-item:last-child{border-left:0;}.trust-item b{display:block;font-size:1.15rem;margin-bottom:3px;}
  .quick-features{padding:44px 0 26px;background:var(--paper);}
  .quick-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;}
  .quick-card{position:relative;overflow:hidden;background:linear-gradient(145deg,#e8f4ed,#f9fcfa);border:1px solid #cfe3d6;border-radius:20px;padding:24px;min-height:174px;box-shadow:0 18px 38px -30px rgba(6,58,49,.45);transition:.25s;}
  .quick-card:nth-child(2){background:linear-gradient(145deg,#fff3d9,#fffaf0);border-color:#eeddb6}.quick-card:nth-child(3){background:linear-gradient(145deg,#e8eefb,#f8faff);border-color:#ccd8ee}.quick-card:nth-child(4){background:linear-gradient(145deg,#f1eafa,#fcf9ff);border-color:#ddcfed}.quick-card:nth-child(5){background:linear-gradient(145deg,#e4f5f3,#f8fcfb);border-color:#c8e4df}
  .quick-card::after{content:"";position:absolute;width:90px;height:90px;border-radius:50%;left:-30px;bottom:-34px;background:currentColor;opacity:.055}.quick-card:hover{transform:translateY(-7px);box-shadow:0 24px 44px -28px rgba(6,58,49,.48)}
  .quick-card .qicon{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;background:var(--forest);color:#fff;font-size:1.4rem;margin-bottom:16px;box-shadow:0 10px 20px -13px #063a31}.quick-card h3{font-size:1rem;color:#17322d;margin-bottom:9px}.quick-card p{font-size:.79rem;color:#556a65;line-height:1.85}
  .setup-band{position:relative;margin:0 auto 70px;max-width:var(--maxw);min-height:760px;border:0!important;border-radius:0!important;box-shadow:none!important;background:radial-gradient(circle at 50% 18%,#fff 0,#fffdf8 55%,#fbf8f0 100%);padding:72px 58px 72px;overflow:hidden}
  .setup-brandline{text-align:center;color:#d3a64c;font-size:.9rem;letter-spacing:.04em;margin-bottom:18px}.setup-brandline:before,.setup-brandline:after{content:"✦";display:inline-block;margin:0 14px;color:#d9ad55}
  .setup-head{text-align:center;max-width:840px;margin:0 auto 104px}.setup-head h2{color:#064f43;font-size:clamp(2.7rem,4.7vw,4.4rem);line-height:1.2;margin:0 0 18px;font-weight:900}.setup-head p{color:#68716e;font-size:1.08rem;line-height:1.9;max-width:650px;margin:auto}
  .setup-rocket{position:absolute;right:5.5%;left:auto;top:30px;width:155px;height:180px;color:#07584a;transform:rotate(5deg);filter:drop-shadow(0 12px 12px rgba(11,96,79,.1));z-index:6}.setup-rocket svg{width:100%;height:100%}.setup-stars{position:absolute;right:7%;left:auto;top:155px;color:#07584a;font-size:1.2rem;line-height:2.5;transform:rotate(12deg)}
  .setup-track{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:80px;direction:rtl;z-index:2;padding:0 8px}.setup-track:before{display:none!important}.setup-wave{display:block!important;position:absolute;left:-1%;right:-1%;top:37%;width:102%;height:190px;z-index:5;pointer-events:none;overflow:visible}.setup-wave path{fill:none;stroke:#07584a;stroke-width:3;stroke-linecap:round}.setup-wave .trail{stroke-width:1.4;opacity:.38}.setup-wave circle{fill:#07584a;stroke:#fff;stroke-width:5;filter:drop-shadow(0 3px 4px rgba(7,88,74,.25))}
  .setup-step{position:relative;text-align:center;border:1px solid #ead8b6;background:rgba(255,255,255,.92);border-radius:24px;padding:64px 20px 36px;min-height:330px;box-shadow:0 18px 38px -34px rgba(6,58,49,.35);z-index:2}.setup-step:after{content:"";position:absolute;bottom:25px;right:50%;transform:translateX(50%);width:42px;height:4px;border-radius:9px;background:#d9aa4e}.setup-num{position:absolute;top:0;right:50%;transform:translate(50%,-50%);width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:#07584a;color:#f1c267;border:3px solid #e4bc69;font-style:normal;font-weight:900;font-size:1.3rem;box-shadow:0 8px 18px -10px #063a31;z-index:7}.setup-icon{visibility:visible!important;opacity:1!important;width:94px;height:94px;border-radius:50%;display:grid!important;place-items:center;margin:0 auto 18px;background:#f8f6ef;color:#07584a}.setup-icon svg{display:block!important;visibility:visible!important;opacity:1!important;width:58px;height:58px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.setup-step b{display:block;color:#064f43;font-size:1.22rem;margin-bottom:11px}.setup-step span{display:block;font-size:.82rem;color:#68716e;line-height:1.85;min-height:55px}
  .section{padding:76px 0;}.section-head h2{color:var(--forest-dark);}.tag{color:var(--forest);}.tag .dot{background:var(--leaf);}
  .preview{background:var(--soft);padding-top:76px;}.preview-grid{grid-template-columns:1fr;}
  .product-preview{position:relative;border-radius:28px;padding:18px;background:linear-gradient(145deg,#0b604f,#073f35);box-shadow:0 28px 65px -35px rgba(5,55,46,.55)}
  .product-preview img{display:block;width:100%;max-height:620px;object-fit:cover;object-position:top center;border-radius:18px}
  .preview-highlights{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}.preview-highlight{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px}.preview-highlight b{display:block;color:var(--forest);margin-bottom:5px}.preview-highlight span{color:var(--muted);font-size:.8rem;line-height:1.7}
  .why,.features,.pricing,.about{background:var(--paper);}.support{background:var(--soft);}
  .support-image img{content:url('/static/images/support-agent-three-quarter.webp');object-position:center bottom;object-fit:contain;}
  .profit-img img{content:url('/static/images/brand-presenter-thumbs-up.webp');object-fit:contain;object-position:center bottom;}
  .cta-img img{content:url('/static/images/brand-presenter-tablet.webp');object-fit:contain;mix-blend-mode:normal;}
  .feat-card,.price-card,.why-card{border-color:var(--line);box-shadow:0 12px 34px -28px rgba(0,0,0,.35);}
  .price-card.featured{border-color:var(--forest);}.price-cta{background:var(--forest);}
  footer{background:var(--forest-dark);}
  [data-theme="dark"] .hero-person{border-radius:0;}
  [data-theme="dark"] .product-preview{background:linear-gradient(145deg,#18352d,#0b1714);border:1px solid #315047}
  [data-theme="dark"] .preview-highlight{background:#172520;border-color:#30453e}[data-theme="dark"] .preview-highlight b{color:#79d8b4}[data-theme="dark"] .preview-highlight span{color:#a9beb5}
  [data-theme="dark"] .support-image,[data-theme="dark"] .profit-img,[data-theme="dark"] .cta-img{display:flex}
  /* Explicit light-mode contrast: prevents legacy navy-section colors leaking into light mode. */
  html:not([data-theme="dark"]) .features{background:#f7f6f0;color:#172124;}
  html:not([data-theme="dark"]) .features .section-head h2{color:#07483d;}
  html:not([data-theme="dark"]) .features .section-head p{color:#66716f;}
  html:not([data-theme="dark"]) .features .tag{color:#0b604f;}
  html:not([data-theme="dark"]) .feat-card{background:#fff;color:#172124;border:1px solid #e0e4dd;box-shadow:0 16px 34px -28px rgba(0,0,0,.35);}
  html:not([data-theme="dark"]) .feat-card:hover{background:#f8fcf9;border-color:#9fc9b7;}
  html:not([data-theme="dark"]) .feat-card h3{color:#123c33;}
  html:not([data-theme="dark"]) .feat-card p{color:#596c67;}
  html:not([data-theme="dark"]) .feat-icon{background:#e9f7ef;color:#0b604f;border-color:#cfe8d9;}
  html:not([data-theme="dark"]) .profit-band{background:#efe9dc;color:#172124;}
  html:not([data-theme="dark"]) .profit-text h2{color:#07483d;}
  html:not([data-theme="dark"]) .profit-text p{color:#66716f;}
  html:not([data-theme="dark"]) .pricing{background:#efe9dc;color:#172124;}
  html:not([data-theme="dark"]) .pricing .section-head h2{color:#07483d;}
  html:not([data-theme="dark"]) .pricing .section-head p{color:#66716f;}
  html:not([data-theme="dark"]) .price-card:not(.featured){background:#fff;color:#172124;}
  html:not([data-theme="dark"]) .price-card:not(.featured) h3{color:#07483d;}
  html:not([data-theme="dark"]) .about{background:#fffefa;color:#172124;}
  html:not([data-theme="dark"]) .about-text h2{color:#07483d !important;}
  html:not([data-theme="dark"]) .about-text p{color:#66716f;}
  @media(max-width:980px){
    .hero-inner{grid-template-columns:1fr;padding:0 24px}.hero-copy{text-align:center}.hero-logo{justify-content:center}.headline,.lead{margin-right:auto;margin-left:auto}.hero-actions{justify-content:center}.hero-visual{height:430px}.trust-row{grid-template-columns:repeat(2,1fr);gap:14px}.quick-grid{grid-template-columns:repeat(2,1fr)}.setup-band{padding-inline:28px}.setup-track{gap:24px}.setup-head{margin-bottom:72px}.setup-wave{top:46%}.nav-inner{padding:12px 22px}
  }
  @media(max-width:700px){.preview-highlights{grid-template-columns:1fr}}
  @media(max-width:600px){.hero-visual{height:310px}.hero-dashboard{width:76%;top:30px}.hero-person{width:76%}.trust-row{grid-template-columns:1fr 1fr}.quick-grid{grid-template-columns:1fr}.setup-band{padding:48px 18px 34px;min-height:0}.setup-brandline{margin-top:28px}.setup-head{margin-bottom:58px}.setup-head h2{font-size:2rem}.setup-head p{font-size:.86rem}.setup-rocket{width:78px;height:88px;right:4px;left:auto;top:4px}.setup-stars{display:none}.setup-track{grid-template-columns:1fr;gap:42px}.setup-wave{display:none!important}.setup-step{min-height:260px;padding-top:58px}.profit-kpis{grid-template-columns:1fr}.cta-actions,.cta-trust{flex-direction:column;align-items:stretch}.cta-trust span{border:0;padding:5px}.support-image img,.profit-img img,.cta-img img{height:360px}.nav-cta{display:none}}
  .theme-toggle{width:42px;height:42px;border-radius:10px;border:1px solid #b8c9c0;background:#fff;color:var(--forest);cursor:pointer;font-size:1.05rem;display:grid;place-items:center}
  [data-theme="dark"]{--paper:#101a18;--soft:#14221f;--line:#2a3b36;--ink:#eff8f3;--muted:#a5b8b1;--forest:#4bc49a;--forest-dark:#d8f5e9}
  [data-theme="dark"] body{background:#101a18;color:#eff8f3}[data-theme="dark"] .nav{background:rgba(13,25,22,.94);border-color:#293a35}[data-theme="dark"] .brand span,[data-theme="dark"] .nav-links{color:#eef8f3}[data-theme="dark"] .nav-panel{color:#8ee0c1;border-color:#406157}[data-theme="dark"] .hero{background:radial-gradient(circle at 15% 20%,#1b3930 0,#101a18 50%,#0d1614 100%)}[data-theme="dark"] .hero-person{mix-blend-mode:normal;border-radius:24px}[data-theme="dark"] .lead{color:#b7c9c2}[data-theme="dark"] .btn-secondary-outline{background:transparent;color:#eff8f3;border-color:#6d837b}[data-theme="dark"] .hero-actions .hint{color:#9fb2ab}[data-theme="dark"] .quick-features,[data-theme="dark"] .why,[data-theme="dark"] .features,[data-theme="dark"] .pricing,[data-theme="dark"] .about{background:#101a18}[data-theme="dark"] .quick-card{background:linear-gradient(145deg,#1a312a,#15241f);border-color:#315047}[data-theme="dark"] .quick-card:nth-child(n){background:linear-gradient(145deg,#1a312a,#15241f);border-color:#315047}[data-theme="dark"] .quick-card h3{color:#ecfaf4}[data-theme="dark"] .quick-card p{color:#a9beb5}[data-theme="dark"] .setup-band{background:linear-gradient(125deg,#162923,#201f18);border-color:#345047}[data-theme="dark"] .setup-intro h2,[data-theme="dark"] .setup-step b{color:#79d8b4}[data-theme="dark"] .setup-step span,[data-theme="dark"] .setup-intro p{color:#a9bcb5}[data-theme="dark"] .card,[data-theme="dark"] .feat-card,[data-theme="dark"] .price-card,[data-theme="dark"] .why-card{background:#172520;color:#eef8f3;border-color:#30453e}[data-theme="dark"] .section-head h2,[data-theme="dark"] .feat-card h3,[data-theme="dark"] .price-card h3{color:#e7f8f1}[data-theme="dark"] .theme-toggle{background:#172520;color:#ffd36a;border-color:#365047}

:root{
    --navy-900:#0a1c48;
    --navy-800:#0d2257;
    --navy-700:#16316f;
    --navy-600:#20408a;
    --green-400:#3dd68c;
    --green-300:#7de6b3;
    --green-glow: rgba(61,214,140,.35);
    --cream:#f6f3ec;
    --cream-2:#efe9dc;
    --ink:#0d1b2a;
    --muted:#5b6a84;
    --muted-2:#8894ab;
    --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;
    overflow-x:hidden;
  }
  h1,h2,h3,p,ul{margin:0;}
  a{text-decoration:none;color:inherit;}
  ul{padding:0;list-style:none;}
  button{font-family:inherit;}
  .wrap{max-width:var(--maxw);margin:0 auto;padding:0 28px;}
  :focus-visible{outline:3px solid var(--green-400);outline-offset:3px;border-radius:6px;}

  /* icon system - inline SVG sprite, no external dependency */
  .icon{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none;}

  /* ---------- NAV ---------- */
  .nav{
    position:sticky; top:0; z-index:100;
    background:rgba(246,243,236,.86);
    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;
    position:relative;
  }
  .brand{display:flex; align-items:center; gap:10px;}
  .brand img{width:44px; height:44px; border-radius:11px; display:block; object-fit:cover; box-shadow:0 4px 14px -6px rgba(13,34,87,.4);}
  .brand span{font-weight:800; font-size:1.1rem; color:var(--navy-800);}
  .nav-links{display:flex; gap:28px; font-weight:600; font-size:.95rem; color:var(--navy-800);}
  .nav-links a{position:relative; padding:6px 0; opacity:.82;}
  .nav-links a:hover{opacity:1;}
  .nav-links a::after{
    content:""; position:absolute; right:0; bottom:0; height:2px; width:0;
    background:var(--green-400); transition:width .25s ease;
  }
  .nav-links a:hover::after{width:100%;}
  .nav-actions{display:flex; align-items:center; gap:10px;}
  .nav-panel{
    display:flex; align-items:center; gap:7px;
    border:1.5px solid rgba(13,34,87,.18); color:var(--navy-800);
    padding:9px 16px; border-radius:100px; font-weight:700; font-size:.85rem; white-space:nowrap;
    transition:border-color .2s ease, background .2s ease;
  }
  .nav-panel .icon{width:16px; height:16px;}
  .nav-panel:hover{border-color:var(--navy-800); background:rgba(13,34,87,.05);}
  .nav-cta{
    background:var(--navy-800); color:#fff; padding:10px 20px; border-radius:100px;
    font-weight:700; font-size:.86rem; white-space:nowrap; transition:transform .2s ease, background .2s ease;
  }
  .nav-cta:hover{background:var(--green-400); color:var(--navy-900); transform:translateY(-1px);}

  .nav-toggle{
    display:none; align-items:center; justify-content:center;
    width:38px; height:38px; border-radius:10px; border:1.5px solid rgba(13,34,87,.18);
    background:none; cursor:pointer; color:var(--navy-800); flex:none;
  }
  .nav-toggle .icon{width:20px; height:20px;}
  .nav-toggle:hover{background:rgba(13,34,87,.05);}

  /* ---------- BUTTONS ---------- */
  .btn{display:inline-flex; align-items:center; gap:8px; padding:16px 30px; border-radius:100px; font-weight:700; font-size:1rem; 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); box-shadow:0 16px 34px -8px var(--green-glow);}

  /* ---------- HERO ---------- */
  .hero{
    position:relative;
    background:radial-gradient(120% 100% at 20% 0%, var(--navy-700) 0%, var(--navy-800) 45%, var(--navy-900) 100%);
    color:#fff;
    padding:64px 0 60px;
    overflow:hidden;
  }
  .hero-rings{
    position:absolute; inset:auto -180px -220px auto; width:640px; height:640px;
    pointer-events:none; opacity:.9;
  }
  .hero-rings svg{width:100%; height:100%;}
  .ring-a{transform-origin:50% 50%; animation:spin 46s linear infinite;}
  .ring-b{transform-origin:50% 50%; animation:spin 60s linear infinite reverse;}
  .ring-c{transform-origin:50% 50%; animation:spin 80s linear infinite;}
  @keyframes spin{to{transform:rotate(360deg);}}
  @media (prefers-reduced-motion:reduce){
    .ring-a,.ring-b,.ring-c{animation:none;}
  }
  .hero-inner{position:relative; z-index:2; max-width:var(--maxw); margin:0 auto; padding:0 28px;}
  .hero-logo{display:flex; align-items:center; gap:14px; margin-bottom:30px;}
  .hero-logo img{width:64px; height:64px; border-radius:16px; box-shadow:0 12px 30px -10px rgba(0,0,0,.5);}
  .hero-logo .hl-text b{display:block; font-size:1.05rem; font-weight:800;}
  .hero-logo .hl-text span{display:block; font-size:.68rem; color:var(--green-300); font-weight:600; margin-top:2px;}
  .eyebrow{
    display:inline-flex; align-items:center; gap:8px;
    color:var(--green-300); font-weight:700; font-size:.85rem; letter-spacing:.02em;
    background:rgba(61,214,140,.1); border:1px solid rgba(61,214,140,.25);
    padding:8px 16px; border-radius:100px; margin-bottom:26px;
  }
  h1.headline{
    font-size:clamp(2.3rem, 5.4vw, 4.1rem);
    font-weight:900; line-height:1.18; max-width:15ch;
    margin-bottom:26px;
  }
  h1.headline .accent{color:var(--green-400);}
  .lead{
    font-size:clamp(1.02rem, 1.6vw, 1.22rem); color:rgba(255,255,255,.78);
    max-width:46ch; line-height:1.9; margin-bottom:38px; font-weight:500;
  }
  .hero-actions{display:flex; align-items:center; gap:18px; flex-wrap:wrap; margin-bottom:56px;}
  .hero-actions .hint{color:rgba(255,255,255,.55); font-size:.9rem; font-weight:600;}
  .hero-points{display:flex; flex-wrap:wrap; gap:14px 30px;}
  .hero-points li{
    display:flex; align-items:center; gap:10px; font-weight:600; font-size:.96rem;
    color:rgba(255,255,255,.9);
  }
  .hero-points .ico{
    width:34px; height:34px; border-radius:10px; display:flex; align-items:center; justify-content:center;
    background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.1); font-size:1.05rem; flex:none;
  }

  /* ---------- ARC DIVIDER ---------- */
  .arc-divider{position:relative; height:64px; background:var(--cream);}
  .arc-divider svg{position:absolute; top:-1px; right:0; width:100%; height:65px; display:block;}

  /* ---------- SECTION HEADERS ---------- */
  .section{padding:96px 0;}
  .section-head{max-width:640px; margin-bottom:56px;}
  .tag{
    display:inline-flex; align-items:center; gap:8px; color:var(--navy-700); font-weight:800;
    font-size:.82rem; letter-spacing:.03em; margin-bottom:16px;
  }
  .tag .dot{width:8px; height:8px; border-radius:50%; background:var(--green-400); display:inline-block;}
  .section-head h2{font-size:clamp(1.7rem,3vw,2.5rem); font-weight:800; color:var(--navy-900); line-height:1.35;}
  .section-head p{margin-top:16px; color:var(--muted); font-size:1.05rem; line-height:1.85; max-width:56ch;}

  /* ---------- PREVIEW IMAGE ---------- */
  .preview{background:var(--cream); padding-top:0;}
  .preview-image{
    border-radius:28px; overflow:hidden;
    box-shadow:0 30px 70px -24px rgba(13,34,87,.35);
    border:1px solid rgba(13,27,42,.08);
  }
  .preview-image img{display:block; width:100%; height:auto;}

  /* ---------- WHY ---------- */
  .why{background:var(--cream);}
  .why-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:28px;}
  .why-card{
    background:#fff; border-radius:var(--radius); padding:34px 30px;
    border:1px solid rgba(13,27,42,.06); position:relative; overflow:hidden;
    transition:transform .25s ease, box-shadow .25s ease;
  }
  .why-card:hover{transform:translateY(-5px); box-shadow:0 22px 40px -20px rgba(13,27,42,.22);}
  .why-arc{position:absolute; inset-inline-end:-30px; top:-30px; width:110px; height:110px; opacity:.5;}
  .why-card h3{font-size:1.18rem; font-weight:800; color:var(--navy-900); margin-bottom:12px; position:relative; z-index:1;}
  .why-card p{color:var(--muted); font-size:.97rem; line-height:1.9; position:relative; z-index:1;}
  .why-card .num{
    display:inline-flex; align-items:center; justify-content:center; width:44px; height:44px;
    border-radius:50%; background:var(--navy-800); color:var(--green-400); font-weight:800;
    margin-bottom:20px; font-size:1.1rem; position:relative; z-index:1;
  }

  /* ---------- FEATURES ---------- */
  .features{background:var(--navy-900); color:#fff; position:relative;}
  .features .section-head h2{color:#fff;}
  .features .section-head p{color:rgba(255,255,255,.65);}
  .features .tag{color:var(--green-300);}
  .feat-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:22px;}
  .feat-card{
    background:rgba(255,255,255,.035); border:1px solid rgba(255,255,255,.08);
    border-radius:var(--radius); padding:30px 28px; transition:background .25s ease, transform .25s ease, border-color .25s ease;
  }
  .feat-card:hover{background:rgba(255,255,255,.06); transform:translateY(-4px); border-color:rgba(61,214,140,.35);}
  .feat-icon{
    width:52px; height:52px; border-radius:14px; display:flex; align-items:center; justify-content:center;
    background:linear-gradient(135deg, rgba(61,214,140,.18), rgba(61,214,140,.04));
    color:var(--green-400); margin-bottom:20px;
  }
  .feat-icon .icon{width:26px; height:26px;}
  .feat-card h3{font-size:1.1rem; font-weight:800; margin-bottom:10px;}
  .feat-card p{color:rgba(255,255,255,.62); font-size:.93rem; line-height:1.85;}

  .pl-card{display:flex; flex-direction:column; gap:18px;}
  .pl-visual{display:flex; align-items:center; gap:18px;}
  .pl-ring{width:84px; height:84px; flex:none;}
  .pl-ring svg{width:100%; height:100%; transform:rotate(-90deg);}
  .pl-ring .track{fill:none; stroke:rgba(255,255,255,.1); stroke-width:8;}
  .pl-ring .value{fill:none; stroke:var(--green-400); stroke-width:8; stroke-linecap:round;
    stroke-dasharray:226; stroke-dashoffset:226; transition:stroke-dashoffset 1.4s cubic-bezier(.2,.8,.2,1);}
  .pl-ring.in-view .value{stroke-dashoffset:70;}
  .pl-stats{font-size:.85rem; color:rgba(255,255,255,.55); line-height:1.7;}
  .pl-stats b{color:var(--green-300); font-size:1.3rem; display:block;}

  /* ---------- PRICING ---------- */
  .pricing{background:var(--cream-2);}
  .price-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:26px; margin-bottom:52px;}
  .price-card{
    background:#fff; border-radius:28px; padding:40px 36px; position:relative;
    border:1.5px solid rgba(13,27,42,.08); transition:transform .25s ease, box-shadow .25s ease;
  }
  .price-card:hover{transform:translateY(-4px); box-shadow:0 24px 50px -24px rgba(13,27,42,.25);}
  .price-card.featured{background:var(--navy-800); color:#fff; border-color:var(--navy-800);}
  .price-badge{
    position:absolute; top:-14px; left:36px; background:var(--green-400); color:var(--navy-900);
    font-weight:800; font-size:.78rem; padding:6px 16px; border-radius:100px;
  }
  .price-card h3{font-size:1.05rem; font-weight:700; color:var(--muted); margin-bottom:18px;}
  .price-card.featured h3{color:rgba(255,255,255,.65);}
  .price-amount{display:flex; align-items:baseline; gap:8px; margin-bottom:6px;}
  .price-amount .num{font-size:2.5rem; font-weight:900;}
  .price-amount .unit{font-size:.95rem; color:var(--muted); font-weight:600;}
  .price-card.featured .unit{color:rgba(255,255,255,.55);}
  .price-sub{font-size:.85rem; color:var(--muted-2); margin-bottom:28px;}
  .price-card.featured .price-sub{color:rgba(255,255,255,.5);}
  .price-list{display:flex; flex-direction:column; gap:14px; margin-bottom:32px;}
  .price-list li{display:flex; align-items:center; gap:10px; font-size:.94rem; font-weight:500;}
  .price-list .icon{width:19px; height:19px; color:var(--green-400);}
  .price-cta{
    display:block; text-align:center; width:100%; padding:15px; border-radius:14px; font-weight:800;
    background:var(--navy-900); color:#fff; transition:background .2s ease, transform .2s ease;
  }
  .price-card.featured .price-cta{background:var(--green-400); color:var(--navy-900);}
  .price-cta:hover{transform:translateY(-2px);}

  .promo-banner{
    display:flex; flex-wrap:wrap; gap:22px; justify-content:space-between;
    background:#fff; border-radius:20px; padding:26px 32px; margin-bottom:60px;
    border:1px solid rgba(13,27,42,.06);
  }
  .promo-banner div{display:flex; align-items:center; gap:10px; font-weight:700; font-size:.92rem; color:var(--navy-800);}
  .promo-banner .icon{width:20px; height:20px; color:var(--green-400);}

  .faq{display:flex; flex-direction:column; gap:12px; max-width:760px;}
  .faq-item{background:#fff; border-radius:16px; border:1px solid rgba(13,27,42,.07); overflow:hidden;}
  .faq-q{
    width:100%; text-align:right; background:none; border:none; cursor:pointer;
    padding:20px 24px; font-family:inherit; font-size:1rem; font-weight:700; color:var(--navy-900);
    display:flex; align-items:center; justify-content:space-between; gap:14px;
  }
  .faq-q .plus{font-size:1.3rem; font-weight:400; color:var(--green-400); transition:transform .3s ease; flex:none; line-height:1;}
  .faq-item.open .faq-q .plus{transform:rotate(45deg);}
  .faq-a{max-height:0; overflow:hidden; transition:max-height .35s ease;}
  .faq-a p{padding:0 24px 22px; color:var(--muted); font-size:.94rem; line-height:1.85;}

  /* ---------- ABOUT ---------- */
  .about{background:var(--cream); position:relative;}
  .about-wrap{display:grid; grid-template-columns:1.1fr .9fr; gap:60px; align-items:center;}
  .about-text p{font-size:1.08rem; line-height:2; color:var(--muted);}
  .about-ring{display:flex; align-items:center; justify-content:center;}
  .about-ring svg{width:100%; max-width:320px; height:auto;}

  /* ---------- PREVIEW SECONDARY (feature tablet image) ---------- */
  .preview-grid{display:grid; grid-template-columns:1.4fr .8fr; gap:26px; align-items:stretch;}
  .preview-side{
    border-radius:28px; overflow:hidden; box-shadow:0 30px 70px -24px rgba(13,34,87,.35);
    border:1px solid rgba(13,27,42,.08); background:var(--navy-800); position:relative; min-height:220px;
  }
  .preview-side img{display:block; width:100%; height:100%; object-fit:cover; object-position:top center;}

  /* ---------- SUPPORT ---------- */
  .support{background:var(--cream);}
  .support-wrap{display:grid; grid-template-columns:.85fr 1.15fr; gap:52px; align-items:center;}
  .support-image{display:flex; justify-content:center;}
  .support-image img{width:100%; max-width:340px; height:auto; border-radius:24px; box-shadow:0 24px 50px -20px rgba(13,27,42,.28);}
  .support-list{display:flex; flex-direction:column; gap:18px; margin-top:26px;}
  .support-list li{display:flex; align-items:flex-start; gap:12px; font-weight:600; color:var(--navy-800); font-size:.98rem;}
  .support-list .ico{
    width:32px; height:32px; border-radius:9px; background:rgba(61,214,140,.15); color:var(--navy-800);
    display:flex; align-items:center; justify-content:center; flex:none;
  }
  .support-list .ico .icon{width:17px; height:17px;}

  /* ---------- PROFIT BAND ---------- */
  .profit-band{background:var(--cream-2);}
  .profit-wrap{
    display:grid; grid-template-columns:1fr auto; gap:40px; align-items:center;
    background:#fff; border-radius:32px; padding:44px 48px; border:1px solid rgba(13,27,42,.06);
  }
  .profit-text h2{font-size:clamp(1.4rem,2.4vw,1.9rem); font-weight:800; color:var(--navy-900); margin-bottom:14px;}
  .profit-text p{color:var(--muted); font-size:1.02rem; line-height:1.9; max-width:56ch;}
  .profit-img img{width:220px; height:auto; border-radius:20px; display:block;}

  /* ---------- CTA BAND ---------- */
  .cta-band{background:var(--navy-900); color:#fff; position:relative; overflow:hidden;}
  .cta-wrap{display:grid; grid-template-columns:1fr auto; gap:40px; align-items:center;}
  .cta-text h2{font-size:clamp(1.6rem,2.8vw,2.3rem); font-weight:800; margin-bottom:16px;}
  .cta-text p{color:rgba(255,255,255,.68); font-size:1.05rem; line-height:1.9; margin-bottom:28px; max-width:52ch;}
  .cta-img img{width:260px; height:auto; display:block; border-radius:20px;}
  /* Approved homepage sections */
  .support{position:relative;overflow:hidden;background:radial-gradient(circle at 12% 20%,rgba(212,164,70,.12),transparent 25%),var(--paper)}
  .support:after{content:"";position:absolute;inset:auto -8% -170px auto;width:520px;height:330px;border:1px solid rgba(212,164,70,.22);border-radius:50%;transform:rotate(-10deg);pointer-events:none}
  .support-wrap{grid-template-columns:.9fr 1.1fr;gap:70px;min-height:520px;position:relative;z-index:1}.support-image{align-self:stretch;align-items:flex-end}.support-image img{width:min(100%,460px);max-width:none;height:500px;border-radius:0;box-shadow:none;filter:drop-shadow(0 28px 25px rgba(7,72,61,.12))}.support-text h2{color:var(--forest-dark);font-size:clamp(2rem,3.5vw,3.2rem);line-height:1.35;margin:12px 0 16px}.support-text>p{color:var(--muted);font-size:1.04rem;line-height:1.9}.support-list{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:28px 0}.support-list li{align-items:center;color:var(--forest-dark);font-size:.86rem;border-left:1px solid var(--line);padding-left:10px}.support-list li:last-child{border-left:0}.support-list .ico{flex:0 0 auto}.support-cta,.profit-cta{background:var(--forest);color:#fff;padding:13px 25px;box-shadow:0 15px 30px -18px var(--forest)}
  .profit-band{position:relative;overflow:hidden;background:linear-gradient(145deg,#fffefa,#f5efe2)}.profit-band:before{content:"";position:absolute;inset:auto -8% -180px -8%;height:310px;border-radius:50% 50% 0 0;background:linear-gradient(10deg,rgba(11,96,79,.16),transparent 70%);border-top:1px solid rgba(212,164,70,.45)}.profit-wrap{grid-template-columns:1.25fr .75fr;gap:50px;position:relative;z-index:1}.profit-text h2{font-size:clamp(2rem,3.5vw,3rem);line-height:1.4}.profit-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:28px 0 22px}.profit-kpis div{background:rgba(255,255,255,.78);border:1px solid #e7d8b9;border-radius:18px;padding:18px;text-align:center;box-shadow:0 18px 30px -28px #063a31}.profit-kpis b{display:block;color:var(--forest);font-size:1.55rem}.profit-kpis span{font-size:.78rem;color:var(--muted)}.profit-img{align-self:end}.profit-img img{width:100%;max-width:430px;height:470px;border-radius:0;object-position:center bottom;filter:drop-shadow(0 25px 22px rgba(7,72,61,.12))}
  .cta-band{background:linear-gradient(115deg,#063e35,#052d27);min-height:560px;padding-block:58px}.cta-band:before{content:"";position:absolute;right:-14%;top:-45%;width:70%;height:135%;border:1px solid rgba(224,177,85,.55);border-radius:50%;transform:rotate(12deg)}.cta-wrap{grid-template-columns:1.15fr .85fr;gap:44px;position:relative;z-index:1}.cta-text h2{color:#f0c36b;font-size:clamp(2.1rem,4vw,3.45rem);line-height:1.35}.cta-text p{color:#eef8f3;margin-bottom:15px}.cta-assurance{color:#e8bd67;font-size:.9rem;margin-bottom:25px}.cta-assurance span{padding:0 8px}.cta-actions{display:flex;gap:12px}.cta-primary{background:linear-gradient(135deg,#f4ce82,#d9a94e);color:#17322d}.cta-secondary{border:1px solid #e6bb66;color:#f3ca78;background:transparent}.cta-trust{display:flex;gap:0;margin-top:30px;color:#fff}.cta-trust span{padding:0 18px;border-left:1px solid rgba(255,255,255,.26);font-size:.8rem}.cta-trust span:first-child{padding-right:0}.cta-trust span:last-child{border:0}.cta-img{align-self:end}.cta-img img{width:100%;max-width:470px;height:470px;border-radius:0;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 26px 24px rgba(0,0,0,.18))}
  [data-theme="dark"] .setup-band{background:radial-gradient(circle at 50% 18%,#17241f 0,#111c19 62%,#0f1816 100%)}[data-theme="dark"] .setup-head h2,[data-theme="dark"] .setup-step b{color:#e4f6ef}[data-theme="dark"] .setup-head p,[data-theme="dark"] .setup-step span{color:#abc0b8}[data-theme="dark"] .setup-step{background:rgba(23,37,32,.94);border-color:#465148}[data-theme="dark"] .setup-icon{background:#202e29;color:#79d8b4}[data-theme="dark"] .setup-num{border-color:#d3a64c}[data-theme="dark"] .setup-wave path{stroke:#79d8b4}[data-theme="dark"] .setup-wave circle{fill:#79d8b4;stroke:#172520}[data-theme="dark"] .setup-rocket,[data-theme="dark"] .setup-stars{color:#79d8b4}[data-theme="dark"] .support{background:radial-gradient(circle at 12% 20%,rgba(212,164,70,.08),transparent 25%),#101a18}[data-theme="dark"] .support-text h2,[data-theme="dark"] .support-list li{color:#e7f8f1}[data-theme="dark"] .profit-band{background:linear-gradient(145deg,#101a18,#18221e)}[data-theme="dark"] .profit-kpis div{background:#172520;border-color:#3b4a43}[data-theme="dark"] .profit-kpis span{color:#adc0b8}
  /* Final visual crop and layout corrections from browser screenshots */
  .support{padding-block:54px;min-height:640px}.support-wrap{direction:ltr;grid-template-columns:minmax(460px,.85fr) minmax(0,1.15fr);gap:50px;align-items:center}.support-text{direction:rtl;text-align:right}.support-image{position:relative;display:block!important;width:100%;height:540px;overflow:hidden;align-self:center}.support-image img{position:absolute!important;max-width:none!important;width:990px!important;height:540px!important;object-fit:contain!important;left:-62px!important;bottom:0!important;filter:drop-shadow(0 22px 20px rgba(7,72,61,.11))}
  .profit-band{padding-block:54px;background:radial-gradient(circle at 14% 25%,rgba(213,164,70,.1),transparent 28%),var(--paper)}.profit-wrap{direction:rtl;grid-template-columns:minmax(0,1.1fr) minmax(440px,.9fr);gap:42px;align-items:center;background:transparent!important;border:0!important;border-radius:0!important;padding:0!important;box-shadow:none!important}.profit-text{direction:rtl}.profit-img{position:relative;width:100%;height:520px;overflow:hidden;align-self:center;grid-column:2}.profit-img img{position:absolute!important;max-width:none!important;width:1060px!important;height:550px!important;object-fit:contain!important;right:-485px!important;bottom:-4px!important;filter:drop-shadow(0 22px 20px rgba(7,72,61,.11))}.profit-kpis div{background:rgba(255,255,255,.62)}
  .cta-band{min-height:620px;padding-block:44px}.cta-wrap{direction:rtl;grid-template-columns:minmax(0,1.1fr) minmax(500px,.9fr);gap:25px;align-items:center}.cta-text{direction:rtl;position:relative;z-index:3}.cta-img{position:relative;width:100%;height:560px;overflow:hidden;align-self:end;grid-column:2}.cta-img img{position:absolute!important;max-width:none!important;width:1150px!important;height:620px!important;object-fit:contain!important;right:-154px!important;bottom:-46px!important;filter:drop-shadow(0 26px 24px rgba(0,0,0,.2))}

  @media (max-width:980px){
    .preview-grid{grid-template-columns:1fr;}
    .support-wrap{grid-template-columns:1fr; text-align:center;}
    .support-image{order:-1;}
    .support-list li{text-align:right;}
    .profit-wrap{grid-template-columns:1fr; text-align:center;}
    .profit-img{display:flex; justify-content:center;}
    .cta-wrap{grid-template-columns:1fr; text-align:center;}
    .support-wrap,.profit-wrap,.cta-wrap{grid-template-columns:1fr;direction:rtl}.support-text,.profit-text,.cta-text{text-align:center}.support-image,.profit-img,.cta-img{grid-column:auto;grid-row:auto;justify-content:center;margin-inline:auto}.support-image{height:430px;max-width:680px}.support-image img{width:790px!important;height:440px!important;left:50%!important;transform:translateX(-50%)}.profit-img{height:430px;max-width:680px}.profit-img img{width:840px!important;height:440px!important;right:50%!important;transform:translateX(50%)}.cta-img{height:470px;max-width:720px;order:2}.cta-img img{width:900px!important;height:500px!important;right:50%!important;transform:translateX(50%);bottom:-25px!important}.support-list{grid-template-columns:1fr}.support-list li{border-left:0;justify-content:center}.profit-kpis{max-width:650px;margin-inline:auto}.cta-actions,.cta-trust{justify-content:center}
    .cta-img{display:flex; justify-content:center;}
  }

  /* ---------- FOOTER ---------- */
  footer{background:var(--navy-900); color:rgba(255,255,255,.6); padding:50px 0 30px;}
  .footer-top{
    display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:24px;
    padding-bottom:36px; border-bottom:1px solid rgba(255,255,255,.08); margin-bottom:26px;
  }
  .footer-brand{display:flex; align-items:center; gap:12px;}
  .footer-brand img{width:46px; height:46px; border-radius:12px;}
  .footer-brand b{display:block; color:#fff; font-size:1.05rem; font-weight:800;}
  .footer-brand span{display:block; color:rgba(255,255,255,.5); font-size:.78rem; font-weight:600; margin-top:2px;}
  .footer-links{display:flex; gap:26px; font-size:.9rem; font-weight:600;}
  .footer-links a:hover{color:var(--green-400);}
  .footer-bottom{font-size:.82rem; text-align:center; color:rgba(255,255,255,.35);}
  .footer-trust{background:#fff; border-radius:10px; padding:4px; display:flex; align-items:center; line-height:0;}
  .footer-trust img{display:block; width:auto; height:80px;}

  /* ---------- REVEAL ---------- */
  .reveal{opacity:0; transform:translateY(24px); transition:opacity .7s ease, transform .7s ease;}
  .reveal.show{opacity:1; transform:translateY(0);}

  /* ---------- RESPONSIVE ---------- */
  @media (max-width:980px){
    .why-grid{grid-template-columns:1fr 1fr;}
    .feat-grid{grid-template-columns:1fr 1fr;}
    .price-grid{grid-template-columns:1fr;}
    .about-wrap{grid-template-columns:1fr; text-align:center;}
    .about-ring{order:-1;}
  }
  @media (max-width:680px){
    .nav-toggle{display:flex;}
    .nav-links{
      display:none; position:absolute; top:100%; right:0; left:0;
      flex-direction:column; gap:2px; background:#f6f3ec;
      padding:10px 24px 18px; box-shadow:0 16px 30px -10px rgba(13,27,42,.18);
      border-bottom:1px solid rgba(13,27,42,.08);
    }
    .nav-links.open{display:flex;}
    .nav-links a{padding:12px 0; border-bottom:1px solid rgba(13,27,42,.06);}
    .nav-panel span{display:none;}
    .why-grid{grid-template-columns:1fr;}
    .feat-grid{grid-template-columns:1fr;}
    .section{padding:64px 0;}
    .hero{padding:48px 0 40px;}
    .hero-rings{width:420px; height:420px; inset:auto -160px -180px auto;}
    .promo-banner{flex-direction:column;}
  }


  /* ======================================================
   ABOUT - CAFEEAPP
====================================================== */

.about-new {
  padding: 90px 0;
  background:
    radial-gradient(circle at 10% 15%, rgba(61,214,140,.08), transparent 25%),
    radial-gradient(circle at 90% 90%, rgba(13,34,87,.05), transparent 28%),
    #f8faf9;
}

.about-new .about-card {
  position: relative;
  display: grid;
  grid-template-columns: 1.08fr .92fr;
  align-items: center;
  gap: 55px;

  padding: 60px 65px;

  background: rgba(255,255,255,.92);

  border: 1px solid rgba(13,34,87,.07);
  border-radius: 34px;

  box-shadow:
    0 25px 70px rgba(18,45,38,.08),
    0 5px 18px rgba(18,45,38,.04);

  overflow: hidden;
}


/* ================= TEXT ================= */

.about-content {
  position: relative;
  z-index: 2;
  text-align: right;
}


.about-tag {
  display: inline-flex;
  align-items: center;
  gap: 8px;

  padding: 8px 14px;

  font-size: 14px;
  font-weight: 700;

  color: #075c4b;
  background: rgba(61,214,140,.12);

  border-radius: 999px;

  margin-bottom: 22px;
}


.about-tag-dot {
  width: 8px;
  height: 8px;

  background: #31c977;
  border-radius: 50%;

  box-shadow: 0 0 0 5px rgba(61,214,140,.12);
}


.about-title {
  margin: 0;

  color: #0d2257;

  font-size: clamp(2rem, 3vw, 3rem);
  font-weight: 900;
  line-height: 1.45;

  letter-spacing: -.7px;
}


.about-title span {
  color: #22b875;
}


.about-title-line {
  width: 44px;
  height: 4px;

  background: linear-gradient(
    90deg,
    #3dd68c,
    #1ab271
  );

  border-radius: 10px;

  margin: 18px 0 28px auto;
}


.about-description {
  max-width: 690px;

  margin: 0 0 12px;

  color: #536273;

  font-size: 16.5px;
  line-height: 2.25;

  font-weight: 400;
}


.about-description strong {
  color: #087258;
  font-weight: 800;
}


/* ================= FEATURES ================= */

.about-features {
  display: grid;
  grid-template-columns: repeat(3,1fr);

  margin-top: 38px;

  border: 1px solid rgba(13,34,87,.07);
  border-radius: 22px;

  background: rgba(255,255,255,.8);

  overflow: hidden;

  box-shadow: 0 10px 35px rgba(0,0,0,.035);
}


.about-feature {
  position: relative;

  display: flex;
  flex-direction: column;
  align-items: center;

  text-align: center;

  padding: 24px 16px 22px;
}


.about-feature:not(:last-child)::after {
  content: "";

  position: absolute;

  left: 0;
  top: 18%;
  bottom: 18%;

  width: 1px;

  background: #edf0f2;
}


.about-feature-icon {
  width: 48px;
  height: 48px;

  display: flex;
  align-items: center;
  justify-content: center;

  margin-bottom: 12px;

  color: #13a96e;

  background:
    linear-gradient(
      145deg,
      rgba(61,214,140,.17),
      rgba(61,214,140,.07)
    );

  border-radius: 50%;
}


.about-feature-icon svg {
  width: 24px;
  height: 24px;
}


.about-feature h4 {
  margin: 0 0 7px;

  color: #12213b;

  font-size: 14px;
  font-weight: 800;
}


.about-feature p {
  margin: 0;

  color: #74808d;

  font-size: 12px;
  line-height: 1.8;
}


/* ================= IMAGE ================= */

.about-visual {
  position: relative;

  display: flex;
  align-items: center;
  justify-content: center;

  min-width: 0;
}


.about-image-wrap {
  position: relative;
  z-index: 2;

  width: min(100%, 570px);

  border-radius: 50%;

  transition:
    transform .35s ease,
    filter .35s ease;
}


.about-image-wrap:hover {
  transform: translateY(-6px);
}


.about-image-wrap img {
  width: 100%;
  height: auto;

  display: block;

  object-fit: contain;

  filter:
    drop-shadow(0 25px 30px rgba(21,58,50,.09));
}


/* نقاط تزئینی */

.about-dots {
  position: absolute;

  left: -5px;
  top: 10px;

  width: 120px;
  height: 120px;

  opacity: .6;

  background-image:
    radial-gradient(
      circle,
      #3dd68c 2px,
      transparent 2px
    );

  background-size: 20px 20px;
}


/* المان نور پس زمینه */

.about-card::before {
  content: "";

  position: absolute;

  width: 350px;
  height: 350px;

  left: -120px;
  bottom: -180px;

  background: rgba(61,214,140,.08);

  filter: blur(20px);

  border-radius: 50%;
}


.about-card::after {
  content: "";

  position: absolute;

  width: 280px;
  height: 280px;

  right: -140px;
  top: -160px;

  background: rgba(13,34,87,.035);

  border-radius: 50%;
}


/* ================= RESPONSIVE ================= */

@media (max-width: 1100px) {

  .about-new .about-card {
    grid-template-columns: 1fr 1fr;

    gap: 30px;

    padding: 50px 40px;
  }

  .about-features {
    grid-template-columns: 1fr;
  }

  .about-feature {
    flex-direction: row;
    gap: 14px;

    text-align: right;

    padding: 15px 17px;
  }

  .about-feature-icon {
    flex: 0 0 44px;
    margin-bottom: 0;
  }

  .about-feature:not(:last-child)::after {
    top: auto;
    left: 5%;
    right: 5%;
    bottom: 0;

    width: auto;
    height: 1px;
  }

}


@media (max-width: 820px) {

  .about-new {
    padding: 55px 0;
  }

  .about-new .about-card {
    grid-template-columns: 1fr;

    padding: 38px 24px;

    border-radius: 26px;
  }

  .about-content {
    order: 1;
  }

  .about-visual {
    order: 2;
  }

  .about-image-wrap {
    max-width: 470px;
  }

  .about-title {
    font-size: 2rem;
  }

}


@media (max-width: 520px) {

  .about-new .about-card {
    padding: 30px 18px;
    border-radius: 22px;
  }

  .about-title {
    font-size: 1.7rem;
  }

  .about-description {
    font-size: 14.5px;
    line-height: 2.05;
  }

  .about-dots {
    display: none;
  }

}

.setup-band{min-height:700px!important;padding-top:56px!important;padding-bottom:50px!important;margin-bottom:28px!important}.setup-head{margin-bottom:88px!important}.setup-rocket{right:4.5%!important;top:14px!important;width:176px!important;height:205px!important;transform:rotate(4deg)!important;z-index:8!important}.setup-launch-trail{position:absolute;right:2.8%;top:130px;width:39%;height:245px;z-index:4;overflow:visible;pointer-events:none}.setup-launch-trail path{fill:none;stroke:#07584a;stroke-width:2.3;stroke-linecap:round}.setup-launch-trail .thin{stroke-width:1.2;opacity:.42}.setup-launch-trail circle{fill:#07584a}.setup-stars{right:4.2%!important;top:182px!important;display:block;width:145px;height:90px}.setup-stars span{position:absolute;color:#07584a}.setup-stars span:nth-child(1){right:5px;top:2px}.setup-stars span:nth-child(2){right:52px;top:42px;font-size:.8em}.setup-stars span:nth-child(3){left:5px;top:12px;font-size:.7em}.setup-wave{top:35%!important}
  .support{padding:34px 0!important;min-height:520px!important}.support-wrap{min-height:500px!important;grid-template-columns:520px minmax(0,1fr)!important;gap:34px!important}.support-image{height:500px!important;overflow:hidden!important}.support-image:after{content:"";position:absolute;left:0;right:0;bottom:0;height:55px;background:linear-gradient(transparent,var(--paper));z-index:2;pointer-events:none}.support-image img{width:1080px!important;height:590px!important;left:-270px!important;bottom:-10px!important;transform:none!important}.support-text h2{font-size:clamp(2.25rem,3.65vw,3.45rem)!important;margin-top:6px!important}.support-text>p{font-size:1.08rem!important}
  .profit-band{padding:42px 0!important;background:radial-gradient(circle at 18% 42%,rgba(211,166,76,.12),transparent 27%),var(--paper)!important}.profit-wrap{min-height:540px!important;grid-template-columns:minmax(0,1.12fr) 510px!important;gap:30px!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important}.profit-img{width:510px!important;height:540px!important;overflow:hidden!important}.profit-img img{width:1280px!important;height:620px!important;right:-315px!important;bottom:-32px!important;transform:none!important}.profit-text h2{font-size:clamp(2.25rem,3.65vw,3.35rem)!important;color:#064f43!important}.profit-text p{font-size:1.05rem!important}.profit-kpis{gap:12px!important;margin-top:24px!important}
  .cta-band{min-height:560px!important;padding:20px 0 0!important}.cta-wrap{min-height:540px!important;grid-template-columns:minmax(0,1.08fr) 560px!important;gap:16px!important;align-items:center!important}.cta-img{width:560px!important;height:540px!important;overflow:hidden!important;align-self:end!important}.cta-img img{width:1320px!important;height:700px!important;right:-660px!important;bottom:-72px!important;transform:none!important}.cta-text h2{font-size:clamp(2.35rem,3.8vw,3.55rem)!important}
  [data-theme="dark"] .setup-launch-trail path{stroke:#79d8b4!important}[data-theme="dark"] .setup-launch-trail circle{fill:#79d8b4!important}[data-theme="dark"] .support-image:after{background:linear-gradient(transparent,#101a18)}[data-theme="dark"] .profit-text h2,[data-theme="dark"] .support-text h2{color:#e8f7f1!important}[data-theme="dark"] .profit-text p{color:#b2c6be!important}[data-theme="dark"] .profit-kpis div{background:#172720!important;border-color:#3d5148!important}[data-theme="dark"] .profit-kpis b{color:#79d8b4!important}
  [data-theme="dark"] .about{background:#111c19!important}[data-theme="dark"] .about-text h2{color:#e8f7f1!important}[data-theme="dark"] .about-text p{color:#b2c6be!important}[data-theme="dark"] .about-ring circle{stroke-opacity:.72}
  [data-theme="dark"] .faq{background:#101a18!important}[data-theme="dark"] .faq-item{background:#172520!important;border-color:#30453e!important}[data-theme="dark"] .faq-q{color:#e8f7f1!important;background:#172520!important}[data-theme="dark"] .faq-a p{color:#b2c6be!important}[data-theme="dark"] .faq-q .plus{color:#79d8b4!important}
  [data-theme="dark"] footer{background:#07120f!important;border-top:1px solid #284039!important}[data-theme="dark"] .footer-brand span,[data-theme="dark"] .footer-bottom{color:#9fb5ac!important}[data-theme="dark"] .footer-links a{color:#dcece6!important}
  @media(max-width:1100px){.support-wrap,.profit-wrap,.cta-wrap{grid-template-columns:1fr!important;text-align:center!important}.support-image,.profit-img,.cta-img{width:min(100%,680px)!important;margin:auto!important;grid-column:auto!important}.support-image img{left:50%!important;transform:translateX(-50%)!important}.profit-img img,.cta-img img{right:50%!important;transform:translateX(50%)!important}.support-text,.profit-text,.cta-text{text-align:center!important}.support-list,.profit-kpis{max-width:720px;margin-inline:auto!important}.cta-actions,.cta-trust{justify-content:center!important}}
  @media(max-width:600px){.setup-band{min-height:0!important;padding-top:42px!important}.setup-head{margin-bottom:56px!important}.setup-rocket{width:92px!important;height:108px!important;right:1px!important;top:0!important}.setup-launch-trail{display:none!important}.setup-head{padding-top:24px}.support,.profit-band{padding-block:24px!important}.support-wrap,.profit-wrap,.cta-wrap{min-height:0!important}.support-image,.profit-img,.cta-img{height:390px!important;width:100%!important}.support-image img{width:820px!important;height:430px!important;bottom:-8px!important}.profit-img img{width:880px!important;height:440px!important;bottom:-18px!important}.cta-img img{width:930px!important;height:500px!important;bottom:-45px!important}.cta-band{min-height:0!important;padding-top:34px!important}.cta-wrap{padding-bottom:0!important}}

  /* Stable content visibility and final asset-aware layout */
  .reveal{opacity:1!important;transform:none!important}
  .pricing,.about{min-height:0!important}
  .price-grid,.promo-banner,.faq,.about-wrap{position:relative;z-index:2}
  .support-wrap{grid-template-columns:minmax(360px,520px) minmax(0,1fr)!important}
  .support-image img{width:100%!important;height:100%!important;left:0!important;bottom:0!important;object-fit:contain!important;object-position:center bottom!important}
  .profit-img img{width:100%!important;height:100%!important;right:0!important;bottom:0!important;object-fit:contain!important;object-position:center bottom!important}
  .cta-img img{width:100%!important;height:100%!important;right:0!important;bottom:0!important;object-fit:contain!important;object-position:center bottom!important}

  /* Keep the launch illustration clear of headings and cards. */
  .setup-band{isolation:isolate}
  .setup-head{position:relative;z-index:6}
  .setup-rocket{right:3.5%!important;top:30px!important;width:142px!important;height:166px!important;transform:rotate(2deg)!important}
  .setup-launch-trail{right:5.8%!important;top:112px!important;width:28%!important;height:150px!important;z-index:3!important}
  .setup-launch-trail path{stroke-width:2!important;opacity:.8}
  .setup-launch-trail .thin{opacity:.22!important}
  .setup-stars{right:2.7%!important;top:160px!important;opacity:.65}
  .setup-track{position:relative;z-index:5}
  .setup-wave{z-index:0!important;opacity:.5!important;pointer-events:none}
  .setup-step{position:relative;z-index:2}
  @media(max-width:1100px){
    .support-image img,.profit-img img,.cta-img img{left:auto!important;right:auto!important;transform:none!important}
    .setup-rocket{right:1.5%!important;width:116px!important;height:136px!important}
    .setup-launch-trail{right:4%!important;width:24%!important}
  }
  @media(max-width:600px){
    .setup-head{padding-inline:70px 12px}
    .setup-rocket{right:4px!important;top:10px!important;width:76px!important;height:90px!important}
    .support-image img,.profit-img img,.cta-img img{width:100%!important;height:100%!important}
  }

.platform-shell{background:linear-gradient(125deg,#064d3f,#07392f);border-radius:28px;padding:38px;color:#fff;position:relative;overflow:hidden}.platform-shell:after{content:"";position:absolute;width:420px;height:420px;border:1px solid #ffffff16;border-radius:50%;left:-170px;bottom:-260px}.platform-head{text-align:center;max-width:760px;margin:0 auto 28px}.platform-head h2{font-size:2rem;margin:8px 0}.platform-head p{color:#cee3dc;line-height:1.9}.platform-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;position:relative;z-index:1}.platform-card{background:#ffffff0d;border:1px solid #ffffff20;border-radius:20px;padding:24px}.platform-card.primary{background:#fff;color:#173d33}.platform-icon{width:60px;height:60px;border-radius:17px;background:#e9f6ef;color:#087557;display:grid;place-items:center;font-size:29px;margin-bottom:14px}.platform-card:not(.primary) .platform-icon{background:#ffffff17;color:#f0c96e}.platform-card h3{font-size:1.25rem;margin:0 0 9px}.platform-card p{font-size:.84rem;line-height:1.9;color:#66766f}.platform-card:not(.primary) p{color:#cfe2db}.platform-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:17px}.platform-tags span{border:1px solid #dce7e1;border-radius:20px;padding:7px 12px;font-size:.72rem}.platform-card:not(.primary) .platform-tags span{border-color:#ffffff25}.platform-flow{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:24px;color:#d7e8e1;font-size:.82rem;position:relative;z-index:1}.platform-flow b{color:#f1c967}@media(max-width:760px){.platform-shell{padding:25px 17px}.platform-grid{grid-template-columns:1fr}.platform-flow{display:block;text-align:center;line-height:2}.platform-head h2{font-size:1.5rem}}

/* 2026 light brand redesign */
/* Resolve legacy palette declarations here, after the component styles.
   Keep inverse surfaces dark independently of the active text palette. */
:root {
  --navy-900: #07483d;
  --navy-800: #0b604f;
  --navy-700: #14735f;
  --navy-600: #23836c;
  --green-400: #3dd68c;
  --green-300: #7de6b3;
  --ink: #172124;
  --muted: #596c67;
  --muted-2: #65736e;
  --cream: #fffefa;
  --cream-2: #f3eee3;
  --inverse-bg: #07483d;
  --inverse-text: #f1faf5;
  --inverse-muted: #c3d9cf;
}
body { background: var(--paper); color: var(--ink); }
.hero {
  background: linear-gradient(135deg, #fbf8ef 0%, #fffefa 58%, #eef6ef 100%);
  color: var(--ink);
}
.hero .headline { color: var(--ink); }
.hero .headline .accent, .hero .eyebrow { color: var(--forest); }
.hero .lead, .hero-actions .hint { color: var(--muted); }
.hero .eyebrow { background: var(--theme-accent-soft); border-color: var(--line); }
.btn-primary, .nav-cta, .price-cta, .support-cta, .profit-cta {
  background: #0b604f; color: #fff;
}
.btn-primary:hover, .nav-cta:hover, .price-cta:hover,
.support-cta:hover, .profit-cta:hover { background: #07483d; color: #fff; }
.section-head h2, .why-card h3, .about-title { color: var(--forest-dark); }
.about-title span, .about-description strong { color: var(--forest); }
.tag { color: var(--forest); }
.why-card .num { background: #0b604f; color: #fff; }
.price-card.featured {
  background: var(--inverse-bg); color: var(--inverse-text); border-color: #14735f;
}
.price-card.featured h3, .price-card.featured .unit,
.price-card.featured .price-sub { color: var(--inverse-muted); }
.price-card.featured .price-cta { background: #3dd68c; color: #07483d; }
.price-card.featured .price-cta:hover { background: #7de6b3; }
.price-list .icon, .faq-q .plus, .promo-banner .icon { color: #0b604f; }
.price-card.featured .price-list .icon { color: #7de6b3; }
.pl-stats { color: var(--muted); }
.pl-stats b { color: var(--forest); }
.pl-ring .track { stroke: var(--line); }
.pl-ring .value { stroke: var(--forest); }
.about-description, .about-feature p { color: var(--muted); }
.about-feature h4 { color: var(--ink); }
footer { background: var(--inverse-bg); color: var(--inverse-muted); }
.footer-brand span, .footer-bottom { color: var(--inverse-muted); }

html[data-theme="dark"] {
  --ink: #eff8f3;
  --muted: #b2c6be;
  --muted-2: #a5b8b1;
}
html[data-theme="dark"] .hero {
  background: radial-gradient(circle at 15% 20%, #1b3930 0, #101a18 50%, #0d1614 100%);
}
html[data-theme="dark"] .why-card h3,
html[data-theme="dark"] .promo-banner div { color: var(--ink); }
html[data-theme="dark"] .features .section-head p,
html[data-theme="dark"] .feat-card p { color: var(--muted); }
html[data-theme="dark"] .features .tag { color: var(--forest); }
html[data-theme="dark"] .feat-card:hover { background: #1c3028; border-color: #4bc49a; }
html[data-theme="dark"] .promo-banner,
html[data-theme="dark"] .about-new .about-card,
html[data-theme="dark"] .about-features {
  background: var(--theme-surface); border-color: var(--line);
}
html[data-theme="dark"] .about-new { background: var(--paper); }
html[data-theme="dark"] .preview { background: var(--soft); }
html[data-theme="dark"] .about-tag { background: var(--theme-accent-soft); color: var(--forest); }
html[data-theme="dark"] .about-feature:not(:last-child)::after { background: var(--line); }
html[data-theme="dark"] .price-list .icon,
html[data-theme="dark"] .promo-banner .icon,
html[data-theme="dark"] .support-list .ico { color: #7de6b3; }
html[data-theme="dark"] .nav-toggle { color: var(--ink); border-color: var(--line); }
html[data-theme="dark"] .setup-rocket,
html[data-theme="dark"] .setup-stars span { color: #79d8b4; }
html[data-theme="dark"] .setup-wave path { stroke: #79d8b4; }
html[data-theme="dark"] .platform-card.primary {
  background: var(--theme-surface); color: var(--ink); border-color: var(--line);
}
html[data-theme="dark"] .platform-card.primary p { color: var(--muted); }
html[data-theme="dark"] .platform-card.primary .platform-tags span { border-color: var(--line); }
@media (max-width: 680px) {
  html[data-theme="dark"] .nav-links { background: var(--theme-surface); border-color: var(--line); }
  html[data-theme="dark"] .nav-links a { border-color: var(--line); }
}
/* Utility classes formerly embedded in the page markup. */
.svg-sprite{display:none}.enamad-image{cursor:pointer}.support-contact-strip{text-align:center;padding:14px;background:#073f35;color:#d7e8e1;font-size:.8rem}.support-contact-strip .support-email{color:#f0c96b}.support-contact-strip .support-consultation{color:#fff}