:root{--navy:#061a38;--blue:#098cf3;--ink:#101d36;--muted:#7f8ca1}*{box-sizing:border-box}body{margin:0;font-family:'Vazirmatn',Tahoma,sans-serif;color:var(--ink);background:#f4f8ff}a{text-decoration:none}.hero{color:#fff;background:radial-gradient(ellipse at 8% 65%,#135dce 0,transparent 34%),linear-gradient(112deg,#0e376d 0%,#071b3a 55%,#06152e 100%);min-height:470px}.site-nav{height:73px}.brand{color:white;display:flex;gap:9px;align-items:center;font-size:15px}.brand small{display:block;font-size:8px;color:#d8e7ff}.brand b{font-weight:800}.windows-mark{width:28px;height:28px;display:grid;grid-template-columns:1fr 1fr;gap:2px;transform:skewY(-4deg);flex:none}.windows-mark i{background:#07a5f7}.nav-link{color:#fff!important;font-size:12px;font-weight:600;padding-inline:13px!important;position:relative}.nav-link.active:after{content:'';height:2px;background:#12a5ff;position:absolute;bottom:1px;left:13px;right:13px}.nav-actions{display:flex;gap:10px;align-items:center}.login,.search{border:0;border-radius:24px;color:#fff;background:#098cf3;padding:8px 16px;font:inherit;font-size:11px}.search{background:#ffffff20;width:39px;height:39px;font-size:24px;line-height:20px}.hero-content{min-height:397px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:24px;padding-bottom:18px}.hero-copy{text-align:right}.eyebrow{display:inline-block;background:#087de5;border-radius:22px;padding:7px 18px;font-size:12px;font-weight:700}.hero h1{font-size:34px;line-height:1.5;font-weight:800;margin:12px 0}.hero h1 span{font-size:30px}.hero-copy p{font-size:14px;line-height:2;color:#e2e9f4}.hero-buttons{display:flex;gap:14px;margin-top:20px}.hero-buttons .btn{font-size:13px;font-weight:700;padding:15px 22px;border-radius:13px}.btn-primary{background:#078ff4;border-color:#078ff4}.btn-outline-light{border-color:#7389a6}.image-placeholder{display:flex;align-items:center;justify-content:center;color:#9db4d4;border:1px dashed #5691d2;background:linear-gradient(135deg,#0a3269aa,#0d5ac044);border-radius:14px;font-size:13px}.hero-art{height:325px;align-self:end;margin-bottom:12px}.page-content{padding-top:28px;padding-bottom:28px}.panel{height:280px;background:linear-gradient(145deg,#fff,#f6f9ff);border:1px solid #e8eef8;border-radius:15px;box-shadow:0 7px 15px #1e4c8510;padding:20px 23px}.panel h2{font-size:18px;font-weight:800;margin:2px 0 7px}.progress-panel{text-align:right}.progress-panel>p{font-size:12px;line-height:1.9;margin:0}.skill-circles{display:flex;justify-content:space-between;align-items:flex-start;margin-top:24px;text-align:center}.skill-circles>div{display:flex;align-items:center;flex-direction:column;gap:5px}.circle{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;border:5px solid currentColor;font-weight:700;font-size:15px;box-shadow:inset 0 0 0 5px white}.orange{color:#eba944}.green{color:#1bb99d}.purple{color:#7358d8}.blue{color:#1682de}.skill-circles b{font-size:13px}.skill-circles small{font-size:10px;color:var(--muted)}.matrix h2{text-align:right;margin-bottom:22px}.skill-row{display:grid;grid-template-columns:35px 1fr 120px;align-items:center;gap:8px;margin:15px 0;font-size:11px}.skill-row b{text-align:left}.skill-row strong{text-align:right}.bar{height:8px;background:#e8eff8;border-radius:10px;overflow:hidden}.bar i{height:100%;display:block;background:linear-gradient(90deg,#0663d7,#0b9ce9);border-radius:10px}.bar i.gradient{background:linear-gradient(90deg,#0573dc,#795ce5)}.digital{background:linear-gradient(110deg,#071d40,#10366c);color:white;border-radius:14px;min-height:318px;margin-top:28px;padding:24px;display:grid;grid-template-columns:42% 58%;align-items:center;overflow:hidden}.digital-image{height:260px;background:radial-gradient(ellipse,#0875db55,transparent 72%),linear-gradient(120deg,#0b2550,#092044);border-color:#225d9b}.digital-copy{text-align:right}.digital-copy h2{font-size:20px;font-weight:800}.digital-copy p{font-size:12px;line-height:1.9;margin:9px 0 28px}.features{display:flex;justify-content:space-between;text-align:center}.features div{display:flex;flex-direction:column;align-items:center;gap:5px}.features b{color:#64c7ff;font-size:24px}.features strong{font-size:13px}.features small{font-size:10px;line-height:1.8;color:#d3dcec}.why-section{padding:30px 0 24px}.why-section>h2{text-align:center;font-size:20px;font-weight:800;margin:0 0 15px}.why-section>h2 span{color:#397ee2}.reason{min-height:125px;text-align:center;background:#f7faff;border:1px solid #eaf0f8;border-radius:14px;box-shadow:0 5px 12px #21395b10;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.reason b{font-size:23px;color:#168bdc}.reason strong{font-size:13px}.reason small{font-size:10px;line-height:1.7;color:#7d8899}.cta{min-height:82px;margin:0 3px 0;background:linear-gradient(105deg,#0862d7,#335bdf 70%,#6854da);border-radius:13px;color:white;padding:16px 35px;display:flex;align-items:center;gap:15px}.cta .windows-mark{width:31px;height:31px}.cta strong,.cta small{display:block}.cta strong{font-size:15px}.cta small{font-size:10px;opacity:.8}.cta .btn{margin-right:auto;background:#fff;color:#1552a0;border-radius:24px;padding:10px 16px;font-size:11px;font-weight:700}footer{background:#061830;color:#fff;margin-top:0}.footer-inner{min-height:70px;display:flex;align-items:center;justify-content:space-between}.footer-inner nav{display:flex;gap:22px}.footer-inner nav a{font-size:11px;color:#e3e9f4}.social{display:flex;gap:13px}.social a{font-size:14px;color:#9dbbe2}.navbar-toggler{background:#fff}.navbar-toggler-icon{width:20px;height:20px}
@media(max-width:991px){.site-nav{height:auto;min-height:70px}.nav-actions{margin-right:auto}.navbar-collapse{order:4}.hero-content{grid-template-columns:1fr 1fr}.hero h1{font-size:28px}.hero-art{height:270px}.panel{height:auto;min-height:260px}.digital{grid-template-columns:37% 63%}.footer-inner nav{gap:10px}}
@media(max-width:767px){.hero{min-height:0}.hero-content{grid-template-columns:1fr;padding-top:28px;padding-bottom:28px}.hero-copy{text-align:center;grid-row:1}.hero h1{font-size:27px}.hero h1 span{font-size:24px}.hero-buttons{justify-content:center;flex-wrap:wrap}.hero-art{height:190px;grid-row:2;margin:0}.nav-actions{display:none}.skill-circles{flex-wrap:wrap;gap:18px;justify-content:space-around}.skill-circles>div{width:38%}.panel{padding:18px}.matrix .skill-row{grid-template-columns:38px 1fr 112px}.digital{grid-template-columns:1fr;padding:20px}.digital-image{height:150px;order:2}.digital-copy p br{display:none}.features{gap:10px}.features strong{font-size:11px}.features small{font-size:9px}.cta{padding:14px;gap:10px}.cta strong{font-size:12px}.cta .btn{font-size:9px;padding:9px}.footer-inner{padding-top:16px;padding-bottom:16px;flex-wrap:wrap;gap:14px}.footer-inner nav{order:3;width:100%;justify-content:center;flex-wrap:wrap}.brand{font-size:13px}}

/* Hero art: keep any image placed here fully visible without cropping. */
.hero-art{position:relative;overflow:hidden;padding:0;min-width:0}
.hero-art img{position:absolute;inset:0;width:100%;height:100%;max-width:none;max-height:none;object-fit:fill;object-position:center;display:block;border-radius:14px}
.hero-art:has(img) span{display:none}

/* Match the full-frame sizing used by the hero image. */
.digital-image{position:relative;overflow:hidden;padding:0;min-width:0}
.digital-image img{position:absolute;inset:0;width:100%;height:100%;max-width:none;max-height:none;object-fit:fill;object-position:center;display:block;border-radius:14px}
.digital{grid-template-columns:40% minmax(0,1fr);column-gap:30px}
@media(max-width:767px){.digital{grid-template-columns:1fr;column-gap:0;row-gap:22px}}