@font-face{font-family:Vazirmatn;src:url('assets/vazirmatn.ttf') format('truetype');font-weight:100 900;font-display:swap}
html[dir=rtl]{--sans:Vazirmatn,sans-serif;--grotesk:Vazirmatn,sans-serif;--jakarta:Vazirmatn,sans-serif;--serif:Vazirmatn,sans-serif}
html[dir=rtl] body,html[dir=rtl] button,html[dir=rtl] input,html[dir=rtl] textarea{font-family:Vazirmatn,sans-serif}
html[dir=rtl] h1,html[dir=rtl] h2,html[dir=rtl] h3,html[dir=rtl] h4,html[dir=rtl] p,html[dir=rtl] a{letter-spacing:0!important}
html[dir=rtl] .hero{padding-left:0;padding-right:var(--heroPad,110px);text-align:right}
html[dir=rtl] .hero-pill{padding:7px 7px 7px 20px}
html[dir=rtl] .hero h1,html[dir=rtl] .type-line{line-height:1.55}
html[dir=rtl] .hero-sub{line-height:1.95}
html[dir=rtl] .hero-heading{margin-top:10px;margin-bottom:4px}
html[dir=rtl] .ticker,html[dir=rtl] .jar-stage,html[dir=rtl] .cfg-slider,html[dir=rtl] .app-icons,html[dir=rtl] .proc-stage,html[dir=rtl] .ai-orb-stage{direction:ltr}
html[dir=rtl] .float-card-text,html[dir=rtl] .about-copy,html[dir=rtl] .bento-card,html[dir=rtl] .plan,html[dir=rtl] .inquiry-form{text-align:right;direction:rtl}
html[dir=rtl] .proc-testi,html[dir=rtl] .proc-git-text,html[dir=rtl] .proc-md-head,html[dir=rtl] .proc-md-row{direction:rtl;text-align:right}
html[dir=rtl] .plan-price,html[dir=rtl] .cfg-price,html[dir=rtl] input[type=email]{direction:ltr}
html[dir=rtl] .btn-arrow{transform:scaleX(-1)}
html[dir=rtl] .jar-ui{text-align:center}
.language-switch{display:flex;align-items:center;justify-content:center;min-width:40px;min-height:40px;border:1px solid #21325425;border-radius:100px;color:#132a43;font:600 12px Inter,Vazirmatn,sans-serif;text-decoration:none;margin-inline-start:auto;margin-inline-end:12px;background:#ffffff90;flex-shrink:0}
.language-switch:hover{background:white;border-color:#21325470}.nav-links a{padding-inline:9px}.nav-links{margin-inline:auto}.nav{gap:8px}
.website-work{position:relative;padding:110px 60px 120px;background:linear-gradient(180deg,#f8faff,#fff);color:#182938}
.website-head{max-width:760px;text-align:center;margin:0 auto 52px}.website-head .tag{display:inline-block;background:#edf3ff;border:1px solid #dce6f6;border-radius:50px;padding:8px 16px;color:#527196;font:500 13px var(--jakarta)}
.website-head h2{font:500 56px/1.13 var(--jakarta);letter-spacing:-2.6px;margin:22px 0 18px}.website-head p{font:400 17px/1.8 var(--sans);max-width:590px;margin:auto;color:#788797}
.website-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;max-width:1100px;margin:auto}
.website-card{min-width:0}.website-preview{display:block;border:1px solid #e2e7ec;border-radius:17px;overflow:hidden;text-decoration:none;color:inherit;box-shadow:0 10px 25px -20px #17366370;transition:transform .25s,box-shadow .25s}.website-preview:hover{transform:translateY(-6px);box-shadow:0 20px 35px -20px #17366370}
.browser-bar{height:29px;background:#fff;border-bottom:1px solid #18293812;display:flex;align-items:center;padding:0 11px;gap:4px;direction:ltr}.browser-bar i{width:5px;height:5px;border-radius:50%;background:#ddd}.browser-bar i:first-child{background:#f1a09b}.browser-bar i:nth-child(2){background:#ebce8c}.browser-bar i:nth-child(3){background:#a7ccb0}.browser-bar span{font:500 8px Inter,sans-serif;text-align:center;flex:1;color:#939ca8}.browser-bar b{font:400 12px Inter;color:#8a959b}
.mini-site{height:255px;overflow:hidden;position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:20px 14px;background:var(--demo-bg);color:var(--demo-ink)}.mini-copy{position:relative;z-index:2}.mini-copy>span{font-size:6px;text-transform:uppercase;letter-spacing:1px;line-height:1.5;display:block}.mini-copy h3{font:500 22px/1.12 Georgia,serif;letter-spacing:-.5px;margin:12px 0 15px}.mini-copy em{display:inline-block;font:500 6px Inter,sans-serif;padding:7px 8px;border-radius:20px;background:var(--demo-accent);color:var(--demo-btn)}
html[dir=rtl] .mini-copy h3{font-family:Vazirmatn,sans-serif;font-size:20px;line-height:1.6}html[dir=rtl] .mini-copy em{font-family:Vazirmatn,sans-serif;font-size:7px}
.website-caption{padding:24px 3px}.website-caption>span{font:500 10px var(--jakarta);letter-spacing:1px;text-transform:uppercase;color:#8091a7}.website-caption h3{font:500 23px var(--jakarta);margin:9px 0 10px}.website-caption p{font:400 13px/1.8 var(--sans);color:#7c8a99;min-height:47px;margin:0}.website-caption>a{display:flex;justify-content:space-between;border-top:1px solid #e1e7ee;padding-top:17px;margin-top:20px;color:#354f6b;text-decoration:none;font:600 12px var(--jakarta)}
.theme-restaurant{--demo-bg:#f7f0df;--demo-ink:#30402c;--demo-accent:#455d3c;--demo-btn:#fff;--demo-line:#39493325}
.theme-architecture{--demo-bg:#e9e5de;--demo-ink:#353631;--demo-accent:#363831;--demo-btn:#fff;--demo-line:#36383125}
.theme-technology{--demo-bg:#101225;--demo-ink:#f2f0ff;--demo-accent:#c7bdff;--demo-btn:#1b1836;--demo-line:#f0eaff25}
.mini-site .demo-image{width:100%;height:180px;object-fit:cover;border-radius:60px 60px 8px 8px}.mini-site .plate-art,.mini-site .building-art,.mini-site .orbit-art{height:170px;width:150px;transform:scale(.92);transform-origin:center}
.plate-art{position:relative;display:grid;place-items:center;min-width:0}.plate{width:80%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#dfcdac 0 57%,#f0e6d5 58% 63%,#e2d6c0 64% 66%,#f4ece0 67%);box-shadow:15px 24px 30px #5c52232f;position:relative;transform:rotate(-20deg)}.plate i{position:absolute;background:linear-gradient(45deg,#ae6b2d,#ddaa49 45%,#946126);width:32%;height:16%;border-radius:60%;box-shadow:2px 4px 5px #402c1740}.plate i:nth-child(1){left:22%;top:30%;transform:rotate(-20deg)}.plate i:nth-child(2){left:44%;top:39%;transform:rotate(30deg)}.plate i:nth-child(3){left:25%;top:52%;transform:rotate(15deg)}.plate i:nth-child(4){left:42%;top:57%;transform:rotate(-30deg)}.plate i:nth-child(5){left:27%;top:40%;width:10%;height:8%;background:#b14c33}.plate i:nth-child(6){left:53%;top:29%;width:12%;height:10%;background:#af5635}.plate span{position:absolute;background:#6d8133;border-radius:100% 0 100% 0;width:26%;height:10%;top:25%;left:24%;transform:rotate(35deg)}.leaf{position:absolute;background:linear-gradient(30deg,#526737,#72884d);width:18%;height:12%;border-radius:100% 0 100% 0}.leaf-one{top:13%;right:8%;transform:rotate(-35deg)}.leaf-two{bottom:7%;left:0%;transform:rotate(40deg)}
.building-art{position:relative;overflow:hidden;background:linear-gradient(180deg,#c7d5d5,#e6dfcb);border-radius:45% 45% 0 0;isolation:isolate}.sun{position:absolute;width:21%;aspect-ratio:1;background:#f9f1d9;border-radius:50%;left:12%;top:13%}.building{position:absolute;bottom:10%;background:#ddd2be;box-shadow:inset -15px 0 #b7ac99;display:flex;gap:7%;padding:12% 6% 0}.building i{background:linear-gradient(90deg,#526466,#718185);width:15%;height:70%;display:block;box-shadow:2px 0 #a5a494}.b-one{height:72%;width:65%;left:15%;transform:skewY(-8deg)}.b-two{height:38%;width:57%;left:40%;transform:skewY(5deg);background:#b5a992;box-shadow:inset -12px 0 #988b78}.building-ground{position:absolute;bottom:0;height:13%;width:100%;background:linear-gradient(170deg,#97a186,#b5b79d)}
.orbit-art{position:relative;display:grid;place-items:center;min-width:0}.orbit-ring{position:absolute;width:80%;aspect-ratio:1;border:1px solid #b8a6fc4d;border-radius:50%;transform:rotateX(55deg) rotateZ(-30deg)}.ring-two{width:100%;transform:rotateY(50deg) rotateZ(20deg)}.orbit-core{display:grid;place-items:center;width:52%;aspect-ratio:1;background:radial-gradient(circle at 30% 30%,#ebe5ff,#9680f1 40%,#514397 75%);border-radius:50%;box-shadow:0 0 55px #9a7feb60,inset -10px -12px 20px #14112b80;color:#f5f2ff;font-size:45px}.orbit-widget{position:absolute;background:#ffffff12;border:1px solid #d4caff44;backdrop-filter:blur(14px);border-radius:10px;padding:12px;box-shadow:0 8px 25px #08041940}.widget-one{bottom:4%;left:-3%;width:65%;height:40%}.widget-one b{display:block;font:500 11px Inter;color:#c6edd3}.widget-one span{display:inline-block;width:11%;height:25%;background:#b3a2ed;margin:5px 3% 0}.widget-one span:nth-child(3){height:38%}.widget-one span:nth-child(4){height:30%}.widget-one span:nth-child(5){height:45%}.widget-one span:nth-child(6){height:56%}.widget-two{right:-2%;top:3%;width:50%;height:35%;font:7px Inter;color:#c4b9eb}.widget-two hr{border:0;border-top:1px solid #ffffff20}.widget-two i{display:block;width:70%;height:4px;background:#b5a0ea70;margin-bottom:5px}.widget-two i:last-child{width:40%}
@media(max-width:767px){.nav{gap:5px}.language-switch{margin-inline-start:auto;margin-inline-end:3px;min-width:34px;min-height:34px}.nav-logo{gap:5px!important}.nav-logo img{width:22px!important}.nav-cta{font-size:11px!important;padding:9px 12px!important}html[dir=rtl] .hero{padding-right:24px;padding-left:24px}html[dir=rtl] .hero h1,html[dir=rtl] .type-line{font-size:35px!important;line-height:1.6}html[dir=rtl] .hero-sub{font-size:13px;max-width:90%}.website-work{padding:75px 24px}.website-head{margin-bottom:30px}.website-head h2{font-size:34px;letter-spacing:-1px}.website-head p{font-size:14px}.website-grid{grid-template-columns:1fr;gap:25px}.mini-site{height:235px;padding:22px 24px}.mini-copy h3{font-size:28px}.mini-copy>span{font-size:8px}.mini-copy em{font-size:8px}.mini-site .plate-art,.mini-site .building-art,.mini-site .orbit-art{width:155px;height:180px}.website-caption p{min-height:0}.website-caption{padding-top:20px}html[dir=rtl] .mini-copy h3{font-size:25px}.nav-links{display:none!important}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
@media(min-width:768px){html[dir=rtl] .hero h1{font-size:60px;line-height:1.3}html[dir=rtl] .type-line{font-size:60px;line-height:1.45}html[dir=rtl] .hero-sub{line-height:1.8;max-width:480px;font-size:16px}html[dir=rtl] .hero .btn-dark{margin-top:24px}}
.sample-badge{float:inline-end;padding:3px 7px;border:1px solid #d8e2ee;border-radius:5px;font:500 9px var(--jakarta);color:#7890a7;background:#f5f8fc}.website-caption>span{display:block;padding-top:3px}