.reading-progress{position:fixed;inset:0 0 auto;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:right;z-index:100;pointer-events:none;box-shadow:0 0 12px #c1f75770}.hero{isolation:isolate}.hero-visual{perspective:1000px}.hero-visual img{z-index:1;translate:var(--hero-x,0px) var(--hero-y,0px);animation:core-float 8s ease-in-out infinite;will-change:transform}.visual-label,.floating-label,.visual-index{z-index:3}.orbital-track{position:absolute;inset:2% 2% 0;border:1px solid #b4ef6636;border-radius:50%;transform:rotate(-25deg) scaleY(.72);pointer-events:none;z-index:2;animation:orbit-turn 26s linear infinite}.orbital-track:after{content:'';position:absolute;inset:10%;border:1px dashed #b4ef661a;border-radius:50%}.orbital-track>span{position:absolute;left:14%;top:11%;width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 20px #c1f75c}.star{animation:signature-turn 28s linear infinite}.floating-label{animation:label-float 7s ease-in-out infinite}.motion-toggle{position:absolute;bottom:28px;right:12px;z-index:4;display:flex;align-items:center;gap:12px;background:#10170ede;color:#afbc9e;border:1px solid #39472d;border-radius:30px;padding:6px 11px;font-size:9px}.motion-toggle:hover{border-color:var(--accent);color:var(--accent)}.motion-toggle span{font:12px Arial}.motion-paused *{animation-play-state:paused!important}.motion-paused .hero-visual img{translate:0 0}.motion-paused .reveal-pending{opacity:1;translate:0 0}.service-card{position:relative;overflow:hidden;background:radial-gradient(300px circle at var(--spot-x,50%) var(--spot-y,0%),#a8e24b0e,transparent 70%),linear-gradient(135deg,#181c15,#10130f)}.service-card:after{content:'';position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 1px #dbffc109;pointer-events:none}.service-card:hover .card-top b{rotate:-8deg;background:#2b3a1b}.card-top b{transition:rotate .35s,background .35s}.project-card:hover .project-info>span{background:var(--accent);color:var(--bg);border-color:var(--accent);rotate:-8deg}.project-info>span{transition:rotate .25s,background .25s}.reveal-pending{opacity:0;translate:0 22px;transition:opacity .65s ease,translate .65s ease;transition-delay:var(--reveal-delay,0ms)}.reveal-pending.is-revealed,.reveal-pending:focus-within{opacity:1;translate:0 0}
.studio-lab{border-bottom:1px solid var(--line)}.lab-grid{display:grid;grid-template-columns:.85fr 1.3fr;gap:60px;align-items:center;padding:32px;border:1px solid #354229;border-radius:16px;background:radial-gradient(ellipse at 15% 50%,#25341977,transparent 70%),#11160e}.lab-step{font:10px/1.8 Vazirmatn,Tahoma,sans-serif;color:#8f9d7c;display:block;margin-bottom:24px}.lab-controls>label,fieldset legend{font-size:12px;color:#d0d9c6}.lab-controls select{margin-bottom:23px;background:#0b1008;padding:12px}.lab-controls fieldset{padding:0;margin:0 0 22px;border:0;min-width:0}.lab-controls legend{margin-bottom:10px}.choice-row,.swatches{display:flex;gap:10px}.choice-row label,.swatches label{position:relative;cursor:pointer;flex:1;min-width:0}.choice-row input,.swatches input{position:absolute;opacity:0;width:1px;height:1px}.choice-row label>span{display:block;border:1px solid #35432a;border-radius:6px;padding:10px 8px;text-align:center;font-size:11px;color:#a3b094;background:#10160d}.choice-row input:checked+span{border-color:var(--accent);color:var(--accent);background:#b9f25a0a}.choice-row input:focus-visible+span,.swatches input:focus-visible+span{outline:2px solid var(--accent);outline-offset:4px}.swatches label>span{display:flex;align-items:center;justify-content:center;gap:7px;padding:8px 3px;border:1px solid #35432a;border-radius:6px;font-size:10px;color:#a3b094}.swatches span:before{content:'';width:12px;height:12px;background:var(--swatch);border-radius:50%;box-shadow:0 0 10px color-mix(in srgb,var(--swatch),transparent 80%)}.swatch-lime{--swatch:#c1f75c}.swatch-ice{--swatch:#7bdcf5}.swatch-coral{--swatch:#ffab93}.swatches input:checked+span{border-color:var(--swatch);color:var(--text);background:#ffffff05}.lab-controls>.button{width:100%;font-size:12px}.lab-hint{font-size:10px;line-height:2;color:#8c9b7a;margin:13px 0 0}.lab-stage{min-width:0;perspective:1100px;padding-block:10px}.lab-preview{--preview-accent:#c1f75c;--preview-bg:#10130f;--preview-text:#f2f3ed;--preview-line:#ffffff18;--preview-soft:#ffffff06;direction:rtl;color:var(--preview-text);background:var(--preview-bg);border:1px solid #64764e;border-radius:10px;overflow:hidden;box-shadow:0 24px 70px #0005;transform:rotateY(-6deg) rotateX(3deg);transition:background .4s,color .4s,transform .5s}.lab-stage:hover .lab-preview{transform:rotateY(0) rotateX(0)}.lab-preview[data-theme=light]{--preview-bg:#eeeee6;--preview-text:#20271b;--preview-line:#00000018;--preview-soft:#00000006}.lab-browser{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--preview-line);padding:10px 14px;font:7px monospace;color:var(--preview-text);opacity:.65;direction:ltr}.lab-preview-body{padding:24px;position:relative;min-height:330px;overflow:hidden;isolation:isolate}.lab-preview-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:34px;direction:ltr}.lab-preview-nav b{font:700 19px Arial;letter-spacing:-1px}.lab-preview-nav b span{font-size:7px;vertical-align:top;padding-left:2px}.lab-preview-nav>span{font-size:7px}.lab-preview-kicker{font-size:8px;color:var(--preview-text);opacity:.6}.lab-preview h3{font-size:31px;line-height:1.8;letter-spacing:-1px;margin:10px 0 8px;position:relative;z-index:2}.lab-preview h3 em{color:var(--preview-accent)}.lab-preview[data-theme=light] h3 em{color:var(--preview-text);text-decoration:underline;text-decoration-color:var(--preview-accent);text-underline-offset:9px;text-decoration-thickness:5px}.lab-preview-body>p{font-size:9px;max-width:230px;position:relative;z-index:2}.lab-preview-action{display:inline-flex;gap:25px;padding:8px 13px;margin-top:12px;color:#172010;background:var(--preview-accent);border-radius:4px;font-size:9px;position:relative;z-index:2}.lab-sculpture{position:absolute;left:-22px;top:105px;width:180px;height:180px;perspective:500px;z-index:0;opacity:.8;transition:translate .5s}.lab-sculpture div{position:absolute;inset:0;border:18px solid var(--preview-accent);border-radius:30%;transform:rotateX(55deg) rotateZ(-35deg);box-shadow:0 0 25px color-mix(in srgb,var(--preview-accent),transparent 85%);animation:sculpture-turn 18s linear infinite}.lab-sculpture div:nth-child(2){inset:25px;animation-direction:reverse;opacity:.6}.lab-sculpture div:nth-child(3){inset:50px;opacity:.35}.lab-mini-grid{display:flex;gap:12px;margin-top:32px}.lab-mini-grid>div{flex:1;border:1px solid var(--preview-line);border-radius:5px;padding:9px;background:var(--preview-soft)}.lab-mini-grid i{height:5px;width:20px;background:var(--preview-accent);display:block;border-radius:2px;margin-bottom:7px}.lab-mini-grid span{display:block;height:3px;margin-top:4px;background:var(--preview-line);width:90%}.lab-mini-grid span:last-child{width:55%}.lab-preview[data-kind=shop] .lab-mini-grid i{height:32px;width:100%;background:linear-gradient(135deg,var(--preview-accent),transparent);border-radius:3px 14px 3px 3px}.lab-preview[data-kind=app] .lab-mini-grid>div{padding-top:20px}.lab-preview[data-kind=app] .lab-mini-grid i{height:30px;width:100%;background:repeating-linear-gradient(90deg,var(--preview-accent) 0 9%,transparent 9% 15%);clip-path:polygon(0 65%,15% 65%,15% 40%,30% 40%,30% 55%,45% 55%,45% 15%,60% 15%,60% 30%,75% 30%,75% 0,100% 0,100% 100%,0 100%)}.lab-preview[data-kind=app] .lab-sculpture{opacity:.15}.lab-preview[data-kind=shop] .lab-sculpture{translate:0 -15px;scale:.8}.lab-preview-footer{display:flex;justify-content:space-between;border-top:1px solid var(--preview-line);padding:13px 20px;font-size:7px;opacity:.7}.lab-caption{display:flex;align-items:center;gap:7px;padding:22px 4px 0;font-size:9px;color:#b0bda0}.lab-caption>span:last-child{margin-right:auto;font:8px monospace;letter-spacing:1px}
.quality-section{padding-block:0 70px;border-bottom:1px solid var(--line)}.quality-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:30px}.quality-grid article{border-right:1px solid #3c492f;padding-right:18px}.quality-grid article>span{color:var(--accent);font:27px Arial}.quality-grid h3{font-size:14px;margin:14px 0 7px}.quality-grid p{font-size:11px;line-height:2.1;margin:0;color:var(--muted)}.direct-contact{margin-top:32px;max-width:400px}.phone-card{display:flex;align-items:center;gap:14px;padding:17px;border:1px solid #536a3c;border-radius:9px;background:linear-gradient(135deg,#b7f3580b,transparent);transition:border-color .25s,background .25s}.phone-card:hover{border-color:var(--accent);background:#b7f35812}.contact-icon{font:25px Arial;color:var(--accent);border:1px solid #465d31;border-radius:50%;width:41px;height:41px;display:grid;place-items:center}.phone-card small{display:block;color:#a2b08f;font-size:10px}.phone-card strong{font:22px/1.6 Arial;display:block;letter-spacing:.7px}.phone-card>span:last-child{margin-right:auto;color:var(--accent);font-size:24px}.email-directory{margin-top:20px}.email-heading{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#c6d0ba;margin-bottom:12px}.email-heading small{color:#b1bea0;border:1px solid #455535;border-radius:20px;font-size:8px;padding:2px 8px}.email-directory>div:not(.email-heading){display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid #ffffff0b;font-size:10px;color:#8f9e7c}.email-directory a[dir]{font:12px/1.9 monospace;color:#c0cbb3}.email-directory>p{font-size:9px;color:#899a74;line-height:2;margin-bottom:0}.floating-contact{position:fixed;bottom:22px;left:24px;z-index:15;display:flex;align-items:center;gap:12px;border:1px solid #536a3c;border-radius:40px;padding:10px 16px;background:#11190ce8;backdrop-filter:blur(14px);box-shadow:0 6px 25px #0005;color:#d4dfc6;font-size:10px;transition:border-color .2s,translate .2s}.floating-contact:hover{border-color:var(--accent);translate:0 -3px}.floating-contact>span:first-child{color:var(--accent);font:23px Arial}.floating-contact b{font:12px Arial;color:var(--accent);letter-spacing:.5px}.footer-bottom{padding-bottom:55px}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@keyframes core-float{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-14px) rotate(1deg)}}@keyframes signature-turn{to{rotate:1turn}}@keyframes orbit-turn{from{transform:rotate(-25deg) scaleY(.72)}to{transform:rotate(335deg) scaleY(.72)}}@keyframes label-float{0%,100%{transform:rotate(-7deg) translateY(0)}50%{transform:rotate(-4deg) translateY(-8px)}}@keyframes sculpture-turn{from{transform:rotateX(55deg) rotateZ(-35deg)}to{transform:rotateX(55deg) rotateZ(325deg)}}
@media(max-width:1100px){.header nav{gap:16px;font-size:11px}.lab-grid{gap:28px;padding:25px}.lab-preview-body{padding:20px}.lab-preview h3{font-size:27px}.lab-sculpture{left:-50px}.lab-caption>span:last-child{font-size:7px}.quality-grid{gap:20px}.contact-grid h2{font-size:34px}}
@media(max-width:760px){.lab-grid{grid-template-columns:1fr;gap:25px;padding:20px}.lab-controls{order:2}.lab-stage{order:1;padding-block:0}.lab-preview{transform:none}.lab-preview-body{min-height:300px;padding:20px}.lab-preview-nav{margin-bottom:25px}.lab-preview h3{font-size:28px}.lab-sculpture{left:-40px;top:100px;width:150px;height:150px;opacity:.6}.lab-mini-grid{gap:8px;margin-top:25px}.lab-preview-body>p{max-width:190px;font-size:8px}.lab-caption{padding-top:16px}.lab-step{margin-bottom:18px}.lab-hint{font-size:9px}.quality-section{padding-bottom:50px}.quality-grid{grid-template-columns:1fr 1fr;gap:28px 18px}.quality-grid h3{font-size:12px}.quality-grid p{font-size:10px}.quality-grid article{padding-right:12px}.motion-toggle{font-size:8px;bottom:22px;right:0;padding:5px 9px}.orbital-track{inset:7% 5% 3%}.direct-contact{max-width:none;margin-top:25px}.phone-card strong{font-size:21px}.email-directory a[dir]{font-size:11px}.floating-contact{left:12px;right:12px;bottom:12px;justify-content:center;padding:11px 16px;background:#11190cf2}.floating-contact b{margin-right:auto}.footer-bottom{padding-bottom:65px}.hero-visual img{will-change:auto}.choice-row,.swatches{gap:8px}}
@media(prefers-reduced-motion:reduce){.hero-visual img,.orbital-track,.star,.floating-label,.lab-sculpture div{animation:none!important}.hero-visual img{translate:0 0!important}.reveal-pending{opacity:1;translate:0 0;transition:none}.lab-preview,.floating-contact,.card-top b,.project-info>span{transition:none}.lab-preview{transform:none}}
@media(max-width:360px){.header>.button{display:none}.menu-toggle{margin-right:auto}.hero h1{font-size:30px}.hero-actions{gap:15px}.hero-actions .button{font-size:10px;padding:11px}.text-link{font-size:10px}.note-en{font-size:8px;padding-right:12px;margin-right:0}.hero-note{gap:10px}.lab-grid{padding:14px}.lab-preview-body{padding:15px}.lab-preview h3{font-size:25px}.lab-preview-nav b{font-size:17px}.lab-caption>span:last-child{font-size:6px;letter-spacing:0}.choice-row label>span{font-size:10px}.swatches label>span{font-size:9px;gap:5px}.contact-grid h2{font-size:30px}.contact-grid .star{font-size:24px}.floating-contact{gap:9px;padding-inline:12px}.floating-contact b{font-size:11px}.email-directory a[dir]{font-size:10px}}

.email-directory a[dir]:hover{color:var(--accent)}.email-directory a[dir]:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:2px}