@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--bg:#080914;--bg-soft:#0e1020;--panel:#111426;--panel-2:#15182d;--text:#f4f3ff;--muted:#999bb8;--line:rgba(222,222,255,.12);--purple:#8b6cff;--cyan:#4de7ef;--pink:#f48cc8;--green:#b8ff78;--gradient:linear-gradient(115deg,#9a78ff 5%,#61dff1 95%);--shadow:0 30px 100px rgba(0,0,0,.28);color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font-family:'Vazirmatn',Tahoma,sans-serif;line-height:1.85;overflow-x:hidden;transition:background .3s,color .3s}body.light{--bg:#f5f4fc;--bg-soft:#ebeaf7;--panel:#fff;--panel-2:#f4f2ff;--text:#15152b;--muted:#666783;--line:rgba(21,21,43,.13);--shadow:0 30px 100px rgba(40,30,90,.12);color-scheme:light}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}.shell{width:min(1180px,calc(100% - 48px));margin-inline:auto}.section-shell{position:relative;padding:125px 0}.scroll-progress{height:3px;position:fixed;inset:0 0 auto;z-index:200;background:var(--gradient);transform:scaleX(0);transform-origin:right}.cursor-glow{position:fixed;z-index:-1;width:420px;height:420px;left:-500px;top:-500px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(139,108,255,.09),transparent 68%)}.site-header{position:fixed;z-index:100;top:0;inset-inline:0;border-bottom:1px solid transparent;transition:.3s}.site-header.scrolled{background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:blur(20px);border-color:var(--line)}.nav{height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:10px;direction:ltr;font:700 1rem 'Space Grotesk',sans-serif;letter-spacing:.17em}.brand-mark{width:33px;height:33px;border:1px solid var(--line);display:grid;place-items:center;border-radius:10px;font-size:1.15rem;letter-spacing:-.1em;position:relative}.brand-mark>span{color:var(--cyan);font-size:.75rem}.nav-links{display:flex;align-items:center;gap:28px;font-size:.86rem;color:var(--muted)}.nav-links>a{transition:color .2s}.nav-links>a:hover{color:var(--text)}.nav-links .nav-contact{color:var(--text);border:1px solid var(--line);padding:8px 15px;border-radius:99px}.nav-contact span{color:var(--cyan);margin-inline-start:5px}.theme-toggle,.menu-toggle{width:42px;height:42px;border:1px solid var(--line);background:var(--panel);border-radius:50%;cursor:pointer;display:grid;place-items:center}.theme-toggle{font-size:1.2rem}.menu-toggle{display:none}.hero{padding-top:145px;padding-bottom:30px;min-height:790px;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:68px 68px;mask-image:linear-gradient(to bottom,transparent,black 20%,black 70%,transparent);opacity:.28;pointer-events:none}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:50px;position:relative;z-index:1}.hero-copy{padding:22px 0}.eyebrow{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:.83rem}.pulse-dot,.visual-status i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 14px var(--green)}.eyebrow-line{width:36px;height:1px;background:var(--line)}.hero-kicker{margin:36px 0 0;color:var(--muted);font-size:1.1rem}.hero h1{font-size:clamp(3.3rem,6.4vw,6.6rem);letter-spacing:-.06em;line-height:1.18;font-weight:900;margin:4px 0 24px}.gradient-text{background:var(--gradient);color:transparent;background-clip:text;-webkit-background-clip:text}.hero-period{color:var(--cyan)}.hero-description{max-width:550px;color:var(--muted);font-size:1rem;line-height:2.2}.hero-actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap;margin-top:30px}.button{min-height:49px;display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:11px 21px;border-radius:12px;border:1px solid var(--line);font-size:.9rem;font-weight:600;cursor:pointer;transition:transform .25s,border-color .25s,box-shadow .25s;background:transparent}.button:hover{transform:translateY(-3px);border-color:var(--purple)}.button span{font-size:1.1rem}.button-primary{background:var(--gradient);color:#0b0b17;border:0;box-shadow:0 12px 36px rgba(139,108,255,.19)}.button-primary:hover{box-shadow:0 15px 40px rgba(139,108,255,.3)}.text-link{color:var(--muted);font-size:.9rem}.text-link span{color:var(--cyan);margin-inline-start:8px}.hero-socials{display:flex;gap:24px;flex-wrap:wrap;margin-top:44px}.hero-socials a{font:500 .78rem 'Space Grotesk',sans-serif;direction:ltr;color:var(--muted);transition:color .2s}.hero-socials a span{color:var(--purple)}.hero-socials a:hover{color:var(--text)}.hero-art{aspect-ratio:1;position:relative;display:grid;place-items:center;isolation:isolate}.hero-art:before{content:"";position:absolute;width:68%;height:68%;border-radius:50%;background:radial-gradient(circle,rgba(139,108,255,.2),rgba(77,231,239,.06) 45%,transparent 72%);filter:blur(8px)}.art-orbit{position:absolute;border:1px solid var(--line);border-radius:50%;transform:rotate(-25deg)}.orbit-one{width:88%;height:42%;animation:orbit 24s linear infinite}.orbit-two{width:70%;height:95%;transform:rotate(45deg);border-color:rgba(139,108,255,.4);animation:orbit 30s linear infinite reverse}.orbit-three{width:84%;height:84%;border-style:dashed;border-color:rgba(77,231,239,.24);animation:orbit 80s linear infinite}.art-core{width:43%;aspect-ratio:1;border-radius:34%;transform:rotate(-12deg);background:linear-gradient(145deg,#252046,#11162a 58%,#15323b);border:1px solid rgba(160,143,255,.55);box-shadow:inset 0 0 55px #8b6cff24,0 0 100px #8b6cff22;display:grid;place-items:center;position:relative}.core-inner{font:700 clamp(4rem,8vw,7rem)/1 'Space Grotesk',sans-serif;letter-spacing:-.12em;transform:rotate(12deg);text-shadow:0 0 30px #8b6cff88}.core-a{color:var(--text)}.core-x{color:var(--cyan);font-size:.55em;vertical-align:top}.core-caption{position:absolute;bottom:17px;font:500 .49rem 'Space Grotesk',sans-serif;letter-spacing:.12em;color:#b9b4e8;transform:rotate(12deg)}.float-chip{position:absolute;display:flex;align-items:center;gap:9px;padding:10px 14px;border:1px solid var(--line);border-radius:10px;background:color-mix(in srgb,var(--panel) 80%,transparent);backdrop-filter:blur(14px);font:500 .68rem 'Space Grotesk',sans-serif;direction:ltr;box-shadow:var(--shadow)}.chip-code{top:20%;right:0}.chip-dev{bottom:22%;left:-1%}.chip-year{top:10%;left:12%;display:block;font-size:1.15rem;color:var(--cyan)}.chip-year small{display:block;font-size:.45rem;color:var(--mut);letter-spacing:.06em}.chip-dot{width:7px;height:7px;border-radius:50%}.purple{background:var(--purple)}.cyan{background:var(--cyan)}.art-cross{position:absolute;color:var(--cyan);font-size:1.5rem}.cross-one{top:33%;left:11%}.cross-two{bottom:18%;right:14%;color:var(--purple)}.art-caption{position:absolute;bottom:3%;inset-inline:4%;display:flex;justify-content:space-between;font:500 .55rem 'Space Grotesk',sans-serif;letter-spacing:.1em;color:var(--mut);direction:ltr}.hero-bottom{position:relative;z-index:1;display:flex;align-items:center;gap:16px;color:var(--muted);font-size:.72rem;margin-top:45px}.scroll-line{height:1px;background:var(--line);flex:1;max-width:120px}.scroll-line i{display:block;width:30%;height:1px;background:var(--cyan);animation:slide 2s ease-in-out infinite}.hero-index{margin-inline-start:auto;font:500 .7rem 'Space Grotesk',sans-serif;direction:ltr}.ticker{overflow:hidden;border-block:1px solid var(--line);background:var(--bg-soft);padding:17px 0;direction:ltr}.ticker-track{display:flex;align-items:center;gap:32px;width:max-content;animation:ticker 35s linear infinite;font:600 .78rem 'Space Grotesk',sans-serif;letter-spacing:.13em;color:var(--muted)}.ticker-track i{font-style:normal;color:var(--purple);font-size:.8rem}.ticker:hover .ticker-track{animation-play-state:paused}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:55px}.section-label{font:500 .7rem 'Space Grotesk',sans-serif;letter-spacing:.13em;direction:ltr;display:block;color:var(--cyan);margin-bottom:18px}.section-heading h2,.contact-copy h2{font-size:clamp(2.3rem,4.5vw,4.2rem);line-height:1.35;letter-spacing:-.04em;margin:0;font-weight:800}.section-heading>p{max-width:420px;color:var(--muted);margin:0 0 7px;line-height:2.1;font-size:.93rem}.about-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:center}.about-visual{aspect-ratio: .9;border-radius:22px;position:relative;overflow:hidden;border:1px solid var(--line);background:radial-gradient(ellipse at 60% 40%,#31245b 0,transparent 52%),linear-gradient(145deg,#101226,#0b0c19 70%);display:flex;flex-direction:column;justify-content:space-between;padding:25px}.about-visual:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(130deg,black,transparent 80%)}.visual-top,.visual-bottom{display:flex;justify-content:space-between;gap:10px;position:relative;z-index:1;font:500 .58rem 'Space Grotesk',sans-serif;letter-spacing:.12em;color:#9b9bb9;direction:ltr}.visual-bottom{direction:rtl;letter-spacing:0}.visual-status{display:flex;align-items:center;gap:8px}.visual-status i{display:inline-block;width:6px;height:6px}.profile-symbol{position:absolute;inset:0;display:grid;place-items:center;font:700 clamp(9rem,20vw,17rem)/1 'Space Grotesk',sans-serif;letter-spacing:-.15em;color:transparent;-webkit-text-stroke:1px #9e8cff66;z-index:1}.profile-symbol span{color:var(--cyan);font-size:.3em;align-self:center;margin-top:-70px}.about-text{padding:15px 0}.micro-label{color:var(--purple);font-size:.82rem}.about-text h3{font-size:clamp(1.6rem,3vw,2.4rem);line-height:1.65;margin:12px 0 20px}.about-text p{color:var(--muted);font-size:.93rem;line-height:2.25}.about-tags{display:flex;flex-wrap:wrap;gap:9px;margin:25px 0}.about-tags span,.interest-cloud span{border:1px solid var(--line);padding:6px 12px;border-radius:8px;font-size:.76rem;color:var(--muted)}.inline-link{display:inline-flex;gap:12px;align-items:center;font-size:.88rem;border-bottom:1px solid var(--purple);padding-bottom:6px}.inline-link span{color:var(--cyan)}.feature{padding-top:10px}.feature-card{min-height:440px;position:relative;overflow:hidden;border-radius:26px;border:1px solid var(--line);background:linear-gradient(110deg,#15122b,#101425 65%,#0d1d2a);padding:65px;display:flex;align-items:center}.feature-card:before{content:"";position:absolute;right:48%;top:-30%;width:500px;height:500px;border:1px solid #9b85ff2e;border-radius:50%;box-shadow:0 0 0 40px #9b85ff08,0 0 0 80px #9b85ff06,0 0 0 120px #9b85ff04}.feature-no{position:absolute;top:26px;inset-inline-start:28px;color:#777795;font:500 .6rem 'Space Grotesk',sans-serif;letter-spacing:.1em;direction:ltr}.feature-content{max-width:650px;position:relative;z-index:2}.feature-content h2{font-size:clamp(2rem,4vw,3.5rem);line-height:1.45;margin:0 0 18px}.feature-content p{color:#aaaac5;max-width:570px;font-size:.9rem;line-height:2.2;margin-bottom:25px}.button-ghost{color:var(--text)}.feature-stamp{position:absolute;left:8%;top:50%;transform:translateY(-50%) rotate(-10deg);width:190px;height:190px;border:1px solid #6c649c88;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#d5d1f5;box-shadow:0 0 0 12px #9b85ff08,0 0 0 26px #9b85ff05}.feature-stamp span{font:500 .65rem 'Space Grotesk',sans-serif;letter-spacing:.3em}.feature-stamp b{font:700 1.2rem 'Space Grotesk',sans-serif;letter-spacing:.14em}.feature-stamp small{font:500 .5rem 'Space Grotesk',sans-serif;letter-spacing:.2em}.feature-stamp strong{font-size:2rem;margin-top:5px}.work{background:var(--bg-soft)}.project-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.project-count{font:500 .65rem 'Space Grotesk',sans-serif;letter-spacing:.12em;color:var(--muted);direction:ltr}.project-count b{color:var(--cyan);font-size:.9rem;margin-inline-end:9px}.filters{display:flex;gap:6px;border:1px solid var(--line);border-radius:10px;padding:4px}.filter{border:0;background:transparent;border-radius:7px;padding:7px 14px;color:var(--muted);font-size:.78rem;cursor:pointer}.filter.active{background:var(--panel-2);color:var(--text)}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:23px}.project-card{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--panel);cursor:pointer;transition:transform .3s,border-color .3s,box-shadow .3s;min-width:0}.project-card:hover,.project-card:focus-visible{transform:translateY(-5px);border-color:#8b6cff88;box-shadow:0 20px 55px #0002}.project-card[hidden]{display:none}.project-cover{height:300px;position:relative;overflow:hidden;display:grid;place-items:center}.project-large .project-cover{height:350px}.cover-index{position:absolute;bottom:15px;inset-inline-start:16px;font:500 .55rem 'Space Grotesk',sans-serif;letter-spacing:.12em;color:#e2e0fa;background:#08091488;padding:5px 8px;border-radius:5px;direction:ltr}.project-meta{padding:20px 22px;display:flex;align-items:center;justify-content:space-between}.project-meta>div>span{font:500 .58rem 'Space Grotesk',sans-serif;letter-spacing:.11em;color:var(--muted);direction:ltr;display:block}.project-meta h3{margin:6px 0 0;font-size:1.1rem}.project-arrow{width:37px;height:37px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;color:var(--cyan);font-size:1.1rem;transition:.25s}.project-card:hover .project-arrow{background:var(--gradient);color:#080914;border-color:transparent;transform:rotate(45deg)}.cover-book{background:radial-gradient(circle at 15% 80%,#a3b7c84c,transparent 40%),linear-gradient(140deg,#202944,#101727)}.mock-browser{width:76%;height:78%;background:#f5f1e9;border-radius:8px;box-shadow:0 20px 50px #0005;overflow:hidden;transform:rotate(-2deg);color:#172033}.browser-bar{height:22px;background:#e5e1d9;display:flex;align-items:center;gap:4px;padding:0 8px}.browser-bar i{width:5px;height:5px;border-radius:50%;background:#b5b2ad}.browser-bar span{margin-inline-start:auto;font:500 .4rem 'Space Grotesk',sans-serif;color:#6f6e70;direction:ltr}.book-layout{display:flex;align-items:center;justify-content:space-around;height:calc(100% - 22px);padding:15px}.book-copy{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.book-copy small{font:500 .42rem 'Space Grotesk',sans-serif;letter-spacing:.1em;color:#9c7654}.book-copy b{font-size:clamp(1.2rem,3vw,2.3rem);line-height:1.5}.book-copy>span{font-size:.48rem;color:#7d7a77}.book-copy em{font-style:normal;background:#202944;color:#fff;padding:5px 9px;font-size:.45rem;margin-top:5px}.book-stack{height:80%;width:32%;position:relative;display:flex;align-items:center;justify-content:center}.book-stack i{position:absolute;width:52%;height:78%;border:2px solid #fff9;box-shadow:5px 5px 10px #0003;background:linear-gradient(150deg,#e8b36e,#8b463c);transform:rotate(12deg)}.book-stack i:nth-child(2){background:linear-gradient(150deg,#b8d0c3,#456d69);transform:rotate(-10deg) translateX(-15px)}.book-stack i:nth-child(3){background:linear-gradient(150deg,#e4d6b6,#7b6551);transform:rotate(4deg) translateX(12px)}.cover-cafe{background:#e7d8c2;color:#25241f}.cafe-poster{width:70%;height:83%;position:relative;padding:22px;background:#e7d8c2;border:1px solid #25241f45;display:flex;flex-direction:column;justify-content:space-between;transform:rotate(2deg)}.cafe-poster>small{font:600 .45rem 'Space Grotesk',sans-serif;letter-spacing:.14em}.cafe-poster strong{font:700 clamp(3rem,8vw,6.2rem)/.8 'Space Grotesk',sans-serif;letter-spacing:-.1em;z-index:2}.cafe-poster strong span{color:#a65e3c}.coffee-cup{position:absolute;right:45%;bottom:12%;width:90px;height:90px;border-radius:50%;background:radial-gradient(circle at 50% 45%,#422b1d 0 27%,#f1e8d8 29% 39%,#b8a58d 41% 45%,#d3b99b 48%);box-shadow:8px 8px 0 #25241f14}.coffee-cup:after{content:"";position:absolute;right:-15px;top:32px;width:25px;height:30px;border:7px solid #d3b99b;border-radius:50%}.poster-foot{font:500 .4rem 'Space Grotesk',sans-serif;letter-spacing:.08em}.cover-task{background:radial-gradient(circle at 70% 20%,#293d5b,transparent 45%),#101722}.task-ui{width:67%;padding:20px;border:1px solid #ffffff20;background:#141e2c;border-radius:12px;box-shadow:0 20px 60px #0005;color:#e8eefb}.task-top{display:flex;justify-content:space-between;font:500 .47rem 'Space Grotesk',sans-serif;color:#8e9db4}.task-top b{color:#c7ff83}.task-ui>strong{display:block;margin:17px 0;font-size:1.1rem}.task-row{display:flex;align-items:center;gap:8px;border-top:1px solid #ffffff12;padding:10px 0;font-size:.57rem}.task-row i{width:14px;height:14px;border:1px solid #7f8ba0;border-radius:4px;display:grid;place-items:center;font-style:normal;color:#111;background:#c7ff83;font-size:.6rem}.task-row:nth-of-type(3) i,.task-row:nth-of-type(4) i{background:transparent}.task-row b{margin-inline-start:auto;font:500 .45rem 'Space Grotesk',sans-serif;color:#8b9bb2}.task-progress{height:3px;background:#ffffff15;margin-top:9px}.task-progress i{display:block;width:62%;height:100%;background:#c7ff83}.cover-calc{background:radial-gradient(circle at 20% 80%,#5942a4,transparent 50%),#151328}.calc-ui{width:210px;padding:15px;background:#0d0e19;border:1px solid #ffffff25;border-radius:17px;box-shadow:0 20px 60px #0006;transform:rotate(5deg)}.calc-label{font:500 .42rem 'Space Grotesk',sans-serif;letter-spacing:.1em;color:#77738d}.calc-display{text-align:right;font:500 2.2rem 'Space Grotesk',sans-serif;padding:18px 0 14px}.calc-display span{color:#77738d;font-size:1rem}.calc-keys{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.calc-keys i{height:31px;border-radius:7px;background:#202035;display:grid;place-items:center;font:500 .65rem 'Space Grotesk',sans-serif;font-style:normal}.calc-keys .op{background:#8b6cff;color:#fff}.calc-keys .zero{grid-column:span 2}.cover-weather{background:linear-gradient(140deg,#b7dce9,#6b92b9 55%,#3c527c)}.weather-ui{width:60%;padding:18px;border-radius:15px;background:#ffffff22;border:1px solid #ffffff5e;backdrop-filter:blur(8px);color:white;text-align:center;box-shadow:0 20px 50px #243d5a55}.weather-city{display:flex;justify-content:space-between;font:500 .45rem 'Space Grotesk',sans-serif;letter-spacing:.07em}.weather-sun{font-size:3.4rem;line-height:1.3;color:#fff2b6;text-shadow:0 0 30px #fff4b6}.weather-ui>strong{font:500 3rem 'Space Grotesk',sans-serif;display:block;line-height:1.2}.weather-ui>span{font-size:.6rem}.weather-line{display:flex;justify-content:space-between;border-top:1px solid #ffffff50;margin-top:14px;padding-top:10px}.weather-line i{font-style:normal;font-size:.8rem}.cover-404{background:radial-gradient(circle,#31294f,#0d0c1b 70%)}.error-ui{text-align:center;color:#f1eeff}.error-ui small{font:500 .5rem 'Space Grotesk',sans-serif;letter-spacing:.2em;color:#a29bbd}.error-ui strong{font:700 clamp(4rem,10vw,8rem)/1 'Space Grotesk',sans-serif;display:block;letter-spacing:-.1em;margin:10px 0}.error-ui strong span{color:var(--cyan)}.error-ui p{font-size:.75rem;color:#aaa5c8}.error-ui div{display:inline-block;border:1px solid #ffffff30;border-radius:99px;padding:7px 13px;font-size:.55rem;margin-top:10px}.projects-note{color:var(--muted);font-size:.76rem;margin-top:20px}.skills-layout{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.skill-panel{padding:27px;border:1px solid var(--line);border-radius:17px;background:var(--panel);position:relative;overflow:hidden}.skill-panel:after{content:"";position:absolute;top:-70px;left:-70px;width:160px;height:160px;border-radius:50%;background:#8b6cff12;filter:blur(15px)}.panel-heading{display:flex;align-items:center;justify-content:space-between;font:500 .62rem 'Space Grotesk',sans-serif;color:var(--muted);letter-spacing:.1em;direction:ltr}.panel-dot{width:7px;height:7px;border-radius:50%;background:var(--purple);box-shadow:0 0 12px var(--purple)}.cyan-dot{background:var(--cyan);box-shadow:0 0 12px var(--cyan)}.pink-dot{background:var(--pink);box-shadow:0 0 12px var(--pink)}.skill-panel h3{font-size:1.2rem;margin:27px 0 7px}.skill-panel>p{color:var(--muted);font-size:.82rem;min-height:52px}.skill-list{margin-top:22px}.skill-list>div{display:flex;justify-content:space-between;gap:10px;padding:12px 0;border-bottom:1px solid var(--line);font-size:.78rem}.skill-level{color:var(--cyan);font-size:.69rem}.skill-code{margin-top:22px;padding:12px;background:var(--bg);border-radius:8px;font:500 .66rem 'Space Grotesk',sans-serif;color:var(--muted);direction:ltr}.skill-code span{color:var(--purple)}.skill-code em{font-style:normal;color:var(--cyan)}.interest-cloud{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.interest-cloud span{font-size:.7rem}.journey{background:var(--bg-soft)}.journey-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.journey-step{position:relative;padding:24px 22px 28px;border:1px solid var(--line);border-radius:15px;background:var(--panel);overflow:hidden}.step-num{font:500 .65rem 'Space Grotesk',sans-serif;letter-spacing:.1em;color:var(--mut)}.step-icon{font-size:2rem;color:var(--cyan);margin:28px 0 14px}.journey-step h3{font-size:1rem;margin:0 0 10px}.journey-step p{color:var(--muted);font-size:.8rem;line-height:2;min-height:60px}.step-line{display:block;width:45px;height:2px;background:var(--gradient);margin-top:22px}.contact{padding-bottom:110px}.contact-card{position:relative;overflow:hidden;display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;padding:65px;border:1px solid var(--line);border-radius:25px;background:var(--panel)}.contact-card:before{content:"";position:absolute;inset:0 auto 0 0;width:40%;background:radial-gradient(ellipse at 30% 50%,#8b6cff20,transparent 70%);pointer-events:none}.contact-decoration{position:relative;min-height:300px;border:1px solid var(--line);border-radius:16px;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden;background:linear-gradient(140deg,#15172b,#0d1020)}.contact-decoration:before,.contact-decoration:after{content:"";position:absolute;width:230px;height:230px;border:1px solid #8b6cff45;border-radius:50%;box-shadow:0 0 0 25px #8b6cff08,0 0 0 50px #8b6cff05}.contact-decoration:after{width:170px;height:170px;border-color:#4de7ef35}.contact-decoration>span{font:700 8rem/1 'Space Grotesk',sans-serif;color:#dcd5ff;z-index:1;letter-spacing:-.12em}.contact-decoration>i{font-style:normal;color:var(--cyan);font-size:2rem;z-index:1;position:absolute;top:24%;right:25%}.contact-decoration>b{font:500 .65rem/1.7 'Space Grotesk',sans-serif;letter-spacing:.18em;text-align:center;color:#9995bd;z-index:1}.contact-copy{position:relative;z-index:1}.contact-copy h2{font-size:clamp(2.2rem,4vw,3.6rem)}.contact-copy>p{color:var(--muted);font-size:.9rem;line-height:2.2;max-width:500px}.contact-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.contact-email{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--line);margin-top:32px;padding-top:20px}.contact-email>span{font:500 .62rem 'Space Grotesk',sans-serif;letter-spacing:.12em;color:var(--muted)}.contact-email button{border:0;background:transparent;cursor:pointer;font:500 .76rem 'Space Grotesk',sans-serif;direction:ltr;overflow-wrap:anywhere;text-align:left}.contact-email button span{color:var(--cyan);margin-inline-start:8px}.copy-feedback{font-size:.75rem!important;color:var(--cyan)!important;min-height:10px}.footer{border-top:1px solid var(--line);padding:35px 0 20px}.footer-main{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:28px}.footer-main p{font-size:.8rem;color:var(--muted);margin:0}.back-top{font-size:.8rem;color:var(--muted)}.footer-bottom{border-top:1px solid var(--line);padding-top:17px;display:flex;justify-content:space-between;gap:15px;color:var(--muted);font:500 .58rem 'Space Grotesk',sans-serif;letter-spacing:.08em}.footer-bottom span:last-child{direction:ltr}.footer-bottom i{font-style:normal;color:var(--purple);margin-inline-start:5px}.project-dialog{width:min(590px,calc(100% - 28px));padding:0;border:1px solid var(--line);border-radius:20px;background:var(--panel);color:var(--text);box-shadow:var(--shadow);max-height:90vh;overflow:auto}.project-dialog::backdrop{background:#03040be0;backdrop-filter:blur(8px)}.dialog-close{position:absolute;z-index:2;top:12px;left:12px;width:37px;height:37px;border:1px solid #ffffff40;background:#101120bb;border-radius:50%;font-size:1.4rem;cursor:pointer}.dialog-art{height:210px;display:grid;place-items:center;background:radial-gradient(circle,#292344,#0b0c18)}.dialog-art .dialog-art-letter{font:700 7rem 'Space Grotesk',sans-serif;color:var(--cyan)}.dialog-content{padding:27px}.dialog-content h2{font-size:1.7rem;margin:0 0 10px}.dialog-content p{color:var(--muted);font-size:.9rem;line-height:2}.dialog-stack{display:flex;flex-wrap:wrap;gap:7px;margin:20px 0}.dialog-stack span{font-size:.7rem;border:1px solid var(--line);padding:4px 9px;border-radius:7px;color:var(--muted)}.dialog-actions{display:flex;gap:10px;flex-wrap:wrap}.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}.reveal.visible{opacity:1;transform:translateY(0)}@keyframes orbit{to{transform:rotate(335deg)}}@keyframes ticker{to{transform:translateX(-50%)}}@keyframes slide{0%,100%{transform:translateX(0)}50%{transform:translateX(220%)}}@media(max-width:950px){.section-shell{padding:90px 0}.hero{padding-top:120px;min-height:auto}.hero-grid{grid-template-columns:1fr;gap:15px}.hero-copy{max-width:720px}.hero-art{max-width:520px;width:100%;margin:0 auto}.hero h1{font-size:clamp(3.2rem,10vw,6rem)}.section-heading{align-items:start;flex-direction:column;gap:18px;margin-bottom:38px}.section-heading>p{max-width:650px}.about-layout{gap:45px}.feature-stamp{left:5%;width:140px;height:140px}.feature-card{padding:45px}.skills-layout{grid-template-columns:1fr 1fr}.skill-panel:last-child{grid-column:1/-1}.journey-grid{grid-template-columns:repeat(2,1fr)}.contact-card{padding:40px;gap:30px}.contact-decoration{min-height:260px}}@media(max-width:680px){.shell{width:calc(100% - 34px)}.nav{height:70px}.menu-toggle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;margin-inline-start:auto}.menu-toggle span{display:block;width:17px;height:1.5px;background:var(--text);transition:.2s}.nav-links{position:absolute;top:70px;inset-inline:17px;display:none;flex-direction:column;align-items:stretch;gap:0;padding:10px;border:1px solid var(--line);border-radius:15px;background:var(--panel);box-shadow:var(--shadow)}.nav-links.open{display:flex}.nav-links>a{padding:12px}.nav-links .nav-contact{margin-top:6px;text-align:center}.theme-toggle{width:39px;height:39px}.hero{padding-top:115px}.hero-grid{gap:0}.hero-kicker{margin-top:25px;font-size:1rem}.hero h1{font-size:clamp(3.1rem,14vw,5rem);margin-bottom:20px}.hero-description{font-size:.88rem}.hero-actions{gap:17px}.hero-socials{margin-top:28px;gap:18px}.hero-art{width:min(100%,410px);margin-top:15px}.float-chip{font-size:.55rem;padding:8px 10px}.chip-dev{left:0}.chip-code{right:0}.hero-bottom{margin-top:20px}.section-shell{padding:75px 0}.section-heading h2,.contact-copy h2{font-size:clamp(2.3rem,10vw,3.3rem)}.section-heading>p{font-size:.86rem}.about-layout{grid-template-columns:1fr;gap:30px}.about-visual{aspect-ratio:1.05;max-width:420px;width:100%;margin:auto}.about-text h3{font-size:1.7rem}.feature{padding-top:0}.feature-card{padding:45px 25px 35px;min-height:510px;align-items:flex-start}.feature-content{padding-top:30px}.feature-content h2{font-size:2rem}.feature-content p{font-size:.82rem}.feature-stamp{width:105px;height:105px;top:auto;bottom:25px;left:25px;transform:rotate(-10deg)}.feature-stamp span{font-size:.5rem}.feature-stamp b{font-size:.8rem}.feature-stamp small{font-size:.4rem}.feature-stamp strong{font-size:1.3rem}.feature-card:before{right:20%;top:35%;width:300px;height:300px}.project-toolbar{align-items:flex-start;gap:15px;flex-direction:column}.project-grid{grid-template-columns:1fr;gap:16px}.project-cover,.project-large .project-cover{height:270px}.project-meta{padding:17px}.skills-layout{grid-template-columns:1fr}.skill-panel:last-child{grid-column:auto}.skill-panel>p{min-height:auto}.journey-grid{gap:10px}.journey-step{padding:18px 15px}.journey-step p{font-size:.75rem}.step-icon{margin:20px 0 10px}.contact-card{grid-template-columns:1fr;padding:22px;gap:28px}.contact-decoration{min-height:210px}.contact-decoration>span{font-size:6rem}.contact-copy h2{font-size:2.5rem}.contact-email{align-items:flex-start;flex-direction:column}.contact-email button{font-size:.7rem}.footer-main{align-items:flex-start;flex-direction:column}.footer-bottom{font-size:.51rem;flex-direction:column}.cursor-glow{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}


