@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Vazirmatn:wght@300;400;500;600;700;800&display=swap');
:root{--bg:#040705;--surface:#09110c;--surface-2:#0e1a13;--surface-3:#14261b;--line:rgba(61,255,149,.11);--line-strong:rgba(61,255,149,.27);--text:#f1fff7;--muted:#92ab9c;--soft:#c6dccf;--green:#1fe27e;--green-bright:#3dff95;--green-light:#aaffd0;--font:'Space Grotesk','Vazirmatn',system-ui,sans-serif;--mono:'DM Mono','Vazirmatn',monospace;--container:1200px;--header-h:82px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);line-height:1.8;overflow-x:hidden;transition:background .35s,color .35s}body.light-theme{--bg:#f0f8f3;--surface:#fff;--surface-2:#e5f2ea;--surface-3:#d3ebdd;--line:rgba(8,110,60,.14);--line-strong:rgba(8,110,60,.3);--text:#0d2217;--muted:#547062;--soft:#2c4a3a;--green:#0bb35e;--green-bright:#07894a;--green-light:#056b3a}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}.mono{font-family:var(--mono);letter-spacing:.04em}.section-wrap{width:min(var(--container),calc(100% - 64px));margin-inline:auto}.section-space{padding-block:116px}.noise{position:fixed;inset:0;pointer-events:none;z-index:20;opacity:.025;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='.95' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.45'/%3E%3C/svg%3E")}.scroll-progress{height:2px;width:0;position:fixed;top:0;right:0;z-index:100;background:var(--green-bright);box-shadow:0 0 12px var(--green-bright)}.site-header{height:var(--header-h);width:min(1440px,calc(100% - 64px));margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:50}.brand{display:inline-flex;align-items:center;gap:11px;direction:ltr;flex-shrink:0}.brand-mark{width:31px;height:31px;display:grid;grid-template-columns:1fr 1fr;gap:3px;transform:rotate(-8deg)}.brand-mark span{background:var(--green-bright);border-radius:2px}.brand-mark span:nth-child(2){opacity:.62;transform:translateY(4px)}.brand-mark span:nth-child(3){opacity:.82;transform:translateX(4px)}.brand-mark span:nth-child(4){background:transparent;border:1px solid var(--green-bright)}.brand-name{font:500 22px var(--mono);letter-spacing:-1.5px;color:var(--text)}.brand-name>span{color:var(--green-bright)}.brand-name i{font-style:normal;color:var(--green-bright)}.desktop-nav{display:flex;align-items:center;gap:31px;margin-inline-start:auto;margin-inline-end:50px}.nav-link{font-size:12px;color:var(--muted);transition:color .2s;position:relative}.nav-link:after{content:"";height:1px;position:absolute;right:0;bottom:-9px;width:0;background:var(--green-bright);transition:width .25s}.nav-link:hover,.nav-link.active{color:var(--text)}.nav-link:hover:after,.nav-link.active:after{width:100%}.header-actions{display:flex;align-items:center;gap:12px}.icon-btn{width:37px;height:37px;display:grid;place-items:center;border:1px solid var(--line);background:transparent;border-radius:50%;cursor:pointer;transition:background .2s,border .2s}.icon-btn:hover{background:var(--surface-3);border-color:var(--line-strong)}.icon-btn svg{width:17px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round}.lang-btn{border:0;background:transparent;font:11px var(--mono);cursor:pointer;color:var(--muted);padding:7px}.lang-btn span{color:var(--green-bright)}.contact-pill{border:1px solid var(--line-strong);padding:8px 14px;border-radius:3px;font-size:11px;transition:background .2s,border .2s}.contact-pill span{color:var(--green-bright);margin-inline-start:7px}.contact-pill:hover{background:var(--green);border-color:var(--green)}.menu-toggle{display:none;align-content:center;gap:5px}.menu-toggle span{display:block;width:16px;height:1px;background:currentColor}
.hero{min-height:660px;display:grid;grid-template-columns:1fr .92fr;align-items:center;position:relative;padding-block:76px 90px;gap:35px}.hero-grid{position:absolute;inset:0;pointer-events:none;opacity:.28;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(to bottom,transparent,black 15%,black 72%,transparent)}.hero-copy{position:relative;z-index:2;padding-top:15px}.eyebrow{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:10px;letter-spacing:.025em;margin-bottom:27px}.status-dot,.footer-status i,.product-status i{width:6px;height:6px;border-radius:50%;background:var(--green-bright);box-shadow:0 0 11px #54d99c;display:inline-block}.eyebrow-line{width:32px;height:1px;background:var(--line-strong)}.eyebrow .mono{font-size:9px}.hero h1{font-size:clamp(44px,5.2vw,72px);line-height:1.35;letter-spacing:-2.3px;font-weight:600;margin:0 0 23px;max-width:660px}.hero h1 em,.section-heading h2 em,.manifesto h2 span,.lab-panel h2 em,.contact h2 em{font-style:normal;color:var(--green-bright)}.hero-lead{color:var(--muted);font-size:14px;line-height:2.2;max-width:510px;margin:0}.hero-actions{display:flex;align-items:center;gap:29px;margin-top:32px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:23px;min-height:49px;padding:0 18px;font-size:12px;border:1px solid transparent;border-radius:3px;cursor:pointer;transition:transform .2s,background .2s,border .2s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--green);color:#f1fff6}.btn-primary:hover{background:#218361}.btn-arrow{font-size:18px;line-height:1}.text-link{display:inline-flex;align-items:center;gap:12px;font-size:12px;color:var(--soft);transition:color .2s}.text-link span:last-child{color:var(--green-bright);font-size:17px;transition:transform .2s}.text-link:hover{color:var(--green-bright)}.text-link:hover span:last-child{transform:translate(2px,-2px)}.hero-footnote{display:flex;align-items:center;gap:13px;margin-top:61px;color:var(--muted);font-size:9px}.hero-footnote .mono{font-size:9px}.tiny-separator{width:3px;height:3px;background:var(--green-bright);border-radius:50%}.hero-art{position:relative;min-height:490px;display:grid;place-items:center;isolation:isolate}.hero-art:before{content:"";position:absolute;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(31,226,126,.2),transparent 70%);filter:blur(14px)}.art-orbit{position:absolute;border:1px solid rgba(127,210,161,.2);border-radius:50%;transform:rotate(-27deg)}.orbit-one{width:410px;height:170px}.orbit-two{width:360px;height:280px;transform:rotate(54deg);border-color:rgba(127,210,161,.15)}.orbit-three{width:300px;height:300px;border-style:dashed;opacity:.55}.core-cube{position:relative;width:166px;height:166px;filter:drop-shadow(0 20px 36px rgba(20,143,92,.2));transform:rotate(-30deg) skewY(0deg);animation:cubeFloat 6s ease-in-out infinite}.cube-face{position:absolute;width:100px;height:100px;left:33px;top:33px;border:1px solid rgba(184,243,208,.75)}.cube-top{background:linear-gradient(135deg,#8fe0b5,#286d4d);transform:translateY(-50px) scaleY(.56) rotate(45deg);box-shadow:inset 0 0 24px rgba(218,255,229,.25)}.cube-left{background:linear-gradient(150deg,#1a6043,#0e2b1d);transform:translate(-25px,0) skewY(30deg) scaleX(.86);border-color:#4eaa79}.cube-right{background:linear-gradient(135deg,#205d42,#0a2015);transform:translate(25px,0) skewY(-30deg) scaleX(.86);border-color:#6acb94}.cube-bit{position:absolute;width:14px;height:14px;border:1px solid #c2f9d7;background:#60c88e;z-index:3;box-shadow:0 0 18px rgba(112,239,166,.5)}.bit-one{top:3px;right:27px}.bit-two{bottom:12px;left:5px;width:9px;height:9px}.bit-three{bottom:4px;right:12px;width:7px;height:7px}.float-label{position:absolute;display:flex;align-items:center;gap:9px;font-size:9px;color:var(--soft);border:1px solid var(--line-strong);background:color-mix(in srgb,var(--bg) 82%,transparent);padding:9px 12px;backdrop-filter:blur(10px)}.label-top{top:65px;right:3px}.label-dot{width:5px;height:5px;background:var(--green-bright);border-radius:50%}.label-bottom{bottom:67px;left:0;color:var(--muted)}.label-divider{height:12px;width:1px;background:var(--line-strong)}.art-index{position:absolute;top:32px;left:15px;color:var(--muted);font-size:8px;line-height:1.9;opacity:.7}.art-caption{position:absolute;bottom:15px;right:50%;transform:translateX(50%);display:flex;gap:17px;font:9px var(--mono);color:var(--muted);white-space:nowrap}.art-caption span:first-child{color:var(--green-bright)}.art-cross{position:absolute;width:9px;height:9px}.art-cross:before,.art-cross:after{content:"";position:absolute;background:var(--green-bright)}.art-cross:before{width:9px;height:1px;top:4px}.art-cross:after{height:9px;width:1px;left:4px}.cross-a{top:110px;left:75px}.cross-b{bottom:125px;right:42px;transform:scale(.7)}.scroll-cue{position:absolute;bottom:25px;right:0;display:flex;align-items:center;gap:12px;font:9px var(--mono);letter-spacing:.04em;color:var(--muted)}.scroll-cue-line{height:1px;width:35px;background:var(--green-bright);position:relative}.scroll-cue-line:after{content:"";position:absolute;right:0;top:-2px;width:5px;height:5px;border-radius:50%;background:var(--green-bright)}@keyframes cubeFloat{0%,100%{transform:translateY(0) rotate(-30deg)}50%{transform:translateY(-12px) rotate(-25deg)}}
.ticker{overflow:hidden;border-block:1px solid var(--line);background:var(--surface);padding:16px 0}.ticker-track{display:flex;align-items:center;justify-content:space-around;gap:45px;white-space:nowrap;min-width:max-content;animation:ticker 35s linear infinite;font:10px var(--mono);letter-spacing:.1em;color:var(--muted)}.ticker-track b{color:var(--green-bright);font-size:14px;margin-inline-start:35px}@keyframes ticker{to{transform:translateX(25%)}}
.section-heading{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:42px}.section-kicker{font-size:9px;color:var(--green-bright);letter-spacing:.1em;display:block;margin-bottom:14px}.section-heading h2{font-size:clamp(30px,3.5vw,46px);line-height:1.45;font-weight:500;letter-spacing:-1.3px;margin:0}.section-heading>p{max-width:320px;color:var(--muted);font-size:12px;line-height:2.1;margin:0 0 7px}.project-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:46px 25px}.project-card{min-width:0}.project-large{grid-row:span 2}.project-visual{height:300px;display:block;position:relative;overflow:hidden;border:1px solid var(--line);background:#111a14;transition:border-color .3s,transform .3s}.project-large .project-visual{height:430px}.project-visual:hover{border-color:rgba(143,224,181,.45)}.visual-top{position:absolute;z-index:4;top:16px;right:17px;left:17px;display:flex;align-items:center;justify-content:space-between}.visual-chip{font:8px var(--mono);letter-spacing:.08em;color:#a5b8aa;border:1px solid rgba(180,219,193,.22);padding:6px 8px;background:rgba(8,17,11,.3)}.visual-open{font-size:19px;color:#c1f5d4;transition:transform .25s}.project-visual:hover .visual-open{transform:translate(3px,-3px)}.visual-caption{position:absolute;bottom:15px;left:17px;font:8px var(--mono);letter-spacing:.08em;color:#8fa596}.visual-research{background:radial-gradient(ellipse at 55% 45%,#193e2b 0%,#101b14 48%,#0c120e 100%)}.research-window{position:absolute;left:50%;top:53%;width:77%;height:65%;transform:translate(-50%,-42%) perspective(900px) rotateY(-8deg) rotateX(2deg);border:1px solid rgba(150,219,173,.28);background:#0d1711;box-shadow:0 30px 70px #020704aa;overflow:hidden}.window-bar{height:27px;border-bottom:1px solid rgba(150,219,173,.15);display:flex;align-items:center;gap:4px;padding:0 9px;color:#6d8c76}.window-bar>span{width:5px;height:5px;border-radius:50%;background:#477e59}.window-bar>span:nth-child(2){opacity:.65}.window-bar>span:nth-child(3){opacity:.4}.window-bar i{font:7px var(--mono);font-style:normal;margin-inline-start:8px}.window-content{height:calc(100% - 27px);display:flex;direction:ltr}.mock-sidebar{width:22%;border-right:1px solid #24392a;padding:15px 9px;display:flex;flex-direction:column;gap:12px}.mock-sidebar b{width:28px;height:8px;background:#6eb98a;margin-bottom:10px}.mock-sidebar i{height:4px;width:80%;background:#304d37}.mock-sidebar i:nth-of-type(2){width:60%}.mock-main{flex:1;padding:15px}.mock-greeting{width:42%;height:9px;background:#a5c8ad;margin-bottom:16px}.mock-stat-row{display:flex;gap:7px}.mock-stat-row span{height:35px;flex:1;background:linear-gradient(135deg,#1a3926,#132319);border:1px solid #284a32}.mock-chart{height:75px;margin-top:12px;display:flex;align-items:end;gap:5px;border-bottom:1px solid #2c4932;padding:0 5px}.mock-chart i{flex:1;background:linear-gradient(#6cc58a,#225b38);height:30%}.mock-chart i:nth-child(2){height:55%}.mock-chart i:nth-child(3){height:42%}.mock-chart i:nth-child(4){height:72%}.mock-chart i:nth-child(5){height:49%}.mock-chart i:nth-child(6){height:86%}.mock-chart i:nth-child(7){height:67%}.mock-chart i:nth-child(8){height:96%}.mock-list{display:grid;gap:5px;margin-top:12px}.mock-list i{height:4px;width:88%;background:#263c2b}.mock-list i:nth-child(2){width:65%}.mock-list i:nth-child(3){width:76%}.visual-corebit{background:radial-gradient(ellipse at 48% 50%,#1c5438,#102017 54%,#0b120d)}.corebit-poster{position:absolute;inset:20% 15% 16%;border:1px solid rgba(143,224,181,.27);display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(140deg,rgba(28,91,56,.2),rgba(7,15,9,.4));box-shadow:0 15px 50px #030a05}.mini-mark{display:grid;grid-template-columns:repeat(2,13px);gap:3px;transform:rotate(-8deg);margin-bottom:14px}.mini-mark i{height:13px;background:#86e4aa}.mini-mark i:nth-child(2){opacity:.5}.mini-mark i:nth-child(3){opacity:.7}.mini-mark i:nth-child(4){background:transparent;border:1px solid #86e4aa}.poster-small,.poster-bottom{font:7px var(--mono);letter-spacing:.15em;color:#92b89d}.corebit-poster strong{font:500 clamp(30px,4vw,50px) var(--mono);letter-spacing:-3px;margin:2px 0 11px;direction:ltr}.corebit-poster strong span{color:#9ae6b7}.corebit-poster strong b{color:#9ae6b7}.poster-lines{display:flex;gap:4px;margin-bottom:14px}.poster-lines i{width:23px;height:2px;background:#6ebd8b}.poster-lines i:nth-child(2){width:9px;opacity:.5}.visual-lab{background:radial-gradient(ellipse at 50% 50%,#182e20,#0d1510 75%)}.lab-screen{position:absolute;left:50%;top:52%;width:83%;height:61%;transform:translate(-50%,-40%) rotate(-3deg);display:flex;direction:ltr;background:#0b100d;border:1px solid #294a34;box-shadow:0 20px 55px #020503aa}.lab-sidebar{width:42px;border-right:1px solid #1c3323;display:flex;align-items:center;flex-direction:column;gap:17px;padding-top:13px;color:#77ce95;font:10px var(--mono)}.lab-sidebar i{width:12px;height:12px;border:1px solid #385b40}.lab-code{padding:20px 12px;font:clamp(7px,.8vw,10px) var(--mono);line-height:2.3;color:#b3c7b7;white-space:nowrap}.code-line{display:block}.code-line b{color:#52735b;font-weight:400;margin-right:8px}.code-line i{color:#78d9a0;font-style:normal}.code-line em{color:#d0b782;font-style:normal}.code-line strong{color:#a4d7ed;font-weight:400}.code-line.indent{padding-left:22px}.cursor,.terminal-cursor{display:inline-block;width:5px;height:11px;background:#8fe0b5;vertical-align:middle;animation:blink 1s steps(2) infinite}@keyframes blink{50%{opacity:0}}.project-meta{display:flex;align-items:start;justify-content:space-between;gap:15px;padding-top:20px}.project-type{font:8px var(--mono);letter-spacing:.07em;color:var(--green-bright)}.project-meta h3{font-size:22px;font-weight:500;margin:5px 0 5px}.project-meta p{font-size:11px;color:var(--muted);margin:0;line-height:2}.round-arrow{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--line-strong);border-radius:50%;font-size:17px;flex-shrink:0;transition:background .2s,transform .2s}.round-arrow:hover{background:var(--green);transform:rotate(45deg)}.tag-row{display:flex;gap:7px;flex-wrap:wrap;margin-top:15px}.tag-row span,.product-tags span{font:8px var(--mono);color:var(--muted);border:1px solid var(--line);padding:5px 8px}.section-bottom-link{border-top:1px solid var(--line);margin-top:54px;padding-top:20px;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:11px}
.manifesto{border-top:1px solid var(--line);border-bottom:1px solid var(--line);position:relative}.manifesto-top{display:flex;align-items:center;justify-content:space-between}.manifesto-symbol{font-size:35px;color:var(--green-bright);opacity:.7}.manifesto-body{display:grid;grid-template-columns:1.15fr .65fr;gap:70px;align-items:end;padding-block:25px 70px}.manifesto h2{font-size:clamp(38px,5.3vw,68px);line-height:1.55;letter-spacing:-2px;font-weight:500;margin:0}.manifesto-aside{padding-bottom:10px}.manifesto-aside p{font-size:13px;line-height:2.3;color:var(--muted);margin:0 0 25px}.principles{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.principle{padding:25px 20px 0 10px;border-left:1px solid var(--line)}.principle:last-child{border-left:0}.principle-number{font-size:10px;color:var(--green-bright)}.principle h3{font:16px var(--mono);font-weight:400;margin:15px 0 6px;direction:ltr;text-align:right}.principle p{font-size:11px;color:var(--muted);margin:0}
.products{padding-bottom:95px}.product-list{border-top:1px solid var(--line)}.product-row{display:grid;grid-template-columns:65px 1fr auto 36px;gap:24px;align-items:center;padding:23px 0;border-bottom:1px solid var(--line);transition:padding .25s}.product-row:hover{padding-inline:10px}.product-icon{width:54px;height:54px;border:1px solid var(--line-strong);background:var(--surface);display:grid;place-items:center;position:relative;overflow:hidden}.icon-exam span{font:500 19px var(--mono);color:var(--green-bright)}.product-icon i{position:absolute;bottom:0;left:0;width:100%;height:2px;background:var(--green-bright);transform:scaleX(.55);transform-origin:right}.icon-search .search-orb{width:23px;height:23px;border:1px solid var(--green-bright);border-radius:50%;position:relative}.icon-search .search-orb:after{content:"";position:absolute;width:10px;height:1px;background:var(--green-bright);bottom:-4px;left:-7px;transform:rotate(-48deg)}.icon-lab span{font:17px var(--mono);color:var(--green-bright)}.product-status{display:flex;align-items:center;gap:7px;color:var(--muted);font:8px var(--mono);letter-spacing:.06em}.product-status i{width:5px;height:5px;box-shadow:none}.product-info h3{font-size:20px;font-weight:500;direction:ltr;text-align:right;margin:3px 0}.product-info p{font-size:11px;color:var(--muted);margin:0}.product-tags{display:flex;gap:6px;flex-wrap:wrap}.product-link{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--line-strong);border-radius:50%;font-size:17px;color:var(--green-bright);transition:background .2s}.product-link:hover{background:var(--green);color:white}.fine-print{font-size:9px;color:var(--muted);margin-top:13px}
.journal{background:var(--surface);width:100%;padding-inline:max(32px,calc((100% - var(--container))/2));}.journal .section-heading{margin-bottom:36px}.journal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.journal-card{min-width:0}.journal-art{height:205px;position:relative;overflow:hidden;background:#132219;border:1px solid var(--line)}.journal-art-one{background:linear-gradient(145deg,#1c3927,#0c140e)}.journal-art-two{background:radial-gradient(ellipse at 65% 30%,#224d33,#101a13 65%)}.journal-art-three{background:linear-gradient(135deg,#12271a,#0a100c)}.journal-art-label{position:absolute;top:14px;right:14px;font-size:8px;color:#8db69a}.journal-shape{position:absolute;border:1px solid #70be8c;transform:rotate(35deg)}.shape-one{width:145px;height:145px;left:18%;top:30%;box-shadow:0 0 0 12px #77c9910d,0 0 0 26px #77c9910a}.shape-two{width:95px;height:95px;left:28%;top:42%;border-color:#c0edcd;transform:rotate(35deg) skew(8deg)}.journal-art-word{position:absolute;bottom:8px;left:12px;font:500 36px var(--mono);letter-spacing:-3px;color:#a1e7b8;opacity:.75}.terminal-mini{position:absolute;top:50%;left:50%;transform:translate(-50%,-40%);width:80%;padding:20px 12px;background:#0b100d;border:1px solid #2d5137;direction:ltr;font:11px/2 var(--mono);color:#d4e2d6;box-shadow:0 15px 40px #02070488}.terminal-mini i{font-style:normal;color:#80dca2}.terminal-mini b{font-weight:400;color:#d0b782}.terminal-cursor{height:12px;width:5px;margin-left:4px}.stack-cubes{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:7px;transform:rotate(-28deg)}.stack-cubes i{width:50px;height:50px;border:1px solid #6fc58a;background:linear-gradient(145deg,#245b38,#0c1c11);box-shadow:0 0 30px #3caa6522}.stack-cubes i:nth-child(2){transform:translateY(-23px);background:linear-gradient(145deg,#4b9e65,#173b24)}.stack-cubes i:nth-child(3){transform:translateY(18px)}.journal-meta{display:flex;justify-content:space-between;gap:8px;color:var(--muted);font:8px var(--mono);margin-top:18px}.journal-card h3{font-size:17px;font-weight:500;line-height:1.8;margin:11px 0 5px}.journal-card>p{font-size:11px;color:var(--muted);line-height:2;margin:0;min-height:44px}.journal-read{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:12px;margin-top:17px;font-size:10px;color:var(--green-bright)}.journal-read span{font-size:17px}
.lab-section{padding-top:105px;padding-bottom:105px}.lab-panel{display:grid;grid-template-columns:1fr .85fr;background:var(--surface);border:1px solid var(--line);min-height:420px;overflow:hidden}.lab-panel-copy{padding:55px 50px;align-self:center}.lab-panel h2{font-size:clamp(34px,4vw,50px);line-height:1.55;letter-spacing:-1.5px;font-weight:500;margin:0 0 15px}.lab-panel-copy>p{font-size:12px;color:var(--muted);line-height:2.2;max-width:410px;margin:0 0 24px}.btn-outline{border-color:var(--line-strong);background:transparent;color:var(--text)}.btn-outline:hover{border-color:var(--green-bright);background:var(--surface-3)}.lab-panel-art{position:relative;display:grid;place-items:center;min-height:390px;background:radial-gradient(ellipse at center,#183a25 0%,#111a14 50%,#0d140f 100%);overflow:hidden}.lab-panel-art:before,.lab-panel-art:after{content:"";position:absolute;width:1px;height:100%;background:#6ebd8b17;left:50%}.lab-panel-art:after{width:100%;height:1px;left:0;top:50%}.lab-rings{width:255px;height:255px;position:relative;display:grid;place-items:center}.lab-rings>i{position:absolute;inset:0;border:1px solid rgba(131,218,159,.25);border-radius:50%;transform:scaleX(.55) rotate(35deg)}.lab-rings>i:nth-child(2){transform:scaleX(.55) rotate(-35deg);border-color:rgba(131,218,159,.4)}.lab-rings>i:nth-child(3){inset:25px;border-style:dashed;opacity:.7;transform:rotate(15deg)}.lab-center{width:95px;height:95px;display:grid;place-items:center;border:1px solid #75c98f;background:#102116;font:27px var(--mono);direction:ltr;box-shadow:0 0 45px #2e9a5730;z-index:2}.lab-center span{color:var(--green-bright);animation:blink 1s steps(2) infinite}.lab-coordinate,.lab-side-note{position:absolute;bottom:23px;left:23px;color:#8ba994;font-size:8px;line-height:1.9}.lab-side-note{left:auto;right:20px;top:22px;bottom:auto;writing-mode:vertical-rl;letter-spacing:.12em}
.contact{border-top:1px solid var(--line);padding-top:90px;padding-bottom:110px}.contact-top{display:flex;align-items:center;justify-content:space-between}.contact-orb{width:45px;height:45px;border:1px solid var(--line-strong);border-radius:50%;display:grid;place-items:center;color:var(--green-bright);font-size:22px}.contact-body{display:grid;grid-template-columns:1.1fr .65fr;gap:80px;align-items:end;padding-block:25px 50px}.contact h2{font-size:clamp(44px,6vw,78px);line-height:1.4;letter-spacing:-2px;font-weight:500;margin:0}.contact-aside p{font-size:13px;line-height:2.2;color:var(--muted);margin:0 0 18px}.email-link{font:14px var(--mono);direction:ltr;display:inline-flex;gap:15px;align-items:center;color:var(--green-bright);border-bottom:1px solid var(--line-strong);padding-bottom:9px}.email-link span{font-size:18px}.contact-form{max-width:790px;border-top:1px solid var(--line);padding-top:28px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.contact-form label{display:block;color:var(--muted);font-size:10px;margin-bottom:18px}.contact-form label>span{display:block;margin-bottom:7px}.contact-form input,.contact-form textarea,.contact-form select{width:100%;border:1px solid var(--line);background:var(--surface);padding:12px 13px;border-radius:2px;color:var(--text);font-size:12px;outline:none;transition:border .2s;resize:vertical}.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{border-color:var(--green-bright)}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#738278}.contact-form select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 17px) 50%,calc(100% - 12px) 50%;background-size:5px 5px;background-repeat:no-repeat}.form-submit{min-width:190px}.form-note{font-size:9px;color:var(--muted);margin-top:12px}
.site-footer{border-top:1px solid var(--line);padding-top:28px;padding-bottom:20px}.footer-main{display:flex;align-items:center;gap:25px;padding-bottom:27px}.footer-brand .brand-mark{width:25px;height:25px}.footer-brand .brand-name{font-size:19px}.footer-main>p{font-size:10px;color:var(--muted);margin:0}.back-top{display:flex;align-items:center;gap:12px;margin-inline-start:auto;font-size:10px;color:var(--muted)}.back-top span:last-child{font-size:17px;color:var(--green-bright)}.footer-bottom{border-top:1px solid var(--line);padding-top:17px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:var(--muted);font:8px var(--mono);letter-spacing:.03em}.footer-links{display:flex;gap:20px}.footer-links a:hover{color:var(--green-bright)}.footer-status{display:flex;align-items:center;gap:8px}.footer-status i{width:5px;height:5px}
.toast{position:fixed;bottom:22px;left:22px;z-index:100;background:var(--surface-3);border:1px solid var(--line-strong);color:var(--text);padding:12px 17px;font-size:11px;max-width:calc(100% - 44px);box-shadow:0 10px 35px #0002;opacity:0;transform:translateY(10px);pointer-events:none;transition:opacity .25s,transform .25s}.toast.show{opacity:1;transform:translateY(0)}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}.reveal.is-visible{opacity:1;transform:translateY(0)}.delay-1{transition-delay:.12s}.delay-2{transition-delay:.22s}
body[dir="ltr"]{direction:ltr}body[dir="ltr"] .section-heading,body[dir="ltr"] .project-meta,body[dir="ltr"] .section-bottom-link,body[dir="ltr"] .manifesto-body,body[dir="ltr"] .contact-body{direction:ltr}body[dir="ltr"] .principle h3{text-align:left}body[dir="ltr"] .project-meta p,body[dir="ltr"] .product-info p,body[dir="ltr"] .journal-card>p{text-align:left}body[dir="ltr"] .hero h1,body[dir="ltr"] .manifesto h2,body[dir="ltr"] .contact h2{text-align:left}body[dir="ltr"] .hero-copy,body[dir="ltr"] .manifesto-aside,body[dir="ltr"] .contact-aside{text-align:left}body[dir="ltr"] .hero-footnote,body[dir="ltr"] .eyebrow{direction:ltr}body[dir="ltr"] .contact-form select{background-position:calc(100% - 17px) 50%,calc(100% - 12px) 50%}body[dir="ltr"] .journal-art-label{right:auto;left:14px}body[dir="ltr"] .journal-art-word{left:auto;right:12px}body[dir="ltr"] .lab-coordinate{left:auto;right:23px}body[dir="ltr"] .lab-side-note{right:auto;left:20px}body[dir="ltr"] .project-type,body[dir="ltr"] .product-status{direction:ltr}body[dir="ltr"] .contact-form label{text-align:left}body[dir="ltr"] .manifesto-aside p{text-align:left}body[dir="ltr"] .hero-actions{direction:ltr}body[dir="ltr"] .scroll-cue{right:auto;left:0}
@media(max-width:1000px){.desktop-nav{gap:19px;margin-inline-end:25px}.hero{min-height:590px;grid-template-columns:1fr .8fr;gap:10px}.hero-art{transform:scale(.88)}.hero h1{font-size:clamp(42px,5.4vw,62px)}.project-large .project-visual{height:370px}.project-visual{height:270px}.project-grid{gap:36px 20px}.section-space{padding-block:90px}.manifesto-body,.contact-body{gap:40px}.product-tags{max-width:180px}.journal{padding-inline:32px}.journal-art{height:170px}.lab-panel-copy{padding:40px 32px}}
@media(max-width:760px){:root{--header-h:70px}.section-wrap{width:calc(100% - 38px)}.site-header{width:calc(100% - 38px)}.desktop-nav{display:none;position:absolute;top:calc(100% + 1px);right:0;left:0;background:var(--surface);border:1px solid var(--line);padding:15px;flex-direction:column;align-items:stretch;gap:0;margin:0;box-shadow:0 18px 40px #0003}.desktop-nav.open{display:flex}.nav-link{padding:12px 7px;border-bottom:1px solid var(--line);font-size:13px}.nav-link:last-child{border-bottom:0}.nav-link:after{display:none}.header-actions{gap:7px}.contact-pill{display:none}.menu-toggle{display:grid}.hero{grid-template-columns:1fr;padding-block:62px 65px;gap:5px;min-height:auto}.hero-copy{padding-top:0}.hero h1{font-size:clamp(43px,10vw,64px);letter-spacing:-1.6px}.hero-lead{font-size:13px;max-width:560px}.hero-art{min-height:365px;transform:none;margin-top:3px}.hero-art:before{width:270px;height:270px}.orbit-one{width:320px;height:135px}.orbit-two{width:300px;height:230px}.orbit-three{width:245px;height:245px}.core-cube{transform:scale(.8) rotate(-30deg)}@keyframes cubeFloat{0%,100%{transform:translateY(0) scale(.8) rotate(-30deg)}50%{transform:translateY(-10px) scale(.8) rotate(-25deg)}}.label-top{top:45px;right:0}.label-bottom{bottom:45px;left:0}.art-index{top:12px;left:5px}.art-caption{bottom:3px}.scroll-cue{bottom:15px}.hero-footnote{margin-top:35px;flex-wrap:wrap}.ticker-track{animation-duration:25s}.section-space{padding-block:72px}.section-heading{align-items:start;flex-direction:column;gap:12px;margin-bottom:30px}.section-heading h2{font-size:34px}.section-heading>p{max-width:500px}.project-grid{grid-template-columns:1fr;gap:35px}.project-large{grid-row:auto}.project-large .project-visual,.project-visual{height:clamp(250px,67vw,390px)}.project-meta h3{font-size:20px}.section-bottom-link{align-items:flex-start;flex-direction:column;gap:15px;margin-top:38px}.manifesto-body{grid-template-columns:1fr;gap:20px;padding-block:22px 45px}.manifesto h2{font-size:clamp(40px,9vw,58px)}.manifesto-aside p{max-width:520px}.principles{grid-template-columns:1fr}.principle{padding:19px 0;border-left:0;border-bottom:1px solid var(--line)}.principle:last-child{border-bottom:0}.principle h3{margin-top:8px}.product-row{grid-template-columns:50px 1fr 34px;gap:13px;padding:18px 0}.product-icon{width:46px;height:46px}.product-tags{grid-column:2;grid-row:2;max-width:none}.product-link{grid-column:3;grid-row:1}.product-info h3{font-size:18px}.product-info p{font-size:10px}.journal{padding-inline:19px}.journal-grid{grid-template-columns:1fr;gap:32px}.journal-art{height:230px}.journal-card h3{font-size:18px}.journal-card>p{min-height:0}.lab-section{padding-block:65px}.lab-panel{grid-template-columns:1fr}.lab-panel-copy{padding:34px 25px}.lab-panel h2{font-size:38px}.lab-panel-art{min-height:310px}.lab-rings{transform:scale(.85)}.contact{padding-block:70px}.contact-body{grid-template-columns:1fr;gap:20px;padding-block:20px 35px}.contact h2{font-size:clamp(46px,10vw,68px)}.contact-aside{max-width:500px}.form-row{grid-template-columns:1fr;gap:0}.footer-main{flex-wrap:wrap;gap:12px}.footer-main>p{width:100%;order:3}.footer-bottom{flex-wrap:wrap;line-height:1.8}.footer-links{order:3;width:100%;justify-content:flex-start}.footer-status{margin-inline-start:auto}.footer-brand .brand-name{font-size:18px}body[dir="ltr"] .manifesto-body,body[dir="ltr"] .contact-body{direction:ltr}}
@media(max-width:420px){.section-wrap,.site-header{width:calc(100% - 30px)}.hero h1{font-size:41px}.hero-art{min-height:320px}.orbit-one{width:270px}.orbit-two{width:260px;height:210px}.orbit-three{width:220px;height:220px}.core-cube{transform:scale(.68) rotate(-30deg)}@keyframes cubeFloat{0%,100%{transform:translateY(0) scale(.68) rotate(-30deg)}50%{transform:translateY(-9px) scale(.68) rotate(-25deg)}}.float-label{font-size:8px;padding:7px 9px}.label-top{top:38px}.label-bottom{bottom:38px}.art-index{font-size:7px}.hero-actions{gap:18px}.btn{gap:13px;padding-inline:13px}.text-link{font-size:11px}.hero-footnote{font-size:8px}.hero-footnote .mono{font-size:8px}.section-heading h2{font-size:31px}.project-large .project-visual,.project-visual{height:245px}.research-window{width:83%}.journal{padding-inline:15px}.journal-art{height:190px}.contact h2{font-size:43px}.email-link{font-size:12px}.footer-bottom{font-size:7px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}


/* ULTRA avatar art direction — neon emerald + developer terminal details */
.hero-portrait{min-height:550px;overflow:visible}
.hero-portrait:before{width:470px;height:470px;background:radial-gradient(circle,rgba(0,255,128,.18),rgba(13,108,66,.10) 38%,transparent 72%);filter:blur(20px)}
.portrait-grid{position:absolute;inset:5% 2%;opacity:.23;background-image:linear-gradient(rgba(68,255,155,.22) 1px,transparent 1px),linear-gradient(90deg,rgba(68,255,155,.22) 1px,transparent 1px);background-size:28px 28px;mask-image:radial-gradient(ellipse at center,#000 0%,transparent 72%)}
.portrait-frame{position:relative;width:min(100%,430px);aspect-ratio:1/1.13;overflow:hidden;border:1px solid rgba(91,255,163,.45);border-radius:46% 46% 18px 18px / 35% 35% 18px 18px;background:#030705;box-shadow:0 0 0 7px rgba(39,199,111,.045),0 0 55px rgba(0,255,117,.14),inset 0 0 50px rgba(0,255,117,.08);transform:translateZ(0);animation:portraitHover 7s ease-in-out infinite}
.portrait-frame:before,.portrait-frame:after{content:"";position:absolute;z-index:2;pointer-events:none}
.portrait-frame:before{inset:12px;border:1px solid rgba(105,255,169,.28);border-radius:inherit}
.portrait-frame:after{inset:0;background:linear-gradient(145deg,rgba(13,255,126,.11),transparent 28%,transparent 70%,rgba(13,255,126,.10));mix-blend-mode:screen}
.portrait-frame img{width:100%;height:100%;display:block;object-fit:cover;object-position:center 35%;filter:saturate(.92) contrast(1.04);transition:transform .8s cubic-bezier(.2,.7,.2,1),filter .5s}
.portrait-frame:hover img{transform:scale(1.035);filter:saturate(1.06) contrast(1.06)}
.portrait-scan{position:absolute;inset:-20% 0 auto;height:35%;z-index:3;pointer-events:none;background:linear-gradient(180deg,transparent,rgba(37,255,135,.10),transparent);animation:scanSweep 6s ease-in-out infinite}
.portrait-orbit{position:absolute;border:1px solid rgba(75,255,151,.28);border-radius:50%;pointer-events:none}
.portrait-orbit-a{width:112%;height:72%;transform:rotate(-34deg)}
.portrait-orbit-b{width:92%;height:110%;transform:rotate(23deg);border-style:dashed;opacity:.55}
.code-float{position:absolute;z-index:4;display:flex;align-items:center;gap:9px;max-width:calc(100% - 14px);padding:11px 13px;color:#d8fbe5;background:rgba(5,14,9,.84);border:1px solid rgba(93,255,161,.32);box-shadow:0 12px 38px rgba(0,0,0,.24);backdrop-filter:blur(16px);font-size:9px;white-space:nowrap;animation:floatCode 5s ease-in-out infinite}
.code-float-top{top:12%;right:-2%}
.code-float-left{left:-4%;top:49%;animation-delay:-1.8s}
.code-float-bottom{bottom:12%;right:2%;animation-delay:-3s}
.code-live-dot,.about-avatar-meta i{width:6px;height:6px;border-radius:50%;background:#36ff8d;box-shadow:0 0 12px #36ff8d}
.code-state{color:#49ff9b;font-size:8px;letter-spacing:.12em}
.code-prompt{font-size:19px;color:#46ff98;font-weight:700}
.code-float-bottom i{font-style:normal;color:#58ffa2}.code-float-bottom b{font-weight:500;color:#e7f5a8}.code-cursor{color:#55ff9e;animation:cursorBlink 1s steps(2,start) infinite}
.portrait-index{position:absolute;top:7%;left:1%;font-size:8px;line-height:1.9;color:var(--muted);letter-spacing:.09em}
.portrait-caption{position:absolute;bottom:2%;left:50%;transform:translateX(-50%);display:flex;gap:10px;align-items:center;white-space:nowrap;color:var(--muted);font:9px var(--mono);letter-spacing:.1em}
.caption-bracket{color:var(--green-bright)}
.about-avatar{display:flex;align-items:center;gap:17px;margin:0 0 30px;padding:16px;border:1px solid var(--line);background:linear-gradient(110deg,rgba(22,116,71,.10),transparent);width:max-content;max-width:100%}
.about-avatar-image{width:66px;height:66px;overflow:hidden;border-radius:13px;border:1px solid rgba(72,255,147,.55);box-shadow:0 0 24px rgba(0,255,128,.10)}
.about-avatar-image img{width:100%;height:100%;object-fit:cover;object-position:center 28%;display:block}
.about-avatar-meta{display:flex;flex-direction:column;gap:9px;font-size:9px;color:var(--muted)}
.about-avatar-meta span:last-child{display:flex;align-items:center;gap:8px;letter-spacing:.08em}
@keyframes portraitHover{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes scanSweep{0%,100%{top:-25%;opacity:0}15%{opacity:.8}75%{opacity:.5}90%{top:100%;opacity:0}}
@keyframes floatCode{0%,100%{translate:0 0}50%{translate:0 -7px}}
@keyframes cursorBlink{to{opacity:0}}
@media(max-width:1000px){.hero-portrait{min-height:480px}.portrait-frame{width:min(100%,370px)}.code-float{font-size:8px;padding:9px 10px}.code-float-left{left:0}}
@media(max-width:760px){.hero-portrait{min-height:410px;margin-top:18px}.portrait-frame{width:min(78%,340px);aspect-ratio:1/1.08}.portrait-orbit-a{width:106%;height:65%}.portrait-orbit-b{width:88%;height:100%}.code-float-top{top:8%;right:0}.code-float-left{left:0;top:51%}.code-float-bottom{bottom:8%;right:0}.portrait-index{top:4%;left:0}.portrait-caption{bottom:0;font-size:8px}.about-avatar{margin-bottom:24px}}
@media(max-width:420px){.hero-portrait{min-height:350px}.portrait-frame{width:78%}.code-float{gap:6px;padding:8px;font-size:7px}.code-float-left{left:-3%}.portrait-index{font-size:7px}.about-avatar-image{width:56px;height:56px}}
@media(prefers-reduced-motion:reduce){.portrait-frame,.portrait-scan,.code-float{animation:none!important}}

/* ===== v3: neon emerald refinement, readability, interaction ===== */
html[lang=fa] *{letter-spacing:0!important}
body{background:radial-gradient(1100px 600px at 85% -10%,rgba(31,226,126,.09),transparent 60%),radial-gradient(900px 500px at 0 40%,rgba(31,226,126,.05),transparent 60%),var(--bg);background-attachment:fixed}
body.light-theme{background:radial-gradient(1000px 600px at 85% -10%,rgba(11,179,94,.12),transparent 60%),var(--bg)}
::selection{background:var(--green);color:#03150a}
:focus-visible{outline:2px solid var(--green-bright);outline-offset:3px;border-radius:3px}
.btn-primary{background:linear-gradient(135deg,#3dff95,#14c76b);color:#03150a;font-weight:700;box-shadow:0 0 0 1px rgba(61,255,149,.5),0 10px 34px -8px rgba(31,226,126,.55)}
.btn-primary:hover{background:linear-gradient(135deg,#7dffb9,#2cf08a);box-shadow:0 0 0 1px #7dffb9,0 14px 44px -6px rgba(31,226,126,.75)}
body.light-theme .btn-primary{color:#fff;background:linear-gradient(135deg,#0bb35e,#067a40);box-shadow:0 10px 30px -10px rgba(7,137,74,.6)}
.contact-pill:hover,.round-arrow:hover,.product-link:hover{background:var(--green);border-color:var(--green);color:#03150a}
.scroll-progress{background:linear-gradient(90deg,#14c76b,#9dffcb);box-shadow:0 0 16px var(--green)}
.hero h1 em,.section-heading h2 em,.manifesto h2 span,.lab-panel h2 em,.contact h2 em{background:linear-gradient(120deg,#3dff95,#b4ffd6 60%,#3dff95);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none}
body.light-theme .hero h1 em,body.light-theme .section-heading h2 em,body.light-theme .manifesto h2 span,body.light-theme .lab-panel h2 em,body.light-theme .contact h2 em{background:linear-gradient(120deg,#07894a,#0bb35e);-webkit-background-clip:text;background-clip:text}
.status-dot,.footer-status i,.product-status i,.code-live-dot{animation:pulseDot 2.2s ease-in-out infinite}
@keyframes pulseDot{50%{box-shadow:0 0 0 6px rgba(61,255,149,0),0 0 16px #3dff95}}
#bits{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:.55;mask-image:radial-gradient(ellipse at 65% 45%,#000,transparent 70%)}
/* readable sizes (was 7-9px) */
.mono,.visual-chip,.visual-caption,.project-type,.tag-row span,.product-tags span,.product-status,.journal-meta,.journal-art-label,.form-note,.footer-bottom,.eyebrow,.eyebrow .mono,.hero-footnote,.hero-footnote .mono,.section-kicker,.code-float,.code-state,.portrait-caption,.portrait-index,.scroll-cue,.about-avatar-meta,.poster-small,.poster-bottom,.lab-coordinate,.lab-side-note,.ticker-track{font-size:11.5px}
.fine-print,.footer-main>p,.back-top,.journal-read{font-size:12px}
.nav-link,.btn,.text-link,.contact-pill,.lang-btn{font-size:13px}
.project-meta p,.product-info p,.journal-card>p,.principle p,.section-heading>p,.lab-panel-copy>p,.manifesto-aside p,.contact-aside p{font-size:14px;line-height:2}
.hero-lead{font-size:15.5px}.contact-form label{font-size:12.5px}.contact-form input,.contact-form textarea,.contact-form select{font-size:14px}.toast{font-size:13px}
.tag-row span,.product-tags span{border-radius:99px;padding:4px 11px;background:rgba(61,255,149,.04)}
/* spotlight hover */
.product-row,.principle{position:relative}
.product-row:before,.principle:before,.project-visual:after,.journal-art:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:3;opacity:0;transition:opacity .3s;background:radial-gradient(340px circle at var(--mx,50%) var(--my,50%),rgba(61,255,149,.13),transparent 62%)}
.product-row:hover:before,.principle:hover:before,.project-visual:hover:after,.journal-art:hover:after{opacity:1}
.project-visual:hover{box-shadow:0 0 0 1px rgba(61,255,149,.4),0 24px 60px -20px rgba(31,226,126,.35)}
/* parallax on avatar parts */
.portrait-frame img{translate:var(--ix,0) var(--iy,0)}
.code-float{transform:translate(var(--px,0),var(--py,0));transition:transform .25s ease-out}
body[dir=ltr] .nav-link:after{right:auto;left:0}

/* ===== v4: global component styling ===== */
.site-header{position:sticky;top:0;z-index:60;background:color-mix(in srgb,var(--bg) 72%,transparent);backdrop-filter:blur(18px) saturate(1.4);border-radius:0 0 18px 18px}
.contact-pill{border-radius:99px;background:rgba(61,255,149,.06)}
.icon-btn{background:rgba(61,255,149,.05)}
.lang-btn{border:1px solid var(--line-strong);border-radius:99px;padding:6px 12px}
.ticker{background:linear-gradient(90deg,var(--bg),var(--surface) 20%,var(--surface) 80%,var(--bg))}
.project-visual,.journal-art{border-radius:20px}
.project-card:hover .project-meta h3{color:var(--green-bright)}
.project-meta h3,.product-info h3,.journal-card h3{transition:color .25s}
.visual-chip{border-radius:99px;backdrop-filter:blur(8px)}
.product-list{border:0;display:grid;gap:12px}
.product-row{border:1px solid var(--line);border-radius:20px;padding:18px 22px;background:linear-gradient(120deg,rgba(61,255,149,.045),transparent 60%),var(--surface);overflow:hidden}
.product-row:hover{padding-inline:22px;border-color:var(--line-strong);transform:translateY(-2px)}
.product-row{transition:transform .25s,border-color .25s}
.product-icon{border-radius:14px;background:var(--surface-2)}
.journal{border-block:1px solid var(--line)}
.journal-card{padding:12px 12px 16px;border:1px solid var(--line);border-radius:24px;background:var(--bg);transition:border-color .3s,transform .3s}
.journal-card:hover{border-color:var(--line-strong);transform:translateY(-4px)}
.journal-card>*:not(.journal-art){margin-inline:8px}
.principle{border-radius:18px;border:1px solid var(--line)!important;padding:22px 20px;margin:8px;background:var(--surface)}
.principles{border-top:0;margin-top:30px}
.lab-panel{border-radius:28px;box-shadow:0 30px 80px -40px rgba(31,226,126,.35)}
.contact-form{background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:28px;box-shadow:0 30px 80px -50px rgba(31,226,126,.4)}
.contact-form input,.contact-form textarea,.contact-form select{border-radius:12px;background:var(--bg)}
.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{box-shadow:0 0 0 3px rgba(61,255,149,.15)}
.btn{border-radius:99px}
.email-link:hover{color:var(--green-light);border-color:var(--green-bright)}
.site-footer{border-radius:28px 28px 0 0;background:linear-gradient(180deg,rgba(61,255,149,.04),transparent)}
.toast{border-radius:14px;backdrop-filter:blur(14px)}
.dock,.swipe-dots{display:none}

/* ===== v4: dedicated mobile experience (app-style) ===== */
@media(max-width:760px){
body{padding-bottom:104px}
.site-header{width:calc(100% - 24px);height:58px;margin-top:8px;border:1px solid var(--line);border-radius:18px;padding-inline:14px;box-shadow:0 12px 30px -16px #000}
.menu-toggle,.desktop-nav,.contact-pill,.scroll-cue,.portrait-index,.hero-footnote,.footer-links,.hero-grid{display:none!important}
.brand-name{font-size:18px}
/* floating dock */
.dock{display:flex;position:fixed;z-index:90;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));justify-content:space-around;padding:8px;border:1px solid var(--line-strong);border-radius:24px;background:color-mix(in srgb,var(--surface) 78%,transparent);backdrop-filter:blur(22px) saturate(1.5);box-shadow:0 18px 50px -12px #000,0 0 40px -18px var(--green)}
.dock a{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 0 6px;border-radius:16px;font-size:10.5px;color:var(--muted);transition:color .25s,background .25s}
.dock svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.dock a.active{color:var(--green-bright);background:rgba(61,255,149,.1)}
.dock a.active svg{filter:drop-shadow(0 0 6px var(--green))}
.toast{bottom:104px;left:12px;right:12px;max-width:none;text-align:center}
.section-wrap{width:calc(100% - 28px)}
.section-space{padding-block:46px}
/* hero: avatar first, compact */
.hero{padding-block:22px 34px;gap:0}
.hero-portrait{order:-1;min-height:330px;margin:0}
.hero-portrait:before{width:300px;height:300px}
.portrait-frame{width:62%;aspect-ratio:1/1.05}
.code-float{font-size:10px;padding:7px 9px}
.code-float-top{top:4%}.code-float-left{top:56%;left:-1%}.code-float-bottom{bottom:6%}
.eyebrow{font-size:11px;justify-content:center;margin-bottom:16px}.eyebrow-line,.eyebrow .mono{display:none}
.hero-copy{text-align:center}
.hero h1{font-size:34px!important;line-height:1.5;margin-inline:auto}
.hero-lead{font-size:14px;margin-inline:auto}
.hero-actions{flex-direction:column;gap:14px;align-items:stretch}
.hero-actions .btn{width:100%;min-height:52px;justify-content:space-between}
.hero-actions .text-link{justify-content:center}
/* section headings */
.section-heading{margin-bottom:18px}.section-heading h2{font-size:28px}
.section-heading>p{font-size:13px;margin:0}
/* swipe carousels instead of stacks */
.project-grid,.journal-grid,.principles{display:flex!important;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;margin-inline:-14px;padding:4px 14px 6px;scrollbar-width:none;overscroll-behavior-x:contain}
.project-grid::-webkit-scrollbar,.journal-grid::-webkit-scrollbar,.principles::-webkit-scrollbar{display:none}
.project-card,.journal-card,.principle{flex:0 0 80%!important;scroll-snap-align:center;margin:0!important}
.project-card.reveal,.journal-card.reveal,.principle.reveal{opacity:1;transform:none}
.project-card{padding:10px 10px 16px;border:1px solid var(--line);border-radius:26px;background:var(--surface)}
.project-large .project-visual,.project-visual{height:230px}
.project-meta{padding:16px 6px 0}.project-meta p{font-size:13px}.tag-row{padding-inline:6px}
.principle{padding:22px 20px!important}
.journal{padding-inline:14px}.journal-art{height:170px}.journal-card h3{font-size:16px}
.swipe-dots{display:flex;justify-content:center;gap:6px;margin-top:14px}
.swipe-dots i{width:6px;height:6px;border-radius:99px;background:var(--line-strong);transition:width .3s,background .3s}
.swipe-dots i.on{width:22px;background:var(--green-bright);box-shadow:0 0 10px var(--green)}
.section-bottom-link{margin-top:22px;padding-top:14px}
/* manifesto + products as tappable cards */
.manifesto h2{font-size:34px}.about-avatar{width:100%}
.product-list{gap:10px}
.product-row{grid-template-columns:50px 1fr 38px;padding:14px;border-radius:20px;gap:12px}
.product-row .product-tags{grid-column:1/-1}
.product-link{width:38px;height:38px}
/* lab + contact */
.lab-panel{border-radius:24px}.lab-panel-art{min-height:230px}.lab-panel-copy{padding:26px 20px}.lab-panel h2{font-size:30px}
.contact{padding-block:46px}.contact h2{font-size:38px}
.contact-form{padding:18px;border-radius:22px}
.contact-form input,.contact-form textarea,.contact-form select{font-size:16px;padding:14px}
.form-submit{width:100%;min-height:54px;justify-content:space-between}
.email-link{font-size:13px}
.site-footer{border-radius:22px 22px 0 0}
.footer-bottom{justify-content:center;text-align:center}.footer-status{margin:0}
}

/* ===== ULTRA v5: icons, aurora, motion, global responsiveness ===== */
@property --a{syntax:'<angle>';initial-value:0deg;inherits:false}
@keyframes spin{to{--a:360deg}}
@keyframes aurora{from{transform:translate3d(-3%,-2%,0) scale(1)}to{transform:translate3d(3%,3%,0) scale(1.12)}}
@keyframes rise{from{opacity:0;transform:translateY(26px);filter:blur(8px)}to{opacity:1;transform:none;filter:none}}
@keyframes vtReveal{from{clip-path:circle(0 at var(--tx,50%) var(--ty,0))}to{clip-path:circle(150vmax at var(--tx,50%) var(--ty,0))}}
html{scrollbar-width:thin;scrollbar-color:rgba(61,255,149,.35) transparent}
.ico{width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;display:inline-block;vertical-align:-.12em;flex-shrink:0;transition:transform .25s}
html[dir=rtl] .ico-arrow{transform:scaleX(-1)}
.text-link:hover .ico-arrow,.btn:hover .ico-arrow{translate:2px -2px}
.btn-arrow .ico,.round-arrow .ico,.product-link .ico{width:18px;height:18px}
.visual-open .ico{width:20px;height:20px}.contact-orb .ico{width:22px;height:22px}.manifesto-symbol .ico{width:34px;height:34px}.ticker-track b .ico{width:15px;height:15px}
.icon-btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.theme-toggle:hover svg{transform:rotate(30deg);transition:transform .4s}
body::before{content:"";position:fixed;inset:-25%;z-index:-1;pointer-events:none;background:radial-gradient(40% 40% at 20% 30%,rgba(31,226,126,.11),transparent 70%),radial-gradient(34% 34% at 82% 18%,rgba(34,211,238,.08),transparent 70%),radial-gradient(40% 40% at 60% 88%,rgba(31,226,126,.08),transparent 70%);animation:aurora 26s ease-in-out infinite alternate}
body.light-theme::before{opacity:.55}
.cursor-glow{position:fixed;left:-210px;top:-210px;width:420px;height:420px;border-radius:50%;pointer-events:none;z-index:1;background:radial-gradient(circle,rgba(61,255,149,.09),transparent 65%);will-change:transform}
body.light-theme .cursor-glow{background:radial-gradient(circle,rgba(11,179,94,.1),transparent 65%)}
.portrait-frame{border:2px solid transparent;background:linear-gradient(#030705,#030705) padding-box,conic-gradient(from var(--a),#3dff95,#0a3b23,#22d3ee,#0a3b23,#3dff95) border-box;animation:portraitHover 7s ease-in-out infinite,spin 9s linear infinite}
.lab-panel{border:1px solid transparent;background:linear-gradient(var(--surface),var(--surface)) padding-box,conic-gradient(from var(--a),rgba(61,255,149,.55),rgba(61,255,149,.05),rgba(34,211,238,.4),rgba(61,255,149,.05),rgba(61,255,149,.55)) border-box;animation:spin 12s linear infinite}
.hero-copy>*{animation:rise 1s cubic-bezier(.2,.7,.2,1) both}
.hero-copy>:nth-child(2){animation-delay:.12s}.hero-copy>:nth-child(3){animation-delay:.24s}.hero-copy>:nth-child(4){animation-delay:.36s}.hero-copy>:nth-child(5){animation-delay:.48s}
.reveal{filter:blur(8px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1),filter .8s ease}.reveal.is-visible{filter:none}
.section-heading h2,.hero h1,.manifesto h2,.contact h2,.lab-panel h2{text-wrap:balance}
p{text-wrap:pretty}
.brand:hover .brand-mark{transform:rotate(8deg) scale(1.08);transition:transform .35s}
.brand-mark{transition:transform .35s}
.ticker-track b{color:var(--green-bright)}
::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}
::view-transition-new(root){animation:vtReveal .75s cubic-bezier(.4,0,.2,1)}
*,*:before,*:after{min-width:0}
img{max-width:100%}
@media(min-width:1500px){:root{--container:1320px}.hero h1{font-size:82px}.hero-portrait{min-height:620px}.portrait-frame{width:min(100%,490px)}}
@media(min-width:761px) and (max-width:900px){.hero{grid-template-columns:1fr;text-align:center;padding-block:48px}.hero-portrait{order:-1;min-height:430px}.hero-actions{justify-content:center}.hero-lead{margin-inline:auto}.contact-pill,.scroll-cue{display:none}.manifesto-body,.contact-body,.lab-panel{grid-template-columns:1fr}.project-grid{grid-template-columns:1fr}.project-large{grid-row:auto}.journal-grid{grid-template-columns:repeat(2,1fr)}.section-heading{flex-wrap:wrap}}
@media(max-width:760px){.reveal,.reveal.is-visible{filter:none}.project-card.reveal,.journal-card.reveal,.principle.reveal{filter:none}.cursor-glow{display:none}.portrait-frame{border-width:1.5px}}
@media(prefers-reduced-motion:reduce){body::before,.portrait-frame,.lab-panel,.hero-copy>*{animation:none!important}.reveal{filter:none}}

/* ===== ULTRA v6: bento, terminal, palette, boot ===== */
.bento{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(200px,auto);gap:14px}
.tile{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;gap:18px;padding:26px;border:1px solid var(--line);border-radius:28px;background:linear-gradient(150deg,rgba(61,255,149,.07),transparent 55%),var(--surface);transition:border-color .3s,transform .3s,box-shadow .3s}
.tile:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .3s;background:radial-gradient(320px circle at var(--mx,50%) var(--my,50%),rgba(61,255,149,.15),transparent 62%)}
.tile:hover{border-color:var(--line-strong);transform:translateY(-3px);box-shadow:0 24px 60px -30px rgba(31,226,126,.45)}.tile:hover:before{opacity:1}
.tile.big{grid-column:span 2;grid-row:span 2}.tile.wide{grid-column:span 2}
.tile-ic{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;color:var(--green-bright);background:rgba(61,255,149,.1);border:1px solid var(--line-strong)}
.tile-ic svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.tile h3{margin:16px 0 6px;font-size:21px;font-weight:600}.tile p{margin:0;color:var(--muted);font-size:14px;line-height:1.9;max-width:420px}
.tile-code{display:grid;gap:4px;padding:16px;border-radius:16px;background:rgba(0,0,0,.35);border:1px solid var(--line);font:13px/1.9 var(--mono);color:#cfe9d8}
body.light-theme .tile-code{background:#0d2217;color:#cfe9d8}
.tile-code i{font-style:normal;color:#58ffa2}.tile-code b{font-weight:500;color:#9fe3ff}.tile-code em{font-style:normal;color:#e7f5a8}
.tile-chips{display:flex;gap:8px;margin-top:8px}.tile-chips span{padding:3px 12px;border-radius:99px;border:1px solid var(--line-strong);font-size:11.5px;color:var(--green-bright)}
.term{max-width:900px;margin-inline:auto;direction:ltr;border:1px solid var(--line-strong);border-radius:22px;overflow:hidden;background:#020503;box-shadow:0 40px 90px -40px rgba(31,226,126,.45)}
.term-bar{display:flex;align-items:center;gap:7px;padding:12px 16px;border-bottom:1px solid var(--line);color:#6e8a79;font:12px var(--mono)}
.term-bar i{width:10px;height:10px;border-radius:50%;background:#ff5f57}.term-bar i:nth-child(2){background:#febc2e}.term-bar i:nth-child(3){background:#28c840}.term-bar span{margin-inline-start:10px}
.term-body{height:230px;overflow:auto;padding:16px 18px;font:14px/1.9 var(--mono);color:#bff7d6;white-space:pre-wrap;scrollbar-width:thin}
.term-body div{unicode-bidi:plaintext;text-align:start}.term-body .u{color:#58ffa2}
.term-chips{display:flex;gap:8px;flex-wrap:wrap;padding:0 18px 12px}.term-chips button{cursor:pointer;border:1px solid var(--line-strong);background:rgba(61,255,149,.06);color:#9ff0c1;border-radius:99px;padding:4px 13px;font:12px var(--mono);transition:background .2s}
.term-chips button:hover{background:rgba(61,255,149,.18)}
.term-in{display:flex;align-items:center;gap:10px;padding:14px 18px;border-top:1px solid var(--line);color:#58ffa2;font:14px var(--mono);margin:0}
.term-in input{flex:1;background:none;border:0;outline:0;color:#e9fff1;font:inherit;padding:0;border-radius:0}
.contact-form .term-in input{width:auto}
.kbd-btn{cursor:pointer;border:1px solid var(--line-strong);background:rgba(61,255,149,.05);border-radius:10px;padding:5px 9px;color:var(--muted);transition:border-color .2s,color .2s}
.kbd-btn:hover{color:var(--green-bright);border-color:var(--green-bright)}.kbd-btn kbd{font:11px var(--mono)}
.cmdk{position:fixed;inset:0;z-index:200;display:grid;place-items:start center;padding:14vh 16px 0;background:rgba(2,6,4,.6);backdrop-filter:blur(8px)}.cmdk[hidden]{display:none}
.cmdk-box{width:min(560px,100%);border:1px solid var(--line-strong);border-radius:20px;overflow:hidden;background:var(--surface);box-shadow:0 40px 100px -20px #000,0 0 60px -20px var(--green);animation:rise .3s both}
.cmdk-in{width:100%;border:0;border-bottom:1px solid var(--line);outline:0;background:transparent;color:var(--text);padding:18px 20px;font:inherit;font-size:16px}
.cmdk-list{list-style:none;margin:0;padding:8px;max-height:320px;overflow:auto}.cmdk-list li{padding:12px 14px;border-radius:12px;cursor:pointer;color:var(--soft);font-size:14px}
.cmdk-list li.on,.cmdk-list li:hover{background:rgba(61,255,149,.12);color:var(--green-bright)}
.boot{position:fixed;inset:0;z-index:999;display:grid;place-items:center;background:#020503;color:#9ff0c1;transition:opacity .6s,visibility .6s}.boot.done{opacity:0;visibility:hidden}
.boot-in{display:grid;gap:18px;justify-items:start;width:min(320px,80vw);direction:ltr}.boot-logo{font:600 44px var(--mono);color:#3dff95;text-shadow:0 0 30px #1fe27e}
.boot pre{margin:0;min-height:94px;font:13px/1.8 var(--mono);color:#7fd9a3}.boot-bar{width:100%;height:2px;background:rgba(61,255,149,.15);overflow:hidden}.boot-bar i{display:block;height:100%;width:100%;background:#3dff95;box-shadow:0 0 12px #3dff95;transform-origin:left;animation:bootBar 1.4s ease-out both}
@keyframes bootBar{from{transform:scaleX(0)}}
@media(max-width:1000px){.bento{grid-template-columns:repeat(2,1fr)}.tile.big{grid-row:span 1}}
@media(max-width:760px){.bento{grid-template-columns:1fr;gap:12px}.tile.big,.tile.wide{grid-column:auto}.tile{padding:22px;border-radius:24px}.kbd-btn{display:none}.term-body{height:200px;font-size:13px}.term-in input{font-size:16px}}
@media(prefers-reduced-motion:reduce){.boot{display:none}}

/* ===== ULTRA v7 ===== */
#net{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;opacity:.7}
main,.site-footer,.site-header{position:relative;z-index:1}.site-header{position:sticky}
.skip{position:fixed;top:-60px;inset-inline-start:16px;z-index:300;padding:10px 16px;border-radius:12px;background:var(--green);color:#03150a;font-size:13px;font-weight:700;transition:top .2s}.skip:focus{top:12px}
@keyframes shine{to{background-position:200% center}}
.hero h1 em,.section-heading h2 em,.manifesto h2 span,.lab-panel h2 em,.contact h2 em{background-size:200% auto;animation:shine 7s linear infinite}
body.light-theme .hero h1 em,body.light-theme .section-heading h2 em,body.light-theme .manifesto h2 span,body.light-theme .lab-panel h2 em,body.light-theme .contact h2 em{animation:none}
.cur-dot,.cur-ring{position:fixed;left:0;top:0;z-index:400;pointer-events:none;border-radius:50%;will-change:transform}
.cur-dot{width:6px;height:6px;margin:-3px 0 0 -3px;background:var(--green-bright);box-shadow:0 0 12px var(--green-bright)}
.cur-ring{width:36px;height:36px;margin:-18px 0 0 -18px;border:1px solid rgba(61,255,149,.5);transition:width .25s,height .25s,margin .25s,background .25s}
.cur-ring.hot{width:56px;height:56px;margin:-28px 0 0 -28px;background:rgba(61,255,149,.08);border-color:var(--green-bright)}
.to-top{position:fixed;right:22px;bottom:22px;z-index:80;width:48px;height:48px;border:0;border-radius:50%;cursor:pointer;display:grid;place-items:center;color:var(--green-bright);background:color-mix(in srgb,var(--surface) 80%,transparent);backdrop-filter:blur(14px);opacity:0;transform:translateY(14px) scale(.9);pointer-events:none;transition:opacity .3s,transform .3s}
.to-top.show{opacity:1;transform:none;pointer-events:auto}.to-top:hover{transform:translateY(-3px)}
.to-top svg{position:absolute;inset:0;width:100%;height:100%;fill:none}.to-top .trk{stroke:var(--line-strong);stroke-width:2}.to-top .bar{stroke:var(--green-bright);stroke-width:2.4;stroke-linecap:round;transform:rotate(-90deg);transform-origin:center;filter:drop-shadow(0 0 4px var(--green))}
.to-top .arr{inset:13px;width:22px;height:22px;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
body.matrix{--green:#00d936;--green-bright:#00ff41;--green-light:#9dffb0}body.matrix #bits{opacity:1}
@media(max-width:760px){.to-top{right:14px;bottom:104px;width:44px;height:44px}#net{display:none}}
@media(hover:hover) and (pointer:fine){.cur-ring,.cur-dot{display:block}}
@media(prefers-reduced-motion:reduce){.hero h1 em,.section-heading h2 em{animation:none}}

.phone-link{margin-top:16px;display:flex;width:max-content;max-width:100%;gap:12px;font-size:15px}.phone-link .ico{width:18px;height:18px}.contact-aside{display:block}

/* ===== logo integration ===== */
.boot-logo{width:150px;height:150px;object-fit:contain;filter:drop-shadow(0 0 30px rgba(31,226,126,.6));animation:logoPop 1s cubic-bezier(.2,.8,.2,1) both;mask-image:radial-gradient(circle,#000 55%,transparent 72%)}
@keyframes logoPop{from{opacity:0;transform:scale(.7)}}
@keyframes logoFloat{50%{transform:translateY(-10px) rotate(-1deg)}}
.brand-stage{position:relative;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:20px;border:1px solid var(--line-strong);border-radius:32px;background:radial-gradient(60% 80% at 80% 50%,rgba(31,226,126,.16),transparent 70%),#020503;color:#eaffef;box-shadow:0 40px 100px -50px rgba(31,226,126,.5)}
.brand-copy{padding:48px}.brand-copy h2{font-size:clamp(32px,4vw,52px);line-height:1.5;font-weight:500;margin:0 0 14px;color:#f1fff7}
.brand-copy p{color:#9db8a8;font-size:14.5px;line-height:2.1;max-width:430px;margin:0}
.brand-logo-wrap{display:grid;place-items:center;padding:10px}
.brand-logo-wrap img{width:min(100%,460px);height:auto;aspect-ratio:1;object-fit:contain;mask-image:radial-gradient(circle,#000 58%,transparent 74%);animation:logoFloat 8s ease-in-out infinite;filter:drop-shadow(0 0 40px rgba(31,226,126,.35))}
.footer-logo{width:56px;height:56px;border-radius:14px;object-fit:cover;border:1px solid var(--line-strong)}
@media(max-width:760px){.brand-stage{grid-template-columns:1fr;border-radius:26px}.brand-copy{padding:28px 22px 0}.brand-logo-wrap img{width:86%}.boot-logo{width:120px;height:120px}}
@media(prefers-reduced-motion:reduce){.brand-logo-wrap img,.boot-logo{animation:none}}

.site-header .brand-logo{width:42px;height:42px;border-radius:12px;object-fit:cover;border:1px solid var(--line-strong);background:#020503;box-shadow:0 0 18px -4px rgba(31,226,126,.55);transition:transform .35s,box-shadow .35s}
.site-header .brand:hover .brand-logo{transform:rotate(-6deg) scale(1.08);box-shadow:0 0 26px -2px rgba(31,226,126,.8)}
@media(max-width:760px){.site-header .brand-logo{width:36px;height:36px;border-radius:10px}}

/* ===== ULTRA v8 ===== */
.filters{display:flex;gap:8px;flex-wrap:wrap;margin:-8px 0 26px}
.chip{cursor:pointer;border:1px solid var(--line-strong);background:rgba(61,255,149,.04);color:var(--soft);border-radius:99px;padding:8px 18px;font-size:13px;transition:all .25s}
.chip:hover{border-color:var(--green-bright);color:var(--green-bright)}.chip.on{background:var(--green);border-color:var(--green);color:#03150a;font-weight:700;box-shadow:0 8px 24px -8px rgba(31,226,126,.6)}
.project-card.is-hidden{display:none}.project-card.pop{animation:rise .6s cubic-bezier(.2,.7,.2,1) both}
.project-large.is-hidden+*{}
.game{max-width:420px;margin:34px auto 0;padding:22px;border:1px solid var(--line-strong);border-radius:26px;background:linear-gradient(150deg,rgba(61,255,149,.07),transparent 55%),var(--surface);text-align:center}
.game-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;flex-wrap:wrap}.game-head h3{margin:0;font-size:17px;font-weight:600}
.gm{font:12.5px var(--mono);color:var(--muted)}.gm b{color:var(--green-bright);font-weight:500}
.game-box{position:relative;border-radius:16px;overflow:hidden;border:1px solid var(--line-strong);cursor:pointer;line-height:0}
.game canvas{width:100%;height:auto;aspect-ratio:1;display:block;touch-action:none}
.game-over{position:absolute;inset:auto 0 0;padding:12px;background:rgba(2,5,3,.82);color:#bff7d6;font-size:13px;line-height:1.7;backdrop-filter:blur(6px)}.game-over[hidden]{display:none}
.dpad{display:none;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px}.dpad button{border:1px solid var(--line-strong);background:rgba(61,255,149,.06);color:var(--green-bright);border-radius:14px;padding:12px 0;font-size:16px;cursor:pointer}
.game-hint{font-size:12px;color:var(--muted);margin:12px 0 0;line-height:1.8}
.pm{padding:30px;position:relative}.pm h3{margin:0 0 14px;font-size:24px;font-weight:600;color:var(--text)}.pm dl{margin:0 0 22px}.pm dt{font:12px var(--mono);color:var(--green-bright);margin-top:14px}.pm dd{margin:4px 0 0;color:var(--soft);font-size:14.5px;line-height:2}
.pm-x{position:absolute;top:14px;inset-inline-end:16px;width:34px;height:34px;border-radius:50%;border:1px solid var(--line-strong);background:transparent;color:var(--text);font-size:20px;cursor:pointer}
@media(max-width:760px){.dpad{display:grid}.game{margin-top:24px;padding:16px;border-radius:22px}.filters{margin-bottom:18px}}