@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined&display=swap";:root{--bg-base:#0b0f0c;--bg-elevated:#101411;--panel:#323632;--panel-strong:#272b27;--accent-green:#0f8;--accent-mint:#42e09c;--accent-orange:#ff7a00;--on-accent:#00210c;--text-main:#e0e3de;--text-strong:#f1ffef;--text-muted:#b9cbb9;--outline:#3b4b3d;--border-soft:color-mix(in oklab, var(--panel-strong) 35%, transparent);--font-headline:"Space Grotesk", system-ui, sans-serif;--font-body:"Manrope", system-ui, sans-serif;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:32px;--space-8:44px;--space-9:64px;--space-10:96px;--radius-sm:2px;--radius-md:6px;--radius-lg:12px;--radius-pill:999px;--shadow-panel:0 4px 24px color-mix(in oklab, var(--bg-base) 60%, transparent);--shadow-hud:0 20px 60px #00060285, 0 0 0 1px color-mix(in oklab, var(--accent-green) 6%, transparent);--shadow-card-hover:0 12px 32px #00060266;--glow-green:0 0 24px color-mix(in oklab, var(--accent-green) 42%, transparent);--glow-orange:0 0 24px color-mix(in oklab, var(--accent-orange) 42%, transparent);--ease-out-emphasized:cubic-bezier(.16, 1, .3, 1);--section-anchor-offset:104px;--content-max:1280px;--hero-fog:#0b0f0c;--hero-grid-major:#0f8;--hero-grid-minor:#42e09c;--hero-particle-a:#0f8;--hero-particle-b:#42e09c;--hero-particle-c:#ff7a00}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-base:#f2f4ee;--bg-elevated:#fbfcf7;--panel:#e6ead8;--panel-strong:#d5dcbf;--accent-green:#00b864;--accent-mint:#1f9265;--accent-orange:#e26000;--on-accent:#002611;--text-strong:#0d1810;--text-main:#243024;--text-muted:#4b5a4c;--outline:#b5c2a8;--border-soft:color-mix(in oklab, var(--outline) 55%, transparent);--hero-fog:#f2f4ee;--hero-grid-major:#00b864;--hero-grid-minor:#1f9265;--hero-particle-a:#00b864;--hero-particle-b:#1f9265;--hero-particle-c:#e26000;--shadow-panel:0 4px 24px #141e141f;--shadow-hud:0 18px 50px #141e142e, 0 0 0 1px color-mix(in oklab, var(--accent-green) 10%, transparent);--shadow-card-hover:0 12px 32px #141e1426;--glow-green:0 0 20px color-mix(in oklab, var(--accent-green) 30%, transparent);--glow-orange:0 0 20px color-mix(in oklab, var(--accent-orange) 30%, transparent)}html,body,header,input,textarea,button{transition:background-color .4s var(--ease-out-emphasized), border-color .4s var(--ease-out-emphasized), color .4s var(--ease-out-emphasized)}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%}html{scroll-behavior:smooth;scroll-padding-top:var(--section-anchor-offset)}html,body{background:var(--bg-base);margin:0}body{font-family:var(--font-body);color:var(--text-main);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(circle at 2px 2px, color-mix(in oklab, var(--accent-green) 10%, transparent) 1px, transparent 0);background-size:28px 28px}[data-theme=light] body{background-image:radial-gradient(circle at 2px 2px, color-mix(in oklab, var(--accent-mint) 24%, transparent) 1px, transparent 0)}.mi{letter-spacing:normal;text-transform:none;white-space:nowrap;font-feature-settings:"liga";-webkit-font-smoothing:antialiased;vertical-align:middle;width:1em;height:1em;color:inherit;font-family:Material Symbols Outlined;font-size:18px;font-style:normal;font-weight:400;line-height:1;display:inline-block;overflow:hidden}.accent-green{color:var(--accent-green)}.accent-orange{color:var(--accent-orange)}.accent-mint{color:var(--accent-mint)}body:after{content:"";opacity:.032;pointer-events:none;z-index:9999;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:128px 128px;width:100%;height:100%;position:fixed;inset:0}.reveal-target{opacity:0;transition:opacity .65s cubic-bezier(.16,1,.3,1),transform .65s cubic-bezier(.16,1,.3,1);transform:translateY(16px)}.reveal-target.is-visible{opacity:1;transform:none}.reveal-target.reveal-delay-1{transition-delay:.1s}.reveal-target.reveal-delay-2{transition-delay:.2s}.reveal-target.reveal-delay-3{transition-delay:.32s}.reveal-target.reveal-delay-4{transition-delay:.46s}.reveal-target.reveal-delay-5{transition-delay:.62s}.stagger-child{opacity:0;transition:opacity .55s cubic-bezier(.16, 1, .3, 1) calc(var(--stagger-i,0) * .11s), transform .55s cubic-bezier(.16, 1, .3, 1) calc(var(--stagger-i,0) * .11s);transform:translateY(10px)}.reveal-target.is-visible .stagger-child,.stagger-child.is-visible{opacity:1;transform:none}.reveal-target.is-visible .reveal-heading{animation:.78s cubic-bezier(.16,1,.3,1) .12s both heading-scan-in}@keyframes heading-scan-in{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}.reveal-target.is-visible .reveal-bar{transform-origin:0;animation:.5s cubic-bezier(.16,1,.3,1) 60ms both bar-grow}@keyframes bar-grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (prefers-reduced-motion:reduce){body:after{display:none}.reveal-target,.stagger-child{opacity:1;transition:none;transform:none}.reveal-target.is-visible .reveal-heading{clip-path:none;animation:none}.reveal-target.is-visible .reveal-bar{animation:none}}a{color:inherit}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent-green);outline-offset:2px}section[id],main[id]{scroll-margin-top:var(--section-anchor-offset)}.material-symbols-outlined{letter-spacing:normal;text-transform:none;white-space:nowrap;direction:ltr;font-family:Material Symbols Outlined;font-size:1rem;font-style:normal;font-weight:400;line-height:1;display:inline-block}.terminal-bg{position:relative}.terminal-bg:before{content:"";background:linear-gradient(to bottom, transparent 0%, color-mix(in oklab, var(--accent-mint) 2%, transparent) 25%, color-mix(in oklab, var(--accent-mint) 5%, transparent) 50%, color-mix(in oklab, var(--accent-mint) 2%, transparent) 75%, transparent 100%);pointer-events:none;z-index:0;height:220px;animation:14s linear infinite terminal-scanline;position:fixed;left:0;right:0}.terminal-bg:after{content:"";background:radial-gradient(ellipse at center, color-mix(in oklab, var(--accent-mint) 5%, transparent) 0%, color-mix(in oklab, var(--accent-mint) 2%, transparent) 38%, transparent 68%);pointer-events:none;z-index:0;border-radius:50%;width:900px;height:720px;animation:28s ease-in-out infinite alternate terminal-glow-orbit;position:fixed}@keyframes terminal-scanline{0%{top:-18%}to{top:118%}}@keyframes terminal-glow-orbit{0%{top:-22%;left:-26%}33%{top:-8%;left:58%}66%{top:44%;left:66%}to{top:52%;left:-22%}}@media (prefers-reduced-motion:reduce){.terminal-bg:before,.terminal-bg:after{animation:none;display:none}}.hero-page{background:var(--bg-base);min-height:100dvh;color:var(--text-main)}.topbar{z-index:20;border-bottom:1px solid var(--border-soft);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:color-mix(in oklab, var(--bg-elevated) 85%, transparent);position:fixed;inset:0 0 auto}.topbar nav{justify-content:space-between;align-items:center;gap:16px;max-width:1280px;min-height:64px;margin:0 auto;padding:0 24px;display:flex}.logo{cursor:pointer;background:0 0;border:none;align-items:center;gap:12px;padding:4px;text-decoration:none;display:inline-flex}.logo img{object-fit:contain;width:auto;height:34px;transition:filter .2s;display:block}.logo-label{flex-direction:column;align-items:flex-start;line-height:1;display:flex}.logo-name{font-family:var(--font-headline);color:var(--text-strong);letter-spacing:-.01em;font-size:14px;font-weight:700;transition:color .2s}.logo-role{font-family:var(--font-headline);letter-spacing:.18em;text-transform:uppercase;color:var(--accent-mint);margin-top:3px;font-size:9px}.topbar ul{gap:28px;margin:0;padding:0;list-style:none;display:none}.topbar ul a,.topbar ul button{cursor:pointer;color:var(--text-muted);font-family:var(--font-headline), serif;letter-spacing:.16em;text-transform:uppercase;transition:color .25s var(--ease-out-emphasized);background:0 0;border:none;padding:8px 0;font-size:12px;font-weight:500;text-decoration:none;position:relative}.topbar ul a:hover,.topbar ul button:hover,.topbar ul button.nav-active{color:var(--accent-green)}.nav-underline{background:var(--accent-green);transform-origin:0;height:1px;transition:transform .35s var(--ease-out-emphasized);position:absolute;bottom:2px;left:0;right:0;transform:scaleX(0)}.topbar ul button.nav-active .nav-underline{transform:scaleX(1)}.topbar nav>span{border:1px solid color-mix(in oklab, var(--accent-green) 35%, transparent);letter-spacing:.15em;text-transform:uppercase;color:var(--accent-green);background:color-mix(in oklab, var(--accent-green) 10%, transparent);border-radius:999px;padding:6px 12px;font-size:.65rem}.topbar-actions{align-items:center;gap:10px;display:inline-flex}.availability-chip{border:1px solid color-mix(in oklab, var(--accent-green) 35%, transparent);border-radius:var(--radius-pill);font-family:var(--font-headline);letter-spacing:.15em;text-transform:uppercase;color:var(--accent-green);background:color-mix(in oklab, var(--accent-green) 10%, transparent);align-items:center;gap:7px;padding:6px 12px;font-size:10.5px;font-weight:700;display:inline-flex}.availability-dot{background:var(--accent-green);width:8px;height:8px;box-shadow:0 0 6px color-mix(in oklab, var(--accent-green) 80%, transparent);border-radius:50%;flex-shrink:0;animation:1.8s ease-in-out infinite pulse}.availability-label{font-family:var(--font-headline);white-space:nowrap}.lang-chip{border:1px solid color-mix(in oklab, var(--outline) 50%, transparent);border-radius:var(--radius-pill);font-family:var(--font-headline), serif;letter-spacing:.16em;color:var(--text-main);cursor:pointer;background:0 0;align-items:center;gap:6px;padding:6px 10px;font-size:11px;font-weight:700;transition:border-color .2s,color .2s;display:inline-flex}.lang-chip:hover{border-color:color-mix(in oklab, var(--accent-green) 45%, transparent);color:var(--accent-green)}.lang-chip-label{font-family:var(--font-headline);letter-spacing:.16em;white-space:nowrap;font-size:11px;font-weight:700}.hero-main{isolation:isolate;min-height:100dvh;padding:96px 24px 84px;position:relative;overflow:hidden}.hero-canvas-wrap{z-index:0;position:absolute;inset:0}.hero-scrim{pointer-events:none;background:radial-gradient(ellipse at 70% 50%, transparent 0%, color-mix(in oklab, var(--bg-base) 72%, transparent) 65%);position:absolute;inset:0}.profile-img{transform:scale(1.5)translate(1px,10px)}.glow{filter:blur(3px);z-index:-1;border-radius:50%;position:absolute}.glow-green{z-index:-1;background:radial-gradient(circle, color-mix(in oklab, var(--accent-green) 16%, transparent) 0%, transparent 70%);--tx:600px;--ty:100px;will-change:transform;width:480px;height:480px;animation:30s ease-in-out infinite glow-green-float;position:absolute;top:4%;left:-140px}@keyframes glow-green-float{0%{transform:translate(0)}50%{transform:translate(var(--tx), var(--ty))}to{transform:translate(0)}}.glow-orange{z-index:-1;background:radial-gradient(circle, color-mix(in oklab, var(--accent-orange) 16%, transparent) 0%, transparent 68%);--tx:-400px;--ty:-100px;will-change:transform;width:560px;height:560px;animation:30s ease-in-out infinite glow-orange-float;position:absolute;bottom:-120px;right:-180px}@keyframes glow-orange-float{0%{transform:translate(0)}50%{transform:translate(var(--tx), var(--ty))}to{transform:translate(0)}}.hero-grid{z-index:1;grid-template-columns:1fr;align-items:center;gap:36px;max-width:1280px;min-height:calc(100dvh - 180px);margin:0 auto;display:grid;position:relative}.hero-copy,.hud-wrap{min-width:0}.hero-eyebrow{color:var(--accent-green);font-family:var(--font-headline), serif;text-transform:uppercase;letter-spacing:.22em;margin:0;font-size:.62rem;font-weight:700}.hero-title-accent{color:var(--accent-green)}.hero-copy h1{font-family:var(--font-headline), serif;color:var(--text-strong);letter-spacing:-.03em;text-wrap:balance;margin:14px 0 18px;font-size:clamp(2.2rem,7vw,4.3rem);line-height:.96}.hero-copy h1>span:first-of-type{color:var(--text-strong)}.hero-copy h1 span{color:color-mix(in oklab, var(--text-main) 78%, transparent)}.hero-tagline{font-family:var(--font-headline), serif;color:color-mix(in oklab, var(--text-main) 88%, transparent);letter-spacing:-.01em;min-height:2.2em;margin:2px 0 6px;font-size:clamp(1.2rem,2.2vw,1.9rem);line-height:1.15}.hero-tag-dots{align-items:center;gap:6px;margin-bottom:14px;display:flex}.hero-tag-dot{height:6px;transition:width .5s var(--ease-out-emphasized), background .5s;border-radius:999px}.hero-hint{font-family:var(--font-headline), serif;letter-spacing:.18em;text-transform:uppercase;color:color-mix(in oklab, var(--accent-mint) 80%, transparent);align-items:center;gap:6px;margin-top:12px;font-size:10px;display:flex}.hero-intro{max-width:620px;color:var(--text-muted);line-height:1.7}.theme-toggle-btn{border:1px solid color-mix(in oklab, var(--outline) 50%, transparent);color:var(--text-main);cursor:pointer;background:0 0;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:34px;padding:0;transition:border-color .2s,color .2s,box-shadow .2s;display:inline-flex}.theme-toggle-btn:hover{border-color:color-mix(in oklab, var(--accent-green) 45%, transparent);color:var(--accent-green);box-shadow:0 0 10px color-mix(in oklab, var(--accent-green) 20%, transparent)}.theme-toggle-btn .material-symbols-outlined{font-size:1rem}.hero-ctas{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.btn{cursor:pointer;font-family:var(--font-headline), serif;border:none;align-items:center;gap:6px;padding:14px 20px;font-weight:700;text-decoration:none;transition:transform .15s,box-shadow .2s,background .2s;display:inline-flex}.btn:active{transform:scale(.98)}.btn-primary{background:var(--accent-green);color:#00210c}.btn-primary:hover{box-shadow:0 0 24px color-mix(in oklab, var(--accent-green) 42%, transparent);transform:translateY(-2px)}.btn-secondary{color:var(--accent-orange);border:1px solid color-mix(in oklab, var(--accent-orange) 45%, transparent);background:color-mix(in oklab, var(--accent-orange) 8%, transparent)}.btn-secondary:hover{background:color-mix(in oklab, var(--accent-orange) 16%, transparent);transform:translateY(-2px)}.hero-trust{font-family:var(--font-headline), serif;text-transform:uppercase;letter-spacing:.12em;color:color-mix(in oklab, var(--text-muted) 72%, transparent);align-items:center;gap:8px;margin-top:22px;font-size:.72rem;display:inline-flex}.hero-avail{border-radius:var(--radius-pill);border:1px solid color-mix(in oklab, var(--accent-green) 35%, transparent);background:color-mix(in oklab, var(--accent-green) 10%, transparent);color:var(--accent-green);font-family:var(--font-headline), serif;letter-spacing:.15em;text-transform:uppercase;align-items:center;gap:7px;margin-bottom:16px;padding:6px 12px;font-size:10.5px;font-weight:700;display:inline-flex}.hud-slot{justify-content:flex-end;min-width:0;display:flex}.hud-card{border:1px solid color-mix(in oklab, var(--outline) 30%, transparent);background:color-mix(in oklab, var(--panel) 68%, transparent);-webkit-backdrop-filter:blur(18px);border-radius:14px;flex-direction:column;gap:16px;min-width:320px;max-width:420px;padding:24px 22px;display:flex;position:relative;box-shadow:0 20px 60px #00060285,0 0 0 1px #00ff8814}.hud-corner{width:14px;height:14px;position:absolute}.hud-corner-tr{border-right:2px solid var(--accent-green);border-top:2px solid var(--accent-green);top:-1px;right:-1px}.hud-corner-bl{border-left:2px solid var(--accent-green);border-bottom:2px solid var(--accent-green);bottom:-1px;left:-1px}.hud-head{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.hud-head-info{flex-direction:column;gap:4px;display:flex}.hud-eyebrow{font-family:var(--font-headline), serif;font-size:var(--fs-eyebrow,.66rem);text-transform:uppercase;letter-spacing:var(--ls-eyebrow,.22em);color:var(--accent-mint);font-weight:700}.hud-name{font-family:var(--font-headline), serif;color:var(--text-strong);letter-spacing:-.02em;margin:0;font-size:22px}.hud-class{font-family:var(--font-headline), serif;letter-spacing:.2em;text-transform:uppercase;color:var(--text-muted);font-size:11px}.hud-lvl-badge{border:1px solid color-mix(in oklab, var(--accent-green) 35%, transparent);background:color-mix(in oklab, var(--accent-green) 8%, transparent);border-radius:8px;flex-direction:column;flex-shrink:0;align-items:center;gap:2px;padding:10px 14px;display:flex}.hud-lvl-label{font-family:var(--font-headline), serif;letter-spacing:.2em;text-transform:uppercase;color:var(--accent-mint);font-size:10px}.hud-lvl-number{font-family:var(--font-headline), serif;color:var(--accent-green);font-size:34px;font-weight:700;line-height:1}.hud-lvl-sub{font-family:var(--font-headline), serif;letter-spacing:.18em;text-transform:uppercase;color:var(--text-muted);font-size:9px}.hud-stats{flex-direction:column;gap:10px;display:flex}.stat-item{flex-direction:column;gap:6px;display:flex}.stat-row{justify-content:space-between;align-items:center;display:flex}.stat-label{font-family:var(--font-headline), serif;letter-spacing:.14em;text-transform:uppercase;color:color-mix(in oklab, var(--text-muted) 85%, transparent);font-size:11px}.stat-value{font-family:var(--font-headline), serif;color:var(--text-strong);font-size:12px}.stat-bar{background:color-mix(in oklab, var(--outline) 28%, transparent);border-radius:999px;width:100%;height:6px;overflow:hidden}.stat-bar span{height:100%;display:block}.is-green{background:var(--accent-green);box-shadow:0 0 8px #00ff8880}.is-mint{background:var(--accent-mint)}.is-soft{background:color-mix(in oklab, var(--accent-green) 55%, #0a3720)}.is-orange{background:var(--accent-orange);box-shadow:0 0 8px #ff7a0080}.hud-quests{border-top:1px dashed color-mix(in oklab, var(--outline) 45%, transparent);flex-direction:column;gap:8px;padding-top:14px;display:flex}.hud-quest-eyebrow{font-family:var(--font-headline), serif;font-size:var(--fs-eyebrow,.66rem);text-transform:uppercase;letter-spacing:var(--ls-eyebrow,.22em);color:var(--text-muted);font-weight:700}.hud-quest-item{align-items:center;gap:10px;display:flex}.hud-quest-item .material-symbols-outlined{color:var(--accent-green);flex-shrink:0;font-size:18px}.hud-quest-item span:last-child{font-family:var(--font-body);color:var(--text-main);font-size:13.5px}.hud-tags{flex-wrap:wrap;gap:6px;display:flex}.hud-tags span{background:color-mix(in oklab, var(--panel-strong) 60%, transparent);border-left:2px solid var(--accent-mint);font-family:var(--font-headline), serif;letter-spacing:.14em;text-transform:uppercase;color:color-mix(in oklab, var(--text-main) 82%, transparent);padding:4px 9px;font-size:10px}.status-scanner{border-top:1px solid color-mix(in oklab, var(--outline) 28%, transparent);background:color-mix(in oklab, var(--panel) 68%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:30;min-height:40px;position:fixed;inset:auto 0 0;overflow:hidden}.scanner-track{will-change:transform;align-items:center;width:max-content;min-height:40px;animation:80s linear infinite ticker;display:flex}.scanner-group{flex-shrink:0;align-items:center;gap:36px;padding-inline:24px;display:flex}.scanner-track span{white-space:nowrap;font-family:var(--font-headline), serif;letter-spacing:.16em;text-transform:uppercase;color:color-mix(in oklab, var(--text-muted) 60%, transparent);align-items:center;gap:6px;font-size:.62rem;display:inline-flex}.scanner-track span.highlighted{color:var(--accent-mint)}@keyframes ticker{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes pulse{0%,to{opacity:.3}50%{opacity:1}}@keyframes glow-drift-green{0%{opacity:.7;transform:translate(0,0)scale(1)}50%{opacity:.9;transform:translate(24px,-18px)scale(1.06)}to{opacity:.78;transform:translate(48px,10px)scale(1.02)}}@keyframes glow-drift-orange{0%{opacity:.62;transform:translate(0,0)scale(1)}50%{opacity:.82;transform:translate(-28px,20px)scale(1.05)}to{opacity:.68;transform:translate(-54px,-12px)scale(1.03)}}@media (width>=900px){.topbar ul{display:flex}.hero-grid{grid-template-columns:minmax(0,1.3fr) minmax(320px,420px);gap:48px}}@media (width<=1150px) and (width>=900px){.hero-grid{gap:32px}}@media (width<=899px){.topbar nav{padding-inline:16px}.logo img{height:30px}.logo-label{display:none}.topbar nav>span{padding:5px 9px;font-size:.56rem}.availability-chip{display:none}.hero-copy{order:2}.hud-slot{order:1;justify-content:center}.hero-ctas{flex-direction:column}.btn{justify-content:center}}@media (prefers-reduced-motion:reduce){.scanner-track,.hud-status em,.glow-green,.glow-orange{animation:none}.scanner-track{width:100%}.scanner-group+.scanner-group{display:none}}.magic-bento-card{isolation:isolate;transform-style:preserve-3d;transform:perspective(1000px) rotateX(var(--magic-tilt-x,0deg)) rotateY(var(--magic-tilt-y,0deg));will-change:transform;transition:transform .22s cubic-bezier(.16,1,.3,1),box-shadow .22s,filter .22s;position:relative;overflow:hidden}.magic-bento-card:before{content:"";border-radius:inherit;pointer-events:none;opacity:0;background:radial-gradient(circle at var(--magic-glow-x,50%) var(--magic-glow-y,50%), color-mix(in oklab, var(--accent-green) 12%, transparent) 0%, transparent 48%), linear-gradient(135deg, color-mix(in oklab, var(--accent-mint) 6%, transparent), transparent 40%, color-mix(in oklab, var(--accent-orange) 6%, transparent));transition:opacity .22s;position:absolute;inset:0}.magic-bento-card:hover:before,.magic-bento-card:focus-within:before{opacity:1}.magic-bento-card:hover{filter:saturate(1.03)}.magic-bento-card>*{z-index:1;position:relative}@media (prefers-reduced-motion:reduce){.magic-bento-card{transition:none;transform:none}.magic-bento-card:before{transition:none}}.about-page{background-color:var(--bg-base);background-image:radial-gradient(circle at 2px 2px,#272b2726 1px,#0000 0);background-size:24px 24px;padding:104px 24px 100px}.about-content{max-width:1280px;margin:0 auto}.about-header{margin-bottom:56px}.about-eyebrow{align-items:center;gap:12px;margin-bottom:16px;display:inline-flex}.about-eyebrow div{background:var(--accent-green);transform-origin:0;width:48px;height:2px}.about-eyebrow span{font-family:var(--font-headline), sans-serif;letter-spacing:.24em;text-transform:uppercase;color:var(--accent-mint);font-size:.66rem}.about-header h2{font-family:var(--font-headline), sans-serif;letter-spacing:-.04em;color:var(--text-strong);text-wrap:balance;margin:0 0 18px;font-size:clamp(2.6rem,7.2vw,5.2rem);line-height:.92}.about-header h2 span{color:var(--accent-green)}.about-header>p{max-width:680px;color:color-mix(in oklab, var(--text-main) 80%, transparent);margin:0;font-size:1.05rem;line-height:1.75}.about-btn{cursor:pointer;font-family:var(--font-headline), sans-serif;letter-spacing:.13em;text-transform:uppercase;transition:transform .15s var(--ease-out-emphasized,cubic-bezier(.16, 1, .3, 1)), box-shadow .2s ease, background .2s ease;border:none;border-radius:999px;align-items:center;gap:6px;padding:12px 22px;font-size:.67rem;font-weight:700;text-decoration:none;display:inline-flex}.about-btn:active{transform:scale(.97)}.about-btn.primary{background:var(--accent-green);color:var(--on-accent,#00210c);box-shadow:0 0 18px color-mix(in oklab, var(--accent-green) 22%, transparent)}.about-btn.primary:hover{box-shadow:0 0 28px color-mix(in oklab, var(--accent-green) 40%, transparent);transform:translateY(-2px)}.about-btn.secondary{color:var(--accent-orange);border:1px solid color-mix(in oklab, var(--accent-orange) 45%, transparent);background:color-mix(in oklab, var(--accent-orange) 8%, transparent)}.about-btn.secondary:hover{background:color-mix(in oklab, var(--accent-orange) 16%, transparent);transform:translateY(-2px)}.about-layout{grid-template-columns:1fr;gap:28px;display:grid}.about-narrative{gap:20px;display:grid}.about-section-head{align-items:center;gap:12px;margin-bottom:20px;display:flex}.about-section-head span{color:var(--accent-green);font-family:var(--font-headline), sans-serif;font-size:1.9rem;font-weight:700}.about-section-head div{background:color-mix(in oklab, var(--outline) 60%, transparent);flex:1;height:1px}.about-section-head h3{font-family:var(--font-headline), sans-serif;letter-spacing:.3em;text-transform:uppercase;color:var(--text-muted);margin:0;font-size:.75rem}.about-copy{gap:18px;display:grid}.about-copy p{color:color-mix(in oklab, var(--text-main) 82%, transparent);margin:0;font-size:1.02rem;line-height:1.8}.about-copy strong{color:var(--accent-green)}.about-origin-grid{grid-template-columns:1fr;gap:12px;display:grid}.about-origin-card{padding:20px 18px;border-left:4px solid var(--accent-green)!important;border-top:1px solid color-mix(in oklab, var(--outline) 30%, transparent)!important;border-right:1px solid color-mix(in oklab, var(--outline) 30%, transparent)!important;border-bottom:1px solid color-mix(in oklab, var(--outline) 30%, transparent)!important;background:color-mix(in oklab, var(--panel) 68%, transparent)!important;box-shadow:none!important;border-radius:0!important}.about-origin-icon{color:var(--accent-mint);margin-bottom:12px;font-size:1.5rem;display:block}.about-origin-card h4{font-family:var(--font-headline), sans-serif;letter-spacing:.22em;text-transform:uppercase;color:var(--text-strong);margin:0 0 10px;font-size:.72rem}.about-origin-card p{color:color-mix(in oklab, var(--text-main) 76%, transparent);margin:0;font-size:.82rem;line-height:1.7}.about-philosophy{border-left:4px solid var(--accent-orange)!important;border-top:1px solid color-mix(in oklab, var(--outline) 30%, transparent)!important;border-right:1px solid color-mix(in oklab, var(--outline) 30%, transparent)!important;border-bottom:1px solid color-mix(in oklab, var(--outline) 30%, transparent)!important;background:color-mix(in oklab, var(--panel) 68%, transparent)!important;box-shadow:none!important;border-radius:0!important;padding:26px!important}.about-philosophy-eyebrow{font-family:var(--font-headline), sans-serif;letter-spacing:.2em;text-transform:uppercase;color:var(--accent-orange);margin-bottom:16px;font-size:.62rem;display:block}.about-philosophy blockquote{font-family:var(--font-headline), sans-serif;color:var(--text-strong);letter-spacing:-.02em;margin:0;font-size:clamp(1.3rem,2.6vw,2rem);line-height:1.22}.about-hud{position:relative}.about-hud-fade{transform:none!important}.about-kernel-card{background:color-mix(in oklab, var(--panel) 40%, transparent);border:1px solid color-mix(in oklab, var(--outline) 28%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 20px 60px #00060285, 0 0 0 1px color-mix(in oklab, var(--accent-green) 6%, transparent);border-radius:12px;padding:24px;position:sticky;top:88px}.about-kernel-header{border-bottom:1px solid color-mix(in oklab, var(--outline) 22%, transparent);margin-bottom:18px;padding-bottom:16px}.about-kernel-pretitle{font-family:var(--font-headline), sans-serif;letter-spacing:.22em;text-transform:uppercase;color:var(--accent-green);font-size:.7rem}.about-kernel-title{font-family:var(--font-headline), sans-serif;letter-spacing:.12em;text-transform:uppercase;margin:.4rem 0 0;font-size:1.5rem}.about-kernel-rows{border-bottom:1px solid color-mix(in oklab, var(--outline) 22%, transparent);gap:14px;margin-bottom:18px;padding-bottom:18px;display:grid}.about-kernel-row{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.about-kernel-row small{font-family:var(--font-headline), sans-serif;letter-spacing:.18em;text-transform:uppercase;color:var(--accent-mint);white-space:nowrap;flex-shrink:0;font-size:.58rem}.about-kernel-row strong{font-family:var(--font-body), sans-serif;color:var(--text-strong);text-align:right;font-size:.82rem;font-weight:600}.about-kernel-footer{align-items:center;gap:8px;display:flex}.about-kernel-footer .material-symbols-outlined{color:var(--accent-green);opacity:.72;font-size:.95rem}.about-kernel-footer>span:last-child{font-family:var(--font-headline), sans-serif;letter-spacing:.2em;text-transform:uppercase;color:color-mix(in oklab, var(--text-muted) 72%, transparent);font-size:.56rem}.about-hud-corner{pointer-events:none;width:14px;height:14px;position:absolute}.about-hud-corner-tr{border-right:2px solid var(--accent-green);border-top:2px solid var(--accent-green);top:-1px;right:-1px}.about-hud-corner-bl{border-left:2px solid var(--accent-green);border-bottom:2px solid var(--accent-green);bottom:-1px;left:-1px}.about-scanner{border-top:1px solid color-mix(in oklab, var(--outline) 28%, transparent);margin-top:28px;padding-top:10px;overflow:hidden}.about-scanner-track{white-space:nowrap;will-change:transform;width:max-content;animation:32s linear infinite about-marquee;display:flex}.about-scanner-group{flex-shrink:0;gap:16px;padding-right:16px;display:inline-flex}.about-scanner span{font-family:var(--font-headline), sans-serif;letter-spacing:.22em;text-transform:uppercase;color:color-mix(in oklab, var(--text-muted) 72%, transparent);align-items:center;gap:8px;font-size:.56rem;display:inline-flex}.about-scanner .dot{background:var(--accent-green);width:6px;height:6px;box-shadow:0 0 10px color-mix(in oklab, var(--accent-green) 50%, transparent);border-radius:50%;flex-shrink:0}@keyframes about-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (width>=680px){.about-origin-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}}@media (width>=1100px){.about-layout{grid-template-columns:minmax(0,8fr) minmax(0,4fr);gap:36px}}@media (prefers-reduced-motion:reduce){.about-scanner-track{animation:none}.about-btn,.about-btn:hover{transition:none;transform:none}}.skills-page{background:radial-gradient(circle at 14% 8%, color-mix(in oklab, var(--accent-green) 6%, transparent), transparent 34%), radial-gradient(circle at 88% 72%, #ff7a000f, transparent 38%), var(--bg-elevated);padding:88px 24px 120px}.skills-content{max-width:1280px;margin:0 auto}.skills-header{margin-bottom:44px}.skills-header>div{align-items:center;gap:8px;margin-bottom:14px;display:inline-flex}.skills-header>div span{color:var(--accent-mint)}.skills-header>div p{font-family:var(--font-headline), sans-serif;letter-spacing:.24em;text-transform:uppercase;color:var(--accent-mint);margin:0;font-size:.67rem}.skills-header h2{font-family:var(--font-headline), sans-serif;letter-spacing:-.04em;color:var(--text-strong);text-wrap:balance;margin:0;font-size:clamp(2.1rem,6vw,4.1rem);line-height:.95}.skills-header h2 span{color:var(--accent-green)}.skills-tabbed-layout{grid-template-columns:1fr;gap:18px;margin-top:28px;display:grid}.skills-module-list{flex-direction:column;gap:8px;display:flex}.skills-module-btn{border:1px solid color-mix(in oklab, var(--outline) 20%, transparent);background:color-mix(in oklab, var(--panel) 40%, transparent);color:var(--text-main);cursor:pointer;text-align:left;transition:background .25s var(--ease-out-emphasized), border-left-color .2s ease;border-left-width:4px;border-left-color:#0000;justify-content:space-between;align-items:center;gap:10px;padding:14px;display:flex}.skills-module-btn:hover{background:color-mix(in oklab, var(--panel) 56%, transparent)}.skills-module-btn.is-active{background:color-mix(in oklab, var(--panel) 74%, transparent);border-left-color:var(--accent-green)}.skills-module-btn.tone-orange.is-active{border-left-color:var(--accent-orange)}.skills-module-btn>div{flex-direction:column;align-items:flex-start;gap:2px;display:flex}.skills-module-id{font-family:var(--font-headline), sans-serif;letter-spacing:.18em;text-transform:uppercase;color:var(--accent-mint);font-size:.62rem}.skills-module-title{font-family:var(--font-headline), sans-serif;letter-spacing:-.01em;color:var(--text-muted);font-size:.875rem;transition:color .2s}.skills-module-btn.is-active .skills-module-title{color:var(--text-strong)}.skills-module-status{border:1px solid color-mix(in oklab, var(--accent-green) 40%, transparent);background:color-mix(in oklab, var(--accent-green) 10%, transparent);color:var(--accent-green);font-family:var(--font-headline), sans-serif;letter-spacing:.16em;text-transform:uppercase;flex-shrink:0;padding:3px 8px;font-size:.56rem}.skills-module-status.tone-orange{border-color:color-mix(in oklab, var(--accent-orange) 40%, transparent);background:color-mix(in oklab, var(--accent-orange) 10%, transparent);color:var(--accent-orange)}.skills-detail-panel{background:color-mix(in oklab, var(--panel) 66%, transparent);border:1px solid color-mix(in oklab, var(--outline) 30%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:12px;padding:24px;position:relative;box-shadow:0 20px 60px #00060285,0 0 0 1px #00ff8814}.skills-corner-tr,.skills-corner-bl{width:14px;height:14px;position:absolute}.skills-corner-tr{border-top:2px solid var(--accent-green);border-right:2px solid var(--accent-green);top:-1px;right:-1px}.skills-corner-bl{border-bottom:2px solid var(--accent-green);border-left:2px solid var(--accent-green);bottom:-1px;left:-1px}.skills-detail-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.skills-detail-eyebrow{font-family:var(--font-headline), sans-serif;letter-spacing:.18em;text-transform:uppercase;color:var(--accent-mint);font-size:.62rem;display:block}.skills-detail-panel.tone-orange .skills-detail-eyebrow{color:var(--accent-orange)}.skills-detail-header h3{font-family:var(--font-headline), sans-serif;letter-spacing:-.02em;color:var(--text-strong);margin:6px 0 0;font-size:clamp(1.4rem,2.4vw,2rem)}.skills-heartbeat{border:1px solid color-mix(in oklab, var(--outline) 40%, transparent);background:color-mix(in oklab, var(--panel-strong) 40%, transparent);border-radius:999px;flex-shrink:0;align-items:center;gap:7px;padding:7px 12px;display:inline-flex}.skills-heartbeat .material-symbols-outlined{color:var(--accent-green);font-size:1.1rem}.skills-detail-panel.tone-orange .skills-heartbeat .material-symbols-outlined{color:var(--accent-orange)}.skills-heartbeat span:last-child{font-family:var(--font-headline), sans-serif;letter-spacing:.18em;text-transform:uppercase;color:var(--text-muted);font-size:.62rem}.skills-metrics-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:18px;margin-top:22px;display:grid}.skills-metric-row{flex-direction:column;gap:6px;display:flex}.skills-metric-label-row{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.skills-metric-label-row>span:first-child{font-family:var(--font-headline), sans-serif;letter-spacing:.1em;text-transform:uppercase;color:color-mix(in oklab, var(--text-muted) 85%, transparent);font-size:.68rem}.skills-metric-value{font-family:var(--font-headline), sans-serif;color:var(--text-strong);flex-shrink:0;font-size:.75rem}.skills-metric-bar-track{background:color-mix(in oklab, var(--outline) 28%, transparent);border-radius:999px;width:100%;height:6px;overflow:hidden}.skills-metric-bar-fill{background:var(--accent-green);height:100%;animation:growbar .7s var(--ease-out-emphasized) both;border-radius:999px;display:block;box-shadow:0 0 8px #00ff8880}.skills-detail-panel.tone-orange .skills-metric-bar-fill{background:var(--accent-orange);box-shadow:0 0 8px #ff7a0080}@keyframes growbar{0%{width:0}}.skills-tags-row{border-top:1px dashed color-mix(in oklab, var(--outline) 40%, transparent);flex-wrap:wrap;gap:8px;margin-top:20px;padding-top:16px;display:flex}.skills-tag-chip{background:color-mix(in oklab, var(--panel-strong) 60%, transparent);border-left:2px solid var(--accent-mint);font-family:var(--font-headline), sans-serif;letter-spacing:.14em;text-transform:uppercase;color:color-mix(in oklab, var(--text-main) 84%, transparent);padding:5px 10px;font-size:.66rem}.skills-bottom{border-top:1px solid color-mix(in oklab, var(--accent-green) 22%, transparent);background:color-mix(in oklab, var(--panel) 64%, transparent);flex-direction:column;gap:16px;margin-top:24px;padding:20px;display:flex}.skills-bottom>div:first-child{align-items:center;gap:12px;display:flex}.skills-bottom>div:first-child>div:first-child{border:1px solid color-mix(in oklab, var(--accent-green) 30%, transparent);background:color-mix(in oklab, var(--accent-green) 12%, transparent);border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.skills-bottom>div:first-child span{color:var(--accent-green)}.skills-bottom p,.skills-bottom small,.skills-bottom strong{margin:0}.skills-bottom>div:first-child p,.skills-bottom>div:last-child p{font-family:var(--font-headline), sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--accent-mint);font-size:.61rem}.skills-bottom>div:first-child small{color:color-mix(in oklab, var(--text-main) 72%, transparent)}.skills-bottom>div:last-child{align-items:center;gap:14px;display:flex}.skills-bottom>div:last-child strong{font-family:var(--font-headline), sans-serif;color:var(--text-strong);font-size:.78rem}.skills-bottom>div:last-child i{background:color-mix(in oklab, var(--outline) 36%, transparent);width:1px;height:34px}@media (width>=720px){.skills-tabbed-layout{grid-template-columns:260px 1fr}}@media (width>=900px){.skills-bottom{flex-direction:row;justify-content:space-between;align-items:center}}@media (prefers-reduced-motion:reduce){.skills-module-btn,.skills-metric-bar-fill{transition:none;animation:none}}.projects-page{background-color:var(--bg-base);background-image:radial-gradient(circle at 2px 2px,#272b2726 1px,#0000 0);background-size:24px 24px;padding:96px 24px 120px}.projects-content{max-width:1280px;margin:0 auto}.projects-header{margin-bottom:38px}.projects-header>div{align-items:center;gap:10px;margin-bottom:14px;display:inline-flex}.projects-header>div span{background:var(--accent-green);width:48px;height:2px}.projects-header>div p{font-family:var(--font-headline), sans-serif;letter-spacing:.22em;text-transform:uppercase;color:var(--accent-mint);margin:0;font-size:.66rem}.projects-header h2{font-family:var(--font-headline), sans-serif;letter-spacing:-.04em;color:var(--text-strong);text-wrap:balance;margin:0 0 14px;font-size:clamp(2.2rem,6.2vw,4.6rem);line-height:.92}.projects-header>p{max-width:680px;color:color-mix(in oklab, var(--text-main) 80%, transparent);margin:0;line-height:1.7}.projects-layout{grid-template-columns:1fr;gap:22px;display:grid}.projects-grid-two{grid-template-columns:1fr;gap:16px;margin-bottom:16px;display:grid}.project-card{border-left:4px solid var(--accent-green);background:color-mix(in oklab, var(--panel) 68%, transparent);border:1px solid color-mix(in oklab, var(--outline) 30%, transparent);border-left-width:4px;padding:20px;transition:background .25s,transform .25s,box-shadow .25s;position:relative;overflow:hidden}.project-card:hover{background:color-mix(in oklab, var(--panel-strong) 78%, transparent);transform:translateY(-3px);box-shadow:0 12px 32px #00060266}.project-icon{opacity:.18;position:absolute;top:12px;right:12px}.project-icon span{font-size:3.2rem}.project-head{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:14px;display:flex}.project-head small{font-family:var(--font-headline), sans-serif;letter-spacing:.18em;text-transform:uppercase;color:var(--accent-mint);margin-bottom:3px;font-size:.58rem;display:block}.project-head h3{font-family:var(--font-headline), sans-serif;color:var(--text-strong);margin:0;font-size:clamp(1.3rem,2.3vw,2rem)}.project-head>span{border:1px solid color-mix(in oklab, var(--accent-green) 36%, transparent);background:color-mix(in oklab, var(--accent-green) 12%, transparent);color:var(--accent-green);font-family:var(--font-headline), sans-serif;letter-spacing:.09em;text-transform:uppercase;padding:4px 8px;font-size:.56rem}.project-head>span.tone-orange{color:var(--accent-orange);border-color:color-mix(in oklab, var(--accent-orange) 36%, transparent);background:color-mix(in oklab, var(--accent-orange) 12%, transparent)}.project-visual{aspect-ratio:16/8;border:1px solid color-mix(in oklab, var(--outline) 40%, transparent);background-color:var(--bg-elevated);width:100%;margin-bottom:14px;position:relative;overflow:hidden}.project-visual:before,.project-visual:after{content:"";position:absolute;inset:0}.visual-kernel:before{background:radial-gradient(circle at 40% 50%, color-mix(in oklab, var(--accent-green) 30%, transparent), transparent 35%), linear-gradient(135deg, #ff7a003d, #101411cc)}.project-visual:after{background:linear-gradient(#0000 40%,#0b0f0ccc)}.project-visual.visual-placeholder{justify-content:center;align-items:center;display:flex}.project-visual-placeholder-label{z-index:1;border:1px dashed color-mix(in oklab, var(--outline) 60%, transparent);color:color-mix(in oklab, var(--text-muted) 82%, transparent);font-family:var(--font-headline), sans-serif;letter-spacing:.12em;text-transform:uppercase;padding:6px 10px;font-size:.58rem;position:relative}.project-visual-striped{background:repeating-linear-gradient(0deg, color-mix(in oklab, var(--accent-orange) 10%, transparent) 0 2px, transparent 2px 8px), var(--bg-elevated);color:var(--accent-orange);justify-content:center;align-items:center;gap:8px;display:flex}.project-visual-striped .material-symbols-outlined{opacity:.65;font-size:2.25rem}.project-card p{color:color-mix(in oklab, var(--text-main) 80%, transparent);margin:0 0 14px}.project-tags{flex-wrap:wrap;gap:6px;margin-bottom:16px;display:flex}.project-tags span{border-left:2px solid var(--accent-mint);background:color-mix(in oklab, var(--panel-strong) 58%, transparent);color:var(--accent-mint);font-family:var(--font-headline), sans-serif;letter-spacing:.12em;text-transform:uppercase;padding:5px 8px;font-size:.54rem}.project-actions{border-top:1px solid color-mix(in oklab, var(--outline) 34%, transparent);justify-content:space-between;align-items:center;gap:10px;padding-top:12px;display:flex}.project-actions-left{align-items:center;gap:14px;display:inline-flex}.project-actions button,.project-actions a{color:var(--accent-mint);font-family:var(--font-headline), sans-serif;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;font-size:.56rem;text-decoration:none;display:inline-flex}.project-actions .repo-private-badge{color:color-mix(in oklab, var(--text-muted) 70%, transparent);border:1px dashed color-mix(in oklab, var(--outline) 50%, transparent);letter-spacing:.12em;cursor:pointer;background:0 0;padding:4px 8px;font-family:inherit;font-size:.52rem;transition:color .2s,border-color .2s}.project-actions .repo-private-badge:hover{color:var(--accent-mint);border-color:color-mix(in oklab, var(--accent-mint) 40%, transparent)}.project-actions .repo-private-badge .material-symbols-outlined{font-size:.9rem}.project-actions .demo-wip-badge{color:color-mix(in oklab, var(--accent-orange) 65%, transparent);border:1px dashed color-mix(in oklab, var(--accent-orange) 35%, transparent);font-family:var(--font-headline), sans-serif;letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:6px;padding:4px 8px;font-size:.52rem;display:inline-flex}.project-actions .demo-wip-badge .material-symbols-outlined{font-size:.9rem}.project-actions button.primary{background:var(--accent-green);color:#003919;padding:8px 12px;font-weight:700}.featured-card{border-left-color:var(--accent-orange)}.projects-sidebar>div{border:1px solid color-mix(in oklab, var(--outline) 24%, transparent);background:color-mix(in oklab, var(--panel) 62%, transparent);padding:18px;position:sticky;top:88px}.sidebar-head{align-items:center;gap:8px;margin-bottom:16px;display:inline-flex}.sidebar-head h4{font-family:var(--font-headline), sans-serif;letter-spacing:.2em;text-transform:uppercase;color:var(--text-strong);margin:0;font-size:.68rem}.log-list{border-left:1px solid color-mix(in oklab, var(--outline) 30%, transparent);margin-bottom:18px;padding-left:14px}.log-item{margin-bottom:14px;position:relative}.log-item:before{content:"";border:2px solid var(--accent-green);background:var(--bg-base);border-radius:50%;width:9px;height:9px;position:absolute;top:4px;left:-20px}.log-item small{font-family:var(--font-headline), sans-serif;letter-spacing:.15em;text-transform:uppercase;color:color-mix(in oklab, var(--text-muted) 70%, transparent);margin-bottom:2px;font-size:.52rem;display:block}.log-item p{color:var(--text-strong);margin:0 0 2px;font-size:.72rem}.log-item span{color:color-mix(in oklab, var(--text-main) 70%, transparent);font-size:.62rem;font-style:italic}.log-item.tone-secondary:before{border-color:var(--accent-mint)}.log-item.tone-orange:before{border-color:var(--accent-orange)}.log-item.tone-muted{opacity:.56}.log-item.tone-muted:before{border-color:color-mix(in oklab, var(--outline) 58%, transparent)}.repo-status{border-top:1px solid color-mix(in oklab, var(--outline) 30%, transparent);padding-top:14px}.repo-status>div:first-child{justify-content:space-between;margin-bottom:6px;display:flex}.repo-status small{font-family:var(--font-headline), sans-serif;letter-spacing:.15em;text-transform:uppercase;font-size:.56rem}.repo-status>div:last-child{grid-template-columns:repeat(50,minmax(0,1fr));gap:1px;display:grid}.repo-status>div:last-child span{background:color-mix(in oklab, var(--outline) 36%, transparent);height:6px}.repo-status>div:last-child span.is-filled{background:var(--accent-green)}@media (width>=840px){.projects-grid-two{grid-template-columns:repeat(2,minmax(0,1fr))}.featured-card{grid-template-columns:1fr 1fr;gap:20px;display:grid}.featured-card .project-visual{min-height:100%;margin:0}}@media (width>=1100px){.projects-layout{grid-template-columns:minmax(0,3fr) minmax(0,1fr);gap:24px}}@media (prefers-reduced-motion:reduce){.project-card,.project-actions button{transition:none}}.tl-section{max-width:var(--content-max);margin:0 auto;padding:104px 24px;position:relative}.tl-eyebrow{font-family:var(--font-headline);letter-spacing:.22em;text-transform:uppercase;color:var(--accent-mint);margin:0 0 8px;font-size:.66rem;font-weight:700}.tl-h2{font-family:var(--font-headline);letter-spacing:-.04em;color:var(--text-strong);text-wrap:balance;margin:0 0 20px;font-size:clamp(2.2rem,6.2vw,4.6rem);line-height:.92}.tl-sub{color:color-mix(in oklab, var(--text-main) 82%, transparent);max-width:56ch;margin:0 0 56px;font-size:1.05rem;line-height:1.8}.tl-wrap{flex-direction:column;gap:48px;padding:20px 0;display:flex;position:relative}.tl-line{background:color-mix(in oklab, var(--accent-green) 25%, transparent);width:2px;position:absolute;top:0;bottom:0;left:50%;overflow:hidden;transform:translate(-50%)}.tl-line-pulse{background:linear-gradient(to bottom, transparent, var(--accent-green), transparent);height:30%;animation:4s linear infinite tl-pulse;position:absolute;top:0;left:0;right:0}@keyframes tl-pulse{0%{transform:translateY(-100%)}to{transform:translateY(400%)}}.tl-row{align-items:center;display:flex;position:relative}.tl-row--rev{flex-direction:row-reverse}.tl-year-side{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.tl-year-side--right{text-align:right;padding-right:40px}.tl-year-side--left{text-align:left;padding-left:40px}.tl-year{font-family:var(--font-headline);letter-spacing:-.03em;font-size:clamp(2rem,4.5vw,3.4rem);font-weight:700;line-height:1}.tl-kind{font-family:var(--font-headline);letter-spacing:.22em;text-transform:uppercase;color:var(--text-muted);font-size:10px;font-weight:700}.tl-node-col{z-index:2;flex-shrink:0;justify-content:center;width:64px;display:flex}.tl-node{width:44px;height:44px;transition:background .3s var(--ease-out-emphasized), box-shadow .3s var(--ease-out-emphasized);border:2px solid;border-radius:50%;justify-content:center;align-items:center;display:flex}.tl-card-side{flex:1;min-width:0}.tl-card-side--left{padding-left:40px}.tl-card-side--right{padding-right:40px}.tl-card{background:color-mix(in oklab, var(--panel) 68%, transparent);border-top:1px solid color-mix(in oklab, var(--outline) 30%, transparent);border-bottom:1px solid color-mix(in oklab, var(--outline) 30%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:transform .3s var(--ease-out-emphasized), box-shadow .3s var(--ease-out-emphasized);padding:20px 22px}.tl-card-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.tl-card-id,.tl-card-entry{font-family:var(--font-headline);letter-spacing:.16em;text-transform:uppercase;font-size:10px}.tl-card-entry{color:var(--text-muted)}.tl-card-title{font-family:var(--font-headline);color:var(--text-strong);letter-spacing:-.01em;margin:0 0 4px;font-size:1.1rem;font-weight:700}.tl-card-org{font-family:var(--font-headline);letter-spacing:.14em;text-transform:uppercase;margin-bottom:12px;font-size:11px}.tl-card-copy{color:color-mix(in oklab, var(--text-main) 82%, transparent);max-width:52ch;margin:0 0 12px;font-size:.92rem;line-height:1.7}.tl-stack{flex-wrap:wrap;gap:6px;display:flex}.tl-chip{font-family:var(--font-headline);letter-spacing:.15em;text-transform:uppercase;color:var(--text-muted);border:1px solid color-mix(in oklab, var(--outline) 40%, transparent);padding:4px 10px;font-size:10px}@media (width<=820px){.tl-line{display:none}.tl-row,.tl-row--rev{flex-direction:column;align-items:flex-start;gap:12px}.tl-year-side--right,.tl-year-side--left{text-align:left;padding:0}.tl-node-col{display:none}.tl-card-side--left,.tl-card-side--right{width:100%;padding:0}}@media (prefers-reduced-motion:reduce){.tl-line-pulse{animation:none}.tl-node,.tl-card{transition:none}}.glitch-transition{z-index:95;pointer-events:none;background:#0b0f0ce6;animation:.72s ease-out forwards glitch-fade;position:fixed;inset:0}.glitch-layer{mix-blend-mode:screen;opacity:.7;background:repeating-linear-gradient(#e0e3de1c 0 2px,#0000 2px 4px);position:absolute;inset:0}.glitch-layer-a{animation:.36s steps(2,end) 2 glitch-shift-a;transform:translate(0)}.glitch-layer-b{opacity:.35;background:linear-gradient(90deg, #ff006238, color-mix(in oklab, var(--accent-green) 20%, transparent));mix-blend-mode:lighten;animation:.34s steps(2,end) 2 glitch-shift-b}.glitch-scan{background:linear-gradient(to bottom, #0f80, color-mix(in oklab, var(--accent-green) 28%, transparent), #0f80);height:26%;animation:.62s ease-out glitch-scan;position:absolute;inset:-25% 0 auto}@keyframes glitch-shift-a{0%{transform:translate(0)}20%{transform:translate(-10px)}40%{transform:translate(9px)}60%{transform:translate(-5px)}to{transform:translate(0)}}@keyframes glitch-shift-b{0%{transform:translate(0)}25%{transform:translate(8px)}50%{transform:translate(-12px)}70%{transform:translate(6px)}to{transform:translate(0)}}@keyframes glitch-scan{0%{transform:translateY(-20%)}to{transform:translateY(420%)}}@keyframes glitch-fade{0%{opacity:1}55%{opacity:1}75%{opacity:.72}90%{opacity:.24}to{opacity:0}}@media (prefers-reduced-motion:reduce){.glitch-transition,.glitch-layer-a,.glitch-layer-b,.glitch-scan{animation:none}}.blog-section{max-width:var(--content-max);margin:0 auto;padding:104px 24px;position:relative}.blog-eyebrow{font-family:var(--font-headline);letter-spacing:.22em;text-transform:uppercase;color:var(--accent-mint);margin:0 0 8px;font-size:.66rem;font-weight:700}.blog-h2{font-family:var(--font-headline);letter-spacing:-.04em;color:var(--text-strong);text-wrap:balance;margin:0 0 20px;font-size:clamp(2.2rem,6.2vw,4.6rem);line-height:.92}.blog-sub{color:color-mix(in oklab, var(--text-main) 82%, transparent);max-width:56ch;margin:0 0 44px;font-size:1.05rem;line-height:1.8}.blog-grid{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:start;gap:28px;display:grid}.blog-card--hover{box-shadow:var(--shadow-card-hover)!important;transform:translateY(-3px)!important}.blog-item.blog-card--hover{transform:translate(4px)!important}.blog-featured{background:color-mix(in oklab, var(--panel) 68%, transparent);border:1px solid color-mix(in oklab, var(--outline) 30%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:transform .3s var(--ease-out-emphasized), box-shadow .3s var(--ease-out-emphasized);cursor:pointer;flex-direction:column;display:flex;overflow:hidden}.blog-featured-cover{background:var(--bg-elevated);border-bottom:1px solid color-mix(in oklab, var(--outline) 25%, transparent);justify-content:center;align-items:center;height:240px;display:flex;position:relative;overflow:hidden}.blog-cover-pattern{position:absolute;inset:0}.blog-cover-glyph{z-index:1;filter:drop-shadow(0 0 24px);opacity:.85;position:relative}.blog-featured-badge{z-index:2;font-family:var(--font-headline);letter-spacing:.2em;background:color-mix(in oklab, var(--bg-base) 70%, transparent);border:1px solid;padding:5px 10px;font-size:10px;font-weight:700;position:absolute;top:14px;right:14px}.blog-featured-body{flex-direction:column;gap:10px;padding:22px 24px 24px;display:flex}.blog-featured-title{font-family:var(--font-headline);color:var(--text-strong);letter-spacing:-.02em;margin:4px 0 2px;font-size:1.55rem;font-weight:700;line-height:1.2}.blog-meta-row{justify-content:space-between;align-items:center;display:flex}.blog-id{font-family:var(--font-headline);letter-spacing:.16em;text-transform:uppercase;font-size:11px}.blog-date{font-family:var(--font-headline);letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);font-size:10px}.blog-tag{font-family:var(--font-headline);letter-spacing:.2em;text-transform:uppercase;border:1px solid;align-self:flex-start;padding:4px 10px;font-size:10px;font-weight:700;display:inline-block}.blog-excerpt{color:color-mix(in oklab, var(--text-main) 85%, transparent);margin:0;font-size:.98rem;line-height:1.7}.blog-read-row{align-items:center;gap:10px;margin-top:6px;display:flex}.blog-read-icon{color:var(--text-muted);font-size:14px}.blog-read-time{font-family:var(--font-headline);letter-spacing:.16em;text-transform:uppercase;color:var(--text-muted);font-size:10px}.blog-cta{font-family:var(--font-headline);letter-spacing:.14em;text-transform:uppercase;color:var(--accent-green);align-items:center;gap:4px;margin-left:auto;font-size:12px;font-weight:700;display:inline-flex}.blog-cta--sm{font-size:11px}.blog-list{flex-direction:column;gap:16px;display:flex}.blog-item{background:color-mix(in oklab, var(--panel) 68%, transparent);border:1px solid color-mix(in oklab, var(--outline) 30%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:transform .3s var(--ease-out-emphasized), box-shadow .3s var(--ease-out-emphasized);cursor:pointer;align-items:flex-start;gap:14px;padding:16px 18px;display:flex}.blog-item-icon{background:color-mix(in oklab, var(--panel-strong) 60%, transparent);border:1px solid color-mix(in oklab, var(--outline) 30%, transparent);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.blog-item-body{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.blog-item-title{font-family:var(--font-headline);color:var(--text-strong);letter-spacing:-.01em;margin:2px 0;font-size:1rem;font-weight:700;line-height:1.3}.blog-item-excerpt{color:color-mix(in oklab, var(--text-main) 78%, transparent);margin:0;font-size:.85rem;line-height:1.6}.blog-archive-btn{border:1px dashed color-mix(in oklab, var(--accent-green) 45%, transparent);color:var(--accent-green);font-family:var(--font-headline);letter-spacing:.16em;text-transform:uppercase;cursor:pointer;width:100%;transition:background .25s var(--ease-out-emphasized), border-color .25s var(--ease-out-emphasized);background:0 0;justify-content:center;align-items:center;gap:10px;margin-top:4px;padding:14px 18px;font-size:12px;font-weight:700;display:inline-flex}.blog-archive-btn:hover{background:color-mix(in oklab, var(--accent-green) 8%, transparent);border-color:color-mix(in oklab, var(--accent-green) 65%, transparent)}@media (width<=900px){.blog-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.blog-featured,.blog-item{transition:none}}.contact-page{background-color:var(--bg-base);background-image:radial-gradient(color-mix(in oklab, var(--accent-green) 5%, transparent) 1px, transparent 0);background-size:24px 24px;padding:96px 24px 100px}.contact-content{max-width:1280px;margin:0 auto;position:relative}.contact-hud-meta{display:none;position:absolute;top:-18px;left:0}.contact-hud-meta p{font-family:var(--font-headline), sans-serif;letter-spacing:.18em;text-transform:uppercase;color:color-mix(in oklab, var(--accent-mint) 70%, transparent);margin:0 0 4px;font-size:.56rem}.contact-grid{grid-template-columns:1fr;gap:26px;display:grid}.contact-main header h2{font-family:var(--font-headline), sans-serif;letter-spacing:-.04em;color:var(--text-strong);text-wrap:balance;margin:0 0 14px;font-size:clamp(2.2rem,7vw,4.7rem);line-height:.92}.contact-main header h2 span{color:var(--accent-green)}.contact-main header p{max-width:660px;color:color-mix(in oklab, var(--text-main) 76%, transparent);margin:0;line-height:1.7}.contact-main header p span{color:var(--accent-mint)}.contact-panel{background:color-mix(in oklab, var(--panel) 62%, transparent);border:1px solid color-mix(in oklab, var(--outline) 30%, transparent);-webkit-backdrop-filter:blur(14px);border-radius:12px;margin-top:24px;padding:26px;position:relative;box-shadow:0 20px 60px #00060285,0 0 0 1px #00ff8814}.contact-panel .corner{pointer-events:none;width:14px;height:14px;position:absolute}.contact-panel .corner.top-right{border-top:2px solid var(--accent-green);border-right:2px solid var(--accent-green);top:-1px;right:-1px}.contact-panel .corner.bottom-left{border-bottom:2px solid var(--accent-green);border-left:2px solid var(--accent-green);bottom:-1px;left:-1px}.contact-transmission-header{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.contact-eyebrow{font-family:var(--font-headline), sans-serif;letter-spacing:.22em;text-transform:uppercase;color:var(--accent-mint);font-size:.82rem;font-weight:700}.contact-state-badge{font-family:var(--font-headline), sans-serif;letter-spacing:.18em;text-transform:uppercase;color:var(--text-muted);font-size:.58rem}.contact-state-badge.state-sent{color:var(--accent-green)}.contact-state-badge.state-error{color:var(--accent-orange)}.contact-state-badge.state-sending{color:var(--accent-mint);animation:1s ease-in-out infinite state-blink}@keyframes state-blink{0%,to{opacity:.5}50%{opacity:1}}.contact-success{text-align:center;padding:30px 20px;animation:.4s ease-out slideIn}.contact-success>.material-symbols-outlined{color:var(--accent-green);margin-bottom:12px;font-size:3rem;display:block}.contact-success h3{font-family:var(--font-headline), sans-serif;letter-spacing:.04em;color:var(--text-strong);margin:0 0 8px;font-size:1rem}.contact-success p{color:var(--text-muted);margin:0 0 22px;font-size:.9rem}.contact-success button{border:1px solid color-mix(in oklab, var(--outline) 50%, transparent);color:var(--text-main);font-family:var(--font-headline), sans-serif;letter-spacing:.13em;text-transform:uppercase;cursor:pointer;background:0 0;align-items:center;gap:8px;padding:10px 18px;font-size:.65rem;font-weight:700;transition:color .2s,border-color .2s;display:inline-flex}.contact-success button:hover{color:var(--accent-green);border-color:color-mix(in oklab, var(--accent-green) 45%, transparent)}.contact-success button .material-symbols-outlined{font-size:.9rem}.contact-form{gap:20px;display:grid}.contact-form-grid{grid-template-columns:1fr;gap:14px;display:grid}.contact-form label{gap:8px;display:grid}.contact-form label>span{font-family:var(--font-headline), sans-serif;letter-spacing:.18em;text-transform:uppercase;color:var(--accent-mint);font-size:.62rem}.contact-form input,.contact-form select,.contact-form textarea{border:none;border-bottom:1px solid color-mix(in oklab, var(--outline) 55%, transparent);width:100%;color:var(--text-strong);font-family:var(--font-headline), sans-serif;background:0 0;outline:none;padding:8px 2px;font-size:14px;transition:border-color .2s}.contact-form select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%2300cc88'/%3E%3C/svg%3E");background-position:right 4px center;background-repeat:no-repeat;padding-right:22px}.contact-form select:required:invalid{color:color-mix(in oklab, var(--text-main) 50%, transparent)}.contact-form select option{background:var(--bg-elevated,#111);color:var(--text-strong)}.contact-form textarea{resize:vertical}.contact-form input::placeholder,.contact-form textarea::placeholder{color:color-mix(in oklab, var(--text-main) 50%, transparent)}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-bottom-color:var(--accent-green)}.form-error{font-family:var(--font-headline), sans-serif;letter-spacing:.08em;color:#faa;background:oklab(66.357% .201021 .0968612/.2);border-left:3px solid #f44;padding:12px 16px;font-size:.76rem;animation:.3s ease-out slideIn}.contact-form-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:4px;display:flex}.contact-sla-label{font-family:var(--font-headline), sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--text-muted);font-size:.58rem}.contact-form-footer button{background:var(--accent-green);color:#003919;font-family:var(--font-headline), sans-serif;letter-spacing:.13em;text-transform:uppercase;box-shadow:0 0 20px color-mix(in oklab, var(--accent-green) 20%, transparent);cursor:pointer;border:none;align-items:center;gap:10px;padding:13px 18px;font-size:.67rem;font-weight:700;transition:transform .15s,box-shadow .2s;display:inline-flex}.contact-form-footer button:hover:not(:disabled){box-shadow:0 0 28px color-mix(in oklab, var(--accent-green) 36%, transparent);transform:translateY(-2px)}.contact-form-footer button:active:not(:disabled){transform:scale(.98)}.contact-form-footer button:disabled{opacity:.6;cursor:not-allowed}@keyframes slideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.contact-sidebar{gap:12px;display:grid}.contact-node-panel{background:color-mix(in oklab, var(--panel) 60%, transparent);border:1px solid color-mix(in oklab, var(--outline) 28%, transparent);-webkit-backdrop-filter:blur(12px);border-radius:12px;flex-direction:column;gap:10px;padding:16px;display:flex}.contact-node-list{flex-direction:column;gap:6px;display:flex}.contact-node-row{background:color-mix(in oklab, var(--bg-elevated) 60%, transparent);border:1px solid color-mix(in oklab, var(--outline) 24%, transparent);border-radius:4px;align-items:center;gap:12px;padding:10px;text-decoration:none;transition:transform .2s,background .2s;display:flex}.contact-node-row:hover{background:color-mix(in oklab, var(--panel-strong) 60%, transparent);transform:translate(2px)}.contact-node-icon{color:var(--accent-green);flex-shrink:0;font-size:1.1rem!important}.contact-node-info{flex-direction:column;flex:1;line-height:1.3;display:flex;overflow:hidden}.contact-node-label{font-family:var(--font-headline), sans-serif;letter-spacing:.18em;text-transform:uppercase;color:var(--accent-mint);font-size:.58rem}.contact-node-id{font-family:var(--font-body), sans-serif;color:var(--text-strong);white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;overflow:hidden}.contact-node-arrow{color:var(--text-muted);flex-shrink:0;transition:color .2s;font-size:1rem!important}.contact-node-row:hover .contact-node-arrow{color:var(--accent-green)}.contact-coordinates-globe{aspect-ratio:1;border:1px solid color-mix(in oklab, var(--accent-green) 35%, transparent);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:50%;width:100%;box-shadow:0 0 24px #00ff8838}.contact-coordinates-footer{font-family:var(--font-headline), sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--text-muted);text-align:center;margin:0;font-size:.62rem}.location-map{aspect-ratio:1;background:color-mix(in oklab, var(--panel-strong) 62%, transparent);border-radius:50%;width:min(100%,360px);margin:0 auto;position:relative;overflow:hidden}.location-globe-canvas,.location-map-fallback{width:100%;height:100%;display:block}.location-map-fallback{object-fit:cover}.location-map-grid{pointer-events:none;background-image:radial-gradient(circle,#0000 60%,#00000047 100%);position:absolute;inset:0}@media (width>=900px){.contact-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}}@media (width>=1100px){.contact-hud-meta{display:block}.contact-grid{grid-template-columns:minmax(0,2fr) minmax(0,1fr);align-items:start;gap:30px}}@media (prefers-reduced-motion:reduce){.contact-form-footer button,.contact-state-badge.state-sending,.contact-node-row{transition:none;animation:none}}.boot-screen{z-index:90;background:var(--bg-base);color:var(--text-main);place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.boot-grid,.boot-scanlines,.boot-vignette{pointer-events:none;position:absolute;inset:0}.boot-grid{background-image:linear-gradient(to right, color-mix(in oklab, var(--accent-green) 5%, transparent) 1px, transparent 1px), linear-gradient(to bottom, color-mix(in oklab, var(--accent-green) 5%, transparent) 1px, transparent 1px);background-size:24px 24px}.boot-scanlines{background:linear-gradient(to bottom, transparent 50%, color-mix(in oklab, var(--accent-green) 2%, transparent) 50%);mix-blend-mode:screen;background-size:100% 4px}.boot-vignette{background:radial-gradient(circle at 20% 15%, color-mix(in oklab, var(--accent-green) 9%, transparent), transparent 40%), radial-gradient(circle at 86% 78%, #ff7a0014, transparent 42%), radial-gradient(circle at 50% 45%, transparent 35%, #0b0f0ce6 90%)}.boot-main{z-index:2;gap:26px;width:min(920px,100% - 32px);display:grid;position:relative}.boot-header{text-align:center;gap:12px;display:grid}.boot-header>div{opacity:.76;justify-content:center;align-items:center;gap:10px;display:inline-flex}.boot-header>div span{background:color-mix(in oklab, var(--accent-mint) 35%, transparent);width:48px;height:1px}.boot-header small{font-family:var(--font-headline), sans-serif;letter-spacing:.18em;text-transform:uppercase;color:var(--accent-mint);font-size:.62rem}.boot-header h1{font-family:var(--font-headline), sans-serif;letter-spacing:-.045em;color:var(--text-strong);text-shadow:0 0 18px color-mix(in oklab, var(--accent-green) 24%, transparent);margin:0;font-size:clamp(2rem,8vw,4.4rem);line-height:.95}.boot-module{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#181d1973;border:1px solid #3b4b3d73;gap:14px;padding:20px;display:grid}.boot-module-head{justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.boot-module-head p,.boot-module-head strong,.boot-module-head b{margin:0}.boot-module-head p{font-family:var(--font-headline), sans-serif;text-transform:uppercase;letter-spacing:.14em;color:color-mix(in oklab, var(--accent-green) 75%, transparent);font-size:.63rem}.boot-module-head strong{font-family:var(--font-headline), sans-serif;text-transform:uppercase;color:var(--accent-green);letter-spacing:.05em;margin-top:4px;font-size:.93rem;display:block}.boot-module-head b{font-family:var(--font-headline), sans-serif;color:var(--accent-green);font-size:2rem;font-weight:400}.boot-segments{background:#272b274d;border:1px solid #3b4b3d66;grid-template-columns:repeat(12,1fr);gap:6px;min-height:36px;padding:4px;display:grid}.boot-segments span{background:#181d19b3;border-radius:2px;transition:background .18s,box-shadow .18s}.boot-segments span.filled{background:var(--accent-green);box-shadow:0 0 14px color-mix(in oklab, var(--accent-green) 35%, transparent)}.boot-log{min-height:150px;max-height:180px;color:color-mix(in oklab, var(--accent-mint) 84%, transparent);background:#10141180;border:1px solid #3b4b3d59;padding:10px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.7rem;line-height:1.45;position:relative;overflow:hidden}.boot-log p{white-space:nowrap;text-overflow:ellipsis;margin:0 0 4px;animation:.28s log-enter;overflow:hidden}.boot-log>div{background:linear-gradient(#0000,#101411);height:34px;position:absolute;inset:auto 0 0}.boot-footer{opacity:.72;justify-content:space-between;align-items:center;gap:16px;display:flex}.boot-footer>div{align-items:center;gap:8px;display:inline-flex}.boot-footer i{background:var(--accent-green);width:8px;height:8px;box-shadow:0 0 10px color-mix(in oklab, var(--accent-green) 65%, transparent);border-radius:50%;animation:1.2s ease-in-out infinite pulse}.boot-footer small{font-family:var(--font-headline), sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-mint);font-size:.6rem}.boot-footer .material-symbols-outlined{color:color-mix(in oklab, var(--accent-mint) 74%, transparent);font-size:1rem}@keyframes log-enter{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (width<=640px){.boot-main{gap:18px;width:calc(100% - 20px)}.boot-module{padding:14px}.boot-module-head b{font-size:1.5rem}.boot-footer{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){.boot-log p,.boot-footer i,.boot-segments span{transition:none;animation:none}}.opcm-card-scene{perspective:1400px;justify-items:center;gap:8px;width:100%;display:grid;position:relative}.opcm-card-shell{aspect-ratio:280/390;cursor:pointer;width:min(100%,280px);transform-style:preserve-3d;transform:rotateX(var(--opcm-tilt-x,0deg)) rotateY(var(--opcm-tilt-y,0deg));background:0 0;border:0;padding:0;transition:transform 80ms ease-out,filter .2s;position:relative}.opcm-card-shell:hover{transform:translateZ(28px) scale(1.035) rotateX(var(--opcm-tilt-x,0deg)) rotateY(var(--opcm-tilt-y,0deg));filter:drop-shadow(0 12px 32px #000000a6)drop-shadow(0 4px 8px #0006)}.opcm-card-shell:focus-visible{outline:2px solid var(--accent-green);outline-offset:6px}.opcm-card-shell:active{cursor:grabbing}.opcm-card-edge,.opcm-card-face,.opcm-card-shimmer,.opcm-card-shell-bg,.opcm-card-surface,.opcm-front-shell,.opcm-outer-border,.opcm-inner-border{backface-visibility:hidden;border-radius:12px;position:absolute;inset:0}.opcm-card-edge{pointer-events:none;border-radius:0}.edge-top{transform-origin:top;background:linear-gradient(#3aaa7a,#1a7a50);height:5px;inset:auto 0;transform:rotateX(90deg)translateY(-2.5px)}.edge-bottom{transform-origin:bottom;background:linear-gradient(#1a7a50,#3aaa7a);height:5px;inset:auto 0;transform:rotateX(-90deg)translateY(2.5px)}.edge-left{transform-origin:0;background:linear-gradient(90deg,#1a7a50,#0d5c38);width:5px;inset:0 auto 0 0;transform:rotateY(-90deg)translate(-2.5px)}.edge-right{transform-origin:100%;background:linear-gradient(270deg,#3aaa7a,#1a7a50);width:5px;inset:0 0 0 auto;transform:rotateY(90deg)translate(2.5px)}.opcm-card-face{transition:transform .65s cubic-bezier(.4,0,.2,1);overflow:hidden}.opcm-card-back{background:linear-gradient(145deg,#101843 0%,#0e1540 40%,#14195e 100%);display:block;transform:rotateY(180deg)}.opcm-back-lines{opacity:.22;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.opcm-back-compass{width:160px;height:160px;position:absolute;top:50%;left:50%;transform:translate(-50%,-62%)}.opcm-back-footer{text-align:center;flex-direction:column;align-items:center;gap:4px;display:flex;position:absolute;bottom:36px;left:0;right:0}.opcm-back-logo{color:#fff;letter-spacing:2px;align-items:center;gap:6px;font-family:Georgia,serif;font-size:22px;font-weight:800;display:inline-flex}.opcm-back-logo-icon{border:2.5px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:19px;height:19px;font-size:9px;font-weight:900;display:inline-flex}.opcm-card-back small{color:#ffffffe6;letter-spacing:5px;font-size:9px}.opcm-card-front{background:0 0}.opcm-card-shell.is-flipped .opcm-card-front{transform:rotateY(180deg)}.opcm-card-shell.is-flipped .opcm-card-back{transform:rotateY(360deg)}.opcm-card-shell-bg{background:linear-gradient(145deg,#0b6b48 0%,#0e7c55 40%,#0a5e40 100%)}.opcm-front-shell{background:#0e7c55;overflow:hidden}.opcm-card-map-svg{pointer-events:none;z-index:1;backface-visibility:hidden;border-radius:12px;width:100%;height:100%;position:absolute;inset:0}.opcm-card-shimmer{pointer-events:none;z-index:101;background:linear-gradient(var(--opcm-shimmer-angle,108deg), transparent 30%, #ffffff08 43%, #ffffff1a 50%, #ffffff08 57%, transparent 68%);mix-blend-mode:screen;opacity:.85}.opcm-outer-border{pointer-events:none;z-index:100;border:3px solid #4dc98a;border-radius:12px}.opcm-inner-border{pointer-events:none;z-index:99;border:1px solid #64dca04d;border-radius:9px;inset:5px}.opcm-foil{pointer-events:none;z-index:103;opacity:var(--opcm-foil-opacity,0);background:linear-gradient(calc(var(--opcm-foil-angle,0deg) + 90deg), #fff0 0%, #ffffff14 35%, #ffffff2e 50%, #ffffff14 65%, #fff0 100%);mix-blend-mode:screen;filter:brightness()saturate(0);border-radius:12px;transition:opacity .35s;position:absolute;inset:0}.opcm-artwork-area{z-index:2;background:#64dca026;border-radius:6px;height:240px;position:absolute;top:8px;left:8px;right:8px;overflow:hidden}.opcm-artwork-area img{object-fit:cover;object-position:center 15%;filter:saturate(1.05)contrast(1.08)brightness(.98);width:100%;height:100%;position:absolute;inset:0}.opcm-artwork-fade{z-index:3;pointer-events:none;background:linear-gradient(#0000 0% 48%,#0a321e26 78%,#0a321ee6 100%);position:absolute;inset:0}.opcm-power-badge,.opcm-cost-badge,.opcm-handle,.opcm-status,.opcm-bottom-bar,.opcm-effect-area,.opcm-type-strip,.opcm-name-area{z-index:10;position:absolute}.opcm-power-badge{align-items:center;gap:4px;display:flex;top:6px;right:6px}.opcm-power-badge strong{color:#fff;letter-spacing:1px;background:#141e32eb;border:1.5px solid #64c8ff99;border-radius:6px;padding:3px 10px;font-family:Arial Black,sans-serif;font-size:18px;font-weight:900;line-height:1}.opcm-type-badge{background:#2a7cff;border-radius:5px;flex-direction:column;justify-content:center;align-items:center;min-width:28px;padding:4px 5px;display:flex}.opcm-kanji{color:#fff;font-family:serif;font-size:11px;font-weight:900;line-height:1}.opcm-romaji{color:#ffffffd9;letter-spacing:.5px;margin-top:1px;font-size:6px}.opcm-cost-badge{width:38px;height:38px;top:4px;left:4px}.opcm-cost-badge svg{display:block}.opcm-effect-area{top:256px;left:8px;right:8px}.opcm-effect-tags{flex-wrap:wrap;gap:3px;margin-bottom:4px;display:flex}.opcm-effect-tags span{letter-spacing:.3px;color:#fff;border-radius:10px;padding:2px 7px;font-size:7.5px;font-weight:800;line-height:1.4}.opcm-effect-tags span:first-child{background:#e63b3b;border:1px solid #ff6060}.opcm-effect-tags span:nth-child(2){background:#f5a623;border:1px solid #ffc350}.opcm-effect-tags span:nth-child(3){background:#2a7cff;border:1px solid #6aaeff}.opcm-effect-text{color:#ffffffe0;letter-spacing:.1px;font-size:7px;line-height:1.55}.opcm-type-strip{text-align:center;top:313px;left:8px;right:8px}.opcm-type-line{background:#c8f0dc40;height:.5px;margin:2px 0;display:block}.opcm-type-text{color:#c8f0dc99;letter-spacing:4px;text-transform:uppercase;font-family:serif;font-size:8px;display:block}.opcm-name-area{top:320px;left:42px;right:42px}.opcm-name-area strong{color:#fff;letter-spacing:.5px;text-shadow:0 1px 4px #000c;margin-top:14px;font-family:Arial Black,Impact,sans-serif;font-size:16px;font-weight:900;line-height:1.1;display:block}.opcm-name-area span{color:#b4f0d2b3;letter-spacing:1px;margin-top:2px;font-family:monospace;font-size:8px;display:block}.opcm-life-badge{z-index:10;width:30px;height:30px;display:block;position:absolute;top:328px;right:6px;overflow:visible}.opcm-bottom-bar{color:#b4f0d266;letter-spacing:.5px;justify-content:space-between;align-items:center;font-family:monospace;font-size:7px;display:flex;bottom:6px;left:8px;right:8px}.opcm-bottom-left{align-items:center;gap:4px;display:flex}.opcm-bottom-label{color:#b4f0d24d}.opcm-handle{color:#b4f0d27a;font-family:monospace;font-size:7px;top:338px;left:8px}.opcm-status{color:#b4f0d27a;font-family:monospace;font-size:7px;top:358px;right:10px}@media (width<=420px){.opcm-card-shell{width:min(100%,250px)}.opcm-effect-text,.opcm-type-text,.opcm-bottom-bar,.opcm-handle,.opcm-status{font-size:6px}.opcm-name-area strong{font-size:16px}}@media (prefers-reduced-motion:reduce){.opcm-card-shell,.opcm-card-face{transition:none}.opcm-foil{display:none}}.project-notes-page{background-color:#0b0f0c;background-image:radial-gradient(circle at 2px 2px,#272b2726 1px,#0000 0);background-size:24px 24px;min-height:100vh;padding:96px 24px;position:relative}.project-notes-shell{z-index:1;gap:18px;max-width:1220px;margin:0 auto;animation:.36s ease-out notes-enter;display:grid;position:relative}.project-notes-hero{border:1px solid color-mix(in oklab, var(--outline) 30%, transparent);background:color-mix(in oklab, var(--panel) 68%, transparent);grid-template-columns:1fr;display:grid}.project-notes-hero-copy{padding:20px}.project-notes-hero-copy small{color:var(--accent-mint);font-family:var(--font-headline), sans-serif;letter-spacing:.18em;text-transform:uppercase;margin-bottom:8px;font-size:.58rem;display:block}.project-notes-hero-copy h1{color:var(--text-strong);font-family:var(--font-headline), sans-serif;margin:0 0 10px;font-size:clamp(1.8rem,4vw,3rem)}.project-notes-hero-copy p{color:color-mix(in oklab, var(--text-main) 82%, transparent);margin:0;line-height:1.7}.project-notes-hero-meta{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.project-notes-hero-meta span{border-left:2px solid var(--accent-mint);background:color-mix(in oklab, var(--panel-strong) 58%, transparent);color:var(--accent-mint);font-family:var(--font-headline), sans-serif;letter-spacing:.12em;text-transform:uppercase;padding:5px 8px;font-size:.54rem}.project-notes-actions{gap:10px;margin-top:16px;display:flex}.project-notes-actions button,.project-notes-actions a{border:1px solid color-mix(in oklab, var(--outline) 40%, transparent);color:var(--accent-mint);font-family:var(--font-headline), sans-serif;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;background:0 0;align-items:center;gap:6px;padding:8px 12px;font-size:.58rem;text-decoration:none;display:inline-flex}.project-notes-actions button.primary,.project-notes-actions a.primary{background:var(--accent-green);color:#00210c;border-color:#0000;font-weight:700}.project-notes-hero-visual{border-top:1px solid color-mix(in oklab, var(--outline) 34%, transparent);background-color:#101411;background-position:50%;background-size:contain;min-height:220px}.project-notes-grid,.project-notes-top-left{grid-template-columns:1fr;gap:12px;display:grid}.project-notes-top-right-placeholder{border:1px solid color-mix(in oklab, var(--outline) 30%, transparent);background:color-mix(in oklab, var(--panel) 66%, transparent);border-left-width:4px;justify-content:center;align-items:center;min-height:100%;padding:16px;display:flex}.project-notes-sections{grid-template-columns:1fr;gap:12px;display:grid}.project-notes-panel{border-left:4px solid var(--accent-green);border:1px solid color-mix(in oklab, var(--outline) 30%, transparent);background:color-mix(in oklab, var(--panel) 66%, transparent);border-left-width:4px;padding:16px}.project-notes-panel h2{font-family:var(--font-headline), sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-mint);margin:0 0 10px;font-size:.76rem}.project-notes-panel p,.project-notes-panel li{color:color-mix(in oklab, var(--text-main) 82%, transparent);line-height:1.7}.project-notes-panel ul{gap:6px;margin:0;padding-left:18px;display:grid}.project-notes-tags{flex-wrap:wrap;gap:6px;display:flex}.project-notes-tags span{border-left:2px solid var(--accent-mint);background:color-mix(in oklab, var(--panel-strong) 58%, transparent);color:var(--accent-mint);font-family:var(--font-headline), sans-serif;letter-spacing:.12em;text-transform:uppercase;padding:5px 8px;font-size:.54rem}.project-notes-not-found{border:1px solid color-mix(in oklab, var(--outline) 30%, transparent);background:color-mix(in oklab, var(--panel) 66%, transparent);padding:20px}.project-notes-not-found button{background:var(--accent-green);color:#003919;font-family:var(--font-headline), sans-serif;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;border:none;margin-top:12px;padding:9px 12px;font-size:.58rem}@keyframes notes-enter{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media (width>=900px){.project-notes-hero{grid-template-columns:minmax(0,58%) minmax(0,42%)}.project-notes-hero-visual{border-top:none;border-left:1px solid color-mix(in oklab, var(--outline) 34%, transparent)}.project-notes-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-notes-grid.project-notes-grid-top{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch}.project-notes-sections{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.project-notes-shell{animation:none}}.edlc-hero-visual{background:#0a110d;flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:32px 24px;display:flex}.edlc-hero-stat{text-align:center}.edlc-hero-stat-number{font-family:var(--font-headline), sans-serif;color:var(--text-strong);letter-spacing:-.02em;font-size:2.8rem;font-weight:900;line-height:1;display:block}.edlc-stat-green{color:var(--accent-mint)}.edlc-stat-orange{color:var(--accent-orange)}.edlc-hero-stat-label{font-family:var(--font-headline), sans-serif;letter-spacing:.14em;text-transform:uppercase;color:color-mix(in oklab, var(--text-muted) 70%, transparent);margin-top:4px;font-size:.52rem;display:block}.edlc-hero-divider{background:color-mix(in oklab, var(--outline) 50%, transparent);width:32px;height:1px}.edlc-hero-infra{flex-direction:column;align-items:center;gap:2px;display:flex}.edlc-infra-label{font-family:var(--font-headline), sans-serif;letter-spacing:.2em;text-transform:uppercase;color:var(--accent-mint);margin-bottom:4px;font-size:.46rem}.edlc-hero-infra span:not(.edlc-infra-label){color:color-mix(in oklab, var(--text-muted) 70%, transparent);font-family:monospace;font-size:.62rem}.edlc-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.edlc-dot--done{background:var(--accent-mint)}.edlc-dot--partial{background:var(--accent-orange)}.edlc-dot--pending{background:color-mix(in oklab, var(--text-muted) 40%, transparent)}.edlc-arch-panel{overflow:hidden}.edlc-arch-grid{grid-template-columns:1fr;gap:16px;margin-top:8px;display:grid}.edlc-arch-arrow{display:none}.edlc-arch-col-title{font-family:var(--font-headline), sans-serif;letter-spacing:.14em;text-transform:uppercase;color:color-mix(in oklab, var(--text-muted) 70%, transparent);margin:0 0 8px;font-size:.58rem}.edlc-arch-node{border:1px solid color-mix(in oklab, var(--outline) 40%, transparent);background:color-mix(in oklab, var(--panel-strong) 50%, transparent);font-family:var(--font-headline), sans-serif;color:var(--text-strong);flex-direction:column;gap:4px;margin-bottom:8px;padding:10px 12px;font-size:.7rem;display:flex}.edlc-arch-node:last-child{margin-bottom:0}.edlc-arch-node span{font-family:var(--font-body), sans-serif;color:color-mix(in oklab, var(--text-muted) 75%, transparent);font-size:.62rem;line-height:1.5}.edlc-arch-node--primary{border-color:color-mix(in oklab, var(--accent-mint) 30%, transparent);background:color-mix(in oklab, var(--accent-mint) 6%, transparent)}.edlc-arch-node--future{opacity:.6;border-style:dashed}.edlc-section-header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:12px;display:flex}.edlc-section-title{font-family:var(--font-headline), sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-mint);margin:0;font-size:.76rem}.edlc-legend{flex-wrap:wrap;gap:14px;display:flex}.edlc-legend span{font-family:var(--font-headline), sans-serif;letter-spacing:.1em;text-transform:uppercase;color:color-mix(in oklab, var(--text-muted) 70%, transparent);align-items:center;gap:5px;font-size:.5rem;display:inline-flex}.edlc-modules-grid{grid-template-columns:1fr;gap:10px;display:grid}.edlc-module-card{border:1px solid color-mix(in oklab, var(--outline) 30%, transparent);border-left:4px solid color-mix(in oklab, var(--outline) 50%, transparent);background:color-mix(in oklab, var(--panel) 66%, transparent);flex-direction:column;gap:6px;padding:14px 16px;display:flex}.edlc-module-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.edlc-module-name{font-family:var(--font-headline), sans-serif;letter-spacing:.06em;color:var(--text-strong);font-size:.72rem;font-weight:700}.edlc-module-status-pair{flex-shrink:0;align-items:center;gap:4px;display:flex}.edlc-module-desc{color:color-mix(in oklab, var(--text-main) 80%, transparent);margin:0;font-size:.72rem;line-height:1.6}.edlc-module-highlight{color:var(--accent-orange);border:1px solid color-mix(in oklab, var(--accent-orange) 35%, transparent);background:color-mix(in oklab, var(--accent-orange) 8%, transparent);letter-spacing:.04em;width:fit-content;padding:2px 8px;font-family:monospace;font-size:.6rem;display:inline-block}.edlc-status-list{gap:7px;display:grid}.edlc-status-row{color:color-mix(in oklab, var(--text-main) 80%, transparent);align-items:center;gap:8px;font-size:.7rem;line-height:1.4;display:flex}.edlc-backlog{gap:6px;margin-bottom:14px;display:grid}.edlc-backlog-item{color:color-mix(in oklab, var(--text-main) 80%, transparent);align-items:flex-start;gap:8px;font-size:.7rem;line-height:1.5;display:flex}.edlc-backlog-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-top:5px}.edlc-backlog-item--high .edlc-backlog-dot{background:var(--accent-mint)}.edlc-backlog-item--medium .edlc-backlog-dot{background:var(--accent-orange)}.edlc-backlog-item--low .edlc-backlog-dot{background:color-mix(in oklab, var(--text-muted) 45%, transparent)}.edlc-backlog-legend{border-top:1px solid color-mix(in oklab, var(--outline) 30%, transparent);flex-wrap:wrap;gap:12px;margin-top:4px;padding-top:10px;display:flex}.edlc-backlog-legend span{font-family:var(--font-headline), sans-serif;letter-spacing:.1em;text-transform:uppercase;font-size:.5rem}.edlc-backlog-legend .edlc-backlog-item--high{color:var(--accent-mint)}.edlc-backlog-legend .edlc-backlog-item--medium{color:var(--accent-orange)}.edlc-backlog-legend .edlc-backlog-item--low{color:color-mix(in oklab, var(--text-muted) 60%, transparent)}@media (width>=640px){.edlc-modules-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=900px){.edlc-hero-visual{flex-flow:wrap;justify-content:space-around;padding:24px 32px}.edlc-hero-divider{width:1px;height:60px}.edlc-arch-grid{grid-template-columns:1fr auto 1fr auto 1fr;align-items:center}.edlc-arch-arrow{font-family:var(--font-headline), sans-serif;letter-spacing:.1em;text-transform:uppercase;color:color-mix(in oklab, var(--text-muted) 55%, transparent);white-space:nowrap;flex-direction:column;align-items:center;gap:4px;padding:0 8px;font-size:.48rem;display:flex}.edlc-arch-arrow-line{color:color-mix(in oklab, var(--outline) 80%, transparent);font-size:1.2rem}.edlc-modules-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.lw-hero-visual{background:#08080f;flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:32px 24px;display:flex}.lw-hero-stat{text-align:center}.lw-hero-stat-number{font-family:var(--font-headline), sans-serif;color:var(--text-strong);letter-spacing:-.02em;font-size:2.8rem;font-weight:900;line-height:1;display:block}.lw-stat-purple{color:#cc97ff}.lw-stat-green{color:var(--accent-mint)}.lw-hero-stat-label{font-family:var(--font-headline), sans-serif;letter-spacing:.14em;text-transform:uppercase;color:color-mix(in oklab, var(--text-muted) 70%, transparent);margin-top:4px;font-size:.52rem;display:block}.lw-hero-divider{background:color-mix(in oklab, var(--outline) 50%, transparent);width:32px;height:1px}.lw-hero-infra{flex-direction:column;align-items:center;gap:2px;display:flex}.lw-infra-label{font-family:var(--font-headline), sans-serif;letter-spacing:.2em;text-transform:uppercase;color:#cc97ff;margin-bottom:4px;font-size:.46rem}.lw-hero-infra span:not(.lw-infra-label){color:color-mix(in oklab, var(--text-muted) 70%, transparent);font-family:monospace;font-size:.62rem}.lw-section-header{align-items:baseline;gap:16px;margin-bottom:16px;display:flex}.lw-section-title{font-family:var(--font-headline), sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--text-muted);font-size:.72rem;font-weight:700}.lw-platforms-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;display:grid}.lw-platform-card{background:var(--surface-container);border-radius:6px;flex-direction:column;gap:12px;padding:18px;display:flex}.lw-platform-header{align-items:center;gap:10px;display:flex}.lw-platform-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.lw-platform-name{font-family:var(--font-headline), sans-serif;letter-spacing:.06em;text-transform:uppercase;font-size:.85rem;font-weight:700}.lw-platform-input{flex-direction:column;gap:4px;display:flex}.lw-platform-input-label{font-family:var(--font-headline), sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--text-muted);font-size:.48rem}.lw-platform-input code{color:var(--text-secondary);background:color-mix(in oklab, var(--surface-base) 60%, transparent);word-break:break-all;border-radius:3px;padding:3px 6px;font-family:monospace;font-size:.7rem}.lw-platform-stats{flex-direction:column;gap:6px;display:flex}.lw-platform-stats-label{font-family:var(--font-headline), sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--text-muted);font-size:.48rem}.lw-platform-stats ul{flex-direction:column;gap:3px;margin:0;padding:0;list-style:none;display:flex}.lw-platform-stats ul li{font-family:var(--font-body), sans-serif;color:var(--text-secondary);padding-left:10px;font-size:.78rem;position:relative}.lw-platform-stats ul li:before{content:"·";color:var(--text-muted);position:absolute;left:0}.lw-platform--google{border-top:2px solid #4285f430}.lw-platform--instagram{border-top:2px solid #e1306c30}.lw-platform--spotify{border-top:2px solid #1db95430}.lw-platform--netflix{border-top:2px solid #e5091430}.lw-platform--steam{border-top:2px solid #c7d5e030}.lw-arch-panel{grid-column:1/-1}.lw-arch-grid{grid-template-columns:1fr auto 1fr auto 1fr;align-items:start;gap:12px;margin-top:16px;display:grid;overflow-x:auto}.lw-arch-col{flex-direction:column;gap:10px;display:flex}.lw-arch-col-title{font-family:var(--font-headline), sans-serif;letter-spacing:.2em;text-transform:uppercase;color:#cc97ff;margin-bottom:4px;font-size:.52rem;font-weight:700}.lw-arch-node{background:var(--surface-container);font-family:var(--font-headline), sans-serif;color:var(--text-strong);border-radius:4px;flex-direction:column;gap:4px;padding:12px 14px;font-size:.8rem;font-weight:600;display:flex}.lw-arch-node span{font-family:var(--font-body), sans-serif;color:var(--text-muted);font-size:.7rem;font-weight:400}.lw-arch-node--primary{border-left:2px solid #cc97ff60}.lw-arch-node--deploy{background:color-mix(in oklab, var(--surface-container) 60%, transparent);color:var(--text-muted);font-family:monospace;font-size:.72rem;font-weight:400}.lw-arch-arrow{flex-direction:column;justify-content:center;align-items:center;gap:4px;min-width:60px;padding-top:32px;display:flex}.lw-arch-arrow span:first-child{color:var(--text-muted);text-align:center;font-family:monospace;font-size:.6rem}.lw-arch-arrow-line{color:color-mix(in oklab, var(--outline) 80%, transparent);font-size:1.2rem}.lw-privacy-panel{border-top:2px solid #cc97ff25}.project-notes-action-link{font-family:var(--font-headline), sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary);background:var(--surface-container);border:1px solid var(--outline);border-radius:4px;align-items:center;gap:6px;padding:8px 14px;font-size:.72rem;font-weight:600;text-decoration:none;transition:color .15s,border-color .15s;display:inline-flex}.project-notes-action-link:hover{color:var(--text-strong);border-color:#cc97ff60}@media (width<=900px){.lw-arch-grid{grid-template-columns:1fr}.lw-arch-arrow{flex-direction:row;padding-top:0;padding-left:8px}.lw-arch-arrow-line{transform:rotate(90deg)}.lw-platforms-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}.blog-post-page{background-color:#0b0f0c;background-image:radial-gradient(circle at 2px 2px,#272b2726 1px,#0000 0);background-size:24px 24px;min-height:100vh;padding:96px 24px;position:relative}.blog-post-shell{z-index:1;gap:18px;max-width:1220px;margin:0 auto;animation:.36s ease-out blog-post-enter;display:grid;position:relative}.blog-post-hero{border:1px solid color-mix(in oklab, var(--outline) 30%, transparent);background:color-mix(in oklab, var(--panel) 68%, transparent);border-left-width:4px;grid-template-columns:1fr;display:grid}.blog-post-hero-copy{flex-direction:column;align-items:flex-start;padding:20px;display:flex}.blog-post-hero-copy small{font-family:var(--font-headline), sans-serif;letter-spacing:.18em;text-transform:uppercase;margin-bottom:10px;font-size:.58rem;display:block}.blog-post-tag{font-family:var(--font-headline), sans-serif;letter-spacing:.2em;text-transform:uppercase;border:1px solid;margin-bottom:10px;padding:4px 10px;font-size:10px;font-weight:700;display:inline-block}.blog-post-hero-copy h1{color:var(--text-strong);font-family:var(--font-headline), sans-serif;margin:0 0 10px;font-size:clamp(1.8rem,4vw,3rem);line-height:1.08}.blog-post-hero-meta{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.blog-post-hero-meta span{background:color-mix(in oklab, var(--panel-strong) 58%, transparent);font-family:var(--font-headline), sans-serif;letter-spacing:.12em;text-transform:uppercase;border-left:2px solid;padding:5px 8px;font-size:.54rem}.blog-post-actions{gap:10px;margin-top:16px;display:flex}.blog-post-actions button{border:1px solid color-mix(in oklab, var(--outline) 40%, transparent);font-family:var(--font-headline), sans-serif;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;background:0 0;align-items:center;gap:6px;padding:8px 12px;font-size:.58rem;transition:background .2s,border-color .2s;display:inline-flex}.blog-post-actions button:hover{background:color-mix(in oklab, var(--panel-strong) 60%, transparent)}.blog-post-hero-visual{border-top:1px solid color-mix(in oklab, var(--outline) 34%, transparent);background:var(--bg-elevated);justify-content:center;align-items:center;min-height:200px;display:flex;position:relative;overflow:hidden}.blog-post-cover-pattern{pointer-events:none;position:absolute;inset:0}.blog-post-cover-glyph{z-index:1;opacity:.85;filter:drop-shadow(0 0 32px);justify-content:center;align-items:center;display:flex;position:relative}.blog-post-panel{border:1px solid color-mix(in oklab, var(--outline) 30%, transparent);background:color-mix(in oklab, var(--panel) 66%, transparent);border-left-width:4px;padding:16px 20px}.blog-post-panel h2{font-family:var(--font-headline), sans-serif;letter-spacing:.14em;text-transform:uppercase;margin:0 0 12px;font-size:.76rem}.blog-post-panel p{color:color-mix(in oklab, var(--text-main) 82%, transparent);margin:0 0 12px;font-size:.95rem;line-height:1.75}.blog-post-panel p:last-child{margin-bottom:0}.blog-post-panel--intro{background:color-mix(in oklab, var(--panel) 80%, transparent)}.blog-post-panel--intro p{font-size:1.05rem;line-height:1.82}.blog-post-panel--takeaway{background:color-mix(in oklab, var(--panel-strong) 82%, transparent)}.blog-post-sections{grid-template-columns:1fr;gap:12px;display:grid}.blog-post-takeaway-label{font-family:var(--font-headline), sans-serif;letter-spacing:.18em;text-transform:uppercase;margin-bottom:10px;font-size:.7rem;font-weight:700;display:block}.blog-post-nav{grid-template-columns:1fr;gap:12px;display:grid}.blog-post-nav-label{font-family:var(--font-headline), sans-serif;letter-spacing:.18em;text-transform:uppercase;color:var(--text-muted);grid-column:1/-1;margin-bottom:4px;font-size:.58rem;display:block}.blog-post-nav-item{background:color-mix(in oklab, var(--panel) 66%, transparent);border:1px solid color-mix(in oklab, var(--outline) 30%, transparent);cursor:pointer;text-align:left;transition:transform .3s var(--ease-out-emphasized), box-shadow .3s var(--ease-out-emphasized);border-left-width:3px;align-items:center;gap:12px;width:100%;padding:14px 16px;display:flex}.blog-post-nav-item:hover{box-shadow:var(--shadow-card-hover);transform:translate(4px)}.blog-post-nav-id{font-family:var(--font-headline), sans-serif;letter-spacing:.16em;text-transform:uppercase;flex-shrink:0;font-size:10px}.blog-post-nav-title{font-family:var(--font-headline), sans-serif;color:var(--text-strong);text-align:left;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.88rem;overflow:hidden}.blog-post-nav-arrow{color:var(--text-muted);flex-shrink:0}.blog-post-not-found{border:1px solid color-mix(in oklab, var(--outline) 30%, transparent);background:color-mix(in oklab, var(--panel) 66%, transparent);padding:28px 24px}.blog-post-not-found small{color:var(--accent-orange);font-family:var(--font-headline), sans-serif;letter-spacing:.18em;text-transform:uppercase;margin-bottom:8px;font-size:.58rem;display:block}.blog-post-not-found h1{color:var(--text-strong);font-family:var(--font-headline), sans-serif;margin:0 0 10px;font-size:clamp(1.6rem,3vw,2.2rem)}.blog-post-not-found p{color:color-mix(in oklab, var(--text-main) 80%, transparent);margin:0 0 16px;line-height:1.7}.blog-post-not-found button{background:var(--accent-green);color:#003919;font-family:var(--font-headline), sans-serif;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;border:none;align-items:center;gap:6px;padding:9px 14px;font-size:.58rem;font-weight:700;display:inline-flex}@keyframes blog-post-enter{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media (width>=900px){.blog-post-hero{grid-template-columns:minmax(0,58%) minmax(0,42%)}.blog-post-hero-visual{border-top:none;border-left:1px solid color-mix(in oklab, var(--outline) 34%, transparent);min-height:300px}.blog-post-sections{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-post-sections article:last-child:nth-child(odd){grid-column:1/-1}.blog-post-nav{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.blog-post-shell{animation:none}.blog-post-nav-item{transition:none}}.blog-archive-page{background-color:#0b0f0c;background-image:radial-gradient(circle at 2px 2px,#272b2726 1px,#0000 0);background-size:24px 24px;min-height:100vh;padding:96px 24px;position:relative}.blog-archive-shell{z-index:1;gap:18px;max-width:1220px;margin:0 auto;animation:.36s ease-out blog-archive-enter;display:grid;position:relative}.blog-archive-header{flex-direction:column;gap:0;display:flex}.blog-archive-back{border:1px solid color-mix(in oklab, var(--outline) 40%, transparent);color:var(--accent-green);font-family:var(--font-headline), sans-serif;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;background:0 0;align-self:flex-start;align-items:center;gap:6px;margin-bottom:24px;padding:8px 12px;font-size:.58rem;transition:background .2s;display:inline-flex}.blog-archive-back:hover{background:color-mix(in oklab, var(--accent-green) 8%, transparent)}.blog-archive-eyebrow{font-family:var(--font-headline), sans-serif;letter-spacing:.22em;text-transform:uppercase;color:var(--accent-mint);margin:0 0 8px;font-size:.66rem;font-weight:700}.blog-archive-title{font-family:var(--font-headline), sans-serif;letter-spacing:-.04em;color:var(--text-strong);margin:0 0 12px;font-size:clamp(2rem,5vw,3.8rem);line-height:.95}.blog-archive-title .accent-green{color:var(--accent-green)}.blog-archive-count{font-family:var(--font-headline), sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);font-size:.7rem}.blog-archive-list{flex-direction:column;gap:14px;display:flex}.blog-archive-card{background:color-mix(in oklab, var(--panel) 68%, transparent);border:1px solid color-mix(in oklab, var(--outline) 30%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;transition:transform .3s var(--ease-out-emphasized), box-shadow .3s var(--ease-out-emphasized);border-left-width:4px;align-items:stretch;display:flex;overflow:hidden}.blog-archive-card:hover{box-shadow:var(--shadow-card-hover);transform:translate(5px)}.blog-archive-card-visual{background:var(--bg-elevated);border-right:1px solid color-mix(in oklab, var(--outline) 25%, transparent);flex-shrink:0;justify-content:center;align-items:center;width:100px;display:flex;position:relative;overflow:hidden}.blog-archive-card-pattern{pointer-events:none;position:absolute;inset:0}.blog-archive-card-glyph{z-index:1;opacity:.8;filter:drop-shadow(0 0 12px);justify-content:center;align-items:center;display:flex;position:relative}.blog-archive-card-body{flex-direction:column;flex:1;gap:8px;min-width:0;padding:18px 20px;display:flex}.blog-archive-meta-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.blog-archive-id{font-family:var(--font-headline), sans-serif;letter-spacing:.16em;text-transform:uppercase;font-size:11px}.blog-archive-date{font-family:var(--font-headline), sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);font-size:10px}.blog-archive-tag{font-family:var(--font-headline), sans-serif;letter-spacing:.2em;text-transform:uppercase;border:1px solid;align-self:flex-start;padding:3px 9px;font-size:9px;font-weight:700;display:inline-block}.blog-archive-card-title{font-family:var(--font-headline), sans-serif;color:var(--text-strong);letter-spacing:-.02em;margin:0;font-size:1.15rem;font-weight:700;line-height:1.25}.blog-archive-card-excerpt{color:color-mix(in oklab, var(--text-main) 78%, transparent);margin:0;font-size:.9rem;line-height:1.65}.blog-archive-read-row{align-items:center;gap:8px;margin-top:4px;display:flex}.blog-archive-read-time{font-family:var(--font-headline), sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--text-muted);align-items:center;gap:5px;font-size:10px;display:flex}.blog-archive-cta{font-family:var(--font-headline), sans-serif;letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:4px;margin-left:auto;font-size:11px;font-weight:700;display:inline-flex}.blog-archive-featured-badge{font-family:var(--font-headline), sans-serif;letter-spacing:.2em;text-transform:uppercase;background:color-mix(in oklab, var(--bg-base) 70%, transparent);border:1px solid;align-self:flex-start;padding:3px 9px;font-size:9px;font-weight:700;display:inline-block}@keyframes blog-archive-enter{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media (width<=600px){.blog-archive-card-visual{display:none}}@media (prefers-reduced-motion:reduce){.blog-archive-shell{animation:none}.blog-archive-card{transition:none}}