/* AMIRIX / refinement layer */
:root { scroll-padding-top: 88px; }
html { scrollbar-color: #6354b9 #090a15; }
::selection { color: #080914; background: #4de7ef; }
a, button { -webkit-tap-highlight-color: transparent; }
a:focus-visible, button:focus-visible, [role="button"]:focus-visible {
  outline: 2px solid var(--cyan); outline-offset: 4px;
}
.nav-links a.is-current:not(.nav-contact) { color: var(--cyan); }
.nav-links a.is-current:not(.nav-contact)::after {
  content: ""; display: block; height: 2px; margin-top: 5px;
  background: linear-gradient(90deg, var(--purple), var(--cyan)); border-radius: 99px;
}
.contact-note { margin: 18px 0 0 !important; font-size: .75rem !important; color: var(--muted) !important; }
.project-card { transition: transform .35s ease, border-color .35s ease, box-shadow .35s ease; }
.project-card:hover { transform: translateY(-5px); }
.project-card[hidden] { display: none !important; }
.filter { transition: color .2s ease, background .2s ease, border-color .2s ease; }
.button, .text-link, .inline-link { transition: transform .2s ease, border-color .2s ease, color .2s ease; }
.button:hover { transform: translateY(-2px); }
.dialog-close { color: #fff; }
.project-dialog[open] { animation: dialog-in .24s ease both; }
@keyframes dialog-in { from { opacity: 0; transform: translateY(10px) scale(.985); } to { opacity: 1; transform: translateY(0) scale(1); } }
@media (hover: none) {
  .cursor-glow { display: none !important; }
  .project-card:hover { transform: none; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto !important; }
  .project-dialog[open] { animation: none; }
}


/* === AMIRIX ULTIMATE: interactive art direction === */
:root { --accent-glow: color-mix(in srgb, var(--purple) 30%, transparent); }
.hero { isolation:isolate; }
.hero-particles { position:absolute; inset:0; width:100%; height:100%; pointer-events:none; z-index:0; opacity:.8; }
.hero-grid, .hero-bottom { z-index:2; }
.hero-art { transform:perspective(1000px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)); transition:transform .18s ease-out; transform-style:preserve-3d; will-change:transform; }
.hero-art:before { left:var(--pointer-x,50%); top:var(--pointer-y,50%); transform:translate(-50%,-50%); transition:left .25s ease,top .25s ease; }
.art-core { transform:translateZ(36px) rotate(-12deg); }
.float-chip { transform:translateZ(24px); }
.art-orbit { transform-style:preserve-3d; }
.hero:after { content:""; position:absolute; inset:auto -15% -25% 25%; height:45%; background:radial-gradient(ellipse,var(--accent-glow),transparent 68%); filter:blur(30px); pointer-events:none; z-index:0; }
.constellation { overflow:hidden; }
.constellation-layout { display:grid; grid-template-columns:minmax(0,1.45fr) minmax(280px,.7fr); gap:26px; align-items:stretch; }
.constellation-stage { min-height:500px; position:relative; overflow:hidden; border:1px solid var(--line); border-radius:24px; background:radial-gradient(circle at 50% 50%, color-mix(in srgb,var(--purple) 13%,transparent), transparent 42%),linear-gradient(145deg,var(--bg-soft),var(--panel)); isolation:isolate; }
.constellation-stage:before { content:""; position:absolute; inset:0; background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px); background-size:34px 34px; opacity:.35; mask-image:radial-gradient(ellipse at center,#000,transparent 78%); }
.constellation-lines { position:absolute; inset:4%; width:92%; height:92%; overflow:visible; }
.constellation-lines path { fill:none; stroke:color-mix(in srgb,var(--purple) 48%,transparent); stroke-width:1.1; vector-effect:non-scaling-stroke; }
.constellation-lines .line-dashed { stroke:color-mix(in srgb,var(--cyan) 40%,transparent); stroke-dasharray:4 8; }
.constellation-node { position:absolute; left:var(--x); top:var(--y); transform:translate(-50%,-50%); z-index:2; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:2px; min-width:102px; min-height:66px; padding:10px 13px; border:1px solid var(--line); border-radius:14px; background:color-mix(in srgb,var(--panel) 90%,transparent); color:var(--text); cursor:pointer; box-shadow:0 10px 34px #0002; backdrop-filter:blur(10px); transition:transform .25s,border-color .25s,box-shadow .25s,background .25s; }
.constellation-node span { font:600 .78rem 'Space Grotesk','Vazirmatn',sans-serif; direction:ltr; white-space:nowrap; }
.constellation-node small { font:500 .48rem 'Space Grotesk',sans-serif; color:var(--muted); letter-spacing:.09em; direction:ltr; }
.constellation-node:hover,.constellation-node.is-selected { transform:translate(-50%,-50%) scale(1.07); border-color:var(--cyan); box-shadow:0 0 0 4px color-mix(in srgb,var(--cyan) 9%,transparent),0 0 35px color-mix(in srgb,var(--purple) 15%,transparent); }
.constellation-node.is-selected { background:linear-gradient(145deg,color-mix(in srgb,var(--purple) 25%,var(--panel)),var(--panel)); }
.node-core { min-width:100px; min-height:100px; border-radius:50%; border-color:color-mix(in srgb,var(--purple) 70%,var(--cyan)); box-shadow:0 0 45px color-mix(in srgb,var(--purple) 20%,transparent),inset 0 0 24px color-mix(in srgb,var(--cyan) 7%,transparent); }
.node-core span { font-size:1.55rem; letter-spacing:-.12em; }
.constellation-coordinate { position:absolute; z-index:1; color:var(--muted); font:500 .52rem 'Space Grotesk',sans-serif; letter-spacing:.12em; direction:ltr; opacity:.7; }
.coord-a { top:18px; left:20px; }.coord-b { bottom:18px; right:20px; }
.constellation-insight { display:flex; flex-direction:column; border:1px solid var(--line); border-radius:24px; padding:28px; background:linear-gradient(150deg,var(--panel),var(--bg-soft)); min-height:500px; }
.insight-top { display:flex; align-items:center; gap:9px; padding-bottom:22px; border-bottom:1px solid var(--line); font:500 .58rem 'Space Grotesk',sans-serif; letter-spacing:.08em; color:var(--muted); direction:ltr; }
.insight-pulse { width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green); }
.insight-id { margin-inline-start:auto; color:var(--cyan); }
.constellation-insight .micro-label { margin-top:32px; }
.constellation-insight h3 { font-size:1.55rem; line-height:1.5; margin:5px 0 12px; }
.constellation-insight>p:not(.micro-label) { color:var(--muted); font-size:.86rem; line-height:2.1; margin:0; }
.insight-links { display:flex; flex-wrap:wrap; gap:7px; margin-top:23px; }
.insight-links span { padding:5px 10px; border:1px solid var(--line); border-radius:99px; color:var(--cyan); font-size:.68rem; }
.insight-footer { display:flex; justify-content:space-between; gap:10px; margin-top:auto; padding-top:28px; font:500 .55rem 'Space Grotesk',sans-serif; color:var(--muted); letter-spacing:.07em; direction:ltr; }
.accent-lab { margin-top:22px; display:flex; justify-content:space-between; align-items:center; gap:28px; border:1px solid var(--line); border-radius:22px; padding:26px 30px; background:var(--bg-soft); }
.accent-lab .section-label { margin-bottom:5px; }
.accent-lab h3 { margin:0; font-size:1.05rem; }
.accent-lab p { margin:5px 0 0; font-size:.77rem; color:var(--muted); }
.accent-options { display:flex; flex-wrap:wrap; gap:8px; }
.accent-option { display:flex; align-items:center; gap:8px; padding:9px 12px; border:1px solid var(--line); border-radius:12px; background:var(--panel); color:var(--muted); cursor:pointer; font:500 .64rem 'Space Grotesk',sans-serif; direction:ltr; transition:border-color .2s,transform .2s,color .2s; }
.accent-option i { width:11px;height:11px;border-radius:50%;background:var(--swatch);box-shadow:0 0 12px color-mix(in srgb,var(--swatch) 45%,transparent); }
.accent-option:hover { transform:translateY(-2px); }
.accent-option.active { color:var(--text);border-color:var(--cyan); }
.journey-console { margin-bottom:30px; border:1px solid var(--line); border-radius:18px; overflow:hidden; background:linear-gradient(120deg,var(--panel),var(--bg-soft)); }
.journey-console-top { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:12px 18px; border-bottom:1px solid var(--line); color:var(--muted); font:500 .57rem 'Space Grotesk',sans-serif; letter-spacing:.12em; direction:ltr; }
.console-live { display:flex; align-items:center; gap:7px; color:var(--green); }.console-live i { width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green); }
.journey-console-body { display:grid; grid-template-columns:80px 1fr 100px; align-items:center; gap:20px; padding:28px; }
.journey-console-index { font:700 3.8rem/.9 'Space Grotesk',sans-serif; letter-spacing:-.08em; color:color-mix(in srgb,var(--purple) 55%,var(--text)); }
.journey-console-body .micro-label { color:var(--cyan);font:500 .58rem 'Space Grotesk',sans-serif;letter-spacing:.1em; }
.journey-console-body h3 { margin:5px 0;font-size:1.25rem; }.journey-console-body p { margin:0;color:var(--muted);font-size:.82rem;max-width:670px; }
.console-signal { height:42px; display:flex; align-items:center; justify-content:flex-end; gap:4px; }
.console-signal span { width:4px; border-radius:5px; background:var(--gradient); height:25%; animation:signal 1.2s ease-in-out infinite alternate; }
.console-signal span:nth-child(2){height:65%;animation-delay:.2s}.console-signal span:nth-child(3){height:95%;animation-delay:.35s}.console-signal span:nth-child(4){height:48%;animation-delay:.1s}.console-signal span:nth-child(5){height:75%;animation-delay:.45s}
.journey-step { transition:border-color .3s,background .3s,transform .3s; }
.journey-step.step-active { border-color:color-mix(in srgb,var(--cyan) 65%,var(--line)); background:linear-gradient(150deg,color-mix(in srgb,var(--purple) 9%,var(--panel)),var(--panel)); transform:translateY(-3px); }
.journey-step.step-active .step-num { color:var(--cyan); }
.dialog-tabs { display:flex; gap:7px; flex-wrap:wrap; margin:22px 0 12px; border-bottom:1px solid var(--line); padding-bottom:10px; }
.dialog-tab { border:1px solid transparent; background:transparent; color:var(--muted); padding:7px 11px; border-radius:9px; cursor:pointer; font-size:.75rem; }
.dialog-tab.active { color:var(--text); border-color:var(--line); background:var(--panel-2); }
.case-panel { min-height:90px; padding:14px 16px; border:1px solid var(--line); border-radius:12px; background:var(--bg-soft); color:var(--muted); font-size:.82rem; line-height:2.05; }
.case-honesty { color:var(--muted);font-size:.66rem;margin:12px 0 0; }
@keyframes signal { from { transform:scaleY(.35); opacity:.45; } to { transform:scaleY(1); opacity:1; } }
@media(max-width:950px) {
  .constellation-layout { grid-template-columns:1fr; }
  .constellation-insight { min-height:360px; }
  .accent-lab { align-items:flex-start; flex-direction:column; }
}
@media(max-width:680px) {
  .constellation-stage { min-height:390px; }
  .constellation-node { min-width:80px; min-height:54px; padding:7px 8px; border-radius:11px; }
  .constellation-node span { font-size:.62rem; }
  .constellation-node small { font-size:.4rem; }
  .node-core { min-width:74px; min-height:74px; }
  .node-core span { font-size:1.25rem; }
  .constellation-insight { padding:22px; min-height:330px; }
  .accent-lab { padding:22px; }
  .accent-options { width:100%; }
  .accent-option { flex:1; justify-content:center; padding:9px 7px; }
  .journey-console-body { grid-template-columns:54px 1fr; padding:20px 16px; gap:13px; }
  .journey-console-index { font-size:2.8rem; }
  .console-signal { display:none; }
  .journey-console-top { font-size:.48rem; }
  .hero-art { transform:none; }
}
@media(prefers-reduced-motion:reduce) {
  .hero-art { transform:none !important; }
  .console-signal span { animation:none; }
}

/* AMIRIX Creative Engineering Layer */
.nav-tools{display:flex;align-items:center;gap:8px}.command-trigger{height:42px;padding:0 12px;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--panel) 82%,transparent);color:var(--muted);cursor:pointer;font:500 .68rem 'Space Grotesk',sans-serif;display:flex;align-items:center;gap:7px;transition:.2s}.command-trigger span{font-family:'Vazirmatn',sans-serif;font-size:.68rem}.command-trigger:hover{color:var(--text);border-color:var(--cyan);transform:translateY(-2px)}
.hero-system-strip{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:30px;padding-top:15px;border-top:1px solid var(--line);color:var(--muted);font:500 .58rem 'Space Grotesk','Vazirmatn',sans-serif;letter-spacing:.08em;direction:ltr}.hero-system-strip>span{display:flex;align-items:center;gap:7px}.hero-system-strip b{color:var(--text);font-weight:600}.system-live-dot{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green);display:inline-block}.hero-system-strip button{margin-inline-start:auto;border:0;background:none;color:var(--cyan);cursor:pointer;font:500 .58rem 'Space Grotesk','Vazirmatn',sans-serif;letter-spacing:.04em}.hero-system-strip button:hover{text-decoration:underline}.hero-system-strip kbd{border:1px solid var(--line);border-radius:5px;padding:3px 5px;margin-inline-start:5px;color:var(--muted);font:500 .55rem 'Space Grotesk',sans-serif}
.command-dialog{width:min(590px,calc(100% - 30px));padding:0;border:1px solid color-mix(in srgb,var(--cyan) 35%,var(--line));border-radius:22px;background:color-mix(in srgb,var(--panel) 94%,transparent);color:var(--text);box-shadow:0 35px 120px #0009;backdrop-filter:blur(22px)}.command-dialog::backdrop{background:rgba(3,4,12,.72);backdrop-filter:blur(5px)}.command-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:28px 30px 19px;border-bottom:1px solid var(--line)}.command-head .section-label{margin-bottom:9px}.command-head h2{font-size:1.55rem;margin:0}.command-dialog .dialog-close{position:static;width:34px;height:34px;flex:none}.command-list{padding:12px}.command-list button{width:100%;display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:13px;text-align:start;padding:13px 14px;border:1px solid transparent;border-radius:13px;background:transparent;color:var(--text);cursor:pointer;transition:.2s}.command-list button:hover,.command-list button:focus-visible{background:var(--bg-soft);border-color:var(--line);outline:none;transform:translateX(-3px)}.command-icon{width:32px;height:32px;display:grid;place-items:center;border:1px solid var(--line);border-radius:9px;color:var(--cyan);font-family:'Space Grotesk',sans-serif}.command-list b,.command-list small{display:block}.command-list b{font-size:.88rem}.command-list small{color:var(--muted);font-size:.69rem;margin-top:2px}.command-list kbd{color:var(--muted);font:500 .62rem 'Space Grotesk',sans-serif}.command-foot{display:flex;justify-content:space-between;gap:15px;padding:13px 30px 20px;margin:0;color:var(--muted);font:500 .58rem 'Space Grotesk','Vazirmatn',sans-serif;letter-spacing:.06em;direction:ltr}
@media(max-width:680px){.nav-tools{gap:5px}.command-trigger{width:42px;padding:0;justify-content:center}.command-trigger span{display:none}.hero-system-strip{gap:11px}.hero-system-strip button{width:100%;text-align:start;margin:1px 0 0}.command-head{padding:23px 20px 16px}.command-list{padding:9px}.command-foot{padding:12px 20px 17px;flex-direction:column;gap:5px}}
@media(prefers-reduced-motion:reduce){.command-list button:hover{transform:none}}

/* YOUR TURN / Interactive Brief Builder */
.contact-intro{max-width:560px}.contact-decoration{justify-content:center}.decoration-readout{position:absolute;bottom:18px;left:18px;right:18px;display:flex;justify-content:space-between;gap:8px;padding-top:12px;border-top:1px solid var(--line);font:500 .55rem 'Space Grotesk',sans-serif;letter-spacing:.1em;color:var(--muted);direction:ltr}.decoration-readout b{color:var(--cyan);font-weight:500}.brief-engine,.brief-result{margin-top:28px;border:1px solid var(--line);border-radius:17px;background:linear-gradient(145deg,color-mix(in srgb,var(--panel-2) 75%,transparent),color-mix(in srgb,var(--bg-soft) 75%,transparent));overflow:hidden}.brief-engine-top,.result-top{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 17px;border-bottom:1px solid var(--line);color:var(--muted);font:500 .57rem 'Space Grotesk','Vazirmatn',sans-serif;letter-spacing:.08em;direction:ltr}.brief-engine-top span:first-child{display:flex;align-items:center;gap:7px}.brief-progress{height:3px;background:var(--line)}.brief-progress i{display:block;width:0;height:100%;background:var(--gradient);transition:width .35s ease}.brief-step{display:none;padding:24px 21px 5px}.brief-step.is-active{display:block;animation:briefIn .35s ease}.brief-step h3{font-size:1.18rem;margin:2px 0 18px}.brief-step .micro-label{margin-bottom:8px}.brief-options{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.brief-option{min-height:102px;padding:13px;text-align:start;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--panel) 55%,transparent);color:var(--text);cursor:pointer;transition:.22s}.brief-option:hover,.brief-option:focus-visible{border-color:var(--cyan);transform:translateY(-3px);outline:none;background:color-mix(in srgb,var(--cyan) 8%,var(--panel))}.brief-option.is-selected{border-color:var(--purple);background:linear-gradient(145deg,color-mix(in srgb,var(--purple) 17%,var(--panel)),var(--panel));box-shadow:0 0 0 3px color-mix(in srgb,var(--purple) 12%,transparent)}.brief-option b,.brief-option small{display:block}.brief-option b{font:600 .65rem 'Space Grotesk',sans-serif;letter-spacing:.05em;direction:ltr}.brief-option small{margin-top:9px;color:var(--muted);font-size:.7rem;line-height:1.8}.brief-builder-footer{display:flex;align-items:center;gap:12px;padding:17px 21px 20px;border-top:1px solid var(--line);margin-top:20px}.brief-back,.brief-reset{border:0;background:none;color:var(--muted);cursor:pointer;font-size:.74rem}.brief-back:disabled{opacity:.35;cursor:not-allowed}.brief-hint{flex:1;color:var(--muted);font-size:.68rem;text-align:center}.brief-next{min-height:39px;padding:7px 14px;font-size:.72rem}.brief-result{padding:22px}.brief-result[hidden]{display:none}.result-top{padding:0 0 15px;border:0}.result-state{display:flex;align-items:center;gap:6px;color:var(--green)}.result-state i{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green)}.brief-result h3{font-size:1.5rem;margin:10px 0 4px}.brief-result>p:not(.copy-feedback){color:var(--muted);font-size:.82rem;line-height:2;margin:0 0 19px}.result-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;border:1px solid var(--line);background:var(--line);border-radius:11px;overflow:hidden}.result-grid div{padding:12px;background:color-mix(in srgb,var(--panel) 85%,transparent)}.result-grid span,.result-grid b{display:block}.result-grid span{color:var(--muted);font:500 .53rem 'Space Grotesk',sans-serif;letter-spacing:.1em;direction:ltr}.result-grid b{font-size:.77rem;margin-top:4px}.result-actions{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin-top:18px}.result-actions .button{min-height:42px;padding:8px 14px;font-size:.7rem}.brief-reset{margin-inline-start:auto;color:var(--purple)}.brief-reset:hover{text-decoration:underline}.brief-result .copy-feedback{width:100%;margin:0}.contact-email{margin-top:22px}@keyframes briefIn{from{opacity:0;transform:translateX(12px)}to{opacity:1;transform:translateX(0)}}
@media(max-width:680px){.brief-options{grid-template-columns:1fr}.brief-option{min-height:0}.brief-option small{margin-top:5px}.brief-builder-footer{padding-inline:15px}.brief-hint{font-size:.61rem}.brief-next{padding-inline:10px}.brief-result{padding:17px}.result-actions{align-items:stretch}.result-actions .button{flex:1}.brief-reset{width:100%;margin:0;text-align:start}.decoration-readout{font-size:.48rem}}
@media(prefers-reduced-motion:reduce){.brief-step.is-active{animation:none}.brief-option:hover{transform:none}}

