@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--bg:#090b12;--panel:#10131d;--panel2:#151925;--white:#f2f4f0;--muted:#9da4ab;--subtle:#727987;--line:rgba(233,240,241,.115);--lime:#c8ff70;--lav:#aa9aff;--mono:'DM Mono',ui-monospace,SFMono-Regular,Consolas,monospace;--sans:'Space Grotesk',Inter,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--white);font-family:var(--sans);-webkit-font-smoothing:antialiased}body::selection{background:var(--lime);color:#090b12}::selection{background:var(--lime);color:#090b12}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,.skill-card:focus-visible{outline:2px solid var(--lime);outline-offset:4px}svg{display:block}h1,h2,h3,p{margin-top:0}.page-width{width:min(1432px,calc(100% - 112px));margin-inline:auto}.site-shell{overflow:hidden}.cursor-glow{position:fixed;left:0;top:0;width:360px;height:360px;border-radius:50%;pointer-events:none;z-index:90;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(200,255,112,.045),transparent 65%);opacity:0;transition:opacity .4s}.site-header{height:94px;position:fixed;left:0;top:0;width:100%;z-index:95;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 max(56px,calc((100vw - 1432px)/2));border-bottom:1px solid rgba(234,242,246,.12);transition:background .25s,border-color .25s,backdrop-filter .25s}.site-header.scrolled{background:rgba(9,11,18,.91);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-color:var(--line)}.brand{display:flex;align-items:center;gap:13px;white-space:nowrap}.brand-symbol{font:700 28px/1 var(--mono);letter-spacing:-.17em;color:var(--lime);padding-right:6px}.brand-symbol span{color:var(--white)}.brand-title{font-size:14px;font-weight:700;letter-spacing:.035em}.brand-dot{color:var(--lime)}.brand-version{font:10px var(--mono);color:#717b88;padding-left:7px}.nav-links{display:flex;align-items:center;gap:36px;margin-left:auto;margin-right:28px}.nav-links a{font-size:12px;font-weight:600;color:#b8bcc4;transition:color .2s}.nav-links a:hover{color:var(--lime)}.nav-cta{display:inline-flex;align-items:center;gap:10px;border:1px solid #4e5b50;min-height:44px;padding:0 18px;font:500 10px var(--mono);letter-spacing:.09em;transition:background .2s,color .2s}.nav-cta:hover{background:var(--lime);color:#10150e}.cta-light{width:6px;height:6px;background:var(--lime);border-radius:50%;box-shadow:0 0 14px var(--lime)}.nav-cta:hover .cta-light{background:#14200c}.nav-cta>span:last-child{font-size:16px;padding-left:5px}
.hero{height:min(960px,100svh);min-height:730px;position:relative;isolation:isolate;background:radial-gradient(ellipse at 78% 50%,#292052 0%,#0e1022 43%,#080a11 79%);overflow:hidden}.fallback-orb{position:absolute;z-index:0;width:min(40vw,620px);height:min(40vw,620px);right:6.5%;top:22%;border-radius:50%;pointer-events:none;background:radial-gradient(ellipse at 34% 26%,rgba(206,255,133,.47),rgba(80,192,194,.32) 16%,rgba(115,76,224,.40) 41%,rgba(90,55,162,.16) 56%,transparent 68%),repeating-radial-gradient(circle,transparent 0 23px,rgba(178,147,255,.12) 25px,transparent 29px);filter:drop-shadow(0 0 70px rgba(121,82,230,.33));box-shadow:0 0 100px rgba(145,88,241,.10),inset -20px -30px 80px rgba(76,53,160,.12);animation:orbBreathe 9s ease-in-out infinite}.fallback-orb::before{content:"";position:absolute;inset:12%;border:1px solid rgba(177,155,255,.32);border-radius:50%;transform:rotate(-24deg) scaleX(1.4)}.fallback-orb::after{content:"";position:absolute;inset:-7%;border:1px solid rgba(185,170,255,.24);border-radius:50%;transform:rotate(35deg) scaleY(.65)}@keyframes orbBreathe{50%{transform:scale(1.04) rotate(3deg);filter:drop-shadow(0 0 95px rgba(121,82,230,.37))}}
.shader-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:0}.hero-overlay{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(8,10,17,.85) 0%,rgba(8,10,17,.58) 37%,rgba(8,10,17,.12) 70%,rgba(8,10,17,.03) 100%),linear-gradient(180deg,rgba(7,9,15,.12),transparent 72%,rgba(7,9,15,.75));pointer-events:none}.noise{position:absolute;inset:0;z-index:2;pointer-events:none;opacity:.10;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='.72' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.29'/%3E%3C/svg%3E")}.hero-content{position:relative;z-index:3;height:100%;display:flex;align-items:center}.hero-text{padding-top:85px;max-width:1050px;position:relative;z-index:4}.eyebrow{display:flex;align-items:center;gap:14px;margin-bottom:42px;font:500 10px/1 var(--mono);letter-spacing:.13em;color:#c5cbd1}.status-dot{width:7px;height:7px;flex:0 0 auto;border-radius:50%;background:var(--lime);box-shadow:0 0 0 5px rgba(200,255,112,.08),0 0 16px rgba(200,255,112,.55);animation:pulse 2.5s infinite}.eyebrow-divider{color:#68717d}.hero-hello{font:500 clamp(15px,1.65vw,20px)/1.3 var(--sans);letter-spacing:-.025em;margin-bottom:22px}.wave{color:var(--lime);margin-left:8px;display:inline-block;animation:spinSlow 18s linear infinite}.hero h1{font-size:clamp(78px,9vw,150px);font-weight:700;line-height:.88;letter-spacing:-.085em;margin:0 0 34px;text-wrap:nowrap}.heading-outline{color:transparent;-webkit-text-stroke:1.6px rgba(226,233,244,.85)}.heading-accent{color:var(--lime)}.heading-period{color:var(--white)}.hero-description{font-size:clamp(15px,1.25vw,18px);line-height:1.7;color:#aeb6bd;max-width:555px;margin:0 0 32px}.hero-description strong{color:#f5f7ef;font-weight:600}.hero-actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:36px;min-height:58px;padding:0 23px;font:500 11px/1 var(--mono);letter-spacing:.05em;transition:transform .2s,background .2s,color .2s,border-color .2s}.button:hover{transform:translateY(-3px)}.button-primary{background:var(--lime);color:#111710}.button-primary:hover{background:#dfffad}.button-arrow{font-size:22px}.button-secondary{background:rgba(255,255,255,.035);border:1px solid rgba(237,240,246,.23);color:#d8dde2;gap:30px}.button-secondary:hover{background:#fff;color:var(--bg)}.hero-metadata{position:absolute;inset:0;pointer-events:none}.coordinates{position:absolute;right:0;top:30%;display:flex;flex-direction:column;align-items:flex-end;gap:9px;font:10px/1.6 var(--mono);letter-spacing:.12em;text-align:right;color:#9e9fae}.coordinates strong{font-weight:400;color:#e0e7ee;font-size:13px}.crosshair{position:absolute;right:16%;top:43%;height:82px;width:82px;border:1px solid rgba(209,233,244,.42);border-radius:50%;opacity:.5;animation:spinSlow 20s linear infinite}.crosshair:before,.crosshair:after{content:"";position:absolute;background:rgba(209,233,244,.6)}.crosshair:before{width:110px;height:1px;left:-15px;top:50%}.crosshair:after{height:110px;width:1px;left:50%;top:-15px}.crosshair span:first-child{position:absolute;inset:16px;border:1px solid rgba(209,233,244,.35);border-radius:50%}.crosshair span:last-child{position:absolute;width:7px;height:7px;background:var(--lime);border-radius:50%;left:calc(50% - 3px);top:calc(50% - 3px)}.side-code{position:absolute;right:0;bottom:21%;writing-mode:vertical-rl;display:flex;gap:17px;font:500 10px var(--mono);letter-spacing:.16em;color:#9f9cad}.side-code span:last-child{color:var(--lime)}.hero-orbit-note{position:absolute;z-index:3;right:11%;bottom:31%;font:9px var(--mono);letter-spacing:.1em;color:#b8bad3;opacity:.65;pointer-events:none}.hero-bottom{position:absolute;left:50%;bottom:31px;z-index:4;transform:translateX(-50%);display:flex;align-items:center;justify-content:space-between;color:#a6afb8;font:10px var(--mono);letter-spacing:.08em}.scroll-invite{display:flex;gap:14px;align-items:center}.mouse-icon{width:22px;height:33px;border:1px solid #86909a;border-radius:14px;display:flex;justify-content:center;padding-top:7px}.mouse-icon span{height:6px;width:2px;background:var(--lime);border-radius:2px;animation:scrollDown 1.7s infinite}.hero-bottom-right{display:flex;align-items:center;gap:10px}.live-pulse{width:5px;height:5px;border-radius:50%;background:var(--lime)}.slash{opacity:.3;margin:0 5px}
.ticker{height:49px;overflow:hidden;background:var(--lime);color:#111810;display:flex;align-items:center;white-space:nowrap}.ticker-track{display:flex;width:max-content;animation:ticker 34s linear infinite}.ticker-track>span{font:700 13px var(--mono);letter-spacing:.19em;padding-right:24px}.ticker i{font-style:normal;padding:0 15px;font-size:17px;vertical-align:-2px}
.section{padding-block:130px}.section-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:62px;padding-bottom:19px;border-bottom:1px solid var(--line)}.section-index,.section-status{font:500 11px var(--mono);letter-spacing:.09em;color:#adb4bc}.section-index{color:var(--lime)}.section-status{display:flex;align-items:center;gap:14px}.section-status .status-dot{width:5px;height:5px}.about-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:10%}.about-lead h2,.manifesto h2,.terminal-copy h2{font-size:clamp(45px,5.3vw,88px);font-weight:700;line-height:1.03;letter-spacing:-.068em}.about-lead h2 span{color:var(--lav)}.about-details{padding-top:6px}.about-details>p{max-width:560px;font-size:17px;color:#a8b0ba;line-height:1.8;margin-bottom:20px}.about-details>p em{font-style:normal;color:#e8ecf0}.about-stat{display:flex;align-items:center;gap:23px;padding:24px 0 0;margin-top:40px;border-top:1px solid var(--line)}.about-stat strong{font-size:clamp(60px,6vw,105px);font-weight:700;line-height:.9;letter-spacing:-.085em}.about-stat strong span{color:var(--lime);font-size:45px;vertical-align:top}.about-stat>span:nth-child(2){font:500 12px/1.75 var(--mono);letter-spacing:.09em;color:#aeb8c0}.stat-arrow{margin-left:auto;font-size:30px;color:var(--lime)}
.stack{background:#0d1019;border-top:1px solid #1b2030;border-bottom:1px solid #1b2030}.stack-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:40px}.stack-heading h2{font-size:clamp(48px,5.9vw,96px);line-height:.92;letter-spacing:-.07em;font-weight:700;margin:0}.stack-heading h2>span:first-child{display:block;color:var(--lav)}.stack-asterisk{font-size:.55em;color:var(--lime);margin-left:13px;vertical-align:top}.stack-heading p{max-width:320px;color:#a5adb6;font-size:15px;line-height:1.65;margin:0}.stack-heading p strong{color:#fff;font-weight:500}.skills-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:13px}.skill-card{position:relative;grid-column:span 2;min-height:400px;display:flex;flex-direction:column;padding:28px;border:1px solid #292e3c;background:linear-gradient(150deg,#171b27 0%,#11141e 100%);overflow:hidden;isolation:isolate;transition:transform .25s ease,border-color .25s,background .25s;cursor:default}.skill-card::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at var(--mx,65%) var(--my,38%),rgba(var(--card-tone-rgb),.18),transparent 54%);opacity:0;transition:opacity .3s}.skill-card:hover,.skill-card:focus-visible{transform:translateY(-6px);border-color:rgba(var(--card-tone-rgb),.6)}.skill-card:hover::before,.skill-card:focus-visible::before{opacity:1}.card-top{display:flex;align-items:center;justify-content:space-between;font:11px var(--mono);color:#8e97a7}.card-arrow{font-size:22px;line-height:1;color:var(--card-tone);transition:transform .2s}.skill-card:hover .card-arrow{transform:translate(3px,-3px)}.skill-icon{height:135px;width:135px;display:grid;place-items:center;align-self:flex-end;margin:18px -2px 0;color:var(--card-tone);filter:drop-shadow(0 6px 40px rgba(var(--card-tone-rgb),.22));transition:transform .35s}.skill-icon svg{width:91px;height:91px}.skill-card:hover .skill-icon{transform:rotate(-8deg) scale(1.1)}.card-content{margin-top:auto;padding-top:21px}.skill-tag{font:500 10px var(--mono);letter-spacing:.08em;color:var(--card-tone)}.card-content h3{font-size:clamp(25px,2.25vw,37px);line-height:1.1;letter-spacing:-.047em;margin:13px 0}.card-content h3 span{vertical-align:super;color:#a1a5ac;font-size:12px;margin-left:2px}.card-content h3 small{display:block;font-size:.62em;letter-spacing:0;font-weight:500;color:#cdd0db;margin-top:5px}.card-content p{font-size:14px;line-height:1.65;color:#9ca4b1;max-width:330px;margin:0}.skill-card:nth-child(4){grid-column:span 3}.skill-card-wide{grid-column:span 3;min-height:400px;display:flex;flex-direction:column;gap:0}.skill-card-wide .card-top{display:flex;align-items:center;justify-content:space-between;gap:0}.skill-card-wide .skill-icon{align-self:flex-end;margin:18px -2px 0;width:135px;height:135px}.skill-card-wide .skill-icon svg{width:91px;height:91px}.skill-card-wide .card-content{margin-top:auto;padding-top:21px;align-self:stretch}.skill-card-wide .wide-ascii{display:none}

.manifesto-grid{display:grid;grid-template-columns:1fr 1fr;gap:11%}.manifesto h2{font-size:clamp(40px,4.7vw,75px)}.manifesto h2 span{color:var(--lav)}.process-list{padding-top:4px}.process-row{display:grid;grid-template-columns:32px 1fr 1.15fr 25px;gap:15px;align-items:center;padding:25px 0;border-bottom:1px solid var(--line)}.process-row:first-child{border-top:1px solid var(--line)}.process-row>span:first-child{font:11px var(--mono);color:var(--lime)}.process-row strong{font-size:17px;letter-spacing:-.025em}.process-row>span:nth-child(3){font-size:12px;color:#89929d}.process-row>b{font-size:21px;font-weight:400;color:#8f94a1;text-align:right}
.terminal-section{background:radial-gradient(ellipse at 25% 110%,rgba(101,93,197,.14),transparent 45%),#11141e;border-top:1px solid #232633}.terminal-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:8%;align-items:center}.terminal-copy h2{font-size:clamp(44px,5vw,78px)}.terminal-copy h2 span{color:var(--lime)}.terminal-copy>p{color:#a4adba;font-size:16px;line-height:1.8;max-width:480px}.blink-caret{animation:blink 1s step-end infinite}.command-hints{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:30px}.command-hints>span{color:#6e788a;font:11px var(--mono);margin-right:5px}.hint-button{border:1px solid #48505c;border-radius:2px;background:transparent;color:#c5d0da;font:11px var(--mono);padding:9px 11px;transition:color .2s,border-color .2s}.hint-button:hover{color:var(--lime);border-color:var(--lime)}.terminal-window{border:1px solid #42495b;background:#090c13;box-shadow:0 32px 80px rgba(0,0,0,.25);min-height:377px}.terminal-toolbar{min-height:51px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 18px;border-bottom:1px solid #282e3a;color:#798496;font:10px var(--mono);gap:12px}.traffic{display:flex;gap:7px}.traffic span{height:10px;width:10px;border-radius:50%;background:#fc6a65}.traffic span:nth-child(2){background:#ffc55a}.traffic span:nth-child(3){background:#65cd82}.terminal-label{justify-self:end;color:#a5bd9c}.terminal-body{height:260px;padding:20px 21px;overflow:auto;scrollbar-color:#515a69 #10141b;scrollbar-width:thin;font:12px/1.8 var(--mono);white-space:pre-wrap;overflow-wrap:anywhere}.terminal-line{margin-bottom:6px}.terminal-line.muted{color:#697689}.terminal-line.cmd{color:#e3e8f0}.terminal-line.cmd::before{content:'guest@dev ~ $ ';color:var(--lime)}.terminal-line.result{color:#b7d6db}.terminal-line.error{color:#ff8d9e}.terminal-highlight{color:var(--lime)}.terminal-form{display:flex;align-items:center;padding:0 18px;gap:10px;height:58px;border-top:1px solid #282e3a;font:12px var(--mono)}.terminal-prompt{color:#b9c3c9;white-space:nowrap}.terminal-prompt span{color:var(--lime)}.terminal-form input{min-width:0;flex:1;color:#e9edf0;background:transparent;border:0;outline:0;font:12px var(--mono)}.terminal-form input:focus-visible{outline:none}.terminal-form input::placeholder{color:#5c6675}.terminal-form button{border:1px solid #353c47;background:#1c2530;color:var(--lime);min-width:30px;height:30px;font-size:18px}
.footer{padding-top:47px;padding-bottom:30px}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-bottom:55px}.footer-brand{font-size:clamp(25px,3vw,43px);font-weight:700;letter-spacing:-.07em}.footer-brand:first-letter{color:var(--lime)}.back-top{display:flex;align-items:center;gap:26px;color:#a9b2bc;font:500 11px var(--mono)}.back-top span{display:grid;place-items:center;font-size:20px;border:1px solid #4a5261;height:43px;width:43px;transition:background .2s}.back-top:hover span{background:var(--lime);color:var(--bg)}.footer-bottom{border-top:1px solid var(--line);padding-top:20px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;color:#798392;font:10px var(--mono);letter-spacing:.05em}.js-ready .reveal{opacity:0;transform:translateY(28px);transition:opacity .65s ease,transform .7s cubic-bezier(.2,.75,.2,1)}.js-ready .reveal.is-visible{opacity:1;transform:translateY(0)}@keyframes blink{50%{opacity:0}}@keyframes pulse{50%{box-shadow:0 0 0 8px rgba(200,255,112,0),0 0 23px rgba(200,255,112,.3)}}@keyframes scrollDown{0%{transform:translateY(0);opacity:0}45%{opacity:1}95%{transform:translateY(10px);opacity:0}}@keyframes ticker{to{transform:translateX(-50%)}}@keyframes spinSlow{to{transform:rotate(360deg)}}
@media(max-width:1250px){.page-width{width:calc(100% - 88px)}.site-header{padding-inline:44px}.hero h1{font-size:clamp(72px,9vw,125px)}.hero-metadata .coordinates{right:5px}.stack-heading h2{font-size:clamp(46px,6vw,80px)}.process-row{grid-template-columns:25px 1fr 1.05fr 18px;gap:10px}.process-row strong{font-size:14px}}
@media(max-width:950px){.page-width{width:calc(100% - 56px)}.site-header{padding-inline:28px;height:76px}.brand-version,.nav-links{display:none}.hero{min-height:760px}.hero-text{padding-top:40px}.hero h1{font-size:clamp(68px,10vw,102px)}.hero-overlay{background:linear-gradient(90deg,rgba(8,10,17,.86),rgba(8,10,17,.34) 100%),linear-gradient(180deg,rgba(7,9,15,.1),transparent 70%,rgba(7,9,15,.8))}.coordinates{display:none!important}.crosshair{right:12%;top:40%;opacity:.24}.about-grid,.manifesto-grid,.terminal-grid{grid-template-columns:1fr;gap:35px}.about-details{max-width:630px}.about-lead h2,.manifesto h2{font-size:clamp(55px,7vw,85px)}.stack-heading{align-items:start;flex-direction:column}.skills-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.skill-card{grid-column:span 1;min-height:370px}.skill-card:nth-child(4){grid-column:span 1}.skill-card-wide{grid-column:span 2;display:grid;grid-template-columns:1fr auto;min-height:300px;gap:30px}.skill-card-wide .card-top{align-self:start;grid-column:1;grid-row:1}.skill-card-wide .skill-icon{grid-column:2;grid-row:1;align-self:center;margin:0;width:180px;height:180px}.skill-card-wide .skill-icon svg{width:120px;height:120px}.skill-card-wide .card-content{grid-column:1;grid-row:1;align-self:end;padding:0;margin:0}.skill-card-wide .wide-ascii{display:none}.process-row{grid-template-columns:32px 1fr 1fr 20px}.terminal-grid{gap:28px}.terminal-copy h2{font-size:72px}.terminal-window{max-width:730px}.section{padding-block:100px}}
@media(max-width:640px){.page-width{width:calc(100% - 36px)}.site-header{height:72px;padding-inline:18px}.brand{gap:8px}.brand-symbol{font-size:25px}.brand-title{font-size:12px}.nav-cta{padding-inline:12px;min-height:37px;font-size:9px;gap:7px}.hero{height:100svh;min-height:710px;max-height:950px}.hero-text{padding-top:0;margin-top:33px}.hero .eyebrow{gap:8px;font-size:8px;margin-bottom:36px;letter-spacing:.03em}.hero-hello{font-size:16px;margin-bottom:20px}.hero h1{font-size:clamp(45px,10.9vw,69px);letter-spacing:-.074em;line-height:.96;margin-bottom:28px}.heading-outline{-webkit-text-stroke:1px rgba(226,233,244,.85)}.hero-description{font-size:14px;line-height:1.8;max-width:410px}.hero-actions{gap:10px}.button{min-height:53px;padding:0 14px;font-size:9px;gap:12px}.button-primary{min-width:210px}.button-secondary{min-width:133px}.hero-orbit-note,.side-code,.crosshair{display:none}.hero-bottom{bottom:25px;font-size:8px;letter-spacing:0}.hero-bottom-right{gap:6px}.hero-bottom-right #time-display{display:none}.scroll-invite{gap:8px}.ticker{height:40px}.ticker-track>span{font-size:11px}.section{padding-block:83px}.section-top{margin-bottom:43px;padding-bottom:16px}.section-index,.section-status{font-size:9px}.about-lead h2,.manifesto h2{font-size:clamp(43px,10vw,63px)}.about-details>p{font-size:15px}.about-stat strong{font-size:76px}.about-stat strong span{font-size:38px}.about-stat>span:nth-child(2){font-size:10px}.stack-heading{margin-bottom:30px}.stack-heading h2{font-size:clamp(43px,10vw,66px)}.skills-grid{grid-template-columns:1fr;gap:12px}.skill-card{grid-column:span 1;min-height:285px;padding:22px}.skill-icon{width:115px;height:95px;margin:0;align-self:flex-end}.skill-icon svg{width:78px;height:78px}.card-content{padding-top:10px}.card-content h3{font-size:32px}.card-content p{font-size:13px;max-width:360px}.skill-card-wide{display:flex;grid-column:span 1;min-height:285px}.skill-card-wide .skill-icon{width:115px;height:95px}.skill-card-wide .skill-icon svg{width:78px;height:78px}.skill-card-wide .card-content{margin-top:auto}.skill-card-wide .wide-ascii{display:none}.process-row{grid-template-columns:24px 1fr 20px;gap:12px;padding:22px 0}.process-row>span:nth-child(3){grid-column:2;grid-row:2}.process-row>b{grid-column:3;grid-row:1}.terminal-copy h2{font-size:clamp(44px,9.5vw,65px)}.terminal-copy>p{font-size:14px}.terminal-toolbar{font-size:9px;padding-inline:10px}.terminal-body{padding:15px 12px;font-size:11px}.terminal-form{padding:0 10px;gap:6px}.terminal-form,.terminal-form input{font-size:10px}.footer{padding-top:35px}.footer-top{padding-bottom:34px}.footer-bottom{font-size:9px;line-height:1.7}.footer-bottom span:last-child{display:none}}
@media(max-width:385px){.hero h1{font-size:10.7vw}.hero .eyebrow{font-size:7px}.hero-bottom-right{display:none}.nav-cta{letter-spacing:0}.brand-title{font-size:11px}.button-primary{min-width:190px}.button-secondary{min-width:115px}}
@media(hover:none){.cursor-glow{display:none}.hero-orbit-note{display:none}.skill-card:hover{transform:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.js-ready .reveal{opacity:1;transform:none}}

@media(max-width:640px){.fallback-orb{width:420px;height:420px;top:27%;right:-260px;opacity:.56}}

/* V2 — Nuevos proyectos y redes. Mantenemos intactos el shader y la estética original. */
.about-stats{display:grid;grid-template-columns:1fr minmax(150px,.55fr);align-items:stretch;gap:1px;background:var(--line);border:1px solid var(--line);margin-top:32px}
.about-stats .about-stat{margin:0;border:0;min-width:0;background:var(--bg)}
.mini-stat{padding:19px 15px 15px;display:flex;flex-direction:column;justify-content:space-between;background:var(--bg);min-width:0}
.mini-stat-label,.mini-stat-code{font:9px/1.4 var(--mono);color:var(--subtle);letter-spacing:.04em}
.mini-stat strong{font-size:clamp(40px,4vw,66px);line-height:1;font-weight:700;letter-spacing:-.065em;color:var(--lime);white-space:nowrap}
.mini-stat strong small{font:500 10px var(--mono);color:var(--white);letter-spacing:0}
.mini-stat-code{color:var(--lime);font-size:8px}
.future-section{padding-top:100px;padding-bottom:120px;background:radial-gradient(ellipse at 73% 61%,rgba(128,105,231,.08),transparent 56%)}
.future-panel{border:1px solid rgba(224,236,242,.16);display:grid;grid-template-columns:1.06fr .94fr;min-height:495px;background:#10131c;overflow:hidden}
.future-content{position:relative;z-index:2;padding:clamp(30px,5vw,75px);display:flex;flex-direction:column;justify-content:center}
.future-kicker{display:flex;align-items:center;gap:10px;font:500 10px var(--mono);letter-spacing:.12em;color:#c5b9ff;margin-bottom:35px}
.kicker-square{display:block;width:8px;height:8px;background:var(--lav);transform:rotate(45deg);box-shadow:0 0 15px #aa9aff77}
.future-content h2{font-size:clamp(40px,4.7vw,78px);line-height:.97;font-weight:700;letter-spacing:-.07em;margin:0 0 25px}
.future-content h2 span{color:var(--lav)}
.future-content p{max-width:480px;font-size:clamp(14px,1.25vw,18px);line-height:1.8;color:#aeb6bd;margin-bottom:28px}
.future-content p strong{font-weight:600;color:#f2f4f0}
.future-tags{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:44px}
.future-tags span{border:1px solid #3b3d53;padding:10px 12px;font:500 9px var(--mono);color:#c5bff0;letter-spacing:.025em}
.future-caption{display:flex;align-items:center;gap:10px;font:9px/1.5 var(--mono);letter-spacing:.04em;color:#b5b7c1}
.future-dot{width:7px;height:7px;border-radius:50%;background:var(--lav);box-shadow:0 0 13px #aa9aff99;flex:0 0 7px}
.future-art{position:relative;min-height:495px;background:radial-gradient(circle at 50% 46%,rgba(108,86,193,.25),transparent 53%),linear-gradient(150deg,#12142a,#0b0c17 80%);overflow:hidden;border-left:1px solid #333148}
.blueprint-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(185,175,255,.065) 1px,transparent 1px),linear-gradient(90deg,rgba(185,175,255,.065) 1px,transparent 1px);background-size:30px 30px;mask-image:radial-gradient(ellipse at center,#000 17%,transparent 82%)}
.blueprint-hud,.blueprint-baseline{position:absolute;left:28px;right:28px;display:flex;justify-content:space-between;gap:15px;font:9px var(--mono);letter-spacing:.06em;color:#b3a2e5;z-index:2}
.blueprint-hud{top:27px}.blueprint-baseline{bottom:27px}.blueprint-baseline span:first-child{color:#d7d2e7}
.wire-scene{position:absolute;left:50%;top:49%;width:210px;height:210px;transform:translate(-50%,-50%);animation:wireFloat 6s ease-in-out infinite}
.wire-cube{position:absolute;inset:30px;border:2px solid rgba(190,170,255,.83);box-shadow:0 0 20px #aa9aff30,inset 0 0 15px #aa9aff12}
.wire-cube-back{transform:translate(29px,-29px);border-color:rgba(191,177,250,.5);box-shadow:0 0 25px #aa9aff22}
.wire-cube-front{background:linear-gradient(145deg,#aa9aff11,transparent)}
.wire-connectors i{display:block;position:absolute;width:41px;height:2px;background:#b49bffb3;transform:rotate(-45deg);transform-origin:0 50%;filter:drop-shadow(0 0 7px #aa9aff)}
.wire-connectors i:nth-child(1){top:30px;left:30px}.wire-connectors i:nth-child(2){top:30px;right:30px}.wire-connectors i:nth-child(3){bottom:30px;left:30px}.wire-connectors i:nth-child(4){bottom:30px;right:30px}
.wire-center{position:absolute;inset:30px;display:grid;place-items:center;font:700 55px var(--mono);letter-spacing:-.09em;color:#d1c2ff;text-shadow:0 0 38px #a080ff88}
@keyframes wireFloat{50%{transform:translate(-50%,calc(-50% - 13px)) rotate(3deg)}}
.social-section{padding-bottom:120px}
.social-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:40px}
.social-heading h2{margin:0;font-size:clamp(47px,6vw,96px);letter-spacing:-.075em;line-height:.95}
.social-heading h2 span{color:var(--lime)}
.social-heading p{font-size:16px;color:#abb2bc;max-width:305px;line-height:1.7;margin:0}
.social-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.social-card{padding:29px;min-height:305px;display:flex;flex-direction:column;justify-content:space-between;border:1px solid rgba(214,228,237,.18);background:radial-gradient(circle at 77% 40%,rgba(var(--social-tone),.095),transparent 55%),#11151e;transition:background .25s,transform .25s,border-color .25s;position:relative;overflow:hidden}
.social-instagram{--social-tone:190,142,250}.social-youtube{--social-tone:200,255,112}
.social-card:before{content:"";position:absolute;inset:-1px;pointer-events:none;background:linear-gradient(135deg,rgba(var(--social-tone),.09),transparent 45%);opacity:.9}
.social-card:hover,.social-card:focus-visible{transform:translateY(-5px);border-color:rgba(var(--social-tone),.65)}
.social-top,.social-bottom{position:relative;z-index:1;display:flex;justify-content:space-between;gap:12px}
.social-top{align-items:flex-start;font:10px var(--mono);letter-spacing:.1em;color:#b7beca}
.social-external{font:25px/1 var(--sans);color:#e5e8ec}
.social-icon{position:absolute;top:88px;right:53px;width:75px;height:75px;color:rgb(var(--social-tone));filter:drop-shadow(0 0 28px rgba(var(--social-tone),.25))}
.social-bottom{display:flex;flex-direction:column;gap:7px}
.social-bottom span{color:#858f9e;font:10px var(--mono);letter-spacing:.05em}
.social-bottom strong{font-size:clamp(30px,3.5vw,52px);letter-spacing:-.05em;line-height:1.1}
.footer-links{display:flex;align-items:center;gap:30px}.footer-links>a:first-child{font:500 10px var(--mono);color:var(--lime);letter-spacing:.04em}
@media(max-width:1250px){.nav-links{gap:23px;margin-right:10px}.social-heading h2{font-size:clamp(45px,5.8vw,75px)}}
@media(max-width:950px){.future-panel{grid-template-columns:1fr}.future-art{border-left:0;border-top:1px solid #333148;min-height:360px}.future-content{padding:48px}.social-heading{align-items:flex-start;flex-direction:column}.social-heading p{max-width:480px}.social-section{padding-bottom:90px}}
@media(max-width:640px){.future-section{padding-top:65px;padding-bottom:85px}.future-content{padding:31px 22px}.future-kicker{font-size:9px;margin-bottom:28px}.future-content h2{font-size:clamp(42px,10vw,65px)}.future-content p{font-size:15px}.future-tags{margin-bottom:28px}.future-tags span{font-size:8px}.future-art{min-height:315px}.wire-scene{transform:translate(-50%,-50%) scale(.8);animation:none}.blueprint-hud,.blueprint-baseline{left:18px;right:18px;font-size:8px}.social-grid{grid-template-columns:1fr;gap:12px}.social-card{min-height:240px;padding:24px}.social-icon{top:68px;right:38px;width:66px;height:66px}.social-heading h2{font-size:clamp(43px,10vw,65px)}.social-heading p{font-size:14px}.social-section{padding-bottom:75px}.about-stats{grid-template-columns:1.15fr .85fr}.mini-stat{padding:14px 10px}.mini-stat strong{font-size:clamp(34px,9vw,56px)}.mini-stat-label,.mini-stat-code{font-size:8px}.footer-links{gap:15px}.footer-links>a:first-child{font-size:9px}}
@media(max-width:385px){.about-stats{grid-template-columns:1fr}.mini-stat{min-height:130px}.footer-links>a:first-child{display:none}}
@media(prefers-reduced-motion:reduce){.wire-scene{animation:none}}


/* V2.1 — Aviso de supervisión familiar */
.supervision-notice{display:flex;align-items:flex-start;gap:22px;padding:22px 26px;margin:0 0 32px;border:1px solid rgba(200,255,112,.22);background:linear-gradient(115deg,rgba(200,255,112,.065),rgba(125,111,202,.035) 65%,transparent);position:relative;overflow:hidden}
.supervision-notice::before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--lime)}
.supervision-icon{display:grid;place-items:center;width:48px;height:48px;flex:0 0 48px;border:1px solid rgba(200,255,112,.32);color:var(--lime);background:rgba(200,255,112,.035)}
.supervision-icon svg{height:26px;width:26px}
.supervision-label{display:flex;align-items:center;gap:9px;font:500 10px/1.4 var(--mono);color:var(--lime);letter-spacing:.09em;margin:0 0 10px}
.supervision-dot{display:block;width:6px;height:6px;flex:0 0 6px;border-radius:50%;background:var(--lime);box-shadow:0 0 12px rgba(200,255,112,.45)}
.supervision-content p{color:#aeb7c2;font-size:13px;line-height:1.75;max-width:820px;margin:0}
.supervision-content p strong{font-weight:600;color:#f1f5f3}
@media(max-width:640px){.supervision-notice{padding:20px 16px;gap:13px;margin-bottom:26px}.supervision-icon{width:37px;height:37px;flex-basis:37px}.supervision-icon svg{height:22px;width:22px}.supervision-label{font-size:8px;letter-spacing:.055em}.supervision-content p{font-size:12px;line-height:1.7}}
