:root{
  --blue:#0878e8;--blue2:#0067d9;--deep:#0a3e78;--ink:#15243c;--muted:#70819b;--line:#dce8f5;
  --bg:#eff7ff;--green:#0ab989;--orange:#ff9d1f;--purple:#874cf4;--shadow:0 18px 45px rgba(17,73,132,.14)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f5f9fe;color:var(--ink);font-family:"Vazirmatn",Tahoma,Arial,sans-serif;line-height:1.7}.shell{width:min(1190px,calc(100% - 48px));margin:0 auto}button,input{font:inherit}.site-header{height:64px;background:#fff;border-bottom:1px solid #e8eef6;position:relative;z-index:50}.nav-shell{height:64px;display:flex;align-items:center;gap:24px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);min-width:235px}.brand-wifi{width:56px;height:46px;fill:none;stroke:var(--blue);stroke-width:4;stroke-linecap:round}.brand-wifi circle{fill:var(--blue);stroke:none}.brand b{display:block;font-size:21px;line-height:1.1}.brand small{display:block;color:#7e8ca1;font-size:10px;margin-top:4px}.main-nav{display:flex;gap:22px;justify-content:center;align-items:center;flex:1;white-space:nowrap}.main-nav a{text-decoration:none;color:#2f4360;font-size:12px;font-weight:700;padding:22px 0 18px;position:relative}.main-nav a:hover,.main-nav a.active{color:var(--blue)}.main-nav a.active:after{content:"";position:absolute;right:0;left:0;bottom:8px;height:2px;border-radius:4px;background:var(--blue)}.header-login{border:0;color:#fff;background:linear-gradient(135deg,#1388f7,#0b66cf);border-radius:9px;padding:10px 17px;font-weight:800;display:flex;align-items:center;gap:8px;box-shadow:0 8px 20px rgba(8,112,223,.22);cursor:pointer;white-space:nowrap}.header-login svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8}.hero{position:relative;min-height:500px;padding-bottom:58px;overflow:visible;color:#fff}.hero-image{position:absolute;inset:0;background-image:url('assets/khaju-bridge.jpg');background-size:cover;background-position:center 53%;background-color:#0878e8}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,77,151,.82) 0%,rgba(3,92,184,.64) 44%,rgba(5,102,194,.33) 69%,rgba(3,61,130,.58) 100%)}.hero-shell{position:relative;z-index:2;min-height:430px;display:grid;grid-template-columns:minmax(0,1fr) 350px;direction:ltr;align-items:center;gap:45px;padding-top:17px}.hero-copy,.login-card{direction:rtl}.hero-copy{padding-left:5px;text-shadow:0 2px 12px rgba(0,43,93,.15)}.hero-copy h1{font-size:48px;line-height:1.2;margin:0 0 8px;font-weight:900;letter-spacing:-1.5px}.hero-copy h2{font-size:38px;line-height:1.25;margin:0 0 21px;font-weight:900;letter-spacing:-.8px}.hero-copy>p{margin:0 0 25px;font-size:16px;font-weight:700;color:#f3f8ff}.hero-points{display:flex;gap:22px;flex-wrap:wrap}.hero-points>div{display:flex;align-items:center;gap:7px;font-size:13px}.point-icon{width:43px;height:43px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.12);backdrop-filter:blur(3px)}.point-icon svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.point-icon.green,.point-icon.teal{color:#1ee3ae}.point-icon.blue{color:#1db3ff}.point-icon.purple{color:#b875ff}.login-card{background:#fff;color:var(--ink);border-radius:18px;box-shadow:0 20px 50px rgba(8,48,97,.27);padding:18px 18px 0;overflow:hidden}.lock-row{text-align:center;color:#1678e7}.lock-row svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8}.login-card h3{text-align:center;margin:3px 0 3px;font-size:22px;line-height:1.35}.login-desc{text-align:center;color:#74849b;font-size:11px;margin:0 0 12px}.login-tabs{display:grid;grid-template-columns:1fr 1fr;background:#eaf2fb;border-radius:9px;padding:2px;margin-bottom:12px}.login-tabs button{border:0;background:transparent;color:#75859b;padding:9px 4px;border-radius:7px;font-weight:700;font-size:12px;cursor:pointer}.login-tabs button.active{background:#0878e8;color:#fff;box-shadow:0 4px 10px rgba(8,120,232,.2)}.number-field{height:43px;border:1px solid #d7e1ec;border-radius:8px;display:flex;align-items:center;padding:0 12px;gap:7px;background:#fff}.number-field input{border:0;outline:0;width:100%;color:#273d5b;text-align:right;font-size:11px}.number-field input::placeholder{color:#8795a8}.number-field svg{width:18px;height:18px;fill:none;stroke:#7f8ea3;stroke-width:1.7}.primary-btn,.bale-btn{width:100%;height:43px;border:0;border-radius:8px;color:#fff;font-weight:800;margin-top:11px;cursor:pointer}.primary-btn{background:linear-gradient(90deg,#0878e8,#0a74de);display:flex;align-items:center;justify-content:center;gap:75px}.primary-btn b{font-size:20px}.divider{display:flex;align-items:center;gap:8px;color:#7a8ba1;font-size:11px;margin:7px 0}.divider:before,.divider:after{content:"";height:1px;background:#e4ebf2;flex:1}.bale-btn{background:#0bb38d;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:0}.bale-logo{width:34px;height:28px;border-radius:8px;background:#fff;color:#09a985;display:grid;place-items:center;font-weight:900;font-size:12px}.bale-hint{text-align:center;color:#718198;font-size:10px;margin:6px 0 10px}.privacy{margin:0 -18px;background:#edf7ff;color:#536b86;height:48px;display:flex;align-items:center;justify-content:center;gap:7px;font-weight:700;font-size:11px}.privacy svg{width:15px;height:15px;fill:none;stroke:#607a97;stroke-width:1.7}.service-cards{position:absolute;z-index:3;left:50%;bottom:-21px;transform:translateX(-50%);display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.service-card{height:92px;background:rgba(255,255,255,.97);border-radius:12px;box-shadow:0 14px 30px rgba(24,69,119,.13);padding:13px 15px;display:grid;grid-template-columns:57px 1fr auto;align-items:center;gap:10px;color:var(--ink)}.service-icon{width:56px;height:56px;border-radius:13px;display:grid;place-items:center;color:#fff}.service-icon svg{width:35px;height:35px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.service-icon.adsl{background:linear-gradient(145deg,#0d8cf7,#0872df)}.service-icon.vdsl{background:linear-gradient(145deg,#9b67f8,#7f4ee9)}.service-icon.ftth{background:linear-gradient(145deg,#13b68a,#06996f)}.service-card h4{margin:0;font-size:16px}.service-card h4 small{font-size:9px}.service-card p{margin:1px 0 0;color:#7c8ca0;font-size:10px}.mini-link{border:0;background:#ecf6ff;color:#0878e8;border-radius:8px;padding:8px 11px;font-size:10px;font-weight:800;cursor:pointer;white-space:nowrap}.mini-link span{font-size:14px}.plans-section{background:#f4f9ff;padding:92px 0 15px}.plans-layout{display:grid;grid-template-columns:minmax(0,1fr) 268px;gap:18px;direction:ltr}.plans-panel,.product-card{direction:rtl}.plans-panel{background:#fff;border-radius:12px;padding:15px 15px 14px;box-shadow:0 12px 32px rgba(33,78,127,.08)}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:15px;margin-bottom:13px}.eyebrow{font-size:9px;color:#0b7be5;font-weight:800}.section-head h3{font-size:21px;margin:1px 0 0}.section-head p{margin:0;color:#7a8a9f;font-size:11px}.plan-tabs{display:flex;gap:7px;align-items:center}.plan-tabs button{border:0;background:#eef3f9;color:#73829a;padding:9px 15px;border-radius:7px;font-weight:800;cursor:pointer}.plan-tabs button.active{background:#0878e8;color:#fff}.plan-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;direction:rtl}.plan-card{min-height:255px;border:1px solid #e0eaf4;border-radius:12px;padding:13px 12px 11px;position:relative;background:#fff;display:flex;flex-direction:column}.plan-card.popular{border-color:#ffb4ba}.popular-tag{position:absolute;top:0;right:0;background:#ff5362;color:#fff;border-radius:11px 0 10px 0;padding:4px 9px;font-size:9px;font-weight:800}.plan-badge{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;margin-right:auto}.plan-badge svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8}.plan-badge.red{background:#ffe9ec;color:#ff4d61}.plan-badge.mint{background:#def8f0;color:#09a77c}.plan-badge.amber{background:#fff1d7;color:#e99910}.plan-badge.violet{background:#efe5ff;color:#7d42eb;font-size:24px;font-weight:900}.plan-card h4{font-size:17px;margin:3px 0 0}.plan-card>p{font-size:10px;color:#75879e;margin:1px 0 6px}.plan-card strong{font-size:19px;margin-bottom:8px}.plan-card strong small{font-size:9px;font-weight:700}.plan-card ul{list-style:none;margin:0 0 10px;padding:0;color:#63758d;font-size:10px}.plan-card li{margin:2px 0}.plan-card li:before{content:"✓";color:#08b78a;font-weight:900;margin-left:5px}.choose-btn{margin-top:auto;border:0;border-radius:7px;background:#0878e8;color:#fff;padding:9px 10px;font-weight:800;font-size:11px;cursor:pointer}.sample-note{margin:8px 3px 0;color:#8a98aa;font-size:9px}.product-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 12px 32px rgba(33,78,127,.08);position:relative}.sale-badge{position:absolute;top:14px;right:14px;background:#ffc312;color:#4a3a00;border-radius:8px;padding:4px 9px;font-size:10px;font-weight:900;z-index:2}.product-card img{display:block;width:100%;height:200px;object-fit:cover;background:#dff0ff}.product-copy{text-align:center;padding:12px 14px 16px}.product-copy h3{font-size:19px;margin:0 0 3px}.product-copy p{font-size:10px;color:#72849c;margin:0 0 12px}.product-btn{border:0;background:#fff;box-shadow:0 7px 20px rgba(26,74,127,.12);border-radius:8px;color:#0878e8;padding:10px 15px;font-size:10px;font-weight:900;cursor:pointer}.quick-section{padding:10px 0 20px;background:#f4f9ff}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.quick-grid article{background:#fff;border:1px solid #e3ecf5;border-radius:11px;min-height:128px;text-align:center;padding:14px 12px;box-shadow:0 8px 22px rgba(33,78,127,.05)}.quick-icon{display:grid;place-items:center;width:36px;height:36px;margin:0 auto 4px;border-radius:10px}.quick-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.quick-icon.blue{background:#eaf4ff;color:#0878e8}.quick-icon.cyan{background:#e8f7ff;color:#1598eb}.quick-icon.orange{background:#fff1de;color:#ff9317}.quick-icon.green{background:#e8fbf5;color:#09ac7f}.quick-grid h4{margin:1px 0;font-size:14px}.quick-grid p{margin:0;color:#7c8b9e;font-size:10px}.text-link{border:0;background:none;color:#0878e8;font-weight:900;font-size:10px;margin-top:6px;cursor:pointer}.stats-section{background:#edf6ff;border-top:1px solid #e2edf7;padding:10px 0 18px}.stats-row{display:grid;grid-template-columns:repeat(4,1fr);align-items:center}.stats-row>div{display:grid;grid-template-columns:44px 1fr;grid-template-rows:auto auto;column-gap:8px;align-items:center;justify-content:center;text-align:right;padding:8px 28px;border-left:1px solid #dfeaf5}.stats-row>div:last-child{border-left:0}.stat-icon{grid-row:1/3;width:42px;height:42px;display:grid;place-items:center;color:#0878e8}.stat-icon svg{width:34px;height:34px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.stats-row p{margin:0;color:#75879e;font-size:10px}.stats-row b{font-size:16px;line-height:1.2}.toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#14395f;color:#fff;padding:11px 18px;border-radius:10px;box-shadow:0 12px 30px rgba(0,0,0,.2);z-index:100;font-size:12px;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}button{transition:.15s}button:hover{filter:brightness(.98);transform:translateY(-1px)}
@media(max-width:1050px){.main-nav{display:none}.nav-shell{justify-content:space-between}.hero-shell{grid-template-columns:1fr 340px}.hero-copy h1{font-size:42px}.hero-copy h2{font-size:33px}.plans-layout{grid-template-columns:1fr}.product-card{display:grid;grid-template-columns:260px 1fr;align-items:center}.product-card img{height:100%}.plan-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.shell{width:min(100% - 24px,1190px)}.site-header{height:auto}.nav-shell{height:60px}.brand{min-width:0}.brand-wifi{width:42px}.brand b{font-size:17px}.brand small{display:none}.header-login{padding:8px 10px;font-size:11px}.hero{padding-bottom:0;min-height:auto}.hero-shell{grid-template-columns:1fr;direction:rtl;gap:18px;padding:28px 0 18px}.hero-copy{order:1;text-align:center}.hero-copy h1{font-size:34px}.hero-copy h2{font-size:27px}.hero-copy>p{font-size:13px}.hero-points{justify-content:center;gap:12px}.hero-points>div{font-size:11px}.point-icon{width:36px;height:36px}.login-card{order:2;max-width:420px;width:100%;margin:auto}.service-cards{position:relative;left:auto;bottom:auto;transform:none;grid-template-columns:1fr;padding-bottom:20px}.service-card{height:82px}.plans-section{padding-top:20px}.section-head{align-items:flex-start;flex-direction:column}.plan-grid{grid-template-columns:1fr 1fr}.plans-layout{display:block}.product-card{display:block;margin-top:12px}.quick-grid,.stats-row{grid-template-columns:1fr 1fr}.stats-row>div{border-left:0;border-bottom:1px solid #dfeaf5}.product-card img{height:210px}}@media(max-width:470px){.plan-grid,.quick-grid,.stats-row{grid-template-columns:1fr}.hero-copy h1{font-size:30px}.hero-copy h2{font-size:24px}.hero-points{display:grid;grid-template-columns:1fr 1fr}.service-card{grid-template-columns:50px 1fr}.mini-link{grid-column:2;justify-self:start;padding:5px 8px}.plan-tabs button{padding:7px 10px}.plan-grid{grid-template-columns:1fr}}


/* =========================================================
   V4.1 desktop scale refinement
   Goal: preserve V4 design while making it ~10-12% larger
   on desktop displays. Mobile/tablet rules remain unchanged.
   ========================================================= */
@media (min-width:1100px){
  .shell{width:min(1340px,calc(100% - 56px))}

  .site-header{height:70px}
  .nav-shell{height:70px;gap:27px}
  .brand{min-width:260px;gap:11px}
  .brand-wifi{width:61px;height:50px}
  .brand b{font-size:23px}
  .brand small{font-size:11px}
  .main-nav{gap:24px}
  .main-nav a{font-size:13px;padding:24px 0 20px}
  .header-login{padding:11px 20px;border-radius:10px;font-size:14px}

  .hero{min-height:555px;padding-bottom:66px}
  .hero-shell{min-height:482px;grid-template-columns:minmax(0,1fr) 388px;gap:52px;padding-top:19px}
  .hero-copy h1{font-size:54px;line-height:1.2;margin-bottom:9px}
  .hero-copy h2{font-size:43px;line-height:1.25;margin-bottom:23px}
  .hero-copy>p{font-size:18px;margin-bottom:28px}
  .hero-points{gap:26px}
  .hero-points>div{font-size:14px;gap:8px}
  .point-icon{width:48px;height:48px}
  .point-icon svg{width:30px;height:30px}

  .login-card{border-radius:20px;padding:21px 21px 0}
  .lock-row svg{width:23px;height:23px}
  .login-card h3{font-size:25px;margin:4px 0}
  .login-desc{font-size:12px;margin-bottom:14px}
  .login-tabs{margin-bottom:13px}
  .login-tabs button{padding:10px 5px;font-size:13px}
  .number-field{height:47px;padding:0 13px}
  .number-field input{font-size:12px}
  .primary-btn,.bale-btn{height:47px;border-radius:9px;font-size:14px}
  .primary-btn{gap:86px}
  .primary-btn b{font-size:22px}
  .bale-logo{width:37px;height:31px;font-size:13px}
  .bale-hint{font-size:11px;margin:7px 0 11px}
  .privacy{margin:0 -21px;height:52px;font-size:12px}

  .service-cards{bottom:-24px;gap:14px}
  .service-card{height:102px;border-radius:14px;padding:15px 17px;grid-template-columns:63px 1fr auto;gap:12px}
  .service-icon{width:62px;height:62px;border-radius:14px}
  .service-icon svg{width:38px;height:38px}
  .service-card h4{font-size:18px}
  .service-card h4 small{font-size:10px}
  .service-card p{font-size:11px}
  .mini-link{padding:9px 13px;font-size:11px}

  .plans-section{padding:105px 0 18px}
  .plans-layout{grid-template-columns:minmax(0,1fr) 300px;gap:20px}
  .plans-panel{border-radius:14px;padding:17px 17px 16px}
  .section-head{gap:17px;margin-bottom:15px}
  .eyebrow{font-size:10px}
  .section-head h3{font-size:24px}
  .section-head p{font-size:12px}
  .plan-tabs{gap:8px}
  .plan-tabs button{padding:10px 17px;font-size:14px}
  .plan-grid{gap:12px}
  .plan-card{min-height:286px;border-radius:14px;padding:15px 14px 13px}
  .popular-tag{font-size:10px;padding:5px 10px}
  .plan-badge{width:42px;height:42px;border-radius:11px}
  .plan-badge svg{width:24px;height:24px}
  .plan-card h4{font-size:19px;margin-top:4px}
  .plan-card>p{font-size:11px;margin-bottom:7px}
  .plan-card strong{font-size:21px;margin-bottom:9px}
  .plan-card strong small{font-size:10px}
  .plan-card ul{font-size:11px;margin-bottom:12px}
  .plan-card li{margin:3px 0}
  .choose-btn{padding:10px 11px;font-size:12px;border-radius:8px}
  .sample-note{font-size:10px;margin-top:9px}

  .product-card{border-radius:14px}
  .sale-badge{top:16px;right:16px;font-size:11px;padding:5px 10px}
  .product-card img{height:224px}
  .product-copy{padding:14px 16px 18px}
  .product-copy h3{font-size:21px}
  .product-copy p{font-size:11px;margin-bottom:13px}
  .product-btn{padding:11px 17px;font-size:11px}

  .quick-section{padding:12px 0 23px}
  .quick-grid{gap:14px}
  .quick-grid article{min-height:143px;border-radius:13px;padding:16px 14px}
  .quick-icon{width:40px;height:40px;margin-bottom:5px}
  .quick-icon svg{width:27px;height:27px}
  .quick-grid h4{font-size:16px}
  .quick-grid p{font-size:11px}
  .text-link{font-size:11px;margin-top:7px}

  .stats-section{padding:12px 0 20px}
  .stats-row>div{grid-template-columns:49px 1fr;column-gap:9px;padding:10px 31px}
  .stat-icon{width:47px;height:47px}
  .stat-icon svg{width:37px;height:37px}
  .stats-row p{font-size:11px}
  .stats-row b{font-size:18px}
}