@font-face{font-family:Vazir;src:url("/assets/vazirmatn-bold.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:Vazir;src:url('/assets/vazirmatn.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:#f9fafb;color:#202b3a;font-family:Vazir,Tahoma,sans-serif;font-size:15px;line-height:1.9}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible{outline:3px solid #245de8;outline-offset:6px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:700;line-height:1.6;letter-spacing:-.6px}p{color:#647080}.wrap{width:min(1180px,calc(100% - 80px));margin-inline:auto}.header{height:110px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e5e8ed;gap:20px}.brand{display:flex;align-items:center;gap:12px;font-weight:bold;font-size:17px}.brand small{display:block;font-size:10px;font-weight:400;color:#748090}.logo{background:#233044;color:#fff;border-radius:12px;width:44px;height:44px;text-align:center;font: bold 37px Georgia;direction:ltr}.logo span{color:#99b9ff}.header nav{display:flex;gap:30px;font-size:13px}.nav-cta{font-size:12px;border:1px solid #dce1e8;border-radius:8px;padding:10px 16px}.nav-cta span{margin-right:14px;color:#245de8}.hero{display:grid;grid-template-columns:1.15fr 1fr;gap:65px;align-items:center;padding-block:83px 72px}.eyebrow{display:block;font-size:12px;font-weight:bold;color:#4265a2;letter-spacing:.2px;margin-bottom:18px}.eyebrow i{display:inline-block;width:7px;height:7px;background:#398d73;border-radius:50%;margin-left:8px}h1{font-size:52px;line-height:1.52;letter-spacing:-1.6px;margin-bottom:25px}h1 span,h1 em{color:#2c60cc;font-style:normal}.lead{font-size:15px;line-height:2.15;max-width:560px}.actions{display:flex;gap:25px;align-items:center;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;gap:25px;padding:13px 22px;border-radius:8px;background:#295ed2;color:white;font-size:13px;box-shadow:0 5px 12px #295ed214;transition:background .2s,transform .2s}.button:hover{background:#194bb8;transform:translateY(-2px)}.text-link{font-size:12px;color:#425575}.hero-note{display:flex;gap:12px;margin-top:35px;color:#84909e;font-size:10px}.hero-note b{font-weight:400}.visual{position:relative;height:425px;border-radius:28px;background:radial-gradient(ellipse at center,#dbe7ff88,transparent 70%);overflow:hidden}.visual-grid{position:absolute;inset:0;background-image:linear-gradient(#c4d0e42b 1px,transparent 1px),linear-gradient(90deg,#c4d0e42b 1px,transparent 1px);background-size:30px 30px;mask-image:radial-gradient(ellipse,#000 10%,transparent 72%)}.orbit{border:1px solid #d7e1f0;position:absolute;width:315px;height:315px;left:50%;top:50%;transform:translate(-50%,-50%) rotate(30deg);border-radius:42%}.orbit.two{width:245px;height:245px;transform:translate(-50%,-50%) rotate(-25deg);border-style:dashed}.core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-5deg);width:208px;height:175px;background:linear-gradient(145deg,#344862,#182536);box-shadow:15px 22px 45px #21395b26;border-radius:22px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:white}.code-mark{font:bold 46px monospace;direction:ltr;color:#a9c3fc;margin-bottom:12px}.core strong{font-size:15px}.core>span:last-child{font:7px monospace;letter-spacing:1.6px;color:#aab9ce;margin-top:14px}.flow-card{position:absolute;display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #e5eaf2;border-radius:13px;padding:14px 17px;box-shadow:0 12px 30px #25375b0a;font-size:12px;z-index:2}.flow-card small{display:block;font-size:9px;color:#8b95a4}.flow-card.top{right:12px;top:43px}.flow-card.bottom{left:5px;bottom:43px}.tiny-icon,.check{width:32px;height:32px;border-radius:8px;background:#edf2fd;text-align:center;line-height:32px;color:#4b71c5;font-size:20px}.check{background:#eaf6f0;color:#3d9575}.dot{width:6px;height:6px;background:#559b7d;border-radius:50%;margin-right:18px}.bars{font-size:18px;color:#80bda5;margin-right:15px;direction:ltr}.visual-label,.coordinate{position:absolute;font:8px monospace;color:#8a9bb1;letter-spacing:2px;direction:ltr}.visual-label{left:12px;top:20px}.coordinate{bottom:12px;right:35px}.tech-strip{border-block:1px solid #e5e8ed;background:#f2f4f7}.tech-strip>.wrap{display:flex;justify-content:space-between;align-items:center;padding-block:22px;gap:20px}.tech-strip span{font-size:11px;color:#7a8594}.tech-strip div[dir]{font:14px monospace;color:#626f82;display:flex;gap:23px}.tech-strip b{font-weight:normal;color:#bcc6d3}.section{padding-block:85px}.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.section-head p{font-size:12px;margin:0}h2{font-size:28px;margin-bottom:22px}.section-head h2{margin-bottom:0}.services{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.service{padding:25px 22px;background:white;border:1px solid #e0e6ee;border-radius:12px;transition:transform .2s,border-color .2s}.service:hover{transform:translateY(-5px);border-color:#91afed}.card-top{display:flex;justify-content:space-between;margin-bottom:32px}.number{font:13px monospace;color:#8d9bb0}.arrow{color:#4169b8}.service h3{font-size:17px;min-height:54px;line-height:1.8}.service p{font-size:12px;line-height:2.1;min-height:100px}.more{font-size:11px;color:#466597}.about-section{background:#edf1f6;border-block:1px solid #e2e7ef}.about{display:grid;grid-template-columns:1fr 1.2fr;gap:100px;padding-block:65px}.about p{font-size:14px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:35px;margin-top:40px}.steps article{border-top:1px solid #dce3ed;padding-top:20px}.steps span{font-size:11px;color:#6d84a8}.steps h3{font-size:16px;margin-block:13px 8px}.steps p{font-size:12px}.cta{text-align:center;background:#eaf0fc;border:1px solid #dce5f7;border-radius:18px;padding:50px 25px;margin-bottom:80px}.cta h2{font-size:32px}.cta p{font-size:13px}.cta .button{margin-top:10px}.footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e1e6ec;padding-block:28px;gap:20px;font-size:11px;color:#7c8798}.wordmark{font:18px monospace;direction:ltr;color:#35445c}.wordmark span{color:#3268d8}.article{padding-block:65px 100px;min-height:70vh}.article h1{max-width:820px;font-size:44px}.back{display:block;font-size:12px;color:#6d7d96;margin-bottom:35px}.intro{font-size:17px;max-width:750px;line-height:2.1;margin-bottom:45px}.article-grid{display:grid;grid-template-columns:1fr 320px;gap:80px}.article-grid h2,.prose h2{font-size:23px;margin-top:30px}.article-grid p,.prose p{line-height:2.2}.article-grid li{margin-bottom:12px;color:#58667b}.article-grid aside{align-self:start;background:#edf2fb;padding:28px;border-radius:14px;position:sticky;top:25px}.article-grid aside h3{font-size:22px}.article-grid aside p{font-size:13px}.contact-address{font:clamp(20px,4vw,34px) monospace;color:#2c60cc;display:inline-block;padding-block:15px;border-bottom:1px solid #b7c9ed}.contact-guide{margin-top:50px;max-width:650px;background:#f0f3f8;padding:30px;border-radius:12px}.contact-guide h2{font-size:22px}.muted{font-size:12px}.prose{max-width:800px}.prose h1{font-size:40px}.note-card{display:block;background:white;border:1px solid #dde5ef;border-radius:15px;padding:35px;max-width:800px;margin-top:45px}.note-card h2{font-size:26px}.skip{position:fixed;top:-90px;background:#fff;padding:10px;z-index:9}.skip:focus{top:10px}@media(max-width:1000px){.wrap{width:calc(100% - 44px)}.hero{gap:20px}h1{font-size:42px}.services{grid-template-columns:repeat(2,1fr)}.service p{min-height:65px}.tech-strip div[dir]{gap:12px;font-size:12px}.article-grid{gap:35px;grid-template-columns:1fr 270px}.about{gap:45px}}@media(max-width:700px){.header{height:auto;min-height:90px;flex-wrap:wrap;padding-block:18px;gap:18px}.brand{font-size:15px}.brand small{font-size:9px}.header nav{order:3;justify-content:center;width:100%;gap:35px;font-size:12px}.nav-cta{font-size:10px;padding:8px}.nav-cta span{margin-right:4px}.hero{grid-template-columns:1fr;padding-block:45px 25px;gap:15px}.hero h1{font-size:43px}.lead{font-size:14px}.actions{gap:18px}.button{padding:12px 18px;font-size:12px}.text-link{font-size:11px}.hero-note{font-size:9px;gap:10px}.visual{height:355px;width:min(100%,420px);margin:auto}.flow-card.top{top:25px}.flow-card.bottom{bottom:22px}.coordinate{bottom:0}.tech-strip>.wrap{flex-direction:column;gap:12px;padding-block:18px}.tech-strip div[dir]{flex-wrap:wrap;justify-content:center;gap:12px}.section{padding-block:55px}.section-head{display:block}.section-head p{margin-top:18px}h2{font-size:24px}.services{gap:12px}.service{padding:20px 16px}.service h3{font-size:16px;min-height:58px}.service p{font-size:11px;min-height:115px}.card-top{margin-bottom:20px}.about{grid-template-columns:1fr;gap:12px;padding-block:45px}.steps{grid-template-columns:repeat(2,1fr);gap:25px}.cta{margin-bottom:45px;padding:35px 20px}.cta h2{font-size:26px}.footer{flex-wrap:wrap;justify-content:center;gap:15px}.footer>span{width:100%;text-align:center;order:3}.article h1,.prose h1{font-size:34px}.article{padding-block:45px 65px}.intro{font-size:15px}.article-grid{grid-template-columns:1fr;gap:25px}.article-grid aside{position:static}.note-card{padding:25px}.note-card h2{font-size:22px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Persian typography and spacing — first revision. */
body { font-size: 16px; line-height: 2; }
h1, h2, h3, .eyebrow { letter-spacing: normal; }
h1 { font-size: 48px; line-height: 1.65; margin-bottom: 24px; }
h2 { line-height: 1.75; margin-bottom: 24px; }
h3 { line-height: 1.85; }
p { margin-bottom: 20px; }
.brand { line-height: 1.7; }
.brand small { font-size: 12px; margin-top: 4px; }
.header nav, .nav-cta { font-size: 14px; }
.hero { padding-block: 64px; gap: 48px; }
.hero-copy, .article-grid > *, .about > * { min-width: 0; }
.eyebrow { font-size: 13px; line-height: 1.9; margin-bottom: 16px; }
.lead, .about p { font-size: 16px; line-height: 2.1; }
.actions { gap: 24px; margin-top: 28px; flex-wrap: wrap; }
.button { font-size: 14px; line-height: 1.8; padding: 14px 22px; }
.text-link { font-size: 14px; line-height: 1.9; }
.hero-note { font-size: 12px; line-height: 1.9; gap: 12px; margin-top: 24px; flex-wrap: wrap; }
.flow-card { font-size: 14px; }
.flow-card small { font-size: 11px; margin-top: 3px; }
.tech-strip span { font-size: 13px; }
.section { padding-block: 72px; }
.section-head { gap: 32px; margin-bottom: 32px; }
.section-head p { font-size: 14px; line-height: 2; }
.services { gap: 20px; }
.service { display: flex; flex-direction: column; padding: 26px 24px; }
.card-top { margin-bottom: 24px; }
.service h3 { font-size: 18px; line-height: 1.85; min-height: 0; margin-bottom: 16px; }
.service p { font-size: 14px; line-height: 2; min-height: 0; margin-bottom: 24px; }
.more { font-size: 13px; margin-top: auto; }
.about { padding-block: 64px; gap: 72px; }
.steps { gap: 28px; margin-top: 32px; }
.steps span { font-size: 13px; }
.steps h3 { font-size: 18px; margin-block: 16px 12px; }
.steps p { font-size: 14px; line-height: 2; }
.cta p { font-size: 16px; line-height: 2; }
.footer { font-size: 13px; line-height: 1.9; }
.article { padding-block: 56px 80px; }
.article h1 { font-size: 40px; line-height: 1.7; }
.back { font-size: 14px; margin-bottom: 32px; }
.intro { font-size: 18px; line-height: 2; margin-bottom: 40px; }
.article-grid p, .prose p { font-size: 16px; line-height: 2.1; }
.article-grid h2, .prose h2 { margin-block: 36px 16px; }
.article-grid li { line-height: 2; margin-bottom: 12px; }
.article-grid ul { padding-inline-start: 24px; }
.article-grid aside p { font-size: 14px; }
.muted { font-size: 13px; }
@media (max-width: 1000px) {
  .hero { gap: 28px; }
  .hero h1 { font-size: 40px; }
  .header nav { gap: 22px; }
  .about { gap: 40px; }
}
@media (max-width: 700px) {
  .wrap { width: calc(100% - 40px); }
  .header { padding-block: 20px 16px; gap: 20px 12px; }
  .brand small { font-size: 10px; }
  .nav-cta { font-size: 12px; padding: 10px 12px; }
  .header nav { font-size: 14px; gap: 32px; }
  .hero { padding-block: 36px; gap: 28px; }
  .hero h1 { font-size: clamp(30px, 8.6vw, 40px); line-height: 1.7; margin-bottom: 20px; }
  .lead { font-size: 15px; line-height: 2.1; }
  .actions { gap: 18px; margin-top: 24px; }
  .button { font-size: 14px; padding: 13px 20px; }
  .text-link { font-size: 13px; }
  .hero-note { font-size: 11px; gap: 8px; margin-top: 24px; }
  .eyebrow { font-size: 12px; margin-bottom: 12px; }
  .section { padding-block: 48px; }
  .section-head { margin-bottom: 24px; }
  .section-head p { margin-top: 16px; }
  h2 { font-size: 24px; line-height: 1.8; }
  .services { gap: 16px; }
  .service { padding: 24px; }
  .service h3 { font-size: 18px; min-height: 0; }
  .service p { font-size: 14px; min-height: 0; }
  .about { padding-block: 44px; gap: 16px; }
  .about p { font-size: 15px; }
  .steps { gap: 24px; }
  .steps h3 { font-size: 17px; }
  .steps p { font-size: 14px; }
  .cta { padding: 32px 24px; margin-bottom: 48px; }
  .cta p { font-size: 15px; }
  .article { padding-block: 36px 56px; }
  .article h1, .prose h1 { font-size: 30px; line-height: 1.8; }
  .intro { font-size: 16px; margin-bottom: 32px; }
  .article-grid h2, .prose h2 { font-size: 22px; margin-block: 32px 16px; }
  .article-grid p, .prose p { font-size: 15px; }
  .contact-guide { padding: 24px; margin-top: 32px; }
  .note-card { padding: 24px; margin-top: 32px; }
}
@media (max-width: 480px) {
  .services, .steps { grid-template-columns: 1fr; }
  .card-top { margin-bottom: 16px; }
  .hero-note b { display: none; }
  .hero-note { column-gap: 16px; }
}

/* Visual system: consistent line icons, editorial sections and original SVG art. */
.ui-icon{width:20px;height:20px;display:inline-block;vertical-align:middle;flex:none}
.button .ui-icon,.nav-cta .ui-icon{width:18px;height:18px}
.text-link,.more,.footer>a:last-child{display:inline-flex;align-items:center;gap:9px}
.nav-cta>span{display:inline-flex;vertical-align:middle}
.hero{grid-template-columns:1.1fr 1fr;gap:64px;padding-block:72px}
.hero-art{margin:0;min-width:0;padding:22px;background:linear-gradient(135deg,#f1f5fc,#e7eef9);border:1px solid #dee7f4;border-radius:24px;position:relative;box-shadow:0 24px 60px -35px #23497d55}
.art-heading{display:flex;gap:8px;align-items:center;font-size:12px;color:#5d7597;margin:0 2px 18px}
.art-dot{width:7px;height:7px;border-radius:50%;background:#5a9e85}.art-mark{direction:ltr;margin-right:auto;font:9px monospace;color:#8396b3}
.hero-art>img{display:block;width:100%;height:auto;border-radius:16px}
.hero-art figcaption{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #e0e7f0;border-radius:13px;padding:18px 14px;margin:18px 0 0;font-size:13px;color:#354b6a}
.hero-art small{display:block;font-size:11px;color:#7a899d;margin-top:3px}
.art-check{color:#44896f;background:#eef7f3;width:34px;height:34px;display:grid;place-items:center;border-radius:10px}.art-spark{margin-right:auto;color:#a3b5d1}
.tech-strip{background:#fff}.tech-strip>.wrap{padding-block:24px}
.services-section{background:#f0f3f8;border-bottom:1px solid #e2e8f0}
.services-section .section{padding-block:76px 80px}.section-head{align-items:flex-end;margin-bottom:36px}
.services{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.service{padding:0;overflow:hidden;border-radius:18px;box-shadow:0 5px 18px #2d466505}
.service-art{padding:16px 16px 0;background:#fff}
.service-art img{display:block;width:100%;height:205px;object-fit:cover;border-radius:12px}
.service-content{display:flex;flex-direction:column;flex:1;padding:24px 30px 28px}
.card-top{align-items:center;margin-bottom:18px}.service-icon{width:42px;height:42px;border:1px solid #dce6f5;border-radius:12px;background:#f2f6fc;color:#416fae;display:grid;place-items:center}
.service-icon .ui-icon{width:23px;height:23px}.service h3{font-size:21px;margin-bottom:12px}.service p{font-size:15px;margin-bottom:22px;max-width:440px}.more{border-top:1px solid #edf0f5;padding-top:18px;font-weight:700;justify-content:space-between}
.service:hover{transform:translateY(-4px);box-shadow:0 14px 34px #2844650c}
.about-section{background:#f9fafb;border:0}.about{align-items:center;gap:90px;padding-block:80px;grid-template-columns:1fr 1fr}
.about-art{max-width:420px;margin-top:28px}.about-art img{display:block;width:100%;height:auto;border-radius:16px}
.about-copy{padding:32px 0}.about-symbol{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#eaf0fa;color:#416aa9;margin-bottom:24px}.about-symbol .ui-icon{width:26px;height:26px}
.about-copy p{line-height:2.2}.about-copy .text-link{margin-top:12px}
.process-section{border-top:1px solid #e1e7ef;padding-block:64px 80px}.steps{gap:24px;margin-top:40px}.steps article{position:relative;background:white;border:1px solid #e1e7ef;border-radius:15px;padding:26px 22px 16px}.step-icon{width:46px;height:46px;display:grid;place-items:center;background:#f0f4fb;color:#537aaf;border:1px solid #e1e9f5;border-radius:12px;margin-bottom:22px}.step-icon .ui-icon{width:23px;height:23px}.steps h3{font-size:17px}.steps p{font-size:14px}
.cta{position:relative;overflow:hidden;background:#223953;color:white;border:1px solid #304b6c;border-radius:22px;padding:48px 32px;margin-bottom:64px}.cta:before,.cta:after{content:"";position:absolute;width:300px;height:300px;border:1px solid #ffffff0e;border-radius:50%;pointer-events:none}.cta:before{right:-110px;top:-100px;box-shadow:0 0 0 45px #ffffff03,0 0 0 90px #ffffff02}.cta:after{left:-140px;bottom:-140px;box-shadow:0 0 0 55px #ffffff03}.cta>*{position:relative;z-index:1}.cta .eyebrow{color:#b8ccec}.cta p{color:#c0cddd}.cta .button{background:#f8fbff;color:#25456d;box-shadow:none}.cta .button:hover{background:#e4edfa}.cta-symbol{display:grid;place-items:center;border:1px solid #a1bed54d;background:#ffffff08;color:#d6e7ff;width:48px;height:48px;border-radius:14px;margin:0 auto 20px}.cta-symbol .ui-icon{width:24px;height:24px}
.aside-art{display:block;width:calc(100% + 16px);margin:-8px -8px 24px;height:auto;border-radius:10px}.note-art{display:block;width:100%;max-height:260px;object-fit:cover;border-radius:12px;margin-bottom:28px}
@media(max-width:1000px){.hero{gap:28px}.hero-art{padding:16px}.art-mark{display:none}.hero-art figcaption{padding:14px 10px;font-size:12px}.hero-art small{font-size:10px}.about{gap:44px}.steps{grid-template-columns:repeat(2,minmax(0,1fr))}.service-art img{height:180px}.service-content{padding:22px}.service h3{font-size:19px}}
@media(max-width:700px){.hero{grid-template-columns:1fr;padding-block:36px 44px;gap:36px}.hero-art{width:100%;max-width:460px;margin:auto;padding:16px;border-radius:20px}.art-mark{display:block}.hero-art figcaption{margin-top:14px;font-size:12px}.hero-art small{font-size:10px}.art-heading{margin-bottom:14px}.services-section .section{padding-block:48px}.section-head{margin-bottom:28px}.services{grid-template-columns:1fr;gap:20px}.service-art img{height:auto;max-height:240px}.service-content{padding:22px 24px 24px}.service h3{font-size:20px}.service p{font-size:14px}.about{grid-template-columns:1fr;padding-block:48px;gap:24px}.about-art{max-width:100%;margin-top:24px}.about-art img{max-height:240px;object-fit:cover}.about-copy{padding:0}.about-symbol{display:none}.process-section{padding-block:48px}.steps{gap:16px;margin-top:28px}.steps article{padding:22px 18px 12px}.steps h3{font-size:16px}.step-icon{margin-bottom:18px}.cta{padding:36px 24px;margin-bottom:44px}.cta h2{font-size:26px}.cta p{font-size:14px}.note-art{max-height:190px}}
@media(max-width:380px){.steps{grid-template-columns:1fr}.hero-art small{font-size:9px}.art-spark{display:none}.service-content{padding-inline:20px}}

.service-art img,.note-art,.about-art img{object-fit:contain;background:#f0f5fd}

/* Brand palette from the supplied sajadaz identity board. */
:root{
  --canvas:#f8faff;
  --surface:#ffffff;
  --surface-soft:#eef5ff;
  --ink:#0b1d3b;
  --body:#4c5d78;
  --muted:#687893;
  --line:#dce6f3;
  --brand:#2f72ee;
  --brand-hover:#195bd8;
  --brand-soft:#e0efff;
  --teal:#3b82f6;
  --teal-soft:#e0efff;
  --navy:#0b1d3b;
}
body{background:var(--canvas);color:var(--ink)}
p{color:var(--body)}
a:focus-visible{outline-color:var(--brand)}
.header{border-color:var(--line)}
.brand small,.hero-note,.footer{color:var(--muted)}
.logo{background:var(--navy);box-shadow:0 7px 18px #172f4d1c}
.logo span{color:#8fb3ff}
.header nav a{color:#34445b;transition:color .2s ease}
.header nav a:hover{color:var(--brand)}
.nav-cta{border-color:#ccd7e5;background:#ffffff80;color:#263b58;transition:color .2s,border-color .2s,background .2s}
.nav-cta:hover{color:var(--brand);border-color:#9fb7e5;background:#fff}
.nav-cta span{color:var(--brand)}
.eyebrow{color:#315da8}
.eyebrow i,.art-dot{background:var(--teal)}
h1 span,h1 em{color:var(--brand)}
.button{background:var(--brand);box-shadow:0 9px 24px #2459d326}
.button:hover{background:var(--brand-hover)}
.text-link,.more{color:#31588f}
.hero-art{background:linear-gradient(145deg,#f0f5ff 0%,#e6eefc 58%,#edf6f3 100%);border-color:#d5e1f2;box-shadow:0 28px 65px -38px #183c6c73}
.art-heading{color:#516c91}.art-mark{color:#6e82a1}
.hero-art figcaption{border-color:#d8e1ec;color:#263d5a;box-shadow:0 8px 20px #2039550a}
.hero-art small{color:#65758b}
.art-check{color:var(--teal);background:var(--teal-soft)}
.art-spark{color:#7795c7}
.tech-strip{background:#fffdf9;border-color:var(--line)}
.tech-strip span{color:#69768a}.tech-strip div[dir]{color:#44546b}.tech-strip b{color:#a8b5c6}
.services-section{background:#eef2f6;border-color:#dbe3eb}
.service{background:var(--surface);border-color:#d8e1eb;box-shadow:0 7px 22px #1d385508}
.service:hover{border-color:#9cb6e5;box-shadow:0 18px 42px #17365312}
.service-art{background:#fff}
.service-art img,.note-art,.about-art img{background:#eef4fd}
.service-icon{border-color:#ccdaf0;background:#edf3ff;color:var(--brand)}
.number{color:#7186a5}.more{border-color:#e3e8ef}
.about-section{background:var(--canvas)}
.about-symbol{background:var(--brand-soft);color:var(--brand)}
.process-section{border-color:var(--line)}
.steps article{background:#fff;border-color:#dbe3ec;box-shadow:0 6px 18px #1b385506}
.step-icon{background:#edf3ff;color:#315fae;border-color:#d4e0f3}
.steps span{color:#5474a5}
.cta{background:linear-gradient(135deg,#142b47,#1d4266);border-color:#294c70;box-shadow:0 24px 55px -35px #1029469c}
.cta .eyebrow{color:#a9c7f3}.cta p{color:#c7d3df}
.cta .button{background:#fff;color:#173d72}.cta .button:hover{background:#e9f0fb}
.cta-symbol{border-color:#94bad34d;color:#dcecff}
.article-grid aside{background:#edf3fb;border:1px solid #d8e3f1}
.contact-address{color:var(--brand);border-color:#aec2e8}
.contact-guide{background:#eef2f6;border:1px solid #dce4ec}
.note-card{background:#fff;border-color:#d8e2ed;box-shadow:0 10px 28px #1c3d5d0a}
.back{color:#526b90}
.article-grid li{color:#45566e}
.wordmark{color:#263c59}.wordmark span{color:var(--brand)}
::selection{background:#cddcff;color:#13243c}

/* Content enrichment */
.home-problems{background:#fff;border-block:1px solid var(--line)}
.home-problems .section{padding-block:72px}
.problem-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.problem-grid article{padding:28px;border:1px solid var(--line);border-radius:16px;background:var(--canvas)}
.problem-grid article>span{font:12px monospace;color:#6480aa}
.problem-grid h3{font-size:19px;margin:18px 0 10px}
.problem-grid p{font-size:14px;line-height:2.05;min-height:116px}
.problem-grid a{display:inline-flex;align-items:center;gap:8px;color:#31588f;font-size:13px;font-weight:700}
.problem-grid a .ui-icon{width:17px;height:17px}
.home-faq{display:grid;grid-template-columns:minmax(250px,.7fr) minmax(0,1.3fr);gap:80px;align-items:start}
.home-faq>div:first-child{position:sticky;top:30px}
.faq-list{border-top:1px solid var(--line)}
.faq-list details{border-bottom:1px solid var(--line)}
.faq-list summary{cursor:pointer;list-style:none;position:relative;padding:22px 38px 22px 0;font-weight:700;color:#263750;line-height:1.9}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary:before,.faq-list summary:after{content:"";position:absolute;right:4px;top:34px;width:14px;height:1.5px;background:var(--brand);transition:transform .2s}
.faq-list summary:after{transform:rotate(90deg)}
.faq-list details[open] summary:after{transform:rotate(0)}
.faq-list details[open] summary{color:var(--brand)}
.faq-list details p{padding:0 38px 20px 0;margin:0;font-size:14px;line-height:2.1;max-width:720px}
.signal-list{list-style:none;padding:0!important;display:grid;gap:10px;margin:24px 0 40px}
.signal-list li{position:relative;padding:14px 44px 14px 16px!important;margin:0!important;border:1px solid #dce5ee;border-radius:10px;background:#f7f9fb}
.signal-list li:before{content:"✓";position:absolute;right:15px;top:14px;color:var(--teal);font-weight:700}
.method-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:20px 0 42px}
.method-grid article{padding:20px;border:1px solid var(--line);border-radius:12px;background:#fff}
.method-grid span{font:12px monospace;color:#6480aa}
.method-grid h3{font-size:16px;margin:12px 0 6px}
.method-grid p{font-size:13px!important;line-height:2!important;margin:0}
.service-faq{margin-top:54px;padding-top:42px;border-top:1px solid var(--line)}
.service-faq h2{margin-bottom:20px}
.aside-links{border-top:1px solid #d6e0ed;margin-top:26px;padding-top:20px;display:grid;gap:9px}
.aside-links>span{font-size:11px;color:#74849a;margin-bottom:2px}
.aside-links a{font-size:12px;color:#31588f;line-height:1.8}
.notes-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}
.notes-grid .note-card{margin-top:12px;height:100%}
.notes-grid .note-card h2{font-size:22px}
.notes-grid .note-card p{font-size:14px;line-height:2}
.prose ul{color:var(--body);line-height:2.1;margin-bottom:30px}
.prose li{margin-bottom:8px}
.featured-work{background:#172f4d;color:#fff}
.featured-work .section{padding-block:76px}
.featured-work h2{color:#fff}.featured-work .eyebrow{color:#9ebef1}.featured-work .section-head p{color:#c4d1df}
.featured-work .text-link{color:#d7e6ff}
.case-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.case-card{display:flex;flex-direction:column;overflow:hidden;background:#fff;color:var(--ink);border:1px solid #d6e0eb;border-radius:18px;transition:transform .2s,box-shadow .2s}
.case-card:hover{transform:translateY(-4px);box-shadow:0 18px 38px #0b1e341f}
.case-art{position:relative;padding:14px 14px 0}
.case-art img{display:block;width:100%;height:170px;object-fit:cover;background:#edf3fd;border-radius:12px}
.case-art>span{position:absolute;right:26px;top:26px;background:#ffffffeb;border:1px solid #dce5ef;border-radius:999px;padding:5px 11px;font-size:10px;color:#385c8f}
.case-copy{display:flex;flex-direction:column;flex:1;padding:22px}
.case-copy h3{font-size:18px;margin-bottom:10px}.case-copy>p{font-size:13px;line-height:2;min-height:78px;margin-bottom:20px}
.case-compare{display:grid;grid-template-columns:1fr 24px 1fr;gap:8px;align-items:center;direction:rtl}
.case-compare>div{min-width:0}.case-compare small,.case-compare span{display:block;font-size:9px;line-height:1.7;color:#718096}
.case-compare strong{display:block;font-size:18px;line-height:1.7;color:#1e477b;margin:2px 0}
.case-compare>div:last-child strong{color:var(--teal)}
.case-compare i{display:grid;place-items:center;color:#7b92b3}.case-compare i .ui-icon{width:18px}
.case-copy .more{margin-top:20px;padding-top:16px}
.privacy-note{color:#aebfd1;font-size:11px;margin:24px 0 0;text-align:center}
.work-page>.intro{max-width:820px}.work-page .case-grid{margin-top:42px}
.work-principle{margin-top:56px;padding:30px;border:1px solid var(--line);background:#f0f4f8;border-radius:16px;max-width:820px}
.work-principle h2{font-size:21px;margin-bottom:8px}.work-principle p{font-size:14px;margin:0}
.case-page{max-width:1000px}.case-page>h1{max-width:900px}
.case-hero{display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:center;background:#edf3fb;border:1px solid #d8e3f0;border-radius:20px;padding:22px;margin:40px 0 62px}
.case-hero>img{display:block;width:100%;height:auto;border-radius:14px}
.case-hero .case-compare{background:#fff;border:1px solid #dbe3ed;border-radius:14px;padding:24px}
.case-hero .case-compare strong{font-size:25px}.case-hero .case-compare small{font-size:11px}.case-hero .case-compare span{font-size:11px}
.case-body{max-width:800px;margin:auto}.case-body>section{padding:0 0 48px;margin-bottom:48px;border-bottom:1px solid var(--line)}
.case-body>section:last-child{border:0}.case-kicker{font:12px monospace;color:#5375a7}
.case-body h2{font-size:26px;margin:13px 0 14px}.case-body p,.case-body li{font-size:16px;line-height:2.2}
.case-body ul{padding-right:22px;color:var(--body)}.case-body li{margin-bottom:9px}
.result-table-wrap{overflow-x:auto;border:1px solid #d9e2ec;border-radius:14px;margin-top:22px}
.result-table{width:100%;border-collapse:collapse;min-width:600px;background:#fff}
.result-table th,.result-table td{text-align:right;padding:16px;border-bottom:1px solid #e4e9ef;font-size:13px;line-height:1.8}
.result-table thead th{background:#edf3fa;color:#3a587f;font-size:11px}.result-table tbody th{color:#263a55;width:26%}.result-table tbody td{color:#53637a}
.result-table tbody td:last-child{color:#14745f;font-weight:700}.result-table tr:last-child>*{border-bottom:0}
.measurement-note{font-size:13px!important;background:#f1f5f8;border-right:3px solid var(--teal);padding:18px 20px;margin-top:22px;border-radius:8px}
.case-next{text-align:center;background:#172f4d;border-radius:20px;padding:42px 28px;color:#fff}.case-next h2{color:#fff}.case-next .eyebrow{color:#a9c5ed}
@media(max-width:900px){.home-faq{grid-template-columns:1fr;gap:28px}.home-faq>div:first-child{position:static}.problem-grid{grid-template-columns:1fr}.problem-grid p{min-height:0}.article-grid{grid-template-columns:1fr}.article-grid aside{position:static}}
@media(max-width:1050px){.case-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.case-grid .case-card:last-child{grid-column:1/-1;max-width:570px}.case-copy>p{min-height:0}}
@media(max-width:700px){.home-problems .section{padding-block:48px}.problem-grid article{padding:22px}.home-faq{gap:18px}.faq-list summary{padding-block:19px}.faq-list summary:before,.faq-list summary:after{top:31px}.method-grid,.notes-grid,.case-grid{grid-template-columns:1fr}.service-faq{margin-top:42px;padding-top:32px}.notes-grid .note-card{height:auto}.featured-work .section{padding-block:48px}.case-grid .case-card:last-child{grid-column:auto;max-width:none}.case-art img{height:auto;max-height:210px}.case-hero{grid-template-columns:1fr;padding:14px;margin-block:28px 44px}.case-hero .case-compare{padding:18px 14px}.case-hero .case-compare strong{font-size:19px}.case-body>section{padding-bottom:34px;margin-bottom:34px}.case-body h2{font-size:23px}.case-body p,.case-body li{font-size:15px}.case-next{padding:34px 20px}}

.related-case,.case-business{margin-block:30px;padding:24px;border:1px solid #dce5ee;border-radius:14px;background:#f3f6fa}.related-case h2,.case-business h2{font-size:21px;margin:0 0 12px}.related-case p,.case-business p{margin-bottom:12px}.note-next{margin-top:36px}

.contact-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:900px;margin-top:36px}.contact-option{display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-width:0;padding:24px;background:#fff;border:1px solid #dce5ee;border-radius:14px;transition:border-color .2s,transform .2s}.contact-option:hover{border-color:#7499d7;transform:translateY(-2px)}.contact-option .eyebrow{margin:0}.contact-option strong{font-size:clamp(16px,2.5vw,25px);overflow-wrap:anywhere;text-align:left;color:#1e4d9e}.contact-option>span:last-child{font-size:14px;color:#526681}@media(max-width:700px){.contact-options{grid-template-columns:1fr}}

/* Contact landing */
.contact-landing{background:#f8fafc}
.contact-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.95fr);align-items:start;gap:clamp(40px,6vw,90px);padding-block:72px 82px}
.contact-copy{padding-top:34px}.contact-copy .eyebrow{margin-bottom:22px}.contact-copy h1{font-size:clamp(34px,4vw,55px);line-height:1.48;max-width:640px;margin-bottom:24px}.contact-lead{font-size:17px;line-height:2.15;max-width:610px;margin-bottom:32px}.contact-points{list-style:none;padding:0;margin:0;display:grid;gap:12px}.contact-points li{position:relative;padding:12px 44px 12px 14px;background:#fff;border:1px solid #e1e7ef;border-radius:11px;font-size:14px;color:#344b66}.contact-points li:before{content:'✓';position:absolute;right:14px;top:12px;display:grid;place-items:center;width:21px;height:21px;border-radius:50%;background:#e5f4ef;color:#14745f;font-size:12px}.contact-reassurance{font-size:13px;color:#61738b;margin-top:26px}
.lead-card{background:#fff;border:1px solid #d9e3ef;box-shadow:0 30px 80px -50px #193f71aa;border-radius:24px;padding:34px;scroll-margin-top:24px}.lead-card-head{display:flex;align-items:center;gap:14px}.lead-card-head .eyebrow{margin:0 0 3px}.lead-card-head h2{font-size:24px;margin:0}.lead-card-mark{display:grid;place-items:center;flex:0 0 44px;height:44px;border-radius:12px;background:#edf4ff;color:#285fc3;font-size:25px}.lead-card-intro{font-size:13px;margin:13px 0 25px}.lead-fields-two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.lead-field{margin-bottom:17px}.lead-field label{display:block;font-size:13px;font-weight:700;color:#263c59;margin-bottom:7px}.lead-field label span{color:#b64848}.lead-field input,.lead-field select,.lead-field textarea{display:block;width:100%;border:1px solid #cbd7e5;border-radius:10px;background:#fff;color:#25374f;font:14px Vazir,Tahoma,sans-serif;line-height:1.7;padding:11px 14px;outline:none;transition:border-color .15s,box-shadow .15s}.lead-field input,.lead-field select{min-height:47px}.lead-field textarea{min-height:115px;resize:vertical}.lead-field input:focus,.lead-field select:focus,.lead-field textarea:focus{border-color:#386fcb;box-shadow:0 0 0 3px #316bd61f}.lead-field input::placeholder,.lead-field textarea::placeholder{color:#8c98a8}.lead-field input[dir=ltr]{text-align:left}.lead-field small{display:block;color:#758296;font-size:11px;margin-top:5px}.lead-consent{display:flex;align-items:flex-start;gap:9px;color:#4d5f75;font-size:11px;line-height:1.8;cursor:pointer}.lead-consent input{width:17px;height:17px;flex:none;margin:3px 0 0;accent-color:#2862cc}.lead-submit{display:flex;align-items:center;justify-content:center;gap:20px;width:100%;border:0;border-radius:10px;background:#2459d3;color:#fff;font:700 15px Vazir,Tahoma,sans-serif;padding:13px 20px;margin-top:20px;cursor:pointer;transition:background .2s,transform .2s}.lead-submit:hover{background:#174bbf;transform:translateY(-1px)}.lead-submit:focus-visible{outline:3px solid #8bb3ff;outline-offset:3px}.lead-privacy{font-size:11px;text-align:center;margin:11px 0 0;color:#7b899a}.lead-honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.contact-direct{background:#eaf0f8;border-block:1px solid #dbe5f0}.contact-direct-inner{display:grid;grid-template-columns:1fr 1.15fr;gap:40px;align-items:center;padding-block:48px}.contact-direct .eyebrow{margin-bottom:8px}.contact-direct h2{font-size:24px;margin-bottom:6px}.contact-direct p{margin:0;font-size:13px}.contact-direct-links{display:grid;grid-template-columns:1fr 1fr;gap:13px}.contact-direct-links a{display:flex;flex-direction:column;gap:2px;background:#fff;border:1px solid #d7e1ed;padding:17px 19px;border-radius:12px;min-width:0}.contact-direct-links a:hover{border-color:#85a6df}.contact-direct-links span{font-size:11px;color:#677a93}.contact-direct-links strong{font-size:clamp(13px,1.5vw,18px);color:#234f98;overflow-wrap:anywhere;text-align:right}
.contact-after{display:grid;grid-template-columns:280px 1fr;gap:55px;padding-block:75px}.contact-after h2{font-size:25px}.contact-after-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.contact-after-steps article{border-top:2px solid #bfd1ed;padding:17px 3px}.contact-after-steps article>span{font-size:12px;color:#4173bf}.contact-after-steps h3{font-size:16px;margin:12px 0 7px}.contact-after-steps p{font-size:12px;line-height:2}.contact-proof{display:flex;align-items:center;justify-content:space-between;gap:25px;border:1px solid #d9e3ef;border-radius:18px;background:#fff;padding:30px 35px;margin-bottom:65px}.contact-proof .eyebrow{margin-bottom:5px}.contact-proof h2{font-size:22px;margin-bottom:5px}.contact-proof p{font-size:13px;margin:0}.contact-proof-link{display:inline-flex;align-items:center;gap:12px;flex:none;color:#2459b1;font-size:14px;font-weight:700}
.lead-thanks{min-height:65vh;max-width:720px;padding-block:100px}.lead-thanks-symbol{display:grid;place-items:center;width:58px;height:58px;border-radius:16px;background:#e1f3eb;color:#17805e;font-size:30px;margin-bottom:25px}.lead-thanks h1{font-size:42px}.lead-thanks p{font-size:17px;line-height:2.1}.lead-thanks-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:30px}
.lead-submit:disabled{opacity:.65;cursor:wait;transform:none}.lead-status{font-size:12px;color:#a13a3a;background:#fff3f1;border:1px solid #f0c8c2;border-radius:8px;padding:10px 12px;margin:12px 0 0}.lead-status[hidden]{display:none}
@media(max-width:950px){.contact-hero{grid-template-columns:1fr;gap:30px;padding-block:38px 58px}.contact-copy{padding-top:0}.contact-copy h1{max-width:780px}.contact-direct-inner,.contact-after{grid-template-columns:1fr;gap:22px}.contact-after{padding-block:55px}}
@media(max-width:700px){.contact-hero{padding-block:30px 42px}.contact-copy h1{font-size:clamp(31px,8.5vw,42px)}.contact-lead{font-size:15px}.contact-points li{font-size:13px}.lead-card{padding:22px 18px;border-radius:17px}.lead-card-head h2{font-size:21px}.lead-fields-two,.contact-direct-links,.contact-after-steps{grid-template-columns:1fr}.contact-direct-inner{padding-block:35px}.contact-after{padding-block:48px}.contact-after-steps{gap:0}.contact-after-steps article{padding:16px 0 8px}.contact-proof{align-items:flex-start;flex-direction:column;padding:24px;margin-bottom:45px}.lead-thanks{padding-block:65px}.lead-thanks h1{font-size:32px}.lead-thanks p{font-size:15px}}

.article-byline{font-size:13px;color:#66788e;margin-top:-20px;margin-bottom:36px}

/* 2026 brand identity: blue S mark, ink navy, airy white surfaces. */
body{background:radial-gradient(circle at 12% -10%,#e8f2ff 0,transparent 27rem),var(--canvas)}
.header{height:100px;border-color:#dbe5f3}
.brand{gap:13px;color:var(--ink)}
.brand .logo{display:block;width:53px;height:53px;flex:none;border:0;border-radius:13px;background:#081223 url('/assets/brand-icon-v2.png') center/100% no-repeat;box-shadow:none;font-size:0}
.brand .logo span{display:none}
.brand-wordmark{display:block;font:800 27px/1.05 Arial,Helvetica,sans-serif;letter-spacing:-1.4px;color:#0b1d3b;text-align:left}
.brand-wordmark small{display:block;font:400 10px/1.7 Vazir,Tahoma,sans-serif;letter-spacing:0;text-align:right;color:#5f7190;margin-top:4px}
.header nav a{color:#253a5b;font-weight:700}
.nav-cta{border:1px solid #b7cbeb;background:#fff;color:#15376d;box-shadow:0 4px 18px #0b1d3b08}
.nav-cta:hover{border-color:#3b82f6;background:#eff6ff}
.eyebrow{color:#2f67bd;letter-spacing:.5px}
.eyebrow i,.art-dot{background:#3b82f6}
.button,.lead-submit{background:linear-gradient(135deg,#337cf8,#1f5fdb);box-shadow:0 12px 25px #2368e62a}
.button:hover,.lead-submit:hover{background:linear-gradient(135deg,#246ae2,#144dbb)}
.hero{padding-block:68px 76px}
.hero-art{display:flex;flex-direction:column;justify-content:space-between;aspect-ratio:1/1.05;background:#070d1c url('/assets/brand-icon-v2.png') center/cover no-repeat;border:1px solid #2e62b5;box-shadow:0 26px 55px -30px #0b1d3bb0, inset 0 1px 0 #78acff44;overflow:hidden}
.hero-art:before{display:none}
.hero-art>*{position:relative}
.hero-art .art-heading{color:#d6e7ff;letter-spacing:.08em}
.hero-art .art-mark{color:#93c5fd}
.hero-art>img{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.hero-art figcaption{background:#07172caa;border-color:#83b5ff45;color:#f6faff;box-shadow:none}
.hero-art figcaption small{color:#b5c9e7}
.art-check{background:#3b82f625;color:#a9ceff}
.art-spark{color:#93c5fd}
.tech-strip{background:#fff;border-color:#dce7f4}
.services-section{background:#f0f6ff;border-color:#dce7f5}
.service,.note-card,.case-card,.problem-grid article,.steps article{border-color:#d8e4f5;box-shadow:0 10px 28px #102d580a}
.service:hover,.case-card:hover{border-color:#92b8f6;box-shadow:0 18px 38px #0b2d6017}
.service-art,.service-art img,.note-art,.about-art img{background:#eef5ff}
.service-icon,.step-icon,.about-symbol{background:#e7f1ff;border-color:#cbdfff;color:#2f72ee}
.featured-work,.case-next{background:#0b1d3b}
.cta{background:radial-gradient(circle at 85% 20%,#1e55aa 0,transparent 40%),linear-gradient(135deg,#0b1d3b,#102b59);border-color:#2656a5}
.cta .button{background:#fff;color:#124caa}
.contact-landing{background:var(--canvas)}
.contact-points li,.lead-card,.contact-direct-links a,.contact-proof{border-color:#d5e3f5;box-shadow:0 10px 30px #0b2d6008}
.contact-points li:before{background:#e0efff;color:#236fdb}
.lead-card{box-shadow:0 28px 65px -40px #113e8490}
.lead-card-mark,.lead-thanks-symbol{background:#e0efff;color:#2f72ee}
.contact-direct{background:#eaf3ff;border-color:#d7e5f8}
.contact-after-steps article{border-color:#9ac2fc}
.wordmark{font:800 19px Arial,Helvetica,sans-serif;letter-spacing:-.04em;color:#0b1d3b}
.wordmark span{color:#3b82f6}
::selection{background:#c6dfff;color:#0b1d3b}
@media(max-width:700px){.header{height:auto}.brand .logo{width:45px;height:45px}.brand-wordmark{font-size:23px}.hero-art{max-width:460px}}

.specialty-link{margin:22px 0 0;font-size:15px;line-height:2;color:#50637e}.specialty-link a,.plugin-page .faq-list a{color:#2455a8;text-decoration:underline;text-underline-offset:4px}.plugin-page .article-grid>div>p{line-height:2.15}.plugin-page .article-grid>div>h2{margin-top:42px}