:root{--bg:#080a0c;--panel:#0e1114;--panel2:#12171b;--text:#f3f5f1;--muted:#929ba0;--line:rgba(255,255,255,.11);--acid:#b9ff3b;--cyan:#59e7ff;--amber:#ffb45c;--red:#ff4d68;--mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;--sans:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--serif:Iowan Old Style,Palatino Linotype,Book Antiqua,Palatino,Georgia,serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);overflow-x:hidden}body.booting{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.mono{font-family:var(--mono)}img{display:block;max-width:100%}.skip-link{position:fixed;left:16px;top:-80px;z-index:9999;background:var(--acid);color:#071006;padding:12px 16px;border-radius:999px;font-weight:800}.skip-link:focus{top:16px}.section-shell{width:min(1480px,100% - 64px);margin-inline:auto}.code-rain{position:fixed;inset:0;width:100%;height:100%;z-index:-5;opacity:.15;pointer-events:none}.ambient{position:fixed;width:52vw;height:52vw;border-radius:50%;filter:blur(110px);pointer-events:none;z-index:-6;opacity:.11}.ambient-a{background:var(--acid);top:-30vw;right:-22vw}.ambient-b{background:#4e64ff;bottom:-35vw;left:-27vw}
.site-header{height:82px;display:flex;align-items:center;gap:34px;padding:0 32px;border-bottom:1px solid var(--line);background:rgba(8,10,12,.72);backdrop-filter:blur(18px);position:sticky;top:0;z-index:50}.brand{display:flex;align-items:center;gap:11px}.brand-icon,.footer-brand>span{width:42px;height:42px;border:1px solid rgba(185,255,59,.45);border-radius:13px;display:grid;place-items:center;color:var(--acid);font-family:var(--mono);font-weight:900;background:rgba(185,255,59,.05)}.brand>span:last-child,.footer-brand>div{display:flex;flex-direction:column;line-height:1}.brand strong,.footer-brand strong{font-size:14px;letter-spacing:.18em}.brand small,.footer-brand small{margin-top:5px;font-size:7px;letter-spacing:.38em;color:var(--muted)}.nav{display:flex;gap:30px;margin-left:auto}.nav a{font-size:11px;color:#c8ced0;transition:.25s}.nav a:hover{color:var(--acid)}.header-actions{display:flex;align-items:center;gap:12px}.nav-cta{border:1px solid var(--line);border-radius:999px;padding:12px 16px;font-size:11px;background:#f4f6f2;color:#090c0e;font-weight:800}.sound-toggle{border:0;background:none;color:#879195;font-family:var(--mono);font-size:9px;letter-spacing:.12em;display:flex;align-items:center;gap:7px;cursor:pointer}.sound-toggle span{width:7px;height:7px;border-radius:50%;background:#556064;box-shadow:0 0 0 3px rgba(255,255,255,.03)}.sound-toggle.on{color:#d9e4d1}.sound-toggle.on span{background:var(--acid);box-shadow:0 0 14px var(--acid)}.menu-btn{display:none;border:0;background:none;width:42px;height:42px;padding:10px}.menu-btn i{display:block;height:1px;background:white;margin:7px 0}.mobile-nav{position:fixed;left:12px;right:12px;top:88px;z-index:49;border:1px solid var(--line);border-radius:18px;background:#0e1114;padding:12px;box-shadow:0 30px 80px #000}.mobile-nav a{display:block;padding:16px;border-bottom:1px solid var(--line);font-size:16px}.mobile-nav a:last-child{border:0;color:var(--acid)}
.hero{min-height:calc(100vh - 82px);display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:3vw;padding-block:72px 80px}.status-pill{display:inline-flex;align-items:center;gap:9px;padding:8px 11px;border:1px solid rgba(185,255,59,.24);border-radius:999px;background:rgba(185,255,59,.05);font-size:9px;letter-spacing:.13em;color:#dfffb1}.status-pill i{width:7px;height:7px;border-radius:50%;background:var(--acid);box-shadow:0 0 15px var(--acid);animation:pulse 1.8s infinite}.eyebrow{font-size:10px;letter-spacing:.2em;color:#7f8a8f;margin:28px 0 18px}h1,h2,.modal-copy h2{font-family:var(--serif);font-weight:500;letter-spacing:-.045em;margin:0}h1{font-size:clamp(66px,6.5vw,118px);line-height:.88}h1 em,h2 em,.modal-copy h2 em{font-weight:400;color:var(--acid);font-style:italic}.hero-lead{max-width:680px;color:#abb3b6;font-size:18px;line-height:1.65;margin:30px 0 0}.hero-actions{display:flex;gap:12px;margin-top:34px}.btn{min-height:52px;padding:0 18px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:28px;font-weight:800;font-size:11px;letter-spacing:.02em;transition:.25s}.btn span{font-size:16px}.btn.primary{background:var(--acid);color:#071006}.btn.primary:hover{transform:translateY(-3px);box-shadow:0 15px 40px rgba(185,255,59,.16)}.btn.ghost{border:1px solid var(--line);background:rgba(255,255,255,.02)}.btn.ghost:hover{background:rgba(255,255,255,.06)}.hero-meta{display:grid;grid-template-columns:repeat(3,1fr);margin-top:55px;border-top:1px solid var(--line);max-width:670px}.hero-meta div{padding:18px 18px 0 0}.hero-meta b{display:block;font-family:var(--mono);color:#eaf3e4;font-size:17px}.hero-meta span{display:block;color:#6f7a7f;font-size:10px;margin-top:5px}.hero-lab{height:min(730px,70vw);max-height:760px;min-height:580px;position:relative;perspective:1200px;transform-style:preserve-3d}.code-cube{--s:150px;width:var(--s);height:var(--s);position:absolute;left:50%;top:46%;margin-left:calc(var(--s)/-2);margin-top:calc(var(--s)/-2);transform-style:preserve-3d;animation:cubeSpin 18s linear infinite;filter:drop-shadow(0 0 35px rgba(185,255,59,.22));z-index:4}.cube-face{position:absolute;width:100%;height:100%;border:1px solid rgba(185,255,59,.35);background:rgba(15,21,18,.62);backdrop-filter:blur(8px);display:grid;place-items:center;color:var(--acid);font-family:var(--mono);font-size:24px;font-weight:800;box-shadow:inset 0 0 40px rgba(185,255,59,.03)}.face-front{transform:translateZ(calc(var(--s)/2))}.face-back{transform:rotateY(180deg) translateZ(calc(var(--s)/2))}.face-right{transform:rotateY(90deg) translateZ(calc(var(--s)/2))}.face-left{transform:rotateY(-90deg) translateZ(calc(var(--s)/2))}.face-top{transform:rotateX(90deg) translateZ(calc(var(--s)/2))}.face-bottom{transform:rotateX(-90deg) translateZ(calc(var(--s)/2))}.code-orbit{position:absolute;left:50%;top:46%;border:1px solid rgba(255,255,255,.12);border-radius:50%;transform-style:preserve-3d;z-index:2}.code-orbit span{position:absolute;font:700 10px var(--mono);color:#bac4c7;padding:6px 8px;border:1px solid var(--line);border-radius:6px;background:#0c1012}.orbit-one{width:470px;height:470px;margin:-235px;animation:orbit1 16s linear infinite}.orbit-two{width:630px;height:360px;margin-left:-315px;margin-top:-180px;transform:rotateX(68deg);animation:orbit2 21s linear infinite}.orbit-one span:nth-child(1){left:46%;top:-14px}.orbit-one span:nth-child(2){right:-25px;top:48%}.orbit-one span:nth-child(3){left:42%;bottom:-14px}.orbit-one span:nth-child(4){left:-22px;top:45%}.orbit-two span:nth-child(1){left:20%;top:0}.orbit-two span:nth-child(2){right:18%;top:10px}.orbit-two span:nth-child(3){right:5%;bottom:45px}.orbit-two span:nth-child(4){left:8%;bottom:38px}.hero-browser{position:absolute;border:1px solid rgba(255,255,255,.15);border-radius:18px;overflow:hidden;background:#101417;padding:5px;box-shadow:0 30px 70px rgba(0,0,0,.5);transform-style:preserve-3d;z-index:3}.hero-browser img{width:100%;height:100%;object-fit:cover;border-radius:12px}.browser-a{width:42%;height:31%;left:2%;top:12%;transform:rotateY(22deg) rotateZ(-5deg) translateZ(30px);animation:floatA 6s ease-in-out infinite}.browser-b{width:45%;height:31%;right:1%;bottom:10%;transform:rotateY(-19deg) rotateZ(4deg) translateZ(30px);animation:floatB 7s ease-in-out infinite}.mini-top{height:22px;display:flex;align-items:center;gap:5px;padding:0 6px}.mini-top i{width:5px;height:5px;border-radius:50%;background:#485056}.mini-top span{font:700 7px var(--mono);color:#7e898d;margin-left:auto;margin-right:5px}.floating-code{position:absolute;font-size:10px;color:#8e999d;padding:8px 10px;background:rgba(10,13,15,.75);border:1px solid var(--line);border-radius:8px;backdrop-filter:blur(8px);z-index:5;white-space:nowrap}.code-a{left:6%;bottom:25%;animation:floatCode 5s ease-in-out infinite}.code-b{right:0;top:19%;animation:floatCode 6s ease-in-out infinite reverse}.code-c{right:17%;top:67%;animation:floatCode 7s ease-in-out infinite}.ticker{border-block:1px solid var(--line);overflow:hidden;background:#0b0e10}.ticker div{white-space:nowrap;font:700 10px var(--mono);letter-spacing:.12em;color:#738084;padding:15px 0;width:max-content;animation:ticker 28s linear infinite}.ticker b{color:var(--acid);margin:0 28px}
.work,.services,.process,.contact{padding-block:135px}.section-head{display:grid;grid-template-columns:1fr minmax(260px,390px);gap:60px;align-items:end;margin-bottom:62px}.section-head .eyebrow{grid-column:1/-1;margin:0 0 -22px}.section-head h2{font-size:clamp(54px,5.5vw,96px);line-height:.94}.section-head>p:last-child{font-size:14px;line-height:1.75;color:#929da1;margin:0}.project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.project-card{background:linear-gradient(150deg,rgba(255,255,255,.05),rgba(255,255,255,.018));border:1px solid var(--line);border-radius:24px;padding:8px;transform-style:preserve-3d;perspective:1000px;transition:transform .2s ease,border-color .25s ease,box-shadow .25s ease;outline:none}.project-card:hover,.project-card:focus-visible{border-color:rgba(185,255,59,.32);box-shadow:0 28px 80px rgba(0,0,0,.35)}.project-visual{aspect-ratio:16/10;overflow:hidden;border-radius:18px;position:relative;background:#101417;transform:translateZ(22px)}.project-visual img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.8,.2,1),filter .4s}.project-card:hover .project-visual img{transform:scale(1.035)}.live-dot{position:absolute;right:12px;top:12px;background:#0a0d0e;border:1px solid rgba(185,255,59,.3);color:var(--acid);font:800 8px var(--mono);letter-spacing:.14em;padding:7px 9px;border-radius:999px;box-shadow:0 0 20px rgba(185,255,59,.12)}.live-dot:before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--acid);margin-right:6px}.code-scan{position:absolute;left:12px;bottom:12px;font-size:8px;color:#b6c4c8;background:rgba(3,5,6,.78);border:1px solid rgba(255,255,255,.11);padding:7px 9px;border-radius:7px;transform:translateY(12px);opacity:0;transition:.3s}.project-card:hover .code-scan{transform:none;opacity:1}.project-copy{display:flex;align-items:end;justify-content:space-between;gap:20px;padding:22px 16px 16px;transform:translateZ(14px)}.project-copy p{font:700 9px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#6f7b80;margin:0 0 7px}.project-copy h3{font-family:var(--serif);font-size:32px;font-weight:500;margin:0;letter-spacing:-.025em}.open-project{background:none;border:0;color:#dfe5e2;font-size:10px;border-bottom:1px solid #536064;padding:0 0 5px;cursor:pointer;white-space:nowrap}.open-project:hover{color:var(--acid);border-color:var(--acid)}
.cap-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:24px;overflow:hidden}.cap{min-height:350px;padding:28px;position:relative;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(255,255,255,.017);transition:.3s}.cap:nth-child(3n){border-right:0}.cap:nth-child(n+4){border-bottom:0}.cap:hover{background:rgba(185,255,59,.035)}.cap>span{font:700 9px var(--mono);color:#5f6a6f}.cap-symbol{width:68px;height:68px;border:1px solid rgba(185,255,59,.22);border-radius:18px;display:grid;place-items:center;color:var(--acid);font:500 25px var(--mono);margin:48px 0 36px;background:rgba(185,255,59,.03)}.cap h3{font-family:var(--serif);font-size:30px;font-weight:500;margin:0 0 12px}.cap p{color:#8f999e;line-height:1.7;font-size:13px;max-width:360px}.cap code{position:absolute;left:28px;bottom:22px;color:#5e6b70;font:600 9px var(--mono)}.code-break{height:240px;overflow:hidden;border-block:1px solid var(--line);display:flex;flex-direction:column;justify-content:center;gap:26px;background:radial-gradient(circle at center,rgba(185,255,59,.04),transparent 55%);transform:skewY(-2deg);margin-block:30px}.stream{font-size:30px;white-space:nowrap;color:#1b2726;text-shadow:0 0 22px rgba(185,255,59,.12);width:max-content}.stream-a{animation:streamA 22s linear infinite}.stream-b{animation:streamB 27s linear infinite;color:#172026}.pipeline{display:grid;grid-template-columns:repeat(4,1fr);position:relative;border-top:1px solid var(--line)}.pipeline-line{position:absolute;left:0;top:-1px;width:25%;height:2px;background:var(--acid);box-shadow:0 0 18px rgba(185,255,59,.42);animation:pipeline 8s ease-in-out infinite}.pipeline article{padding:28px 34px 20px 0;min-height:250px;border-right:1px solid var(--line)}.pipeline article+article{padding-left:34px}.pipeline article:last-child{border-right:0}.pipeline b{font:800 10px var(--mono);color:var(--acid)}.pipeline h3{font-family:var(--serif);font-weight:500;font-size:32px;margin:85px 0 10px}.pipeline p{font-size:12px;line-height:1.7;color:#849095}.contact-panel{border:1px solid rgba(185,255,59,.18);border-radius:32px;padding:70px;background:linear-gradient(140deg,rgba(185,255,59,.05),rgba(255,255,255,.02));display:grid;grid-template-columns:1fr .8fr;gap:80px;position:relative;overflow:hidden}.contact-panel:after{content:"</>";position:absolute;right:-40px;bottom:-100px;font:900 260px var(--mono);color:rgba(185,255,59,.025);transform:rotate(-12deg)}.contact-panel h2{font-size:clamp(56px,5vw,90px);line-height:.93}.contact-panel>div>p:last-child{color:#929ca0;line-height:1.75;font-size:14px;max-width:650px}.contact-links{position:relative;z-index:2}.contact-links a{display:grid;grid-template-columns:90px 1fr auto;gap:18px;align-items:center;padding:22px 0;border-bottom:1px solid var(--line);transition:.25s}.contact-links a:hover{padding-left:10px;color:var(--acid)}.contact-links span{font:700 9px var(--mono);letter-spacing:.1em;color:#6d787d;text-transform:uppercase}.contact-links strong{font-size:13px;font-weight:650;word-break:break-word}.contact-links b{font-size:18px}footer{border-top:1px solid var(--line);padding:48px 32px 22px;display:grid;grid-template-columns:1fr auto;gap:28px;background:#07090a}.footer-brand{display:flex;align-items:center;gap:12px}.footer-links{display:flex;gap:22px;align-items:center}.footer-links a{font-size:10px;color:#899398}.footer-links a:hover{color:var(--acid)}.footer-bottom{grid-column:1/-1;border-top:1px solid var(--line);padding-top:18px;display:flex;justify-content:space-between;color:#586367;font:600 8px var(--mono);letter-spacing:.12em}
.project-modal{width:min(1180px,calc(100% - 30px));max-height:90vh;border:1px solid rgba(255,255,255,.16);border-radius:28px;padding:0;background:#0c0f11;color:white;box-shadow:0 50px 140px #000;overflow:auto}.project-modal::backdrop{background:rgba(0,0,0,.82);backdrop-filter:blur(12px)}.modal-close{position:sticky;top:12px;float:right;z-index:4;width:42px;height:42px;border:1px solid var(--line);border-radius:50%;background:#121618;color:white;font-size:25px;cursor:pointer;margin:12px}.modal-grid{display:grid;grid-template-columns:1.08fr .92fr;min-height:650px}.modal-visual{padding:42px;display:flex;align-items:center;background:radial-gradient(circle at 50% 50%,rgba(185,255,59,.06),transparent 60%)}.modal-browser{width:100%;border:1px solid var(--line);border-radius:18px;padding:5px;background:#111619;transform:perspective(1000px) rotateY(4deg) rotateX(1deg);box-shadow:0 40px 90px rgba(0,0,0,.45)}.modal-browser img{border-radius:12px;width:100%;aspect-ratio:16/10;object-fit:cover}.modal-copy{padding:70px 46px 50px;display:flex;flex-direction:column;justify-content:center}.modal-copy .eyebrow{margin:0 0 15px;color:var(--acid)}.modal-copy h2{font-size:62px;line-height:.95}.modal-copy>p{color:#96a0a4;line-height:1.75;font-size:14px}.modal-tags{display:flex;flex-wrap:wrap;gap:7px;margin:18px 0 30px}.modal-tags span{border:1px solid var(--line);border-radius:999px;padding:8px 10px;font:700 8px var(--mono);color:#abb6b8}.modal-copy .btn{align-self:flex-start}
.boot{position:fixed;inset:0;z-index:500;background:#040606;color:#eaf1ed;display:grid;place-items:center;overflow:hidden;transition:opacity .75s ease,visibility .75s ease}.boot.done{opacity:0;visibility:hidden;pointer-events:none}.boot-grid{position:absolute;inset:-30%;background-image:linear-gradient(rgba(185,255,59,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(185,255,59,.04) 1px,transparent 1px);background-size:48px 48px;transform:perspective(700px) rotateX(68deg) translateY(16%);mask-image:linear-gradient(to bottom,transparent,#000 30%,#000 70%,transparent);animation:gridMove 10s linear infinite}.boot-particles{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.boot-enter{text-align:center;position:relative;z-index:3;padding:24px}.boot-mark{width:70px;height:70px;border:1px solid rgba(185,255,59,.5);border-radius:20px;display:grid;place-items:center;margin:0 auto 22px;color:var(--acid);font:900 24px var(--mono);box-shadow:0 0 50px rgba(185,255,59,.08)}.boot-enter>p:first-of-type{font:800 10px var(--mono);letter-spacing:.3em;color:#7f8c89}.boot-enter h1{font-family:var(--serif);font-size:clamp(54px,8vw,96px);line-height:1;margin:12px 0}.boot-note{font-size:12px;color:#708078}.enter-btn{margin:26px auto 0;min-width:280px;background:var(--acid);color:#061007;border:0;border-radius:999px;padding:15px 18px;display:flex;justify-content:space-between;gap:30px;font:900 10px var(--mono);cursor:pointer;box-shadow:0 0 50px rgba(185,255,59,.12)}.enter-btn b{font-weight:600}.skip-intro{margin-top:15px;border:0;background:none;color:#617069;font:700 9px var(--mono);text-decoration:underline;cursor:pointer}.terminal-wrap{width:min(820px,calc(100% - 36px));border:1px solid rgba(185,255,59,.22);border-radius:18px;background:rgba(4,8,6,.86);box-shadow:0 0 100px rgba(185,255,59,.05);position:relative;z-index:3;overflow:hidden}.terminal-head{height:43px;border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center;gap:7px;padding:0 14px}.terminal-head span{width:8px;height:8px;border-radius:50%;background:#3c4540}.terminal-head b{margin-left:8px;font:600 9px var(--mono);color:#617069}.terminal{min-height:360px;margin:0;padding:25px;color:#b8e3b1;font:500 13px/1.7 var(--mono);white-space:pre-wrap}.terminal .accent{color:var(--acid)}.compiler-status{height:42px;border-top:1px solid rgba(255,255,255,.07);display:flex;align-items:center;gap:9px;padding:0 15px;font:800 8px var(--mono);letter-spacing:.13em;color:#6f7d76}.compiler-status span{width:7px;height:7px;background:var(--amber);border-radius:50%;box-shadow:0 0 15px rgba(255,180,92,.4)}.boot.blasting{animation:bootShake .55s ease}.boot.blasting:after{content:"";position:absolute;inset:0;background:white;animation:flash .7s forwards;z-index:7;pointer-events:none}.blast-word{position:absolute;z-index:6;font:900 clamp(90px,18vw,270px)/1 var(--mono);color:var(--acid);letter-spacing:-.08em;opacity:0;transform:scale(.45)}.boot.blasting .blast-word{animation:blastWord .72s cubic-bezier(.1,.7,.2,1)}.drop-stage{position:absolute;inset:0;z-index:5;perspective:1200px;pointer-events:none}.drop-card{position:absolute;width:min(300px,32vw);aspect-ratio:16/10;background:#111;border:1px solid rgba(255,255,255,.2);border-radius:15px;padding:4px;box-shadow:0 30px 80px #000;overflow:hidden;opacity:0;transform-style:preserve-3d}.drop-card img{width:100%;height:100%;object-fit:cover;border-radius:11px}.drop-card b{position:absolute;left:12px;bottom:11px;background:rgba(3,5,6,.82);border:1px solid rgba(255,255,255,.14);padding:6px 8px;border-radius:6px;font:700 8px var(--mono)}.drop-card.go{animation:cardDrop 1.25s cubic-bezier(.15,.8,.2,1) forwards}.reveal{opacity:0;transform:translateY(26px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.8,.2,1)}.reveal.in{opacity:1;transform:none}
@keyframes pulse{50%{opacity:.35;box-shadow:0 0 2px var(--acid)}}@keyframes cubeSpin{to{transform:rotateX(360deg) rotateY(540deg) rotateZ(180deg)}}@keyframes orbit1{to{transform:rotateZ(360deg)}}@keyframes orbit2{from{transform:rotateX(68deg) rotateZ(0)}to{transform:rotateX(68deg) rotateZ(-360deg)}}@keyframes floatA{50%{transform:rotateY(22deg) rotateZ(-3deg) translate3d(0,-16px,48px)}}@keyframes floatB{50%{transform:rotateY(-19deg) rotateZ(2deg) translate3d(0,15px,52px)}}@keyframes floatCode{50%{transform:translateY(-11px)}}@keyframes ticker{to{transform:translateX(-50%)}}@keyframes streamA{from{transform:translateX(-15%)}to{transform:translateX(-55%)}}@keyframes streamB{from{transform:translateX(-48%)}to{transform:translateX(-8%)}}@keyframes pipeline{0%,100%{left:0}50%{left:75%}}@keyframes gridMove{to{background-position:0 240px,240px 0}}@keyframes bootShake{20%{transform:translateX(8px)}40%{transform:translateX(-10px)}60%{transform:translateX(7px)}80%{transform:translateX(-4px)}}@keyframes flash{0%{opacity:0}18%{opacity:1}100%{opacity:0}}@keyframes blastWord{0%{opacity:0;transform:scale(.45)}25%{opacity:1}100%{opacity:0;transform:scale(1.5)}}@keyframes cardDrop{0%{opacity:0;transform:translate3d(0,-120vh,500px) rotateX(-55deg) rotateZ(-25deg) scale(.7)}55%{opacity:1}100%{opacity:1;transform:translate3d(0,0,0) rotateX(var(--rx)) rotateY(var(--ry)) rotateZ(var(--rz)) scale(1)}}
@media(max-width:1080px){.section-shell{width:min(100% - 36px,1100px)}.nav{display:none}.menu-btn{display:block}.hero{grid-template-columns:1fr;padding-top:70px}.hero-lab{height:630px;max-height:none}.project-grid{gap:15px}.cap-grid{grid-template-columns:repeat(2,1fr)}.cap:nth-child(3n){border-right:1px solid var(--line)}.cap:nth-child(2n){border-right:0}.cap:nth-child(n+4){border-bottom:1px solid var(--line)}.cap:nth-child(n+5){border-bottom:0}.section-head{grid-template-columns:1fr;gap:25px}.section-head .eyebrow{margin:0}.pipeline{grid-template-columns:repeat(2,1fr)}.pipeline article:nth-child(2){border-right:0}.contact-panel{grid-template-columns:1fr;padding:50px}}
@media(max-width:720px){.section-shell{width:calc(100% - 28px)}.site-header{height:70px;padding:0 14px}.brand-icon{width:38px;height:38px}.brand strong{font-size:12px}.header-actions .nav-cta,.sound-toggle{display:none}.hero{min-height:auto;padding:70px 0 55px}.hero h1{font-size:clamp(56px,16vw,78px)}.hero-lead{font-size:15px;line-height:1.6}.hero-actions{flex-direction:column}.btn{justify-content:space-between}.hero-meta{grid-template-columns:1fr;margin-top:38px}.hero-meta div{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:12px 0}.hero-meta span{margin:0}.hero-lab{height:470px;min-height:0}.code-cube{--s:100px}.orbit-one{width:320px;height:320px;margin:-160px}.orbit-two{width:390px;height:250px;margin-left:-195px;margin-top:-125px}.browser-a{width:52%;height:27%;left:0;top:12%}.browser-b{width:56%;height:29%;right:0;bottom:11%}.floating-code{font-size:7px}.work,.services,.process,.contact{padding-block:88px}.section-head{margin-bottom:38px}.section-head h2{font-size:clamp(48px,13vw,66px)}.project-grid{grid-template-columns:1fr}.project-copy h3{font-size:28px}.cap-grid{grid-template-columns:1fr}.cap,.cap:nth-child(n){border-right:0;border-bottom:1px solid var(--line);min-height:315px}.cap:last-child{border-bottom:0}.cap-symbol{margin:38px 0 28px}.code-break{height:170px}.stream{font-size:20px}.pipeline{grid-template-columns:1fr}.pipeline article,.pipeline article+article{padding:25px 5px;min-height:200px;border-right:0;border-bottom:1px solid var(--line)}.pipeline article:last-child{border-bottom:0}.pipeline h3{margin-top:50px}.pipeline-line{display:none}.contact-panel{padding:34px 20px;border-radius:24px;gap:36px}.contact-panel h2{font-size:clamp(48px,13vw,68px)}.contact-links a{grid-template-columns:70px 1fr auto;gap:10px}.contact-links strong{font-size:11px}footer{grid-template-columns:1fr;padding:36px 18px 20px}.footer-links{flex-wrap:wrap}.footer-bottom{flex-direction:column;gap:8px}.modal-grid{grid-template-columns:1fr}.modal-visual{padding:50px 14px 14px}.modal-copy{padding:30px 18px 40px}.modal-copy h2{font-size:48px}.terminal{min-height:320px;font-size:10px;padding:18px}.drop-card{width:46vw}.boot-enter h1{font-size:58px}.enter-btn{min-width:260px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.code-cube,.code-orbit,.hero-browser,.floating-code,.ticker div,.stream,.pipeline-line,.boot-grid,.status-pill i{animation:none!important}.project-card{transition:none}.code-rain{display:none}}
/* Project launch transition: click -> code pulse -> immersive case-study modal */
.project-card{position:relative;overflow:hidden}.project-card:after{content:"OPENING PROJECT //";position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(circle at var(--launch-x,50%) var(--launch-y,50%),rgba(185,255,59,.28),rgba(5,8,7,.96) 34%,#050706 72%);color:var(--acid);font:900 11px var(--mono);letter-spacing:.22em;opacity:0;pointer-events:none;transform:scale(.92);transition:opacity .18s ease,transform .45s cubic-bezier(.16,.8,.2,1);z-index:9}.project-card.launching:after{opacity:1;transform:scale(1)}.project-card.launching .project-visual{transform:translateZ(58px) scale(.97);filter:saturate(1.25) contrast(1.08)}.project-card.launching .project-visual:after{content:"";position:absolute;left:0;right:0;top:-25%;height:30%;background:linear-gradient(transparent,rgba(185,255,59,.6),transparent);animation:launchScan .44s linear forwards;mix-blend-mode:screen}.project-modal[open] .modal-grid{animation:modalIn .46s cubic-bezier(.16,.8,.2,1) both}.project-modal[open] .modal-browser{animation:modalBrowserIn .7s cubic-bezier(.16,.8,.2,1) both}@keyframes launchScan{to{top:110%}}@keyframes modalIn{from{opacity:0;transform:translateY(20px) scale(.975)}to{opacity:1;transform:none}}@keyframes modalBrowserIn{from{opacity:0;transform:perspective(1000px) rotateY(18deg) rotateX(8deg) scale(.9)}to{opacity:1;transform:perspective(1000px) rotateY(4deg) rotateX(1deg) scale(1)}}
@media(prefers-reduced-motion:reduce){.project-card:after{transition:none}.project-card.launching:after{display:none}.project-modal[open] .modal-grid,.project-modal[open] .modal-browser{animation:none}}

/* =========================
   V4 — FULL MOTION DEVELOPER EXPERIENCE
   ========================= */
body{isolation:isolate}.code-rain{z-index:0;opacity:.22}.ambient{z-index:0}.site-header,main,footer{position:relative;z-index:2}.section-shell{position:relative;z-index:2}.audio-live{display:flex;align-items:center;gap:8px;font:800 8px var(--mono);letter-spacing:.16em;color:#a8b4b0}.audio-live i{width:7px;height:7px;border-radius:50%;background:var(--acid);box-shadow:0 0 16px var(--acid);animation:pulse 1.4s infinite}.boot-auto{background:radial-gradient(circle at 50% 50%,rgba(185,255,59,.06),transparent 34%),#050706}.boot-brand{position:absolute;top:28px;left:30px;z-index:4;display:flex;align-items:center;gap:10px;color:#6f7d76;font:700 8px var(--mono);letter-spacing:.18em}.boot-brand b{width:34px;height:34px;border:1px solid rgba(185,255,59,.35);border-radius:10px;display:grid;place-items:center;color:var(--acid);font-size:12px}.boot-scan{position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(180deg,transparent 0 45%,rgba(185,255,59,.075) 50%,transparent 55%);background-size:100% 220%;animation:bootScan 1.25s linear infinite}.terminal-wrap{width:min(960px,calc(100% - 34px));transform:perspective(1200px) rotateX(1.5deg);box-shadow:0 0 120px rgba(185,255,59,.08),0 30px 120px #000}.terminal-head i{margin-left:auto;font:800 7px var(--mono);letter-spacing:.15em;color:var(--acid);font-style:normal}.terminal{min-height:285px;padding:24px 27px;font-size:13px;line-height:1.72;overflow:hidden}.compiler-status{position:relative}.build-progress{height:2px;flex:1;background:rgba(255,255,255,.07);overflow:hidden;margin-left:12px}.build-progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--cyan),var(--acid));box-shadow:0 0 16px var(--acid);transition:width .16s linear}.drop-card.go{animation-duration:.82s}.blast-word{font-size:clamp(92px,20vw,290px)}
.tech-loop-layer{position:fixed;inset:0;z-index:1;pointer-events:none;overflow:hidden;opacity:.7;mask-image:linear-gradient(to bottom,transparent 0,#000 7%,#000 93%,transparent 100%)}.tech-float{--x:10%;--dur:18s;--delay:0s;position:absolute;left:var(--x);bottom:-16vh;min-width:62px;padding:8px 9px;border:1px solid rgba(185,255,59,.14);border-radius:10px;background:rgba(6,10,9,.42);backdrop-filter:blur(5px);display:flex;align-items:center;gap:7px;transform:translate3d(0,0,0);animation:techRise var(--dur) linear var(--delay) infinite}.tech-float span{font:900 10px var(--mono);color:rgba(185,255,59,.72)}.tech-float small{font:700 6px var(--mono);letter-spacing:.14em;color:rgba(171,190,184,.42)}.tech-float:after{content:"";position:absolute;inset:-1px;border-radius:inherit;background:linear-gradient(90deg,transparent,rgba(89,231,255,.08),transparent);transform:translateX(-100%);animation:techShine 3.4s ease-in-out infinite}.f1{--x:2%;--dur:19s;--delay:-5s}.f2{--x:12%;--dur:24s;--delay:-17s}.f3{--x:22%;--dur:21s;--delay:-8s}.f4{--x:31%;--dur:26s;--delay:-19s}.f5{--x:41%;--dur:20s;--delay:-12s}.f6{--x:50%;--dur:25s;--delay:-2s}.f7{--x:59%;--dur:22s;--delay:-16s}.f8{--x:68%;--dur:27s;--delay:-7s}.f9{--x:77%;--dur:20s;--delay:-15s}.f10{--x:86%;--dur:24s;--delay:-10s}.f11{--x:95%;--dur:23s;--delay:-4s}.f12{--x:7%;--dur:29s;--delay:-23s}.f13{--x:74%;--dur:31s;--delay:-25s}.f14{--x:37%;--dur:28s;--delay:-20s}
.animated-section{overflow:visible}.section-code-rail{position:relative;margin:70px 0 -35px;border-block:1px solid rgba(185,255,59,.09);height:38px;overflow:hidden;background:linear-gradient(90deg,transparent,rgba(185,255,59,.025),transparent)}.section-code-rail div{position:absolute;top:11px;white-space:nowrap;color:rgba(160,194,179,.3);font-size:8px;letter-spacing:.08em;animation:railMove 22s linear infinite}.section-code-rail.rail-reverse div{animation-direction:reverse}.section-head-kinetic{position:relative;isolation:isolate}.kinetic-title{transform-style:preserve-3d;perspective:1000px;text-shadow:0 14px 38px rgba(0,0,0,.35)}.kinetic-title span,.kinetic-title em{display:inline-block;will-change:transform;animation:titleWave 5.8s ease-in-out infinite}.kinetic-title em{animation-delay:-1.4s;filter:drop-shadow(0 0 24px rgba(185,255,59,.09))}.head-reactor{position:absolute;right:3%;top:5%;width:150px;height:150px;border-radius:50%;opacity:.5;z-index:-1;filter:drop-shadow(0 0 30px rgba(185,255,59,.08))}.head-reactor i{position:absolute;inset:0;border:1px solid rgba(185,255,59,.16);border-radius:50%;animation:reactorSpin 9s linear infinite}.head-reactor i:nth-child(2){inset:18px;border-color:rgba(89,231,255,.14);animation-direction:reverse;animation-duration:7s}.head-reactor i:nth-child(3){inset:39px;border-style:dashed;animation-duration:4.5s}.head-reactor b{position:absolute;inset:0;display:grid;place-items:center;color:rgba(185,255,59,.65);font:900 18px var(--mono);animation:reactorPulse 2.2s ease-in-out infinite}.head-reactor i:after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:var(--acid);top:8%;left:45%;box-shadow:0 0 15px var(--acid)}
.hero-title-3d{transform-style:preserve-3d;animation:heroTitleBreath 6s ease-in-out infinite}.hero-energy-ring{position:absolute;left:50%;top:46%;border-radius:50%;border:1px dashed rgba(89,231,255,.13);pointer-events:none}.ring-alpha{width:720px;height:720px;margin:-360px;animation:ringSpin 32s linear infinite}.ring-beta{width:380px;height:680px;margin-left:-190px;margin-top:-340px;transform:rotateY(70deg);border-color:rgba(185,255,59,.13);animation:ringSpin 23s linear infinite reverse}
.galaxy-visual img{object-position:top center}.project-card:before{content:"";position:absolute;inset:-2px;border-radius:26px;background:conic-gradient(from var(--card-angle,0deg),transparent 0 75%,rgba(185,255,59,.28),transparent 92%);z-index:-1;opacity:0;transition:opacity .3s}.project-card:hover:before,.project-card:focus-visible:before{opacity:.8;animation:borderSpin 2.6s linear infinite}.project-visual:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 25%,rgba(255,255,255,.07) 43%,transparent 58%);transform:translateX(-120%);z-index:2;pointer-events:none}.project-card:hover .project-visual:before{animation:projectGlint .9s ease}.project-copy{position:relative;z-index:2}
.capabilities-head{min-height:250px}.capability-reactor{position:absolute;right:4%;top:-28px;width:250px;height:250px;transform-style:preserve-3d;z-index:-1;opacity:.65}.reactor-core{position:absolute;left:50%;top:50%;width:64px;height:64px;margin:-32px;border:1px solid rgba(185,255,59,.38);border-radius:18px;display:grid;place-items:center;color:var(--acid);font:900 18px var(--mono);background:rgba(8,12,10,.75);box-shadow:0 0 45px rgba(185,255,59,.12);animation:coreHover 3.2s ease-in-out infinite}.capability-reactor>i{position:absolute;inset:18px;border:1px solid rgba(185,255,59,.14);border-radius:50%;animation:reactorSpin 13s linear infinite}.capability-reactor .cr2{inset:44px;border-color:rgba(89,231,255,.15);animation-direction:reverse;animation-duration:9s}.capability-reactor .cr3{inset:70px;border-style:dashed;animation-duration:6s}.capability-reactor .node{position:absolute;padding:6px 8px;border:1px solid rgba(255,255,255,.1);border-radius:7px;background:#0a0e0d;color:#83918c;font:800 7px var(--mono);letter-spacing:.1em;animation:nodeFloat 4s ease-in-out infinite}.capability-reactor .n1{left:9px;top:43%}.capability-reactor .n2{right:12px;top:25%;animation-delay:-1s}.capability-reactor .n3{right:22px;bottom:22%;animation-delay:-2s}.capability-reactor .n4{left:28px;bottom:12%;animation-delay:-3s}.cap{position:relative;overflow:hidden;transform-style:preserve-3d;transition:transform .24s ease,background .3s,border-color .3s}.cap:before{content:"";position:absolute;inset:-30%;background:radial-gradient(circle at var(--mx,50%) var(--my,50%),rgba(185,255,59,.1),transparent 28%);opacity:0;transition:opacity .3s}.cap:hover:before{opacity:1}.cap:hover{background:linear-gradient(150deg,rgba(185,255,59,.045),rgba(255,255,255,.02))}.cap-symbol{width:76px;height:76px;border-radius:20px;border:1px solid rgba(185,255,59,.22);display:grid;place-items:center;background:linear-gradient(145deg,rgba(185,255,59,.075),rgba(89,231,255,.018));box-shadow:inset -12px -12px 25px rgba(0,0,0,.28),0 18px 38px rgba(0,0,0,.22);transform:perspective(600px) rotateX(12deg) rotateY(-14deg);animation:iconHover 4.6s ease-in-out infinite}.cap:nth-child(2n) .cap-symbol{animation-delay:-1.2s;transform:perspective(600px) rotateX(10deg) rotateY(14deg)}.cap:nth-child(3n) .cap-symbol{animation-delay:-2.4s}.cap-symbol svg{width:44px;height:44px;fill:none;stroke:var(--acid);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 8px rgba(185,255,59,.22))}.cap code{position:relative}.cap code:after{content:"_";color:var(--acid);animation:cursorBlink .8s steps(1) infinite}
.code-break{position:relative;overflow:hidden}.code-tunnel{position:absolute;inset:-50%;perspective:600px;opacity:.3}.code-tunnel i{position:absolute;left:50%;top:50%;width:45vw;height:45vw;margin:-22.5vw;border:1px solid rgba(185,255,59,.09);transform:rotateX(68deg) rotateZ(45deg);animation:tunnelSpin 18s linear infinite}.code-tunnel i:nth-child(2){width:34vw;height:34vw;margin:-17vw;animation-direction:reverse;animation-duration:14s}.code-tunnel i:nth-child(3){width:24vw;height:24vw;margin:-12vw;animation-duration:10s}.code-tunnel i:nth-child(4){width:15vw;height:15vw;margin:-7.5vw;animation-direction:reverse;animation-duration:7s}.stream-c{top:72%;animation:streamA 22s linear infinite reverse;color:rgba(89,231,255,.13)}
.process-reactor{right:7%;top:20px}.pipeline{position:relative;perspective:1000px}.pipeline article{position:relative;transform-style:preserve-3d;transition:transform .25s ease,background .25s}.pipeline article:hover{background:linear-gradient(180deg,rgba(185,255,59,.035),transparent)}.process-symbol{width:58px;height:58px;border:1px solid rgba(185,255,59,.18);border-radius:18px;display:grid;place-items:center;color:var(--acid);font:900 14px var(--mono);margin-top:36px;box-shadow:inset 0 0 25px rgba(185,255,59,.025);animation:processFloat 4s ease-in-out infinite}.pipeline article:nth-of-type(3) .process-symbol{animation-delay:-1s}.pipeline article:nth-of-type(4) .process-symbol{animation-delay:-2s}.pipeline article:nth-of-type(5) .process-symbol{animation-delay:-3s}.pipeline-packet{position:absolute;top:11px;left:0;z-index:3;padding:4px 6px;border-radius:5px;background:var(--acid);color:#071006;font:900 6px var(--mono);box-shadow:0 0 18px rgba(185,255,59,.4);animation:packetFlow 4.8s cubic-bezier(.55,.05,.45,.95) infinite}.process-console{margin-top:18px;border:1px solid var(--line);border-radius:15px;background:rgba(8,12,12,.7);padding:16px 18px;display:flex;align-items:center;gap:16px;overflow:hidden;box-shadow:inset 0 0 35px rgba(185,255,59,.015)}.process-console span{color:#687671;font-size:8px}.process-console b{font:800 8px var(--mono);letter-spacing:.12em}.process-console i{color:var(--acid);font-style:normal;animation:consoleArrow 1.2s ease-in-out infinite}.process-console em{margin-left:auto;color:var(--acid);font:800 7px var(--mono);font-style:normal;letter-spacing:.12em}
.contact-panel{position:relative;overflow:hidden;isolation:isolate}.contact-panel:before{content:"";position:absolute;inset:-35%;background:conic-gradient(from 0deg,transparent,rgba(185,255,59,.035),transparent,rgba(89,231,255,.03),transparent);animation:contactWash 18s linear infinite;z-index:-2}.contact-panel:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(185,255,59,.045),transparent 43%);z-index:-1}.contact-engine{position:absolute;right:38%;top:50%;width:260px;height:260px;margin-top:-130px;opacity:.48;z-index:-1}.contact-engine>i{position:absolute;inset:0;border:1px solid rgba(185,255,59,.15);border-radius:50%;animation:reactorSpin 10s linear infinite}.contact-engine .ce2{inset:34px;border-color:rgba(89,231,255,.13);animation-direction:reverse;animation-duration:8s}.contact-engine .ce3{inset:72px;border-style:dashed;animation-duration:5s}.contact-engine b{position:absolute;inset:0;display:grid;place-items:center;color:var(--acid);font:900 24px var(--mono);text-shadow:0 0 25px rgba(185,255,59,.3)}.contact-engine span{position:absolute;left:50%;top:80%;transform:translateX(-50%);white-space:nowrap;color:#6f7f79;font:800 7px var(--mono);letter-spacing:.12em}.contact-links a{position:relative;overflow:hidden;transform-style:preserve-3d}.contact-links a:after{content:"";position:absolute;left:-40%;top:0;width:30%;height:100%;background:linear-gradient(90deg,transparent,rgba(185,255,59,.09),transparent);transform:skewX(-20deg)}.contact-links a:hover:after{animation:linkSweep .7s ease forwards}
.interactive-tilt{will-change:transform}.animated-section.section-live .section-head:after{content:"";position:absolute;left:0;bottom:-22px;width:90px;height:1px;background:linear-gradient(90deg,var(--acid),transparent);box-shadow:0 0 14px rgba(185,255,59,.28);animation:sectionLine 1.1s ease both}
@keyframes bootScan{to{background-position:0 -220%}}@keyframes techRise{0%{transform:translate3d(0,0,0) rotate(-3deg);opacity:0}8%{opacity:.7}50%{transform:translate3d(18px,-58vh,0) rotate(3deg)}92%{opacity:.55}100%{transform:translate3d(-14px,-125vh,0) rotate(-4deg);opacity:0}}@keyframes techShine{50%{transform:translateX(180%)}}@keyframes railMove{from{transform:translateX(8vw)}to{transform:translateX(-70%)}}@keyframes titleWave{0%,100%{transform:perspective(900px) rotateX(0) rotateY(0) translateZ(0)}50%{transform:perspective(900px) rotateX(-2deg) rotateY(2deg) translate3d(4px,-5px,18px)}}@keyframes reactorSpin{to{transform:rotate(360deg)}}@keyframes reactorPulse{50%{transform:scale(1.08);opacity:.7}}@keyframes heroTitleBreath{50%{transform:perspective(1000px) rotateX(.8deg) translateZ(8px);text-shadow:0 20px 45px rgba(0,0,0,.35)}}@keyframes ringSpin{to{transform:rotate(360deg)}}@keyframes borderSpin{to{--card-angle:360deg}}@keyframes projectGlint{to{transform:translateX(140%)}}@keyframes coreHover{50%{transform:translateY(-8px) rotate(4deg)}}@keyframes nodeFloat{50%{transform:translateY(-8px)}}@keyframes iconHover{50%{transform:perspective(600px) rotateX(7deg) rotateY(10deg) translateY(-8px)}}@keyframes cursorBlink{50%{opacity:0}}@keyframes tunnelSpin{to{transform:rotateX(68deg) rotateZ(405deg)}}@keyframes processFloat{50%{transform:translateY(-7px) rotateZ(3deg);box-shadow:0 12px 35px rgba(185,255,59,.07)}}@keyframes packetFlow{0%,100%{left:0}50%{left:calc(100% - 45px)}}@keyframes consoleArrow{50%{transform:translateX(4px);opacity:.45}}@keyframes contactWash{to{transform:rotate(360deg)}}@keyframes linkSweep{to{left:130%}}@keyframes sectionLine{from{width:0;opacity:0}to{width:90px;opacity:1}}
@property --card-angle{syntax:'<angle>';initial-value:0deg;inherits:false}
@media(max-width:1080px){.capability-reactor{right:0;top:20px;opacity:.35}.contact-engine{right:8%;opacity:.28}.head-reactor{opacity:.3}.tech-loop-layer{opacity:.52}}
@media(max-width:720px){.audio-live{display:none}.terminal{min-height:245px;font-size:8.5px;line-height:1.65;padding:16px}.terminal-wrap{width:calc(100% - 20px);border-radius:14px}.boot-brand{top:14px;left:14px}.terminal-head i{display:none}.build-progress{margin-left:4px}.tech-loop-layer{opacity:.45}.tech-float{min-width:48px;padding:6px}.tech-float small{display:none}.tech-float:nth-child(even){display:none}.section-code-rail{margin-top:45px}.head-reactor,.capability-reactor{width:160px;height:160px;right:-30px;top:60px;opacity:.2}.capability-reactor .node{display:none}.capabilities-head{min-height:0}.cap-symbol{width:68px;height:68px}.cap-symbol svg{width:38px;height:38px}.contact-engine{width:180px;height:180px;margin-top:-90px;right:-25px;opacity:.18}.process-console{gap:8px;padding:13px 11px}.process-console span,.process-console i{display:none}.process-console b{font-size:7px}.process-console em{font-size:6px}.ring-alpha{width:480px;height:480px;margin:-240px}.ring-beta{display:none}.section-head>p:last-child{max-width:88%}.drop-card.go{animation-duration:.7s}}
@media(prefers-reduced-motion:reduce){.tech-loop-layer,.section-code-rail,.head-reactor,.capability-reactor,.contact-engine,.hero-energy-ring,.code-tunnel,.process-console{display:none!important}.kinetic-title span,.kinetic-title em,.hero-title-3d,.cap-symbol,.process-symbol{animation:none!important}.animated-section.section-live .section-head:after{animation:none}}
/* Compatibility: if an older cached HTML shell appears, bypass its former enter gate. */
.boot-enter{display:none!important}


/* =========================
   V5 — AUDIO CONTROL + INTRO HOLD
   Visual design is intentionally unchanged from V4.
   ========================= */
.sound-toggle{appearance:none;-webkit-appearance:none;border:1px solid rgba(255,255,255,.1);background:rgba(9,13,12,.72);color:#a8b4b0;border-radius:999px;padding:9px 11px;display:flex;align-items:center;gap:7px;cursor:pointer;font:800 8px var(--mono);letter-spacing:.12em;white-space:nowrap;transition:border-color .2s ease,background .2s ease,color .2s ease,transform .2s ease;touch-action:manipulation}.sound-toggle:hover{transform:translateY(-1px);border-color:rgba(185,255,59,.28)}.sound-toggle span{width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:#556064;box-shadow:0 0 0 3px rgba(255,255,255,.03)}.sound-toggle b{font:inherit}.sound-toggle.on{color:#d9e4d1;border-color:rgba(185,255,59,.18);background:rgba(185,255,59,.04)}.sound-toggle.on span{background:var(--acid);box-shadow:0 0 14px var(--acid)}.sound-toggle.needs-unlock span{animation:soundReadyPulse .8s ease-in-out infinite}.boot-sound-toggle{position:absolute;top:28px;right:30px;z-index:10;background:rgba(4,8,6,.78);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.header-actions .sound-toggle{display:flex}.drop-stage{transition:filter .35s ease}.boot.blasting .drop-stage{filter:saturate(1.04)}
@keyframes soundReadyPulse{0%,100%{box-shadow:0 0 8px var(--acid);opacity:.65}50%{box-shadow:0 0 22px var(--acid);opacity:1}}
@media(max-width:720px){.header-actions{margin-left:auto;gap:7px}.header-actions .nav-cta{display:none}.header-actions .sound-toggle,.boot-sound-toggle{display:flex!important}.header-actions .sound-toggle{padding:7px 8px;font-size:6.5px;letter-spacing:.08em}.header-actions .sound-toggle span{width:6px;height:6px;flex-basis:6px}.boot-sound-toggle{top:14px;right:14px;padding:8px 10px;font-size:7px}.site-header{gap:9px}.menu-btn{flex:0 0 42px}.brand{min-width:0}.brand>span:last-child{min-width:0}}

/* V6 sound-unlock fallback: shown only when the browser blocks first-visit audible autoplay. */
.audio-unlock-hint{position:absolute;left:50%;bottom:clamp(34px,7vh,76px);z-index:14;transform:translateX(-50%);display:flex;align-items:center;gap:12px;padding:12px 16px;border:1px solid rgba(185,255,59,.28);border-radius:999px;background:rgba(3,8,6,.82);box-shadow:0 18px 70px rgba(0,0,0,.45),0 0 35px rgba(185,255,59,.08);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);pointer-events:none;white-space:nowrap}.audio-unlock-hint[hidden]{display:none!important}.audio-unlock-pulse{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--acid);color:#061006;font:900 10px var(--mono);box-shadow:0 0 28px rgba(185,255,59,.46);animation:audioGatePulse 1.05s ease-in-out infinite}.audio-unlock-hint>div{display:flex;flex-direction:column;gap:3px}.audio-unlock-hint b{font:800 8px var(--mono);letter-spacing:.16em;color:#ecf3e8}.audio-unlock-hint small{font:700 6.5px var(--mono);letter-spacing:.19em;color:var(--acid)}body.audio-awaiting-gesture .terminal-wrap{box-shadow:0 0 145px rgba(185,255,59,.12),0 30px 120px #000}body.audio-awaiting-gesture .build-progress i{width:3%!important;animation:audioReadyBar 1.1s ease-in-out infinite}.boot-sound-toggle.needs-unlock{border-color:rgba(185,255,59,.45);box-shadow:0 0 30px rgba(185,255,59,.08)}@keyframes audioGatePulse{50%{transform:scale(1.09);box-shadow:0 0 42px rgba(185,255,59,.62)}}@keyframes audioReadyBar{50%{width:16%!important;opacity:.45}}
@media(max-width:720px){.audio-unlock-hint{bottom:30px;max-width:calc(100% - 28px);padding:10px 13px;gap:9px}.audio-unlock-pulse{width:28px;height:28px}.audio-unlock-hint b{font-size:7px}.audio-unlock-hint small{font-size:5.5px;letter-spacing:.13em}}

/* =========================
   V8 — PERFORMANCE PASS
   Visual design preserved; intro/blast work is shifted to compositor-friendly paths.
   ========================= */

/* Nothing under the opaque intro needs to paint or animate. Keeping layout alive avoids a
   post-intro reflow, while visibility prevents expensive off-screen 3D layers from rendering. */
body.booting > .code-rain,
body.booting > .ambient,
body.booting > .tech-loop-layer,
body.booting > .site-header,
body.booting > main,
body.booting > footer{visibility:hidden!important;pointer-events:none!important}

.boot{contain:layout paint style;will-change:transform,opacity;transform:translateZ(0)}
.boot-particles{will-change:opacity;transform:translateZ(0)}
.terminal-wrap{will-change:transform,opacity;backface-visibility:hidden;transform:perspective(1200px) rotateX(1.5deg) translateZ(0)}
.blast-word{will-change:transform,opacity;backface-visibility:hidden}

/* Move the grid as a composited layer instead of repainting background-position every frame. */
.boot-grid{animation:gridDriftTransform 10s linear infinite;will-change:transform;backface-visibility:hidden}
@keyframes gridDriftTransform{
  from{transform:perspective(700px) rotateX(68deg) translate3d(0,16%,0)}
  to{transform:perspective(700px) rotateX(68deg) translate3d(42px,calc(16% + 82px),0)}
}

/* The scan line previously animated a full-screen background-position. This looks the same but
   only moves one narrow composited strip. */
.boot-scan{background:none!important;overflow:hidden;will-change:transform}
.boot-scan:before{content:"";position:absolute;left:0;right:0;top:40%;height:18%;background:linear-gradient(180deg,transparent,rgba(185,255,59,.075) 50%,transparent);transform:translate3d(0,-340%,0);will-change:transform;animation:bootScanTransform 1.25s linear infinite}
@keyframes bootScanTransform{to{transform:translate3d(0,660%,0)}}

/* Progress updates use transform rather than width, avoiding layout on each typing frame. */
.build-progress i{width:100%!important;transform:scaleX(0);transform-origin:left center;transition:none!important;will-change:transform}
body.audio-awaiting-gesture .build-progress i{width:100%!important;animation:audioReadyScale 1.1s ease-in-out infinite!important}
@keyframes audioReadyScale{0%,100%{transform:scaleX(.03);opacity:1}50%{transform:scaleX(.16);opacity:.45}}

/* Keep every drop card, but make the falling phase cheaper. The richer shadow returns after it lands. */
.drop-stage{transition:none!important;filter:none!important;transform:translateZ(0)}
.boot.blasting .drop-stage{filter:none!important}
.drop-card{will-change:transform,opacity;backface-visibility:hidden;transform:translateZ(0);box-shadow:0 12px 30px rgba(0,0,0,.58);contain:layout style}
.drop-card.go{animation-duration:.78s}
.drop-card.settled{will-change:auto;box-shadow:0 26px 68px rgba(0,0,0,.82)}
.drop-card img{backface-visibility:hidden;transform:translateZ(0)}

/* Off-screen sections are kept intact but are not painted until needed. */
.work,.services,.process,.contact{content-visibility:auto;contain-intrinsic-size:auto 900px}

@media(max-width:720px){
  .terminal-wrap{box-shadow:0 0 58px rgba(185,255,59,.06),0 24px 80px rgba(0,0,0,.88)}
  body.audio-awaiting-gesture .terminal-wrap{box-shadow:0 0 70px rgba(185,255,59,.09),0 24px 80px rgba(0,0,0,.9)}
  .drop-card.go{animation-duration:.68s}
  .drop-card{box-shadow:0 8px 22px rgba(0,0,0,.55)}
  .drop-card.settled{box-shadow:0 18px 42px rgba(0,0,0,.8)}
  .boot-sound-toggle,.audio-unlock-hint{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:rgba(3,8,6,.94)}
}

/* =========================
   V9 — NON-iOS SMOOTHNESS + PROJECT LAUNCH RELIABILITY
   iOS keeps the existing rich path because it is already smooth there.
   ========================= */

/* Chromium/Android/Windows: do not animate the floor grid and scan strip during the exact
   explosion window. They return naturally when the blast scene ends. */
.platform-nonios .boot.blasting{animation:none!important}
.platform-nonios .boot.blasting .boot-grid,
.platform-nonios .boot.blasting .boot-scan{animation-play-state:paused!important;opacity:0!important}
.platform-nonios .boot.blasting:after{animation-duration:.46s!important}

/* Preserve all eight falling covers, but use a cheaper transform path on non-iOS GPUs. */
.platform-nonios .drop-stage{perspective:none!important}
.platform-nonios .drop-card{transform-style:flat!important;box-shadow:0 10px 28px rgba(0,0,0,.6)!important;contain:layout paint style}
.platform-nonios .drop-card.go{animation-name:cardDropNonIOS!important;animation-duration:.58s!important;animation-timing-function:cubic-bezier(.18,.82,.24,1)!important}
.platform-nonios .drop-card.settled{box-shadow:0 20px 48px rgba(0,0,0,.76)!important}
@keyframes cardDropNonIOS{
  0%{opacity:0;transform:translate3d(0,-90vh,0) rotateZ(-15deg) scale(.84)}
  50%{opacity:1}
  100%{opacity:1;transform:translate3d(0,0,0) rotateZ(var(--rz)) scale(1)}
}

/* Large backdrop blurs and live blur filters are a common raster bottleneck on Chrome/Edge
   and Android WebView. The surfaces remain visually translucent without sampling the page behind. */
.platform-nonios .site-header{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:rgba(8,10,12,.9)!important}
.platform-nonios .cube-face{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:rgba(15,21,18,.86)!important}
.platform-nonios .floating-code,
.platform-nonios .tech-float,
.platform-nonios .boot-sound-toggle,
.platform-nonios .audio-unlock-hint{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.platform-nonios .ambient{filter:none!important;opacity:.11}
.platform-nonios .ambient-a{background:radial-gradient(circle,rgba(185,255,59,.5),rgba(185,255,59,.1) 38%,transparent 72%)}
.platform-nonios .ambient-b{background:radial-gradient(circle,rgba(78,100,255,.42),rgba(78,100,255,.09) 38%,transparent 72%)}

/* Keep the SHIP impact but reduce oversized text/shadow rasterization on Android/Windows. */
.platform-nonios .blast-word{text-shadow:none!important;will-change:transform,opacity}
.platform-nonios .terminal-wrap{box-shadow:0 18px 56px rgba(0,0,0,.8),0 0 34px rgba(185,255,59,.06)!important}

/* Project opening still has a scanning pulse, but non-iOS avoids expensive screen blending. */
.platform-nonios .project-card.launching .project-visual:after{mix-blend-mode:normal!important;background:linear-gradient(transparent,rgba(185,255,59,.34),transparent)!important}
.project-card.launching:after{transition:opacity .12s ease,transform .28s cubic-bezier(.16,.8,.2,1)!important}

/* Avoid painting portfolio cards far outside the viewport. */
.project-card{content-visibility:auto;contain-intrinsic-size:620px 430px}
.project-modal[hidden]{display:none!important}

@media(max-width:720px){
  .platform-nonios .blast-word{font-size:clamp(72px,20vw,150px)!important}
  .platform-nonios .drop-card{border-radius:12px;padding:3px}
  .platform-nonios .drop-card b{font-size:6.5px;padding:5px 6px;left:8px;bottom:8px}
}

/* =========================
   V10 — CLEAR BUSINESS STORY + LIGHTWEIGHT CONTINUOUS MOTION
   The established visual identity remains; all added motion uses transform/opacity.
   ========================= */
html,body{max-width:100%;overflow-x:clip}
.benefits,.investment{padding-block:135px;content-visibility:auto;contain-intrinsic-size:auto 1000px}
.benefit-grid,.investment-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.benefit-card,.investment-card{position:relative;min-height:250px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.012));overflow:hidden;transform-style:preserve-3d;transition:transform .24s ease,border-color .25s ease,background .25s ease}
.benefit-card{padding:27px;display:flex;flex-direction:column;justify-content:space-between;gap:46px}
.benefit-card:before,.investment-card:before{content:"";position:absolute;left:10%;right:10%;bottom:0;height:1px;background:linear-gradient(90deg,transparent,var(--acid),transparent);transform:scaleX(.15);opacity:.2;animation:cardEnergy 4.8s ease-in-out infinite}
.benefit-card:nth-child(2n):before,.investment-card:nth-child(2n):before{animation-delay:-1.6s}
.benefit-card:nth-child(3n):before,.investment-card:nth-child(3n):before{animation-delay:-3.2s}
.benefit-card:hover,.investment-card:hover{border-color:rgba(185,255,59,.27);background:linear-gradient(145deg,rgba(185,255,59,.04),rgba(255,255,255,.015))}
.benefit-icon{width:52px;height:52px;border:1px solid rgba(185,255,59,.24);border-radius:16px;display:grid;place-items:center;color:var(--acid);background:rgba(185,255,59,.035);font:900 14px var(--mono);box-shadow:inset 0 0 24px rgba(185,255,59,.025);animation:benefitFloat 4.4s ease-in-out infinite}
.benefit-card:nth-child(2n) .benefit-icon{animation-delay:-1.4s}.benefit-card:nth-child(3n) .benefit-icon{animation-delay:-2.8s}
.benefit-card h3,.investment-card h3{font-family:var(--serif);font-weight:500;font-size:27px;line-height:1.08;margin:0 0 12px}
.benefit-card p,.investment-card p{margin:0;color:#909b9f;font-size:12.5px;line-height:1.7}
.benefit-flow{margin-top:18px;border:1px solid var(--line);border-radius:15px;padding:15px 18px;display:flex;align-items:center;justify-content:center;gap:20px;background:rgba(8,12,12,.65);overflow:hidden}
.benefit-flow span{font:800 8px var(--mono);letter-spacing:.13em}.benefit-flow i{width:46px;height:1px;background:linear-gradient(90deg,transparent,var(--acid));position:relative;opacity:.7}.benefit-flow i:after{content:"";position:absolute;right:-1px;top:-2px;width:5px;height:5px;border-radius:50%;background:var(--acid);animation:flowDot 1.8s ease-in-out infinite}
.benefit-flow i:nth-of-type(2):after{animation-delay:-.6s}.benefit-flow i:nth-of-type(3):after{animation-delay:-1.2s}
.benefits-reactor b{font-size:11px!important;letter-spacing:.08em}.investment-reactor b{font-family:var(--serif)!important;font-size:30px!important}
.investment-grid{grid-template-columns:repeat(4,1fr)}
.investment-card{min-height:255px;padding:28px;display:flex;flex-direction:column}
.investment-card>b{color:var(--acid);font:800 10px var(--mono);letter-spacing:.12em}
.investment-card h3{margin-top:auto;padding-top:64px}
.investment-note{margin:18px 0 0;border-left:2px solid var(--acid);background:rgba(185,255,59,.035);padding:18px 20px;color:#9ba5a7;font-size:12.5px;line-height:1.7}
.investment-note strong{color:#e9efea}

/* Six clear journey steps keep the existing pipeline language but fit naturally. */
.pipeline{grid-template-columns:repeat(3,1fr)}
.pipeline article{min-height:300px;padding:28px 28px 24px;border-bottom:1px solid var(--line)}
.pipeline article+article{padding-left:28px}
.pipeline article:nth-of-type(3n){border-right:0}
.pipeline article:nth-last-of-type(-n+3){border-bottom:0}
.pipeline h3{font-size:28px;margin:46px 0 10px;line-height:1.08}
.pipeline code{display:block;margin-top:18px;color:#5e6b70;font:600 8px var(--mono)}
.pipeline-line{width:16.6667%;animation-name:pipelineSix}
.process-symbol{margin-top:28px}
.process-console{gap:11px}.process-console b{font-size:7px}

/* After landing, project covers keep drifting for the full showcase instead of freezing. */
.drop-card{--drift-x:5px;--drift-y:-5px}
.drop-card:nth-child(2n){--drift-x:-6px;--drift-y:4px}.drop-card:nth-child(3n){--drift-x:4px;--drift-y:6px}
.drop-card.go.settled{opacity:1!important;animation:dropShowcase 2.8s ease-in-out infinite!important;will-change:transform}
.platform-nonios .drop-card.go.settled{animation:dropShowcaseLite 2.8s ease-in-out infinite!important}
.boot.showcase:after,.boot.showcase .blast-word{display:none!important}
.showcase-caption{position:absolute;left:50%;bottom:clamp(18px,3.5vh,38px);z-index:8;width:min(560px,calc(100% - 30px));transform:translate3d(-50%,12px,0);opacity:0;text-align:center;pointer-events:none;transition:opacity .42s ease,transform .42s ease}
.showcase-caption b,.showcase-caption span{display:block}.showcase-caption b{color:var(--acid);font:900 8px var(--mono);letter-spacing:.2em}.showcase-caption span{margin-top:6px;color:#9ca8a3;font:600 8px/1.45 var(--mono)}
.boot.showcase .showcase-caption{opacity:1;transform:translate3d(-50%,0,0)}

/* Pause section-owned motion while it is off screen and free compositor memory. */
.interactive-tilt{will-change:auto}
.animated-section:not(.section-live) .kinetic-title span,
.animated-section:not(.section-live) .kinetic-title em,
.animated-section:not(.section-live) .head-reactor i,
.animated-section:not(.section-live) .head-reactor b,
.animated-section:not(.section-live) .capability-reactor *,
.animated-section:not(.section-live) .cap-symbol,
.animated-section:not(.section-live) .process-symbol,
.animated-section:not(.section-live) .pipeline-packet,
.animated-section:not(.section-live) .benefit-icon,
.animated-section:not(.section-live) .benefit-card:before,
.animated-section:not(.section-live) .investment-card:before,
.animated-section:not(.section-live) .contact-engine *,
.animated-section:not(.section-live) .section-code-rail div,
.code-break:not(.section-live) .code-tunnel i,
.code-break:not(.section-live) .stream{animation-play-state:paused!important}
.page-hidden *{animation-play-state:paused!important}

/* Lower-power phones and computers keep the core 3D experience with fewer live layers. */
.performance-lite .tech-float:nth-child(3n),.performance-lite .tech-float:nth-child(4n){display:none}
.performance-lite .tech-float{animation-duration:34s!important}.performance-lite .code-tunnel i:nth-child(n+3){display:none}
.performance-lite .hero-energy-ring.ring-beta{display:none}.performance-lite .ambient{opacity:.07}
.performance-lite .benefit-card:before,.performance-lite .investment-card:before{animation-duration:7s}
.performance-lite .kinetic-title span,.performance-lite .kinetic-title em{animation-duration:8s}

@keyframes cardEnergy{0%,100%{transform:scaleX(.12);opacity:.16}50%{transform:scaleX(1);opacity:.58}}
@keyframes benefitFloat{0%,100%{transform:translate3d(0,0,0) rotate(0)}50%{transform:translate3d(0,-7px,0) rotate(3deg)}}
@keyframes flowDot{0%,100%{transform:translateX(-38px);opacity:0}25%,75%{opacity:1}50%{transform:translateX(0);opacity:1}}
@keyframes pipelineSix{0%,100%{left:0}50%{left:83.3333%}}
@keyframes dropShowcase{0%,100%{opacity:1;transform:translate3d(0,0,0) rotateX(var(--rx)) rotateY(var(--ry)) rotateZ(var(--rz)) scale(1)}50%{opacity:1;transform:translate3d(var(--drift-x),var(--drift-y),16px) rotateX(calc(var(--rx) + 1deg)) rotateY(calc(var(--ry) - 1deg)) rotateZ(var(--rz)) scale(1.012)}}
@keyframes dropShowcaseLite{0%,100%{opacity:1;transform:translate3d(0,0,0) rotateZ(var(--rz)) scale(1)}50%{opacity:1;transform:translate3d(var(--drift-x),var(--drift-y),0) rotateZ(var(--rz)) scale(1.008)}}

@media(max-width:1080px){
  .benefits,.investment{padding-block:110px}.benefit-grid,.investment-grid{grid-template-columns:repeat(2,1fr)}
  .pipeline{grid-template-columns:repeat(2,1fr)}.pipeline article:nth-of-type(n){border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.pipeline article:nth-of-type(2n){border-right:0}.pipeline article:nth-last-of-type(-n+2){border-bottom:0}
  .process-console{overflow-x:auto;justify-content:flex-start}
}
@media(max-width:720px){
  .benefits,.investment{padding-block:88px}.benefit-grid,.investment-grid{grid-template-columns:1fr}
  .benefit-card,.investment-card{min-height:220px}.benefit-card{gap:34px}.investment-card h3{padding-top:48px}
  .benefit-flow{justify-content:flex-start;overflow-x:auto}.benefit-flow i{min-width:34px}.benefit-flow span{white-space:nowrap}
  .pipeline{grid-template-columns:1fr}.pipeline article:nth-of-type(n){border-right:0;border-bottom:1px solid var(--line);padding:25px 5px;min-height:245px}.pipeline article:last-of-type{border-bottom:0}.pipeline h3{margin-top:40px}
  .process-console{display:none}.investment-note{font-size:12px}
  .platform-nonios .drop-card.go.settled,.performance-lite .drop-card.go.settled{animation-duration:3.4s!important}
}
@media(prefers-reduced-motion:reduce){
  .benefit-flow i:after,.benefit-card:before,.investment-card:before,.benefit-icon,.drop-card.go.settled{animation:none!important}
}

/* =========================
   V10.2 — RELIABLE AUTO OPEN + LIGHT / DARK THEME
   The intro remains dark and cinematic in both modes; the selected theme applies to the site.
   ========================= */
.theme-toggle{appearance:none;-webkit-appearance:none;border:1px solid rgba(255,255,255,.1);background:rgba(9,13,12,.72);color:#a8b4b0;border-radius:999px;padding:9px 11px;display:flex;align-items:center;gap:7px;cursor:pointer;font:800 8px var(--mono);letter-spacing:.12em;white-space:nowrap;transition:border-color .2s ease,background .2s ease,color .2s ease,transform .2s ease;touch-action:manipulation}
.theme-toggle:hover{transform:translateY(-1px);border-color:rgba(185,255,59,.32);color:var(--acid)}
.theme-toggle span{width:12px;text-align:center;color:var(--acid);font-size:12px;line-height:1}.theme-toggle b{font:inherit}

:root[data-theme="light"]{--bg:#f3f5ef;--panel:#ffffff;--panel2:#e8eee7;--text:#111713;--muted:#5e6964;--line:rgba(14,28,20,.15);color-scheme:light}
:root[data-theme="light"] body{background:#f3f5ef;color:var(--text)}
:root[data-theme="light"] .site-header{background:rgba(244,247,241,.92);border-color:var(--line);box-shadow:0 10px 34px rgba(22,38,28,.06)}
:root[data-theme="light"].platform-nonios .site-header{background:rgba(244,247,241,.96)!important}
:root[data-theme="light"] .nav a,:root[data-theme="light"] .brand small,:root[data-theme="light"] .footer-brand small{color:#4f5d56}
:root[data-theme="light"] .menu-btn i{background:#172019}
:root[data-theme="light"] .mobile-nav{background:#fbfcf9;box-shadow:0 26px 70px rgba(20,35,25,.16)}
:root[data-theme="light"] .nav-cta{background:#172019;color:#fff}
:root[data-theme="light"] .site-header .sound-toggle,:root[data-theme="light"] .theme-toggle{background:rgba(255,255,255,.75);border-color:rgba(14,28,20,.16);color:#405049}
:root[data-theme="light"] .site-header .sound-toggle.on{background:rgba(94,145,20,.07);color:#263422;border-color:rgba(94,145,20,.24)}

:root[data-theme="light"] .hero-lead,:root[data-theme="light"] .section-head>p:last-child,:root[data-theme="light"] .benefit-card p,:root[data-theme="light"] .investment-card p,:root[data-theme="light"] .investment-note,:root[data-theme="light"] .cap p,:root[data-theme="light"] .pipeline p,:root[data-theme="light"] .contact-panel>div>p:last-child,:root[data-theme="light"] .modal-copy>p{color:#53615a}
:root[data-theme="light"] .eyebrow,:root[data-theme="light"] .project-copy p,:root[data-theme="light"] .hero-meta span{color:#5b6862}
:root[data-theme="light"] .hero-meta b{color:#172019}
:root[data-theme="light"] .btn.ghost{background:rgba(255,255,255,.62);color:#1b251f}
:root[data-theme="light"] .btn.ghost:hover{background:#fff}
:root[data-theme="light"] .floating-code,:root[data-theme="light"] .code-orbit span{background:rgba(250,252,248,.9);color:#394740;border-color:var(--line)}
:root[data-theme="light"] .cube-face{background:rgba(238,244,235,.9);color:#4e790d;box-shadow:inset 0 0 40px rgba(82,130,17,.05)}
:root[data-theme="light"].platform-nonios .cube-face{background:rgba(238,244,235,.96)!important}

:root[data-theme="light"] .ticker{background:#e8ede6}:root[data-theme="light"] .ticker div{color:#4e5c55}
:root[data-theme="light"] .project-card,:root[data-theme="light"] .benefit-card,:root[data-theme="light"] .investment-card{background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(231,237,229,.78));box-shadow:0 18px 48px rgba(20,38,27,.06)}
:root[data-theme="light"] .project-card:hover,:root[data-theme="light"] .project-card:focus-visible{box-shadow:0 28px 70px rgba(20,38,27,.14)}
:root[data-theme="light"] .open-project{color:#28372f;border-color:#6b7871}
:root[data-theme="light"] .benefit-flow,:root[data-theme="light"] .process-console{background:rgba(255,255,255,.74)}
:root[data-theme="light"] .investment-note{background:rgba(106,158,29,.07)}
:root[data-theme="light"] .cap{background:rgba(255,255,255,.48)}
:root[data-theme="light"] .cap:hover{background:rgba(106,158,29,.06)}
:root[data-theme="light"] .cap code,:root[data-theme="light"] .pipeline code{color:#66736c}
:root[data-theme="light"] .code-break{background:radial-gradient(circle at center,rgba(106,158,29,.07),transparent 58%)}
:root[data-theme="light"] .stream,:root[data-theme="light"] .stream-b,:root[data-theme="light"] .stream-c{color:#c6d0c7;text-shadow:none}
:root[data-theme="light"] .contact-panel{background:linear-gradient(140deg,rgba(106,158,29,.09),rgba(255,255,255,.72));box-shadow:0 28px 80px rgba(20,38,27,.07)}
:root[data-theme="light"] .contact-links strong,:root[data-theme="light"] .investment-note strong{color:#172019}
:root[data-theme="light"] footer{background:#e8ede6}:root[data-theme="light"] .footer-links a,:root[data-theme="light"] .footer-bottom{color:#4f5d56}
:root[data-theme="light"] .project-modal{background:#f8faf6;color:#172019;box-shadow:0 45px 120px rgba(10,22,14,.34)}
:root[data-theme="light"] .modal-close{background:#edf1eb;color:#172019}
:root[data-theme="light"] .modal-visual{background:radial-gradient(circle at 50% 50%,rgba(106,158,29,.1),transparent 60%)}
:root[data-theme="light"] .modal-browser{background:#dfe7dd;box-shadow:0 35px 80px rgba(20,38,27,.2)}
:root[data-theme="light"] .modal-tags span{color:#4d5b54}

@media(max-width:720px){
  .header-actions .theme-toggle{display:flex;padding:7px 8px;font-size:6.5px;letter-spacing:.08em;gap:4px}.header-actions .theme-toggle span{width:9px;font-size:10px}
  .showcase-caption span{font-size:7px}
}

/* =========================
   V10.3 — PREMIUM LIGHT THEME
   Warm ivory, graphite and forest green replace the washed-out neon-on-white palette.
   ========================= */
:root[data-theme="light"]{--bg:#f1f0e9;--panel:#fbfaf6;--panel2:#e7e9e1;--text:#141814;--muted:#59635d;--line:rgba(25,39,30,.17);--acid:#4b6f2c;--cyan:#246d73;--amber:#9b6123;--red:#a94354}
:root[data-theme="light"] body{background:radial-gradient(circle at 12% 4%,rgba(75,111,44,.075),transparent 28%),radial-gradient(circle at 92% 36%,rgba(36,109,115,.045),transparent 28%),var(--bg)}
:root[data-theme="light"] .code-rain{opacity:.065}
:root[data-theme="light"] .ambient{opacity:.035;filter:none!important}
:root[data-theme="light"] .ambient-a{background:radial-gradient(circle,rgba(75,111,44,.36),transparent 70%)}
:root[data-theme="light"] .ambient-b{background:radial-gradient(circle,rgba(36,109,115,.25),transparent 70%)}
:root[data-theme="light"] .tech-loop-layer{opacity:.15}
:root[data-theme="light"] .tech-float{background:rgba(45,58,49,.055);border-color:rgba(55,83,44,.14);backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
:root[data-theme="light"] .tech-float span{color:rgba(47,78,34,.7)}
:root[data-theme="light"] .tech-float small{color:rgba(45,62,52,.55)}
:root[data-theme="light"] .tech-float:after{background:linear-gradient(90deg,transparent,rgba(36,109,115,.08),transparent)}

:root[data-theme="light"] .site-header{background:rgba(241,240,233,.94);box-shadow:0 12px 40px rgba(28,42,32,.07)}
:root[data-theme="light"].platform-nonios .site-header{background:rgba(241,240,233,.97)!important}
:root[data-theme="light"] .brand-icon,:root[data-theme="light"] .footer-brand>span{background:rgba(75,111,44,.07);border-color:rgba(75,111,44,.38)}
:root[data-theme="light"] .status-pill{color:#35551f;background:rgba(75,111,44,.075);border-color:rgba(75,111,44,.25)}
:root[data-theme="light"] .status-pill i{box-shadow:0 0 10px rgba(75,111,44,.32)}
:root[data-theme="light"] .hero-title-3d,:root[data-theme="light"] .kinetic-title{text-shadow:none}
:root[data-theme="light"] .kinetic-title em{filter:drop-shadow(0 8px 18px rgba(44,74,29,.08))}
:root[data-theme="light"] .btn.primary{background:#3f6128;color:#fff;box-shadow:0 12px 28px rgba(49,82,31,.13)}
:root[data-theme="light"] .btn.primary:hover{box-shadow:0 16px 34px rgba(49,82,31,.2)}
:root[data-theme="light"] .btn.ghost{background:#faf9f5;border-color:rgba(25,39,30,.2)}
:root[data-theme="light"] .hero-meta{border-color:rgba(25,39,30,.18)}

:root[data-theme="light"] .floating-code,:root[data-theme="light"] .code-orbit span{background:rgba(247,247,242,.92);color:#334039;border-color:rgba(25,39,30,.17);box-shadow:0 8px 22px rgba(30,45,35,.06)}
:root[data-theme="light"] .code-orbit{border-color:rgba(34,57,42,.16)}
:root[data-theme="light"] .cube-face{background:rgba(233,237,228,.94);border-color:rgba(75,111,44,.35);color:#3f6128;box-shadow:inset 0 0 34px rgba(75,111,44,.05)}
:root[data-theme="light"].platform-nonios .cube-face{background:rgba(233,237,228,.98)!important}
:root[data-theme="light"] .code-cube{filter:drop-shadow(0 18px 30px rgba(39,65,30,.14))}
:root[data-theme="light"] .hero-energy-ring{border-color:rgba(36,109,115,.16)}
:root[data-theme="light"] .ring-beta{border-color:rgba(75,111,44,.18)}

:root[data-theme="light"] .ticker{background:#e5e7df;border-color:rgba(25,39,30,.16)}
:root[data-theme="light"] .ticker div{color:#4d5952}
:root[data-theme="light"] .section-code-rail{border-color:rgba(75,111,44,.15);background:linear-gradient(90deg,transparent,rgba(75,111,44,.04),transparent)}
:root[data-theme="light"] .section-code-rail div{color:rgba(51,78,57,.43)}
:root[data-theme="light"] .head-reactor{opacity:.2;filter:none}
:root[data-theme="light"] .head-reactor i{border-color:rgba(75,111,44,.24)}
:root[data-theme="light"] .head-reactor i:nth-child(2){border-color:rgba(36,109,115,.2)}
:root[data-theme="light"] .head-reactor b{color:rgba(55,88,35,.72)}

:root[data-theme="light"] .project-card,:root[data-theme="light"] .benefit-card,:root[data-theme="light"] .investment-card{background:#faf9f5;border-color:rgba(25,39,30,.17);box-shadow:0 16px 42px rgba(28,42,32,.07)}
:root[data-theme="light"] .project-card:hover,:root[data-theme="light"] .project-card:focus-visible,:root[data-theme="light"] .benefit-card:hover,:root[data-theme="light"] .investment-card:hover{border-color:rgba(75,111,44,.38);background:#fff;box-shadow:0 26px 62px rgba(28,42,32,.13)}
:root[data-theme="light"] .live-dot{background:#173018;color:#c8f36b;border-color:rgba(200,243,107,.34)}
:root[data-theme="light"] .benefit-icon,:root[data-theme="light"] .cap-symbol,:root[data-theme="light"] .process-symbol{color:#3f6128;background:rgba(75,111,44,.065);border-color:rgba(75,111,44,.3);box-shadow:none}
:root[data-theme="light"] .benefit-flow,:root[data-theme="light"] .process-console{background:#e7e9e1;border-color:rgba(25,39,30,.16);box-shadow:none}
:root[data-theme="light"] .process-console span{color:#5b6861}
:root[data-theme="light"] .pipeline article:hover{background:linear-gradient(180deg,rgba(75,111,44,.055),transparent)}
:root[data-theme="light"] .pipeline-packet{background:#3f6128;color:#fff;box-shadow:0 5px 16px rgba(49,82,31,.18)}
:root[data-theme="light"] .contact-panel{background:linear-gradient(145deg,rgba(75,111,44,.085),rgba(255,255,255,.72));border-color:rgba(75,111,44,.26);box-shadow:0 28px 72px rgba(28,42,32,.08)}
:root[data-theme="light"] footer{background:#e4e6de;border-color:rgba(25,39,30,.16)}
:root[data-theme="light"] .project-modal{background:#faf9f5}

@media(max-width:720px){
  :root[data-theme="light"] .code-rain{opacity:.045}
  :root[data-theme="light"] .tech-loop-layer{opacity:.1}
  :root[data-theme="light"] .head-reactor,:root[data-theme="light"] .capability-reactor,:root[data-theme="light"] .contact-engine{opacity:.12}
  :root[data-theme="light"] .project-card,:root[data-theme="light"] .benefit-card,:root[data-theme="light"] .investment-card{box-shadow:0 12px 32px rgba(28,42,32,.065)}
}