@font-face{font-family:Vazirmatn;src:url('assets/Vazirmatn.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
:root{--bg:#121015;--panel:#1b1720;--text:#f4f0e7;--muted:#9c97a1;--accent:#dec588;--line:#322c38}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--bg);color:var(--text);font-family:Vazirmatn,Tahoma,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.wrap{max-width:1280px;width:calc(100% - 100px);margin:auto}header{height:118px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:15px;font-weight:700}.brand small{display:block;font-size:10px;color:var(--muted);font-weight:400;margin-top:3px}.logo-crop{display:block;width:53px;height:43px;overflow:hidden;position:relative}.logo-crop img{position:absolute;width:83px;max-width:none;top:-10px;left:-16px}nav{display:flex;gap:36px;font-size:13px;color:#ccc6d1}nav a:hover,.text-link:hover{color:var(--accent)}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;padding:15px 25px;background:var(--accent);color:#201925;border:1px solid var(--accent);border-radius:8px;font-weight:600;font-size:14px;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px);background:#eed7a3}.button.outline{background:transparent;color:var(--text);border-color:#655c6c}.button.small{font-size:12px;padding:11px 17px}.hero{display:grid;grid-template-columns:1fr 1.06fr;gap:65px;padding-top:86px;padding-bottom:80px;align-items:center}.eyebrow{display:flex;align-items:center;gap:9px;font-size:12px;color:var(--accent);letter-spacing:.2px}.eyebrow i,.live-float i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent)}h1{font-size:clamp(38px,4.2vw,60px);font-weight:800;line-height:1.65;margin:19px 0}em{font-style:normal;color:var(--accent)}.hero p{font-size:14px;font-weight:300;color:#b7b0be;line-height:2.2;max-width:450px}.actions{display:flex;align-items:center;gap:28px;margin-top:28px}.text-link{font-size:12px}.hero-foot{display:flex;gap:24px;font-size:10px;color:var(--muted);margin-top:46px}.hero-foot span+span:before{content:'·';margin-left:24px}.showcase{position:relative;min-width:0;padding-top:35px}.orbit-label{font:9px sans-serif;letter-spacing:2px;color:#9b8fa6;direction:ltr;margin-bottom:18px}.browser{border:1px solid #62526f;border-radius:12px;overflow:hidden;background:#282231}.featured{transform:rotate(-3deg);box-shadow:0 35px 85px #0005}.chrome{height:30px;display:flex;justify-content:space-between;align-items:center;direction:ltr;padding:0 12px;color:#b4a9bd;font:9px sans-serif;background:#27212e}.dots{font-size:8px;letter-spacing:1px;color:#aa98b7}.rohino-demo{background:#e9e1f3;color:#38204b;position:relative;padding:18px;min-height:330px}.demo-header{display:flex;align-items:center;justify-content:space-between;font-size:7px}.demo-header b{font:bold 19px sans-serif;letter-spacing:-1px}.demo-header b span{font-size:9px}.demo-header i{font-style:normal;border-radius:50%;background:#d2c0e7;padding:6px}.demo-main{position:relative;min-height:285px;padding-top:25px;overflow:hidden}.demo-kicker{font-size:8px}.demo-main h2{font-size:32px;line-height:1.6;margin:12px 0 20px;position:relative;z-index:1}.demo-pill{display:inline-block;background:#79509e;color:white;font-size:7px;padding:9px;border-radius:4px;position:relative;z-index:2}.mini-dash{direction:ltr;display:flex;position:absolute;width:63%;height:210px;left:-12px;top:85px;transform:rotate(-8deg);background:#fff;border:3px solid #d5c2e7;border-radius:7px;box-shadow:0 20px 30px #4b2b5e25}.mini-sidebar{width:23px;background:#6e4791;display:flex;align-items:center;flex-direction:column;gap:12px;padding:10px 0}.mini-sidebar b{color:white;font:12px sans-serif}.mini-sidebar i{width:9px;height:9px;background:#aa88c5;border-radius:2px}.mini-content{padding:15px;width:100%}.mini-top{font-size:7px;display:flex;justify-content:space-between}.mini-top span{color:#578c71}.mini-stats{display:flex;gap:6px;margin-top:15px}.mini-stats i{height:25px;background:#eee7f7;border-radius:4px;flex:1}.chart{display:flex;align-items:end;gap:7px;height:62px;margin-top:12px;border-bottom:1px solid #ddd}.chart span{flex:1;background:#ae8ccd;border-radius:3px 3px 0 0;height:40%}.chart span:nth-child(2n){height:70%}.chart span:nth-child(3n){height:55%}.chart span:last-child{height:100%;background:#764898}.mini-products{display:flex;gap:8px;margin-top:10px}.mini-products i{height:21px;background:#e9e2ee;flex:1;border-radius:3px}.concept-label{font-size:7px;position:absolute;bottom:6px;right:15px;opacity:.5}.live-float{position:absolute;bottom:38px;left:-15px;display:flex;align-items:center;gap:8px;border:0;border-radius:7px;background:var(--accent);padding:14px 20px;color:#2c2235;font-size:12px;box-shadow:0 7px 20px #0004;transform:rotate(-3deg)}.live-float i{background:#43304e}.showcase-bottom{display:flex;justify-content:space-between;font-size:9px;color:var(--muted);margin-top:25px}.showcase-bottom span:last-child{font:8px sans-serif;letter-spacing:1px}.ticker{border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden;color:#8e8198;padding:19px 0;font-size:17px;white-space:nowrap}.ticker div{display:flex;justify-content:space-around;gap:40px;min-width:1000px}.ticker span{color:var(--accent)}.work{padding-top:85px;padding-bottom:90px}.section-heading{display:flex;justify-content:space-between;align-items:end}.muted{color:var(--muted)}h2{font-size:32px;line-height:1.7;margin:12px 0 0}.latin{font-family:Arial,sans-serif;font-size:9px;letter-spacing:2px;direction:ltr;color:var(--muted)}.section-heading .latin{padding-bottom:10px}.filters{display:flex;gap:9px;margin:30px 0}.filters button,.device-buttons button{border:1px solid var(--line);background:transparent;color:#aea5b5;border-radius:30px;padding:9px 17px;font-size:11px}.filters button.active,.device-buttons button.active{background:var(--text);color:var(--bg);border-color:var(--text)}.projects{display:grid;grid-template-columns:repeat(6,1fr);gap:36px 25px}.project{grid-column:span 2;min-width:0}.project:nth-child(-n+2){grid-column:span 3}.project .browser{border-color:#43394a;transition:transform .4s}.project:hover .browser{transform:translateY(-5px)}.project-preview{width:100%;border:0;padding:0;text-align:inherit;color:inherit;background:transparent;display:block}.poster{background:var(--color);color:#22232b;height:225px;position:relative;overflow:hidden;padding:22px;display:flex;flex-direction:column;justify-content:space-between}.project:nth-child(-n+2) .poster{height:295px;padding:30px}.poster-top{display:flex;justify-content:space-between;font-size:8px;align-items:center}.poster-top b{font:700 14px Arial;letter-spacing:1px}.poster-main{position:relative;z-index:1}.poster-main strong{display:block;font-weight:900;font-size:25px;line-height:1.7;max-width:75%}.project:nth-child(-n+2) .poster-main strong{font-size:36px}.poster-main span{font-size:8px;display:block;margin-top:10px}.poster-shape{position:absolute;left:-28px;bottom:-55px;width:210px;height:210px;border:35px solid #fff3;border-radius:50%}.poster-shape:after{content:'';position:absolute;width:80px;height:80px;border:12px solid #2221;border-radius:20px;top:-60px;left:100px;transform:rotate(25deg)}.poster-bottom{display:flex;align-items:center;justify-content:space-between;font:9px Arial;letter-spacing:2px;position:relative;z-index:1}.poster-bottom b{font-size:27px;font-weight:400;letter-spacing:0}.card-meta{display:flex;justify-content:space-between;align-items:center;padding-top:17px}.card-meta h3{font-size:16px;margin:0}.card-meta .domain{display:block;font:11px Arial;color:var(--muted);margin-top:6px;direction:ltr;text-align:right}.card-arrow{display:grid;place-items:center;border:1px solid #5e5366;border-radius:50%;width:32px;height:32px;background:transparent;color:var(--text);font:18px Arial}.card-description{font-size:10px;color:var(--muted);margin-top:11px;line-height:1.9}.card-actions{display:flex;gap:16px;font-size:10px;margin-top:12px;color:var(--accent)}.card-actions button{background:transparent;border:0;padding:0;color:inherit;font:inherit}.work-note{font-size:10px;color:#84798f;margin:35px 0 0}.about{display:grid;grid-template-columns:.8fr 1fr;gap:100px;border-top:1px solid var(--line);padding-top:75px;padding-bottom:80px;align-items:center}.about-art{text-align:center;background:#201229;border-radius:12px;padding:10px 25px 25px;border:1px solid #3b2848}.identity-crop{position:relative;overflow:hidden;aspect-ratio:1.5}.identity-crop img{position:absolute;width:145%;max-width:none;left:-22%;top:-18%}.about-art>span{font-size:10px;color:#b6a0c3}.about-copy p{font-size:13px;font-weight:300;color:#b0a6b9;line-height:2.3}.skills{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}.skills span{border:1px solid var(--line);font-size:10px;padding:8px 11px;border-radius:5px;color:#c0b4ca}.contact{border:1px solid #51405e;background:radial-gradient(ellipse at top right,#34223c,transparent 75%);border-radius:15px;padding:48px 55px;margin-bottom:65px}.contact h2{font-size:45px;margin-top:18px;line-height:1.6}.contact-bottom{display:flex;justify-content:space-between;align-items:center;gap:25px}.contact-bottom p{font-size:12px;color:#b8a9c3}.contact form{display:none;margin-top:30px;border-top:1px solid var(--line);padding-top:25px}.contact form:target{display:block}.contact label{display:block;font-size:13px}.contact textarea{width:100%;resize:vertical;min-height:110px;border:1px solid #66536d;background:#151019;color:var(--text);padding:15px;border-radius:8px;margin:12px 0}.contact small{display:block;color:var(--muted);font-size:10px;margin-top:15px}footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-bottom:30px;font-size:10px;color:var(--muted)}footer .brand{font-size:12px;color:var(--text)}footer .brand .latin{font-size:8px}dialog{background:#17121c;color:var(--text);border:1px solid #57465f;border-radius:12px;padding:0;width:95vw;max-width:1500px;height:92vh;max-height:100vh}dialog::backdrop{background:#000b;backdrop-filter:blur(8px)}.preview-bar{display:flex;align-items:center;gap:20px;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--line);font-size:12px}.preview-bar>b{font-family:Arial}.preview-bar>a{color:var(--accent)}#close-preview{background:transparent;border:0;color:white;font-size:20px}.preview-notice{font-size:10px;color:var(--muted);text-align:center;margin:12px}.frame-container{height:calc(100% - 105px);display:flex;justify-content:center;overflow:auto}iframe{border:0;background:white;width:100%;height:100%;transition:width .25s}.frame-container.mobile iframe{width:390px;max-width:100%;border-radius:14px}.device-buttons{display:flex;gap:5px}.device-buttons button{padding:5px 10px;font-size:10px}#form-status{font-size:12px;color:var(--accent)}
@media(min-width:1500px){.hero{padding-top:100px;padding-bottom:100px}}@media(max-width:1000px){.wrap{width:calc(100% - 48px)}.hero{gap:30px}h1{font-size:38px}.hero-foot{gap:10px}.hero-foot span+span:before{margin-left:10px}.about{gap:40px}.project{grid-column:span 3}.project:last-child{grid-column:span 6}.project:last-child .poster{height:220px}.actions{gap:18px}.hero .button{padding:12px 16px;font-size:12px}.demo-main h2{font-size:27px}}@media(max-width:700px){.wrap{width:calc(100% - 36px)}header{height:90px}header nav{display:none}.brand{gap:8px;font-size:13px}.logo-crop{width:43px}.button.small{font-size:10px;padding:9px 11px}.hero{grid-template-columns:1fr;gap:25px;padding-top:36px;padding-bottom:45px}.hero h1{font-size:40px;margin:18px 0}.hero p{font-size:13px}.hero-foot{margin-top:25px;font-size:9px;gap:18px}.hero-foot span+span:before{margin-left:18px}.showcase{margin:0 10px;padding-top:15px}.orbit-label{font-size:8px}.demo-main h2{font-size:34px}.live-float{left:-8px;bottom:42px}.showcase-bottom{font-size:8px}.ticker{font-size:13px;padding:14px 0}.work{padding:48px 0}.section-heading{align-items:start}.section-heading h2{font-size:25px}.section-heading .latin{font-size:7px;letter-spacing:1px;margin-top:8px}.eyebrow{font-size:10px}.projects{grid-template-columns:1fr;gap:30px}.project,.project:nth-child(-n+2),.project:last-child{grid-column:auto}.project .poster,.project:nth-child(-n+2) .poster,.project:last-child .poster{height:240px;padding:23px}.project .poster-main strong,.project:nth-child(-n+2) .poster-main strong{font-size:31px}.filters{gap:6px}.filters button{padding:8px 12px;font-size:10px}.about{grid-template-columns:1fr;gap:30px;padding-top:40px;padding-bottom:45px}.about-art{max-width:350px;width:100%;margin:auto}.about-copy h2{font-size:29px}.contact{padding:28px 23px;margin-bottom:35px}.contact h2{font-size:33px}.contact-bottom{flex-direction:column;align-items:start;gap:10px}.contact .button{font-size:12px}footer{flex-wrap:wrap;gap:20px;padding-bottom:25px}footer>span{display:none}.preview-bar{gap:8px;padding:12px 10px;flex-wrap:wrap}.preview-bar>b{font-size:11px}.preview-bar>a{font-size:10px}.preview-notice{line-height:1.8;padding:0 10px}.frame-container{height:calc(100% - 125px)}dialog{width:98vw;height:95vh}.device-buttons button{font-size:9px}.hero-foot span+span:before{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Light studio identity */
:root{--bg:#f8f7fb;--panel:#fff;--text:#292136;--muted:#756b82;--accent:#7941b4;--line:#e4ddeb}
body{background:radial-gradient(ellipse 60% 22% at 6% 7%,#e8e0fb 0,transparent 75%),radial-gradient(ellipse 40% 20% at 100% 12%,#f5e7ec 0,transparent 75%),var(--bg);font-weight:400}
header{height:108px}nav{color:#5f536c}header .brand{gap:13px}.logo-crop{border-radius:9px;width:61px;height:52px;background:#24122f}.logo-crop img{width:96px;top:-13px;left:-17px}.brand small{font-size:11px}.button{color:#fff;box-shadow:0 8px 22px #7941b425;border:0;border-radius:12px;padding:16px 27px}.button:hover{background:#693499}.button.outline{border:1px solid #d7c7e7;color:#68408a;background:#ffffff80;box-shadow:none}.hero{padding-top:66px;padding-bottom:70px;gap:50px;grid-template-columns:1fr 1.1fr}.hero h1{font-size:clamp(35px,4.1vw,59px);line-height:1.65;letter-spacing:-1.6px}.eyebrow{color:#7941b4}.hero-copy>.eyebrow{display:inline-flex;background:#eee4f8;border:1px solid #e4d3f2;border-radius:25px;padding:8px 13px}.hero p{color:#756781;font-weight:400}.hero-foot{color:#756382;gap:12px}.hero-foot span{padding:8px 11px;background:#fff;border:1px solid #e6deec;border-radius:8px}.hero-foot span+span:before{display:none}.showcase{padding-top:10px}.orbit-label{color:#9682aa;font-size:9px;letter-spacing:2px}.featured{transform:rotate(-2deg);box-shadow:0 30px 60px #6e459428,0 0 0 10px #fff7;border-color:#e2d7ed;border-radius:15px}.chrome{background:#f2eef7;color:#8e7a9f;height:34px;font-size:10px;border-bottom:1px solid #e8dfef}.dots{color:#c3afcf}.hero-screenshot{position:relative;aspect-ratio:1.42;overflow:hidden;background:white}.hero-screenshot>img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}.image-badge{position:absolute;bottom:12px;right:12px;font-size:9px;padding:7px 10px;border-radius:20px;background:#ffffffeb;color:#69438d;border:1px solid #e5d6f0}.live-float{background:#7941b4;color:#fff;box-shadow:0 10px 20px #7941b42b;bottom:15px;left:10px;border-radius:10px;padding:13px 17px}.live-float i{background:#d6f3c5}.showcase-bottom{color:#8c7b99;margin-top:25px}.ticker{background:#fff8;color:#8b759b;border-color:#e5dbed}.ticker span{color:#aa80ca}.work{padding-top:65px}.section-heading h2{font-weight:800}.muted{color:#a080b4}.filters button,.device-buttons button{color:#776287;background:#fff;border:1px solid #e2d7ec;padding:10px 19px}.filters button.active,.device-buttons button.active{background:#7941b4;color:#fff;border-color:#7941b4;box-shadow:0 5px 12px #7941b41a}.projects{gap:27px}.project{background:#fff;border:1px solid #e9e0f0;border-radius:16px;padding:12px 12px 18px;box-shadow:0 6px 18px #60477b06;transition:box-shadow .25s,transform .25s}.project:hover{box-shadow:0 17px 35px #785e991c;transform:translateY(-5px)}.project .browser{border-color:#e4d9ec;border-radius:9px}.project:hover .browser{transform:none}.project-image{height:220px;background:#f4eff8;overflow:hidden;position:relative}.project:nth-child(-n+2) .project-image{height:315px}.project-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .8s}.project-preview:hover img{transform:scale(1.035)}.view-image{position:absolute;bottom:13px;left:13px;padding:8px 12px;border-radius:25px;background:#ffffffed;border:1px solid #e1d3eb;color:#653a89;box-shadow:0 5px 15px #5e397e22;font-size:10px}.card-meta{padding:17px 6px 0}.card-meta h3{font-size:17px}.card-meta .domain{font-size:11px;color:#97839e}.card-description{padding:0 6px;color:#8c7a96;font-size:11px}.card-actions{padding:0 6px;font-size:11px;margin-top:15px;justify-content:space-between}.card-arrow{border-color:#dfd1e9;color:#7941b4;background:#faf6fd}.work-note{color:#9b87a6}.preview-unavailable{height:220px;display:flex;flex-direction:column;gap:15px;align-items:center;justify-content:center;background:linear-gradient(135deg,#faf6fd,#f2e9f8);color:#7b608c;text-align:center;padding:20px}.preview-unavailable b{font:800 25px Arial;letter-spacing:3px;color:#ad82aa}.preview-unavailable span{font-size:12px}.preview-unavailable small{font-size:10px}.about{border-top-color:#e5d9ed;gap:80px}.about-copy p{font-weight:400;color:#796586}.about-art{box-shadow:0 20px 45px #7b429328}.skills span{background:white;border-color:#e7daef;color:#8c6d9e;padding:10px 14px}.contact{background:radial-gradient(ellipse at 0 0,#e8daf8,transparent 65%),#f2ebf8;border-color:#e2d1ef;padding:46px 55px;box-shadow:0 15px 45px #69428d0a}.contact-bottom p{color:#8d729f}.contact h2{font-weight:800}.contact textarea{background:#fff;border-color:#d9c8e7;color:#46324e}.contact small{color:#8c729f}footer{color:#9a87a6}footer .brand{color:#69427f}dialog{background:#fbf8ff;color:#3d294b;border-color:#d9c7e9;box-shadow:0 35px 100px #24153055}dialog::backdrop{background:#32203e88}#close-preview{color:#774b94}.preview-bar{background:white}.preview-notice{color:#8b729b}
@media(max-width:1000px){.hero{gap:30px}.project-image{height:250px}.project:nth-child(-n+2) .project-image{height:250px}.hero h1{font-size:39px}.hero-foot{flex-wrap:wrap;font-size:9px}.hero-foot span{padding:7px}.about{gap:40px}}
@media(max-width:700px){header{height:90px}.hero{grid-template-columns:1fr;padding-top:35px;padding-bottom:40px;gap:36px}.hero h1{font-size:39px;letter-spacing:-1px}.hero-copy>.eyebrow{font-size:10px}.hero-foot{gap:7px;margin-top:25px}.hero-foot span{font-size:9px;padding:7px 9px}.showcase{padding-top:0;margin:0 6px}.hero-screenshot{aspect-ratio:1.35}.showcase-bottom span:last-child{font-size:6px}.live-float{bottom:25px;font-size:10px;padding:10px 13px}.section-heading h2{font-size:25px}.work{padding-top:45px}.filters button{font-size:10px;padding:9px 12px}.project .project-image,.project:nth-child(-n+2) .project-image{height:auto;aspect-ratio:1.45}.project{padding:9px 9px 16px}.card-description{font-size:11px}.contact{padding:28px 23px}.about{gap:30px}.logo-crop{width:48px;height:46px}.logo-crop img{width:86px;top:-11px;left:-19px}.button.small{font-size:10px;padding:10px}.contact .button{font-size:12px}}