.pointer-reticle{position:fixed;left:var(--pointer-x,50vw);top:var(--pointer-y,50vh);width:22px;height:22px;border:1px solid var(--cyan);border-radius:50%;z-index:15;pointer-events:none;opacity:0;transform:translate(-50%,-50%) scale(.5);transition:opacity .2s,transform .2s;mix-blend-mode:screen;box-shadow:0 0 15px rgba(77,225,221,.5)}.pointer-reticle.active{opacity:.8;transform:translate(-50%,-50%) scale(1)}.pointer-reticle:before,.pointer-reticle:after{content:'';position:absolute;background:var(--cyan)}.pointer-reticle:before{width:38px;height:1px;left:-9px;top:10px}.pointer-reticle:after{width:1px;height:38px;left:10px;top:-9px}.scroll-progress{position:fixed;left:0;top:0;width:100%;height:2px;background:var(--cyan);box-shadow:0 0 12px var(--cyan);transform:scaleX(0);transform-origin:left;z-index:20}.hero:after{content:'';position:absolute;inset:0 5vw;pointer-events:none;background:linear-gradient(180deg,transparent 0%,rgba(77,225,221,.16) 49%,transparent 51%);background-size:100% 220%;animation:scanSweep 8s linear infinite;opacity:.22}.project-card,.skill-matrix>div{transform:perspective(800px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .18s ease-out,background .35s,padding .35s}.project-card:after{content:'TARGET LOCKED';position:absolute;top:12px;right:58px;color:var(--cyan);font-size:7px;letter-spacing:.15em;opacity:0;transform:translateX(8px);transition:.3s}.project-card:hover:after{opacity:.8;transform:none}.project-card:hover .project-visual{filter:saturate(1.4) brightness(1.15)}.project-visual{transition:filter .35s,transform .35s}.project-card:hover .project-visual{transform:scale(1.03)}.project-status{display:inline-flex;align-items:center;border-radius:999px;padding:4px 7px;font-size:7px;letter-spacing:.12em;text-transform:uppercase;border:1px solid transparent;box-shadow:inset 0 0 0 1px rgba(255,255,255,.03);font-weight:700}.project-status.completed{background:rgba(61,232,174,.1);border-color:rgba(61,232,174,.7);color:#93f7d8;box-shadow:0 0 10px rgba(61,232,174,.24),inset 0 0 10px rgba(61,232,174,.09)}.project-status.ongoing{background:rgba(255,174,64,.1);border-color:rgba(255,174,64,.75);color:#ffd38f;box-shadow:0 0 12px rgba(255,174,64,.24),inset 0 0 10px rgba(255,174,64,.1)}.reactor{filter:drop-shadow(0 0 22px rgba(77,225,221,.12))}.reactor:after{content:'';position:absolute;inset:0;border-radius:50%;border:2px solid transparent;border-top-color:rgba(255,255,255,.7);border-right-color:rgba(77,225,221,.7);animation:spin 2.4s linear infinite;mask:linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0);mask-composite:exclude}.reactor-core:after{content:'';position:absolute;width:4px;height:4px;border-radius:50%;background:#fff;box-shadow:0 0 12px 4px var(--cyan);animation:coreSpark 1.7s ease-in-out infinite}.marquee{position:relative}.marquee:before{content:'LIVE FEED //';position:absolute;left:5vw;top:-8px;padding:0 7px;background:var(--bg);color:var(--red);font-size:8px;letter-spacing:.1em;z-index:1}.boot-screen:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 0 48%,rgba(77,225,221,.5) 50%,transparent 52%);animation:bootScan 1.4s ease-in-out infinite;opacity:.18}@keyframes scanSweep{0%{background-position:0 -120%}100%{background-position:0 120%}}@keyframes coreSpark{0%,100%{transform:translate(-5px,-4px) scale(.7);opacity:.4}50%{transform:translate(6px,5px) scale(1.3);opacity:1}}@keyframes bootScan{0%,100%{transform:translateX(-20%)}50%{transform:translateX(20%)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.pointer-reticle{display:none}.project-card,.skill-matrix>div{transform:none!important}}
 .jarvis-reader{position:fixed;right:24px;bottom:24px;width:235px;padding:14px;background:rgba(10,18,24,.94);border:1px solid var(--cyan-dim);box-shadow:0 0 24px rgba(77,225,221,.1);z-index:8;opacity:0;transform:translateY(20px);pointer-events:none;transition:.3s}.jarvis-reader.active{opacity:1;transform:none;pointer-events:auto}.reader-topline{color:var(--cyan);font-size:9px;letter-spacing:.12em}.reader-state{margin:13px 0;color:var(--ink);font-size:10px;letter-spacing:.06em}.reader-controls{display:flex;gap:8px}.reader-controls button,.selection-popover button{font:inherit;font-size:9px;letter-spacing:.08em;color:var(--cyan);background:transparent;border:1px solid var(--cyan-dim);padding:8px 10px;cursor:pointer}.reader-controls button:hover,.selection-popover button:hover{background:var(--cyan);color:#071113}.selection-popover{position:fixed;z-index:12;opacity:0;transform:translateY(5px);pointer-events:none;transition:.18s}.selection-popover.visible{opacity:1;transform:none;pointer-events:auto}.selection-popover button{background:#0b151a;box-shadow:0 0 18px rgba(0,0,0,.45);white-space:nowrap}.selection-popover button span{margin-right:5px;color:var(--red)}
:root{--bg:#080b10;--panel:#0d1218;--panel2:#111922;--ink:#eef3f1;--muted:#89949b;--line:#27343a;--cyan:#4de1dd;--cyan-dim:#1b777b;--red:#ed4b38;--yellow:#ffb348;--mono:'Space Mono',monospace;--display:'Barlow Condensed',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--mono);font-size:12px;letter-spacing:0;overflow-x:hidden}.noise{position:fixed;inset:0;z-index:5;pointer-events:none;opacity:.035;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='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}.scanlines{position:fixed;inset:0;z-index:4;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0,transparent 3px,rgba(150,240,237,.018) 4px)}a{color:inherit;text-decoration:none}.app-shell{opacity:0;animation:showApp .8s 2.5s forwards}.topbar{height:72px;padding:0 5vw;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;background:rgba(8,11,16,.88);backdrop-filter:blur(14px);z-index:3}.brand{display:flex;gap:12px;align-items:center;font-weight:700;letter-spacing:.12em}.brand-mark{display:grid;place-items:center;width:31px;height:31px;border:1px solid var(--cyan);color:var(--cyan);font-size:10px}.accent,.eyebrow,.project-type,.section-index{color:var(--cyan)}.system-readout{color:var(--muted);font-size:10px;letter-spacing:.13em}.status-dot,.pulse{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 10px var(--cyan);margin-right:7px}.readout-divider{color:var(--line);margin:0 12px}.sound-toggle{font:inherit;color:var(--muted);border:1px solid var(--line);background:transparent;padding:10px 13px;cursor:pointer;font-size:10px;letter-spacing:.08em}.sound-toggle:hover,.sound-toggle[aria-pressed=true]{color:var(--cyan);border-color:var(--cyan-dim)}.sound-icon{font-size:17px;vertical-align:-2px;margin-right:5px}.section-grid{display:grid;grid-template-columns:minmax(100px,17vw) 1fr;gap:4vw;padding-left:5vw;padding-right:5vw}.hero{min-height:calc(100vh - 72px);align-items:center;padding-top:6vw;padding-bottom:6vw;position:relative;background:radial-gradient(circle at 75% 46%,rgba(30,76,77,.16),transparent 30%),linear-gradient(110deg,transparent 40%,rgba(237,75,56,.035) 100%)}.hero:before{content:'';position:absolute;inset:0 5vw;background:linear-gradient(90deg,transparent 49.9%,rgba(77,225,221,.06) 50%,transparent 50.1%),linear-gradient(0deg,transparent 49.9%,rgba(77,225,221,.04) 50%,transparent 50.1%);background-size:84px 84px;mask-image:radial-gradient(circle at 70% 50%,black,transparent 60%);pointer-events:none}.eyebrow{font-size:10px;letter-spacing:.15em;margin-bottom:20px}.hero h1,h2{font-family:var(--display);font-weight:800;line-height:.83;letter-spacing:.02em;margin:0;text-transform:uppercase}.hero h1{font-size:clamp(64px,10vw,148px);max-width:750px}.hero h1 span,h2 span{color:transparent;-webkit-text-stroke:1px var(--cyan)}.hero-intro{color:var(--muted);line-height:1.8;max-width:460px;margin:30px 0 25px}.hero-actions{display:flex;gap:13px;flex-wrap:wrap}.button{border:1px solid var(--line);padding:15px 18px;letter-spacing:.1em;font-size:10px;transition:.25s}.button span{margin-left:25px;color:var(--cyan);font-size:16px}.button-primary{background:var(--cyan);border-color:var(--cyan);color:#051012;font-weight:700}.button-primary:hover{background:#a1f5ef;transform:translateY(-2px)}.button-quiet:hover{border-color:var(--cyan);color:var(--cyan)}.hero-meta{display:flex;gap:30px;margin-top:80px;color:var(--muted);font-size:9px;line-height:1.8;letter-spacing:.09em}.hero-meta b{color:var(--ink);font-weight:400}.reactor-wrap{height:510px;display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--muted)}.reactor-label,.reactor-foot{width:min(100%,480px);display:flex;justify-content:space-between;font-size:9px;letter-spacing:.1em}.reactor-label span:last-child,.reactor-foot span:first-child{color:var(--cyan)}.reactor{width:min(34vw,470px);height:min(34vw,470px);min-width:280px;min-height:280px;border-radius:50%;position:relative;margin:18px 0;display:grid;place-items:center;background:radial-gradient(circle,rgba(77,225,221,.16) 0 8%,transparent 9%),radial-gradient(circle,rgba(77,225,221,.06) 0 34%,transparent 35%),conic-gradient(from 70deg,transparent 0 11%,var(--cyan) 11.2% 11.7%,transparent 12% 28%,var(--red) 28.2% 28.7%,transparent 29% 51%,var(--cyan) 51.2% 51.7%,transparent 52% 83%,var(--yellow) 83.2% 83.8%,transparent 84%);animation:spin 25s linear infinite}.reactor:before{content:'';position:absolute;inset:13%;border:1px solid rgba(77,225,221,.4);border-radius:50%;background:repeating-conic-gradient(from 0deg,transparent 0 8deg,rgba(77,225,221,.13) 8.5deg 9deg,transparent 9.5deg 18deg);box-shadow:0 0 80px rgba(77,225,221,.12)}.reactor-ring{position:absolute;border-radius:50%;border:1px solid rgba(77,225,221,.45)}.ring-a{inset:7%;border-style:dashed;animation:spin 14s linear infinite reverse}.ring-b{inset:22%;border-color:rgba(237,75,56,.5);border-top-color:transparent;animation:spin 8s linear infinite}.ring-c{inset:34%;border-color:var(--cyan);border-bottom-color:transparent;animation:spin 5s linear infinite reverse}.reactor-core{width:27%;height:27%;border-radius:50%;border:1px solid var(--cyan);background:radial-gradient(circle,#e3ffff 0 4%,#65f4ee 12%,#167c80 35%,#071318 70%);box-shadow:0 0 35px rgba(77,225,221,.8),inset 0 0 25px #bbfff8;display:grid;place-items:center;color:#082125;font-weight:700;font-size:18px;animation:breath 2.6s ease-in-out infinite;z-index:1}.reactor-cross{position:absolute;inset:48% 8%;border-top:1px solid rgba(77,225,221,.3);border-bottom:1px solid rgba(77,225,221,.3)}.reactor-cross:after{content:'';position:absolute;inset:-160px 48%;border-left:1px solid rgba(77,225,221,.3);border-right:1px solid rgba(77,225,221,.3)}.reactor-caption{position:absolute;bottom:23%;left:23%;color:var(--muted);font-size:8px;line-height:1.6}.reactor-caption strong{color:var(--cyan);font-weight:400}.marquee{overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--cyan);white-space:nowrap;padding:16px 0;font-size:11px;letter-spacing:.15em}.marquee div{display:inline-block;animation:marquee 24s linear infinite}.marquee b{color:var(--red);padding:0 28px}.content-section{padding-top:130px;padding-bottom:130px;border-bottom:1px solid var(--line)}.section-index{font-size:10px;letter-spacing:.14em;padding-top:7px}.about-layout,.stack-layout{display:grid;grid-template-columns:1fr 1.05fr;gap:8vw}.content-section h2,.contact-section h2{font-size:clamp(60px,8vw,115px)}.about-text{max-width:540px}.large-copy{font-size:21px;line-height:1.5;color:var(--ink);margin-top:0}.about-text p:not(.large-copy){color:var(--muted);line-height:1.9}.signature{border-top:1px solid var(--line);margin-top:65px;padding-top:14px;color:var(--cyan);font-size:10px;letter-spacing:.12em}.signature span{color:var(--muted);float:right}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:55px}.section-note{font-size:9px;color:var(--muted);letter-spacing:.1em}.project-list{border-top:1px solid var(--line)}.project-card{display:grid;grid-template-columns:40px 1fr 210px 30px;gap:25px;align-items:center;min-height:200px;border-bottom:1px solid var(--line);position:relative;transition:.35s;padding:24px 0}.project-card:before{content:'';position:absolute;inset:0 -20px;background:var(--panel2);transform:scaleX(0);transform-origin:left;transition:.35s;z-index:-1}.project-card:hover:before{transform:scaleX(1)}.project-card:hover{padding-left:20px}.project-number{color:var(--red);font-size:11px;align-self:start;padding-top:5px}.project-type{font-size:9px;letter-spacing:.1em}.project-info h3{font-family:var(--display);font-size:35px;letter-spacing:.04em;margin:7px 0}.project-info p{color:var(--muted);max-width:490px;line-height:1.7;margin:0 0 15px}.tags{display:flex;gap:7px}.tags span{border:1px solid var(--line);padding:5px 7px;font-size:8px;color:var(--muted)}.project-visual{height:125px;position:relative;overflow:hidden;background:#121d23;border:1px solid var(--line)}.visual-nammal{background:radial-gradient(circle at 50% 50%,rgba(77,225,221,.35),transparent 21%),repeating-radial-gradient(circle at center,transparent 0 18px,rgba(77,225,221,.25) 19px 20px),#0a151c}.visual-campkart{background:linear-gradient(135deg,rgba(237,75,56,.25),transparent 45%),repeating-linear-gradient(135deg,transparent 0 12px,rgba(255,179,72,.13) 13px 14px),#16151a}.visual-recipe{background:radial-gradient(circle at 30% 30%,var(--yellow) 0 2%,transparent 3%),radial-gradient(circle at 70% 55%,var(--red) 0 3%,transparent 4%),#17171a}.visual-health{background:linear-gradient(145deg,#092326,#15171b);}.visual-orbit{position:absolute;width:110px;height:110px;border:1px solid var(--cyan);border-radius:50%;inset:7px auto auto 48px;transform:rotate(45deg);border-left-color:transparent}.visual-word{position:absolute;font:800 80px var(--display);color:transparent;-webkit-text-stroke:1px var(--cyan);left:77px;top:23px}.cart-shape{position:absolute;font:80px var(--display);color:var(--red);left:78px;top:16px}.recipe-sun{position:absolute;width:85px;height:85px;border-radius:50%;background:var(--yellow);left:60px;top:18px;box-shadow:28px 10px 0 rgba(237,75,56,.25)}.heartbeat{position:absolute;font-size:88px;color:var(--red);left:38px;top:13px;transform:rotate(-8deg)}.visual-label{position:absolute;bottom:9px;left:11px;color:var(--muted);font-size:8px;line-height:1.5}.visual-label b{color:var(--cyan);font-weight:400}.project-arrow{color:var(--cyan);font-size:22px}.stack-intro{color:var(--muted);line-height:1.7;max-width:250px;margin-top:35px}.skill-matrix{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}.skill-matrix>div{min-height:190px;border-bottom:1px solid var(--line);padding:24px 30px 20px 0}.skill-matrix>div:nth-child(odd){border-right:1px solid var(--line);padding-right:35px}.skill-matrix>div:nth-child(even){padding-left:35px}.skill-count{color:var(--red);font-size:10px}.skill-matrix h3{font:700 35px var(--display);margin:30px 0 8px}.skill-matrix p{color:var(--muted);line-height:1.8;font-size:10px}.contact-section{padding:130px 5vw;background:linear-gradient(110deg,rgba(77,225,221,.07),transparent 50%),#0b1116}.contact-grid{display:grid;grid-template-columns:17vw 1fr;gap:4vw}.contact-section p{color:var(--muted);line-height:1.8;margin:35px 0}.contact-link{font:700 clamp(20px,3vw,42px) var(--display);letter-spacing:.04em;color:var(--cyan);border-bottom:1px solid var(--cyan);padding-bottom:5px}.contact-link span{font-family:var(--mono);font-size:20px}.social-links{display:flex;gap:30px;margin-top:70px;color:var(--muted);font-size:10px}.social-links a:hover{color:var(--cyan)}footer{padding:25px 5vw;display:flex;justify-content:space-between;color:var(--muted);font-size:9px;letter-spacing:.07em}footer a{color:var(--cyan)}.boot-screen{position:fixed;inset:0;background:#080b10;z-index:20;display:grid;place-items:center;animation:bootOut .8s 2s forwards}.boot-copy{width:290px;z-index:1}.boot-copy strong{display:block;font:800 68px/.78 var(--display);margin:28px 0}.boot-copy em{font-style:normal;color:var(--cyan);-webkit-text-stroke:1px var(--cyan);color:transparent}.boot-progress{height:2px;background:var(--line);margin-bottom:10px}.boot-progress i{display:block;height:100%;width:0;background:var(--cyan);box-shadow:0 0 12px var(--cyan);animation:load 1.7s .25s forwards}.boot-status{font-size:9px;color:var(--muted);letter-spacing:.1em}.boot-orbit{position:absolute;width:40vw;height:40vw;border:1px solid rgba(77,225,221,.17);border-radius:50%;animation:spin 12s linear infinite}.boot-orbit:before,.boot-orbit:after{content:'';position:absolute;border-radius:50%;width:7px;height:7px;background:var(--cyan);box-shadow:0 0 20px var(--cyan)}.boot-orbit:before{top:12%;left:14%}.boot-orbit:after{right:6%;bottom:26%;background:var(--red);box-shadow:0 0 20px var(--red)}.toast{position:fixed;bottom:30px;right:30px;z-index:10;background:var(--cyan);color:#061011;padding:12px 18px;font-size:10px;transform:translateY(100px);transition:.3s}.toast.show{transform:translateY(0)}.reveal{opacity:0;transform:translateY(20px);animation:reveal .8s 2.7s forwards}.reveal-delay{animation-delay:3s}@keyframes spin{to{transform:rotate(360deg)}}@keyframes breath{50%{transform:scale(1.08);filter:brightness(1.35)}}@keyframes load{to{width:100%}}@keyframes bootOut{to{opacity:0;visibility:hidden}}@keyframes showApp{to{opacity:1}}@keyframes reveal{to{opacity:1;transform:none}}@keyframes marquee{to{transform:translateX(-50%)}}@media(max-width:800px){.topbar{height:62px;padding:0 20px}.system-readout{display:none}.sound-toggle{padding:8px}.section-grid{display:block;padding-left:20px;padding-right:20px}.hero{padding-top:80px;min-height:auto}.hero h1{font-size:clamp(65px,19vw,115px)}.hero-meta{margin-top:55px;gap:15px;flex-wrap:wrap}.reactor-wrap{height:390px;margin-top:20px}.reactor{width:78vw;height:78vw;min-width:250px;min-height:250px}.content-section{padding-top:80px;padding-bottom:80px}.section-index{margin-bottom:40px}.about-layout,.stack-layout{display:block}.about-text{margin-top:45px}.signature span{float:none;display:block;margin-top:9px}.section-heading{display:block;margin-bottom:35px}.section-note{display:block;margin-top:25px}.project-card{grid-template-columns:25px 1fr 25px;gap:12px;padding:22px 0}.project-visual{display:none}.project-info h3{font-size:30px}.project-info p{font-size:11px}.project-arrow{font-size:18px}.skill-matrix{margin-top:55px}.skill-matrix>div{min-height:160px}.skill-matrix>div:nth-child(odd){padding-right:15px}.skill-matrix>div:nth-child(even){padding-left:15px}.skill-matrix h3{font-size:28px}.contact-section{padding:80px 20px}.contact-grid{display:block}.contact-grid .section-index{margin-bottom:40px}.contact-link{font-size:28px}.social-links{margin-top:50px}footer{padding:22px 20px;display:block;line-height:2}footer span{display:block}.boot-orbit{width:90vw;height:90vw}}