@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Plus+Jakarta+Sans:wght@500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600&display=swap";
:root{--bg:#000;--bg-2:#050505;--panel:#0a0a0a;--panel-2:#121212;--line:#ffffff14;--line-strong:#ffffff29;--orange:#f26a1b;--orange-light:#ff8533;--peach:#ffb885;--ember:#d94814;--cream:#fff;--ash:#1f1f23;--text:#fff;--text-body:#e2e4e9;--muted:#a1a7b4;--dim:#636b79;--glow:#f26a1b66;--orange-soft:#f26a1b1f;--font-body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-display:"Plus Jakarta Sans", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", ui-monospace, Consolas, monospace;--radius:20px;--max:1200px;--ease:cubic-bezier(.2, .7, .2, 1);--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-io:cubic-bezier(.77, 0, .18, 1);--intro:1.1s}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:90px}body{background:var(--bg);min-height:100vh;color:var(--text-body);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;margin:0;font-size:16px;line-height:1.7;overflow-x:hidden}h1,h2,h3,p,ul,ol,dl,dd,figure,pre{margin:0}ul,ol{padding:0;list-style:none}img,svg{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}::selection{background:var(--orange);color:#000}:focus-visible{outline:2px solid var(--orange);outline-offset:3px;border-radius:8px}.container{width:min(100% - 40px, var(--max));margin-inline:auto}.dim{color:var(--dim)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.hl{background:linear-gradient(110deg, var(--ember), var(--orange) 30%, var(--peach) 60%, var(--orange) 85%);-webkit-text-fill-color:transparent;background-size:200% 100%;-webkit-background-clip:text;background-clip:text;animation:8s linear infinite flow}.status-dot{background:#34d399;border-radius:50%;width:8px;height:8px;animation:2.4s ease-out infinite pulse;display:inline-block;box-shadow:0 0 #34d39980}.scroll-progress{z-index:60;transform-origin:0;height:2px;transform:scaleX(var(--progress,0));background:linear-gradient(90deg, var(--ember), var(--orange), var(--peach));box-shadow:0 0 10px var(--glow);position:fixed;top:0;left:0;right:0}.smooth-intro-overlay{z-index:9999;-webkit-user-select:none;user-select:none;cursor:pointer;background:#000;justify-content:center;align-items:center;transition:opacity .85s cubic-bezier(.16,1,.3,1),visibility 0s .85s;display:flex;position:fixed;inset:0;overflow:hidden}.smooth-intro-overlay.is-exiting{opacity:0;pointer-events:none;visibility:hidden}.smooth-intro-stage{will-change:transform;flex-direction:column;align-items:center;gap:32px;transition:transform .25s cubic-bezier(.2,.8,.2,1);display:flex;position:relative}.smooth-intro-overlay.is-exiting .smooth-intro-stage{transition:transform .85s cubic-bezier(.16,1,.3,1);transform:scale(1.08)!important}.smooth-logo-bloom{filter:blur(50px);pointer-events:none;z-index:-1;background:radial-gradient(#f26a1b73 0%,#d9481426 45%,#0000 70%);border-radius:50%;width:440px;height:260px;transition:opacity .4s,transform .4s;animation:3.6s ease-in-out infinite alternate bloomPulse;position:absolute;top:40%;left:50%;translate:-50% -50%}@keyframes bloomPulse{0%{opacity:.35;transform:scale(.92)}to{opacity:.65;transform:scale(1.08)}}.smooth-logo-box{animation:4s ease-in-out infinite alternate smoothLogoFloat;display:inline-block;position:relative}@keyframes smoothLogoFloat{0%{transform:translateY(-5px)}to{transform:translateY(5px)}}.smooth-fox-logo{filter:drop-shadow(0 0 24px #f26a1b8c)drop-shadow(0 0 60px #f26a1b47);width:min(380px,75vw);height:auto;display:block}.smooth-logo-shimmer{pointer-events:none;background:linear-gradient(115deg,#0000 15%,#ffffff4d 42%,#fffffff2 50%,#ffb88599 56%,#0000 75%) 0 0/250% 100%;animation:2.6s cubic-bezier(.4,0,.2,1) infinite logoExactShine;position:absolute;inset:0;-webkit-mask-image:url(/logo.png);mask-image:url(/logo.png);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}@keyframes logoExactShine{0%{opacity:0;background-position:200% 0}20%{opacity:1}65%{opacity:1}85%,to{opacity:0;background-position:-100% 0}}.smooth-progress-wrap{opacity:.9;align-items:center;gap:14px;transition:opacity .3s;display:flex}.smooth-intro-overlay.is-exiting .smooth-progress-wrap{opacity:0}.smooth-hairline-track{background:#ffffff14;border-radius:999px;width:160px;height:2px;position:relative;overflow:hidden}.smooth-hairline-bar{background:linear-gradient(90deg, var(--ember), var(--orange), var(--peach));border-radius:999px;height:100%;transition:width .15s cubic-bezier(.16,1,.3,1);box-shadow:0 0 10px #f26a1bcc}.smooth-progress-num{font-family:var(--font-mono);color:var(--muted);letter-spacing:.08em;min-width:20px;font-size:11px;font-weight:500}.card-3d{transform-style:preserve-3d;will-change:transform;transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s;position:relative}.card-3d-glare{border-radius:inherit;pointer-events:none;z-index:10;opacity:0;transition:opacity .3s;position:absolute;inset:0}.card-3d-content{z-index:1;width:100%;height:100%;position:relative}.btn{border:1px solid var(--line-strong);height:50px;font-family:var(--font-body);white-space:nowrap;isolation:isolate;transition:transform .35s var(--ease-out), background-color .25s, border-color .25s, box-shadow .35s, color .25s;border-radius:999px;align-items:center;gap:10px;padding:0 24px;font-size:14.5px;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn>span{transition:transform .35s var(--ease-out)}.btn:hover{transform:translateY(-2px)}.btn:hover>span{transform:translate(3px)}.btn svg{width:17px;height:17px}.btn-primary{background:linear-gradient(120deg, var(--orange), var(--orange-light));color:#000;box-shadow:0 10px 28px -10px var(--glow), inset 0 1px 0 #fff6;border-color:#0000}.btn-primary:before{content:"";z-index:-1;transition:transform .7s var(--ease-out);background:linear-gradient(110deg,#0000 30%,#ffffff73 50%,#0000 70%);position:absolute;inset:0;transform:translate(-120%)}.btn-primary:hover:before{transform:translate(120%)}.btn-primary:hover{box-shadow:0 16px 36px -10px #f26a1ba6}.btn-ghost{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0a}.btn-ghost:hover{color:var(--peach);background:var(--orange-soft);border-color:#f26a1b99}.btn-dark{color:#fff;background:#000;border-color:#ffffff26}.btn-dark:hover{background:#0c0c0c;border-color:#ffffff4d}.btn-small{background:#ffffff0a;height:38px;padding:0 16px;font-size:13.5px}.btn-small:hover{border-color:var(--orange);color:var(--peach)}.link-arrow{font-family:var(--font-mono);color:var(--muted);font-size:14px;transition:color .25s}.link-arrow span{transition:transform .3s var(--ease-out);display:inline-block}.link-arrow:hover{color:var(--orange)}.link-arrow:hover span{transform:translate(3px,-3px)}.nav{z-index:50;width:min(100% - 28px,940px);animation:navIn .9s var(--ease-out) calc(var(--intro) + .4s) both;position:fixed;top:16px;left:50%;transform:translate(-50%)}.nav-inner{border:1px solid #0000;border-radius:999px;justify-content:space-between;align-items:center;gap:16px;height:58px;padding:0 8px 0 16px;transition:background-color .4s,border-color .4s,box-shadow .4s,-webkit-backdrop-filter .4s,backdrop-filter .4s;display:flex}.is-scrolled .nav-inner{-webkit-backdrop-filter:blur(18px);background:#000000d1;border-color:#ffffff1f;box-shadow:0 16px 40px -16px #000000e6}.nav-brand{align-items:center;gap:10px;display:flex}.nav-logo{width:56px;height:auto;transition:transform .5s var(--ease-out)}.nav-brand:hover .nav-logo{transform:translate(3px)rotate(-2deg)}.nav-word{font-family:var(--font-display);letter-spacing:-.02em;color:#fff;font-size:16px;font-weight:800}.nav-links{gap:2px;display:flex}.nav-links a{color:var(--muted);border-radius:999px;padding:7px 14px;font-size:13.5px;font-weight:500;transition:color .25s,background-color .25s;display:block}.nav-links a:hover{color:#fff;background:#ffffff0f}.hero{--mx:.5;--my:.5;isolation:isolate;background:#000;grid-template-rows:1fr auto;place-items:center;min-height:100svh;padding:110px 20px 26px;display:grid;position:relative;overflow:hidden}.hero-bg{z-index:-1;pointer-events:none;position:absolute;inset:0}.hero-grid{opacity:0;animation:fadeIn 1.8s ease calc(var(--intro) + .2s) forwards;background:linear-gradient(#ffffff0a 1px,#0000 1px) 0 0/64px 64px,linear-gradient(90deg,#ffffff0a 1px,#0000 1px) 0 0/64px 64px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(65% 55% at 50% 48%,#000 20%,#0000 75%);mask-image:radial-gradient(65% 55% at 50% 48%,#000 20%,#0000 75%)}.hero-orb{filter:blur(80px);opacity:0;border-radius:50%;position:absolute}.hero-orb-a{width:52vw;max-width:680px;height:52vw;max-height:680px;animation:fadeIn 2s ease calc(var(--intro) + .1s) forwards, breathe 8s ease-in-out infinite;background:radial-gradient(circle,#f26a1b52,#d948141a 45%,#0000 70%);top:54%;left:50%;translate:-50% -50%}.hero-orb-b{width:28vw;max-width:380px;height:28vw;max-height:380px;animation:fadeIn 2s ease calc(var(--intro) + .2s) forwards;background:radial-gradient(circle,#ff853324,#0000 70%);top:22%;left:20%}.hero-spot{background:radial-gradient(450px circle at calc(var(--mx) * 100%) calc(var(--my) * 100%), #f26a1b14, transparent 60%);transition:background .2s;position:absolute;inset:0}.hero-horizon{width:min(900px,86vw);height:1px;animation:lineIn 1.5s var(--ease-out) calc(var(--intro) + .4s) forwards;background:linear-gradient(90deg,#0000,#f26a1b66,#0000);position:absolute;bottom:12%;left:50%;transform:scaleX(0)}.hero-stage{text-align:center;transform:translate3d(0, calc(var(--hp,0) * 12vh), 0) scale(calc(1 - var(--hp,0) * .07));opacity:calc(1 - var(--hp,0) * 1.25);will-change:transform, opacity;flex-direction:column;align-items:center;display:flex}.hero-kicker{border:1px solid var(--line-strong);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-family:var(--font-mono);letter-spacing:.02em;color:var(--muted);animation:riseIn .9s var(--ease-out) calc(var(--intro) + 50ms) both;background:#ffffff08;border-radius:999px;align-items:center;gap:10px;padding:7px 16px;font-size:12.5px;display:inline-flex}.hero-kicker i{color:var(--orange);font-style:normal}.hero-fox{filter:drop-shadow(0 16px 36px #f26a1b47);width:min(340px,58vw);height:auto;animation:foxRun 1.4s var(--ease-out) calc(var(--intro) + .15s) both, foxBob 5.5s ease-in-out calc(var(--intro) + 1.5s) infinite;margin:clamp(20px,3.5vh,36px) 0 clamp(-10px,-1vw,-4px)}.hero-title{font-family:var(--font-display);letter-spacing:-.05em;transform:perspective(1400px) rotateX(calc((var(--my) - .5) * -6deg)) rotateY(calc((var(--mx) - .5) * 8deg));transition:transform .8s var(--ease-out);filter:drop-shadow(0 24px 50px #f26a1b40);justify-content:center;font-size:clamp(96px,24vw,320px);font-weight:900;line-height:.86;display:flex}.hero-letter{transition:transform .6s var(--ease-out);padding:.08em .02em .04em;display:inline-block;overflow:hidden}.hero-letter:hover{transform:translateY(-5%)rotate(-2deg)}.hero-letter-inner{background:linear-gradient(110deg, var(--ember) 0%, var(--orange) 24%, var(--peach) 44%, var(--orange) 64%, var(--ember) 85%);-webkit-text-fill-color:transparent;color:var(--orange);animation:letterIn 1.2s var(--ease-out) calc(var(--intro) + .3s + var(--i) * 90ms) both, flow 7s linear calc(var(--i) * -.5s) infinite;background-size:200% 100%;-webkit-background-clip:text;background-clip:text;display:inline-block}.hero-letter:hover .hero-letter-inner{filter:brightness(1.2)}.hero-sub{font-family:var(--font-display);letter-spacing:-.02em;color:var(--muted);animation:riseIn 1s var(--ease-out) calc(var(--intro) + .75s) both;margin-top:clamp(16px,2.5vh,26px);font-size:clamp(17px,2.1vw,24px);font-weight:500}.hero-sub em{color:#fff;font-style:normal;font-weight:700}.hero-actions{animation:riseIn 1s var(--ease-out) calc(var(--intro) + .9s) both;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:26px;display:flex}.hero-foot{width:min(100%, var(--max));font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--dim);animation:fadeIn 1s ease calc(var(--intro) + 1.1s) both;grid-template-columns:1fr auto 1fr;align-items:center;font-size:12px;display:grid}.hero-foot>span:last-child{text-align:right}.scroll-cue{border:1.5px solid var(--line-strong);border-radius:999px;width:24px;height:38px;transition:border-color .3s;display:block;position:relative}.scroll-cue:hover{border-color:var(--orange)}.scroll-cue i{background:var(--orange);width:3px;height:7px;animation:scrollCue 2s var(--ease-io) infinite;border-radius:3px;margin-left:-1.5px;position:absolute;top:7px;left:50%}.marquee{background:#000;padding:60px 0 36px;position:relative;overflow:hidden}.marquee-band{width:110%;margin-left:-5%;padding:16px 0;position:relative;overflow:hidden}.marquee-band-a{background:linear-gradient(90deg, var(--ember), var(--orange) 35%, var(--orange-light));color:#000;z-index:2;box-shadow:0 16px 40px -16px var(--glow);transform:rotate(-2deg)}.marquee-band-b{border-block:1px solid var(--line-strong);color:var(--muted);background:#060606;margin-top:-46px;transform:rotate(1.8deg)}.marquee-track{width:max-content;animation:38s linear infinite marquee;display:flex}.marquee-track.is-reverse{animation-duration:46s;animation-direction:reverse}.marquee-band:hover .marquee-track{animation-play-state:paused}.marquee-track ul{flex-shrink:0;display:flex}.marquee-track li{font-family:var(--font-display);letter-spacing:-.01em;text-transform:uppercase;white-space:nowrap;align-items:center;gap:26px;padding-right:26px;font-size:clamp(16px,2.1vw,25px);font-weight:800;display:flex}.marquee-star{opacity:.7;font-size:.65em}.marquee-band-b .marquee-star{color:var(--orange);opacity:1}.section{background:#000;padding:clamp(80px,11vw,140px) 0 0}.section-head{max-width:760px;margin-bottom:44px}.section-head h2{font-family:var(--font-display);letter-spacing:-.035em;color:#fff;margin-top:14px;font-size:clamp(30px,4.4vw,54px);font-weight:800;line-height:1.1}.section-head p{color:var(--muted);max-width:580px;margin-top:14px;font-size:16.5px;line-height:1.7}.section-head-row{justify-content:space-between;align-items:flex-end;gap:20px;max-width:none;display:flex}.section-index{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--orange);align-items:center;gap:10px;font-size:12.5px;display:inline-flex}.section-index:before{content:"";background:currentColor;width:22px;height:1.5px}.about-section{padding-top:clamp(60px,8vw,110px);scroll-margin-top:110px}.about-lead{color:#cbd5e1;max-width:860px;margin-top:18px;font-size:clamp(16px,1.3vw,19px);font-weight:400;line-height:1.7}.about-bento{grid-template-columns:390px 1fr;align-items:stretch;gap:24px;margin-top:48px;display:grid}@media (max-width:1024px){.about-bento{grid-template-columns:1fr}}.bento-card{border-radius:var(--radius);transition:border-color .4s var(--ease-out), box-shadow .4s var(--ease-out);background:#060607;border:1px solid #ffffff14;position:relative;overflow:hidden}.bento-card:hover{border-color:#f26a1b73;box-shadow:0 20px 50px -20px #f26a1b4d}.bento-profile{background:radial-gradient(circle at 10% 10%,#f26a1b14,#0000 65%),#050506;border:1px solid #ffffff17;flex-direction:column;justify-content:space-between;padding:32px 28px;display:flex}.profile-badge-row{font-family:var(--font-mono);letter-spacing:.04em;border-bottom:1px solid #ffffff0f;align-items:center;gap:10px;padding-bottom:20px;font-size:12px;display:flex}.profile-status-text{color:#34d399;font-weight:500}.profile-arch-tag{color:var(--orange-light);background:#f26a1b1a;border:1px solid #f26a1b4d;border-radius:999px;margin-left:auto;padding:3px 10px;font-size:11px;font-weight:600}.profile-main{align-items:center;gap:18px;margin-top:24px;display:flex}.profile-avatar{object-fit:cover;width:72px;height:72px;transition:transform .4s var(--ease-out), border-color .4s ease;border:2px solid #f26a1b80;border-radius:20px;flex-shrink:0;box-shadow:0 0 24px #f26a1b40}.bento-profile:hover .profile-avatar{border-color:var(--orange);transform:scale(1.05)}.profile-info h3{font-family:var(--font-display);color:#fff;letter-spacing:-.02em;font-size:21px;font-weight:700}.profile-info p{color:var(--orange-light);margin-top:2px;font-size:13.5px;font-weight:500}.profile-loc{color:var(--muted);font-size:12px;font-family:var(--font-mono);margin-top:6px;display:inline-block}.profile-bio{color:#cbd5e1;border-left:3px solid var(--orange);background:#ffffff05;border-radius:0 10px 10px 0;margin-top:22px;padding:14px 16px;font-size:14.5px;font-style:italic;line-height:1.65}.profile-chips{flex-wrap:wrap;gap:8px;margin-top:26px;display:flex}.profile-chips span{font-family:var(--font-mono);color:#e2e8f0;background:#ffffff0a;border:1px solid #ffffff17;border-radius:999px;padding:5px 12px;font-size:11.5px;transition:all .3s}.profile-chips span:hover{border-color:var(--orange);color:#fff;background:#f26a1b26;transform:translateY(-2px)}.bento-focus-grid{grid-template-rows:repeat(3,1fr);gap:16px;display:grid}@media (max-width:768px){.bento-focus-grid{grid-template-rows:none;grid-template-columns:1fr}}.bento-focus-item{background:#070708;border:1px solid #ffffff12;flex-direction:column;justify-content:center;min-height:140px;padding:24px 28px;display:flex;position:relative;overflow:hidden}.bento-focus-item:after{content:"";background:linear-gradient(180deg, var(--orange), var(--ember));opacity:0;width:3px;height:100%;transition:opacity .35s;position:absolute;top:0;left:0}.bento-focus-item:hover:after{opacity:1}.focus-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.focus-hex{font-family:var(--font-mono);color:var(--orange);letter-spacing:.05em;background:#f26a1b1f;border-radius:4px;padding:2px 8px;font-size:12px;font-weight:700}.focus-tag{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--dim);font-size:10.5px}.bento-focus-item h4{font-family:var(--font-display);color:#fff;letter-spacing:-.015em;margin-bottom:8px;font-size:19px;font-weight:700;transition:color .3s}.bento-focus-item:hover h4{color:var(--peach)}.bento-focus-item p{color:#9da4b2;max-width:680px;margin-bottom:14px;font-size:14.5px;line-height:1.6}.focus-techs{flex-wrap:wrap;gap:8px;display:flex}.focus-techs span{font-family:var(--font-mono);color:var(--muted);background:#ffffff08;border:1px solid #ffffff0f;border-radius:6px;padding:3px 10px;font-size:11px;transition:border-color .25s,color .25s}.bento-focus-item:hover .focus-techs span{color:#f1f5f9;border-color:#f26a1b40}.about-telemetry{grid-template-columns:repeat(4,1fr);gap:16px;margin-top:24px;display:grid}@media (max-width:900px){.about-telemetry{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.about-telemetry{grid-template-columns:1fr}}.telemetry-item{background:#050506;border:1px solid #ffffff0f;border-radius:14px;flex-direction:column;gap:4px;padding:16px 20px;transition:border-color .3s;display:flex}.telemetry-item:hover{border-color:#f26a1b4d}.telemetry-label{font-family:var(--font-mono);letter-spacing:.08em;color:var(--orange);font-size:10.5px}.telemetry-val{font-family:var(--font-display);color:#fff;font-size:18px;font-weight:700}.telemetry-sub{color:var(--muted);font-size:12.5px}.stage-card,.terminal,.repo-card{border:1px solid var(--line);border-radius:var(--radius);background:#080808}.stage-item[data-3d]{transform:perspective(1000px) rotateX(calc((1 - var(--enter-p,1)) * 12deg)) translateY(calc((1 - var(--enter-p,1)) * 26px));will-change:transform;transition:transform .6s cubic-bezier(.16,1,.3,1)}.focus-card-inner{grid-template-columns:56px 1fr auto;align-items:center;gap:16px;padding:22px 24px;display:grid}.fourkan-3d-wrap{width:100%;margin-top:clamp(80px,11vw,140px)}.hero-fox-3d-wrap{transform-style:preserve-3d;transition:transform .8s cubic-bezier(.16,1,.3,1);position:relative;transform:translateZ(40px)}.stage-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.stage-card{transition:transform .45s var(--ease-out), border-color .35s, box-shadow .45s;flex-direction:column;padding:24px 22px 22px;display:flex;position:relative;overflow:hidden}.stage-card:after{content:"";background:linear-gradient(90deg, var(--ember), var(--orange), var(--peach));transform-origin:0;width:100%;height:2px;transition:transform .5s var(--ease-out);position:absolute;top:0;left:0;transform:scaleX(0)}.stage-card:hover{border-color:#f26a1b59;transform:translateY(-5px);box-shadow:0 20px 40px -20px #f26a1b59}.stage-card:hover:after{transform:scaleX(1)}.stage-card header{justify-content:space-between;align-items:center;display:flex}.stage-no{font-family:var(--font-display);letter-spacing:-.04em;color:#0000;-webkit-text-stroke:1px #f26a1ba6;font-size:38px;font-weight:800;line-height:1;transition:color .4s}.stage-card:hover .stage-no{color:var(--orange)}.stage-tag{font-family:var(--font-mono);letter-spacing:.08em;border:1px solid var(--line-strong);color:var(--muted);border-radius:999px;padding:4px 8px;font-size:11px}.stage-card h3{font-family:var(--font-display);letter-spacing:-.02em;color:#fff;margin-top:22px;font-size:19px;font-weight:700}.stage-card p{color:var(--muted);flex:1;margin-top:8px;font-size:14.5px;line-height:1.6}.stage-code{border:1px solid var(--line);min-height:110px;font-family:var(--font-mono);white-space:pre;color:#e5e5e5;background:#020202;border-radius:12px;flex-direction:column;justify-content:center;margin-top:20px;padding:13px 15px;font-size:12px;line-height:1.7;display:flex}.stage-code b{color:var(--orange-light);font-weight:600}.stage-code em{color:#ff9e7a;font-style:normal}.stage-code i{color:var(--dim);font-style:normal}.stage-code u{color:var(--peach);text-decoration:none}.cfg{width:100%;height:auto}.cfg path{fill:none;stroke:#fff3;stroke-width:1.4px}.cfg path.hot{stroke:var(--orange);stroke-dasharray:4 4;animation:1.6s linear infinite dash}.cfg rect{fill:#101010;stroke:#ffffff26}.cfg rect.hot{stroke:var(--orange);fill:#f26a1b1f}.cfg text{fill:#d4d4d4;font-family:var(--font-mono);text-anchor:middle;font-size:9px}.lab{grid-template-columns:1fr 1.05fr;align-items:center;gap:48px;display:grid}.lab-steps{gap:2px;display:grid}.lab-steps li{border-top:1px solid var(--line);grid-template-columns:48px 1fr;gap:14px;padding:20px 0;display:grid}.lab-no{background:var(--orange-soft);width:38px;height:38px;color:var(--orange);font-family:var(--font-mono);border-radius:10px;place-items:center;font-size:12.5px;font-weight:600;display:grid}.lab-steps h3{font-family:var(--font-display);letter-spacing:-.02em;color:#fff;font-size:17.5px;font-weight:700}.lab-steps p{color:var(--muted);margin-top:6px;font-size:14.5px;line-height:1.65}.chips{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.chips span{border:1px solid var(--line-strong);font-family:var(--font-mono);color:var(--muted);border-radius:999px;padding:3px 9px;font-size:11px;transition:border-color .25s,color .25s}.chips span:hover{border-color:var(--orange);color:var(--peach)}.terminal{background:#030303;overflow:hidden;box-shadow:0 30px 70px -30px #f26a1b40,0 0 0 1px #f26a1b14}.terminal-bar{border-bottom:1px solid var(--line);font-family:var(--font-mono);color:var(--dim);background:#070707;align-items:center;gap:14px;padding:13px 18px;font-size:12px;display:flex}.dots{gap:6px;display:flex}.dots i{background:#222;border-radius:50%;width:10px;height:10px}.dots i:first-child{background:var(--orange)}.terminal pre{font-family:var(--font-mono);color:#e5e5e5;padding:20px 22px 24px;font-size:12.5px;line-height:1.8;overflow-x:auto}.t-cmd{color:#fff}.t-ok{color:#4ade80}.t-info{color:var(--peach)}.t-warn{color:var(--orange)}.t-addr{color:#ff9e7a}.terminal b{color:var(--orange)}.caret{vertical-align:-2px;background:var(--orange);width:7px;height:14px;animation:1.1s step-end infinite blink;display:inline-block}.repo-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.repo-card{min-height:200px;transition:transform .45s var(--ease-out), border-color .35s, box-shadow .45s;flex-direction:column;padding:22px;display:flex;position:relative;overflow:hidden}.repo-card:before{content:"";opacity:0;background:radial-gradient(closest-side,#f26a1b2e,#0000);height:70%;transition:opacity .5s;position:absolute;inset:auto -20% -50%}.repo-card:hover{border-color:#f26a1b59;transform:translateY(-5px);box-shadow:0 24px 48px -20px #f26a1b4d}.repo-card:hover:before{opacity:1}.repo-card>*{position:relative}.repo-card header{justify-content:space-between;align-items:center;display:flex}.repo-addr{font-family:var(--font-mono);color:var(--dim);font-size:11.5px}.repo-arrow{border:1px solid var(--line-strong);width:30px;height:30px;color:var(--muted);transition:background-color .3s, color .3s, transform .4s var(--ease-out), border-color .3s;border-radius:50%;place-items:center;display:grid}.repo-card:hover .repo-arrow{background:var(--orange);border-color:var(--orange);color:#000;transform:rotate(45deg)}.repo-card h3{font-family:var(--font-display);letter-spacing:-.02em;color:#fff;word-break:break-word;margin-top:18px;font-size:18px;font-weight:700}.repo-card p{color:var(--muted);flex:1;margin-top:7px;font-size:14px;line-height:1.6}.repo-card footer{border-top:1px solid var(--line);font-family:var(--font-mono);color:var(--muted);justify-content:space-between;margin-top:18px;padding-top:12px;font-size:11.5px;display:flex}.repo-lang{align-items:center;gap:7px;display:inline-flex}.repo-lang i{border-radius:50%;width:7px;height:7px}.fourkan{isolation:isolate;color:#000;background:linear-gradient(125deg, var(--ember) 0%, var(--orange) 45%, var(--orange-light) 100%);box-shadow:0 40px 80px -40px var(--glow);border-radius:28px;grid-template-columns:1fr auto;align-items:center;gap:28px;margin-top:clamp(80px,11vw,140px);padding:clamp(28px,4.5vw,56px);display:grid;position:relative;overflow:hidden}.fourkan:before{content:"";z-index:-1;background:radial-gradient(550px at 85% 30%,#ffffff4d,#0000 60%),repeating-linear-gradient(135deg,#0000000a 0 2px,#0000 2px 14px);position:absolute;inset:0}.fourkan .section-index{color:#1f0b03}.fourkan h2{font-family:var(--font-display);letter-spacing:-.05em;color:#000;margin-top:10px;font-size:clamp(40px,7vw,92px);font-weight:900;line-height:.95}.fourkan h2 span{color:#00000073}.fourkan p{color:#000000d9;max-width:440px;margin:14px 0 24px;font-size:16px;font-weight:500;line-height:1.6}.fourkan-fox{filter:drop-shadow(0 24px 36px #00000059);width:min(400px,34vw);height:auto;transition:transform .8s var(--ease-out)}.fourkan:hover .fourkan-fox{transform:translate(14px)rotate(-1.5deg)}.contact{text-align:center;flex-direction:column;align-items:center;display:flex}.contact h2{max-width:900px;font-family:var(--font-display);letter-spacing:-.04em;color:#fff;margin-top:18px;font-size:clamp(32px,5.2vw,68px);font-weight:800;line-height:1.08}.contact>p{color:var(--muted);margin-top:18px;font-size:17px}.contact-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:32px;display:flex}.copy-email{border:1px solid var(--line-strong);height:50px;font-family:var(--font-mono);color:#fff;background:#ffffff08;border-radius:999px;align-items:center;gap:12px;padding:0 8px 0 20px;font-size:13.5px;transition:border-color .25s,background-color .25s;display:inline-flex}.copy-email:hover{background:var(--orange-soft);border-color:#f26a1b99}.copy-email-state{color:var(--muted);background:#ffffff14;border-radius:999px;padding:7px 12px;font-size:12px;transition:background-color .25s,color .25s}.copy-email.is-copied .copy-email-state{background:var(--orange);color:#000;font-weight:600}.socials{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:28px;display:flex}.socials a{border:1px solid var(--line);color:var(--muted);transition:color .25s, border-color .25s, transform .35s var(--ease-out);background:#ffffff05;border-radius:999px;align-items:center;gap:9px;padding:9px 15px;font-size:13.5px;display:inline-flex}.socials a:hover{color:#fff;border-color:#f26a1b80;transform:translateY(-2px)}.socials svg{width:15px;height:15px}.footer{border-top:1px solid var(--line);background:#000;margin-top:clamp(80px,10vw,130px);padding:30px 0 36px;position:relative}.footer-inner{font-family:var(--font-mono);color:var(--muted);justify-content:space-between;align-items:center;gap:20px;font-size:13px;display:flex}.footer-brand{color:#fff;align-items:center;gap:12px;font-weight:500;display:flex}.footer-logo{width:44px;height:auto;transition:transform .4s var(--ease-out)}.footer-brand:hover .footer-logo{transform:translate(3px)rotate(-2deg)}.footer-back-top{color:var(--muted);transition:color .25s, transform .3s var(--ease-out);align-items:center;gap:6px;display:inline-flex}.footer-back-top:hover{color:var(--orange);transform:translateY(-2px)}.js-reveal .reveal{opacity:0;transition:opacity .75s var(--ease-out) var(--d,0s), transform .85s var(--ease-out) var(--d,0s);transform:translateY(24px)}.js-reveal .reveal.is-visible{opacity:1;transform:none}@keyframes flow{to{background-position:200%}}@keyframes pulse{0%{box-shadow:0 0 #34d39980}70%,to{box-shadow:0 0 0 8px #34d39900}}@keyframes introLogo{0%{opacity:0;transform:translate(-30px)scale(.95)}to{opacity:1;transform:none}}@keyframes introBar{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes introOut{0%{clip-path:inset(0)}99%{clip-path:inset(0 0 100%);visibility:visible}to{clip-path:inset(0 0 100%);visibility:hidden}}@keyframes navIn{0%{opacity:0;translate:0 -20px}to{opacity:1;translate:0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes riseIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@keyframes letterIn{0%{transform:translateY(105%)rotate(5deg)}to{transform:translateY(0)rotate(0)}}@keyframes foxRun{0%{opacity:0;filter:blur(6px);translate:-32vw}60%{opacity:1}to{opacity:1;filter:blur();translate:0}}@keyframes foxBob{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@keyframes lineIn{to{transform:scaleX(1)}}@keyframes scrollCue{0%{opacity:0;transform:translateY(0)}30%{opacity:1}80%,to{opacity:0;transform:translateY(12px)}}@keyframes marquee{to{transform:translate(-50%)}}@keyframes dash{to{stroke-dashoffset:-16px}}@keyframes blink{50%{opacity:0}}@keyframes rotateClockwise{to{transform:rotate(360deg)}}@keyframes rotateCounterClockwise{to{transform:rotate(-360deg)}}@keyframes preloaderPulse{0%,to{filter:drop-shadow(0 0 24px #f26a1b66);transform:scale(1)}50%{filter:drop-shadow(0 0 40px #f26a1bbf);transform:scale(1.025)}}@keyframes pulseRip{0%{opacity:.6;transform:translate(0)}to{opacity:1;transform:translate(3px)}}@media (max-width:1040px){.stage-grid,.repo-grid{grid-template-columns:repeat(2,1fr)}.lab{grid-template-columns:1fr;gap:32px}.about-grid,.studio-body{grid-template-columns:1fr}.studio-sidebar{border-top:1px solid var(--line)}}@media (max-width:760px){.nav-links{display:none}.nav-inner{height:52px}.hero{padding-top:90px}.hero-kicker{font-size:11px}.hero-foot{grid-template-columns:1fr auto 1fr;font-size:10px}.stage-grid,.repo-grid{grid-template-columns:1fr}.section-head-row{flex-direction:column;align-items:flex-start}.fourkan{grid-template-columns:1fr}.fourkan-fox{justify-self:end;width:min(320px,80%)}.focus-list li{grid-template-columns:44px 1fr}.focus-list i{display:none}.footer-inner{text-align:center;flex-direction:column;align-items:center}.copy-email-address{font-size:12px}.studio-disasm-head,.studio-row{grid-template-columns:24px 75px 1fr}.studio-bytes{display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.preloader-overlay{display:none}*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important;animation-delay:0s!important}.hero-title,.hero-stage{opacity:1;transform:none}}