/* BASHKUCH — bespoke, dependency-free motion design */
:root{font-synthesis:none;--purple:#9269c5;--purple-bright:#aa83e6;--purple-rgb:146,105,197;--radius:19px;--ease:cubic-bezier(.22,1,.36,1);scroll-behavior:smooth}
*{box-sizing:border-box}html{scroll-padding-top:100px}body{margin:0;font-family:'Vazirmatn',Tahoma,Arial,sans-serif;overflow-x:hidden;-webkit-font-smoothing:antialiased;transition:background .5s,color .5s}body[data-theme="dark"]{color-scheme:dark;--bg:#09090d;--bg-alt:#0f0e14;--panel:#13121a;--panel-lift:#19171f;--text:#f6f3f8;--muted:#a39cae;--muted-2:#716c7a;--line:rgba(255,255,255,.105);--line-strong:rgba(255,255,255,.2);--button:#f4f0f7;--button-text:#13101a;--glass:rgba(17,15,21,.82);--hero-image-opacity:1;--light-image-opacity:0;--chip:rgba(28,25,34,.77);--shadow:rgba(0,0,0,.5);--scene:#08080c}body[data-theme="light"]{color-scheme:light;--bg:#f8f7f5;--bg-alt:#f0eeed;--panel:#fff;--panel-lift:#f2eff4;--text:#17121d;--muted:#68616f;--muted-2:#908896;--line:rgba(25,17,33,.11);--line-strong:rgba(25,17,33,.2);--button:#15101a;--button-text:#fff;--glass:rgba(255,255,255,.83);--hero-image-opacity:0;--light-image-opacity:1;--chip:rgba(255,255,255,.78);--shadow:rgba(78,52,90,.13);--scene:#f9f8f5}body{background:var(--bg);color:var(--text)}::selection{background:#a47bc6;color:#fff}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}svg{width:1em;height:1em;flex-shrink:0}img{max-width:100%;display:block}.svg-sprite{position:absolute;width:0;height:0;overflow:hidden}.container{width:min(100% - 112px,1392px);margin-inline:auto}.section{position:relative}.text-muted{color:var(--muted)}.purple-dot,.brand-period{color:var(--purple-bright)}.noise-layer{position:fixed;z-index:90;pointer-events:none;inset:0;opacity:.065;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.83' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E")}.scroll-progress{position:fixed;z-index:115;top:0;right:0;height:2px;width:0;background:linear-gradient(to left,#b996ef,#7855ab);box-shadow:0 0 12px #9b73d5;pointer-events:none}.cursor{position:fixed;z-index:120;top:0;left:0;pointer-events:none;opacity:0;mix-blend-mode:difference;will-change:transform}.cursor-ring{position:absolute;left:-21px;top:-21px;width:42px;height:42px;border:1px solid #fff;border-radius:50%;display:grid;place-items:center;color:#fff;transition:width .3s var(--ease),height .3s var(--ease),top .3s var(--ease),left .3s var(--ease),background .3s,transform .3s}.cursor-ring span{font-family:Manrope,sans-serif;font-size:14px;font-weight:800;opacity:0;transition:opacity .18s}.cursor-dot{position:absolute;top:-2px;left:-2px;width:4px;height:4px;border-radius:50%;background:#fff;transition:opacity .2s}.cursor.is-hover .cursor-ring{width:84px;height:84px;left:-42px;top:-42px;background:#fff;border-color:#fff}.cursor.is-hover .cursor-ring span{color:#000;opacity:1}.cursor.is-hover .cursor-dot{opacity:0}.cursor.is-text .cursor-ring{width:64px;height:64px;left:-32px;top:-32px}.cursor.is-hidden{opacity:0!important}@media (pointer:fine){body.has-cursor,body.has-cursor a,body.has-cursor button,body.has-cursor input,body.has-cursor textarea{cursor:none}}
/* Header */
.site-header{position:fixed;z-index:100;inset:0 0 auto;transition:background .35s,border-color .35s,box-shadow .35s;border-bottom:1px solid transparent}.site-header.is-scrolled{background:var(--glass);border-color:var(--line);backdrop-filter:blur(23px);-webkit-backdrop-filter:blur(23px);box-shadow:0 7px 40px rgba(0,0,0,.035)}.header-inner{height:89px;display:flex;align-items:center;gap:38px}.brand,.footer-brand{display:inline-flex;align-items:center;gap:10px;white-space:nowrap;direction:ltr}.brand-mark{width:36px;height:36px;object-fit:contain;transition:transform .45s var(--ease)}.brand:hover .brand-mark{transform:scale(1.09) rotate(-7deg)}body[data-theme="light"] .brand-mark,body[data-theme="light"] .footer-brand img{filter:invert(1)}.brand-text{font-family:Manrope,Arial,sans-serif;font-size:19px;letter-spacing:-.75px;font-weight:800}.brand-period{font-size:23px}.main-nav{display:flex;align-items:center;justify-content:center;gap:30px;flex:1}.nav-link{font-size:12.5px;font-weight:550;color:var(--muted);transition:color .25s;position:relative}.nav-link::after{content:"";position:absolute;height:3px;width:3px;border-radius:50%;background:var(--purple-bright);right:50%;bottom:-10px;opacity:0;transform:translateY(4px);transition:opacity .3s,transform .3s}.nav-link:hover,.nav-link.is-active{color:var(--text)}.nav-link:hover::after,.nav-link.is-active::after{opacity:1;transform:translateY(0)}.header-actions{display:flex;align-items:center;gap:12px}.icon-btn,.lang-btn{border:1px solid var(--line);background:transparent;color:var(--text);display:grid;place-items:center;height:39px;min-width:39px;border-radius:50%;transition:background .3s,border-color .3s,transform .3s}.icon-btn:hover,.lang-btn:hover{background:var(--panel-lift);border-color:var(--line-strong);transform:translateY(-2px)}.icon-btn svg,.lang-btn svg{font-size:17px}.lang-btn{min-width:61px;display:flex;gap:5px;justify-content:center;border-radius:100px}.lang-btn span{font:700 10px Manrope,sans-serif}.header-cta{display:flex;align-items:center;gap:23px;padding:12px 18px 12px 14px;background:var(--button);color:var(--button-text);border-radius:100px;font-size:11px;font-weight:800;transition:transform .3s,box-shadow .3s}.header-cta:hover{box-shadow:0 9px 30px rgba(var(--purple-rgb),.25)}.header-cta svg{font-size:15px;transform:rotate(-90deg)}.menu-btn{display:none}
/* Hero */
.hero{min-height:750px;min-height:min(850px,100svh);padding-top:114px;display:flex;flex-direction:column;justify-content:center;overflow:hidden;isolation:isolate}.hero::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 45% 65% at 30% 50%,rgba(100,68,143,.11),transparent 80%);z-index:-1;pointer-events:none}.hero-aura{position:absolute;left:-10%;top:10%;width:80%;height:110%;pointer-events:none;background:radial-gradient(ellipse at 60% 47%,rgba(106,72,133,.09),transparent 61%);filter:blur(30px);animation:auroraBreath 8s ease-in-out infinite alternate}.hero-grid{position:relative;display:grid;grid-template-columns:46% 54%;align-items:center;min-height:595px}.hero-copy{position:relative;z-index:5;padding:30px 0 60px 15px}.eyebrow{display:inline-flex;align-items:center;gap:12px;font-size:11px;font-weight:600;color:var(--muted);letter-spacing:.05px}.eyebrow-line{display:inline-block;width:28px;height:1px;background:var(--purple)}.live-indicator{width:6px;height:6px;border-radius:50%;background:var(--purple-bright);box-shadow:0 0 0 4px rgba(var(--purple-rgb),.14);animation:indicatorPulse 2.8s ease-in-out infinite}.hero-title{margin:22px 0 -4px;font-size:clamp(100px,9.5vw,166px);font-weight:900;letter-spacing:-9px;line-height:1.17;text-wrap:nowrap}.title-asterisk{display:inline-block;vertical-align:top;font-size:clamp(19px,2.7vw,40px);color:var(--purple-bright);letter-spacing:0;margin:31px -1px 0 0;animation:slowSpin 24s linear infinite}.hero-subhead{font-size:clamp(23px,2.25vw,36px);font-weight:850;line-height:1.55;display:flex;align-items:center;gap:15px}.purple-line{width:56px;height:2px;background:linear-gradient(to left,var(--purple-bright),transparent)}.hero-description{font-size:14px;line-height:2.45;color:var(--muted);max-width:476px;margin:18px 0 31px;font-weight:400}.hero-ctas{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:27px;padding:9px 20px 9px 10px;border:1px solid transparent;border-radius:60px;font-size:12px;font-weight:800;min-height:49px;transition:background .3s,color .3s,border-color .3s,box-shadow .3s,transform .3s var(--ease)}.btn-primary{background:var(--button);color:var(--button-text)}.btn-primary:hover{box-shadow:0 11px 35px rgba(var(--purple-rgb),.22)}.btn-icon{width:31px;height:31px;display:grid;place-items:center;border-radius:50%;background:rgba(128,80,158,.12)}.btn-icon svg{font-size:17px;transform:rotate(-90deg)}.btn-ghost{background:transparent;color:var(--text);border-color:var(--line-strong);gap:12px;padding:9px 15px}.btn-ghost:hover{border-color:var(--purple);background:rgba(var(--purple-rgb),.06)}.play-circle{height:28px;width:28px;border-radius:50%;border:1px solid var(--line-strong);display:grid;place-items:center}.play-circle svg{width:12px;height:12px}.hero-proof{display:flex;gap:12px;align-items:center;color:var(--muted-2);font-size:11px;margin-top:32px}.hero-proof-mark{width:21px;height:21px;display:grid;place-items:center;border:1px solid rgba(var(--purple-rgb),.34);border-radius:50%;color:var(--purple-bright)}.hero-proof-mark svg{font-size:11px}.hero-visual{width:100%;height:590px;position:relative;z-index:1;align-self:center;transform:translateZ(0);pointer-events:none}.hero-art-backdrop{position:absolute;width:88%;height:74%;left:0;top:13%;border-radius:50%;background:radial-gradient(ellipse,rgba(var(--purple-rgb),.095),transparent 67%);filter:blur(27px);animation:auroraBreath 6s ease-in-out infinite alternate}.griffin-picture{display:block;position:absolute;inset:0;animation:heroFloat 7s ease-in-out infinite;will-change:transform;transform-origin:50% 75%}.griffin-img{position:absolute;width:118%;max-width:none;left:-6%;top:11%;height:82%;object-fit:contain;object-position:center;filter:drop-shadow(0 22px 38px rgba(0,0,0,.1));transition:opacity .5s;mask-image:radial-gradient(ellipse 65% 67% at 48% 52%,#000 48%,rgba(0,0,0,.92) 67%,transparent 99%);-webkit-mask-image:radial-gradient(ellipse 65% 67% at 48% 52%,#000 48%,rgba(0,0,0,.92) 67%,transparent 99%)}.griffin-dark{opacity:var(--hero-image-opacity)}.griffin-light{opacity:var(--light-image-opacity)}.hero-orbit{position:absolute;border:1px solid rgba(var(--purple-rgb),.17);border-radius:50%;width:71%;aspect-ratio:1;left:14%;top:7%;opacity:.65}.orbit-one{animation:orbitRotate 24s linear infinite}.orbit-two{width:54%;left:22.5%;top:17%;opacity:.29;border-style:dashed;animation:orbitRotate 36s linear infinite reverse}.hero-orbit-dot{position:absolute;z-index:4;height:5px;width:5px;border-radius:50%;background:var(--purple-bright);box-shadow:0 0 15px var(--purple);animation:dotFloat 5s ease-in-out infinite}.dot-one{left:18%;top:25%}.dot-two{right:26%;bottom:21%;animation-delay:-2.5s;opacity:.6}.floating-chip{position:absolute;z-index:4;display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--chip);backdrop-filter:blur(16px);border-radius:100px;white-space:nowrap;padding:10px 15px;box-shadow:0 10px 30px var(--shadow);font:700 10px Manrope,'Vazirmatn',sans-serif;letter-spacing:.4px;color:var(--text)}.chip-top{top:20%;left:5%;animation:chipFloat 6s ease-in-out infinite}.chip-bottom{bottom:14%;right:2%;animation:chipFloat 6s ease-in-out infinite -3s}.chip-spark{color:var(--purple-bright);font-size:17px}.chip-pulse{height:7px;width:7px;border-radius:50%;background:#7cbe9f;box-shadow:0 0 0 4px rgba(124,190,159,.12)}.hero-art-caption{position:absolute;bottom:6%;left:14%;font:600 9px Manrope,sans-serif;letter-spacing:2px;color:var(--muted-2);direction:ltr;display:flex;align-items:center;gap:14px}.caption-dash{display:block;width:24px;height:1px;background:var(--muted-2)}.hero-stardust i{position:absolute;width:2px;height:2px;background:var(--muted);border-radius:50%;opacity:.4;animation:twinkle 5s ease-in-out infinite}.hero-stardust i:nth-child(1){top:21%;left:38%}.hero-stardust i:nth-child(2){top:31%;left:12%;animation-delay:1s}.hero-stardust i:nth-child(3){top:72%;left:5%;animation-delay:2s}.hero-stardust i:nth-child(4){top:55%;right:8%;animation-delay:-1s}.hero-stardust i:nth-child(5){top:16%;right:47%;animation-delay:3s}.hero-stardust i:nth-child(6){top:77%;left:47%;animation-delay:1.7s}.hero-floor{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;padding-block:0 38px;direction:ltr}.scroll-down{direction:rtl;display:inline-flex;align-items:center;gap:12px;font-size:10px;color:var(--muted-2);transition:color .3s}.scroll-down:hover{color:var(--purple-bright)}.scroll-mouse{display:flex;width:21px;height:32px;border:1px solid var(--line-strong);border-radius:15px;justify-content:center;padding-top:7px}.scroll-mouse span{display:block;width:2px;height:7px;background:var(--purple-bright);border-radius:3px;animation:scrollPrompt 2s infinite}.hero-floor-right{display:flex;gap:14px;align-items:center;color:var(--muted-2);font:650 8px Manrope,sans-serif;letter-spacing:1.9px}.hero-floor-right em{font-style:normal;color:var(--purple)}.mini-orbit{width:15px;height:15px;border:1px solid var(--purple);border-radius:50%;position:relative}.mini-orbit:after{content:"";position:absolute;top:-3px;left:5px;width:4px;height:4px;background:var(--purple);border-radius:50%}
/* Marquee */
.ticker{overflow:hidden;border-block:1px solid var(--line);background:var(--bg-alt);padding:21px 0}.ticker-track{display:flex;align-items:center;gap:34px;width:max-content;white-space:nowrap;direction:ltr;animation:tickerMove 39s linear infinite}.ticker-track span{font:800 12px Manrope,sans-serif;letter-spacing:2px;color:var(--muted)}.ticker-track svg{width:12px;height:12px;color:var(--purple-bright)}
/* Section elements */
.services-section,.work-section,.process-section,.about-section{padding:132px 0}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:50px}.section-heading-main{max-width:860px}.section-kicker{display:inline-block;color:var(--purple-bright);font-size:12px;font-weight:700;letter-spacing:.3px}.section-kicker .num{font-family:Manrope,sans-serif;font-size:10px;letter-spacing:1.3px;color:var(--muted-2);margin-left:10px;direction:ltr;display:inline-block}.section-heading h2,.about-copy h2{font-weight:850;line-height:1.52;letter-spacing:-2.3px;font-size:clamp(32px,3.5vw,55px);margin:16px 0 0}.heading-side{max-width:278px;font-size:12.5px;color:var(--muted);line-height:2.2;margin:0 0 6px}
/* Services */
.services-section{background:var(--bg)}.service-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}.service-card{grid-column:span 2;min-height:350px;position:relative;isolation:isolate;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);padding:24px;display:flex;flex-direction:column;justify-content:space-between;background:var(--panel);transition:border-color .4s,box-shadow .4s,transform .4s var(--ease);transform-style:preserve-3d}.service-card:hover{border-color:rgba(var(--purple-rgb),.55);box-shadow:0 24px 55px rgba(0,0,0,.08)}.service-feature{grid-column:span 4;min-height:392px}.service-ai{grid-column:span 2;min-height:392px}.service-card-top,.service-card-bottom{display:flex;align-items:start;justify-content:space-between;gap:10px;position:relative;z-index:3}.service-card-top{direction:ltr}.service-index{font:700 9px Manrope,sans-serif;letter-spacing:1.2px;color:var(--muted-2);padding-top:10px}.icon-square{width:38px;height:38px;border-radius:11px;border:1px solid var(--line);display:grid;place-items:center;background:var(--glass)}.icon-square svg{width:18px;height:18px;color:var(--purple-bright)}.service-card-bottom{align-items:end}.service-card-bottom h3{margin:0 0 5px;font-size:20px;font-weight:800}.service-card-bottom p{margin:0;color:var(--muted);font-size:11px;line-height:2;max-width:360px}.round-arrow,.project-arrow{width:35px;height:35px;display:grid;place-items:center;flex-shrink:0;border:1px solid var(--line-strong);border-radius:50%;transition:background .25s,transform .25s;color:var(--text)}.round-arrow svg,.project-arrow svg{font-size:16px;transform:rotate(-90deg)}.service-card:hover .round-arrow,.project-card:hover .project-arrow{background:var(--purple);color:#fff;transform:rotate(-45deg);border-color:transparent}.feature-code{position:absolute;left:8%;right:19%;top:21%;bottom:26%;border:1px solid rgba(var(--purple-rgb),.3);background:linear-gradient(145deg,rgba(53,37,68,.2),rgba(15,14,23,.83));border-radius:12px 12px 3px 3px;box-shadow:0 22px 50px rgba(0,0,0,.22);overflow:hidden;direction:ltr;transform:perspective(740px) rotateY(-10deg) rotateX(4deg) rotateZ(-2deg);transition:transform .5s var(--ease)}.service-feature:hover .feature-code{transform:perspective(740px) rotateY(-5deg) rotateX(1deg)}.code-topbar{height:32px;background:rgba(255,255,255,.03);border-bottom:1px solid rgba(255,255,255,.07);display:flex;align-items:center;padding:0 12px;gap:5px}.code-topbar>span{height:6px;width:6px;border-radius:50%;background:#8a6a9d}.code-topbar>span:nth-child(2){background:#7d7385}.code-topbar>span:nth-child(3){background:#617e75}.code-topbar small{margin-left:auto;color:#787280;font:9px Manrope,sans-serif}.code-lines{font:500 clamp(9px,1vw,13px)/2.2 monospace;color:#b7b0c5;padding:17px 22px;white-space:nowrap}.code-lines i{font-style:normal;color:#5c5366;margin-right:19px}.syntax-violet{color:#b89ae7}.syntax-green{color:#96c6ac}.syntax-yellow{color:#e1bd87}.cursor-blink{color:#ac8bd5;animation:blink 1.1s step-end infinite}body[data-theme="light"] .feature-code{background:linear-gradient(145deg,#282033,#14121b)}.ai-graphic{position:absolute;inset:45px 5% 105px;display:grid;place-items:center;overflow:hidden}.ai-orb{position:relative;height:174px;width:174px;border-radius:50%;background:radial-gradient(circle at 30% 20%,#e6ceff 0%,#9e83d8 23%,#4d336f 52%,#151226 76%);box-shadow:0 0 25px rgba(154,118,208,.18),inset -18px -23px 45px rgba(0,0,0,.38);animation:orbPulse 7s ease-in-out infinite}.ai-orb::after{content:"";position:absolute;inset:9px;border-radius:50%;border:1px solid rgba(255,255,255,.17);transform:rotateX(66deg) rotateZ(30deg)}.ai-orb-ring{position:absolute;width:218px;height:145px;border:1px solid rgba(174,132,232,.27);border-radius:50%;transform:rotate(-33deg);animation:ringRock 8s ease-in-out infinite}.ring-b{transform:rotate(39deg);animation-delay:-3s}.ai-label{position:absolute;top:20%;left:3%;font:600 8px Manrope,sans-serif;letter-spacing:1.5px;color:var(--muted-2)}.ai-label-two{top:auto;bottom:12%;right:3%;left:auto}.automation-graphic{position:absolute;inset:83px 0 103px;color:rgba(var(--purple-rgb),.58)}.automation-lines{position:absolute;width:100%;height:100%}.auto-node{position:absolute;border:1px solid rgba(var(--purple-rgb),.4);display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:var(--panel-lift);box-shadow:0 10px 30px rgba(0,0,0,.15)}.auto-node svg{font-size:21px;color:var(--purple-bright)}.node-left{left:12%;top:37%}.node-right{right:12%;top:37%}.node-mid{left:calc(50% - 24px);width:39px;height:39px;border-radius:50%;background:rgba(var(--purple-rgb),.13)}.node-a{top:9%}.node-b{bottom:0}.design-graphic{position:absolute;inset:55px 15% 102px;display:grid;place-items:center}.design-canvas{width:69%;height:85%;position:relative;overflow:hidden;background:#e9e1ef;transform:rotate(-8deg);border:5px solid #f5f0f6;box-shadow:20px 25px 30px rgba(0,0,0,.12);display:flex;align-items:center;padding-left:10%;color:#20162a}.design-canvas>span:first-of-type{font:900 clamp(20px,2vw,36px)/.9 Manrope,sans-serif;position:relative;z-index:2;letter-spacing:-2px}.design-gradient{position:absolute;width:140%;height:140%;border-radius:50%;background:linear-gradient(45deg,rgba(61,36,94,.6),#cca2f3,#f7bfb3,rgba(255,255,255,0));right:-65%;top:25%;filter:blur(16px)}.design-star{position:absolute;right:10%;top:15%;font-size:26px;color:#73529d}.design-colors{position:absolute;right:0;top:15%;display:grid;gap:8px}.design-colors i{display:block;width:16px;height:16px;border-radius:50%;background:#e4c6d0}.design-colors i:nth-child(2){background:#9371bf}.design-colors i:nth-child(3){background:#17111f}.design-colors i:nth-child(4){background:#c2b6cc}.strategy-graphic{position:absolute;inset:70px 15% 100px;display:grid;place-items:center}.strategy-circle{position:absolute;width:160px;height:160px;border:1px solid rgba(var(--purple-rgb),.45);border-radius:50%;animation:orbitRotate 20s linear infinite}.strategy-circle-two{transform:scaleX(.55) rotate(55deg);animation-duration:24s}.strategy-circle-three{transform:scaleY(.55) rotate(-40deg);animation-duration:28s}.strategy-circle-one:after{content:"";position:absolute;width:7px;height:7px;background:var(--purple-bright);border-radius:50%;top:15px;left:17px;box-shadow:0 0 12px var(--purple)}.strategy-center{font:800 11px Manrope,sans-serif;letter-spacing:2px;color:var(--text)}.strategy-center span{color:var(--purple-bright);padding:0 4px}
/* Work */
.work-section{background:var(--bg-alt)}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px 22px}.project-card{min-width:0}.project-visual{height:330px;border-radius:15px;position:relative;overflow:hidden;isolation:isolate;transition:filter .4s;direction:ltr}.project-card:hover .project-visual{filter:saturate(1.14)}.project-visual::after{content:"";position:absolute;inset:0;border:1px solid rgba(255,255,255,.12);border-radius:inherit;pointer-events:none}.project-info{display:flex;justify-content:space-between;align-items:center;margin:18px 0 8px;gap:12px}.project-info h3{font-size:19px;margin:5px 0 0;font-weight:800}.project-type{font-size:11px;color:var(--muted)}.case-topline,.case-bottomline{position:absolute;z-index:5;display:flex;justify-content:space-between;left:27px;right:27px;align-items:center;color:#fff}.case-topline{top:24px}.case-bottomline{bottom:21px;font:650 9px Manrope,sans-serif;letter-spacing:1.2px;opacity:.75}.case-brand{font:900 18px Manrope,sans-serif;letter-spacing:-1px}.case-brand span{color:#ca9cfc}.case-tag{font:700 9px Manrope,sans-serif;letter-spacing:1.2px;opacity:.74}.visual-ai{background:radial-gradient(ellipse 62% 64% at 53% 60%,#4d2771 0%,#20132e 55%,#0c0b14 100%)}.visual-grid{position:absolute;inset:0;opacity:.17;background-image:linear-gradient(90deg,transparent 98%,#bd8bff 100%),linear-gradient(0deg,transparent 98%,#bd8bff 100%);background-size:43px 43px;mask-image:linear-gradient(0deg,transparent,#000)}.aura-energy{position:absolute;width:255px;height:255px;top:45px;left:calc(50% - 127px);display:grid;place-items:center}.aura-energy>span{position:absolute;border-radius:50%;border:1px solid rgba(211,163,255,.55);height:76%;width:76%;transform:rotateX(70deg) rotate(-30deg);box-shadow:0 0 25px rgba(173,91,242,.12);animation:energySpin 9s ease-in-out infinite}.aura-energy>span:nth-child(2){transform:rotateY(69deg) rotate(40deg);animation-delay:-3s;width:95%;height:95%}.aura-energy>span:nth-child(3){width:133px;height:133px;border:0;background:radial-gradient(circle at 32% 25%,#f7dfff,#a96dec 26%,#3e2262 66%,#130c24 93%);box-shadow:0 0 68px 15px rgba(159,97,231,.4),inset -16px -15px 27px rgba(0,0,0,.6);animation:orbPulse 7s ease-in-out infinite}.aura-center{position:absolute;left:0;right:0;top:57%;text-align:center;font:600 11px/1.5 Manrope,sans-serif;letter-spacing:3.5px;color:#f7ecff;text-shadow:0 2px 8px #11051b}.aura-center strong{font-size:15px;letter-spacing:4px}.visual-platform{background:#dad8e3;color:#2b2333}.light-brand{color:#1c1529}.dark-tag,.dark-case{color:#514a58}.dashboard-mock{position:absolute;width:80%;height:250px;left:10%;bottom:-38px;transform:perspective(780px) rotateX(10deg) rotateY(-9deg) rotateZ(-2deg);border:6px solid #2e2838;border-radius:12px;background:#fdfbff;box-shadow:24px 25px 45px rgba(44,32,60,.27);display:flex;overflow:hidden;transition:transform .6s var(--ease)}.project-card:hover .dashboard-mock{transform:perspective(780px) rotateX(4deg) rotateY(-4deg) rotateZ(-1deg)}.dash-sidebar{width:44px;background:#231f2b;display:flex;align-items:center;flex-direction:column;gap:17px;padding-top:21px}.dash-sidebar i{height:9px;width:9px;border-radius:3px;background:#797080}.dash-sidebar i:first-child{width:19px;height:19px;background:#aa87dd;margin-bottom:12px}.dash-main{padding:14px 21px;flex:1;min-width:0}.dash-header{display:flex;justify-content:space-between;font:800 12px Manrope,sans-serif;color:#241d2c;margin-bottom:17px}.dash-metrics{display:flex;gap:8px}.dash-metrics>div{border:1px solid #eeeaf2;border-radius:7px;padding:10px;display:grid;gap:4px;flex:1}.dash-metrics small{font:600 9px Manrope;color:#8d8192}.dash-metrics strong{font:800 19px Manrope}.dash-metrics b{font:650 9px Manrope;color:#4b9a7a}.dash-chart{margin-top:10px;height:102px;border-bottom:1px solid #ebe6ef;background:repeating-linear-gradient(to bottom,transparent 0 31px,#eee8f3 32px)}.dash-chart svg{height:100%;width:100%}.visual-flow{background:linear-gradient(140deg,#141321,#252037 48%,#12111c)}.flow-bg-lines{position:absolute;inset:0;background-image:radial-gradient(#aa8bd2 1px,transparent 1px);background-size:24px 24px;opacity:.12}.flow-map{position:absolute;inset:45px 30px 40px}.flow-map>svg{position:absolute;inset:0;width:100%;height:100%}.flow-node{position:absolute;padding:9px 12px;border-radius:9px;border:1px solid rgba(183,146,221,.4);background:rgba(26,19,42,.85);color:#f1e4fe;box-shadow:0 14px 28px rgba(0,0,0,.3);display:grid;place-items:center;gap:6px;min-width:74px}.flow-node>span{font:800 19px Manrope;color:#b793ed}.flow-node small{font:700 8px Manrope;letter-spacing:.7px}.flow-start{left:8%;top:42%}.flow-logic{left:43%;top:19%}.flow-data{left:43%;bottom:4%}.flow-end{right:6%;top:42%}.visual-brand{background:radial-gradient(circle at 50% 58%,#c8b0df 0%,#8a6caa 37%,#30223e 86%)}.brand-sculpture{position:absolute;inset:0;display:grid;place-items:center}.brand-ring{position:absolute;border-radius:50%;border:30px solid rgba(244,232,255,.4);height:220px;width:220px;transform:rotateX(60deg) rotateY(35deg);box-shadow:inset 5px 9px 20px rgba(49,22,73,.3),8px 13px 28px rgba(49,22,73,.2);animation:brandRotate 10s ease-in-out infinite}.ring-inner{height:175px;width:175px;border-width:16px;transform:rotateY(65deg) rotateZ(30deg);opacity:.8;animation-delay:-5s}.brand-sphere{position:absolute;width:105px;height:105px;border-radius:50%;background:radial-gradient(circle at 27% 28%,#ffedf8,#ba90d9 33%,#62437c 74%,#25152e);box-shadow:0 15px 40px rgba(41,20,51,.3)}.brand-big{position:relative;z-index:1;font:900 clamp(80px,9vw,135px) Manrope,sans-serif;letter-spacing:-16px;color:rgba(255,255,255,.92);text-shadow:0 4px 30px rgba(40,20,50,.16);transform:translateY(5px)}.brand-big span{color:#281a34}.work-note{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:39px;color:var(--muted-2);font-size:11px}.text-link{display:inline-flex;align-items:center;gap:12px;font-size:12px;font-weight:750;color:var(--text);padding-bottom:9px;border-bottom:1px solid rgba(var(--purple-rgb),.6);transition:color .3s,gap .3s}.text-link svg{font-size:17px;transform:rotate(-90deg)}.text-link:hover{color:var(--purple-bright);gap:18px}
/* Numbers */
.numbers-section{background:var(--bg);border-block:1px solid var(--line);padding:70px 0}.numbers-grid{display:grid;grid-template-columns:1.5fr repeat(3,.55fr);align-items:end;gap:22px}.numbers-intro h2{margin:13px 0 0;line-height:1.5;font-size:clamp(25px,2.6vw,39px);letter-spacing:-1.5px}.number-stat{border-right:1px solid var(--line);padding-right:28px;display:flex;flex-direction:column;gap:9px}.number-stat strong{font:800 clamp(39px,4vw,60px) Manrope,'Vazirmatn',sans-serif;letter-spacing:-3px;direction:ltr;align-self:flex-end}.number-stat span{color:var(--muted);font-size:12px}
/* Process */
.process-section{background:var(--bg)}.process-layout{display:grid;grid-template-columns:.95fr 1.05fr;gap:62px;align-items:stretch}.process-steps{display:flex;flex-direction:column}.process-step{display:flex;width:100%;background:transparent;color:var(--text);border:0;border-top:1px solid var(--line);padding:27px 4px;align-items:center;gap:23px;text-align:right;transition:padding .3s,background .3s}.process-step:last-child{border-bottom:1px solid var(--line)}.process-step:hover{padding-inline:12px}.step-number{font:700 11px Manrope,sans-serif;align-self:flex-start;margin-top:8px;color:var(--muted-2);min-width:27px}.step-main{display:grid;gap:3px;flex:1}.step-main strong{font-size:22px;font-weight:800;transition:color .3s}.step-main small{font-size:12px;color:var(--muted)}.process-step>svg{font-size:19px;transform:rotate(-90deg);color:var(--muted-2);transition:transform .35s,color .3s}.process-step.is-selected .step-main strong{color:var(--purple-bright)}.process-step.is-selected>svg{color:var(--purple-bright);transform:rotate(-45deg)}.process-display{border:1px solid var(--line);background:var(--panel);border-radius:var(--radius);min-height:505px;display:flex;flex-direction:column;justify-content:space-between;padding:26px 30px;position:relative;overflow:hidden;isolation:isolate}.process-display:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 45%,rgba(var(--purple-rgb),.13),transparent 59%);z-index:-1}.process-display-top{font:650 10px Manrope,sans-serif;letter-spacing:1.3px;color:var(--muted);display:flex;justify-content:space-between;direction:ltr}.process-symbol{position:relative;margin:auto;display:grid;place-items:center;width:220px;height:220px;transition:transform .7s var(--ease)}.symbol-ring{position:absolute;inset:0;border:1px solid rgba(var(--purple-rgb),.3);border-radius:50%;animation:orbitRotate 22s linear infinite}.symbol-ring:before{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:var(--purple-bright);left:13%;top:13%;box-shadow:0 0 20px var(--purple)}.symbol-ring.ring-2{inset:23px;border-style:dashed;animation-direction:reverse;opacity:.7}.symbol-ring.ring-3{inset:55px;border-color:rgba(var(--purple-rgb),.5);animation-duration:15s}.symbol-core{font-size:64px;color:var(--purple-bright);filter:drop-shadow(0 0 24px rgba(var(--purple-rgb),.45));animation:slowSpin 18s linear infinite}.process-display-bottom{max-width:365px}.display-label{font:800 13px Manrope,sans-serif;letter-spacing:2px;color:var(--purple-bright)}.process-display-bottom p{font-size:13px;line-height:2.15;min-height:58px;color:var(--muted);margin:8px 0 19px}.step-progress{height:3px;background:var(--line);border-radius:2px;overflow:hidden;direction:ltr}.step-progress span{height:100%;display:block;width:25%;background:var(--purple-bright);transition:width .6s var(--ease)}
/* About */
.about-section{background:var(--bg-alt)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.about-visual{height:550px;background:#18121e;border-radius:var(--radius);position:relative;isolation:isolate;overflow:hidden;border:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;padding:38px;direction:ltr}.about-visual:before{content:"";position:absolute;inset:0;background:linear-gradient(160deg,rgba(137,99,172,.3),transparent 54%)}.about-visual-glow{position:absolute;width:400px;height:400px;left:50%;top:42%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(167,120,213,.24),transparent 65%);filter:blur(27px)}.about-emblem{position:absolute;top:42%;left:50%;transform:translate(-50%,-50%);width:220px;height:220px;display:grid;place-items:center}.about-emblem img{position:relative;z-index:2;width:115px;height:115px;object-fit:contain;filter:drop-shadow(0 0 26px rgba(195,154,234,.4));animation:heroFloat 6s ease-in-out infinite}.emblem-rings{position:absolute;inset:0;border:1px solid rgba(172,131,214,.42);border-radius:50%;box-shadow:0 0 0 39px rgba(172,131,214,.06),0 0 0 80px rgba(172,131,214,.04);animation:orbitRotate 25s linear infinite}.emblem-rings:after{content:"";width:8px;height:8px;border-radius:50%;background:#c19af2;position:absolute;left:26px;top:27px;box-shadow:0 0 13px #ac78ea}.about-visual-text{font:850 clamp(35px,3.8vw,60px)/1.07 Manrope,sans-serif;letter-spacing:-3px;color:#f7edf9;position:relative;z-index:2}.about-visual-text>span{color:#b08add}.about-corner{display:flex;justify-content:space-between;width:100%;font:700 9px Manrope,sans-serif;letter-spacing:1px;color:rgba(255,255,255,.52);margin-top:20px}.about-copy h2{margin:17px 0 23px}.about-copy p{font-size:13px;color:var(--muted);line-height:2.6;max-width:560px}.about-tags{display:flex;flex-wrap:wrap;gap:8px;direction:ltr;justify-content:flex-end;margin-top:27px}.about-tags span{border:1px solid var(--line);border-radius:50px;padding:9px 12px;font:700 9px Manrope,sans-serif;letter-spacing:.6px;color:var(--muted)}.about-link{margin-top:36px}
/* Contact */
.contact-section{padding:130px 0 100px}.contact-panel{position:relative;overflow:hidden;isolation:isolate;background:var(--panel);border:1px solid var(--line);border-radius:25px;min-height:550px;padding:68px 64px}.contact-panel:after{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at 4% 95%,rgba(var(--purple-rgb),.17),transparent 53%)}.contact-scene{position:absolute;z-index:-1;bottom:0;left:-20px;width:48%;height:53%;pointer-events:none;opacity:.42;mask-image:linear-gradient(to right,black 55%,transparent 100%);-webkit-mask-image:linear-gradient(to right,black 55%,transparent 100%)}.contact-scene img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:left bottom;mask-image:linear-gradient(to top,black,transparent 97%);-webkit-mask-image:linear-gradient(to top,black,transparent 97%)}.scene-dark{opacity:var(--hero-image-opacity)}.scene-light{opacity:var(--light-image-opacity)}.contact-inner{display:grid;grid-template-columns:.9fr 1.1fr;gap:65px;align-items:center}.contact-heading h2{font-size:clamp(35px,4.6vw,68px);letter-spacing:-3px;line-height:1.45;margin:22px 0}.contact-heading h2 em{font-style:normal;color:var(--purple-bright)}.contact-heading p{color:var(--muted);font-size:13px;line-height:2.2;max-width:330px}.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:22px 17px}.contact-form label{display:grid;gap:8px;font-size:12px;color:var(--muted);font-weight:600}.contact-form input,.contact-form textarea{width:100%;background:var(--bg);color:var(--text);border:1px solid var(--line);outline:none;border-radius:12px;padding:14px 15px;font-size:12px;transition:border-color .3s,box-shadow .3s}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--purple);box-shadow:0 0 0 3px rgba(var(--purple-rgb),.09)}.contact-form input::placeholder,.contact-form textarea::placeholder{color:var(--muted-2)}.contact-form textarea{resize:vertical;min-height:115px}.field-full{grid-column:span 2}.contact-submit{justify-self:start;min-width:188px}.form-hint{font-size:10px;color:var(--muted-2);line-height:2;margin:2px 0 0}.form-status{grid-column:1/-1;color:var(--purple-bright);margin:0;min-height:1em;font-size:12px}
/* Footer */
.footer{border-top:1px solid var(--line);padding:43px 0 28px}.footer-top{display:flex;align-items:center;gap:24px}.footer-brand img{width:48px;height:48px;object-fit:contain}.footer-brand>span{font:900 29px Manrope,sans-serif;letter-spacing:-1.5px}.footer-signoff{margin-inline:auto;font-size:12px;color:var(--muted)}.back-to-top{width:42px;height:42px;border:1px solid var(--line-strong);border-radius:50%;display:grid;place-items:center;transition:background .3s}.back-to-top:hover{background:var(--purple)}.back-to-top svg{transform:rotate(-45deg)}.footer-divider{height:1px;background:var(--line);margin:32px 0 22px}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:10px;color:var(--muted-2)}.footer-social{direction:ltr;display:flex;gap:22px;font:700 10px Manrope,sans-serif;letter-spacing:.5px;color:var(--muted)}.footer-social a:hover{color:var(--purple-bright)}.to-top{position:fixed;z-index:70;bottom:24px;right:24px;height:42px;width:42px;border:1px solid var(--line);border-radius:50%;background:var(--glass);backdrop-filter:blur(14px);color:var(--text);display:grid;place-items:center;opacity:0;transform:translateY(12px);pointer-events:none;transition:opacity .3s,transform .3s}.to-top.is-visible{opacity:1;transform:translateY(0);pointer-events:auto}.to-top svg{transform:rotate(-45deg)}
/* reveal / interaction */
[data-reveal]{opacity:0;transform:translateY(34px);transition:opacity .9s var(--ease),transform .9s var(--ease)}[data-reveal].is-visible{opacity:1;transform:translateY(0)}.enter-animate{opacity:0;transform:translateY(24px);animation:enterUp .85s var(--ease) forwards}.hero-eyebrow{animation-delay:.1s}.hero-title{animation-delay:.23s}.hero-subhead{animation-delay:.34s}.hero-description{animation-delay:.45s}.hero-ctas{animation-delay:.56s}.hero-proof{animation-delay:.7s}
@keyframes enterUp{to{opacity:1;transform:translateY(0)}}@keyframes slowSpin{to{transform:rotate(360deg)}}@keyframes orbitRotate{to{transform:rotate(360deg)}}@keyframes heroFloat{0%,100%{transform:translateY(1px)}50%{transform:translateY(-13px)}}@keyframes chipFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes auroraBreath{from{opacity:.55;transform:scale(.94)}to{opacity:1;transform:scale(1.08)}}@keyframes indicatorPulse{50%{box-shadow:0 0 0 8px rgba(var(--purple-rgb),0)}}@keyframes twinkle{0%,100%{opacity:.15;transform:scale(.6)}50%{opacity:.8;transform:scale(1.5)}}@keyframes dotFloat{50%{transform:translateY(-13px)}}@keyframes scrollPrompt{0%{transform:translateY(0);opacity:1}80%{transform:translateY(9px);opacity:0}100%{opacity:0}}@keyframes tickerMove{to{transform:translateX(-50%)}}@keyframes blink{50%{opacity:0}}@keyframes orbPulse{50%{transform:scale(1.04);filter:brightness(1.15)}}@keyframes ringRock{50%{transform:rotate(32deg) scale(1.05)}}@keyframes energySpin{50%{filter:brightness(1.6);transform:rotateX(70deg) rotate(30deg)}}@keyframes brandRotate{50%{transform:rotateX(63deg) rotateY(-30deg) rotateZ(5deg)}}
/* Responsive */
@media(max-width:1220px){.container{width:min(100% - 76px,1392px)}.header-inner{gap:23px}.main-nav{gap:18px}.hero-title{font-size:clamp(94px,10vw,130px)}.hero-visual{height:520px}.hero-description{max-width:410px}.floating-chip{font-size:9px}.services-section,.work-section,.process-section,.about-section{padding:100px 0}.about-grid{gap:50px}.contact-inner{gap:32px}.contact-panel{padding:55px 45px}}
@media(max-width:940px){.container{width:min(100% - 48px,1392px)}.header-inner{height:76px}.main-nav{display:none;position:absolute;top:76px;right:0;left:0;flex-direction:column;gap:0;background:var(--glass);backdrop-filter:blur(24px);border-bottom:1px solid var(--line);padding:15px 24px 24px;box-shadow:0 20px 40px var(--shadow)}.main-nav.is-open{display:flex}.main-nav .nav-link{width:100%;padding:12px 0;text-align:center;font-size:15px}.main-nav .nav-link:after{display:none}.menu-btn{display:grid}.header-actions{margin-inline-start:auto}.hero{min-height:730px}.hero-grid{grid-template-columns:52% 48%;min-height:540px}.hero-title{font-size:clamp(77px,10vw,110px);letter-spacing:-6px}.hero-visual{height:510px}.griffin-img{width:142%;left:-23%}.hero-orbit{width:90%;left:2%;top:12%}.orbit-two{width:70%;left:12%}.floating-chip{display:none}.hero-art-caption{font-size:7px;left:0}.section-heading h2,.about-copy h2{font-size:clamp(30px,4vw,44px)}.service-card{padding:19px}.service-card-bottom h3{font-size:18px}.service-feature{grid-column:span 6}.service-ai{grid-column:span 3}.service-automation,.service-design,.service-strategy{grid-column:span 3}.service-grid .service-card:last-child{grid-column:span 6;min-height:270px}.strategy-graphic{inset:50px 25% 85px}.project-visual{height:270px}.flow-node{transform:scale(.8)}.about-grid{gap:38px}.about-visual{height:475px}.about-visual-text{font-size:42px}.contact-inner{grid-template-columns:1fr}.contact-heading h2{font-size:45px}.contact-panel{padding:46px}.contact-scene{opacity:.17;height:40%}.numbers-grid{grid-template-columns:repeat(3,1fr)}.numbers-intro{grid-column:1/-1;margin-bottom:18px}.number-stat{padding-right:20px}}
@media(max-width:680px){:root{scroll-padding-top:75px}.container{width:calc(100% - 38px)}.site-header .brand-mark{width:32px;height:32px}.brand-text{font-size:16px}.header-inner{gap:10px;height:72px}.header-actions{gap:8px}.header-cta{display:none}.icon-btn,.lang-btn{height:35px;min-width:35px}.lang-btn{min-width:51px}.main-nav{top:72px}.hero{padding-top:93px;min-height:auto}.hero-grid{display:flex;flex-direction:column;min-height:auto}.hero-copy{width:100%;padding:34px 0 0;text-align:right}.hero-eyebrow{font-size:10px}.hero-title{font-size:clamp(79px,19vw,125px);letter-spacing:-7px;margin:7px 0 -5px}.title-asterisk{font-size:25px;margin:22px -2px 0 0}.hero-subhead{font-size:25px}.hero-description{max-width:94%;font-size:12px;line-height:2.25;margin:16px 0 20px}.hero-ctas{gap:9px}.btn{min-height:46px;padding:8px 15px 8px 8px;font-size:10.5px;gap:15px}.btn-ghost{padding:8px 11px;gap:8px}.hero-proof{margin-top:19px;font-size:10px}.hero-visual{height:min(93vw,430px);width:112%;max-width:550px;margin-right:-6%;margin-top:3px}.griffin-img{width:108%;height:103%;left:-2%;top:0}.hero-orbit{width:77%;top:9%;left:13%}.orbit-two{width:60%;left:21.5%}.chip-bottom,.chip-top{display:flex;padding:7px 10px;font-size:8px}.chip-top{left:8%;top:18%}.chip-bottom{right:7%;bottom:14%}.hero-art-caption{left:8%;bottom:1%;font-size:6px;letter-spacing:1px}.hero-floor{padding:13px 0 29px}.hero-floor-right{display:none}.ticker{padding:17px 0}.ticker-track{gap:25px}.ticker-track span{font-size:10px}.services-section,.work-section,.process-section,.about-section{padding:76px 0}.section-heading{display:block;margin-bottom:30px}.section-heading h2,.about-copy h2{font-size:clamp(31px,8vw,43px);letter-spacing:-1.5px}.heading-side{max-width:100%;margin:15px 0 0;font-size:12px}.service-grid{grid-template-columns:1fr;gap:13px}.service-feature,.service-ai,.service-automation,.service-design,.service-strategy,.service-grid .service-card:last-child{grid-column:span 1;min-height:330px}.service-feature{min-height:350px}.service-card{padding:21px}.service-card-bottom h3{font-size:19px}.service-card-bottom p{font-size:11px}.feature-code{right:8%;left:4%;top:23%;bottom:26%}.code-lines{font-size:10px;padding:14px}.project-grid{grid-template-columns:1fr;gap:26px}.project-visual{height:min(66vw,350px)}.project-info h3{font-size:17px}.case-topline,.case-bottomline{left:18px;right:18px}.work-note{flex-direction:column;align-items:flex-start;margin-top:26px}.work-note>span{font-size:10px}.numbers-section{padding:50px 0}.numbers-grid{gap:17px 6px}.number-stat{padding-right:11px}.number-stat strong{font-size:clamp(29px,9vw,50px);letter-spacing:-2px}.number-stat span{font-size:10px}.process-layout{grid-template-columns:1fr;gap:30px}.process-step{padding:19px 4px}.step-main strong{font-size:19px}.process-display{min-height:420px;padding:22px}.process-symbol{height:180px;width:180px}.about-grid{display:flex;flex-direction:column;gap:31px}.about-visual{width:100%;height:400px}.about-visual-text{font-size:42px}.about-copy{width:100%}.about-copy p{font-size:12px}.about-tags{justify-content:flex-end}.contact-section{padding:74px 0 65px}.contact-panel{padding:35px 22px;border-radius:18px}.contact-heading h2{font-size:42px;letter-spacing:-1.3px;margin:16px 0}.contact-heading p{font-size:12px}.contact-form{grid-template-columns:1fr;gap:13px}.contact-form label,.contact-form .field-full{grid-column:span 1}.contact-form input,.contact-form textarea{padding:12px}.contact-submit{margin-top:6px}.form-hint{font-size:9px}.footer{padding-top:32px}.footer-top{gap:10px;flex-wrap:wrap}.footer-brand img{width:33px;height:33px}.footer-brand>span{font-size:19px}.footer-signoff{font-size:10px}.footer-bottom{flex-direction:column;align-items:flex-start;gap:12px}.footer-built{display:none}.back-to-top{height:35px;width:35px}.to-top{right:16px;bottom:16px}}
@media(max-width:390px){.container{width:calc(100% - 30px)}.header-inner{gap:5px}.brand-mark{width:29px!important;height:29px!important}.brand-text{font-size:14px}.hero-title{font-size:75px}.hero-description{max-width:100%}.hero-ctas{gap:6px}.btn{font-size:10px}.service-card-bottom p{max-width:260px}.contact-heading h2{font-size:38px}}
/* English direction: retain the editorial composition while respecting LTR text */
html[lang="en"] body{font-family:Manrope,'Vazirmatn',sans-serif}html[lang="en"] .hero-copy,html[lang="en"] .about-copy,html[lang="en"] .contact-heading{text-align:left}html[lang="en"] .hero-copy{padding:30px 15px 60px 0}html[lang="en"] .hero-title{font-size:clamp(74px,8vw,140px);letter-spacing:-7px}html[lang="en"] .hero-subhead{font-size:clamp(23px,2vw,32px)}html[lang="en"] .section-kicker .num{margin-left:0;margin-right:10px}html[lang="en"] .service-card-bottom,html[lang="en"] .project-info,html[lang="en"] .work-note{direction:ltr}html[lang="en"] .about-tags{justify-content:flex-start}html[lang="en"] .service-card-bottom h3{font-size:18px}html[lang="en"] .contact-form label{text-align:left}html[lang="en"] .hero-visual{transform:scaleX(-1)}html[lang="en"] .hero-art-caption{transform:scaleX(-1)}html[lang="en"] .floating-chip{transform:scaleX(-1)}html[lang="en"] .hero-grid{direction:ltr}html[lang="en"] .scroll-down{direction:ltr}html[lang="en"] .process-step{text-align:left}html[lang="en"] .process-display-bottom{text-align:left}html[lang="en"] .about-grid{direction:ltr}html[lang="en"] .contact-inner{direction:ltr}@media(max-width:680px){html[lang="en"] .hero-copy{padding:34px 0 0}html[lang="en"] .hero-title{font-size:clamp(68px,15vw,96px);letter-spacing:-4px}html[lang="en"] .hero-visual{margin-right:0;margin-left:-6%}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}[data-reveal],.enter-animate{opacity:1!important;transform:none!important}.griffin-picture{transform:none!important}.cursor{display:none!important}}
/* Case-study dialog */
.case-dialog{position:fixed;max-width:min(590px,calc(100vw - 34px));width:100%;max-height:calc(100dvh - 45px);overflow-y:auto;border:1px solid var(--line-strong);border-radius:20px;padding:33px;background:var(--panel);color:var(--text);box-shadow:0 34px 120px rgba(0,0,0,.45);text-align:right}.case-dialog::backdrop{background:rgba(7,5,12,.76);backdrop-filter:blur(9px)}.dialog-close{position:absolute;top:21px;left:22px;border-radius:50%;width:38px;height:38px;border:1px solid var(--line);background:var(--bg);color:var(--text);display:grid;place-items:center}.dialog-eyebrow{font:700 10px Manrope,sans-serif;letter-spacing:1.2px;color:var(--purple-bright)}.dialog-art{height:180px;margin:21px 0;border-radius:12px;background:radial-gradient(circle at 50%,rgba(158,106,208,.7),#21142b 56%,#111016 90%);display:grid;place-items:center;color:white;font:900 32px Manrope,sans-serif;letter-spacing:-1px}.case-dialog h2{font-size:25px;margin:12px 0 8px}.case-dialog p{font-size:13px;color:var(--muted);line-height:2.2;max-width:530px}.case-dialog .btn{margin-top:10px}.project-visual[role="button"]{cursor:pointer}.project-visual:focus-visible{outline:3px solid var(--purple-bright);outline-offset:5px}html[lang="en"] .case-dialog{text-align:left}

/* Keyboard and portrait-tablet refinements */
:where(a,button,input,textarea,[role="button"]):focus-visible{outline:2px solid var(--purple-bright);outline-offset:4px}
@media (min-width:681px) and (max-width:820px){
  .hero{min-height:0;padding-top:108px}
  .hero-grid{display:flex;flex-direction:column;align-items:stretch;min-height:0}
  .hero-copy{padding:30px 0 0;max-width:680px}
  .hero-title{font-size:clamp(103px,14.5vw,123px)}
  .hero-description{max-width:620px}
  .hero-visual{height:485px;width:min(100%,600px);margin:6px auto 0}
  .griffin-img{width:110%;left:-5%;top:0;height:96%}
  .hero-orbit{width:72%;left:14%;top:7%}
  .orbit-two{width:54%;left:23%}
  .hero-floor{padding:0 0 27px}
  .floating-chip{display:flex}
}

/* --- Bashkuch refresh: fullscreen hero, uploaded logo variants, Arabic support --- */
body[data-theme="light"] .brand-mark,
body[data-theme="light"] .footer-brand img,
body[data-theme="light"] .about-emblem img{filter:none}
.theme-logo{object-fit:contain}

.hero{min-height:100svh;padding-top:108px}
.hero-grid{min-height:calc(100svh - 118px);grid-template-columns:minmax(360px,42%) minmax(0,58%);align-items:center;gap:10px}
.hero-copy{padding:30px 0 52px 18px;max-width:40rem}
.hero-description{max-width:37rem;font-size:14.5px;line-height:2.3}
.hero-visual{height:min(88vh,820px);max-height:820px;align-self:end}
.hero-art-backdrop{width:100%;height:84%;left:-2%;top:8%;filter:blur(36px)}
.griffin-picture{transform:translate3d(calc(var(--px,0) * 12px),calc(var(--py,0) * 8px),0);animation:heroFloat 7s ease-in-out infinite}
.griffin-img{width:124%;height:92%;left:-10%;top:5%;mask-image:radial-gradient(ellipse 68% 72% at 50% 50%,#000 48%,rgba(0,0,0,.94) 75%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 68% 72% at 50% 50%,#000 48%,rgba(0,0,0,.94) 75%,transparent 100%)}
.hero-orbit{width:80%;left:10%;top:8%}
.orbit-two{width:62%;left:19%;top:16%}
.hero-floor{padding-bottom:28px}

html[lang="en"] body{font-family:Manrope,'Vazirmatn',sans-serif}
html[lang="en"] .hero-grid{direction:ltr;grid-template-columns:minmax(0,58%) minmax(360px,42%)}
html[lang="en"] .hero-copy,html[lang="en"] .about-copy,html[lang="en"] .contact-heading{text-align:left}
html[lang="en"] .hero-copy{padding:30px 18px 52px 0}
html[lang="en"] .hero-visual{transform:scaleX(-1)}
html[lang="en"] .hero-art-caption,html[lang="en"] .floating-chip{transform:scaleX(-1)}
html[lang="en"] .hero-floor{direction:ltr}
html[lang="en"] .scroll-down{direction:ltr}
html[lang="en"] .service-card-bottom,html[lang="en"] .project-info,html[lang="en"] .work-note,html[lang="en"] .process-step,html[lang="en"] .process-display-bottom,html[lang="en"] .contact-form label{text-align:left}
html[lang="en"] .about-grid,html[lang="en"] .contact-inner{direction:ltr}
html[lang="en"] .about-tags{justify-content:flex-start}

html[lang="ar"] body{font-family:'Vazirmatn',Tahoma,Arial,sans-serif}
html[lang="ar"] .hero-grid,html[lang="ar"] .about-grid,html[lang="ar"] .contact-inner{direction:rtl}
html[lang="ar"] .hero-copy,html[lang="ar"] .about-copy,html[lang="ar"] .contact-heading,html[lang="ar"] .contact-form label,html[lang="ar"] .process-step,html[lang="ar"] .process-display-bottom{text-align:right}
html[lang="ar"] .about-tags{justify-content:flex-end}

@media (max-width: 1220px){
  .hero-grid{grid-template-columns:minmax(320px,44%) minmax(0,56%)}
  .hero-visual{height:min(80vh,700px)}
  .griffin-img{width:132%;left:-16%}
}
@media (max-width: 940px){
  .hero{min-height:auto;padding-top:98px}
  .hero-grid{min-height:auto;grid-template-columns:1fr 1fr;gap:14px}
  .hero-copy{max-width:none}
  .hero-visual{height:min(62vw,560px);align-self:center}
}
@media (max-width: 680px){
  .hero{min-height:auto;padding-top:92px}
  .hero-grid{display:flex;flex-direction:column;min-height:auto;gap:0}
  .hero-copy,html[lang="en"] .hero-copy{padding:26px 0 0;max-width:none;text-align:inherit}
  .hero-title{font-size:clamp(70px,18vw,118px);letter-spacing:-5px}
  .hero-subhead{font-size:clamp(20px,6.3vw,28px);line-height:1.45;flex-wrap:wrap;gap:10px}
  .hero-description{max-width:100%;font-size:12px;line-height:2.1}
  .hero-visual{height:min(96vw,500px);width:100%;max-width:none;margin:8px 0 0}
  .griffin-img{width:115%;height:102%;left:-6%;top:1%}
  .hero-orbit{width:78%;left:11%;top:8%}
  .orbit-two{width:61%;left:19.5%}
}

/* --- v3 corrections: background hero, fixed white about logo, Persepolis-inspired contact scene --- */
.hero{
  min-height:100svh;
  padding-top:108px;
}
.hero::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:linear-gradient(to left, var(--bg) 18%, color-mix(in srgb, var(--bg) 86%, transparent) 34%, color-mix(in srgb, var(--bg) 52%, transparent) 52%, transparent 74%);
}
.hero-grid{
  display:flex;
  justify-content:flex-end;
  align-items:center;
  min-height:calc(100svh - 136px);
  position:relative;
  z-index:2;
}
.hero-copy{
  width:min(46%, 620px);
  max-width:620px;
  padding:34px 0 58px;
}
.hero-visual{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  z-index:1;
  pointer-events:none;
}
.hero-art-backdrop{
  width:min(86vw, 1200px);
  height:min(86vw, 860px);
  left:max(-6vw, -60px);
  top:50%;
  transform:translateY(-50%);
  opacity:.95;
  filter:blur(42px);
}
.griffin-picture{
  position:absolute;
  inset:0;
  transform-origin:34% 58%;
}
.griffin-img{
  width:min(82vw, 1150px);
  height:min(88vh, 860px);
  left:max(-5vw, -46px);
  top:50%;
  transform:translateY(-50%);
  object-fit:contain;
  object-position:left center;
  mask-image:linear-gradient(to right, black 0 74%, rgba(0,0,0,.9) 85%, transparent 100%);
  -webkit-mask-image:linear-gradient(to right, black 0 74%, rgba(0,0,0,.9) 85%, transparent 100%);
}
.hero-orbit{
  width:min(62vw, 860px);
  left:max(2vw, 10px);
  top:50%;
  transform:translateY(-50%);
}
.orbit-two{
  width:min(46vw, 640px);
  left:max(10vw, 120px);
  top:50%;
  transform:translateY(-50%);
}
.dot-one{left:12%;top:24%}
.dot-two{right:48%;bottom:24%}
.chip-top{left:8%;top:19%}
.chip-bottom{right:38%;bottom:16%}
.hero-art-caption{left:10%;bottom:7%}
.hero-floor{position:relative;z-index:3}

.about-emblem .force-light-logo{filter:none !important}
.contact-scene img{display:none}
.contact-scene{
  inset:0;
  left:0;
  width:100%;
  height:100%;
  opacity:1;
  mask-image:none;
  -webkit-mask-image:none;
}
.contact-scene::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 16% 82%, rgba(var(--purple-rgb), .10), transparent 22%),
    radial-gradient(circle at 82% 24%, rgba(var(--purple-rgb), .07), transparent 18%),
    linear-gradient(to top, rgba(var(--purple-rgb), .12), transparent 55%);
  opacity:.9;
}
.contact-scene::after{
  content:"";
  position:absolute;
  inset:auto 4% 7% 4%;
  height:44%;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 420'%3E%3Cg fill='%239269c5'%3E%3Cpath opacity='.12' d='M0 380h1200v40H0z'/%3E%3Cpath opacity='.10' d='M80 356h1040v16H80zM120 330h960v14H120zM160 304h880v14H160z'/%3E%3Cg opacity='.14'%3E%3Crect x='165' y='180' width='24' height='120' rx='5'/%3E%3Crect x='217' y='180' width='24' height='120' rx='5'/%3E%3Crect x='269' y='180' width='24' height='120' rx='5'/%3E%3Crect x='321' y='180' width='24' height='120' rx='5'/%3E%3Crect x='373' y='180' width='24' height='120' rx='5'/%3E%3Crect x='425' y='180' width='24' height='120' rx='5'/%3E%3Crect x='477' y='180' width='24' height='120' rx='5'/%3E%3Crect x='529' y='180' width='24' height='120' rx='5'/%3E%3Crect x='581' y='180' width='24' height='120' rx='5'/%3E%3Crect x='633' y='180' width='24' height='120' rx='5'/%3E%3Crect x='685' y='180' width='24' height='120' rx='5'/%3E%3Crect x='737' y='180' width='24' height='120' rx='5'/%3E%3Crect x='789' y='180' width='24' height='120' rx='5'/%3E%3Crect x='841' y='180' width='24' height='120' rx='5'/%3E%3Crect x='893' y='180' width='24' height='120' rx='5'/%3E%3Crect x='945' y='180' width='24' height='120' rx='5'/%3E%3C/g%3E%3Cg opacity='.18'%3E%3Cpath d='M140 163h920v20H140z'/%3E%3Cpath d='M188 145h824v15H188z'/%3E%3Cpath d='M225 130h750v11H225z'/%3E%3C/g%3E%3Cg opacity='.13'%3E%3Cpath d='M160 144l28-24h38l28 24h-94zm120 0 28-24h38l28 24h-94zm120 0 28-24h38l28 24h-94zm120 0 28-24h38l28 24h-94zm120 0 28-24h38l28 24h-94zm120 0 28-24h38l28 24h-94zm120 0 28-24h38l28 24h-94z'/%3E%3C/g%3E%3Cpath opacity='.08' d='M120 300c120-72 224-58 338-27 114 31 224 34 350-15 94-37 181-43 272 0v30H120z'/%3E%3C/g%3E%3C/svg%3E") center bottom/contain no-repeat;
  opacity:.55;
}

html[lang="en"] .hero::after{
  background:linear-gradient(to right, var(--bg) 18%, color-mix(in srgb, var(--bg) 86%, transparent) 34%, color-mix(in srgb, var(--bg) 52%, transparent) 52%, transparent 74%);
}
html[lang="en"] .hero-grid{justify-content:flex-start}
html[lang="en"] .griffin-img{
  left:auto;
  right:max(-5vw, -46px);
  object-position:right center;
  mask-image:linear-gradient(to left, black 0 74%, rgba(0,0,0,.9) 85%, transparent 100%);
  -webkit-mask-image:linear-gradient(to left, black 0 74%, rgba(0,0,0,.9) 85%, transparent 100%);
}
html[lang="en"] .hero-art-backdrop{left:auto;right:max(-6vw, -60px)}
html[lang="en"] .hero-orbit{left:auto;right:max(2vw, 10px)}
html[lang="en"] .orbit-two{left:auto;right:max(10vw, 120px)}
html[lang="en"] .dot-one{left:auto;right:12%}
html[lang="en"] .dot-two{right:auto;left:48%}
html[lang="en"] .chip-top{left:auto;right:8%}
html[lang="en"] .chip-bottom{right:auto;left:38%}
html[lang="en"] .hero-art-caption{left:auto;right:10%}

@media (max-width: 1100px){
  .hero-copy{width:min(50%, 560px)}
  .griffin-img{width:min(90vw, 980px)}
  .chip-bottom{right:31%}
  html[lang="en"] .chip-bottom{left:31%}
}
@media (max-width: 940px){
  .hero::after{background:linear-gradient(to top, color-mix(in srgb, var(--bg) 92%, transparent) 18%, color-mix(in srgb, var(--bg) 72%, transparent) 36%, transparent 68%)}
  html[lang="en"] .hero::after{background:linear-gradient(to top, color-mix(in srgb, var(--bg) 92%, transparent) 18%, color-mix(in srgb, var(--bg) 72%, transparent) 36%, transparent 68%)}
  .hero-grid{justify-content:flex-end;min-height:calc(100svh - 118px)}
  .hero-copy{width:min(64%, 560px)}
  .griffin-img{width:min(102vw, 960px);left:max(-18vw,-170px)}
  html[lang="en"] .griffin-img{right:max(-18vw,-170px)}
  .hero-orbit{width:min(80vw,760px);left:max(-5vw,-30px)}
  .orbit-two{width:min(60vw,560px);left:max(6vw,40px)}
  html[lang="en"] .hero-orbit{right:max(-5vw,-30px)}
  html[lang="en"] .orbit-two{right:max(6vw,40px)}
  .chip-bottom{right:20%}
  html[lang="en"] .chip-bottom{left:20%}
}
@media (max-width: 680px){
  .hero{padding-top:90px;min-height:auto}
  .hero::after{background:linear-gradient(to top, color-mix(in srgb, var(--bg) 96%, transparent) 12%, color-mix(in srgb, var(--bg) 82%, transparent) 34%, transparent 72%)}
  .hero-grid{display:block;min-height:min(100svh, 760px)}
  .hero-copy{width:100%;max-width:none;padding:28px 0 36px;position:relative;z-index:3}
  .hero-title{font-size:clamp(68px,18vw,112px)}
  .hero-subhead{max-width:95%}
  .hero-description{max-width:100%}
  .hero-visual{inset:auto 0 0 0;height:100%}
  .griffin-img{width:140vw;height:72%;left:-34vw;top:auto;bottom:-2%;transform:none;object-position:center bottom;mask-image:linear-gradient(to top, black 0 75%, rgba(0,0,0,.92) 88%, transparent 100%);-webkit-mask-image:linear-gradient(to top, black 0 75%, rgba(0,0,0,.92) 88%, transparent 100%)}
  html[lang="en"] .griffin-img{right:-34vw;left:auto}
  .hero-art-backdrop{width:130vw;height:78vw;left:-18vw;top:auto;bottom:6%;transform:none}
  html[lang="en"] .hero-art-backdrop{right:-18vw;left:auto}
  .hero-orbit{width:88vw;left:6vw;top:auto;bottom:8%;transform:none}
  .orbit-two{width:68vw;left:16vw;top:auto;bottom:18%;transform:none}
  html[lang="en"] .hero-orbit{right:6vw;left:auto}
  html[lang="en"] .orbit-two{right:16vw;left:auto}
  .chip-top{top:14%;left:5%}
  .chip-bottom{right:5%;bottom:18%}
  html[lang="en"] .chip-top{right:5%;left:auto}
  html[lang="en"] .chip-bottom{left:5%;right:auto}
  .hero-art-caption{left:5%;bottom:10%}
  html[lang="en"] .hero-art-caption{right:5%;left:auto}
}

/* --- v4: actual hero section background image based on user-provided reference --- */
.hero{
  position:relative;
  min-height:100svh;
  background-color:var(--bg);
  background-repeat:no-repeat;
  background-size:cover;
  background-position:left center;
  overflow:hidden;
}
body[data-theme="dark"] .hero{background-image:url("hero-home-dark.png")}
body[data-theme="light"] .hero{background-image:url("hero-home-light.png")}
html[lang="en"] body[data-theme="dark"] .hero{background-image:url("hero-home-dark-ltr.png");background-position:right center}
html[lang="en"] body[data-theme="light"] .hero{background-image:url("hero-home-light-ltr.png");background-position:right center}
.hero::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:linear-gradient(to left, rgba(7,7,11,.08) 0%, rgba(7,7,11,.10) 18%, rgba(7,7,11,.22) 34%, rgba(7,7,11,.42) 48%, rgba(7,7,11,.64) 61%, rgba(7,7,11,.76) 73%, rgba(7,7,11,.18) 100%);
}
body[data-theme="light"] .hero::before{
  background:linear-gradient(to left, rgba(250,248,245,.04) 0%, rgba(250,248,245,.08) 18%, rgba(250,248,245,.22) 35%, rgba(250,248,245,.56) 48%, rgba(250,248,245,.90) 63%, rgba(250,248,245,.98) 76%, rgba(250,248,245,.18) 100%);
}
html[lang="en"] .hero::before{
  background:linear-gradient(to right, rgba(7,7,11,.08) 0%, rgba(7,7,11,.10) 18%, rgba(7,7,11,.22) 34%, rgba(7,7,11,.42) 48%, rgba(7,7,11,.64) 61%, rgba(7,7,11,.76) 73%, rgba(7,7,11,.18) 100%);
}
html[lang="en"] body[data-theme="light"] .hero::before{
  background:linear-gradient(to right, rgba(250,248,245,.04) 0%, rgba(250,248,245,.08) 18%, rgba(250,248,245,.22) 35%, rgba(250,248,245,.56) 48%, rgba(250,248,245,.90) 63%, rgba(250,248,245,.98) 76%, rgba(250,248,245,.18) 100%);
}
.hero::after{display:none}
.hero-grid{display:flex;justify-content:flex-end;align-items:center;min-height:calc(100svh - 134px);position:relative;z-index:2}
html[lang="en"] .hero-grid{justify-content:flex-start}
.hero-copy{width:min(46%, 620px);max-width:620px;padding:42px 0 66px}
.hero-visual{display:none !important}
.hero-floor{position:relative;z-index:2}
.hero-title{margin-top:14px}
.hero-description{max-width:34rem}
.floating-chip,.hero-art-caption,.hero-orbit,.hero-stardust{display:none !important}