/* THE PERSON + direct contact form */
.about-profile-stage{isolation:isolate}.profile-orbit{position:absolute;inset:19%;border:1px solid color-mix(in srgb,var(--purple) 45%,transparent);border-radius:50%;transform:rotate(-24deg);pointer-events:none}.profile-orbit:after{content:"";position:absolute;top:7%;left:15%;width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 16px var(--cyan)}.profile-orbit.orbit-b{inset:12% 29%;transform:rotate(52deg);border-color:color-mix(in srgb,var(--cyan) 38%,transparent)}.profile-chip{position:absolute;z-index:3;padding:7px 10px;border:1px solid var(--line);border-radius:8px;background:color-mix(in srgb,var(--panel) 80%,transparent);backdrop-filter:blur(10px);font:500 .54rem 'Space Grotesk',sans-serif;letter-spacing:.08em;color:var(--muted);direction:ltr}.profile-chip i{display:inline-block;width:5px;height:5px;border-radius:50%;margin-left:6px;background:var(--cyan);box-shadow:0 0 9px var(--cyan)}.profile-chip-one{top:27%;right:8%}.profile-chip-two{bottom:30%;left:8%}.profile-chip-three{top:16%;left:13%}.about-switcher{display:flex;flex-wrap:wrap;gap:7px;margin:27px 0 13px;border-bottom:1px solid var(--line);padding-bottom:9px}.about-tab{border:1px solid transparent;background:none;color:var(--muted);border-radius:8px;padding:7px 10px;cursor:pointer;font-size:.72rem;transition:.2s}.about-tab:hover,.about-tab.is-active{color:var(--text);border-color:var(--line);background:var(--panel-2)}.about-tab.is-active{box-shadow:inset 0 -2px 0 var(--cyan)}.about-insight{min-height:130px;padding:16px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(135deg,color-mix(in srgb,var(--purple) 7%,var(--panel)),var(--panel));animation:insightIn .3s ease}.about-insight-index{color:var(--cyan);font:500 .58rem 'Space Grotesk',sans-serif;letter-spacing:.1em;direction:ltr}.about-insight h4{font-size:1rem;margin:7px 0}.about-insight p{margin:0!important;font-size:.8rem!important;line-height:2!important}.contact-form{display:flex;flex-direction:column;gap:14px;margin-top:26px}.contact-form label{display:block}.contact-form label>span{display:block;color:var(--muted);font-size:.7rem;margin-bottom:6px}.contact-form input,.contact-form select,.contact-form textarea{width:100%;border:1px solid var(--line);border-radius:10px;background:color-mix(in srgb,var(--bg-soft) 75%,transparent);color:var(--text);padding:11px 13px;font:400 .78rem 'Vazirmatn',sans-serif;outline:none;transition:border-color .2s,box-shadow .2s}.contact-form input::placeholder,.contact-form textarea::placeholder{color:color-mix(in srgb,var(--muted) 70%,transparent)}.contact-form textarea{resize:vertical;min-height:120px;line-height:2}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--cyan);box-shadow:0 0 0 3px color-mix(in srgb,var(--cyan) 10%,transparent)}.contact-form select{appearance:auto}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-meta{display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:.62rem;margin-top:5px}.contact-form-footer{display:flex;align-items:center;gap:13px;margin-top:3px}.contact-form-footer .button{min-height:44px}.form-status{color:var(--cyan);font-size:.7rem;line-height:1.7}.contact-note{margin:15px 0 0!important}.contact-email{margin-top:23px!important}@keyframes insightIn{from{opacity:.2;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(max-width:680px){.profile-chip-one{right:4%}.profile-chip-two{left:4%}.profile-chip-three{left:8%}.form-row{grid-template-columns:1fr}.contact-form-footer{align-items:flex-start;flex-direction:column}.contact-form-footer .button{width:100%}.form-status{min-height:22px}.form-meta{font-size:.57rem}}
@media(prefers-reduced-motion:reduce){.about-insight{animation:none}}

/* Hero balance pass */
.hero-copy{max-width:650px}.hero-role{margin:-20px 0 0;color:var(--purple);font-size:.78rem;letter-spacing:.04em}.hero h1{font-size:clamp(2.8rem,5.25vw,5.25rem);line-height:1.24;max-width:670px;margin-top:6px}.hero-description{max-width:500px}.hero-art{transform:translateY(6px)}
@media(max-width:950px){.hero h1{font-size:clamp(3rem,9vw,5.4rem);max-width:680px}.hero-role{margin-top:-14px}}
@media(max-width:680px){.hero h1{font-size:clamp(2.75rem,12.2vw,4.35rem);line-height:1.3}.hero-role{margin-top:-10px;font-size:.7rem}.hero-art{transform:none}}

/* Typewriter hero + centered profile monogram */
.hero-type-line{display:flex;align-items:center;justify-content:flex-start;gap:6px;width:100%;max-width:none;margin:18px 0 24px!important;font-size:clamp(1.05rem,2.25vw,2rem)!important;line-height:1.7!important;letter-spacing:-.035em!important;font-weight:700!important;white-space:nowrap;color:var(--text)}.hero-type-line #heroTypeText{background:var(--gradient);color:transparent;background-clip:text;-webkit-background-clip:text}.type-cursor{display:inline-block;width:2px;height:1.45em;background:var(--cyan);box-shadow:0 0 13px var(--cyan);animation:typeBlink 1s steps(1) infinite}.profile-symbol{inset:0!important;display:grid!important;place-items:center!important;transform:none!important;color:transparent!important;-webkit-text-stroke:1px color-mix(in srgb,var(--text) 78%,var(--purple))!important;z-index:4!important;margin:0!important}.profile-symbol::after{content:"×";position:absolute;right:calc(50% - 1.35em);top:calc(50% - .72em);font-size:.28em;color:var(--cyan);-webkit-text-stroke:0;text-shadow:0 0 16px var(--cyan)}@keyframes typeBlink{0%,45%{opacity:1}46%,100%{opacity:.15}}
@media(max-width:680px){.hero-type-line{font-size:clamp(.9rem,4.2vw,1.35rem)!important;gap:4px;margin-top:13px!important}.type-cursor{height:1.35em}}
@media(prefers-reduced-motion:reduce){.type-cursor{animation:none}}

/* AMIRIX geometric spark icon — replaces the text glyph throughout the UI */
.spark-icon{display:inline-block;width:.9em;height:.9em;vertical-align:-.08em;position:relative;background:linear-gradient(135deg,var(--cyan),var(--purple));clip-path:polygon(50% 0,61% 38%,100% 50%,61% 62%,50% 100%,39% 62%,0 50%,39% 38%);filter:drop-shadow(0 0 6px color-mix(in srgb,var(--cyan) 55%,transparent));transition:transform .25s,filter .25s}.spark-icon:hover{transform:rotate(45deg) scale(1.08);filter:drop-shadow(0 0 10px color-mix(in srgb,var(--purple) 70%,transparent))}.ticker-track i .spark-icon{width:.75em;height:.75em}.art-cross .spark-icon{width:1em;height:1em}.feature-symbol .spark-icon{width:1.8em;height:1.8em}.task-top b .spark-icon{width:.8em;height:.8em}.command-icon .spark-icon{width:1em;height:1em}.footer-bottom .spark-icon{width:.7em;height:.7em}.hero-type-line #heroTypeText{background:linear-gradient(105deg,#f4f2ff 0%,#73f2f0 47%,#aa8dff 100%);color:transparent;background-clip:text;-webkit-background-clip:text;text-shadow:0 0 22px color-mix(in srgb,var(--cyan) 18%,transparent)}

/* Scroll rail fix: the cyan signal stays inside the rail at all times. */
.scroll-line{position:relative;overflow:hidden}.scroll-line i{position:absolute;top:0;left:0;width:30%;height:100%;transform:none;animation:slideRail 2s ease-in-out infinite}.hero-type-line #heroTypeText{background:linear-gradient(105deg,#ffffff 0%,#8cf7f1 52%,#b79aff 100%);color:transparent;background-clip:text;-webkit-background-clip:text;text-shadow:0 0 22px color-mix(in srgb,var(--cyan) 20%,transparent)}@keyframes slideRail{0%,100%{left:0}50%{left:70%}}
@media(prefers-reduced-motion:reduce){.scroll-line i{animation:none;left:0}}

/* AMIRIX / Ayandeh Faroozan featured case */
.ui-icon{display:inline-grid;place-items:center;vertical-align:middle;width:1.15em;height:1.15em}
.ui-icon svg,.project-arrow svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.project-arrow{padding:9px}
.project-arrow svg{width:100%;height:100%}
.cover-ayandeh{background:radial-gradient(ellipse at 78% 22%,#b5a0ff38,transparent 36%),radial-gradient(ellipse at 12% 90%,#32d5d544,transparent 38%),linear-gradient(135deg,#111326 0%,#171b35 48%,#0b101e 100%);min-height:390px}
.ayandeh-visual{position:relative;width:88%;height:82%;min-height:310px;overflow:hidden;border:1px solid #ffffff22;border-radius:15px;background:linear-gradient(115deg,#101629ed,#151d35d9);box-shadow:0 30px 90px #0007;padding:clamp(18px,4vw,38px);color:#f7f7ff;isolation:isolate}
.ayandeh-topline{display:flex;justify-content:space-between;gap:12px;color:#a9b3cc;font:600 .55rem 'Space Grotesk',sans-serif;letter-spacing:.16em;direction:ltr}
.ayandeh-brandmark{position:absolute;right:8%;top:21%;font:700 clamp(4rem,11vw,8rem) 'Space Grotesk',sans-serif;letter-spacing:-.1em;color:#ffffff0d;direction:ltr}
.ayandeh-brandmark span{color:#ffffff0d}
.ayandeh-copy{position:relative;z-index:2;margin-top:clamp(116px,8vw,120px);max-width:66%;display:flex;align-items:flex-start;flex-direction:column;gap:12px}
.ayandeh-copy small{font:600 .55rem 'Space Grotesk',sans-serif;letter-spacing:.14em;color:#70e5e5;direction:ltr}
.ayandeh-copy strong{line-height:1.55;letter-spacing:-.04em}
.ayandeh-copy>span{max-width:390px;color:#b7bfd1;font-size:clamp(.65rem,1.2vw,.86rem);line-height:2}
.ayandeh-copy>b{font:600 .62rem 'Space Grotesk',sans-serif;letter-spacing:.18em;color:#c3b2ff;direction:ltr;margin-top:8px}
.ayandeh-orbit{position:absolute;border:1px solid #a995ff38;border-radius:50%;z-index:-1;transform:rotate(-28deg)}
.ayandeh-orbit.orbit-one{width:390px;height:190px;right:-70px;top:30px}
.ayandeh-orbit.orbit-two{width:470px;height:250px;right:-110px;top:0;border-color:#4de7ef28}
.ayandeh-brands{position:absolute;left:5%;bottom:9%;display:flex;gap:9px;flex-direction:column;align-items:flex-start;color:#d9def0;font:600 .57rem 'Space Grotesk',sans-serif;direction:ltr}
.ayandeh-brands span{padding:8px 11px;border:1px solid #ffffff25;border-radius:6px;background:#ffffff09;backdrop-filter:blur(8px)}
.ayandeh-brands small{color:#8e9bb8;margin-left:8px}
@media(max-width:600px){.cover-ayandeh{min-height:330px}.ayandeh-visual{width:92%;min-height:275px;padding:17px}.ayandeh-copy{max-width:76%;margin-top:85px}.ayandeh-brands{left:4%;bottom:7%}.ayandeh-orbit.orbit-one{right:-180px}.ayandeh-orbit.orbit-two{right:-200px}}

/* Featured project summary: visible without opening the case-study card */
.project-summary{max-width:760px;margin:9px 0 0;color:var(--muted);font-size:.86rem;line-height:2.05;font-weight:400}
.project-meta h3{margin-bottom:0}
@media(max-width:600px){.project-summary{font-size:.78rem;line-height:1.95;margin-top:8px}}


/* Icon polish: social links, journey step 04 and featured-project action */
.hero-socials a { display:inline-flex; align-items:center; gap:7px; }
.hero-socials a .social-arrow-icon { width:13px; height:13px; color:var(--cyan); transition:transform .22s ease,color .22s ease; }
.hero-socials a .social-arrow-icon svg { width:100%; height:100%; fill:none; stroke:currentColor; stroke-width:1.9; stroke-linecap:round; stroke-linejoin:round; }
.hero-socials a:hover .social-arrow-icon { transform:translate(2px,-2px); color:var(--text); }
.step-icon-svg { width:38px; height:38px; display:grid; place-items:center; color:var(--cyan); }
.step-icon-svg svg { width:29px; height:29px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.project-meta { display:flex; align-items:center; justify-content:space-between; gap:20px; min-width:0; }
.project-meta > div { min-width:0; flex:1 1 auto; }
.project-arrow { flex:0 0 44px; width:44px; height:44px; padding:11px; display:grid; place-items:center; border:1px solid var(--line); border-radius:50%; background:color-mix(in srgb,var(--panel) 88%,transparent); color:var(--cyan); transition:background .25s ease,color .25s ease,border-color .25s ease,transform .25s ease,box-shadow .25s ease; }
.project-arrow svg { display:block; width:100%; height:100%; fill:none; stroke:currentColor; stroke-width:1.9; stroke-linecap:round; stroke-linejoin:round; transition:transform .25s ease; }
.project-card:hover .project-arrow, .project-card:focus-visible .project-arrow { background:var(--gradient); color:#080914; border-color:transparent; transform:translateY(-2px); box-shadow:0 8px 24px color-mix(in srgb,var(--cyan) 18%,transparent); }
.project-card:hover .project-arrow svg, .project-card:focus-visible .project-arrow svg { transform:translate(1px,-1px); }
.project-card:focus-visible { outline:2px solid var(--cyan); outline-offset:4px; }
@media (max-width:680px) {
  .project-meta { align-items:flex-start; gap:12px; }
  .project-arrow { flex-basis:40px; width:40px; height:40px; padding:10px; margin-top:2px; }
  .project-card:hover .project-arrow { transform:none; box-shadow:none; }
  .project-card:active .project-arrow { background:var(--gradient); color:#080914; border-color:transparent; }
  .hero-socials { gap:16px; }
  .hero-socials a { gap:5px; }
}
@media (hover:none) {
  .project-card:hover .project-arrow { background:color-mix(in srgb,var(--panel) 88%,transparent); color:var(--cyan); border-color:var(--line); transform:none; box-shadow:none; }
  .project-card:active .project-arrow { background:var(--gradient); color:#080914; border-color:transparent; }
}
@media (prefers-reduced-motion:reduce) {
  .hero-socials a .social-arrow-icon, .project-arrow, .project-arrow svg { transition:none; }
}