*,:before,:after,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border:0 solid #e5e7eb}:before,:after{--tw-content:""}html,:host{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5}body{line-height:inherit;margin:0}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-feature-settings:normal;font-variation-settings:normal;font-family:ui-monospace,SF Mono,Cascadia Mono,Menlo,Consolas,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder{opacity:1;color:#9ca3af}textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (width>=640px){.container{max-width:640px}}@media (width>=768px){.container{max-width:768px}}@media (width>=1024px){.container{max-width:1024px}}@media (width>=1280px){.container{max-width:1280px}}@media (width>=1536px){.container{max-width:1536px}}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.right-0{right:0}.right-2{right:.5rem}.top-2{top:.5rem}.top-24{top:6rem}.top-full{top:100%}.z-50{z-index:50}.my-16{margin-top:4rem;margin-bottom:4rem}.-mt-0\.5{margin-top:-.125rem}.mb-1{margin-bottom:.25rem}.mb-1\.5{margin-bottom:.375rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-2{margin-left:.5rem}.ml-auto{margin-left:auto}.mr-1\.5{margin-right:.375rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-10{margin-top:2.5rem}.mt-12{margin-top:3rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-auto{margin-top:auto}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.grid{display:grid}.hidden{display:none}.\!h-3\.5{height:.875rem!important}.\!h-7{height:1.75rem!important}.\!h-8{height:2rem!important}.h-1\.5{height:.375rem}.h-2{height:.5rem}.h-full{height:100%}.max-h-\[68vh\]{max-height:68vh}.min-h-\[280px\]{min-height:280px}.\!w-3\.5{width:.875rem!important}.\!w-7{width:1.75rem!important}.\!w-8{width:2rem!important}.w-1\.5{width:.375rem}.w-2{width:.5rem}.w-40{width:10rem}.w-full{width:100%}.min-w-0{min-width:0}.max-w-\[26ch\]{max-width:26ch}.max-w-full{max-width:100%}.flex-1{flex:1}.shrink-0{flex-shrink:0}.transform{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{50%{opacity:.5}}.animate-pulse-slow{animation:2.4s infinite pulse}.\!grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))!important}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-10{gap:2.5rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-px{gap:1px}.gap-x-4{-moz-column-gap:1rem;column-gap:1rem}.gap-y-1{row-gap:.25rem}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem * var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-sm{border-radius:.125rem}.rounded-xl{border-radius:.75rem}.\!border-2{border-width:2px!important}.border{border-width:1px}.border-t{border-top-width:1px}.border-border{--tw-border-opacity:1;border-color:rgb(31 39 51/var(--tw-border-opacity,1))}.bg-accent-soft{background-color:#4c9aff1f}.bg-accent\/50{background-color:#4c9aff80}.bg-danger\/70{background-color:#f26d6db3}.bg-ok\/70{background-color:#3ddc84b3}.bg-surface{--tw-bg-opacity:1;background-color:rgb(16 21 29/var(--tw-bg-opacity,1))}.bg-surface-2{--tw-bg-opacity:1;background-color:rgb(22 28 38/var(--tw-bg-opacity,1))}.bg-warn\/70{background-color:#f0a13ab3}.object-contain{-o-object-fit:contain;object-fit:contain}.p-1{padding:.25rem}.p-10{padding:2.5rem}.p-5{padding:1.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.pl-4{padding-left:1rem}.pt-2{padding-top:.5rem}.pt-3{padding-top:.75rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.font-mono{font-family:ui-monospace,SF Mono,Cascadia Mono,Menlo,Consolas,monospace}.text-2xl{font-size:1.5rem;line-height:2rem}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[13px\]{font-size:13px}.text-\[15px\]{font-size:15px}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.leading-relaxed{line-height:1.625}.tracking-\[0\.14em\]{letter-spacing:.14em}.tracking-wider{letter-spacing:.05em}.text-\[\#9aa5b5\]{--tw-text-opacity:1;color:rgb(154 165 181/var(--tw-text-opacity,1))}.text-accent{--tw-text-opacity:1;color:rgb(76 154 255/var(--tw-text-opacity,1))}.text-accent-strong{--tw-text-opacity:1;color:rgb(116 179 255/var(--tw-text-opacity,1))}.text-accent-strong\/70{color:#74b3ffb3}.text-danger{--tw-text-opacity:1;color:rgb(242 109 109/var(--tw-text-opacity,1))}.text-ok{--tw-text-opacity:1;color:rgb(61 220 132/var(--tw-text-opacity,1))}.text-ok\/80{color:#3ddc84cc}.text-text{--tw-text-opacity:1;color:rgb(232 236 242/var(--tw-text-opacity,1))}.text-text-faint{--tw-text-opacity:1;color:rgb(92 106 124/var(--tw-text-opacity,1))}.text-text-muted{--tw-text-opacity:1;color:rgb(154 165 181/var(--tw-text-opacity,1))}.opacity-0{opacity:0}.opacity-40{opacity:.4}.shadow-2xl{--tw-shadow:0 25px 50px -12px #00000040;--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000)}.blur{--tw-blur:blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-opacity{transition-property:opacity;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}:root,[data-theme=dark]{--font-sans:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:ui-monospace, "SF Mono", "Cascadia Mono", Menlo, Consolas, "Liberation Mono", monospace;--bg:#0a0e14;--bg-soft:#0d1219;--surface:#10151d;--surface-2:#161c26;--surface-3:#1c2430;--border:#1f2733;--border-strong:#2c3847;--text:#e8ecf2;--text-muted:#9aa5b5;--text-faint:#5c6a7c;--accent:#4c9aff;--accent-strong:#74b3ff;--accent-soft:#4c9aff1f;--on-accent:#06121f;--ok:#3ddc84;--warn:#f0a13a;--danger:#f26d6d;--grid-line:#94b2d40d;--grid-line-strong:#94b2d417;--glow:#4c9aff1f;--glow-soft:#4c9aff0f;--nav-bg:#10151db3;--shadow-1:0 1px 2px #0006;--shadow-2:0 8px 30px #00000073;--shadow-3:0 24px 60px #0000008c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=light]{--bg:#f5f7fa;--bg-soft:#eef1f5;--surface:#fff;--surface-2:#f1f4f8;--surface-3:#e7ecf2;--border:#dde3ea;--border-strong:#c6d0dc;--text:#16202c;--text-muted:#55667a;--text-faint:#8a99ab;--accent:#2563eb;--accent-strong:#1d4ed8;--accent-soft:#2563eb17;--on-accent:#fff;--ok:#15803d;--warn:#b45309;--danger:#dc2626;--grid-line:#1428460d;--grid-line-strong:#1428461a;--glow:#2563eb1a;--glow-soft:#2563eb0d;--nav-bg:#ffffffbf;--shadow-1:0 1px 2px #1018280f;--shadow-2:0 8px 30px #1018281f;--shadow-3:0 24px 60px #1018282e;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{border-color:var(--border)}html,html:focus-within{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}body{background-color:var(--bg);color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;overflow-x:hidden}::selection{background:var(--accent);color:var(--on-accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}html.theme-transition,html.theme-transition *,html.theme-transition :before,html.theme-transition :after{transition:background-color .3s,color .3s,border-color .3s,box-shadow .3s!important}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border-strong);border:2px solid var(--bg);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:var(--text-faint)}.font-mono{font-feature-settings:"calt" 1, "tnum" 1}.skip-link{z-index:200;background:var(--accent);color:var(--on-accent);border-radius:8px;padding:10px 16px;font-size:13px;font-weight:600;transition:top .2s;position:fixed;top:-100px;left:16px}.skip-link:focus{top:16px}.container{width:100%;max-width:1120px;margin-inline:auto;padding-inline:1.25rem}@media (width>=768px){.container{padding-inline:2rem}}.section{padding-block:5.5rem;scroll-margin-top:96px;position:relative}@media (width>=768px){.section{padding-block:7rem}}.bg-scene{z-index:-2;pointer-events:none;background-color:var(--bg);position:fixed;inset:0;overflow:hidden}.bg-grid{background-image:linear-gradient(var(--grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--grid-line) 1px, transparent 1px);background-size:44px 44px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(90% 70% at 50% 0,#000 30%,#0000 75%);mask-image:radial-gradient(90% 70% at 50% 0,#000 30%,#0000 75%)}.bg-aurora{background:radial-gradient(38% 32% at 18% 18%, var(--glow-soft), transparent 60%), radial-gradient(30% 26% at 82% 30%, var(--glow-soft), transparent 60%), radial-gradient(46% 40% at 62% 86%, var(--glow-soft), transparent 65%);animation:26s ease-in-out infinite alternate aurora-drift;position:absolute;inset:-20%}@keyframes aurora-drift{0%{transform:translate(0,0)scale(1)}to{transform:translate(-1.5%,1.5%)scale(1.06)}}.bg-noise{opacity:.5;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.05'/%3E%3C/svg%3E");position:absolute;inset:0}.bg-light{opacity:.55;background:radial-gradient(560px circle at var(--mx,50%) var(--my,20%), var(--glow), transparent 72%);transition:opacity .4s;position:absolute;inset:0}.eyebrow{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--accent);align-items:center;gap:.5rem;font-size:.72rem;display:inline-flex}.eyebrow:before{content:"";background:var(--accent);opacity:.6;width:22px;height:1px}.section-title{letter-spacing:-.02em;margin-top:.6rem;font-size:clamp(1.6rem,3vw,2.3rem);font-weight:700;line-height:1.15}.section-desc{color:var(--text-muted);max-width:56ch;margin-top:.75rem;font-size:.95rem;line-height:1.65}.btn{border:1px solid var(--border-strong);background:var(--surface);color:var(--text);cursor:pointer;white-space:nowrap;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;padding:.6rem 1.05rem;font-size:.85rem;font-weight:550;text-decoration:none;transition:border-color .18s,background-color .18s,color .18s,transform .12s,box-shadow .18s;display:inline-flex}.btn:hover{border-color:var(--accent);color:var(--accent-strong)}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.btn-primary:hover{background:var(--accent-strong);border-color:var(--accent-strong);color:var(--on-accent);box-shadow:0 4px 20px var(--glow)}.btn-sm{border-radius:8px;padding:.42rem .8rem;font-size:.78rem}.icon-btn{border:1px solid var(--border);background:var(--surface-2);width:2.1rem;height:2.1rem;color:var(--text-muted);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;transition:color .18s,border-color .18s,background-color .18s;display:inline-flex}.icon-btn:hover{color:var(--text);border-color:var(--border-strong);background:var(--surface-3)}.tag{border:1px solid var(--border);background:var(--surface-2);color:var(--text-muted);font-family:var(--font-mono);white-space:nowrap;border-radius:999px;align-items:center;gap:.35rem;padding:.28rem .65rem;font-size:.7rem;transition:border-color .15s,color .15s;display:inline-flex}.tag:hover{border-color:var(--accent);color:var(--accent-strong)}.badge-status{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;border:1px solid var(--border);color:var(--text-muted);border-radius:999px;align-items:center;gap:.4rem;padding:.22rem .6rem;font-size:.66rem;display:inline-flex}.badge-status:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.badge-completed{color:var(--ok);border-color:color-mix(in srgb, var(--ok) 30%, transparent)}.badge-in-progress{color:var(--accent);border-color:color-mix(in srgb, var(--accent) 30%, transparent)}.badge-planned{color:var(--warn);border-color:color-mix(in srgb, var(--warn) 30%, transparent)}.badge-experimental{color:var(--text-muted)}.nav-shell{z-index:60;width:100%;max-width:820px;padding-inline:1rem;position:fixed;top:.9rem;left:50%;transform:translate(-50%)}.nav-bar{border:1px solid var(--border);background:var(--nav-bg);-webkit-backdrop-filter:blur(14px);height:3.4rem;box-shadow:var(--shadow-1);border-radius:14px;justify-content:space-between;align-items:center;gap:.75rem;padding-inline:.9rem;transition:border-color .25s,box-shadow .25s,background-color .25s;display:flex}.nav-bar.scrolled{border-color:var(--border-strong);box-shadow:var(--shadow-2)}.nav-brand{font-family:var(--font-mono);letter-spacing:.22em;color:var(--text);align-items:center;gap:.5rem;font-size:.85rem;font-weight:700;text-decoration:none;display:inline-flex}.nav-brand .brand-dot{background:var(--ok);width:7px;height:7px;box-shadow:0 0 8px var(--ok);border-radius:50%;animation:2.4s ease-in-out infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.45}}.nav-links{align-items:center;gap:.15rem;height:100%;display:none}@media (width>=768px){.nav-links{display:flex}}.nav-link{color:var(--text-muted);white-space:nowrap;border-radius:9px;padding:.4rem .8rem;font-size:.78rem;font-weight:500;text-decoration:none;transition:color .18s;position:relative}.nav-link:hover{color:var(--text)}.nav-link.active{color:var(--accent-strong)}.nav-actions{align-items:center;gap:.45rem;display:flex}.nav-kbd{border:1px solid var(--border);background:var(--surface-2);font-family:var(--font-mono);color:var(--text-faint);cursor:pointer;border-radius:8px;align-items:center;gap:.3rem;padding:.28rem .6rem;font-size:.62rem;display:none}@media (width>=768px){.nav-kbd{display:inline-flex}}.nav-kbd:hover{color:var(--text-muted);border-color:var(--border-strong)}.nav-mobile-menu{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-2);border-radius:14px;flex-direction:column;gap:.15rem;padding:.5rem;display:flex;position:absolute;top:calc(100% + .55rem);left:1rem;right:1rem}.hero{flex-direction:column;justify-content:center;align-items:center;min-height:100svh;padding-block:8rem 4rem;display:flex;position:relative}.hero-inner{align-items:center;gap:3rem;width:100%;max-width:1120px;margin-inline:auto;padding-inline:1.25rem;display:grid}@media (width>=1024px){.hero-inner{grid-template-columns:1.15fr .85fr;gap:4rem;padding-inline:2rem}}.hero-badge{border:1px solid var(--border);background:var(--surface);font-family:var(--font-mono);color:var(--text-muted);border-radius:999px;align-items:center;gap:.55rem;padding:.35rem .85rem;font-size:.7rem;display:inline-flex}.hero-badge .dot{background:var(--ok);width:7px;height:7px;box-shadow:0 0 10px var(--ok);border-radius:50%;animation:2.2s ease-in-out infinite pulse-dot}.hero-name{letter-spacing:-.035em;margin-top:1.4rem;font-size:clamp(2.6rem,7vw,4.6rem);font-weight:800;line-height:1.02}.hero-name .accent{color:var(--accent-strong)}.hero-lines{font-family:var(--font-mono);color:var(--text-muted);margin-top:1.1rem;font-size:clamp(.95rem,2vw,1.15rem);line-height:1.9}.hero-lines .ln{display:block}.hero-lines .ln:before{content:"› ";color:var(--accent)}.hero-desc{color:var(--text-muted);max-width:52ch;margin-top:1.2rem;font-size:.92rem;line-height:1.7}.hero-cta{flex-wrap:wrap;gap:.7rem;margin-top:1.8rem;display:flex}.hero-meta{font-family:var(--font-mono);color:var(--text-faint);flex-wrap:wrap;gap:1.6rem;margin-top:2.4rem;font-size:.7rem;display:flex}.hero-meta span{align-items:center;gap:.45rem;display:inline-flex}.hero-meta .dot{background:var(--accent);border-radius:50%;width:6px;height:6px}.hero-deck{flex-direction:column;gap:1.1rem;min-width:0;display:flex}.status-panel{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-2);border-radius:14px;overflow:hidden}.status-panel-header{border-bottom:1px solid var(--border);background:var(--surface-2);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint);align-items:center;gap:.5rem;padding:.55rem 1rem;font-size:.64rem;display:flex}.status-panel-header .led{background:var(--accent);border-radius:50%;width:7px;height:7px}.status-rows{padding:.5rem 0}.status-row{font-family:var(--font-mono);justify-content:space-between;align-items:center;padding:.42rem 1rem;font-size:.74rem;display:flex}.status-row .key{color:var(--text-faint)}.status-row .value{color:var(--text);align-items:center;gap:.45rem;display:inline-flex}.status-row .value.ok{color:var(--ok)}.status-row .value.warn{color:var(--warn)}.hero-terminal{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-2);cursor:pointer;border-radius:14px;transition:border-color .25s,box-shadow .25s,transform .25s;overflow:hidden}.hero-terminal:hover{border-color:var(--border-strong);box-shadow:var(--shadow-3);transform:translateY(-2px)}.hero-terminal .term-head{border-bottom:1px solid var(--border);background:var(--surface-2);font-family:var(--font-mono);color:var(--text-faint);align-items:center;gap:.5rem;padding:.55rem 1rem;font-size:.66rem;display:flex}.term-dots{gap:.35rem;display:flex}.term-dots span{border-radius:50%;width:9px;height:9px}.term-dots .r{background:var(--danger)}.term-dots .y{background:var(--warn)}.term-dots .g{background:var(--ok)}.term-body{font-family:var(--font-mono);color:var(--text-muted);padding:1rem 1.1rem;font-size:.76rem;line-height:1.8}.term-body .line{white-space:pre-wrap;word-break:break-word;display:block}.term-body .prompt{color:var(--ok);font-weight:700}.term-body .path{color:var(--accent)}.term-body .cmd{color:var(--text)}.term-body .out{color:var(--text-muted)}.term-body .key{color:var(--accent-strong)}.term-cursor{background:var(--accent);vertical-align:text-bottom;width:7px;height:14px;animation:1.1s steps(2,start) infinite blink;display:inline-block}@keyframes blink{to{visibility:hidden}}.hero-fragment{font-family:var(--font-mono);color:var(--text-faint);border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-2);pointer-events:none;opacity:.85;border-radius:10px;padding:.6rem .8rem;font-size:.64rem;line-height:1.9;display:none;position:absolute}.hero-fragment .k{color:var(--accent)}.hero-fragment .s{color:var(--ok)}@media (width>=1280px){.hero-fragment{display:block}}.frag-1{animation:7s ease-in-out infinite floaty;top:12%;right:3%}.frag-2{animation:9s ease-in-out 1.2s infinite floaty;bottom:14%;left:4%}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.about-tabs{flex-wrap:wrap;gap:.5rem;margin-bottom:1.4rem;display:flex}.about-tab{border:1px solid var(--border);background:var(--surface);color:var(--text-muted);font-family:var(--font-mono);cursor:pointer;border-radius:10px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.76rem;transition:color .18s,border-color .18s,background-color .18s;display:inline-flex}.about-tab:hover{color:var(--text);border-color:var(--border-strong)}.about-tab.active{color:var(--accent-strong);border-color:var(--accent);background:var(--accent-soft)}.about-panel{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-1);border-radius:16px;padding:1.6rem}.about-panel ul{gap:.6rem;list-style:none;display:grid}.about-panel li{color:var(--text-muted);align-items:baseline;gap:.6rem;font-size:.9rem;line-height:1.6;display:flex}.about-panel li:before{content:"▹";color:var(--accent);font-size:.8rem}.about-grid-side{gap:1rem;display:grid}@media (width>=768px){.about-grid-side{grid-template-columns:1fr 1fr}}.skill-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.7rem;display:grid}.skill-tile{text-align:left;border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:12px;flex-direction:column;gap:.45rem;padding:.9rem .95rem;transition:border-color .18s,background-color .18s,transform .15s;display:flex}.skill-tile:hover{border-color:var(--border-strong);background:var(--surface-2);transform:translateY(-1px)}.skill-tile.selected{border-color:var(--accent);background:var(--accent-soft)}.skill-tile .tile-top{font-family:var(--font-mono);color:var(--text);align-items:center;gap:.5rem;font-size:.8rem;font-weight:600;display:flex}.skill-panel{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-1);border-radius:16px;min-height:320px;padding:1.4rem;position:sticky;top:6rem}.related-chip{border:1px solid var(--border);background:var(--surface-2);font-family:var(--font-mono);color:var(--text-muted);cursor:pointer;border-radius:999px;align-items:center;gap:.3rem;padding:.3rem .7rem;font-size:.68rem;transition:border-color .15s,color .15s;display:inline-flex}.related-chip:hover{border-color:var(--accent);color:var(--accent-strong)}.project-row{gap:1.1rem;display:grid}@media (width>=768px){.project-row{grid-template-columns:1fr 1fr}}.project-row.wide{grid-template-columns:1fr}@media (width>=1024px){.project-row.wide .project-card{grid-template-columns:.9fr 1.1fr}}.project-card{border:1px solid var(--border);background:var(--surface);border-radius:16px;grid-template-columns:1fr;gap:1.1rem;transition:border-color .22s,box-shadow .22s,transform .22s;display:grid;overflow:hidden}.project-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-2);transform:translateY(-3px)}.project-preview{background:var(--bg-soft);border-bottom:1px solid var(--border);cursor:pointer;justify-content:stretch;align-items:stretch;min-height:190px;display:flex;position:relative;overflow:hidden}.project-preview-inner{width:100%;font-family:var(--font-mono);color:var(--text-faint);flex-direction:column;justify-content:flex-end;gap:.3rem;padding:1.2rem 1.3rem;font-size:.7rem;line-height:1.8;display:flex}.preview-grid-bg{background-image:linear-gradient(var(--grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--grid-line) 1px, transparent 1px);opacity:.7;background-size:28px 28px;position:absolute;inset:0}.preview-type{letter-spacing:.14em;text-transform:uppercase;color:var(--text-faint);align-items:center;gap:.4rem;font-size:.6rem;display:inline-flex;position:absolute;top:.8rem;left:.9rem}.preview-type:before{content:"";background:var(--accent);border-radius:50%;width:5px;height:5px}.project-body{flex-direction:column;gap:.8rem;min-width:0;padding:1.15rem 1.25rem 1.3rem;display:flex}.project-body h3{letter-spacing:-.01em;font-size:1.12rem;font-weight:700}.project-body h3 a{color:var(--text);text-decoration:none}.project-body h3 a:hover{color:var(--accent-strong)}.project-tagline{font-family:var(--font-mono);color:var(--text-faint);font-size:.74rem}.project-desc{color:var(--text-muted);font-size:.87rem;line-height:1.65}.project-meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.project-actions{flex-wrap:wrap;gap:.55rem;display:flex}.timeline{flex-direction:column;gap:2.2rem;padding-left:1.8rem;display:flex;position:relative}@media (width>=768px){.timeline{padding-left:2.4rem}}.timeline-line{background:var(--border-strong);border-radius:2px;width:2px;position:absolute;top:6px;bottom:6px;left:7px;overflow:hidden}.timeline-line .fill{background:linear-gradient(to bottom, var(--accent), var(--accent-strong));transform-origin:top;position:absolute;inset:0}.timeline-item{gap:.5rem;display:grid;position:relative}.timeline-item:before{content:"";border:2px solid var(--accent);background:var(--bg);width:10px;height:10px;box-shadow:0 0 0 4px var(--accent-soft);border-radius:50%;position:absolute;top:.45rem;left:calc(3px - 1.8rem)}@media (width>=768px){.timeline-item:before{left:calc(3px - 2.4rem)}}.timeline-year{font-family:var(--font-mono);color:var(--accent-strong);letter-spacing:.1em;font-size:.72rem}.timeline-title{font-size:1.02rem;font-weight:650}.timeline-desc{color:var(--text-muted);max-width:60ch;font-size:.86rem;line-height:1.65}.timeline-type{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;color:var(--text-faint);align-items:center;gap:.4rem;font-size:.64rem;display:inline-flex}.lab-grid{grid-template-columns:1fr;gap:1rem;display:grid}@media (width>=640px){.lab-grid{grid-template-columns:1fr 1fr}}@media (width>=1024px){.lab-grid{grid-template-columns:repeat(3,1fr)}}.lab-card{border:1px solid var(--border);background:var(--surface);border-radius:16px;flex-direction:column;gap:.8rem;padding:1.3rem;transition:border-color .2s,box-shadow .2s,transform .2s;display:flex;position:relative;overflow:hidden}.lab-card:after{content:"";background:linear-gradient(135deg, var(--accent-soft), transparent 55%);opacity:0;pointer-events:none;transition:opacity .25s;position:absolute;inset:0}.lab-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-2);transform:translateY(-3px)}.lab-card:hover:after{opacity:1}.lab-card pre{max-height:220px;color:var(--text-muted);background:var(--bg-soft);border:1px solid var(--border);z-index:1;border-radius:10px;padding:.8rem;font-size:.68rem;line-height:1.75;position:relative;overflow:auto}.resume-block{border:1px solid var(--border);background:var(--surface);border-radius:16px;padding:1.4rem 1.5rem}.resume-block h3{font-size:.85rem;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;color:var(--accent-strong);align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.resume-grid{gap:1rem;display:grid}@media (width>=768px){.resume-grid{grid-template-columns:1fr 1fr}}.resume-line{border-bottom:1px dashed var(--border);justify-content:space-between;align-items:baseline;gap:1rem;padding-block:.65rem;font-size:.9rem;display:flex}.resume-line:last-child{border-bottom:none}.resume-line .year{font-family:var(--font-mono);color:var(--text-faint);white-space:nowrap;font-size:.72rem}.gh-grid{gap:1rem;display:grid}@media (width>=768px){.gh-grid{grid-template-columns:1fr 1.6fr}}.gh-card{border:1px solid var(--border);background:var(--surface);border-radius:16px;flex-direction:column;gap:1rem;padding:1.4rem;display:flex}.gh-profile{flex-direction:column;align-items:flex-start;gap:.9rem;display:flex}.gh-avatar{border:2px solid var(--border-strong);-o-object-fit:cover;object-fit:cover;border-radius:50%;width:76px;height:76px}.gh-avatar-placeholder{border:2px solid var(--border-strong);background:var(--surface-2);width:76px;height:76px;color:var(--text-faint);border-radius:50%;justify-content:center;align-items:center;display:flex}.gh-name{font-size:1.15rem;font-weight:700}.gh-bio{color:var(--text-muted);font-size:.85rem;line-height:1.6}.gh-stats{flex-wrap:wrap;gap:1.4rem;display:flex}.gh-stat{flex-direction:column;gap:.15rem;display:flex}.gh-stat strong{font-family:var(--font-mono);color:var(--text);font-size:1.15rem}.gh-stat span{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--text-faint);font-size:.64rem}.gh-repos{flex-direction:column;gap:.6rem;display:flex}.gh-repo{border:1px solid var(--border);background:var(--surface-2);border-radius:10px;flex-direction:column;gap:.4rem;padding:.8rem .95rem;text-decoration:none;transition:border-color .16s,transform .16s;display:flex}.gh-repo:hover{border-color:var(--accent);transform:translate(3px)}.gh-repo .repo-name{font-family:var(--font-mono);color:var(--text);align-items:center;gap:.45rem;font-size:.8rem;font-weight:600;display:flex}.gh-repo .repo-desc{color:var(--text-muted);font-size:.76rem;line-height:1.5}.gh-repo .repo-meta{font-family:var(--font-mono);color:var(--text-faint);gap:1rem;font-size:.64rem;display:flex}.repo-lang{align-items:center;gap:.35rem;display:inline-flex}.repo-lang:before{content:"";background:var(--accent);border-radius:50%;width:8px;height:8px}.gh-heatmap{grid-template-columns:repeat(auto-fill,minmax(11px,1fr));gap:4px;margin-top:.8rem;display:grid}.gh-cell{aspect-ratio:1;background:var(--surface-2);border:1px solid var(--border);border-radius:3px}.gh-cell.filled{background:var(--accent);border-color:var(--accent);opacity:.85}.gh-cell.hot{background:var(--accent-strong);border-color:var(--accent-strong);opacity:1}.contact-grid{gap:1.4rem;display:grid}@media (width>=900px){.contact-grid{grid-template-columns:.8fr 1.2fr}}.contact-links{flex-direction:column;gap:.7rem;display:flex}.contact-link{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:12px;align-items:center;gap:.9rem;padding:.95rem 1.1rem;text-decoration:none;transition:border-color .18s,transform .18s,box-shadow .18s;display:flex}.contact-link:hover{border-color:var(--accent);box-shadow:var(--shadow-1);transform:translateY(-2px)}.contact-link svg{color:var(--accent);flex-shrink:0}.contact-link-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--text-faint);font-size:.68rem}.contact-link-value{word-break:break-all;font-size:.85rem}.form-wrap{border:1px solid var(--border);background:var(--surface);border-radius:16px;padding:1.5rem}.field{flex-direction:column;gap:.4rem;margin-bottom:1rem;display:flex}.field label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-size:.7rem}.field input,.field textarea{background:var(--bg-soft);border:1px solid var(--border);color:var(--text);border-radius:10px;padding:.65rem .85rem;font-size:.9rem;transition:border-color .18s,box-shadow .18s}.field input:focus,.field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.field input[aria-invalid=true],.field textarea[aria-invalid=true]{border-color:var(--danger)}.field-error{color:var(--danger);font-size:.76rem}.form-status{border-radius:10px;margin-bottom:1rem;padding:.7rem .9rem;font-size:.82rem}.form-status.success{background:color-mix(in srgb, var(--ok) 12%, transparent);color:var(--ok);border:1px solid color-mix(in srgb, var(--ok) 30%, transparent)}.form-status.error{background:color-mix(in srgb, var(--danger) 12%, transparent);color:var(--danger);border:1px solid color-mix(in srgb, var(--danger) 30%, transparent)}.form-hint{color:var(--text-faint);margin-top:.9rem;font-size:.72rem}.honeypot{width:1px;height:1px;overflow:hidden;position:absolute!important;left:-9999px!important}.footer{border-top:1px solid var(--border);margin-top:2rem;padding-block:2.2rem}.footer-inner{flex-direction:column;justify-content:space-between;align-items:center;gap:1rem;display:flex}@media (width>=768px){.footer-inner{flex-direction:row}}.footer-copy{font-family:var(--font-mono);color:var(--text-faint);font-size:.74rem}.footer-social{gap:.5rem;display:flex}.terminal-modal{z-index:90;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.terminal-shell{border:1px solid var(--border-strong);background:var(--surface);width:100%;max-width:760px;max-height:min(560px,82vh);box-shadow:var(--shadow-3);border-radius:16px;flex-direction:column;display:flex;overflow:hidden}.terminal-head{border-bottom:1px solid var(--border);background:var(--surface-2);flex-shrink:0;align-items:center;gap:.7rem;padding:.7rem 1.1rem;display:flex}.terminal-title{font-family:var(--font-mono);color:var(--text-muted);text-align:center;flex:1;font-size:.72rem}.terminal-body-scroll{font-family:var(--font-mono);flex:1;padding:1.1rem 1.2rem;font-size:.8rem;line-height:1.75;overflow-y:auto}.term-line{white-space:pre-wrap;word-break:break-word}.term-line.cmd-line{color:var(--text)}.term-line.out-line{color:var(--text-muted)}.term-line.err-line{color:var(--danger)}.term-line.sys-line{color:var(--accent-strong)}.term-line.acc-line{color:var(--accent)}.terminal-input-row{border-top:1px solid var(--border);background:var(--surface-2);flex-shrink:0;align-items:center;gap:.55rem;padding:.85rem 1.2rem;display:flex}.terminal-input-row .prompt{color:var(--ok);font-family:var(--font-mono);font-weight:700}.terminal-input{color:var(--text);font-family:var(--font-mono);background:0 0;border:none;outline:none;flex:1;font-size:.8rem}.overlay-backdrop{z-index:80;background:color-mix(in srgb, var(--bg) 72%, transparent);-webkit-backdrop-filter:blur(6px);position:fixed;inset:0}.overlay-shell{z-index:90;border:1px solid var(--border-strong);background:var(--surface);width:min(640px,100vw - 2rem);box-shadow:var(--shadow-3);border-radius:16px;position:fixed;top:12vh;left:50%;overflow:hidden;transform:translate(-50%)}.overlay-input-row{border-bottom:1px solid var(--border);align-items:center;gap:.8rem;padding:.9rem 1.15rem;display:flex}.overlay-input{color:var(--text);background:0 0;border:none;outline:none;flex:1;min-width:0;font-size:.95rem}.overlay-input::placeholder{color:var(--text-faint)}.overlay-results{max-height:min(420px,56vh);padding:.5rem;overflow-y:auto}.overlay-group-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.14em;color:var(--text-faint);padding:.5rem .7rem .3rem;font-size:.62rem}.overlay-item{width:100%;color:var(--text-muted);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;gap:.75rem;padding:.6rem .75rem;font-size:.85rem;transition:background-color .12s,color .12s;display:flex}.overlay-item:hover{background:var(--surface-2)}.overlay-item.selected{background:var(--accent-soft);color:var(--text)}.overlay-item .item-sub{color:var(--text-faint);text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;overflow:hidden}.overlay-item.selected .item-sub{color:var(--text-muted)}.overlay-item .item-kbd{font-family:var(--font-mono);color:var(--text-faint);margin-left:auto;font-size:.62rem}.overlay-empty{text-align:center;color:var(--text-faint);padding:2.2rem 1rem;font-size:.85rem}.overlay-footer{border-top:1px solid var(--border);background:var(--surface-2);font-family:var(--font-mono);color:var(--text-faint);align-items:center;gap:.9rem;padding:.55rem 1.1rem;font-size:.64rem;display:flex}.overlay-footer kbd{border:1px solid var(--border-strong);background:var(--surface);border-radius:5px;padding:.15rem .4rem;font-family:inherit}.viewer-backdrop{z-index:95;-webkit-backdrop-filter:blur(8px);background:#04080eeb;flex-direction:column;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}[data-theme=light] .viewer-backdrop{background:#f0f4f8f0}.viewer-frame{flex-direction:column;align-items:center;gap:.8rem;max-width:min(860px,96vw);max-height:80vh;display:flex;position:relative}.viewer-content{background:#0b1017;border:1px solid #94b2d440;border-radius:14px;max-width:100%;max-height:68vh;overflow:auto}.viewer-content pre{font-family:var(--font-mono);color:#b9c6d6;min-width:max-content;padding:1.2rem 1.4rem;font-size:.78rem;line-height:1.7}.viewer-caption{font-family:var(--font-mono);color:#9aa5b5;text-align:center;font-size:.78rem}.viewer-controls{gap:.5rem;display:flex;position:fixed;top:1.2rem;right:1.2rem}.viewer-ctrl{color:#c8d4e2;cursor:pointer;background:#10151db3;border:1px solid #94b2d440;border-radius:10px;justify-content:center;align-items:center;width:2.4rem;height:2.4rem;transition:border-color .15s,color .15s;display:flex}.viewer-ctrl:hover{border-color:var(--accent);color:#fff}.viewer-nav{color:#c8d4e2;cursor:pointer;background:#10151db3;border:1px solid #94b2d440;border-radius:12px;justify-content:center;align-items:center;width:3rem;height:3rem;transition:border-color .15s,background-color .15s;display:flex;position:fixed;top:50%;transform:translateY(-50%)}.viewer-nav:hover{border-color:var(--accent)}.viewer-nav.prev{left:1rem}.viewer-nav.next{right:1rem}.arch-diagram{border:1px solid var(--border);background:var(--surface);border-radius:16px;padding:1.4rem;overflow-x:auto}.arch-stage{flex-direction:column;align-items:center;gap:.5rem;min-width:320px;display:flex}.arch-node{border:1px solid var(--border-strong);background:var(--surface-2);cursor:pointer;border-radius:12px;width:100%;min-width:210px;max-width:320px;padding:.75rem 1rem;transition:border-color .16s,background-color .16s,transform .16s,box-shadow .16s}.arch-node:hover{transform:translateY(-2px)}.arch-node.highlighted{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft), 0 8px 24px var(--glow)}.arch-node .node-type{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.14em;color:var(--accent-strong);font-size:.6rem}.arch-node .node-label{color:var(--text);margin-top:.2rem;font-size:.92rem;font-weight:650}.arch-node .node-desc{color:var(--text-muted);margin-top:.3rem;font-size:.74rem;line-height:1.5}.arch-edge{color:var(--text-faint);flex-direction:column;align-items:center;gap:.1rem;width:100%;display:flex}.arch-edge .stem{background:var(--border-strong);border-radius:2px;width:2px;height:26px;position:relative;overflow:hidden}.arch-edge .stem .pulse{background:linear-gradient(to bottom, var(--accent), var(--accent-strong));animation:1.8s linear infinite edge-flow;position:absolute;inset:0;transform:translateY(-100%)}.arch-edge.hot .stem{background:var(--accent)}.arch-edge.hot .stem .pulse{animation-duration:.7s}.arch-edge .arrow{font-size:.7rem}.arch-edge .edgelabel{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;font-size:.62rem}@keyframes edge-flow{to{transform:translateY(100%)}}.case-hero{padding-top:9rem;padding-bottom:2.5rem}.case-title{letter-spacing:-.03em;margin-top:1rem;font-size:clamp(2rem,5vw,3.1rem);font-weight:800;line-height:1.08}.case-tagline{font-family:var(--font-mono);color:var(--text-muted);margin-top:.8rem;font-size:.95rem}.case-summary{color:var(--text-muted);max-width:60ch;margin-top:1.2rem;font-size:.95rem;line-height:1.7}.case-actions{flex-wrap:wrap;gap:.6rem;margin-top:1.6rem;display:flex}.case-section{padding-block:1rem;scroll-margin-top:7rem}.case-section-title{letter-spacing:-.01em;align-items:center;gap:.7rem;margin-bottom:1rem;font-size:1.35rem;font-weight:700;display:flex}.case-section-title .num{font-family:var(--font-mono);color:var(--accent);border:1px solid var(--border-strong);border-radius:8px;padding:.15rem .45rem;font-size:.78rem}.problem-card{border-left:3px solid var(--warn)}.solution-card{border-left:3px solid var(--ok)}.problem-card,.solution-card{background:var(--surface);border-left-style:solid;border-left-width:3px;border-top:1px solid var(--border);border-right:1px solid var(--border);border-bottom:1px solid var(--border);border-radius:12px;padding:1.3rem 1.4rem}.feature-list{grid-template-columns:1fr;gap:.55rem;display:grid}@media (width>=768px){.feature-list{grid-template-columns:1fr 1fr}}.feature-item{border:1px solid var(--border);background:var(--surface);color:var(--text-muted);border-radius:12px;align-items:flex-start;gap:.6rem;padding:.8rem .95rem;font-size:.85rem;line-height:1.55;display:flex}.feature-item svg{color:var(--ok);flex-shrink:0;margin-top:.15rem}.challenge-grid{gap:1rem;display:grid}@media (width>=768px){.challenge-grid{grid-template-columns:1fr 1fr}}.challenge-card{border:1px solid var(--border);background:var(--surface);border-radius:14px;flex-direction:column;gap:.7rem;padding:1.2rem 1.3rem;display:flex}.challenge-card .challenge{color:var(--text);font-size:.88rem;font-weight:550;line-height:1.55}.challenge-card .solution{color:var(--text-muted);border-top:1px dashed var(--border);padding-top:.7rem;font-size:.82rem;line-height:1.6}.challenge-card .solution:before{content:"→ ";color:var(--ok);font-weight:700}.insight-list{gap:.55rem;list-style:none;display:grid}.insight-list li{color:var(--text-muted);border:1px solid var(--border);background:var(--surface);border-radius:12px;align-items:baseline;gap:.6rem;padding:.7rem .9rem;font-size:.87rem;line-height:1.6;display:flex}.insight-list li:before{content:"▪";color:var(--accent)}.tech-stack{flex-wrap:wrap;gap:.5rem;display:flex}html.custom-cursor,html.custom-cursor *{cursor:none!important}.cursor-dot{background:var(--accent);pointer-events:none;z-index:200;border-radius:50%;width:6px;height:6px;position:fixed;top:0;left:0}.cursor-ring{border:1.5px solid var(--accent);pointer-events:none;z-index:199;opacity:.55;border-radius:50%;width:34px;height:34px;position:fixed;top:0;left:0}.cursor-ring.hovering{opacity:1;background:var(--accent-soft)}@media (pointer:coarse){.cursor-dot,.cursor-ring{display:none}}.loading-screen{z-index:100;background:var(--bg);justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.loading-card{border:1px solid var(--border);background:var(--surface);width:100%;max-width:420px;box-shadow:var(--shadow-3);border-radius:14px;padding:1.4rem 1.5rem;position:relative;overflow:hidden}.loading-top{background:var(--accent-soft);height:2px;position:absolute;top:0;left:0;right:0}.loading-top .bar{background:var(--accent);height:100%;box-shadow:0 0 12px var(--accent)}.loading-head{font-family:var(--font-mono);color:var(--text-muted);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding-bottom:.7rem;font-size:.7rem;display:flex}.loading-head .pct{color:var(--accent)}.loading-logs{height:9rem;font-family:var(--font-mono);flex-direction:column;justify-content:flex-end;gap:.3rem;margin-block:.9rem;font-size:.72rem;display:flex;overflow:hidden}.loading-logs .log-line{color:var(--text-muted);gap:.5rem;display:flex}.loading-logs .log-line.done{color:var(--ok)}.loading-logs .log-line .caret{color:var(--accent-strong)}.loading-bar-wrap{background:var(--surface-2);border-radius:4px;height:4px;overflow:hidden}.loading-bar{background:var(--accent);height:100%;box-shadow:0 0 10px var(--accent)}.toast-viewport{z-index:150;flex-direction:column;gap:.5rem;max-width:min(360px,100vw - 2rem);display:flex;position:fixed;bottom:1.2rem;right:1.2rem}.toast{border:1px solid var(--border-strong);background:var(--surface);color:var(--text);box-shadow:var(--shadow-2);border-radius:12px;align-items:center;gap:.6rem;padding:.7rem .95rem;font-size:.82rem;display:flex}.toast-success svg{color:var(--ok)}.toast-error svg{color:var(--danger)}.toast-info svg{color:var(--accent)}.scroll-progress{z-index:70;transform-origin:0;background:linear-gradient(90deg, var(--accent), var(--accent-strong));height:2px;position:fixed;top:0;left:0;right:0}.card{border:1px solid var(--border);background:var(--surface);border-radius:16px}.magnetic-wrap{display:inline-block}.empty-note{border:1px dashed var(--border-strong);color:var(--text-faint);font-size:.82rem;font-family:var(--font-mono);background:var(--surface);border-radius:12px;padding:1rem 1.1rem}.spinner{border:2.5px solid var(--border-strong);border-top-color:var(--accent);border-radius:50%;width:26px;height:26px;margin-inline:auto;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.placeholder-note{color:var(--text-faint);font-size:.75rem;font-family:var(--font-mono)}@media (prefers-reduced-motion:reduce){.term-cursor,.timeline-line .fill,.arch-edge .stem .pulse,.bg-aurora,.hero-fragment,.hero-badge .dot,.nav-brand .brand-dot,.status-panel-header .led{animation:none!important}}.hover\:border-accent:hover{--tw-border-opacity:1;border-color:rgb(76 154 255/var(--tw-border-opacity,1))}.hover\:bg-accent-soft:hover{background-color:#4c9aff1f}.hover\:bg-surface-2:hover{--tw-bg-opacity:1;background-color:rgb(22 28 38/var(--tw-bg-opacity,1))}.hover\:text-accent:hover{--tw-text-opacity:1;color:rgb(76 154 255/var(--tw-text-opacity,1))}.hover\:text-text:hover{--tw-text-opacity:1;color:rgb(232 236 242/var(--tw-text-opacity,1))}.focus\:opacity-100:focus{opacity:1}.group:hover .group-hover\:text-accent{--tw-text-opacity:1;color:rgb(76 154 255/var(--tw-text-opacity,1))}.group:hover .group-hover\:opacity-100{opacity:1}@media (width>=640px){.sm\:col-start-2{grid-column-start:2}.sm\:block{display:block}.sm\:inline{display:inline}.sm\:inline-flex{display:inline-flex}.sm\:w-auto{width:auto}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=768px){.md\:hidden{display:none}}@media (width>=1024px){.lg\:grid-cols-\[0\.85fr_1\.15fr\]{grid-template-columns:.85fr 1.15fr}.lg\:grid-cols-\[1\.15fr_0\.85fr\]{grid-template-columns:1.15fr .85fr}.lg\:grid-cols-\[1\.1fr_0\.9fr\]{grid-template-columns:1.1fr .9fr}.lg\:gap-12{gap:3rem}.lg\:gap-14{gap:3.5rem}.lg\:gap-8{gap:2rem}}