@media (max-width: 1100px){
  .hero-copy{width:min(50%, 560px)}
}
@media (max-width: 940px){
  .hero{background-position:28% center}
  html[lang="en"] .hero{background-position:72% center}
  .hero-grid{min-height:calc(100svh - 120px)}
  .hero-copy{width:min(62%, 560px)}
}
@media (max-width: 680px){
  .hero{min-height:auto;background-position:34% center;background-size:cover}
  html[lang="en"] .hero{background-position:66% center}
  .hero::before{
    background:linear-gradient(to top, rgba(7,7,11,.86) 0%, rgba(7,7,11,.68) 18%, rgba(7,7,11,.44) 34%, rgba(7,7,11,.22) 52%, rgba(7,7,11,.10) 72%, rgba(7,7,11,.14) 100%);
  }
  body[data-theme="light"] .hero::before{
    background:linear-gradient(to top, rgba(250,248,245,.98) 0%, rgba(250,248,245,.92) 18%, rgba(250,248,245,.68) 34%, rgba(250,248,245,.38) 52%, rgba(250,248,245,.16) 72%, rgba(250,248,245,.14) 100%);
  }
  .hero-grid{display:block;min-height:min(100svh, 760px)}
  .hero-copy{width:100%;max-width:none;padding:28px 0 48px}
  .hero-description{max-width:100%}
}