@font-face{font-family:Vazirmatn;src:url('assets/vazirmatn.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:#fff;color:#11151e;font-family:Vazirmatn,sans-serif;line-height:1.8}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid #2457ff;outline-offset:6px}header{height:92px;display:flex;align-items:center;justify-content:space-between;padding:0 6%;border-bottom:1px solid #e7eaf0}.wordmark{display:flex;gap:10px;align-items:center}.wordmark img{width:34px;height:34px}.wordmark>span{font:750 24px Arial;letter-spacing:-1.2px}.one{font-weight:400;margin-left:4px}nav{display:flex;gap:32px;font-size:12px;color:#566071}nav a:hover{color:#2457ff}.header-link{display:flex;gap:26px;font-size:12px}.hero{padding:55px 6% 0}.hero-head{position:relative;min-height:350px}.overline{display:flex;align-items:center;gap:10px;font:10px Arial;letter-spacing:2px;color:#778195}.signal{width:7px;height:7px;background:#2457ff;border-radius:2px}h1{font-size:clamp(58px,6.8vw,104px);line-height:1.25;letter-spacing:-4px;font-weight:800;margin:28px 0 34px}h1>span{color:#2457ff}.hero-description{position:absolute;left:0;bottom:45px;max-width:310px}.hero-description p{font-size:19px;color:#5c6471;line-height:1.9;margin:0 0 28px}.btn{display:inline-flex;background:#11151e;color:#fff;padding:13px 22px;gap:40px;font-size:12px;border-radius:5px;transition:.2s}.btn:hover{background:#2457ff;transform:translateY(-2px)}.hero-stage{height:400px;background:#080c15;border-radius:8px;position:relative;overflow:hidden;color:#fff}.stage-meta,.stage-bottom{position:absolute;left:30px;right:30px;display:flex;justify-content:space-between;z-index:2;font-size:9px;color:#8e9ab2}.stage-meta{top:22px}.stage-meta span[dir]{font-family:Arial;letter-spacing:1.5px}.stage-bottom{bottom:18px;font-size:9px}.road-art{position:absolute;inset:0}.road-art svg{width:100%;height:100%}.lane{animation:travel 40s linear infinite}@keyframes travel{to{stroke-dashoffset:-400}}.art-label{position:absolute;font-size:10px;display:flex;align-items:center;gap:8px;padding:7px 12px;color:#cad8f8;background:#111c30c9;border:1px solid #3f5275;border-radius:4px;backdrop-filter:blur(8px)}.label-dot{width:5px;height:5px;border-radius:50%;background:#7da5ff}.a1{right:20%;top:17%}.a2{left:17%;top:20%}.a3{right:16%;bottom:21%}.a4{left:10%;bottom:23%}.section{padding:100px 8%}.section-kicker{display:flex;justify-content:space-between;color:#7e8593;font-size:11px;margin-bottom:48px}.section-kicker span[dir]{font:9px Arial;letter-spacing:1.5px}h2{font-size:clamp(34px,4vw,54px);font-weight:750;line-height:1.5;letter-spacing:-1.3px;margin:0}.intro-row{display:grid;grid-template-columns:1fr 1fr;gap:12%}.intro-row p{font-size:14px;color:#6b7380;margin:20px 0 0}.intro-row .lead{font-size:21px;color:#202734;margin-top:0;line-height:2}.system-strip{margin-top:65px;border-top:1px solid #e2e6ed;border-bottom:1px solid #e2e6ed;display:flex;justify-content:space-between;align-items:center;padding:25px 0;font-size:18px}.system-strip b{font-size:18px;font-weight:300;color:#a1a8b5}.system-strip strong{font:700 21px Arial;letter-spacing:-.7px;color:#2457ff}.solutions{background:#f4f6fa}.title-row{display:flex;justify-content:space-between;align-items:end}.title-row p{font-size:13px;color:#7e8794}.role-tabs{display:flex;gap:10px;margin-top:37px;padding-bottom:23px;border-bottom:1px solid #dfe4ed}.role-tabs button{background:transparent;border:1px solid transparent;padding:10px 24px;border-radius:5px;color:#6b7586;font-size:13px}.role-tabs button[aria-selected=true]{background:white;color:#11151e;border-color:#e0e5ee;box-shadow:0 2px 5px #16243a06}.role-panel{display:grid;grid-template-columns:1fr 1.15fr;gap:7%;align-items:center;margin-top:44px}.tiny{color:#2457ff;font-size:11px}.role-text h3{font-size:36px;line-height:1.5;letter-spacing:-.7px;margin:15px 0}.role-text p{font-size:14px;color:#758093;max-width:400px}.role-text ul{padding:0;list-style:none;margin:24px 0}.role-text li{border-bottom:1px solid #e1e6ef;padding:12px 0;font-size:12px}.role-text li:before{content:'↗';color:#2457ff;margin-left:12px}.inline-link{font-size:12px;display:flex;gap:28px;margin-top:24px}.workspace{display:flex;direction:rtl;background:#fff;border:1px solid #dbe2ed;border-radius:10px;box-shadow:0 28px 50px #192d5010;overflow:hidden;min-height:380px}.workspace aside{width:58px;flex-shrink:0;border-left:1px solid #e8edf4;display:flex;align-items:center;flex-direction:column;gap:23px;padding-top:18px;background:#fafbfe}.workspace aside img{width:25px}.side-line{width:15px;height:14px;border:1px solid #b8c3d5;border-radius:3px}.side-line.selected{background:#dbe5ff;border-color:#2457ff}.workspace aside>span{margin-top:auto;margin-bottom:23px;color:#8a97ae}.workspace-main{padding:22px;width:100%}.workspace-bar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #edf0f6;padding-bottom:17px;font-size:8px;color:#95a0b3}.workspace-bar b{font:700 11px Arial;color:#333d50}.workspace-main h4{font-size:20px;margin:24px 0 20px}.identity{display:flex;align-items:center;gap:12px;padding:15px;background:#f1f5ff;border:1px solid #e1e9fc;border-radius:6px;font-size:11px}.identity-icon{background:#e1eaff;border-radius:5px;width:37px;height:40px;display:grid;place-items:center;color:#2457ff}.identity-icon svg{width:25px}.identity small{display:block;font-size:8px;color:#8290a8;margin-top:4px}.identity>span{margin-right:auto;color:#2457ff}.service-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.service-grid>div{padding:17px 13px;border:1px solid #e5eaf3;border-radius:5px;position:relative}.service-grid i{font:9px Arial;display:block;color:#2457ff;margin-bottom:8px;font-style:normal}.service-grid b{font-size:10px;font-weight:500}.service-grid span{position:absolute;left:13px;bottom:15px;font-size:11px;color:#a4afc1}.workspace-note{font-size:8px;color:#98a2b3;margin-top:20px}.architecture{background:#0b0f18;color:#fff}.architecture .section-kicker{color:#657188}.architecture-grid{display:grid;grid-template-columns:1fr 1fr;gap:14%}.architecture-grid>div>p{font-size:14px;color:#8e9aae;margin-top:28px;line-height:2}.architecture-note{font-size:10px;color:#506582;display:block;margin-top:38px}.layers button{background:none;border:0;border-top:1px solid #263143;color:#fff;text-align:right;display:grid;grid-template-columns:30px 1fr 20px;column-gap:16px;width:100%;padding:23px 0}.layers button:last-child{border-bottom:1px solid #263143}.layer-number{font:10px Arial;color:#5981ff;padding-top:9px}.layers b{font-size:17px;font-weight:500}.plus{font-size:17px;color:#8a9db9}.layers p{grid-column:2/4;font-size:12px;color:#8493aa;margin:15px 0 0;line-height:2}.access h2{max-width:600px}.access-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:50px}.access-grid article{border-top:1px solid #dce2ec;padding-top:25px}.access-icon{color:#2457ff;font:400 27px Arial;height:40px}.access-grid h3{font-size:21px;margin:17px 0 10px}.access-grid p{font-size:13px;color:#818a99;max-width:260px}.access-grid article>span{font-size:9px;color:#a1a9b7}.availability{font-size:10px;color:#929aa7;border-top:1px solid #edf0f5;padding-top:25px;margin-top:55px}.closing{background:#2457ff;color:white;padding:60px 8%}.closing-word{font:700 clamp(50px,8.8vw,128px)/1.1 Arial;letter-spacing:-6px}.closing-word>span{color:#a9c0ff}.closing>div:last-child{display:flex;justify-content:space-between;align-items:end;margin-top:40px}.closing p{font-size:12px;color:#b3c7ff}.closing b{font-size:20px;color:white;font-weight:500}.closing a{border-bottom:1px solid #6d90ff;padding:12px 0;font-size:12px;display:flex;gap:50px}footer{padding:35px 6%;display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#8790a0}footer .wordmark{color:#11151e}footer .wordmark img{width:27px}footer .wordmark>span{font-size:20px}.brand-page{padding:65px 8%}.brand-page h1{font-size:64px}.brand-page .lead{font-size:20px;max-width:680px;color:#6b7380}.brand-showcase{margin:40px 0;background:#0b0f18;padding:70px;display:flex;justify-content:center;align-items:center;color:white;gap:25px}.brand-showcase img{width:100px}.brand-showcase strong{font:700 70px Arial;letter-spacing:-4px}.swatches{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:30px 0}.swatch{height:150px;padding:20px;display:flex;align-items:end;font:14px Arial;border:1px solid #e1e7f1}.brand-page h2{font-size:30px;margin-top:50px}.brand-page p{max-width:780px}.brand-page .btn{margin:25px 0}.font-sample{border-top:1px solid #e4e8ef;padding:25px 0;font-size:42px}.brand-page li{font-size:14px;color:#6b7380}@media(min-width:1600px){body{max-width:1800px;margin:auto}}@media(max-width:1000px){h1{font-size:80px}.hero-description{max-width:240px}.hero-description p{font-size:17px}.hero-stage{height:330px}.section{padding:75px 6%}.role-panel{gap:5%;grid-template-columns:1fr 1fr}.workspace-main{padding:17px}.architecture-grid{gap:8%}.intro-row{gap:8%}}@media(max-width:700px){header{height:75px;padding:0 5%}nav{display:none}.wordmark>span{font-size:21px}.wordmark img{width:29px}.header-link{font-size:10px;gap:15px}.hero{padding:32px 5% 0}.hero-head{min-height:0}.overline{font-size:8px;letter-spacing:1px}h1{font-size:62px;letter-spacing:-2px;margin:25px 0}.hero-description{position:static;max-width:none;margin-bottom:32px;display:flex;justify-content:space-between;align-items:center;gap:14px}.hero-description p{font-size:13px;margin:0}.btn{font-size:10px;padding:11px 14px;gap:15px}.hero-stage{height:290px}.road-art{inset:35px -90px 10px}.stage-meta,.stage-bottom{left:15px;right:15px;font-size:7px}.stage-meta span[dir]{letter-spacing:.6px;font-size:6px}.stage-bottom{font-size:6px}.art-label{font-size:8px;padding:5px 8px;gap:5px}.a1{right:10%;top:24%}.a2{left:8%;top:25%}.a3{right:6%;bottom:24%}.a4{left:5%;bottom:24%}.section{padding:60px 6%}.section-kicker{font-size:9px;margin-bottom:30px}.section-kicker span[dir]{font-size:6px;letter-spacing:.6px}h2{font-size:36px}.intro-row,.architecture-grid,.role-panel{grid-template-columns:1fr;gap:30px}.intro-row .lead{font-size:18px}.intro-row p{font-size:13px}.system-strip{margin-top:35px;font-size:12px;padding:20px 0}.system-strip b{font-size:12px}.system-strip strong{font-size:13px}.title-row{display:block}.title-row p{font-size:12px;margin-top:20px}.role-tabs{gap:4px;margin-top:25px;padding-bottom:17px}.role-tabs button{font-size:12px;padding:9px 17px}.role-text h3{font-size:30px}.role-text p{max-width:none;font-size:13px}.role-panel{margin-top:30px}.workspace{min-height:365px}.architecture-note{margin-top:20px}.layers b{font-size:15px}.access-grid{grid-template-columns:1fr;gap:25px;margin-top:30px}.access-grid article{display:grid;grid-template-columns:45px 1fr;column-gap:15px}.access-icon{grid-row:1/4;padding-top:12px}.access-grid h3{font-size:19px;margin:5px 0}.access-grid p{max-width:none;margin:5px 0;font-size:12px}.access-grid article>span{grid-column:2}.availability{margin-top:30px;font-size:9px}.closing{padding:40px 6%}.closing-word{font-size:52px;letter-spacing:-2px}.closing>div:last-child{margin-top:20px}.closing b{font-size:15px}.closing a{font-size:10px;gap:20px}footer{flex-wrap:wrap;gap:25px;padding:30px 6%}footer>span{font-size:9px}.brand-page{padding:35px 6%}.brand-page h1{font-size:44px}.brand-page .lead{font-size:16px}.brand-showcase{padding:40px 20px;gap:15px}.brand-showcase img{width:60px}.brand-showcase strong{font-size:40px;letter-spacing:-2px}.swatches{gap:8px}.swatch{font-size:10px;height:100px;padding:10px}.font-sample{font-size:26px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.lane{animation:none}*{transition:none!important}}

/* Compact type and responsive video presentation */
body{font-size:14px}h1{font-size:clamp(36px,4.8vw,68px);letter-spacing:-1.5px;line-height:1.4}h2{font-size:clamp(27px,3vw,40px);letter-spacing:-.5px}.hero-head{min-height:280px}.hero-description p{font-size:16px}.intro-row .lead{font-size:17px}.role-text h3{font-size:28px}.access-grid h3{font-size:18px}.closing-word{font-size:clamp(32px,6vw,86px);letter-spacing:-2px}.brand-page h1{font-size:clamp(32px,4vw,48px)}.brand-page .lead{font-size:17px}.font-sample{font-size:30px}.section{padding-top:72px;padding-bottom:72px}.workspace-main{min-width:0}.video-stage{height:auto;background:#080c15;padding:12px}.video-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;direction:ltr;align-items:center}.video-grid video{display:block;width:100%;height:auto;max-height:470px;aspect-ratio:16/9;object-fit:contain;background:#080c15;border-radius:5px}p,li,h1,h2,h3{overflow-wrap:break-word}
@media(max-width:1000px){h1{font-size:clamp(36px,5.5vw,58px)}.hero-head{min-height:260px}.hero-description p{font-size:15px}}
@media(max-width:700px){h1{font-size:clamp(34px,9vw,46px);margin:20px 0;letter-spacing:-.8px}h2{font-size:28px}.hero-head{min-height:0}.hero-description{flex-wrap:wrap;gap:18px}.hero-description p{font-size:13px}.hero-description .btn{min-height:44px}.video-grid{grid-template-columns:1fr;gap:10px}.video-stage{padding:8px}.video-grid video{max-height:none}.section{padding:44px 6%}.intro-row .lead{font-size:15px}.role-text h3{font-size:25px}.role-tabs{gap:4px}.role-tabs button{padding:9px 10px;font-size:11px;min-height:44px}.section-kicker{gap:12px;flex-wrap:wrap}.closing-word{font-size:clamp(30px,8.5vw,48px);letter-spacing:-1px}.closing>div:last-child{align-items:start;gap:18px;flex-wrap:wrap}.workspace aside{width:42px}.workspace-main{padding:12px}.identity{padding:10px;gap:8px}.identity-icon{flex-shrink:0}.service-grid>div{padding:14px 9px}.brand-page h1{font-size:34px}.brand-showcase strong{font-size:clamp(26px,7vw,40px)}.font-sample{font-size:23px}.system-strip{gap:8px;flex-wrap:wrap}footer{gap:18px}}

.video-stage{padding:0}.video-stage>video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#080c15;border-radius:8px}

/* First screen: header, introduction and complete video within the viewport. */
body>header{height:72px}
.hero{height:calc(100svh - 72px);min-height:480px;max-height:1000px;padding:22px 5% 24px;display:flex;flex-direction:column;gap:18px}
.hero-head{flex:0 0 auto;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.65fr);column-gap:36px;align-items:center}
.hero-head .overline{grid-column:1/-1;margin-bottom:10px}
.hero-head h1{font-size:clamp(32px,4vw,54px);line-height:1.35;margin:0;letter-spacing:-1px}
.hero-description{position:static;max-width:none;justify-self:end;margin:0}
.hero-description p{font-size:14px;line-height:1.8;margin:0 0 14px}
.hero-description .btn{padding:10px 18px;min-height:42px}
.hero .video-stage{flex:1 1 0;min-height:0;width:100%;height:auto;display:flex;align-items:center;justify-content:center;background:#080c15}
.hero .video-stage>video{width:100%;height:100%;max-height:100%;aspect-ratio:auto;object-fit:contain}
@media(max-width:700px){body>header{height:64px}.hero{height:calc(100svh - 64px);min-height:470px;max-height:900px;padding:16px 5% 20px;gap:16px}.hero-head{grid-template-columns:1fr;gap:12px}.hero-head .overline{grid-column:auto;margin:0;font-size:7px;letter-spacing:.8px}.hero-head h1{font-size:clamp(29px,8vw,38px);line-height:1.3;margin:0}.hero-description{justify-self:stretch;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}.hero-description p{font-size:12px;margin:0;line-height:1.8}.hero-description .btn{font-size:10px;min-height:42px;padding:10px 12px;gap:12px}}
@media(max-height:600px) and (min-width:701px){body>header{height:58px}.hero{height:calc(100svh - 58px);min-height:340px;padding-top:12px;padding-bottom:12px;gap:12px}.hero-head h1{font-size:32px}.hero-head .overline{margin-bottom:4px}.hero-description p{font-size:12px;margin-bottom:8px}}
@media(max-height:530px) and (max-width:700px) and (orientation:landscape){.hero{height:auto;min-height:0}.hero-head{grid-template-columns:1fr 1fr}.hero-head .overline{grid-column:1/-1}.hero-head h1{font-size:28px}.hero .video-stage{flex:none;height:240px}}