/*! EFury Labs | generated by scripts/build-css.py from css/style.css | do not edit - edit the source files and rebuild */
@font-face{font-family:'Inter';font-style:normal;font-display:swap;font-weight:100 900;src:url('../assets/fonts/inter-latin-wght-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Inter';font-style:normal;font-display:swap;font-weight:100 900;src:url('../assets/fonts/inter-latin-ext-wght-normal.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Inter';font-style:normal;font-display:swap;font-weight:100 900;src:url('../assets/fonts/inter-greek-wght-normal.woff2') format('woff2');unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:'JetBrains Mono';font-style:normal;font-display:swap;font-weight:100 800;src:url('../assets/fonts/jetbrains-mono-latin-wght-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'JetBrains Mono';font-style:normal;font-display:swap;font-weight:100 800;src:url('../assets/fonts/jetbrains-mono-latin-ext-wght-normal.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'JetBrains Mono';font-style:normal;font-display:swap;font-weight:100 800;src:url('../assets/fonts/jetbrains-mono-greek-wght-normal.woff2') format('woff2');unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:'Inter Fallback';src:local('Arial'),local('Helvetica'),local('Liberation Sans');size-adjust:107.12%;ascent-override:90.44%;descent-override:22.52%;line-gap-override:0%}@font-face{font-family:'JetBrains Mono Fallback';src:local('Courier New'),local('Liberation Mono');size-adjust:100%;ascent-override:102%;descent-override:30%;line-gap-override:0%}:root{color-scheme:light;--efury-blue:#2563eb;--efury-blue-light:#2563eb;--efury-blue-dark:#1e40af;--efury-blue-glow:rgba(37,99,235,0.16);--efury-blue-subtle:rgba(37,99,235,0.08);--efury-magenta:#c026d3;--efury-magenta-glow:rgba(192,38,211,0.08);--efury-green:#15803d;--efury-amber:#b45309;--efury-red:#dc2626;--vivid-blue:#2563eb;--vivid-violet:#7c3aed;--vivid-pink:#db2777;--vivid-fuchsia:#c026d3;--vivid-orange:#ea580c;--vivid-amber:#c96f06;--vivid-green:#059669;--vivid-cyan:#0891b2;--vivid-red:#e5002d;--hl-yellow:#fde047;--hl-mark:rgba(253,224,71,0.7);--bg-deep:#f3f5fa;--bg-primary:#ffffff;--bg-surface:#ffffff;--bg-elevated:#f1f4f9;--bg-hover:#e8edf5;--text-primary:#0b1220;--text-secondary:#3f4a5c;--text-tertiary:#556072;--text-muted:#606b7c;--text-inverse:#ffffff;--line-soft:rgba(11,18,32,0.06);--line:rgba(11,18,32,0.09);--line-strong:rgba(11,18,32,0.16);--border-default:1px solid var(--line);--border-subtle:1px solid var(--line-strong);--border-medium:1px solid rgba(11,18,32,0.22);--border-blue:1px solid rgba(37,99,235,0.28);--border-focus:1px solid var(--efury-blue);--header-bg:rgba(255,255,255,0.82);--header-bg-solid:#ffffff;--footer-bg:#edf1f7;--card-hover-bg:#fbfcff;--band-tint:#eef3ff;--tile-bg:#eef3ff;--overlay:rgba(11,18,32,0.45);--gradient-blue:var(--efury-blue);--gradient-accent:var(--efury-blue);--accent:#2563eb;--accent-hover:#1d4ed8;--accent-press:#1e40af;--accent-text:#1d4ed8;--accent-tint:rgba(37,99,235,0.08);--accent-line:rgba(37,99,235,0.28);--gradient-subtle:var(--accent-tint);--gradient-bg:var(--bg-deep);--font-sans:'Inter','Inter Fallback',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--font-mono:'JetBrains Mono','JetBrains Mono Fallback','Fira Code','Consolas',monospace;--text-xs:0.75rem;--text-sm:0.8125rem;--text-base:0.9375rem;--text-md:1.0625rem;--text-lg:1.25rem;--text-xl:1.5rem;--text-2xl:2rem;--text-3xl:2.75rem;--text-hero:clamp(2.5rem,6vw,4.5rem);--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-extrabold:800;--leading-tight:1.15;--leading-normal:1.6;--leading-relaxed:1.75;--tracking-tight:-0.03em;--tracking-normal:0;--tracking-wide:0.08em;--tracking-wider:0.12em;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--max-width:1200px;--max-width-narrow:800px;--max-width-reading:680px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--shadow-sm:0 1px 2px rgba(11,18,32,0.06);--shadow-md:0 1px 2px rgba(11,18,32,0.04),0 12px 30px -12px rgba(11,18,32,0.16);--shadow-lg:0 1px 3px rgba(11,18,32,0.06),0 30px 70px -24px rgba(11,18,32,0.28);--shadow-glow-blue:0 10px 30px -10px rgba(37,99,235,0.35);--shadow-glow-magenta:0 10px 30px -10px rgba(192,38,211,0.3);--layer-a:#f5f7fb;--layer-b:#ffffff;--layer-b-edge:rgba(11,18,32,0.06);--layer-c-line:rgba(11,18,32,0.05);--layer-c-dot:rgba(11,18,32,0.14);--layer-c-cell:64px;--layer-c-dot-gap:22px;--layer-d-bg:rgba(255,255,255,0.72);--layer-d-border:rgba(11,18,32,0.08);--layer-d-highlight:0 1px 2px rgba(11,18,32,0.04),0 10px 26px -16px rgba(11,18,32,0.16);--layer-e-blue:rgba(37,99,235,0.12);--layer-e-blue-soft:rgba(37,99,235,0.06);--layer-e-magenta:rgba(219,39,119,0.07);--layer-f-strip:linear-gradient(90deg,var(--vivid-blue) 0 40%,var(--hl-yellow) 40% 55%,var(--vivid-pink) 55% 70%,var(--vivid-green) 70% 100%);--noise-opacity:0.022;--header-h:70px;--rhythm-page-head-top:calc(var(--header-h) + clamp(3.5rem,8vw,6.5rem));--rhythm-page-head-bottom:clamp(3rem,6vw,4.5rem);--rhythm-tight:clamp(2.25rem,4vw,3rem);--rhythm-standard:clamp(4rem,7vw,5.5rem);--rhythm-major:clamp(5rem,10vw,8rem);--rhythm-cta:clamp(6.5rem,14vw,11rem);--ease-fast:0.15s ease;--ease-base:0.25s ease;--ease-slow:0.4s ease;--ease-spring:0.45s cubic-bezier(0.22,1,0.36,1)}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:80px}body{min-height:100vh;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}ul,ol{list-style:none}a{text-decoration:none;color:inherit}img,svg,video,canvas{max-width:100%;height:auto;display:block}button,input,textarea,select{font:inherit;color:inherit;background:none;border:none;outline:none}button{cursor:pointer}table{border-collapse:collapse}::selection{background:var(--efury-blue);color:white}body{font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--weight-regular);line-height:var(--leading-normal);color:var(--text-primary);background:var(--layer-a)}h1,h2,h3,h4,h5,h6{font-weight:var(--weight-bold);line-height:var(--leading-tight);color:var(--text-primary)}h1{font-size:var(--text-hero);font-weight:var(--weight-extrabold);letter-spacing:var(--tracking-tight)}h2{font-size:var(--text-2xl);letter-spacing:var(--tracking-tight)}h3{font-size:var(--text-xl)}h4{font-size:var(--text-lg)}p{color:var(--text-secondary);font-size:var(--text-md);line-height:var(--leading-relaxed)}a{color:var(--efury-blue-light);transition:color var(--ease-fast)}a:hover{color:var(--efury-blue)}code,pre{font-family:var(--font-mono);font-size:0.9em}code{padding:2px 8px;background:var(--bg-elevated);border:var(--border-default);border-radius:var(--radius-sm);color:var(--efury-blue-light)}pre{padding:var(--space-6);background:var(--bg-deep);border:var(--border-default);border-radius:var(--radius-md);overflow-x:auto;line-height:1.6}pre code{padding:0;background:none;border:none}.overline{font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--efury-blue-light)}.text-accent,.text-gradient,.text-gradient-blue{color:var(--accent-text);-webkit-text-fill-color:currentColor;background:none}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.max-narrow{max-width:var(--max-width-narrow);margin:0 auto}.max-reading{max-width:var(--max-width-reading);margin:0 auto}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mt-12{margin-top:var(--space-12)}.mt-16{margin-top:var(--space-16)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.section{padding:var(--space-20) 0}.section-sm{padding:var(--space-12) 0}.flex{display:flex}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-col{flex-direction:column}.gap-2{gap:var(--space-2)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.divider{border:none;height:1px;background:var(--line);margin:var(--space-16) 0}body::after{content:"";position:fixed;inset:0;z-index:1;pointer-events:none;opacity:var(--noise-opacity);mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.9 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:160px 160px}.layer-raised,.tex-grid,.tex-dots,.glow{position:relative;isolation:isolate}.tex-grid::before,.tex-dots::before,.glow::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none}.layer-raised{background-color:var(--layer-b);box-shadow:inset 0 1px 0 var(--layer-b-edge),inset 0 -1px 0 var(--line-soft)}.tex-grid::before{background-image:linear-gradient(var(--layer-c-line) 1px,transparent 1px),linear-gradient(90deg,var(--layer-c-line) 1px,transparent 1px);background-size:var(--layer-c-cell) var(--layer-c-cell);background-position:center top;-webkit-mask-image:var(--tex-mask,radial-gradient(ellipse 70% 80% at 50% 0%,#000 25%,transparent 75%));mask-image:var(--tex-mask,radial-gradient(ellipse 70% 80% at 50% 0%,#000 25%,transparent 75%))}.tex-dots::before{background-image:radial-gradient(var(--layer-c-dot) 1px,transparent 1.5px);background-size:var(--layer-c-dot-gap) var(--layer-c-dot-gap);background-position:center center;-webkit-mask-image:var(--tex-mask,radial-gradient(ellipse 60% 70% at 50% 50%,#000 10%,transparent 70%));mask-image:var(--tex-mask,radial-gradient(ellipse 60% 70% at 50% 50%,#000 10%,transparent 70%))}.glow::after{background:radial-gradient(var(--glow-size,60% 55%) at var(--glow-pos,50% 0%),var(--glow-color,var(--layer-e-blue)),transparent 70%)}.glow--hero{--glow-size:55% 65%;--glow-pos:18% 30%}.glow--hero::after{background:radial-gradient(55% 65% at 18% 30%,var(--layer-e-blue),transparent 70%),radial-gradient(35% 40% at 92% 85%,var(--layer-e-magenta),transparent 70%)}.glow--center{--glow-size:50% 55%;--glow-pos:50% 55%;--glow-color:var(--layer-e-blue-soft)}.glow--cta::after{background:radial-gradient(45% 60% at 50% 100%,var(--layer-e-blue),transparent 70%),radial-gradient(25% 35% at 62% 100%,var(--layer-e-magenta),transparent 70%)}.accent-strip{background-image:var(--layer-f-strip);background-size:100% 3px;background-repeat:no-repeat;background-position:top center}.rhythm-tight{padding-block:var(--rhythm-tight)}.rhythm-standard{padding-block:var(--rhythm-standard)}.rhythm-major{padding-block:var(--rhythm-major)}.rhythm-cta{padding-block:var(--rhythm-cta)}.rhythm-join{padding-top:var(--rhythm-tight)}.about-hero,.learn-hero,.projects-hero,.videos-hero,.contact-hero{position:relative;isolation:isolate;box-shadow:inset 0 -1px 0 var(--line)}.about-hero::before,.learn-hero::before,.projects-hero::before,.videos-hero::before,.contact-hero::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(var(--layer-c-line) 1px,transparent 1px),linear-gradient(90deg,var(--layer-c-line) 1px,transparent 1px);background-size:var(--layer-c-cell) var(--layer-c-cell);background-position:center top;-webkit-mask-image:radial-gradient(ellipse 60% 90% at 50% 10%,#000 20%,transparent 72%);mask-image:radial-gradient(ellipse 60% 90% at 50% 10%,#000 20%,transparent 72%)}.about-hero::after,.learn-hero::after,.projects-hero::after,.videos-hero::after,.contact-hero::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(45% 70% at 50% 0%,var(--page-glow,var(--layer-e-blue-soft)),transparent 72%)}.contact-hero{--page-glow:rgba(219,39,119,0.09)}main > .about-hero,main > .learn-hero,main > .projects-hero,main > .videos-hero,main > .contact-hero{padding:var(--rhythm-page-head-top) 0 var(--rhythm-page-head-bottom)}main > .section-sm{padding-top:var(--rhythm-standard);padding-bottom:var(--rhythm-standard)}main > .section-sm:last-child{padding-bottom:var(--rhythm-major)}.panel-glow{position:relative;isolation:isolate}.panel-glow::before{content:"";position:absolute;inset:-12% -18%;z-index:-1;pointer-events:none;background:radial-gradient(50% 50% at 50% 50%,var(--panel-glow,var(--layer-e-blue-soft)),transparent 70%)}@media (max-width:768px){:root{--layer-c-cell:44px;--layer-c-dot-gap:18px}.glow--hero::after{background:radial-gradient(90% 50% at 20% 25%,var(--layer-e-blue),transparent 70%),radial-gradient(60% 30% at 95% 90%,var(--layer-e-magenta),transparent 70%)}.glow--cta::after{background:radial-gradient(90% 55% at 50% 100%,var(--layer-e-blue),transparent 70%)}}.section-downloads{--tex-mask:radial-gradient(ellipse 70% 60% at 50% 70%,#000 10%,transparent 72%)}.contact-grid .panel-glow{--panel-glow:rgba(219,39,119,0.1)}.philosophy-grid.tex-dots::before{inset:-3rem -2rem}main{overflow-x:clip}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 var(--space-6)}.container--narrow{max-width:var(--max-width-narrow)}@media (max-width:640px){.container{padding:0 var(--space-4)}}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-6)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-6)}.grid-auto{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-6)}@media (max-width:768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.site-header{position:fixed;top:0;left:0;right:0;z-index:1000;padding:var(--space-4) 0;background:var(--header-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:var(--border-default);transition:border-color var(--ease-base),box-shadow var(--ease-base)}.site-header.scrolled{border-bottom-color:var(--line-strong);box-shadow:0 6px 20px -14px rgba(11,18,32,0.25)}.header-inner{display:flex;align-items:center;justify-content:space-between}.site-logo{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--text-primary);transition:opacity var(--ease-fast)}.site-logo:hover{opacity:0.8}.site-logo .logo-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--accent);box-shadow:inset 0 1px 0 rgba(255,255,255,0.2);border-radius:var(--radius-md);font-size:var(--text-base);font-weight:var(--weight-extrabold);color:white}.site-logo .logo-icon--seg{background:#0b1220;border-radius:8px;box-shadow:inset 0 0 0 1px rgba(255,255,255,0.06),inset 0 -6px 10px rgba(0,0,0,0.35),0 1px 2px rgba(11,18,32,0.25)}.seg-display{width:100%;height:100%;display:block;overflow:visible}.seg-display .seg-off{fill:rgba(96,165,250,0.13)}.seg-display .seg-on{fill:#6cb4ff;filter:drop-shadow(0 0 0.8px #93c5fd) drop-shadow(0 0 2.5px rgba(59,130,246,0.9))}.site-logo .logo-text span{color:var(--efury-blue-light)}.nav-links{display:flex;align-items:center;gap:var(--space-1)}.nav-links a{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-tertiary);border-radius:var(--radius-sm);transition:all var(--ease-fast)}.nav-links a:hover{color:var(--text-primary);background:var(--bg-elevated)}.nav-links a.active{color:var(--efury-blue-light);background:var(--efury-blue-subtle)}.menu-toggle{display:none;flex-direction:column;gap:5px;padding:var(--space-2)}.menu-toggle span{width:22px;height:2px;background:var(--text-primary);border-radius:2px;transition:var(--ease-base)}@media (max-width:900px){.menu-toggle{display:flex}.nav-links{position:fixed;top:65px;left:0;right:0;flex-direction:column;padding:var(--space-6);background:var(--header-bg-solid);box-shadow:0 20px 40px -24px rgba(11,18,32,0.3);backdrop-filter:blur(20px);border-bottom:var(--border-default);transform:translateY(-120%);transition:transform var(--ease-base);gap:var(--space-1)}.nav-links.open{transform:translateY(0)}.nav-links a{padding:var(--space-3) var(--space-4);font-size:var(--text-base);width:100%}}nav{margin-left:auto}.header-subscribe{display:inline-flex;align-items:center;gap:6px;height:34px;margin-left:var(--space-3);padding:0 var(--space-4) 0 var(--space-3);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:#fff;background:var(--vivid-red);border-radius:var(--radius-sm);box-shadow:inset 0 1px 0 rgba(255,255,255,0.16);white-space:nowrap;transition:background-color var(--ease-fast),transform var(--ease-fast)}.header-subscribe:hover{color:#fff;background:#c80027}.header-subscribe:active{transform:translateY(1px)}.header-subscribe:focus-visible{outline:2px solid var(--accent-text);outline-offset:2px}.header-subscribe .icon{width:14px;height:14px}@media (max-width:1180px){.header-subscribe{width:34px;padding:0;justify-content:center;margin-left:var(--space-2)}.header-subscribe span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}}@media (max-width:900px){.header-subscribe{margin-left:auto;margin-right:var(--space-2)}}.site-footer{position:relative;border-top:1px solid var(--line);background:var(--footer-bg)}.footer-band{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"brand nav social";align-items:center;column-gap:var(--space-10);padding:var(--space-7,1.75rem) 0}.footer-brand{grid-area:brand;display:flex;align-items:center;gap:var(--space-4);min-width:0}.footer-brand .site-logo{flex-shrink:0}.footer-tagline{padding-left:var(--space-4);border-left:1px solid var(--line);font-family:var(--font-mono);font-size:11px;font-weight:var(--weight-medium);letter-spacing:0.14em;text-transform:uppercase;white-space:nowrap;color:var(--text-tertiary)}.footer-tagline span{color:var(--accent-text)}.footer-nav{grid-area:nav;justify-self:stretch;width:auto;margin:0;display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2) var(--space-6)}.footer-nav a{position:relative;padding:var(--space-1) 0;font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-secondary);transition:color var(--ease-fast)}.footer-nav a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform var(--ease-base)}.footer-nav a:hover{color:var(--text-primary)}.footer-nav a:hover::after{transform:scaleX(1)}.footer-nav a[aria-current="page"]{color:var(--accent-text)}.footer-social{grid-area:social;display:flex;gap:var(--space-2)}.footer-social a{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--line);border-radius:10px;background:var(--bg-surface);color:var(--text-secondary);transition:color var(--ease-fast),border-color var(--ease-fast),transform var(--ease-fast)}.footer-social a[hidden]{display:none}.footer-social a:hover{color:var(--text-primary);border-color:var(--line-strong,rgba(15,23,42,0.2));transform:translateY(-1px)}.footer-social svg{width:17px;height:17px}.footer-bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-2) var(--space-6);padding:var(--space-4) 0 var(--space-5);border-top:1px solid var(--line)}.footer-bottom p{font-size:var(--text-xs);color:var(--text-muted)}.footer-top{font-family:var(--font-mono);font-size:11px;letter-spacing:0.08em;text-transform:uppercase;color:var(--text-tertiary);transition:color var(--ease-fast)}.footer-top:hover{color:var(--accent-text)}@media (max-width:1024px){.footer-band{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"brand social" "nav   nav";row-gap:var(--space-5);padding:var(--space-6) 0 var(--space-5)}.footer-nav{justify-content:flex-start}}@media (max-width:640px){.footer-band{column-gap:var(--space-4)}.footer-brand{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.footer-tagline{padding-left:0;border-left:0}.footer-nav{gap:var(--space-2) var(--space-4)}.footer-nav a{font-size:13.5px}.footer-social a{width:34px;height:34px}.footer-bottom{flex-direction:column;align-items:flex-start;gap:var(--space-1)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:12px 24px;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--weight-semibold);transition:all var(--ease-base);cursor:pointer;border:none;white-space:nowrap}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-primary,.btn-gradient{color:#fff;background:var(--accent);box-shadow:inset 0 1px 0 rgba(255,255,255,0.18),0 1px 2px rgba(11,18,32,0.18)}.btn-primary:hover,.btn-gradient:hover{color:#fff;background:var(--accent-hover);box-shadow:inset 0 1px 0 rgba(255,255,255,0.14),0 8px 20px -8px rgba(37,99,235,0.5)}.btn-primary:active,.btn-gradient:active{background:var(--accent-press)}.btn-outline{color:var(--text-primary);border:var(--border-subtle);background:transparent}.btn-outline:hover{border-color:var(--efury-blue);color:var(--efury-blue-light);background:var(--efury-blue-subtle)}.btn-ghost{color:var(--text-secondary);background:transparent}.btn-ghost:hover{color:var(--text-primary);background:var(--bg-elevated)}.btn-youtube{color:#fff;background:var(--vivid-red);box-shadow:inset 0 1px 0 rgba(255,255,255,0.16)}.btn-youtube:hover{color:#fff;background:#c80027}.btn:focus-visible{outline:2px solid var(--accent-text);outline-offset:3px}.btn .icon{width:16px;height:16px;flex-shrink:0}.btn-sm{padding:8px 16px;font-size:var(--text-xs)}.btn-lg{padding:16px 32px;font-size:var(--text-base)}.card{position:relative;padding:var(--space-8);border:var(--border-default);border-radius:var(--radius-lg);background:var(--bg-surface);box-shadow:var(--layer-d-highlight);transition:border-color var(--ease-base),background-color var(--ease-base)}.card h3{margin-bottom:var(--space-2)}.card p{font-size:var(--text-sm);color:var(--text-tertiary)}.card--glow:hover{border-color:rgba(37,99,235,0.24);background-color:var(--card-hover-bg)}.card-icon{font-size:1.75rem;line-height:1;margin-bottom:var(--space-4)}.project-card{padding:0;overflow:hidden;transition:opacity 0.2s ease,transform 0.2s ease,border-color var(--ease-base)}.project-card:hover{border-color:var(--line-strong)}.project-thumb{display:flex;align-items:center;justify-content:center;aspect-ratio:16 / 9;font-size:2.75rem;background:var(--bg-elevated);border-bottom:var(--border-default)}.project-body{padding:var(--space-6)}.project-body .badge{margin-bottom:var(--space-3)}.project-tags{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-4)}.project-tag{padding:3px 10px;font-family:var(--font-mono);font-size:0.6875rem;color:var(--text-secondary);background:var(--bg-elevated);border:var(--border-default);border-radius:var(--radius-sm)}.mb-2{margin-bottom:var(--space-2)}@media (max-width:640px){.card{padding:var(--space-6)}}.badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:6px 14px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase}.badge-blue{color:var(--accent-text);background:var(--efury-blue-subtle);border:var(--border-blue)}.badge-green{color:var(--efury-green);background:rgba(22,163,74,0.09);border:1px solid rgba(22,163,74,0.28)}.badge-magenta{color:#a21caf;background:var(--efury-magenta-glow);border:1px solid rgba(192,38,211,0.26)}.badge-amber{color:var(--efury-amber);background:rgba(245,158,11,0.13);border:1px solid rgba(217,119,6,0.3)}.form-group{margin-bottom:var(--space-6);text-align:left}.form-label{display:block;margin-bottom:var(--space-2);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-secondary)}.form-input,.form-textarea{width:100%;padding:14px 18px;border:var(--border-default);border-radius:var(--radius-md);background:var(--bg-elevated);color:var(--text-primary);font-size:var(--text-base);transition:border-color var(--ease-fast),box-shadow var(--ease-fast)}.form-input:focus,.form-textarea:focus{border-color:var(--efury-blue);background:var(--bg-surface);box-shadow:0 0 0 3px var(--efury-blue-glow)}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-muted)}.form-textarea{min-height:150px;resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6)}@media (max-width:520px){.form-row{grid-template-columns:1fr}}.fade-up{opacity:0;transform:translateY(30px);transition:opacity 0.6s ease,transform 0.6s ease}.fade-up.visible{opacity:1;transform:translateY(0)}.fade-up.d1{transition-delay:0.1s}.fade-up.d2{transition-delay:0.2s}.fade-up.d3{transition-delay:0.3s}.fade-up.d4{transition-delay:0.4s}@media (prefers-reduced-motion:reduce){.fade-up{opacity:1;transform:none;transition:none}}.lab-note{padding:var(--space-6);border:var(--border-default);border-radius:var(--radius-md);background:var(--bg-surface);transition:border-color var(--ease-base),box-shadow var(--ease-base),transform var(--ease-base)}.lab-note:hover{border-left-color:var(--vivid-pink);background:var(--card-hover-bg)}.lab-note-id{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--efury-blue-light);margin-bottom:var(--space-2)}.lab-note h3{font-size:var(--text-base);margin-bottom:var(--space-2)}.lab-note p{font-size:var(--text-sm);color:var(--text-tertiary)}.lab-note-meta{display:flex;gap:var(--space-4);margin-top:var(--space-3);font-size:var(--text-xs);color:var(--text-muted)}a.lab-note:not(.lab-note--lead){display:block}a.lab-note{color:inherit;text-decoration:none}a.lab-note:hover h3{color:var(--accent-text)}a.lab-note:focus-visible{outline:2px solid var(--accent-text);outline-offset:3px}.modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:2000;display:flex;align-items:center;justify-content:center;padding:var(--space-4);opacity:0;visibility:hidden;transition:opacity var(--ease-base),visibility var(--ease-base)}.modal.active{opacity:1;visibility:visible}.modal-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:var(--overlay);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.modal-content{position:relative;width:100%;max-width:540px;background:var(--bg-surface);border:var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg),var(--shadow-glow-blue);padding:var(--space-8);transform:scale(0.95) translateY(10px);transition:transform var(--ease-spring);z-index:2}.modal.active .modal-content{transform:scale(1) translateY(0)}.modal-close{position:absolute;top:var(--space-4);right:var(--space-4);width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background:var(--bg-elevated);border:var(--border-default);color:var(--text-secondary);font-size:var(--text-xl);transition:all var(--ease-fast)}.modal-close:hover{color:var(--efury-red);background:rgba(239,68,110,0.1);border-color:rgba(239,68,110,0.2)}.modal-header{margin-bottom:var(--space-6);border-bottom:var(--border-default);padding-bottom:var(--space-4)}.modal-header h3{font-size:var(--text-xl);display:flex;align-items:center;gap:var(--space-2)}.icon{display:inline-block;width:24px;height:24px;flex-shrink:0;vertical-align:middle}.icon--xs{width:14px;height:14px}.icon--sm{width:18px;height:18px}.icon--inline{vertical-align:-2px;color:var(--accent-text)}.badge .icon{width:13px;height:13px}.ico{--ico-size:44px;display:inline-flex;align-items:center;justify-content:center;width:var(--ico-size);height:var(--ico-size);flex-shrink:0;border-radius:11px;color:var(--tone,var(--vivid-blue));background:var(--tile-bg);background:color-mix(in srgb,var(--tone,var(--vivid-blue)) 11%,var(--bg-surface));border:1px solid rgba(37,99,235,0.2);border:1px solid color-mix(in srgb,var(--tone,var(--vivid-blue)) 26%,transparent)}.ico .icon{width:22px;height:22px}.ico--sm{--ico-size:32px;border-radius:8px}.ico--sm .icon{width:17px;height:17px}.ico--lg{--ico-size:52px;border-radius:13px}.ico--lg .icon{width:26px;height:26px}.ico--xl{--ico-size:68px;border-radius:18px}.ico--xl .icon{width:34px;height:34px}.meta-code{font-family:var(--font-mono);font-size:0.6875rem;font-weight:var(--weight-medium);letter-spacing:0.12em;color:var(--text-muted)}.status-chip{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;font-family:var(--font-mono);font-size:0.625rem;font-weight:var(--weight-medium);letter-spacing:0.12em;text-transform:uppercase;color:var(--text-tertiary);border:1px solid var(--line-strong);border-radius:var(--radius-full);background:var(--bg-surface)}.status-chip::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--vivid-amber)}.status-chip--live{color:var(--efury-green);border-color:rgba(22,163,74,0.32);background:rgba(22,163,74,0.06)}.status-chip--live::before{background:#16a34a;box-shadow:0 0 0 3px rgba(22,163,74,0.18)}.modal-header h3 .ico{margin-right:var(--space-1)}.coming-soon-icon{display:inline-flex;color:var(--efury-amber);margin-bottom:var(--space-4)}.coming-soon-icon .icon{width:44px;height:44px}.tone-blue{--tone:var(--vivid-blue)}.tone-violet{--tone:var(--vivid-violet)}.tone-pink{--tone:var(--vivid-pink)}.tone-fuchsia{--tone:var(--vivid-fuchsia)}.tone-orange{--tone:var(--vivid-orange)}.tone-amber{--tone:var(--vivid-amber)}.tone-green{--tone:var(--vivid-green)}.tone-cyan{--tone:var(--vivid-cyan)}.tone-red{--tone:var(--vivid-red)}.tone-ink{--tone:var(--text-primary)}.tone-linkedin{--tone:#0a66c2}.section-header--split{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,0.9fr);grid-template-areas:"over over" "title intro";column-gap:clamp(2rem,5vw,5rem);align-items:end;text-align:left}.section-header--split .overline{grid-area:over}.section-header--split h2{grid-area:title;margin-bottom:0;font-size:clamp(1.75rem,3.2vw,2.5rem);letter-spacing:-0.03em}.section-header--split p{grid-area:intro;margin:0;max-width:30rem;justify-self:end}.bento{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:minmax(180px,auto);gap:var(--space-4)}.bento-card{position:relative;display:flex;flex-direction:column;padding:var(--space-6);border-radius:var(--radius-lg);background:var(--bg-surface);border:var(--border-default);box-shadow:var(--layer-d-highlight);overflow:hidden;transition:border-color var(--ease-base),background-color var(--ease-base)}.bento-card:hover{border-color:rgba(37,99,235,0.26);background-color:var(--card-hover-bg)}.bento-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:auto;padding-bottom:var(--space-6)}.bento-card h3{font-size:var(--text-lg);letter-spacing:-0.01em;margin-bottom:var(--space-2)}.bento-card p{font-size:var(--text-sm);line-height:1.65;color:var(--text-tertiary)}.bento-card--feature{grid-row:span 2;padding:var(--space-8);--tone:var(--vivid-amber);background:#fffbeb;background:color-mix(in srgb,var(--tone) 7%,var(--bg-surface));border-color:rgba(217,119,6,0.26)}.bento-card--feature h3{font-size:clamp(1.5rem,2.4vw,2rem);letter-spacing:-0.025em;margin-bottom:var(--space-3)}.bento-card--feature p{font-size:var(--text-base);max-width:26rem}.bento-body{position:static}.bento-card--feature{isolation:isolate}.bento-card--feature .bento-trace{z-index:-1}.bento-trace{position:absolute;left:0;right:0;top:38%;width:100%;height:90px;pointer-events:none}.bento-trace path{fill:none;stroke:rgba(217,119,6,0.45);stroke-width:1.5;stroke-linejoin:round;vector-effect:non-scaling-stroke}.stats-grid--rule{gap:0}.stats-grid--rule > div{padding:var(--space-2) var(--space-4);border-left:1px solid var(--line)}.stats-grid--rule > div:first-child{border-left:0}.stats-grid--rule .stat-number{font-size:clamp(1.75rem,3vw,2.5rem);letter-spacing:-0.03em;line-height:1.1}.stats-grid--rule .stat-label{font-family:var(--font-mono);font-size:0.6875rem;letter-spacing:0.14em;margin-top:var(--space-2)}.lab-log{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);grid-template-rows:auto auto;gap:var(--space-4)}.lab-note--lead{grid-row:span 2;display:flex;flex-direction:column;justify-content:flex-end;padding:var(--space-8);min-height:260px;background:linear-gradient(var(--layer-c-line) 1px,transparent 1px) 0 0 / 100% 28px,var(--bg-surface)}.lab-note--lead h3{font-size:clamp(1.25rem,2vw,1.625rem);letter-spacing:-0.02em;margin-bottom:var(--space-3)}.lab-note--lead p{font-size:var(--text-base);max-width:30rem}.tech-strip{display:grid;grid-template-columns:minmax(0,0.8fr) minmax(0,2fr);gap:clamp(2rem,5vw,4rem);align-items:center}.section-header--inline{text-align:left;margin-bottom:0!important}.section-header--inline h2{font-size:var(--text-xl);margin-bottom:0}.tech-strip .tech-cloud{justify-content:flex-start}.tech-strip .tech-tag{font-family:var(--font-mono);font-size:0.75rem;border-radius:var(--radius-sm)}.cta-panel{display:grid;grid-template-columns:minmax(0,1.4fr) auto;align-items:end;gap:var(--space-10);text-align:left}.cta-panel .overline{display:block;margin-bottom:var(--space-4)}.cta-panel h2{font-size:clamp(2rem,4.5vw,3.5rem);letter-spacing:-0.04em;line-height:1.02}.cta-panel p{margin:0;max-width:32rem}.cta-actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}.learn-categories{grid-template-columns:repeat(3,minmax(0,1fr))}.cat-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-5)}.learn-category--feature{grid-column:span 2;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:var(--space-8);align-content:start;background:#fffbeb;background:color-mix(in srgb,var(--vivid-amber) 6%,var(--bg-surface));border-color:rgba(217,119,6,0.26)}.learn-category--feature .cat-head{grid-column:1 / -1}.learn-category--feature h3{font-size:var(--text-2xl);letter-spacing:-0.025em}.learn-category--feature .learn-topics{align-content:start}.learn-category--feature > p{grid-column:1}.learn-category--feature > h3{grid-column:1}.learn-category--feature > .learn-topics{grid-column:2;grid-row:2 / span 2}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-5)}.project-thumb{position:relative;color:var(--tone,var(--vivid-blue));background:radial-gradient(rgba(11,18,32,0.16) 1px,transparent 1.6px) 0 0 / 16px 16px,var(--tile-bg);background:radial-gradient(color-mix(in srgb,var(--tone,var(--vivid-blue)) 32%,transparent) 1px,transparent 1.6px) 0 0 / 16px 16px,color-mix(in srgb,var(--tone,var(--vivid-blue)) 7%,var(--bg-surface))}.project-code{position:absolute;top:var(--space-3);left:var(--space-4)}.project-card--feature{grid-column:span 2;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.project-card--feature .project-thumb{aspect-ratio:auto;min-height:100%;border-bottom:0;border-right:var(--border-default)}.project-card--feature .project-body{padding:var(--space-8);align-self:center}.project-card--feature h3{font-size:var(--text-2xl);letter-spacing:-0.02em}.article-index{max-width:920px;counter-reset:article}.article-row{counter-increment:article;display:grid;grid-template-columns:56px minmax(0,1fr) auto;grid-template-areas:"num over meta" "num title title" "num desc desc";column-gap:var(--space-6);row-gap:var(--space-2);padding:var(--space-6) var(--space-2);margin:0;background:none;border:0;border-top:1px solid var(--line);border-radius:0;box-shadow:none;color:inherit}.article-row:last-child{border-bottom:1px solid var(--line)}.article-row::before{content:counter(article,decimal-leading-zero);grid-area:num;font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-muted);padding-top:2px}.article-row .overline{grid-area:over}.article-row h3{grid-area:title;font-size:var(--text-lg);margin:0}.article-row p{grid-area:desc;margin:0}.article-row .lab-note-meta{grid-area:meta;margin:0;font-family:var(--font-mono)}.article-row:hover h3{color:var(--accent-text)}.article-row--lead{padding:var(--space-8);margin-bottom:var(--space-6);border:1px solid rgba(37,99,235,0.22);border-radius:var(--radius-lg);background:var(--band-tint);box-shadow:var(--layer-d-highlight)}.article-row--lead + .article-row{border-top:0}.article-row--lead h3{font-size:clamp(1.375rem,2.4vw,1.875rem);letter-spacing:-0.02em}.article-row--lead p{font-size:var(--text-base);max-width:40rem}.download-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}.philosophy-item .phi-icon{display:flex;justify-content:center}.cover-list{max-width:760px;margin:0 auto;gap:0 var(--space-8)}.cover-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--line-soft);color:var(--text-secondary)}.contact-links a .ico{flex-shrink:0}.contact-links a .icon--brand{width:16px;height:16px}.video-thumb .play-icon svg{margin-left:2px}@media (max-width:1024px){.bento{grid-template-columns:repeat(2,minmax(0,1fr))}.bento-card--feature{grid-column:span 2;grid-row:auto;min-height:260px}.learn-categories{grid-template-columns:repeat(2,minmax(0,1fr))}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:768px){.section-header--split{grid-template-columns:1fr;grid-template-areas:"over" "title" "intro";row-gap:var(--space-4)}.section-header--split p{justify-self:start}.stats-grid--rule > div:nth-child(3){border-left:0}.stats-grid--rule > div{padding-block:var(--space-4)}.lab-log{grid-template-columns:1fr}.lab-note--lead{grid-row:auto;min-height:0}.tech-strip{grid-template-columns:1fr;gap:var(--space-6)}.cta-panel{grid-template-columns:1fr;gap:var(--space-8)}.learn-categories{grid-template-columns:1fr}.learn-category--feature{grid-column:auto;grid-template-columns:1fr}.learn-category--feature > .learn-topics{grid-column:1;grid-row:auto}.project-card--feature{grid-column:span 2;grid-template-columns:1fr}.project-card--feature .project-thumb{aspect-ratio:16 / 9;border-right:0;border-bottom:var(--border-default)}.download-grid{grid-template-columns:1fr}.article-row{grid-template-columns:36px minmax(0,1fr);grid-template-areas:"num over" "num title" "num desc" "num meta";column-gap:var(--space-3)}.article-row--lead{padding:var(--space-6)}}@media (max-width:600px){.bento{grid-template-columns:1fr}.bento-card--feature{grid-column:auto}.project-grid{grid-template-columns:1fr}.project-card--feature{grid-column:auto}.cover-list{gap:0}.cta-actions .btn{flex:1 1 auto}}main .section-header--split,main .section-header--inline{text-align:left}main .section-header--split p{margin:0}main .cta-section{text-align:left}main .cta-panel p{margin:0;max-width:32rem}main .cta-panel h2{margin-bottom:var(--space-5)}.bento > .bento-card:nth-child(6){grid-column:1 / -1;flex-direction:row;align-items:center;gap:var(--space-6);min-height:0}.bento > .bento-card:nth-child(6) .bento-head{margin:0;padding:0;gap:var(--space-4);flex-direction:row-reverse;justify-content:flex-end}.bento > .bento-card:nth-child(6) h3{margin:0;min-width:9rem}.bento > .bento-card:nth-child(6) p{margin:0;max-width:36rem}@media (max-width:1024px){.bento > .bento-card:nth-child(6){grid-column:1 / -1}}@media (max-width:600px){.bento > .bento-card:nth-child(6){flex-direction:column;align-items:flex-start;gap:var(--space-3)}.bento > .bento-card:nth-child(6) .bento-head{flex-direction:row;justify-content:space-between;width:100%}}@media (min-width:1025px){.project-card--feature{grid-row:span 2}}@media (min-width:1025px){.learn-category:last-child:not(.learn-category--feature){grid-column:1 / -1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);column-gap:var(--space-8);align-items:start}.learn-category:last-child:not(.learn-category--feature) .cat-head{grid-column:1 / -1}.learn-category:last-child:not(.learn-category--feature) > h3,.learn-category:last-child:not(.learn-category--feature) > p{grid-column:1}.learn-category:last-child:not(.learn-category--feature) > .learn-topics{grid-column:2;grid-row:2 / span 2;align-content:start}}@media (min-width:769px) and (max-width:1024px){.learn-category:last-child:not(.learn-category--feature){grid-column:1 / -1}}main .section-media{background-color:var(--band-tint)}.stats-grid--rule .stat-label{display:inline-flex;align-items:center;gap:8px}.stats-grid--rule .stat-label::before{content:"";width:8px;height:8px;border-radius:2px;background:var(--stat-tone,var(--vivid-blue))}.stats-grid--rule > div:nth-child(1){--stat-tone:var(--vivid-blue)}.stats-grid--rule > div:nth-child(2){--stat-tone:var(--vivid-amber)}.stats-grid--rule > div:nth-child(3){--stat-tone:var(--vivid-green)}.stats-grid--rule > div:nth-child(4){--stat-tone:var(--vivid-pink)}main .cta-section{padding-block:clamp(3.5rem,7vw,5.5rem)}main .cta-section.glow--cta::after{display:none}main .cta-section > .cta-panel{width:calc(100% - 2 * var(--space-6));max-width:calc(var(--max-width) - 2 * var(--space-6));padding:clamp(1.75rem,4vw,3.25rem) clamp(1.5rem,4.5vw,3.5rem);border:1px solid var(--line);border-radius:14px;background:var(--bg-surface);box-shadow:var(--layer-d-highlight);align-items:center}main .cta-panel h2{font-size:clamp(1.85rem,3.2vw,2.75rem)}main .cta-panel p{color:var(--text-secondary)}@media (max-width:600px){main .cta-section > .cta-panel{width:calc(100% - 2 * var(--space-4))}}main .learn-category--feature{background:#fdf7ec;background:color-mix(in srgb,var(--vivid-amber) 6%,var(--bg-surface));border-color:rgba(201,111,6,0.26)}main .learn-category--feature:hover{background:color-mix(in srgb,var(--vivid-amber) 9%,var(--bg-surface))}.bento-card h3 a.bento-link{color:inherit}.bento-card h3 a.bento-link::after{content:"";position:absolute;inset:0;z-index:2;border-radius:inherit}.bento-card:has(a.bento-link:focus-visible){outline:2px solid var(--accent-text);outline-offset:3px}.bento-card h3 a.bento-link:focus-visible{outline:none}.bento > .bento-card:nth-child(6){min-height:0;padding-top:var(--space-5);padding-bottom:var(--space-5)}.bento{grid-auto-rows:minmax(180px,auto) minmax(180px,auto) auto}.bento-cta{margin-left:auto;font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--accent-text);white-space:nowrap;transition:transform var(--ease-fast)}.bento-card:hover .bento-cta{transform:translateX(3px)}@media (max-width:600px){.bento-cta{margin-left:0}}.argb-ring{--ring-size:76px;position:fixed;right:clamp(14px,2vw,28px);bottom:clamp(14px,2vw,28px);z-index:900;width:var(--ring-size);height:var(--ring-size);padding:0;border:0;border-radius:50%;background:transparent;cursor:pointer;opacity:0;transform:translateY(12px) scale(0.92);transition:opacity 0.4s ease,transform 0.4s cubic-bezier(0.2,0.7,0.2,1);-webkit-tap-highlight-color:transparent}.argb-ring.is-ready{opacity:1;transform:none}.argb-ring.is-hidden{opacity:0;pointer-events:none}.argb-ring::before{content:"";position:absolute;inset:6%;border-radius:50%;box-shadow:0 10px 24px -8px rgba(11,18,32,0.45);pointer-events:none}.argb-ring-rotor{position:absolute;inset:0;display:block;will-change:transform}.argb-ring svg{display:block;width:100%;height:100%;overflow:visible}.argb-ring-readout{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:10.5px;font-weight:var(--weight-medium);letter-spacing:0.02em;color:var(--text-secondary);pointer-events:none}.argb-ring:hover .argb-ring-readout{color:var(--accent-text)}.argb-ring:hover{transform:translateY(-2px)}.argb-ring:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media (max-width:1400px){.footer-bottom{padding-right:var(--ring-clear,104px)}}@media (max-width:768px){.footer-bottom{--ring-clear:72px}}@media (max-width:768px){.argb-ring{--ring-size:50px;right:10px;bottom:10px}.argb-ring-readout{font-size:8px}body:has(input:focus,textarea:focus,select:focus) .argb-ring{opacity:0;pointer-events:none}}@media (max-width:600px){.argb-ring.is-tucked{opacity:0;pointer-events:none;transform:translateY(12px) scale(0.92)}.footer-nav{padding-right:56px}}@media (prefers-reduced-motion:reduce){.argb-ring{transition:opacity 0.2s linear;transform:none}.argb-ring:hover{transform:none}}@media print{.argb-ring{display:none}}.matrix-band{--led:#2563eb;position:relative;padding:var(--space-12) 0 var(--space-12);background:var(--bg-deep);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.matrix-panel{position:relative;background:#0b0c0f;box-shadow:0 18px 40px -24px rgba(11,18,32,0.6)}.matrix-canvas{display:block;width:100%;height:auto;aspect-ratio:65 / 9}.matrix-fallback{position:absolute;inset:0;display:grid;place-items:center;margin:0;padding:0 var(--space-6);font-family:var(--font-mono);font-size:clamp(0.8rem,2vw,1.4rem);letter-spacing:0.14em;text-transform:uppercase;text-align:center;color:#60a5fa}.matrix-band.is-live .matrix-fallback{inset:auto;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.matrix-wires{position:absolute;top:100%;left:0;right:0;height:60px;pointer-events:none}.mw{position:absolute;top:0;display:flex;gap:2px}.mw--in{left:6%}.mw--pwr{left:50%;transform:translateX(-50%)}.mw--out{right:6%}.mw i{display:block;width:3px;height:34px;border-radius:0 0 2px 2px}.mw--in i:nth-child(1),.mw--out i:nth-child(1){background:#e5e7eb;box-shadow:inset -1px 0 0 #a8adb6}.mw--in i:nth-child(2),.mw--out i:nth-child(2){background:#16a34a}.mw--in i:nth-child(3),.mw--out i:nth-child(3){background:#dc2626}.mw--pwr i{height:46px}.mw--pwr i:nth-child(1){background:#dc2626}.mw--pwr i:nth-child(2){background:#111318}.mw b s:nth-child(1){left:4px;bottom:0}.mw b s:nth-child(2){left:8.5px;bottom:0}.mw b s:nth-child(3){left:13px;bottom:0}.mw i{position:relative}.mw i s{left:1.5px;bottom:0}.mw b{position:absolute;top:32px;left:50%;width:17px;height:13px;transform:translateX(-50%);border-radius:2px;background:#15171c;box-shadow:inset 0 -3px 0 #2a2d34}.matrix-wiring{position:absolute;left:0;top:0;width:100%;height:100%;overflow:visible;pointer-events:none}.matrix-wiring--under{z-index:1}.matrix-wiring--over{z-index:3}.matrix-panel{z-index:4}.matrix-bench{position:relative;z-index:2;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:64px 52px;margin-top:130px}.matrix-info{position:relative;z-index:2;display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-8);margin-top:var(--space-16);padding-top:var(--space-8);border-top:1px solid var(--line)}.matrix-caption{max-width:46ch}.matrix-caption p{margin:var(--space-3) 0 0;color:var(--text-secondary)}.matrix-pinmap{display:grid;grid-template-columns:repeat(2,minmax(0,auto));gap:6px 36px;margin:0;font-family:var(--font-mono);font-size:11.5px}.matrix-pinmap div{display:flex;gap:10px;justify-content:space-between}.matrix-pinmap dt{color:var(--text-muted);letter-spacing:0.04em}.matrix-pinmap dd{margin:0;color:var(--text-primary);font-weight:500}.matrix-band s[data-pin]{position:absolute;width:0;height:0;text-decoration:none}.hw-label{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:10px;letter-spacing:0.18em;color:var(--text-muted);white-space:nowrap}.pwr-group{display:flex;flex-direction:column;align-items:center;gap:34px}.tgl,.esp,.enc,.bst,.bat{display:flex;flex-direction:column;align-items:center;gap:12px}.tgl-plate{position:relative;display:flex;align-items:center;justify-content:space-between;width:132px;height:104px;padding:0 12px;border-radius:10px;background:#dde1e7;border:1px solid #c3c9d2;box-shadow:inset 0 1px 0 #fff,0 10px 20px -14px rgba(11,18,32,0.6)}.tgl-lug{position:absolute;right:-11px;width:12px;height:7px;border-radius:0 2px 2px 0;background:#c3c8d0;box-shadow:inset 0 -1px 0 #9aa1ac}.tgl-lug--a{top:38px}.tgl-lug--b{top:58px}.tgl-lug s{right:2px;top:3.5px}.tgl-mark{font-size:12px;line-height:1;color:#9aa2ae;transition:color 0.15s ease}.matrix-band[data-dir="rtl"] .tgl-mark--l,.matrix-band[data-dir="ltr"] .tgl-mark--r{color:var(--accent)}.tgl-btn{position:relative;width:60px;height:96px;padding:0;border:0;background:none;cursor:pointer;-webkit-tap-highlight-color:transparent}.tgl-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:8px}.tgl-nut{position:absolute;left:50%;bottom:12px;width:36px;height:36px;transform:translateX(-50%);background:#b7bdc6;clip-path:polygon(25% 3%,75% 3%,100% 50%,75% 97%,25% 97%,0 50%)}.tgl-nut::after{content:"";position:absolute;inset:8px;border-radius:50%;background:#8b929d;box-shadow:inset 0 2px 3px rgba(0,0,0,0.35)}.tgl-lever{position:absolute;left:50%;bottom:30px;width:9px;height:56px;margin-left:-4.5px;border-radius:5px 5px 3px 3px;background:#eceef2;box-shadow:inset -3px 0 0 #a7aeb8,0 4px 6px -2px rgba(0,0,0,0.35);transform-origin:50% 100%;transform:rotate(-30deg);transition:transform 0.12s cubic-bezier(0.2,0.9,0.25,1)}.tgl-lever::before{content:"";position:absolute;top:-5px;left:50%;width:14px;height:14px;margin-left:-7px;border-radius:50%;background:#f4f5f7;box-shadow:inset -3px -2px 0 #b3b9c2}.tgl-btn[aria-checked="true"] .tgl-lever{transform:rotate(30deg)}.enc-pcb{position:relative;width:168px;height:122px;border-radius:6px;background:#121419;box-shadow:inset 0 0 0 1px rgba(255,255,255,0.06),0 10px 20px -12px rgba(11,18,32,0.65)}.enc-hole{position:absolute;right:8px;width:12px;height:12px;border-radius:50%;background:var(--bg-deep);box-shadow:0 0 0 2px #d9dce2}.enc-hole--t{top:9px}.enc-hole--b{bottom:9px}.enc-silk{position:absolute;right:28px;bottom:5px;font-family:var(--font-mono);font-size:8px;letter-spacing:0.08em;color:rgba(255,255,255,0.8)}.enc-body{position:absolute;right:28px;top:12px;width:86px;height:86px;border-radius:4px;background:#c5c9cf;box-shadow:0 0 0 4px #1d7a4c,inset 0 0 0 1px #9aa0a8}.enc-knob{--rot:0deg;--press:1;position:absolute;inset:7px;border-radius:50%;background:repeating-conic-gradient(#848b95 0deg 5deg,#bcc1c8 5deg 10deg);box-shadow:0 4px 7px rgba(0,0,0,0.4);cursor:grab;touch-action:none;transform:rotate(var(--rot)) scale(var(--press));transition:transform 0.07s ease-out;-webkit-tap-highlight-color:transparent}.enc-knob.is-dragging{cursor:grabbing}.enc-knob.is-pressed{--press:0.93}.enc-knob:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.enc-cap{position:absolute;inset:8px;border-radius:50%;overflow:hidden;background:#a7adb5;box-shadow:inset 0 1px 0 rgba(255,255,255,0.55),inset 0 -2px 3px rgba(0,0,0,0.2)}.enc-flat{position:absolute;left:0;right:0;top:0;height:30%;background:#cfd3d9;border-bottom:1px solid #7e858f}.enc-pins{position:absolute;left:12px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:5px}.enc-pins span{position:relative;font-family:var(--font-mono);font-size:8px;line-height:12px;letter-spacing:0.04em;color:rgba(255,255,255,0.85);text-align:left}.enc-pins span::after{content:"";position:absolute;right:calc(100% + 6px);top:50%;width:20px;height:3px;margin-top:-1.5px;border-radius:1px;background:#c9ced6}.enc-pins s{right:calc(100% + 26px);top:6px}.enc-readout{font-weight:500;color:var(--text-primary);letter-spacing:0.08em}.enc-readout::before{content:"";display:inline-block;width:9px;height:9px;margin-right:6px;border-radius:50%;background:var(--led);box-shadow:0 0 6px var(--led);vertical-align:-1px}.esp-board{--pitch:16px;position:relative;width:300px;height:118px;border-radius:6px;background:#16181d;box-shadow:inset 0 0 0 1px rgba(255,255,255,0.06),0 12px 22px -12px rgba(11,18,32,0.6)}.esp-row{position:absolute;left:36px;right:0;height:0}.esp-row--top{top:9px}.esp-row--bottom{bottom:9px}.esp-pin{position:absolute;left:calc(var(--i) * var(--pitch));top:0;width:8px;height:8px;margin:-4px 0 0 -4px;border-radius:1px;background:#0b0c0f;box-shadow:0 0 0 1.5px #b9965a}.esp-pin em{position:absolute;left:50%;transform:translateX(-50%);font-family:var(--font-mono);font-size:6px;font-style:normal;letter-spacing:0.02em;white-space:nowrap;color:rgba(255,255,255,0.45)}.esp-row--top .esp-pin em{top:9px}.esp-row--bottom .esp-pin em{bottom:9px}.esp-pin.is-used em{color:#fff}.esp-pin s{left:4px;top:4px}.esp-usb{position:absolute;left:-7px;top:45px;width:26px;height:28px;border-radius:3px;background:#c8ccd2;box-shadow:inset 0 0 0 1px #9aa0a8,inset -6px 0 0 #b2b7be}.esp-btn{position:absolute;left:30px;width:14px;height:14px;border-radius:2px;background:#c8ccd2;box-shadow:inset 0 0 0 4px #c8ccd2,inset 0 0 0 7px #2b2e35}.esp-btn--en{top:26px}.esp-btn--boot{bottom:26px}.esp-reg{position:absolute;left:62px;top:42px;width:30px;height:24px;border-radius:2px;background:#25282f;box-shadow:6px 0 0 -2px #9aa0a8}.esp-uart{position:absolute;left:108px;top:48px;width:22px;height:22px;border-radius:2px;background:#25282f}.esp-led{position:absolute;left:144px;top:30px;width:6px;height:4px;border-radius:1px;background:#ff3b3b;box-shadow:0 0 6px 2px rgba(255,59,59,0.6)}.esp-can{position:absolute;left:164px;top:24px;width:104px;height:70px;border-radius:3px;background:#c9cdd3;box-shadow:inset 0 0 0 1px #a4aab2,0 0 0 4px #20232a;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-family:var(--font-mono);color:#3a3f48}.esp-can b{font-size:8px;font-weight:500;letter-spacing:0.02em}.esp-can i{font-size:6.5px;font-style:normal;letter-spacing:0.1em;color:#5b616b}.esp-ant{position:absolute;right:5px;top:26px;width:18px;height:66px;background:#20232a;border-radius:2px}.esp-ant svg{width:100%;height:100%;fill:none;stroke:#b9965a;stroke-width:1.4}.bst-pcb{position:relative;width:150px;height:76px;border-radius:4px;background:#1f5ec0;box-shadow:inset 0 0 0 1px rgba(255,255,255,0.14),0 10px 20px -12px rgba(11,18,32,0.6)}.bst-pad{position:absolute;width:18px;height:18px;border-radius:2px;background:#d4d8de;box-shadow:inset 0 0 0 5px #d4d8de,inset 0 0 0 9px #e9ecf0}.bst-pad::after{content:"";position:absolute;inset:5px;border-radius:50%;background:var(--bg-deep)}.bst-pad--vo-p{left:5px;top:5px}.bst-pad--vo-n{left:5px;bottom:5px}.bst-pad--vi-p{right:5px;top:5px}.bst-pad--vi-n{right:5px;bottom:5px}.bst-pad s{left:9px;top:9px}.bst-t{position:absolute;font-family:var(--font-mono);font-size:6px;font-style:normal;color:rgba(255,255,255,0.9)}.bst-t--vo-p{left:26px;top:6px}.bst-t--vo-n{left:26px;bottom:6px}.bst-t--vi-p{right:26px;top:6px}.bst-t--vi-n{right:26px;bottom:6px}.bst-pot{position:absolute;left:30px;top:22px;width:30px;height:32px;border-radius:3px;background:#2f5fd6;box-shadow:inset 0 0 0 2px #2750b8}.bst-pot::after{content:"";position:absolute;right:4px;top:4px;width:9px;height:9px;border-radius:50%;background:#d8b25a;box-shadow:inset 0 0 0 1px #9c7a2c}.bst-coil{position:absolute;left:70px;top:17px;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#1b1d22;box-shadow:inset 0 0 0 5px #2a2d33;font-family:var(--font-mono);font-size:8px;color:#cfd3da}.bst-ic{position:absolute;left:116px;top:32px;width:8px;height:12px;border-radius:1px;background:#16181c}.bst-diode{position:absolute;left:34px;top:58px;width:16px;height:7px;border-radius:1px;background:#16181c;box-shadow:inset -3px 0 0 #9aa0a8}.bat-cell{position:relative;width:170px;height:96px;border-radius:8px;background:#d9dde2;box-shadow:inset 0 0 0 1px #b8bec6,inset 0 -8px 0 -4px #c4c9d0,0 12px 22px -14px rgba(11,18,32,0.55)}.bat-tape{position:absolute;right:0;top:0;bottom:0;width:26px;border-radius:3px 8px 8px 3px;background:#e8b52a;box-shadow:inset 2px 0 0 #c99618}.bat-tape s:nth-child(1){right:0;top:30px}.bat-tape s:nth-child(2){right:0;top:42px}.bat-print{position:absolute;left:20px;top:50%;transform:translateY(-50%);font-family:var(--font-mono);font-size:11px;line-height:1.5;letter-spacing:0.04em;color:#3b4049}.enc{margin-left:30px}@media (max-width:860px){.matrix-bench{gap:56px 40px;margin-top:120px}.esp{order:-1;flex-basis:100%}.matrix-info{flex-direction:column}}@media (max-width:480px){.matrix-bench{gap:52px 22px}.enc{margin-left:24px}.tgl-plate{width:112px;height:98px;padding:0 8px}.enc-pcb{width:158px}.bat-cell{width:150px;height:88px}.bat-print{left:14px;font-size:9.5px}.bst-pcb{width:140px}.matrix-pinmap{grid-template-columns:1fr}.mw--in{left:4%}.mw--out{right:4%}}@media (prefers-reduced-motion:reduce){.tgl-lever,.enc-knob,.tgl-mark{transition:none}}.lamp-scene{--cord:104px;--bulb-w:150px;position:relative;overflow:hidden;background:var(--bg-deep);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:var(--space-8) 0}.lamp-dim{position:absolute;inset:0;z-index:0;background:rgba(28,36,58,0.11);transition:opacity 0.6s ease;pointer-events:none}.lamp-scene[data-on="true"] .lamp-dim{opacity:0}.lamp-layout{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:end;gap:var(--space-10)}.lamp-copy{position:relative;z-index:1;align-self:center;padding:var(--space-16) 0}.lamp-copy h2{font-size:clamp(1.75rem,3vw,2.5rem);letter-spacing:-0.02em;margin:var(--space-3) 0 var(--space-4)}.lamp-copy p{color:var(--text-secondary);max-width:42ch;margin-bottom:var(--space-4)}.lamp-copy .lamp-note{font-family:var(--font-mono);font-size:11px;letter-spacing:0.12em;text-transform:uppercase;color:var(--text-muted);margin:0}.lamp-stage{position:relative;padding-top:calc(var(--cord) + var(--bulb-w) * 1.667 + var(--space-8));padding-bottom:var(--space-12)}.lamp-glow{position:absolute;left:50%;top:calc(var(--cord) + var(--bulb-w) * 1.07);width:1300px;height:1000px;transform:translate(-50%,-50%);background:radial-gradient(closest-side,rgba(255,196,108,0.46),rgba(255,208,140,0.2) 42%,rgba(255,214,150,0) 100%);opacity:0;transition:opacity 0.5s ease;pointer-events:none;z-index:0}.lamp-scene[data-on="true"] .lamp-glow{opacity:1}.lamp-hang{position:absolute;top:0;left:50%;z-index:1;display:flex;flex-direction:column;align-items:center;width:var(--bulb-w);margin-left:calc(var(--bulb-w) / -2);transform-origin:50% 0}.lamp-hang.is-nudged{animation:lamp-nudge 1.8s cubic-bezier(0.3,0.7,0.4,1)}@keyframes lamp-nudge{0%{transform:rotate(0)}18%{transform:rotate(1.6deg)}42%{transform:rotate(-1deg)}66%{transform:rotate(0.45deg)}100%{transform:rotate(0)}}.lamp-cord{display:block;width:2.5px;height:var(--cord);background:#1b1f27;border-radius:2px}.lamp-svg{display:block;width:100%;height:auto;margin-top:-1px;overflow:visible}.lamp-glass{fill:rgba(255,255,255,0.4);stroke:rgba(84,96,118,0.45);stroke-width:1.4;transition:fill 0.4s ease,stroke 0.4s ease}.lamp-fil path,.lamp-fil-glow path{fill:none;stroke-linecap:round}.lamp-fil path{stroke:#b39164;stroke-width:2;transition:stroke 0.25s ease}.lamp-fil-glow path{stroke:#ffb13d;stroke-width:6}.lamp-fil-glow,.lamp-halo{opacity:0;transition:opacity 0.35s ease}.lamp-scene[data-on="true"] .lamp-glass{fill:rgba(255,234,186,0.6);stroke:rgba(222,160,70,0.55)}.lamp-scene[data-on="true"] .lamp-fil path{stroke:#fff4cf}.lamp-scene[data-on="true"] .lamp-fil-glow{opacity:1}.lamp-scene[data-on="true"] .lamp-halo{opacity:1}.lamp-bench{position:relative;z-index:1;display:flex;align-items:flex-end;justify-content:center;gap:clamp(1.25rem,4vw,3rem);padding:0 var(--space-6)}.lamp-bench::after{content:"";position:absolute;left:0;right:0;bottom:-12px;height:12px;border-radius:3px;background:linear-gradient(#c99c6c calc(100% - 4px),#9c7248 0);box-shadow:0 10px 22px -12px rgba(60,40,20,0.45)}.lamp-box{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 18px 10px;border-radius:10px;background:#1c2230;box-shadow:inset 0 1px 0 rgba(255,255,255,0.08),0 8px 18px -10px rgba(11,18,32,0.55)}.lamp-box-label{font-family:var(--font-mono);font-size:9px;letter-spacing:0.2em;color:#8b95a8}.rocker{display:block;width:56px;height:78px;padding:5px;border:0;border-radius:6px;background:#0b0e14;box-shadow:inset 0 0 0 1px rgba(255,255,255,0.06);cursor:pointer;perspective:220px;-webkit-tap-highlight-color:transparent}.rocker:focus-visible{outline:2px solid var(--efury-blue);outline-offset:3px}.rocker-face{position:relative;display:flex;flex-direction:column;height:100%;border-radius:4px;overflow:hidden;background:#1d6d39;transform:rotateX(9deg);transition:transform 0.12s ease,background-color 0.2s ease,box-shadow 0.25s ease}.rocker-face::before{content:"";position:absolute;inset:50% 0 0;background:rgba(0,0,0,0.28);transition:inset 0.12s ease,background-color 0.12s ease}.rocker-mark{position:relative;flex:1;display:grid;place-items:center;font-family:var(--font-mono);font-size:15px;font-weight:500;color:rgba(255,255,255,0.55);transition:color 0.2s ease}.rocker[aria-checked="true"] .rocker-face{background:#37d46a;transform:rotateX(-9deg);box-shadow:0 0 18px 2px rgba(55,212,106,0.55),inset 0 0 10px rgba(210,255,220,0.5)}.rocker[aria-checked="true"] .rocker-face::before{inset:0 0 50%;background:rgba(0,0,0,0.14)}.rocker[aria-checked="true"] .rocker-mark{color:rgba(255,255,255,0.95)}.rocker:active .rocker-face{transform:rotateX(0)}.oled{position:relative;width:272px;padding:30px 14px 20px;border-radius:8px;background:#1f5fc0;box-shadow:inset 0 0 0 1px rgba(255,255,255,0.12),0 12px 24px -12px rgba(11,18,32,0.55)}.oled-hole{position:absolute;width:11px;height:11px;border-radius:50%;background:var(--bg-deep);border:2.5px solid #d8b25a}.oled-hole:nth-child(1){top:6px;left:6px}.oled-hole:nth-child(2){top:6px;right:6px}.oled-hole:nth-child(3){bottom:6px;left:6px}.oled-hole:nth-child(4){bottom:6px;right:6px}.oled-pins{position:absolute;top:5px;left:50%;transform:translateX(-50%);display:flex;gap:10px}.oled-pins span{display:flex;flex-direction:column;align-items:center;gap:3px;font-family:var(--font-mono);font-size:7.5px;letter-spacing:0.04em;color:rgba(255,255,255,0.92)}.oled-pins span::after{content:"";width:9px;height:9px;border-radius:50%;background:#0e2c5c;border:2px solid #d8b25a}.oled-glass{position:relative;padding:7px;border-radius:3px;background:#07090d;box-shadow:0 0 0 2px #0c1018}.oled-ribbon{position:absolute;left:50%;bottom:6px;width:62px;height:8px;transform:translateX(-50%);background:#c89a48;clip-path:polygon(0 0,100% 0,88% 100%,12% 100%);opacity:0.9}.oled-screen{container-type:inline-size;position:relative;aspect-ratio:16 / 10.5;font-family:var(--font-mono);color:#e8edf5;background:#000;border-radius:1px;overflow:hidden;display:flex;flex-direction:column;padding:0 5px 4px}.oled-bar{display:flex;justify-content:space-between;align-items:center;font-size:9px;font-size:4cqw;letter-spacing:0.06em;padding:4px 1px 3px;border-bottom:1px solid rgba(148,163,184,0.35)}.oled-c-cyan{color:#22d3ee}.oled-c-yellow{color:#facc15}.oled-c-green{color:#4ade80}.oled-c-violet{color:#a78bfa}.oled-c-orange{color:#fb923c}.oled-off,.oled-on{flex:1;min-height:0}.oled-off{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;text-align:center}.oled-off .oled-bulb{width:18%;height:auto;color:#64748b}.oled-off strong{font-size:16px;font-size:8.2cqw;font-weight:500;letter-spacing:0.08em;color:#f1f5f9}.oled-off span{font-size:8px;font-size:3.8cqw;letter-spacing:0.1em;color:#8391a7}.oled-on{display:none;flex-direction:column}.lamp-scene[data-on="true"] .oled-off{display:none}.lamp-scene[data-on="true"] .oled-on{display:flex}.oled-row{flex:1;display:grid;grid-template-columns:repeat(3,1fr);align-items:center}.oled-row--big{flex:1.35;grid-template-columns:repeat(2,1fr);border-bottom:1px solid rgba(148,163,184,0.35)}.oled-cell{display:flex;flex-direction:column;gap:1px;padding:0 3px;min-width:0}.oled-cell + .oled-cell{border-left:1px solid rgba(148,163,184,0.25)}.oled-k{font-size:7px;font-size:3.3cqw;letter-spacing:0.08em;color:#cbd5e1}.oled-v{display:flex;align-items:baseline;gap:2px;white-space:nowrap}.oled-v b{font-weight:500;font-size:12px;font-size:6cqw;font-variant-numeric:tabular-nums}.oled-row--big .oled-v b{font-size:19px;font-size:9.6cqw}.oled-v i{font-style:normal;font-size:8px;font-size:3.6cqw}@media (max-width:900px){.lamp-scene{--cord:56px;--bulb-w:120px}.lamp-layout{grid-template-columns:1fr;gap:0}.lamp-stage{order:-1;padding-bottom:var(--space-10)}.lamp-copy{padding:var(--space-8) 0 var(--space-12)}}@media (max-width:480px){.lamp-scene{--cord:36px;--bulb-w:104px}.lamp-stage{padding-top:calc(var(--cord) + var(--bulb-w) * 1.667 + var(--space-5))}.lamp-bench{gap:var(--space-4);padding:0 var(--space-2)}.lamp-box{padding:12px 12px 8px}.oled{width:min(236px,100%);padding:28px 11px 18px}.oled-pins{gap:7px}}@media (prefers-reduced-motion:reduce){.lamp-hang.is-nudged{animation:none}.lamp-dim,.lamp-glow,.lamp-glass,.lamp-fil path,.lamp-fil-glow,.lamp-halo,.rocker-face,.rocker-face::before,.rocker-mark{transition:none}}.stats-bar{padding:var(--space-10) 0}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-6);text-align:center}.stat-number{font-size:var(--text-2xl);font-weight:var(--weight-extrabold);color:var(--text-primary)}.stat-label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wide);margin-top:var(--space-1)}@media (max-width:640px){.stats-grid{grid-template-columns:repeat(2,1fr)}}.section-header{text-align:center;margin-bottom:var(--space-12)}.section-header .overline{margin-bottom:var(--space-3)}.section-header h2{margin-bottom:var(--space-4)}.section-header p{max-width:var(--max-width-narrow);margin:0 auto}.section-media .section-header{margin-bottom:var(--space-10)}.video-embed{position:relative;width:100%;max-width:800px;margin:0 auto;aspect-ratio:16 / 9;border-radius:var(--radius-lg);overflow:hidden;border:var(--border-default);background:var(--bg-deep);box-shadow:0 1px 2px rgba(11,18,32,0.05),0 30px 70px -28px rgba(11,18,32,0.3)}.video-embed iframe{width:100%;height:100%;border:none}.section-lab{--tex-mask:radial-gradient(ellipse 65% 55% at 50% 72%,#000 10%,transparent 72%)}.section-tech .section-header{margin-bottom:var(--space-8)}.tech-cloud{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3)}.tech-tag{padding:var(--space-2) var(--space-4);border:var(--border-default);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-secondary);background:var(--bg-surface);transition:all var(--ease-base)}.tech-tag:hover{border-color:var(--efury-blue);color:var(--efury-blue-light);background:var(--efury-blue-subtle);transform:translateY(-2px)}.cta-section{text-align:center;padding:var(--space-20) 0;--tex-mask:radial-gradient(ellipse 60% 80% at 50% 100%,#000 15%,transparent 70%)}.cta-section .flex-center{flex-wrap:wrap}.cta-section h2{margin-bottom:var(--space-4)}.cta-section p{max-width:500px;margin:0 auto var(--space-8)}.hero{background:linear-gradient(180deg,#f7f9fc 0%,#edf1f8 100%)}.hero.tex-grid::before{background-image:linear-gradient(rgba(37,99,235,0.075) 1px,transparent 1px),linear-gradient(90deg,rgba(37,99,235,0.075) 1px,transparent 1px),linear-gradient(rgba(37,99,235,0.035) 1px,transparent 1px),linear-gradient(90deg,rgba(37,99,235,0.035) 1px,transparent 1px);background-size:120px 120px,120px 120px,24px 24px,24px 24px;background-position:center top}.hero .hero-rail{background:var(--bg-surface);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.hero .hero-rail-inner{justify-content:space-between;gap:var(--space-2);padding-top:var(--space-3);padding-bottom:var(--space-3);font-size:11px;color:var(--text-secondary)}.rail-item{display:inline-flex;align-items:center;gap:10px;padding:7px 12px;margin:0 -12px;border-radius:var(--radius-sm);color:inherit;transition:color var(--ease-fast),background-color var(--ease-fast)}.rail-item i{width:7px;height:7px;border-radius:2px;background:var(--tone);box-shadow:0 0 0 3px color-mix(in srgb,var(--tone) 14%,transparent),0 0 8px color-mix(in srgb,var(--tone) 60%,transparent);flex:none}.rail-item:hover{color:var(--tone);background:color-mix(in srgb,var(--tone) 7%,var(--bg-surface))}.rail-item:focus-visible{outline:2px solid var(--tone);outline-offset:2px}.section-cover{background:var(--bg-surface)}.section-cover .bento-card:not(.bento-card--feature){background:color-mix(in srgb,var(--tone) 4%,var(--bg-surface));border-color:color-mix(in srgb,var(--tone) 20%,transparent)}.section-cover .bento-card:not(.bento-card--feature):hover{background:color-mix(in srgb,var(--tone) 8%,var(--bg-surface));border-color:color-mix(in srgb,var(--tone) 38%,transparent)}.section-cover .bento-card .meta-code{color:color-mix(in srgb,var(--tone) 70%,#475569)}.section-cover .bento-cta{color:color-mix(in srgb,var(--tone) 85%,#0b1220)}.section-cover .bento-card{scroll-margin-top:120px}.section-cover .bento-card:target{border-color:var(--tone);box-shadow:0 0 0 3px color-mix(in srgb,var(--tone) 22%,transparent)}@media (max-width:600px){.hero .hero-rail{display:block;margin-top:var(--space-10)}.hero .hero-rail-inner{flex-wrap:wrap;justify-content:flex-start;gap:2px 18px;font-size:10.5px}.rail-item{margin:0;padding:7px 0}.rail-item:hover{background:none}}@media (prefers-reduced-motion:reduce){.rail-item{transition:none}}.hero-strip{--hs-pitch:32px;--hs-rainbow:linear-gradient(90deg,#ff3355 0%,#ff8a1f 12.5%,#ffd21f 25%,#3ddc6a 37.5%,#1fc8ff 50%,#3a6bff 62.5%,#9b4dff 75%,#ff3fd0 87.5%,#ff3355 100%);position:absolute;left:0;right:0;top:calc(var(--header-h) + 14px);height:14px;z-index:-1;pointer-events:none}.hs-pcb{position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='14'%3E%3Crect width='32' height='14' fill='%23fbfbfd'/%3E%3Crect width='32' height='1' fill='%23dde2ea'/%3E%3Crect y='13' width='32' height='1' fill='%23dde2ea'/%3E%3Crect x='1.5' y='5' width='3' height='4' rx='.6' fill='%23e2c393'/%3E%3Crect x='27.5' y='5' width='3' height='4' rx='.6' fill='%23e2c393'/%3E%3Crect x='11' y='2' width='10' height='10' rx='1.2' fill='%23f3f0ea' stroke='%23d6d0c6' stroke-width='.6'/%3E%3Crect x='12' y='3' width='8' height='8' rx='1.3' fill='%23e6e1d8'/%3E%3C/svg%3E") left center / var(--hs-pitch) 14px repeat-x;box-shadow:0 2px 5px -2px rgba(11,18,32,0.18)}.hs-leds{position:absolute;left:0;right:0;top:-7px;height:28px;overflow:hidden;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='28'%3E%3Cdefs%3E%3Cfilter id='b' x='-1' y='-1' width='3' height='3'%3E%3CfeGaussianBlur stdDeviation='2.6'/%3E%3C/filter%3E%3C/defs%3E%3Crect x='9' y='7' width='14' height='14' rx='2' fill='%23000' fill-opacity='.42' filter='url%28%23b%29'/%3E%3Crect x='12' y='10' width='8' height='8' rx='1.3' fill='%23000'/%3E%3C/svg%3E") left top / var(--hs-pitch) 28px repeat-x;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='28'%3E%3Cdefs%3E%3Cfilter id='b' x='-1' y='-1' width='3' height='3'%3E%3CfeGaussianBlur stdDeviation='2.6'/%3E%3C/filter%3E%3C/defs%3E%3Crect x='9' y='7' width='14' height='14' rx='2' fill='%23000' fill-opacity='.42' filter='url%28%23b%29'/%3E%3Crect x='12' y='10' width='8' height='8' rx='1.3' fill='%23000'/%3E%3C/svg%3E") left top / var(--hs-pitch) 28px repeat-x;clip-path:inset(0 0 0 0);animation:hs-power 1.4s steps(28,end) 0.4s both}.hs-leds::after{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='28'%3E%3Cdefs%3E%3Cfilter id='c' x='-1' y='-1' width='3' height='3'%3E%3CfeGaussianBlur stdDeviation='1.1'/%3E%3C/filter%3E%3C/defs%3E%3Crect x='13.5' y='11.5' width='5' height='5' rx='1.2' fill='%23fff' fill-opacity='.62' filter='url%28%23c%29'/%3E%3C/svg%3E") left top / var(--hs-pitch) 28px repeat-x}.hs-leds i,.hs-wash i{position:absolute;top:0;bottom:0;left:0;width:200%;background:var(--hs-rainbow) left top / 50% 100% repeat-x;will-change:transform;animation:hs-cycle 40s linear infinite}.hs-wash{position:absolute;left:0;right:0;top:7px;height:min(760px,85vh);overflow:hidden;-webkit-mask-image:linear-gradient(180deg,#000 0,rgba(0,0,0,0.55) 90px,rgba(0,0,0,0.22) 45%,transparent 100%);mask-image:linear-gradient(180deg,#000 0,rgba(0,0,0,0.55) 90px,rgba(0,0,0,0.22) 45%,transparent 100%);opacity:0.24;animation:hs-wash-in 1.9s ease-out 1.2s both}@keyframes hs-cycle{to{transform:translateX(-50%)}}@keyframes hs-power{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}@keyframes hs-wash-in{0%{opacity:0}18%{opacity:0.18}26%{opacity:0.06}40%{opacity:0.21}100%{opacity:0.24}}.hero.is-paused .hs-leds i,.hero.is-paused .hs-wash i{animation-play-state:paused}@media (max-width:600px){.hero-strip{top:calc(var(--header-h) + 10px)}.hs-wash{height:560px}}@media (prefers-reduced-motion:reduce){.hs-leds,.hs-wash,.hs-leds i,.hs-wash i{animation:none}}.hero{position:relative;min-height:100vh;min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding:calc(var(--header-h) + clamp(2.5rem,6vw,5rem)) 0 0;overflow:hidden;--tex-mask:radial-gradient(ellipse 80% 75% at 62% 42%,#000 20%,transparent 75%)}.hero.glow--hero::after{background:none}.hero-layout{flex:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.02fr);align-items:center;gap:clamp(2.5rem,5vw,5rem);padding-bottom:clamp(3rem,6vw,5rem)}.hero-content{max-width:600px}.hero-badge{font-family:var(--font-mono);font-weight:var(--weight-medium);letter-spacing:0.14em;padding:7px 14px 7px 12px;margin-bottom:var(--space-8);background:var(--bg-surface);border-color:rgba(37,99,235,0.25);box-shadow:var(--shadow-sm)}.hero-badge-dot{position:relative;width:6px;height:6px;border-radius:50%;background:var(--vivid-green);box-shadow:0 0 0 3px rgba(5,150,105,0.18)}.hero-title{font-size:clamp(3rem,6.6vw,6rem);font-weight:var(--weight-extrabold);line-height:0.94;letter-spacing:-0.045em;margin-bottom:var(--space-8);counter-reset:step}.ht-line{display:block;counter-increment:step}.ht-line::after{content:"0" counter(step);display:inline-block;margin-left:0.45em;vertical-align:top;transform:translateY(0.55em);font-family:var(--font-mono);font-size:0.16em;font-weight:var(--weight-medium);letter-spacing:0.1em;color:var(--text-muted);-webkit-text-fill-color:currentColor}.ht-sep{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.hero-title .text-accent{color:var(--accent-text)}.hero-lead{font-size:clamp(1.0625rem,1.3vw,1.1875rem);line-height:1.7;max-width:33rem;color:var(--text-secondary);margin-bottom:var(--space-10)}.hero-lead:last-child{margin-bottom:0}.hero-buttons{display:flex;flex-wrap:wrap;gap:var(--space-3)}.hero-buttons .btn-lg{padding:15px 26px;border-radius:var(--radius-md);font-size:var(--text-base)}.hero-buttons .btn-primary{background:var(--accent);box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),0 12px 28px -12px rgba(37,99,235,0.6)}.hero-buttons .btn-primary:hover{background:var(--accent-hover)}.hero-buttons .btn-outline{background:var(--bg-surface);border:1px solid var(--line-strong);box-shadow:var(--shadow-sm)}.hero-buttons .btn-outline:hover{color:var(--text-primary);border-color:rgba(11,18,32,0.3);background:var(--bg-surface)}.btn-arrow{font-family:var(--font-mono);font-weight:var(--weight-medium)}.hero-visual{position:relative;width:100%;max-width:600px;justify-self:end;animation:hv-enter 1s cubic-bezier(0.2,0.7,0.2,1) 0.15s both}.hv-frame{position:relative;padding:10px;border-radius:24px;background:var(--layer-d-bg);border:1px solid var(--layer-d-border);box-shadow:0 1px 2px rgba(11,18,32,0.05),0 40px 90px -36px rgba(11,18,32,0.35)}.hv-corner{position:absolute;width:14px;height:14px;border-color:rgba(37,99,235,0.55);border-style:solid;border-width:0}.hv-corner--tl{top:-7px;left:-7px;border-top-width:1px;border-left-width:1px}.hv-corner--tr{top:-7px;right:-7px;border-top-width:1px;border-right-width:1px}.hv-corner--bl{bottom:-7px;left:-7px;border-bottom-width:1px;border-left-width:1px}.hv-corner--br{bottom:-7px;right:-7px;border-bottom-width:1px;border-right-width:1px}.pcb{width:100%;height:auto;overflow:visible}.pcb-board{fill:#ffffff;stroke:rgba(11,18,32,0.1)}.pcb-dot{fill:rgba(11,18,32,0.28)}.pcb-mount circle{fill:#f1f4f9;stroke:rgba(11,18,32,0.22);stroke-width:2}.pcb-dim path{fill:none;stroke:rgba(11,18,32,0.12);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.pcb-via circle{fill:#ffffff;stroke:rgba(11,18,32,0.35);stroke-width:1.4}.pcb-trace{fill:none;stroke:rgba(37,99,235,0.38);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:100;stroke-dashoffset:0;animation:trace-draw 1.4s cubic-bezier(0.6,0,0.3,1) calc(0.35s + var(--i) * 0.07s) both}.pcb-pulse{fill:none;stroke:var(--vivid-blue);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:9 200;stroke-dashoffset:9;opacity:0;animation:pulse-run 4.8s cubic-bezier(0.45,0,0.55,1) infinite}.pcb-pulse--a{animation-delay:2.0s;stroke:var(--vivid-green)}.pcb-pulse--b{animation-delay:3.1s;animation-duration:5.6s;stroke:var(--vivid-orange)}.pcb-pulse--c{animation-delay:2.6s;animation-duration:5.2s;stroke:var(--vivid-pink)}.pcb-pulse--d{animation-delay:4.0s;animation-duration:6s;stroke:var(--vivid-blue)}.pcb-pulse--m{animation-delay:3.4s;animation-duration:5.6s;stroke:var(--vivid-amber)}.chip-pins rect{fill:#9aa3b2}.chip{fill:#0b1220;stroke:#0b1220;stroke-width:1.2}.chip-die{fill:none;stroke:rgba(147,197,253,0.35);stroke-dasharray:2 4}.chip-pin1{fill:rgba(203,213,225,0.6)}.chip-brand{font-family:var(--font-mono);font-size:17px;font-weight:var(--weight-medium);letter-spacing:0.32em;fill:#f1f5f9}.chip-sub,.chip-meta{font-family:var(--font-mono);font-size:8.5px;letter-spacing:0.18em;fill:rgba(203,213,225,0.8)}.chip-meta{fill:var(--hl-yellow)}.xtal,.part{fill:#e8edf5;stroke:rgba(11,18,32,0.3)}.led-ring{fill:none;stroke:rgba(217,119,6,0.45)}.led{fill:#f59e0b;animation:led-blink 2.4s steps(1,end) infinite}.module--sense{--mod-tone:var(--vivid-green)}.module--can{--mod-tone:var(--vivid-orange)}.module--act{--mod-tone:var(--vivid-pink)}.module--fw{--mod-tone:var(--vivid-blue)}.module > rect:first-child{fill:#ffffff;stroke:color-mix(in srgb,var(--mod-tone,var(--vivid-blue)) 35%,transparent);stroke-width:1.2}.mod-label{font-family:var(--font-mono);font-size:7.5px;letter-spacing:0.16em;fill:var(--mod-tone,var(--vivid-blue))}.mod-value{font-family:var(--font-mono);font-size:12px;font-weight:var(--weight-medium);fill:var(--text-primary)}.mod-dim{font-family:var(--font-mono);font-size:8px;letter-spacing:0.08em;fill:var(--text-muted)}.adc-bar{fill:var(--mod-tone,var(--vivid-blue))}.adc-bar:nth-child(odd){fill:var(--mod-tone,var(--vivid-blue));opacity:0.45}.pwm-glyph{fill:none;stroke:var(--mod-tone,var(--vivid-blue));stroke-width:1.4;stroke-linejoin:round}.code-bar{fill:rgba(11,18,32,0.16)}.code-bar--k{fill:var(--mod-tone,var(--vivid-blue));opacity:0.75}.code-cursor{fill:var(--mod-tone,var(--vivid-blue));animation:cursor-blink 1.1s steps(1,end) infinite}.silk{font-family:var(--font-mono);font-size:8px;letter-spacing:0.14em;fill:rgba(11,18,32,0.4)}.hv-panel{position:absolute;font-family:var(--font-mono);font-size:11px;color:var(--text-secondary);background:rgba(255,255,255,0.94);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--line-strong);border-radius:12px;box-shadow:0 1px 2px rgba(11,18,32,0.06),0 24px 50px -20px rgba(11,18,32,0.35);animation:hv-enter 0.9s cubic-bezier(0.2,0.7,0.2,1) both}.hv-panel-head,.hv-panel-foot{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);font-size:9.5px;letter-spacing:0.12em;text-transform:uppercase;color:var(--text-tertiary)}.hv-panel-head{padding:9px 12px;border-bottom:1px solid var(--line)}.hv-panel-foot{padding:8px 12px;border-top:1px solid var(--line)}.hv-term{left:-9%;bottom:12%;width:232px;animation-delay:0.9s}.hv-dots{display:inline-flex;gap:5px}.hv-dots i{width:7px;height:7px;border-radius:50%;background:#ef4444}.hv-dots i:nth-child(2){background:#f59e0b}.hv-dots i:nth-child(3){background:#10b981}.hv-term pre{margin:0;padding:11px 12px 12px;background:none;border:0;border-radius:0;font-size:11px;line-height:1.75;color:var(--text-secondary);overflow:hidden;white-space:pre}.t-p{color:var(--text-muted)}.t-f{color:var(--accent-text)}.t-ok{color:var(--efury-green)}.t-cursor{display:inline-block;width:7px;height:13px;margin-left:6px;vertical-align:-2px;background:var(--vivid-blue);animation:cursor-blink 1.1s steps(1,end) infinite}.hv-scope{right:-6%;bottom:-7%;width:250px;animation-delay:1.1s}.hv-scope svg{display:block;width:100%;height:72px;overflow:hidden}.scope-grid line{stroke:rgba(11,18,32,0.08);stroke-width:1;vector-effect:non-scaling-stroke}.scope-wave{animation:scope-scroll 2.4s linear infinite}.scope-ch1{fill:none;stroke:var(--vivid-blue);stroke-width:1.6;stroke-linejoin:round;vector-effect:non-scaling-stroke}.scope-ch2{fill:none;stroke:var(--vivid-pink);stroke-width:1.3;vector-effect:non-scaling-stroke}.hv-panel-foot sub{font-size:0.8em;vertical-align:baseline}.hero-rail{position:relative;border-top:1px solid var(--line);background:rgba(255,255,255,0.6)}.hero-rail-inner{display:flex;align-items:center;gap:var(--space-6);padding-top:var(--space-4);padding-bottom:var(--space-4);font-family:var(--font-mono);font-size:10.5px;letter-spacing:0.16em;text-transform:uppercase;color:var(--text-muted)}.hero.is-paused .pcb-pulse,.hero.is-paused .scope-wave,.hero.is-paused .led,.hero.is-paused .code-cursor,.hero.is-paused .t-cursor{animation-play-state:paused}@keyframes hv-enter{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes trace-draw{from{stroke-dashoffset:100}to{stroke-dashoffset:0}}@keyframes pulse-run{0%{stroke-dashoffset:9;opacity:0}6%{opacity:1}52%{opacity:1}58%{stroke-dashoffset:-100;opacity:0}100%{stroke-dashoffset:-100;opacity:0}}@keyframes scope-scroll{from{transform:translateX(0)}to{transform:translateX(-40px)}}@keyframes led-blink{0%,70%{opacity:1}71%,100%{opacity:0.25}}@keyframes cursor-blink{0%,50%{opacity:1}51%,100%{opacity:0}}@media (min-width:1600px){.hero-layout,.hero-rail-inner{max-width:1360px}.hero-visual{max-width:640px}}@media (max-width:1200px){.hv-term{left:-5%}.hv-scope{right:-3%}}@media (max-width:1024px){.hero-layout{grid-template-columns:minmax(0,1fr) minmax(0,0.95fr);gap:var(--space-10)}.hv-term{width:200px;font-size:10px;left:-4%}.hv-term pre{font-size:10px}.hv-scope{width:210px}}@media (max-width:900px){.hero{min-height:0;padding-top:calc(var(--header-h) + var(--space-12));--tex-mask:radial-gradient(ellipse 90% 60% at 50% 65%,#000 20%,transparent 75%)}.hero-layout{grid-template-columns:1fr;gap:var(--space-16);padding-bottom:var(--space-20)}.hero-content{max-width:640px}.hero-title{font-size:clamp(3.5rem,11vw,5.75rem)}.hero-visual{justify-self:center;max-width:560px}.hv-term{left:max(-14%,calc(10px - (100vw - 100%) / 2));bottom:-12%}.hv-scope{right:max(-14%,calc(10px - (100vw - 100%) / 2));bottom:-15%}}@media (max-width:600px){.hero-title{font-size:clamp(2.9rem,15vw,4rem);margin-bottom:var(--space-6)}.hero-badge{margin-bottom:var(--space-6)}.hero-lead{margin-bottom:var(--space-8)}.hero-buttons .btn-lg{flex:1 1 auto;padding:14px 20px}.hero-layout{gap:var(--space-12);padding-bottom:var(--space-16)}.hero-visual{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.hv-frame{grid-column:1 / -1;padding:6px;border-radius:18px}.hv-panel{position:static;width:auto;min-width:0}.hv-term pre{font-size:9.5px;padding:9px 10px}.hv-panel-head,.hv-panel-foot{font-size:8.5px;letter-spacing:0.08em;padding-inline:10px}.hv-scope svg{height:64px}.hero-rail{display:none}}@media (max-width:360px){.hero-visual{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.hero-visual,.hv-panel,.pcb-trace,.led,.code-cursor,.t-cursor,.scope-wave{animation:none!important}.pcb-pulse{display:none}}.learn-hero{padding:var(--space-24) 0 var(--space-12);text-align:center}.learn-categories{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-6)}.learn-category{padding:var(--space-8);border:var(--border-default);border-radius:var(--radius-lg);background:var(--bg-surface);transition:all var(--ease-base)}.learn-category:hover{border-color:rgba(37,99,235,0.22);background:var(--card-hover-bg);transform:translateY(-2px)}.learn-category .cat-icon{font-size:2rem;margin-bottom:var(--space-4)}.learn-category h3{margin-bottom:var(--space-2)}.learn-category p{font-size:var(--text-sm);color:var(--text-tertiary);margin-bottom:var(--space-4)}.learn-topics{display:flex;flex-wrap:wrap;gap:var(--space-2)}.learn-topic{padding:4px 12px;font-size:var(--text-xs);color:var(--text-secondary);background:var(--bg-elevated);border-radius:var(--radius-full)}main [hidden]{display:none!important}.learn-start{padding-top:var(--space-16)}.path{position:relative;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px;margin:var(--space-10) 0 0;padding:0;list-style:none}.path::before{content:"";position:absolute;left:28px;right:28px;top:29px;height:2px;background:repeating-linear-gradient(90deg,var(--line) 0 6px,transparent 6px 11px)}.path-step a{position:relative;display:flex;flex-direction:column;gap:6px;height:100%;padding:16px 14px;border:var(--border-default);border-radius:12px;background:var(--bg-surface);color:inherit;transition:border-color var(--ease-base),transform var(--ease-base)}.path-step a:hover{border-color:rgba(37,99,235,0.35);transform:translateY(-2px)}.ps-dot{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;border:2px solid var(--line);background:var(--bg-surface);font:600 11px/1 var(--font-mono);color:var(--text-muted)}.path-step.is-done .ps-dot{background:var(--vivid-green);border-color:var(--vivid-green);color:#fff}.path-step.is-next a{border-color:rgba(37,99,235,0.45);box-shadow:0 0 0 3px rgba(37,99,235,0.1)}.path-step.is-next .ps-dot{border-color:var(--accent);color:var(--accent)}.ps-track{font:600 10px/1 var(--font-mono);letter-spacing:0.08em;color:var(--tone);margin-top:6px}.ps-title{font-weight:600;font-size:14px;line-height:1.3;color:var(--text-primary)}.ps-min{margin-top:auto;font:500 11px/1 var(--font-mono);color:var(--text-muted)}.path-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-4);margin-top:var(--space-6)}.path-count{font:500 12px/1 var(--font-mono);letter-spacing:0.06em;color:var(--text-muted);text-transform:uppercase}.path-complete{display:inline-flex;align-items:center;gap:8px;font-weight:600;color:var(--vivid-green)}.learn-browse{padding-top:var(--space-12)}.learn-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;margin-bottom:var(--space-6)}.learn-search{position:relative;flex:1 1 340px}.learn-search > .icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--text-muted);pointer-events:none}.learn-search .form-input{width:100%;padding-left:42px}.learn-levels{display:flex;flex-wrap:wrap;gap:8px}.level-chip{padding:8px 14px;border:var(--border-default);border-radius:var(--radius-full);background:var(--bg-surface);color:var(--text-secondary);font-family:inherit;font-size:13px;font-weight:600;line-height:1;cursor:pointer;transition:background var(--ease-base),color var(--ease-base),border-color var(--ease-base)}.level-chip:hover{border-color:rgba(37,99,235,0.35);color:var(--text-primary)}.level-chip.is-active{background:var(--text-primary);border-color:var(--text-primary);color:#ffffff}.learn-count{width:100%;margin:0;font:500 12px/1 var(--font-mono);color:var(--text-muted)}.learn-count:empty{display:none}.learn-empty{padding:var(--space-8);border:1px dashed var(--line);border-radius:12px;text-align:center;color:var(--text-tertiary)}.learn-empty a{color:var(--accent-text,var(--accent));text-decoration:underline}.learn-category{position:relative}.learn-card-link{color:inherit}.learn-card-link::after{content:"";position:absolute;inset:0;border-radius:inherit}.learn-category .learn-topics{position:relative;z-index:2}a.learn-topic{transition:background var(--ease-base),color var(--ease-base)}a.learn-topic.is-ready:hover{background:color-mix(in srgb,var(--tone,var(--accent)) 14%,var(--bg-surface));color:var(--text-primary)}.learn-topic.is-done{color:#047857;background:#e7f6ef;display:inline-flex;align-items:center;gap:4px}.learn-topic.is-soon{background:transparent;border:1px dashed var(--line);color:var(--text-muted)}.learn-card-foot{grid-column:1 / -1;display:flex;align-items:center;gap:12px;margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px dashed var(--line)}.lcf-text{font:500 11px/1.2 var(--font-mono);color:var(--text-muted)}.lcf-open{margin-left:auto;font-size:13px;font-weight:600;color:var(--accent-text);color:color-mix(in srgb,var(--tone,var(--accent)) 72%,#000000);white-space:nowrap}.learn-category--feature .lcf-open{color:#9a5405}.lesson-list{display:grid;gap:10px}.lesson-row{display:grid;grid-template-columns:44px minmax(0,1fr) auto auto;align-items:center;gap:16px;padding:16px 18px;border:var(--border-default);border-radius:12px;background:var(--bg-surface);color:inherit;transition:border-color var(--ease-base),background var(--ease-base),transform var(--ease-base)}a.lesson-row:hover{border-color:rgba(37,99,235,0.35);transform:translateX(2px)}.lesson-row.is-soon{background:transparent;border-style:dashed}.lesson-row.is-soon .lr-title{color:var(--text-tertiary)}.lr-num{font:600 12px/1 var(--font-mono);color:var(--text-muted);letter-spacing:0.06em}.lr-track{justify-self:start;padding:4px 7px;border-radius:6px;font:600 10.5px/1 var(--font-mono);color:var(--tone);background:color-mix(in srgb,var(--tone) 10%,var(--bg-surface))}.lr-main{display:grid;gap:3px;min-width:0}.lr-title{font-weight:600;font-size:15.5px;color:var(--text-primary);line-height:1.3}.lr-sum{font-size:13.5px;color:var(--text-tertiary);line-height:1.45}.lr-meta{display:flex;align-items:center;gap:10px}.lr-min{display:inline-flex;align-items:center;gap:4px;font:500 12px/1 var(--font-mono);color:var(--text-muted);white-space:nowrap}.lvl{padding:4px 8px;border-radius:var(--radius-full);font:600 10px/1 var(--font-mono);letter-spacing:0.06em;text-transform:uppercase;white-space:nowrap}.lvl--beginner{color:#047857;background:#e3f5ec}.lvl--intermediate{color:#9a5405;background:#fcf1dc}.lvl--advanced{color:#6d28d9;background:#efe8fd}.lr-state{display:inline-flex;align-items:center;justify-content:flex-end;gap:4px;min-width:64px;font:600 11px/1 var(--font-mono)}.lr-state--done{color:#047857}.lr-state--go{color:var(--accent)}.lr-state--soon{color:var(--text-muted);font-weight:500}.learn-view{padding:calc(var(--header-h) + var(--space-10)) 0 var(--space-24)}.learn-crumbs ol{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;font:500 12px/1.4 var(--font-mono);color:var(--text-muted)}.learn-crumbs li + li::before{content:"/";margin-right:6px;color:var(--line)}.learn-crumbs a{color:var(--text-secondary)}.learn-crumbs a:hover{color:var(--accent)}.learn-crumbs [aria-current]{color:var(--text-primary)}.track-head{margin:var(--space-6) 0 var(--space-8);padding:var(--space-8);border:1px solid color-mix(in srgb,var(--tone) 22%,var(--bg-surface));border-radius:var(--radius-lg);background:color-mix(in srgb,var(--tone) 6%,var(--bg-surface))}.track-head h1{font-size:clamp(2rem,4vw,2.9rem);letter-spacing:-0.035em;margin:0 0 var(--space-3)}.track-sum{max-width:640px;color:var(--text-secondary);margin:0 0 var(--space-6)}.track-stats{display:flex;flex-wrap:wrap;align-items:center;gap:14px;font:500 12px/1.3 var(--font-mono);color:var(--text-muted)}.learn-pager{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:var(--space-10)}.pager-link{display:flex;align-items:center;gap:12px;padding:16px 18px;border:var(--border-default);border-radius:12px;background:var(--bg-surface);color:var(--text-primary);font-weight:600;transition:border-color var(--ease-base)}.pager-link:hover{border-color:rgba(37,99,235,0.35)}.pager-link small{display:block;margin-bottom:3px;font:500 11px/1 var(--font-mono);color:var(--text-muted);letter-spacing:0.04em}.pager-link--next{justify-content:flex-end;text-align:right}.pager-link .icon{flex:none;color:var(--accent)}.lesson-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:var(--space-12);align-items:start;margin-top:var(--space-6)}.lesson{max-width:760px}.lesson-meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.lesson-meta .meta-code{color:var(--tone)}.lesson h1{font-size:clamp(2rem,4vw,2.75rem);letter-spacing:-0.035em;margin:var(--space-4) 0 var(--space-3)}.lesson-lead{font-size:1.125rem;color:var(--text-secondary);margin:0 0 var(--space-8);padding-bottom:var(--space-6);border-bottom:var(--border-default)}.lesson-video{margin-bottom:var(--space-8);border-radius:12px;overflow:hidden}.lesson-body{font-size:1.0625rem;line-height:1.75;color:var(--text-secondary)}.lesson-body > :first-child{margin-top:0}.lesson-body h2{font-size:1.4rem;letter-spacing:-0.02em;color:var(--text-primary);margin:var(--space-10) 0 var(--space-3)}.lesson-body h3{font-size:1.125rem;color:var(--text-primary);margin:var(--space-8) 0 var(--space-2)}.lesson-body p{margin:0 0 var(--space-4)}.lesson-body ul,.lesson-body ol{margin:0 0 var(--space-5);padding-left:1.4em}.lesson-body ul{list-style:disc}.lesson-body ol{list-style:decimal}.lesson-body li{margin:0 0 6px;padding-left:2px}.lesson-body li::marker{color:var(--tone)}.lesson-body strong{color:var(--text-primary);font-weight:650}.lesson-body a{color:var(--accent-text,var(--accent));text-decoration:underline;text-underline-offset:3px}.lesson-body code{padding:2px 6px;border-radius:5px;background:#eef2f8;color:#1e3a8a;font:500 0.88em var(--font-mono)}.lesson-code{margin:0 0 var(--space-5);padding:16px 18px;border:var(--border-default);border-radius:10px;background:#f7f9fc;overflow-x:auto;font:500 13.5px/1.6 var(--font-mono);color:#1f2937}.lesson-code[data-lang]::before{content:attr(data-lang);display:block;margin-bottom:8px;font-size:10px;letter-spacing:0.12em;text-transform:uppercase;color:var(--text-muted)}.lesson-code code{padding:0;background:none;color:inherit;font:inherit}.lesson-formula{margin:var(--space-4) 0;padding:14px 18px;border:1px dashed color-mix(in srgb,var(--tone) 45%,var(--bg-surface));border-radius:10px;background:color-mix(in srgb,var(--tone) 6%,var(--bg-surface));text-align:center;font:600 1.05rem/1.5 var(--font-mono);color:var(--text-primary);white-space:pre-wrap}.lesson-formula + .lesson-formula{margin-top:calc(-1 * var(--space-2))}.lesson-note{margin:var(--space-5) 0;padding:14px 18px;border:1px solid;border-radius:10px;font-size:0.97rem}.lesson-note--tip{background:#eff5ff;border-color:#bfd3fb}.lesson-note--warn{background:#fff4ea;border-color:#fbcfa6}.lesson-table{margin:0 0 var(--space-5);overflow-x:auto;border:var(--border-default);border-radius:10px}.lesson-table table{width:100%;border-collapse:collapse;font-size:0.95rem}.lesson-table th{padding:10px 14px;text-align:left;background:var(--bg-elevated);font:600 11px/1.3 var(--font-mono);letter-spacing:0.06em;text-transform:uppercase;color:var(--text-secondary)}.lesson-table td{padding:10px 14px;border-top:var(--border-default);vertical-align:top}.lesson-done-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;margin-top:var(--space-10);padding-top:var(--space-6);border-top:var(--border-default)}.lesson-done{display:inline-flex;align-items:center;gap:10px;padding:12px 18px;border:1.5px solid var(--line);border-radius:10px;background:var(--bg-surface);color:var(--text-primary);font-family:inherit;font-size:15px;font-weight:600;line-height:1;cursor:pointer;transition:border-color var(--ease-base),background var(--ease-base)}.lesson-done:hover{border-color:var(--vivid-green)}.ld-box{display:inline-grid;place-items:center;width:20px;height:20px;border:2px solid #b8c0cc;border-radius:5px;color:transparent;transition:background var(--ease-base),border-color var(--ease-base)}.lesson-done.is-done{border-color:var(--vivid-green);background:#e9f7f0;color:#047857}.lesson-done.is-done .ld-box{background:var(--vivid-green);border-color:var(--vivid-green);color:#ffffff}.ld-hint{font:500 11px/1 var(--font-mono);color:var(--text-muted);opacity:0;transition:opacity 0.2s ease}.lesson-done:hover + .ld-hint,.lesson-done:focus-visible + .ld-hint,.ld-hint.is-shown{opacity:1}.lesson-side{position:sticky;top:calc(var(--header-h) + var(--space-6))}.ls-head{display:grid;gap:4px;margin-bottom:var(--space-4)}.ls-head .meta-code{color:var(--text-muted)}.ls-head a{font-weight:650;color:var(--text-primary)}.ls-head a:hover{color:var(--accent)}.lesson-list--mini{gap:6px}.lesson-list--mini .lesson-row{grid-template-columns:24px minmax(0,1fr) auto;gap:10px;padding:10px 12px;border-radius:10px}.lesson-list--mini .lr-sum,.lesson-list--mini .lr-meta{display:none}.lesson-list--mini .lr-title{font-size:14px}.lesson-list--mini .lr-state{min-width:0;font-size:10px}.lesson-list--mini .lr-state--go{display:none}.lesson-list--mini .lr-state--soon{font-size:0}.lesson-list--mini .lr-state--soon::after{content:"SOON";font-size:9.5px;letter-spacing:0.08em}.lesson-row.is-current{border-color:var(--accent);background:#f1f6ff}.lesson-soon{margin-top:var(--space-4);padding:var(--space-10) var(--space-8);border:1px dashed var(--line);border-radius:var(--radius-lg);background:var(--bg-surface);text-align:center}.lesson-soon-tag{display:inline-block;padding:5px 10px;border-radius:var(--radius-full);background:#fdf6d8;color:#854d0e;font:600 11px/1 var(--font-mono);letter-spacing:0.08em;text-transform:uppercase}.lesson-soon p{max-width:460px;margin:var(--space-4) auto var(--space-6);color:var(--text-secondary)}.lesson-soon-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.lesson-soon-actions .icon{margin-right:6px}@media (max-width:1024px){.path{grid-template-columns:1fr;gap:8px}.path::before{left:29px;right:auto;top:20px;bottom:20px;width:2px;height:auto;background:repeating-linear-gradient(180deg,var(--line) 0 6px,transparent 6px 11px)}.path-step a{display:grid;grid-template-columns:28px minmax(0,1fr) auto;grid-template-areas:"dot title min" "dot track min";column-gap:14px;row-gap:2px;align-items:center;padding:12px 16px}.ps-dot{grid-area:dot}.ps-title{grid-area:title}.ps-track{grid-area:track;margin:0}.ps-min{grid-area:min;margin:0}.lesson-layout{grid-template-columns:minmax(0,1fr)}.lesson-side{position:static}}@media (max-width:640px){.lesson-row{grid-template-columns:30px minmax(0,1fr) auto;grid-template-areas:"num main state" "num meta state";gap:8px 12px;padding:14px}.lesson-row > :first-child{grid-area:num;align-self:start;margin-top:2px}.lr-main{grid-area:main}.lr-meta{grid-area:meta}.lr-state{grid-area:state;min-width:0}.lesson-list--mini .lesson-row{grid-template-areas:none}.lesson-list--mini .lesson-row > *{grid-area:auto}.track-head{padding:var(--space-6)}.learn-pager{grid-template-columns:1fr}.lesson-body{font-size:1rem}.learn-card-foot{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){.path-step a,a.lesson-row{transition:none}.path-step a:hover,a.lesson-row:hover{transform:none}}.demo{margin:var(--space-6) 0;padding:18px 20px 16px;border:var(--border-default);border-radius:14px;background:var(--bg-surface)}.demo-head{display:flex;align-items:center;gap:10px;margin-bottom:10px}.demo-tag{padding:4px 8px;border-radius:var(--radius-full);background:color-mix(in srgb,var(--tone,var(--accent)) 12%,var(--bg-surface));color:var(--tone,var(--accent));font:600 10px/1 var(--font-mono);letter-spacing:0.08em;text-transform:uppercase}.demo-title{font-weight:650;color:var(--text-primary);font-size:15px}.demo-stage svg{display:block;width:100%;height:auto}.demo-label{font:600 11px var(--font-mono);fill:var(--text-muted);letter-spacing:0.06em}.demo-controls{display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:12px}.demo-slider{flex:1 1 220px;display:grid;gap:6px}.demo-slider label{display:flex;justify-content:space-between;gap:8px;font-size:13.5px;font-weight:600;color:var(--text-secondary)}.demo-slider output{font:600 12.5px var(--font-mono);color:var(--text-primary)}.demo-slider input{width:100%;accent-color:var(--tone,var(--accent))}.demo-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border:1.5px solid var(--line);border-radius:10px;background:var(--bg-surface);color:var(--text-primary);font-family:inherit;font-size:14px;font-weight:600;cursor:pointer}.demo-btn:hover{border-color:var(--tone,var(--accent))}.demo-readout{margin:12px 0 0;font:500 13.5px/1.5 var(--font-mono);color:var(--text-secondary)}.demo-readout b{color:var(--text-primary)}.lesson-body .demo-caption{margin:6px 0 0;font-size:13px;line-height:1.5;color:var(--text-muted)}.demo-flow{stroke-dasharray:5 9;animation:demo-flow 1s linear infinite}@keyframes demo-flow{to{stroke-dashoffset:-28}}.wt-tank{fill:#f8fafc;stroke:#94a3b8;stroke-width:2}.wt-water{fill:rgba(37,99,235,0.22);transition:y 0.3s ease,height 0.3s ease}.wt-surface{stroke:#2563eb;stroke-width:2;transition:all 0.3s ease}.wt-pipe{fill:#e0ecff;stroke:#94a3b8;stroke-width:1.5}.wt-narrow{transition:y 0.3s ease,height 0.3s ease}.wt-flow{stroke:#2563eb;stroke-linecap:round}.wt-arrow{fill:none;stroke:#2563eb;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.df-wire{fill:none;stroke:#475569;stroke-width:2.5;stroke-linejoin:round}.df-current{fill:none;stroke:#f59e0b;stroke-width:3;stroke-linecap:round;transition:opacity 0.25s ease}.df-gap{fill:#ffffff}.df-sym{fill:none;stroke:#0b1220;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.df-thick{stroke-width:4}.df-fill{fill:#0b1220}.df-plus{fill:#d9363e;font-size:14px}.df-diode{transform-box:fill-box;transform-origin:50% 50%;transition:transform 0.45s cubic-bezier(.3,.7,.3,1)}.df-led{fill:#ef4444;transition:fill 0.25s ease}.df-glow,.df-rays{transition:opacity 0.25s ease}.df-rays{fill:none;stroke:#ef4444;stroke-width:1.8;stroke-linecap:round}.df-state{fill:#047857}.demo.is-reversed .df-diode{transform:rotate(180deg)}.demo.is-reversed .df-current,.demo.is-reversed .df-glow,.demo.is-reversed .df-rays{opacity:0}.demo.is-reversed .df-led{fill:#f3f4f6}.demo.is-reversed .df-state{fill:#c2410c}@media (prefers-reduced-motion:reduce){.demo-flow{animation:none}.df-diode,.wt-water,.wt-surface,.wt-narrow{transition:none}}@media (max-width:640px){.demo{padding:14px 14px 12px}.demo-stage{margin:0 -6px}.demo-label{font-size:19px}.df-plus{font-size:22px}}.pwm-axis{stroke:#cbd5e1;stroke-width:1.5}.pwm-wave{fill:none;stroke:var(--tone,var(--accent));stroke-width:2.5;stroke-linejoin:round}.pwm-avg{stroke:#ef4444;stroke-width:1.5;stroke-dasharray:4 5}.pwm-avg-label{fill:#ef4444}.pwm-led{fill:#ef4444;stroke:#b91c1c;stroke-width:1.5}.pwm-glow{fill:#ef4444;filter:blur(14px)}.demo-stage svg{overflow:visible}@media (min-width:1025px){.learn-categories > .learn-category:last-child:nth-child(3n+1):not(.learn-category--feature){grid-column:span 2}.learn-categories > .learn-category:last-child:nth-child(3n+2):not(.learn-category--feature){grid-column:auto;display:block}}@media (max-width:1024px){.learn-categories > .learn-category:last-child:nth-child(odd):not(.learn-category--feature){grid-column:1 / -1}}main > .learn-hero.has-bench{padding-bottom:0}.lab-bench{position:relative;max-width:980px;height:200px;margin:var(--space-8) auto 0;text-align:left}.bench-desk{position:absolute;left:50%;bottom:0;width:100vw;height:16px;transform:translateX(-50%);background:linear-gradient(#efe9de,#e5ddcd);border-top:1px solid #d8cdb9;box-shadow:inset 0 1px 0 rgba(255,255,255,0.7)}.bench-notes,.bench-circuit{position:absolute;bottom:15px}.bench-notes{left:4%;width:120px}.bench-circuit{right:4%;width:150px}.bench-notes svg,.bench-circuit svg{display:block;width:100%;height:auto;overflow:visible}.nb-page{fill:#ffffff;stroke:#cbd5e1;stroke-width:1.2;stroke-linejoin:round}.nb-fold{stroke:#cbd5e1;stroke-width:1.2}.nb-line{stroke:#bfdbfe;stroke-width:1}.nb-ink{font:600 10px var(--font-mono);fill:#2563eb}.nb-sketch{fill:none;stroke:#2563eb;stroke-width:1.2;stroke-linejoin:round}.nb-pencil{stroke:#f59e0b;stroke-width:4;stroke-linecap:round}.nb-tip{stroke:#334155;stroke-width:2;stroke-linecap:round}.bench-pcb{fill:#d9eedf;stroke:#93c4a2;stroke-width:1.4}.trace{fill:none;stroke:#c9a24a;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.trace-flow{fill:none;stroke:#f59e0b;stroke-width:2.5;stroke-linecap:round;stroke-dasharray:3 7;opacity:0;transition:opacity 0.2s ease}.bench-circuit.is-on .trace-flow{opacity:1;animation:bench-flow 0.9s linear infinite}@keyframes bench-flow{to{stroke-dashoffset:-20}}.cell{fill:#e2e8f0;stroke:#94a3b8;stroke-width:1.5}.cell-mark{font:700 11px var(--font-mono);fill:#64748b}.res{fill:#ead7aa;stroke:#b89b5e;stroke-width:1}.res-band{stroke:#7c2d12;stroke-width:1.6}.led{fill:#fde2e2;stroke:#ef4444;stroke-width:1.2;transition:fill 0.15s ease}.led-rim{stroke:#ef4444;stroke-width:2;stroke-linecap:round}.led-glow{fill:#ef4444;opacity:0;filter:blur(7px);transition:opacity 0.15s ease}.bench-circuit.is-on .led{fill:#ef4444}.bench-circuit.is-on .led-glow{opacity:0.6}.bench-switch{position:absolute;left:38.5%;top:37.5%;width:19%;aspect-ratio:28 / 12;transform:translateY(-50%);padding:0;border:0;border-radius:3px;background:#1f2937;cursor:pointer}.bench-switch::before{content:"";position:absolute;inset:-12px -6px}.bench-switch span{position:absolute;top:2px;bottom:2px;left:2px;width:45%;border-radius:2px;background:#f1f5f9;transition:left 0.15s ease}.bench-switch[aria-pressed="true"] span{left:calc(55% - 2px)}.bench-switch:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.bot{position:absolute;left:0;bottom:14px;width:76px;z-index:2}.bot-btn{display:block;width:100%;padding:0;border:0;background:none;cursor:pointer;border-radius:16px}.bot-btn:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.bot-btn svg{display:block;width:100%;height:auto;overflow:visible}.bot-head{fill:#ffffff;stroke:#cbd5e1;stroke-width:2}.bot-screen{fill:#0f172a}.bot-eye{fill:#22d3ee;transform-box:fill-box;transform-origin:50% 50%;animation:bot-blink 4.6s infinite;transition:opacity 0.15s ease}@keyframes bot-blink{0%,93%,100%{transform:scaleY(1)}96%{transform:scaleY(0.1)}}.bot-eyes{transition:transform 0.25s ease}.bot.face-left .bot-eyes{transform:translateX(-4px)}.bot.face-right .bot-eyes{transform:translateX(4px)}.bot-happy{fill:none;stroke:#22d3ee;stroke-width:3.5;stroke-linecap:round;opacity:0;transition:opacity 0.15s ease}.bot.is-happy .bot-eye,.bot.is-wave .bot-eye{opacity:0}.bot.is-happy .bot-happy,.bot.is-wave .bot-happy{opacity:1}.bot.is-reading .bot-eye{animation:none;transform:scaleY(0.45) translateY(6px)}.bot.is-reading .bot-eyes{animation:bot-scan 1.1s ease-in-out infinite alternate}@keyframes bot-scan{from{transform:translateX(-5px)}to{transform:translateX(1px)}}.bot-stem{stroke:#94a3b8;stroke-width:2}.bot-ant{fill:#22c55e;filter:drop-shadow(0 0 3px rgba(34,197,94,0.8))}.bot.is-talking .bot-ant{animation:bot-talk 0.3s steps(2) infinite}@keyframes bot-talk{50%{fill:#86efac}}.bot-arm rect{fill:#ffffff;stroke:#cbd5e1;stroke-width:2}.bot-arm{transform-box:fill-box;transform-origin:50% 12%;transition:transform 0.3s ease}.bot.is-reach .bot-arm--r{transform:rotate(-80deg)}.bot.is-wave .bot-arm--r{animation:bot-wave 0.9s ease-in-out}@keyframes bot-wave{0%,100%{transform:rotate(0)}25%,75%{transform:rotate(-150deg)}50%{transform:rotate(-115deg)}}.bot-neck{fill:#e2e8f0;stroke:#cbd5e1;stroke-width:1.5}.bot-tread{fill:#334155}.bot-tread-lug{stroke:#64748b;stroke-width:2;stroke-dasharray:3 5}.bot-wheel{fill:#94a3b8}.bot.is-walking .bot-btn svg{animation:bot-bob 0.32s ease-in-out infinite alternate}.bot.is-walking .bot-tread-lug{animation:bot-lug 0.4s linear infinite}.bot.is-walking.face-left .bot-tread-lug{animation-direction:reverse}@keyframes bot-bob{to{transform:translateY(-2px)}}@keyframes bot-lug{to{stroke-dashoffset:-8}}.bot-bubble{position:absolute;bottom:calc(100% + 8px);left:50%;width:max-content;max-width:260px;padding:9px 13px;border:1px solid rgba(11,18,32,0.1);border-radius:12px;background:var(--bg-surface);box-shadow:0 10px 24px -12px rgba(11,18,32,0.35);color:var(--text-primary);font-size:13px;line-height:1.45;opacity:0;transform:translate(-50%,4px);pointer-events:none;visibility:hidden;transition:opacity 0.2s ease,transform 0.2s ease,visibility 0s linear 0.2s}.bot-bubble::after{content:"";position:absolute;top:100%;left:50%;width:10px;height:10px;margin:-5px 0 0 -5px;background:var(--bg-surface);border-right:1px solid rgba(11,18,32,0.1);border-bottom:1px solid rgba(11,18,32,0.1);transform:rotate(45deg)}.bot-bubble.is-on{opacity:1;transform:translate(-50%,0);pointer-events:auto;visibility:visible;transition-delay:0s}.bot-bubble.is-left{left:0;transform:translateY(4px)}.bot-bubble.is-left.is-on{transform:none}.bot-bubble.is-left::after{left:38px}.bot-bubble.is-right{left:auto;right:0;transform:translateY(4px)}.bot-bubble.is-right.is-on{transform:none}.bot-bubble.is-right::after{left:auto;right:33px}.bot-link{font-weight:600;color:var(--accent-text,var(--accent));white-space:nowrap}.bot-link:hover{text-decoration:underline}.lab-bench.is-paused *,.lab-bench.is-paused *::before{animation-play-state:paused!important}@media (max-width:640px){.lab-bench{height:184px;margin-top:var(--space-6)}.bench-notes{left:0;width:84px}.bench-circuit{right:0;width:116px}.bot{width:62px}.bot-bubble{max-width:min(230px,calc(100vw - 48px));font-size:12.5px}}@media (prefers-reduced-motion:reduce){.bot-eye,.bot-eyes,.bot-ant,.bot-arm,.trace-flow,.bot-btn svg,.bot-tread-lug{animation:none!important}}.lab-bench{display:none}.learn-hero.has-bench .lab-bench{display:block}html.learn-js main > .learn-hero{padding-bottom:0}html.learn-js .lab-bench{display:block}html.learn-route #learnHero,html.learn-route #learnStart,html.learn-route #learnBrowse{display:none}html.learn-route main{min-height:100vh}@media (min-width:641px){.lab-bench{height:230px;max-width:900px}.bench-notes{left:10%;width:150px}.bench-circuit{right:10%;width:196px}.bot{width:94px}.bot-bubble{font-size:13.5px}}.bench-voice{position:absolute;top:6px;right:0;z-index:3;display:inline-flex;align-items:center;gap:6px;padding:6px 11px 6px 9px;border:1px solid rgba(11,18,32,0.12);border-radius:var(--radius-full);background:rgba(255,255,255,0.85);color:var(--text-secondary);font:600 11px/1 var(--font-mono);letter-spacing:0.04em;cursor:pointer;transition:border-color var(--ease-base),color var(--ease-base),background var(--ease-base)}.bench-voice:hover{border-color:rgba(37,99,235,0.4);color:var(--text-primary)}.bench-voice:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.bench-voice svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.bench-voice .bv-spk{fill:currentColor;stroke:none}.bench-voice .bv-on{display:none}.bench-voice[aria-pressed="true"]{color:#047857;border-color:rgba(5,150,105,0.4);background:#ecfdf5}.bench-voice[aria-pressed="true"] .bv-on{display:inline}.bench-voice[aria-pressed="true"] .bv-off{display:none}.demo-split{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:16px;align-items:center}.demo-choice{display:grid;gap:6px;flex:0 1 auto}.demo-choice-label{font-size:13.5px;font-weight:600;color:var(--text-secondary)}.demo-seg{display:flex;flex-wrap:wrap;gap:6px}.demo-seg-btn{min-height:36px;padding:7px 12px;border:1.5px solid var(--line);border-radius:9px;background:var(--bg-surface);color:var(--text-secondary);font:600 12.5px/1.2 var(--font-mono);cursor:pointer;transition:border-color var(--ease-base),background var(--ease-base),color var(--ease-base)}.demo-seg-btn:hover{border-color:rgba(37,99,235,0.5);color:var(--text-primary)}.demo-seg-btn[aria-pressed="true"]{border-color:#2563eb;background:#eff6ff;color:#1d4ed8}.demo-seg-btn:focus-visible,.ep-pin:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.demo-field{display:grid;gap:6px;flex:0 1 200px}.demo-field label{font-size:13.5px;font-weight:600;color:var(--text-secondary)}.demo-field input{width:100%;min-height:38px;padding:7px 10px;border:1.5px solid var(--line);border-radius:9px;background:var(--bg-surface);color:var(--text-primary);font:600 15px var(--font-mono)}.demo-field input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,0.15)}.demo-field input.is-bad{border-color:#dc2626;box-shadow:0 0 0 3px rgba(220,38,38,0.12)}.demo-meters{display:grid;grid-template-columns:repeat(auto-fit,minmax(128px,1fr));gap:8px}.demo-controls .demo-meters{flex:1 1 100%}.demo-controls:has(.demo-seg,.demo-field,.ep-legend,.demo-btn,.ud-pad) + .demo-readout{margin-top:16px}.demo-meter{display:grid;gap:3px;padding:8px 10px;border:1px solid var(--line);border-left:3px solid #cbd5e1;border-radius:8px;background:#f8fafc}.demo-meter span{font:600 10.5px/1.3 var(--font-mono);letter-spacing:0.04em;text-transform:uppercase;color:var(--text-muted)}.demo-meter b{font:650 15px/1.3 var(--font-mono);color:var(--text-primary)}.demo-meter.is-ok{border-left-color:#059669;background:#ecfdf5}.demo-meter.is-ok b{color:#047857}.demo-meter.is-warn{border-left-color:#d97706;background:#fffbeb}.demo-meter.is-warn b{color:#b45309}.demo-meter.is-bad{border-left-color:#dc2626;background:#fef2f2}.demo-meter.is-bad b{color:#b91c1c}.demo-meter.is-off b{color:var(--text-muted)}.demo-stage--wide{overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}.bj-rail{stroke:#dc2626;stroke-width:3;stroke-linecap:round}.bj-wire{fill:none;stroke:#475569;stroke-width:2.5;stroke-linejoin:round}.bj-sym{fill:none;stroke:#0b1220;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.bj-thick{stroke-width:4}.bj-body{fill:#f8fafc;stroke:#94a3b8;stroke-width:1.5}.bj-src{fill:#eff6ff;stroke:#2563eb;stroke-width:2}.bj-arrow{fill:#0b1220}.bj-led{fill:#fecaca;transition:fill 0.25s ease}.bj-glow,.mf-lamp-glow,.mf-heat{transition:opacity 0.25s ease}.bj-ib{fill:none;stroke:#2563eb;stroke-width:3;stroke-linecap:round;transition:opacity 0.25s ease}.bj-ic{fill:none;stroke:#f59e0b;stroke-width:3;stroke-linecap:round;transition:opacity 0.25s ease}.mf-lamp{fill:#fefce8;stroke:#0b1220;stroke-width:2.2;transition:fill 0.25s ease}.mf-part{fill:#2563eb}.tm-max{stroke:#dc2626;stroke-width:1.5;stroke-dasharray:5 5}.tm-ocr{stroke:#2563eb;stroke-width:1.5;stroke-dasharray:3 4}.tm-ocr-l{fill:#2563eb}.tm-saw{fill:none;stroke:#2563eb;stroke-width:2.5;stroke-linejoin:round}.tm-saw.is-bad{stroke:#dc2626;stroke-dasharray:6 5}.tm-tick{stroke:#059669;stroke-width:2.5;stroke-linecap:round}.tm-tick-l{fill:#059669}.pi-btn{fill:none;stroke:#0b1220;stroke-width:2.2;stroke-linejoin:round}.pi-band{fill:rgba(37,99,235,0.35)}.pi-tick{stroke:#2563eb;stroke-width:1.6}.pi-ok{fill:none;stroke:#059669;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}.pi-miss{fill:none;stroke:#dc2626;stroke-width:2.6;stroke-linecap:round}.ep-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(46px,1fr));gap:6px}.ep-pin{--pc:#059669;min-height:40px;border:1.5px solid color-mix(in srgb,var(--pc) 45%,var(--bg-surface));border-radius:8px;background:color-mix(in srgb,var(--pc) 9%,var(--bg-surface));color:var(--text-primary);font:650 14px var(--font-mono);cursor:pointer;transition:transform var(--ease-base),border-color var(--ease-base),box-shadow var(--ease-base)}.ep-pin:hover{border-color:var(--pc)}.ep-pin[aria-pressed="true"]{border-color:var(--pc);background:var(--pc);color:#ffffff;box-shadow:0 4px 12px color-mix(in srgb,var(--pc) 30%,transparent)}.ep-pin--ok{--pc:#059669}.ep-pin--care{--pc:#d97706}.ep-pin--input{--pc:#2563eb}.ep-pin--avoid{--pc:#dc2626}.ep-info{margin-top:12px;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:#f8fafc}.ep-head{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.ep-head b{font:700 16px var(--font-mono);color:var(--text-primary)}.ep-tag{padding:3px 9px;border-radius:var(--radius-full);background:color-mix(in srgb,var(--pc) 12%,var(--bg-surface));color:color-mix(in srgb,var(--pc) 80%,#000000);font:600 11px/1.4 var(--font-mono);letter-spacing:0.04em;text-transform:uppercase}.lesson-body .ep-info p{margin:8px 0 0;font-size:14.5px;line-height:1.55;color:var(--text-secondary)}.lesson-body .ep-info .ep-extra{font:500 13px/1.5 var(--font-mono);color:var(--text-muted)}.ep-extra b{color:#b45309}.ep-legend{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:13px;color:var(--text-secondary)}.ep-legend span{display:inline-flex;align-items:center;gap:7px}.ep-dot{width:11px;height:11px;border-radius:3px;background:var(--pc)}.uf-cell{stroke:#ffffff;stroke-width:1}.uf-cell--idle{fill:#f8fafc}.uf-cell--start{fill:#fef3c7}.uf-cell--data{fill:#eff6ff}.uf-cell--stop{fill:#dcfce7}.uf-wave{fill:none;stroke:#2563eb;stroke-width:2.8;stroke-linejoin:round}.uf-bit{fill:#1d4ed8}.sp-cs{fill:none;stroke:#d97706;stroke-width:2.4;stroke-linejoin:round}.sp-sck{fill:none;stroke:#0b1220;stroke-width:2.4;stroke-linejoin:round}.sp-mosi{fill:none;stroke:#2563eb;stroke-width:2.4;stroke-linejoin:round}.sp-sample{stroke:#059669;stroke-width:1.2;stroke-dasharray:3 4}.sp-dot{fill:#059669}.ic-cell{stroke:#ffffff;stroke-width:1}.ic-cell--c{fill:#eff6ff}.ic-cell--t{fill:#dcfce7}.ic-cell--n{fill:#fee2e2}.ic-sda{fill:none;stroke:#2563eb;stroke-width:2.4;stroke-linejoin:round}.ic-scl{fill:none;stroke:#0b1220;stroke-width:2.4;stroke-linejoin:round}.demo-label.ic-lab{font-size:9.5px;letter-spacing:0}.dt-examples{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;flex:1 1 260px;align-self:end}.dt-chars{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.dt-char{display:grid;gap:4px;align-content:start;padding:12px;border:1px solid var(--line);border-radius:10px;background:#f8fafc;--dt-c:#2563eb}.dt-char > span::before{content:"";display:inline-block;width:8px;height:8px;margin-right:6px;border-radius:2px;background:var(--dt-c);vertical-align:0}.dt-char:nth-child(2){--dt-c:#059669}.dt-char:nth-child(3){--dt-c:#d97706}.dt-char:nth-child(4){--dt-c:#7c3aed}.dt-char b{font:700 24px/1.1 var(--font-mono);color:var(--text-primary)}.dt-char span{font:600 11px/1.3 var(--font-mono);letter-spacing:0.04em;text-transform:uppercase;color:var(--text-muted)}.dt-char small{font-size:13px;line-height:1.45;color:var(--text-secondary)}@media (max-width:640px){.demo-split{grid-template-columns:minmax(0,1fr)}.demo-stage--wide svg{min-width:560px}.demo:has(.demo-stage--wide) .demo-head::after{content:'Swipe →';margin-left:auto;font:600 10.5px var(--font-mono);letter-spacing:0.04em;color:var(--text-muted)}.demo-stage--wide .demo-label{font-size:11px}.demo-stage--wide .demo-label.ic-lab{font-size:9.5px}.demo-split .demo-label{font-size:15px}.demo-field{flex:1 1 100%}.dt-chars{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-meter b{font-size:14px}}@media (prefers-reduced-motion:reduce){.demo-seg-btn,.ep-pin,.bj-led,.bj-glow,.bj-ib,.bj-ic,.mf-lamp,.mf-lamp-glow,.mf-heat{transition:none}}.demo-btn:disabled{opacity:0.45;cursor:not-allowed}.demo-btn:focus-visible,.bm-cell:focus-visible,.as-layer:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.oa-rail{stroke:#dc2626;stroke-width:1.5;stroke-dasharray:5 5}.oa-rail-l{fill:#dc2626}.oa-in{fill:none;stroke:#2563eb;stroke-width:2;stroke-linejoin:round}.oa-out{fill:none;stroke:#059669;stroke-width:2.8;stroke-linejoin:round}.oa-out.is-bad{stroke:#dc2626}.oa-key-in{fill:#2563eb}.oa-key-out{fill:#059669}.ad-ideal{stroke:#94a3b8;stroke-width:1.2;stroke-dasharray:4 5}.ad-stair{fill:none;stroke:#2563eb;stroke-width:2.4;stroke-linejoin:round}.ad-stair.is-fine{stroke-width:1.6}.ad-vx,.ad-vy{stroke:#d97706;stroke-width:1.5;stroke-dasharray:3 4}.ad-dot{fill:#d97706;stroke:#ffffff;stroke-width:2}.bm-box{display:grid;gap:8px;overflow-x:auto;padding:3px}.bm-head,.bm-row{display:grid;grid-template-columns:72px auto 52px;align-items:center;gap:10px}.bm-head .bm-cells span{font:600 10.5px var(--font-mono);color:var(--text-muted);text-align:center}.bm-label{font:600 12px var(--font-mono);color:var(--text-secondary);text-align:right}.bm-hex{font:650 13px var(--font-mono);color:var(--text-primary)}.bm-cells{display:grid;grid-template-columns:repeat(8,38px);gap:5px}.bm-cell{display:grid;place-items:center;height:38px;border:1.5px solid var(--line);border-radius:7px;background:var(--bg-surface);color:var(--text-muted);font:700 15px var(--font-mono)}button.bm-cell{cursor:pointer;padding:0}button.bm-cell:hover{border-color:#2563eb}.bm-cell.is-on{background:#eff6ff;border-color:#93c5fd;color:#1d4ed8}.bm-cell.is-hit{box-shadow:0 0 0 2px #d97706}.bm-mask .bm-cell.is-on{background:#fffbeb;border-color:#fcd34d;color:#b45309}.bm-res .bm-cell.is-on{background:#ecfdf5;border-color:#6ee7b7;color:#047857}.bm-actions{display:flex;align-items:flex-end}.rt-run{stroke:rgba(11,18,32,0.25);stroke-width:0.6}.rt-s{fill:#2563eb}.rt-d{fill:#059669}.rt-l{fill:#d97706}.rt-rel{fill:none;stroke:#64748b;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.ud-state{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.ud-chip{padding:5px 11px;border:1px solid var(--line);border-radius:var(--radius-full);background:#f8fafc;font:600 12px var(--font-mono);color:var(--text-secondary)}.ud-chip.is-on{background:#ecfdf5;border-color:#6ee7b7;color:#047857}.ud-log{display:grid;gap:8px;min-height:120px}.lesson-body .ud-empty{margin:0;padding:14px;border:1px dashed var(--line);border-radius:10px;font-size:14px;color:var(--text-muted)}.ud-item{padding:10px 12px;border:1px solid #a7f3d0;border-radius:9px;background:#f6fefa}.ud-item.is-neg{border-color:#fecaca;background:#fef2f2}.ud-item + .ud-item{opacity:0.72}.ud-line{display:flex;gap:10px;align-items:baseline;font:600 13px var(--font-mono)}.ud-dir{flex:none;width:52px;color:var(--text-muted);font-size:11.5px}.lesson-body .ud-line code{padding:0;background:none;border:0;color:var(--text-primary);font-size:13px;word-break:break-word}.lesson-body .ud-item p{margin:6px 0 0;font-size:13.5px;line-height:1.5;color:var(--text-secondary)}.ud-pad{display:flex;flex-wrap:wrap;gap:6px}.ud-pad .demo-seg-btn{font-family:inherit;font-weight:500;font-size:13px}.ud-pad .demo-seg-btn b{font:700 12px var(--font-mono);color:#1d4ed8;margin-right:4px}.as-stack{display:grid;gap:6px}.as-bsw{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 120px;gap:6px;padding:22px 8px 8px;border:1px dashed #cbd5e1;border-radius:12px}.as-bsw-main{display:grid;gap:6px}.as-bsw-l{position:absolute;top:5px;left:12px;font:600 10.5px var(--font-mono);letter-spacing:0.05em;text-transform:uppercase;color:var(--text-muted)}.as-layer{--lc:#2563eb;position:relative;display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px;padding:8px 12px;border:1.5px solid color-mix(in srgb,var(--lc) 35%,var(--bg-surface));border-radius:9px;background:color-mix(in srgb,var(--lc) 7%,var(--bg-surface));color:var(--text-primary);font-family:inherit;font-size:14px;font-weight:600;line-height:1.25;text-align:left;cursor:pointer;transition:border-color var(--ease-base),background var(--ease-base),box-shadow var(--ease-base)}.as-layer:hover{border-color:var(--lc)}.as-layer[aria-pressed="true"]{border-color:var(--lc);box-shadow:0 0 0 3px color-mix(in srgb,var(--lc) 18%,transparent)}.as-app{--lc:#2563eb}.as-rte{--lc:#7c3aed}.as-srv{--lc:#059669}.as-ecu{--lc:#0891b2}.as-mcal{--lc:#d97706}.as-cdd{--lc:#64748b;justify-content:center;text-align:center}.as-hw{--lc:#0b1220;background:#f1f5f9}.as-steps{font:700 11.5px var(--font-mono);font-style:normal;color:#ffffff}.as-layer.is-path{background:var(--lc);border-color:var(--lc);color:#ffffff}.as-layer.is-path .as-steps{padding:2px 7px;border-radius:var(--radius-full);background:rgba(255,255,255,0.22)}.as-path{margin:8px 0 0;padding-left:22px;font-size:14px;line-height:1.6;color:var(--text-secondary)}@media (max-width:640px){.bm-head,.bm-row{grid-template-columns:50px auto 40px;gap:6px}.bm-cells{grid-template-columns:repeat(8,28px);gap:3px}.bm-cell{height:32px;font-size:13px}.bm-label{font-size:10.5px}.bm-hex{font-size:11.5px}.as-bsw{grid-template-columns:minmax(0,1fr) 84px}.as-layer{font-size:13px;padding:8px 10px}}@media (prefers-reduced-motion:reduce){.as-layer{transition:none}}.projects-hero{padding:var(--space-24) 0 var(--space-12);text-align:center}.projects-filter{display:flex;justify-content:flex-start;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-10)}.filter-btn{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-tertiary);border-radius:var(--radius-full);border:var(--border-default);background:transparent;transition:all var(--ease-fast);cursor:pointer}.filter-btn:hover,.filter-btn.active{color:var(--accent-text);border-color:var(--efury-blue);background:var(--efury-blue-subtle)}.videos-hero{padding:var(--space-24) 0 var(--space-12);text-align:center}.video-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--space-6)}.video-card{border:var(--border-default);border-radius:var(--radius-lg);overflow:hidden;background:var(--bg-surface);transition:all var(--ease-base)}.video-card:hover{border-color:var(--line-strong);transform:translateY(-2px);box-shadow:var(--shadow-md)}.video-thumb{width:100%;aspect-ratio:16 / 9;background:var(--bg-elevated);display:flex;align-items:center;justify-content:center;font-size:2.5rem;position:relative}.video-thumb .play-icon{width:56px;height:56px;border-radius:var(--radius-full);background:rgba(255,0,51,0.9);display:flex;align-items:center;justify-content:center;color:white;font-size:1.2rem}.video-info{padding:var(--space-5)}.video-info h3,.video-info h4{font-size:var(--text-base);margin-bottom:var(--space-2)}.video-info p{font-size:var(--text-sm);color:var(--text-muted)}.about-hero{padding:var(--space-24) 0 var(--space-12);text-align:center}.about-content > *{max-width:var(--max-width-reading)}.about-sub{margin-bottom:var(--space-3)}.about-sub-lede{color:var(--text-secondary);margin-bottom:var(--space-8);max-width:40rem}.about-content p{margin-bottom:var(--space-6)}.philosophy-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin:0 0 var(--space-16);background:var(--line);border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;counter-reset:phi}.philosophy-item{position:relative;counter-increment:phi;text-align:left;padding:var(--space-8);background:var(--bg-surface,#fff)}.philosophy-item::after{content:"0" counter(phi);position:absolute;top:var(--space-8);right:var(--space-8);font-family:var(--font-mono);font-size:12px;letter-spacing:.14em;color:var(--text-tertiary)}.philosophy-item .phi-icon{display:flex;justify-content:flex-start;margin-bottom:var(--space-5)}.philosophy-item h3{font-size:var(--text-xl);margin-bottom:var(--space-2)}.philosophy-item p{font-size:var(--text-base);color:var(--text-secondary);margin:0;max-width:34ch}@media (max-width:640px){.philosophy-grid{grid-template-columns:1fr}}.contact-hero{padding:var(--space-24) 0 var(--space-12);text-align:center}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-10);grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--space-16);align-items:start}.contact-info h3,.contact-info .contact-info-title{margin-bottom:var(--space-4)}.contact-info .contact-info-title{font-size:var(--text-xl);letter-spacing:-0.02em}.contact-info p{font-size:var(--text-base);margin-bottom:var(--space-6)}.contact-links{display:flex;flex-direction:column;gap:var(--space-3)}.contact-links a{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:var(--border-default);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text-secondary);transition:all var(--ease-fast)}.contact-links a:hover{border-color:var(--efury-blue);color:var(--efury-blue-light);background:var(--efury-blue-subtle)}@media (max-width:768px){.contact-grid{grid-template-columns:1fr}}.tools-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--space-5,1.25rem)}.tool-tile{display:flex;flex-direction:column;grid-column:span 5}.tool-tile:nth-child(4n + 1),.tool-tile:nth-child(4n + 4){grid-column:span 7}.tool-tile p{flex:1 1 auto}.tool-tile .btn{align-self:flex-start}@media (max-width:1024px){.tool-tile,.tool-tile:nth-child(4n + 1),.tool-tile:nth-child(4n + 4){grid-column:span 6}}@media (max-width:640px){.tools-grid{grid-template-columns:minmax(0,1fr);gap:var(--space-4)}.tool-tile,.tool-tile:nth-child(4n + 1),.tool-tile:nth-child(4n + 4){grid-column:auto}}.modal-content{display:flex;flex-direction:column;max-height:calc(100vh - 2rem);max-height:calc(100dvh - 2rem)}#modalBody{min-height:0;overflow-y:auto;overscroll-behavior:contain;margin-right:calc(var(--space-3) * -1);padding-right:var(--space-3)}.modal-content--wide{max-width:700px}@media (max-width:560px){.modal{padding:var(--space-2)}.modal-content{padding:var(--space-6) var(--space-5);max-height:calc(100dvh - 1rem)}.modal-header h3{font-size:var(--text-lg);padding-right:40px}}.tc .form-group{margin-bottom:var(--space-4)}.tc .form-row{gap:var(--space-4)}.tc .form-input{padding:10px 14px;font-size:var(--text-base);font-variant-numeric:tabular-nums}.tc .form-label{font-size:var(--text-xs);margin-bottom:6px}.tc select.form-input{appearance:none;-webkit-appearance:none;padding-right:36px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%23556072' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;cursor:pointer}.tc .form-input[aria-invalid="true"]{border-color:var(--efury-red);box-shadow:0 0 0 3px rgba(220,38,38,0.12)}.tc .form-row--3{grid-template-columns:repeat(3,minmax(0,1fr))}.tc .form-row--4{grid-template-columns:repeat(4,minmax(0,1fr))}.tc [hidden]{display:none!important}@media (max-width:560px){.tc .form-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.tc .form-row--3{grid-template-columns:repeat(3,minmax(0,1fr))}.tc .form-row--4{grid-template-columns:repeat(2,minmax(0,1fr))}.tc .form-input{padding:9px 10px}.tc select.form-input{padding-right:28px;background-position:right 10px center}.tc .form-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#uc-p-pfx .form-row--3{grid-template-columns:repeat(2,minmax(0,1fr))}#uc-p-pfx .form-row--3 > :first-child{grid-column:1 / -1}}.tc select.form-input:disabled{opacity:0.5;cursor:not-allowed}.tc code{font-family:var(--font-mono);font-size:0.92em;padding:1px 5px;border-radius:4px;background:var(--bg-elevated)}.tc-tabs{display:flex;flex-wrap:wrap;gap:4px;padding:4px;margin-bottom:var(--space-4);border-radius:12px;background:var(--bg-elevated);border:1px solid var(--line)}.tc-tab{flex:1 1 auto;padding:8px 12px;border-radius:9px;font-size:var(--text-sm);font-weight:600;color:var(--text-tertiary);white-space:nowrap;transition:background-color var(--ease-fast),color var(--ease-fast),box-shadow var(--ease-fast)}.tc-tab:hover{color:var(--text-primary)}.tc-tab[aria-selected="true"]{background:var(--bg-surface);color:var(--efury-blue);box-shadow:0 1px 2px rgba(11,18,32,0.08),0 0 0 1px rgba(37,99,235,0.16)}.tc-seg{display:inline-flex;align-items:center;flex-wrap:wrap;gap:4px}.tc-seg-label{font-family:var(--font-mono);font-size:11px;letter-spacing:0.08em;text-transform:uppercase;color:var(--text-muted);margin-right:6px}.tc-seg button,.tc-presets button{min-width:40px;padding:6px 12px;border-radius:8px;border:1px solid var(--line);background:var(--bg-surface);font-size:var(--text-sm);font-weight:600;color:var(--text-secondary);font-variant-numeric:tabular-nums;transition:border-color var(--ease-fast),background-color var(--ease-fast),color var(--ease-fast)}.tc-seg button:hover,.tc-presets button:hover{border-color:rgba(37,99,235,0.4);color:var(--text-primary)}.tc-seg button[aria-pressed="true"]{background:var(--efury-blue);border-color:var(--efury-blue);color:#fff}.tc-seg--fill{display:flex}.tc-seg--fill button{flex:1 1 0;padding-left:4px;padding-right:4px}.tc-presets{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:var(--space-4)}.tc-presets button{font-size:var(--text-xs)}.tc-out{margin:var(--space-2) 0 var(--space-4);padding:var(--space-4) var(--space-5);border-radius:var(--radius-md);border:1px solid rgba(37,99,235,0.16);background:var(--band-tint)}.tc-out:empty{display:none}.tc-out--quiet{background:var(--bg-elevated);border-color:var(--line)}.tc-k{font-family:var(--font-mono);font-size:11px;letter-spacing:0.08em;text-transform:uppercase;color:var(--text-muted)}.tc-big{font-size:clamp(1.5rem,4vw,1.875rem);font-weight:700;letter-spacing:-0.02em;line-height:1.2;color:var(--text-primary);font-variant-numeric:tabular-nums;white-space:pre-wrap}.tc-rows{margin-top:var(--space-3);display:grid;gap:2px}.tc-row{display:grid;grid-template-columns:minmax(96px,max-content) minmax(0,1fr);gap:var(--space-4);padding:6px 0;border-top:1px solid var(--line-soft);font-size:var(--text-sm)}.tc-row:first-child{border-top:0}.tc-row dt{color:var(--text-tertiary)}.tc-row dd{color:var(--text-primary);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.tc-row.is-best dd{color:var(--efury-blue);font-weight:700}.tc-row.is-best dt{color:var(--efury-blue)}.tc-out--quiet .tc-rows,#uc-table .tc-rows{margin-top:0}.tc-dim{color:var(--text-muted)}.tc-hint{font-size:var(--text-sm);color:var(--text-tertiary)}.tc-hint--warn{color:var(--efury-amber)}.tc-note{font-size:var(--text-xs);color:var(--text-tertiary);line-height:1.55;margin-top:var(--space-2)}.tc-note--warn{color:var(--efury-amber)}.tc-step{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-3)}.tc-link{color:var(--efury-blue);font-weight:600;text-decoration:underline;text-underline-offset:3px}.tc-status{display:inline-block;padding:2px 10px;border-radius:999px;font-size:var(--text-xs);font-weight:600;line-height:1.6}.tc-status--ok{color:#15803d;background:rgba(22,163,74,0.1)}.tc-status--warn{color:#b45309;background:rgba(245,158,11,0.14)}.tc-status--bad{color:#b91c1c;background:rgba(220,38,38,0.1)}.tc-meter{position:relative;height:8px;margin:var(--space-3) 0 var(--space-1);border-radius:999px;background:rgba(11,18,32,0.08);overflow:hidden}.tc-meter span{display:block;height:100%;border-radius:inherit;transition:width 0.25s ease}.tc-meter i{position:absolute;top:0;bottom:0;width:2px;background:rgba(11,18,32,0.25)}.tc-meter--ok span{background:#16a34a}.tc-meter--warn span{background:#f59e0b}.tc-meter--bad span{background:#dc2626}.tc-group{margin:0 0 var(--space-2);padding:var(--space-3) var(--space-4) 0;border:1px dashed rgba(11,18,32,0.14);border-radius:var(--radius-md)}.tc-group legend{padding:0 6px;font-family:var(--font-mono);font-size:11px;letter-spacing:0.08em;text-transform:uppercase;color:var(--text-muted)}.tc-group .tc-out{margin-top:0}.tc-check{display:flex;align-items:center;gap:8px;margin:0 0 var(--space-4);font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer}.tc-check input{width:16px;height:16px;accent-color:var(--efury-blue)}#rc-bands{margin-bottom:var(--space-2)}.rc-stage{display:flex;justify-content:center;padding:var(--space-2) 0 0}.rc-svg{width:100%;max-width:420px;height:auto;overflow:visible}.rc-band{cursor:pointer}.rc-out{margin-top:var(--space-2)}.rc-chips{display:grid;grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:6px;margin-bottom:var(--space-3)}.rc-chip{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;column-gap:8px;align-items:center;padding:8px 10px;border-radius:10px;border:1px solid var(--line);background:var(--bg-surface);text-align:left;transition:border-color var(--ease-fast),box-shadow var(--ease-fast)}.rc-chip:hover{border-color:rgba(37,99,235,0.4)}.rc-chip[aria-pressed="true"]{border-color:var(--efury-blue);box-shadow:0 0 0 3px var(--efury-blue-glow)}.rc-dot{grid-row:span 2;width:18px;height:18px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,0.18)}.rc-chip-l{font-family:var(--font-mono);font-size:10px;letter-spacing:0.06em;text-transform:uppercase;color:var(--text-muted)}.rc-chip-v{font-size:var(--text-xs);font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rc-palette{display:grid;grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:6px}.rc-sw{display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 4px 7px;border-radius:10px;border:1px solid var(--line);background:var(--bg-surface);transition:border-color var(--ease-fast),transform var(--ease-fast)}.rc-sw:hover{border-color:rgba(37,99,235,0.4);transform:translateY(-1px)}.rc-sw[aria-pressed="true"]{border-color:var(--efury-blue);box-shadow:0 0 0 3px var(--efury-blue-glow)}.rc-sw-dot{width:26px;height:14px;border-radius:4px;box-shadow:inset 0 0 0 1px rgba(0,0,0,0.18)}.rc-sw-n{font-size:11px;font-weight:600;color:var(--text-secondary)}.rc-sw-m{font-family:var(--font-mono);font-size:10px;color:var(--text-muted)}.vd-layout{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:var(--space-5,1.25rem);align-items:start}.vd-fig{margin:0;padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--line);background:linear-gradient(var(--line-soft) 1px,transparent 1px) 0 0 / 14px 14px,linear-gradient(90deg,var(--line-soft) 1px,transparent 1px) 0 0 / 14px 14px,var(--bg-surface)}.vd-fig svg{display:block;width:100%;height:auto}.vd-res{stroke:#b45309;stroke-width:2.2}.vd-t text{font-family:var(--font-mono);font-size:11px;fill:var(--text-primary)}.vd-t .vd-k{font-size:10px;fill:var(--text-muted);letter-spacing:0.04em}.vd-t .vd-blue{fill:#2563eb;font-weight:600}.vd-t .vd-dim{fill:var(--text-tertiary)}@media (max-width:600px){.vd-layout{grid-template-columns:minmax(0,1fr)}.vd-fig{order:-1;max-width:220px;margin:0 auto;padding:var(--space-2)}}@media (prefers-reduced-motion:reduce){.tc-meter span,.rc-sw,.tc-tab{transition:none}.rc-sw:hover{transform:none}}.rs-bar{position:relative;margin-bottom:var(--space-3)}.rs .rs-search{padding-right:84px}.rs-count{position:absolute;right:14px;top:50%;transform:translateY(-50%);font-family:var(--font-mono);font-size:11px;color:var(--text-muted);pointer-events:none}.rs-chips{margin-bottom:var(--space-2)}.rs-chips button[aria-pressed="true"]{background:var(--efury-blue);border-color:var(--efury-blue);color:#fff}.rs-list{min-height:120px}.rs-group{margin:var(--space-4) 0 var(--space-2);font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:0.08em;text-transform:uppercase;color:var(--text-muted)}.rs-items{list-style:none;margin:0;padding:0;border:1px solid var(--line);border-radius:var(--radius-md);overflow:hidden;background:var(--bg-surface)}.rs-items li + li{border-top:1px solid var(--line-soft)}.rs-item{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:var(--space-3);padding:10px 14px;color:inherit;text-decoration:none;transition:background-color var(--ease-fast)}.rs-item:hover{background:var(--band-tint)}.rs-item:focus-visible{outline:2px solid var(--efury-blue);outline-offset:-2px}.rs-main{display:flex;flex-direction:column;min-width:0}.rs-name{font-weight:600;font-size:var(--text-sm);color:var(--text-primary)}.rs-item:hover .rs-name{color:var(--efury-blue)}.rs-desc{font-size:var(--text-xs);color:var(--text-tertiary);line-height:1.45}.rs-meta{font-size:11px;color:var(--text-muted);text-align:right;white-space:nowrap}.rs-mirror{font-family:var(--font-mono);font-size:10px;padding:1px 6px;border-radius:999px;background:rgba(245,158,11,0.14);color:#b45309}.rs-ext{color:var(--text-muted);flex-shrink:0}.rs-item:hover .rs-ext{color:var(--efury-blue)}.rs-empty{padding:var(--space-6) 0;text-align:center;font-size:var(--text-sm);color:var(--text-tertiary)}.rs-empty a,.rs .tc-note a{color:var(--efury-blue);text-decoration:underline;text-underline-offset:3px}@media (max-width:560px){.rs-item{grid-template-columns:minmax(0,1fr) auto}.rs-meta{grid-column:1;grid-row:2;text-align:left;white-space:normal}.rs-ext{grid-column:2;grid-row:1 / span 2}.rs-item--plain .rs-ext{grid-row:1}}.article-toolbar{max-width:920px}.article-toolbar[hidden]{display:none!important}.chip-n{margin-left:2px;font:500 11px/1 var(--font-mono);opacity:0.6}.article-row .lab-note-meta{align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:6px 14px}.article-row--soon{cursor:default}.article-row--soon h3,.article-row--soon p{color:var(--text-muted)}.article-row--soon:hover h3{color:var(--text-muted)}.article-row--soon::before{opacity:0.5}.soon-tag{padding:4px 8px;border:1px dashed var(--line);border-radius:var(--radius-full);font:600 10px/1 var(--font-mono);letter-spacing:0.06em;text-transform:uppercase;color:var(--text-muted)}.article-empty{max-width:920px}.article-empty a{color:var(--accent-text);text-decoration:underline;text-underline-offset:3px}main > .article-hero{padding-bottom:clamp(2.5rem,5vw,3.5rem);text-align:left}.article-hero-inner{max-width:1040px}.crumbs ol{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 var(--space-6);padding:0;list-style:none;font:500 12px/1.4 var(--font-mono);color:var(--text-muted)}.crumbs li + li::before{content:"/";margin-right:6px;color:var(--line)}.crumbs a{color:var(--text-secondary)}.crumbs a:hover{color:var(--accent-text)}.article-hero h1{max-width:22ch;margin:var(--space-3) 0 0;font-size:clamp(2rem,4.4vw,3.25rem);line-height:1.08;letter-spacing:-0.03em}.article-lede{max-width:640px;margin:var(--space-5) 0 0;font-size:1.125rem;line-height:1.6;color:var(--text-secondary)}.article-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;margin-top:var(--space-6);font:500 12px/1 var(--font-mono);color:var(--text-muted)}.article-layout{display:grid;grid-template-columns:210px minmax(0,720px);gap:clamp(2rem,5vw,4rem);max-width:1040px}.article-toc{position:sticky;top:calc(var(--header-h) + 28px);align-self:start}.article-toc .overline{margin-bottom:var(--space-3)}.article-toc ol{margin:0;padding:0;list-style:none;border-left:1px solid var(--line)}.article-toc a{display:block;margin-left:-1px;padding:6px 0 6px 14px;border-left:2px solid transparent;font-size:13px;line-height:1.4;color:var(--text-muted);transition:color var(--ease-base),border-color var(--ease-base)}.article-toc a:hover{color:var(--text-primary)}.article-toc a.is-active{color:var(--accent-text);border-left-color:var(--efury-blue);font-weight:600}.prose{font-size:1.0625rem;line-height:1.75;color:var(--text-secondary)}.prose > :first-child{margin-top:0}.prose h2{scroll-margin-top:calc(var(--header-h) + 20px);font-size:1.5rem;letter-spacing:-0.02em;line-height:1.25;color:var(--text-primary);margin:var(--space-12) 0 var(--space-4)}.prose h3{font-size:1.15rem;color:var(--text-primary);margin:var(--space-8) 0 var(--space-2)}.prose p{margin:0 0 var(--space-4)}.prose .article-intro{font-size:1.15rem;color:var(--text-primary)}.prose ul,.prose ol{margin:0 0 var(--space-5);padding-left:1.4em}.prose ul{list-style:disc}.prose ol{list-style:decimal}.prose li{margin:0 0 8px;padding-left:2px}.prose li::marker{color:var(--efury-blue)}.prose strong{color:var(--text-primary);font-weight:650}.prose a{color:var(--accent-text);text-decoration:underline;text-underline-offset:3px}.prose sub,.prose sup{font-size:0.72em}.prose :not(pre) > code{padding:2px 6px;border-radius:5px;background:#eef2f8;color:#1e3a8a;font:500 0.88em var(--font-mono)}.formula{margin:var(--space-4) 0 var(--space-5);padding:14px 18px;border:1px dashed rgba(37,99,235,0.4);border-radius:10px;background:#f3f7ff;text-align:center;font:600 1.02rem/1.6 var(--font-mono);color:var(--text-primary);overflow-x:auto}.callout{margin:var(--space-6) 0;padding:14px 18px;border:1px solid;border-radius:10px;font-size:0.98rem;line-height:1.65}.callout--key{background:#eff5ff;border-color:#bfd3fb}.callout--tip{background:#ecfaf3;border-color:#a7e3c6}.callout--warn{background:#fff4ea;border-color:#fbcfa6}.fig{margin:var(--space-8) 0}.fig svg{display:block;width:100%;height:auto;padding:18px;border:1px solid var(--line-soft,var(--line));border-radius:14px;background:var(--bg-surface,#fff);font-family:inherit}.fig figcaption{margin-top:10px;font-size:13px;line-height:1.55;color:var(--text-muted)}.table-wrap{margin:0 0 var(--space-6);overflow-x:auto;border:1px solid var(--line);border-radius:12px}.table-wrap code{overflow-wrap:anywhere}.table-wrap table{width:100%;border-collapse:collapse;font-size:0.94rem;line-height:1.5}.table-wrap th{padding:10px 14px;background:#f4f6fa;text-align:left;font:600 11px/1.3 var(--font-mono);letter-spacing:0.06em;text-transform:uppercase;color:var(--text-muted)}.table-wrap td{padding:10px 14px;border-top:1px solid var(--line-soft,var(--line));vertical-align:top}.table-wrap td:first-child{color:var(--text-primary);font-weight:600;white-space:nowrap}.code-wrap{position:relative;margin:0 0 var(--space-5)}.code{margin:0 0 var(--space-5);padding:16px 18px;border:1px solid var(--line);border-radius:10px;background:#f7f9fc;overflow-x:auto;font:500 13.5px/1.6 var(--font-mono);color:#1f2937;tab-size:4}.code-wrap .code{margin:0}.code[data-lang]::before{content:attr(data-lang);display:block;margin-bottom:8px;font-size:10px;letter-spacing:0.12em;text-transform:uppercase;color:var(--text-muted)}.code code{font:inherit}.code-copy{position:absolute;top:10px;right:10px;padding:5px 10px;border:1px solid var(--line);border-radius:6px;background:var(--bg-surface);font:600 11px/1 var(--font-mono);color:var(--text-secondary);cursor:pointer}.code-copy:hover{color:var(--accent-text);border-color:rgba(37,99,235,0.4)}.keep-going{margin:var(--space-12) 0 0;padding:20px 22px;border:1px solid rgba(37,99,235,0.22);border-radius:14px;background:var(--band-tint)}.keep-going .overline{margin-bottom:var(--space-3)}.keep-going ul{margin:0;padding-left:1.2em}.keep-going li{margin-bottom:6px;font-size:0.97rem}.article-end{max-width:1040px;margin-top:var(--space-12)}.article-pager{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4);margin-bottom:var(--space-6)}.article-pager[hidden]{display:none!important}.pager-card{display:flex;flex-direction:column;gap:6px;padding:18px 20px;border:1px solid var(--line);border-radius:14px;background:var(--bg-surface,#fff);color:inherit;transition:border-color var(--ease-base),transform var(--ease-base)}.pager-card:hover{border-color:rgba(37,99,235,0.4);transform:translateY(-2px)}.pager-card--next{grid-column:2;text-align:right}.pager-dir{font:600 11px/1 var(--font-mono);letter-spacing:0.08em;text-transform:uppercase;color:var(--accent-text)}.pager-title{font-weight:650;color:var(--text-primary);line-height:1.35}.pager-cat{font:500 12px/1 var(--font-mono);color:var(--text-muted)}@media (max-width:1024px){.article-layout{grid-template-columns:minmax(0,1fr);max-width:760px}.article-toc{position:static;padding:16px 18px;border:1px solid var(--line);border-radius:12px;background:var(--bg-surface,#fff)}.article-toc ol{columns:2;column-gap:24px;border-left:0}.article-toc li{break-inside:avoid}.article-toc a{padding-left:0;border-left:0;margin-left:0}.article-toc a.is-active{border-left:0}.article-end{max-width:760px}}@media (max-width:600px){.prose{font-size:1rem}.prose h2{font-size:1.3rem;margin-top:var(--space-10)}.article-toc ol{columns:1}.fig{overflow-x:auto;-webkit-overflow-scrolling:touch}.fig svg{min-width:500px;padding:10px;border-radius:10px}.fig figcaption{position:sticky;left:0;max-width:calc(100vw - 2 * var(--space-4,1rem) - 8px)}.article-pager{grid-template-columns:minmax(0,1fr)}.pager-card--next{grid-column:auto}.table-wrap td:first-child{white-space:normal}}@media (prefers-reduced-motion:reduce){.pager-card:hover{transform:none}}.status-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 9px;border:1px solid currentColor;border-radius:var(--radius-full);background:var(--bg-surface);font:600 10px/1 var(--font-mono);letter-spacing:0.08em;text-transform:uppercase;white-space:nowrap}.status-pill::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.status--planned{color:#475569;border-color:rgba(71,85,105,0.35);border-style:dashed}.status--planned::before{background:transparent;box-shadow:inset 0 0 0 1.5px currentColor}.status--in-progress{color:#b45309;border-color:rgba(217,119,6,0.45)}.status--complete{color:#047857;border-color:rgba(4,120,87,0.4)}a.project-card{display:block;color:inherit;text-decoration:none}a.project-card.project-card--feature{display:grid}.project-thumb .status-pill{position:absolute;top:var(--space-3);right:var(--space-4)}.project-body{display:flex;flex-direction:column;align-items:flex-start}.project-body h3{transition:color var(--ease-base)}a.project-card:hover h3{color:var(--accent-text)}.project-more{margin-top:var(--space-5);font:600 12px/1 var(--font-mono);letter-spacing:0.04em;color:var(--accent-text)}.project-more span{display:inline-block;transition:transform var(--ease-base)}a.project-card:hover .project-more span{transform:translateX(3px)}a.project-card:focus-visible{outline:2px solid var(--efury-blue);outline-offset:3px}.project-thumb--shot,.project-card--feature .project-thumb--shot{aspect-ratio:auto;padding:44px 8% 28px}@media (max-width:600px){.project-thumb--shot,.project-card--feature .project-thumb--shot{padding:46px 16px 18px}}.project-shot{display:block;width:100%;max-width:560px;border-radius:10px;background:#0b0f14;border:1px solid rgba(11,18,32,0.55);box-shadow:0 0 0 4px color-mix(in srgb,var(--tone,var(--vivid-blue)) 10%,transparent),0 22px 44px -24px rgba(11,18,32,0.6);overflow:hidden;transition:transform var(--ease-slow),box-shadow var(--ease-slow)}.project-shot img{display:block;width:100%;height:auto}a.project-card:hover .project-shot{transform:translateY(-3px);box-shadow:0 0 0 4px color-mix(in srgb,var(--tone,var(--vivid-blue)) 16%,transparent),0 28px 52px -24px rgba(11,18,32,0.65)}.project-hero-tile.project-thumb--shot{display:flex;align-items:center;justify-content:center;padding:40px 14px 18px}.project-hero-tile .project-shot{border-radius:8px}.project-hero-inner{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:clamp(2rem,5vw,4rem);align-items:center;max-width:1040px}.project-hero-tags{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.project-hero-tags .meta-code{color:var(--text-secondary)}.project-hero h1{max-width:20ch}.project-hero-tile{aspect-ratio:1;border:1px solid var(--line);border-radius:22px;box-shadow:0 18px 40px -28px rgba(15,23,42,0.35)}.project-aside{max-height:calc(100vh - var(--header-h) - 48px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.project-file{margin-bottom:var(--space-8);padding:16px 16px 14px;border:1px solid var(--line);border-radius:12px;background:var(--bg-surface,#fff)}.project-file .overline{margin-bottom:var(--space-3)}.project-file dl{display:grid;gap:9px;margin:0}.project-file dl > div{display:grid;gap:2px}.project-file dt{font:500 10px/1.2 var(--font-mono);letter-spacing:0.1em;text-transform:uppercase;color:var(--text-muted)}.project-file dd{margin:0;font-size:13.5px;font-weight:600;line-height:1.35;color:var(--text-primary)}.project-links{display:grid;gap:8px;margin-top:var(--space-4)}.project-links[hidden]{display:none!important}.project-aside .project-link{display:block;margin:0;padding:8px 12px;border:1px solid rgba(37,99,235,0.35);border-radius:8px;background:var(--efury-blue-subtle);font-size:13px;font-weight:600;text-align:center;color:var(--accent-text)}.project-aside .project-link:hover{border-color:var(--efury-blue);color:var(--accent-text)}.project-aside .project-link--primary{border-color:var(--efury-blue);background:var(--efury-blue);color:#ffffff}.project-aside .project-link--primary:hover{border-color:var(--efury-blue-dark);background:var(--efury-blue-dark);color:#ffffff}.fig--shot img{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:14px;background:#f8fafc}.code--long{max-height:34rem;overflow:auto}.build-log{margin:var(--space-4) 0 var(--space-6);padding:18px 20px;border:1.5px dashed rgba(71,85,105,0.35);border-radius:12px;background:repeating-linear-gradient(-45deg,transparent 0 12px,rgba(37,99,235,0.035) 12px 24px),#fbfcfe}.build-log .overline{margin-bottom:var(--space-2)}.build-log p:last-child,.build-log ul:last-child{margin-bottom:0}.project-video{position:relative;margin:var(--space-4) 0 var(--space-6);aspect-ratio:16 / 9;border-radius:14px;overflow:hidden;background:#0b1220}.project-video[hidden]{display:none!important}.project-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}@media (max-width:1024px){.project-aside{max-height:none;overflow:visible}.project-file{margin-bottom:var(--space-4);padding:0 0 var(--space-4);border:0;border-bottom:1px solid var(--line);border-radius:0}.project-file dl{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px 18px}.project-links{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}}@media (max-width:768px){.project-hero-inner{grid-template-columns:minmax(0,1fr)}.project-hero-tile{display:none}}@media (prefers-reduced-motion:reduce){.project-more span,a.project-card:hover .project-more span{transition:none;transform:none}.project-shot,a.project-card:hover .project-shot{transition:none;transform:none}}.nf-hero{--page-glow:rgba(219,39,119,0.08);text-align:center}.nf-head h1{margin-top:var(--space-6)}.nf-head p{max-width:560px;margin:var(--space-5) auto 0}.matrix-band.nf-matrix{margin:var(--space-10,2.5rem) 0 var(--space-8);padding:0;background:transparent;border:0}.nf-links{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3)}.nf-help{margin-top:var(--space-5);font-size:var(--text-sm);color:var(--text-tertiary)}.nf-help a{color:var(--efury-blue);text-decoration:underline;text-underline-offset:3px}@media (max-width:520px){.nf-links .btn{flex:1 1 100%;justify-content:center}}:root{--rhythm-page-head-top:calc(var(--header-h) + clamp(2.75rem,6vw,5rem));--rhythm-page-head-bottom:clamp(2.5rem,4.5vw,3.5rem);--rhythm-tight:clamp(2rem,3.5vw,2.75rem);--rhythm-standard:clamp(3.25rem,6vw,4.75rem);--rhythm-major:clamp(4.25rem,8vw,6.5rem);--rhythm-cta:clamp(5rem,10vw,8rem)}main > .page-head{text-align:left}.page-head > .container{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);column-gap:clamp(2rem,6vw,6rem);align-items:end}.page-head > .container > *{grid-column:1 / -1}.page-kicker{display:flex;align-items:center;gap:var(--space-3);margin:0 0 var(--space-5);font-family:var(--font-mono);font-size:12px;font-weight:var(--weight-medium);letter-spacing:0.14em;text-transform:uppercase;color:var(--text-tertiary)}.page-kicker-num{display:inline-flex;align-items:center;gap:var(--space-3);color:var(--accent-text);font-weight:var(--weight-semibold)}.page-kicker-num::after{content:"";width:28px;height:1px;background:currentColor;opacity:0.6}.page-head > .container > h1{grid-column:1;margin:0;max-width:18ch;font-size:clamp(2.35rem,4.6vw,3.85rem);line-height:1.04;letter-spacing:-0.035em;text-wrap:balance}.page-head h1 .text-accent{background:none;padding:0;-webkit-box-decoration-break:slice;box-decoration-break:slice}.page-head > .container > .page-lede{grid-column:2;margin:0;max-width:44ch;padding-bottom:0.45em;font-size:var(--text-lg,1.125rem);line-height:1.6;color:var(--text-secondary)}.page-head > .container > .page-head-cta{grid-column:2;margin-top:var(--space-5)}.page-head > .container > h1:last-child{grid-column:1 / -1;max-width:24ch}.page-head::before{-webkit-mask-image:radial-gradient(ellipse 70% 95% at 18% 0%,#000 15%,transparent 72%);mask-image:radial-gradient(ellipse 70% 95% at 18% 0%,#000 15%,transparent 72%)}.page-head::after{background:radial-gradient(40% 75% at 14% 0%,var(--page-glow,var(--layer-e-blue-soft)),transparent 72%)}.page-head .lab-bench{grid-column:1 / -1;width:100%}main > .page-head{--ph-pad:clamp(2.75rem,5vw,4rem);padding-top:calc(var(--header-h) + var(--ph-pad))}main > .page-head:not(:has(.lab-bench)){padding-bottom:var(--ph-pad)}@media (min-width:901px){.page-head > .container:has(> .page-lede){grid-template-rows:1fr auto auto 1fr;align-items:start}.page-head > .container:has(> .page-lede) > .page-kicker{grid-column:1;grid-row:2}.page-head > .container:has(> .page-lede) > h1{grid-column:1;grid-row:3}.page-head > .container:has(> .page-lede) > .page-lede{grid-column:2;grid-row:1 / 5;align-self:center;padding-bottom:0}.page-head > .container:has(> .page-head-cta){grid-template-rows:1fr auto auto 1fr auto}.page-head > .container:has(> .page-head-cta) > .page-head-cta{grid-column:2;grid-row:5;align-self:start}.page-head > .container:has(> .page-lede) > .lab-bench{grid-row:5}}@media (max-width:900px){.page-head > .container{grid-template-columns:minmax(0,1fr)}.page-head > .container > h1,.page-head > .container > .page-lede,.page-head > .container > .page-head-cta{grid-column:1}.page-head > .container > h1{max-width:18ch}.page-head > .container > .page-lede{margin-top:var(--space-4);padding-bottom:0}}.btn{transition:transform var(--ease-base),background-color var(--ease-fast),color var(--ease-fast),border-color var(--ease-fast),box-shadow var(--ease-base);letter-spacing:0.005em}.btn-outline{background:var(--bg-surface)}.form-label{font-size:13px;font-weight:var(--weight-semibold);color:var(--text-primary);letter-spacing:0.01em}.form-input,.form-textarea,select.form-input{background:var(--bg-surface);border:1px solid var(--line-strong);border-radius:10px;box-shadow:0 1px 0 rgba(11,18,32,0.03);transition:border-color var(--ease-fast),box-shadow var(--ease-fast)}.form-input:hover,.form-textarea:hover{border-color:rgba(11,18,32,0.28)}.form-input:focus,.form-textarea:focus,.form-input:focus-visible,.form-textarea:focus-visible{outline:none;background:var(--bg-surface);border-color:var(--accent);box-shadow:0 0 0 4px rgba(37,99,235,0.14)}.project-card,.bento-card,.video-card,.pager-card,.learn-category{transition:border-color var(--ease-base),box-shadow var(--ease-base),transform var(--ease-base),background-color var(--ease-base)}a.project-card:hover,.project-card:hover,.bento-card:hover,.video-card:hover,.pager-card:hover,.learn-category:hover{border-color:rgba(37,99,235,0.3);box-shadow:0 1px 2px rgba(11,18,32,0.04),0 16px 32px -20px rgba(11,18,32,0.28)}@media (min-width:1025px){.project-card--feature,a.project-card.project-card--feature{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto}.project-card--feature .project-thumb{min-height:0;border-right:0;border-bottom:var(--border-default)}.project-card--feature .project-thumb{flex-direction:column;gap:var(--space-5)}.project-card--feature .project-thumb .ico{transform:scale(1.45);box-shadow:0 18px 40px -22px color-mix(in srgb,var(--tone,var(--vivid-blue)) 70%,transparent);transition:transform var(--ease-slow)}.project-card--feature:hover .project-thumb .ico{transform:scale(1.5) translateY(-2px)}.project-card--feature .project-thumb::after{content:"Featured build";margin-top:var(--space-5);font-family:var(--font-mono);font-size:11px;font-weight:var(--weight-semibold);letter-spacing:0.16em;text-transform:uppercase;color:var(--tone,var(--vivid-blue))}.project-card--feature .project-body{align-self:end;padding:var(--space-8) var(--space-10) var(--space-10)}.project-card--feature .project-body p{max-width:52ch}}[hidden]{display:none!important}.skip-link{position:fixed;top:12px;left:12px;z-index:10000;padding:10px 16px;border-radius:10px;background:var(--text-primary);color:#ffffff;font-size:var(--text-sm);font-weight:var(--weight-semibold);transform:translateY(-160%);transition:transform var(--ease-fast)}.skip-link:focus,.skip-link:focus-visible{transform:none;outline:2px solid var(--accent);outline-offset:2px}main:focus{outline:none}a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent-text);outline-offset:3px}@media (prefers-reduced-motion:no-preference){@view-transition{navigation:auto}.site-header{view-transition-name:site-header}.argb-ring{view-transition-name:argb-ring}::view-transition-old(root){animation:vt-fade-out 0.16s ease both}::view-transition-new(root){animation:vt-fade-in 0.32s cubic-bezier(0.2,0.7,0.2,1) 0.04s both}@keyframes vt-fade-out{to{opacity:0}}@keyframes vt-fade-in{from{opacity:0;transform:translateY(6px)}}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}h1,h2,h3{text-wrap:balance}h2{letter-spacing:-0.03em}.overline{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:12px;font-weight:var(--weight-medium);letter-spacing:0.14em;color:var(--accent-text)}.overline::before{content:"";width:18px;height:1px;background:currentColor;opacity:0.55;flex:none}.text-accent,.text-gradient,.text-gradient-blue{background:none;padding-inline:0}.hero-title .text-accent{background:none;padding-inline:0}.nav-links a{transition:color var(--ease-fast),background-color var(--ease-fast)}.nav-links a.active{position:relative;color:var(--text-primary);background:transparent}.nav-links a.active::after{content:"";position:absolute;left:50%;bottom:0;width:4px;height:4px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 2px rgba(37,99,235,0.14),0 0 8px rgba(37,99,235,0.7);transform:translateX(-50%)}.menu-toggle span{transform-origin:center;transition:transform var(--ease-base),opacity var(--ease-fast)}.menu-toggle.active span:nth-child(1){transform:translateY(7px) rotate(45deg)}.menu-toggle.active span:nth-child(2){opacity:0}.menu-toggle.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}@media (max-width:900px){.nav-links{gap:0;padding:var(--space-3) var(--space-6) var(--space-5)}.nav-links li{width:100%;border-bottom:1px solid var(--line-soft)}.nav-links li:last-child{border-bottom:0}.nav-links a{padding:var(--space-4) var(--space-2);border-radius:0}.nav-links a:hover{background:transparent;color:var(--accent-text)}.nav-links a.active{padding-left:var(--space-6)}.nav-links a.active::after{left:var(--space-2);bottom:auto;top:50%;transform:translateY(-50%)}}@media (prefers-reduced-motion:reduce){.menu-toggle span{transition:none}}.section-header{text-align:left}.section-header p{margin-left:0;margin-right:0;max-width:40rem}.hero .hero-badge{padding:0;background:transparent;border:0;box-shadow:none;color:var(--accent-text);font-size:12px;letter-spacing:0.16em}.hero .hero-lead{margin-bottom:var(--space-8)}.hero-spec{display:grid;grid-template-columns:repeat(3,auto);justify-content:start;max-width:38rem;margin:0;border-top:1px solid var(--line-strong)}.hero-spec > div{padding:var(--space-3) var(--space-6) 0 0}.hero-spec > div + div{padding-left:var(--space-6);border-left:1px solid var(--line)}.hero-spec dt{margin-bottom:4px;font-family:var(--font-mono);font-size:10.5px;font-weight:var(--weight-medium);letter-spacing:0.16em;text-transform:uppercase;color:var(--text-muted)}.hero-spec dd{margin:0;font-size:14px;font-weight:var(--weight-medium);line-height:1.45;color:var(--text-primary)}@media (max-width:1100px) and (min-width:901px){.hero-spec{grid-template-columns:1fr}.hero-spec > div + div{padding-left:0;border-left:0}}@media (max-width:900px){.hero-spec{grid-template-columns:minmax(0,1fr);max-width:none}.hero-spec > div{display:grid;grid-template-columns:76px minmax(0,1fr);align-items:baseline;padding:10px 0;border-bottom:1px solid var(--line-soft)}.hero-spec > div + div{padding-left:0;border-left:0}.hero-spec dt{margin:0}}.rail-item{position:relative}.rail-code{color:var(--text-muted);font-weight:var(--weight-medium)}.rail-name{color:var(--text-secondary);transition:color var(--ease-fast)}.rail-item::after{content:"";position:absolute;left:12px;right:12px;bottom:-1px;height:2px;background:var(--tone);transform:scaleX(0);transform-origin:left;transition:transform 0.3s cubic-bezier(0.2,0.7,0.2,1)}.rail-item:hover{background:transparent}.rail-item:hover .rail-name{color:var(--text-primary)}.rail-item:hover::after{transform:scaleX(1)}@media (max-width:600px){.rail-item::after{left:0;right:0}.hero .hero-rail-inner{gap:0 18px}}.section-cover .bento{gap:1px;background:var(--line);border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 1px 2px rgba(11,18,32,0.04),0 24px 48px -36px rgba(11,18,32,0.22)}.section-cover .bento-card,.section-cover .bento-card:not(.bento-card--feature){padding:var(--space-7,1.75rem);border:0;border-radius:0;background:var(--bg-surface);box-shadow:none}.section-cover .bento-card--feature{padding:var(--space-8);background:color-mix(in srgb,var(--tone) 4%,var(--bg-surface))}.section-cover .bento-card::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:var(--tone);transform:scaleX(0);transform-origin:left;transition:transform 0.35s cubic-bezier(0.2,0.7,0.2,1);z-index:1}.section-cover .bento-card:hover,.section-cover .bento-card:not(.bento-card--feature):hover{border:0;background:color-mix(in srgb,var(--tone) 3%,var(--bg-surface));box-shadow:none}.section-cover .bento-card--feature:hover{background:color-mix(in srgb,var(--tone) 6%,var(--bg-surface))}.section-cover .bento-card:hover::before{transform:scaleX(1)}.section-cover .bento-card .ico{background:var(--bg-surface);border-color:color-mix(in srgb,var(--tone) 28%,transparent)}.section-cover .bento-card .meta-code{display:inline-flex;align-items:center;gap:10px;font-size:12px;font-weight:var(--weight-medium);letter-spacing:0.12em;color:var(--text-tertiary)}.section-cover .bento-card .meta-code::after{content:"→";color:var(--text-muted);transition:transform var(--ease-base),color var(--ease-base)}.section-cover .bento-card:hover .meta-code{color:color-mix(in srgb,var(--tone) 80%,#0b1220)}.section-cover .bento-card:hover .meta-code::after{color:var(--tone);transform:translateX(3px)}.section-cover .bento > .bento-card:nth-child(6) .meta-code::after{content:none}.section-cover .bento-card h3{font-size:1.1875rem;letter-spacing:-0.015em}.section-cover .bento-card--feature h3{font-size:clamp(1.75rem,2.6vw,2.25rem);letter-spacing:-0.03em}.section-cover .bento-card p{color:var(--text-secondary)}.section-cover .bento-card:target{border:0;box-shadow:inset 0 0 0 2px var(--tone)}.media-layout{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(2rem,5vw,4.5rem);align-items:center}.section-media .media-copy .section-header{text-align:left;margin:0 0 var(--space-8)}.section-media .media-copy .section-header p{margin-left:0;max-width:26rem}.media-now{display:grid;gap:6px;margin-bottom:var(--space-6);padding:var(--space-4) 0;border-top:1px solid var(--line-strong);border-bottom:1px solid var(--line)}.media-now-label{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:10.5px;font-weight:var(--weight-medium);letter-spacing:0.16em;text-transform:uppercase;color:var(--text-muted)}.media-now-label::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--vivid-red);box-shadow:0 0 0 3px rgba(225,29,72,0.14)}.media-now-title{font-size:1.0625rem;font-weight:var(--weight-semibold);line-height:1.4;color:var(--text-primary);transition:color var(--ease-fast)}.media-now-title:hover{color:var(--accent-text)}.media-now-date{font-family:var(--font-mono);font-size:12px;color:var(--text-tertiary)}.media-screen{padding:8px;border:1px solid var(--line-strong);border-radius:16px;background:var(--bg-surface);box-shadow:0 1px 2px rgba(11,18,32,0.05),0 36px 70px -40px rgba(11,18,32,0.4)}.media-screen-bar{display:flex;justify-content:space-between;align-items:center;padding:4px 8px 10px;font-family:var(--font-mono);font-size:10.5px;letter-spacing:0.14em;text-transform:uppercase;color:var(--text-muted)}.media-screen-bar i{display:inline-block;width:6px;height:6px;margin-right:8px;border-radius:50%;background:var(--vivid-red);vertical-align:1px}.media-screen .video-embed{max-width:none;margin:0;border:0;border-radius:10px;box-shadow:none;background:#eef1f6}.yt-facade{position:absolute;inset:0;display:block;width:100%;height:100%;padding:0;border:0;background:#0b1220;cursor:pointer}.yt-facade img{width:100%;height:100%;object-fit:cover;transition:filter var(--ease-base,200ms ease)}.yt-facade-play{position:absolute;top:50%;left:50%;display:grid;place-items:center;width:68px;height:48px;border-radius:12px;background:var(--vivid-red,#e11d2e);color:#fff;box-shadow:0 8px 24px -8px rgba(11,18,32,0.55);transform:translate(-50%,-50%);transition:transform var(--ease-base,200ms ease)}.yt-facade:hover img{filter:brightness(0.92)}.yt-facade:hover .yt-facade-play{transform:translate(-50%,-50%) scale(1.06)}.yt-facade:focus-visible{outline:3px solid var(--accent);outline-offset:-3px}.media-screen .video-embed iframe{position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.yt-facade img,.yt-facade-play{transition:none}.yt-facade:hover .yt-facade-play{transform:translate(-50%,-50%)}}.video-loading{display:flex;align-items:center;justify-content:center;height:100%;margin:0;font-family:var(--font-mono);font-size:12px;letter-spacing:0.12em;text-transform:uppercase;color:var(--text-muted)}@media (max-width:900px){.media-layout{display:flex;flex-direction:column;align-items:stretch;gap:0}.media-copy{display:contents}.media-copy .section-header{order:1}.media-screen{order:2;margin-bottom:var(--space-6)}.media-now{order:3}.media-actions{order:4}}.section-lab .lab-log{gap:var(--space-4)}.lab-note,a.lab-note{position:relative;padding:var(--space-6) var(--space-7,1.75rem);border:1px solid var(--line);border-radius:14px;background:var(--bg-surface);transition:border-color var(--ease-base),box-shadow var(--ease-base),transform var(--ease-base)}.lab-note:hover{border-color:rgba(37,99,235,0.32);background:var(--bg-surface);box-shadow:0 1px 2px rgba(11,18,32,0.04),0 18px 36px -24px rgba(11,18,32,0.3)}.lab-note::after{content:"↗";position:absolute;top:var(--space-5);right:var(--space-6);font-family:var(--font-mono);font-size:14px;color:var(--text-muted);transition:transform var(--ease-base),color var(--ease-base)}.lab-note:hover::after{color:var(--accent-text);transform:translate(2px,-2px)}.lab-note-id{display:inline-flex;align-items:center;gap:8px;margin-bottom:var(--space-3);font-size:11.5px;font-weight:var(--weight-medium);letter-spacing:0.1em;color:var(--accent-text)}.lab-note-id::before{content:"";width:6px;height:6px;border-radius:1px;background:currentColor}.lab-note h3{font-size:1.0625rem;line-height:1.35;letter-spacing:-0.01em;padding-right:var(--space-6)}.lab-note p{color:var(--text-secondary);line-height:1.6}.lab-note-meta{gap:0;margin-top:var(--space-4);font-family:var(--font-mono);font-size:11px;letter-spacing:0.08em;text-transform:uppercase;color:var(--text-tertiary)}.lab-note-meta span + span::before{content:"·";margin:0 10px;color:var(--text-muted)}.lab-note--lead,a.lab-note--lead{padding:var(--space-8) var(--space-8) var(--space-8) 84px;background:linear-gradient(90deg,transparent 56px,rgba(219,39,119,0.28) 56px,rgba(219,39,119,0.28) 57px,transparent 57px),repeating-linear-gradient(180deg,transparent 0 27px,rgba(37,99,235,0.07) 27px 28px),var(--bg-surface)}.lab-note--lead h3{font-size:clamp(1.375rem,2.2vw,1.75rem);letter-spacing:-0.025em}.lab-note--lead .lab-note-id{font-size:12.5px}@media (max-width:600px){.lab-note--lead,a.lab-note--lead{padding:var(--space-6) var(--space-5) var(--space-6) 52px;background:linear-gradient(90deg,transparent 34px,rgba(219,39,119,0.28) 34px,rgba(219,39,119,0.28) 35px,transparent 35px),repeating-linear-gradient(180deg,transparent 0 27px,rgba(37,99,235,0.07) 27px 28px),var(--bg-surface)}.lab-note,a.lab-note{padding:var(--space-5)}}@media (prefers-reduced-motion:reduce){.lab-note::after,.section-cover .bento-card::before,.rail-item::after{transition:none}}.section-tech .tech-strip{grid-template-columns:minmax(0,1fr);gap:var(--space-8);align-items:start}.section-tech .section-header--inline h2{font-size:clamp(1.5rem,2.4vw,1.875rem)}.tech-inventory{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:1px solid var(--line-strong)}.tech-group{padding:var(--space-4) var(--space-5) 0 0}.tech-group + .tech-group{padding-left:var(--space-5);border-left:1px solid var(--line)}.tech-group-title{display:flex;gap:10px;margin:0 0 var(--space-3);font-family:var(--font-mono);font-size:11px;font-weight:var(--weight-medium);letter-spacing:0.14em;text-transform:uppercase;color:var(--text-tertiary)}.tech-group-title span{color:var(--accent-text)}.tech-list{list-style:none;margin:0;padding:0}.tech-list .tech-tag,.tech-strip .tech-list .tech-tag{display:block;padding:8px 0;border:0;border-bottom:1px dashed var(--line-strong);border-radius:0;background:none;box-shadow:none;font-family:var(--font-sans);font-size:15px;font-weight:var(--weight-medium);color:var(--text-primary);transition:color var(--ease-fast),transform var(--ease-fast)}.tech-list .tech-tag:last-child{border-bottom:0}.tech-list .tech-tag:hover{color:var(--accent-text);background:none;transform:translateX(3px)}@media (max-width:1024px){.tech-inventory{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:var(--space-4)}.tech-group:nth-child(3n + 1){padding-left:0;border-left:0}}@media (max-width:600px){.tech-inventory{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--space-5)}.tech-group,.tech-group + .tech-group{padding:var(--space-4) 0 0;border-left:0}.tech-group:nth-child(3n + 1){padding-left:0}}@media (max-width:600px){.section-cover .bento-card,.section-cover .bento-card:not(.bento-card--feature),.section-cover .bento-card--feature{padding:var(--space-5)}.section-cover .bento-card .bento-trace{display:none}.section-cover .bento-head{padding-bottom:var(--space-4)}.section-cover .bento-card .ico{--ico-size:34px;border-radius:9px}.section-cover .bento-card .ico .icon{width:18px;height:18px}.section-cover .bento-card--feature h3{font-size:1.5rem}.section-cover .bento > .bento-card:nth-child(6) .bento-head{flex-direction:row-reverse}}.rail-item,.rail-code,.rail-name{white-space:nowrap}@media (min-width:601px) and (max-width:1100px){.hero .hero-rail-inner{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 var(--space-6)}.hero .rail-item{margin:0;padding:8px 0}}@media (max-width:600px){.hero .rail-item{min-height:44px;display:inline-flex;align-items:center;padding-block:0}}@media (max-width:600px){.hero .silk,.hero .mod-label,.hero .mod-dim,.hero .chip-sub,.hero .chip-meta{display:none}.hero .mod-value{font-size:16px;transform:translateY(-4px)}.hero .hv-term pre{font-size:11px}.hero .hv-panel-head,.hero .hv-panel-foot{font-size:11px;letter-spacing:0.04em}}.theme-toggle{display:none;position:relative;flex:none;align-items:center;justify-content:center;width:34px;height:34px;margin-left:var(--space-3);padding:0;color:#c2700a;background:transparent;border:1px solid var(--line);border-radius:var(--radius-sm);cursor:pointer;transition:color var(--ease-base),background-color var(--ease-fast),border-color var(--ease-fast)}.has-theme .theme-toggle{display:inline-flex}.theme-toggle:hover{background:var(--bg-elevated);border-color:var(--line-strong)}.theme-toggle:active{transform:translateY(1px)}.theme-toggle:focus-visible{outline:2px solid var(--accent-text);outline-offset:2px}.theme-toggle svg{width:18px;height:18px;display:block;overflow:visible}.tt-rays{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round}.tt-core{fill:currentColor}.tt-rays,.tt-core,.tt-bite{transform-box:view-box;transform-origin:12px 12px;transition:transform 320ms cubic-bezier(0.2,0.7,0.2,1),opacity 200ms ease}.tt-core{transform:scale(1)}.tt-bite{transform:translate(9px,-9px)}[data-theme="dark"] .theme-toggle{color:#c9d8ff}[data-theme="dark"] .tt-rays{transform:rotate(-60deg) scale(0.4);opacity:0}[data-theme="dark"] .tt-core{transform:scale(1.55)}[data-theme="dark"] .tt-bite{transform:translate(0,0)}@media (max-width:1180px){.theme-toggle{margin-left:var(--space-2)}}@media (max-width:900px){.theme-toggle{margin-left:auto}.has-theme .header-subscribe{margin-left:var(--space-2)}}.theme-switching *,.theme-switching *::before,.theme-switching *::after{transition:background-color 250ms ease,color 250ms ease,border-color 250ms ease,fill 250ms ease,stroke 250ms ease,box-shadow 250ms ease!important}.theme-switching .tt-rays,.theme-switching .tt-core,.theme-switching .tt-bite{transition:transform 320ms cubic-bezier(0.2,0.7,0.2,1),opacity 200ms ease!important}@media (prefers-reduced-motion:reduce){.tt-rays,.tt-core,.tt-bite{transition:none}}:root[data-theme="dark"]{color-scheme:dark;--efury-blue-light:#7fb0ff;--efury-blue-glow:rgba(96,165,250,0.2);--efury-blue-subtle:rgba(96,165,250,0.12);--efury-green:#4ade80;--efury-amber:#fbbf24;--vivid-blue:#60a5fa;--vivid-violet:#a78bfa;--vivid-pink:#f472b6;--vivid-fuchsia:#e879f9;--vivid-orange:#fb923c;--vivid-amber:#fbbf24;--vivid-green:#34d399;--vivid-cyan:#22d3ee;--bg-deep:#0d131e;--bg-primary:#111827;--bg-surface:#141d2c;--bg-elevated:#1a2436;--bg-hover:#212d42;--text-primary:#e7ecf4;--text-secondary:#b6c0cf;--text-tertiary:#9ba7b9;--text-muted:#8d99ab;--line-soft:rgba(226,232,240,0.06);--line:rgba(226,232,240,0.1);--line-strong:rgba(226,232,240,0.18);--border-default:1px solid var(--line);--border-subtle:1px solid var(--line-strong);--border-blue:1px solid rgba(96,165,250,0.35);--header-bg:rgba(13,19,30,0.82);--header-bg-solid:#111827;--accent:#2563eb;--accent-hover:#1d4ed8;--accent-press:#1e40af;--accent-text:#8ab8ff;--accent-tint:rgba(96,165,250,0.12);--accent-line:rgba(96,165,250,0.35);--text-inverse:#0b1220;--border-medium:1px solid rgba(226,232,240,0.26);--border-focus:1px solid var(--accent-text);--efury-magenta:#e879f9;--efury-magenta-glow:rgba(232,121,249,0.12);--efury-red:#f87171;--efury-blue-dark:#93c5fd;--footer-bg:#0b111b;--card-hover-bg:#172133;--band-tint:#121c2e;--tile-bg:#17233a;--overlay:rgba(3,6,12,0.7);--shadow-sm:0 1px 2px rgba(0,0,0,0.4);--shadow-md:0 1px 2px rgba(0,0,0,0.3),0 12px 30px -12px rgba(0,0,0,0.6);--shadow-lg:0 1px 3px rgba(0,0,0,0.35),0 30px 70px -24px rgba(0,0,0,0.75);--shadow-glow-blue:0 10px 30px -10px rgba(59,130,246,0.5);--layer-a:#0d131e;--layer-b:#111827;--layer-b-edge:rgba(226,232,240,0.06);--layer-c-line:rgba(148,163,184,0.06);--layer-c-dot:rgba(148,163,184,0.16);--layer-d-bg:rgba(20,29,44,0.78);--layer-d-border:rgba(226,232,240,0.09);--layer-d-highlight:0 1px 2px rgba(0,0,0,0.3),0 10px 26px -16px rgba(0,0,0,0.6);--layer-e-blue:rgba(59,130,246,0.14);--layer-e-blue-soft:rgba(59,130,246,0.07);--layer-e-magenta:rgba(232,121,249,0.07);--noise-opacity:0.03}[data-theme="dark"] .site-header.scrolled{box-shadow:0 8px 24px -14px rgba(0,0,0,0.7)}[data-theme="dark"] .site-logo .logo-icon--seg{box-shadow:inset 0 0 0 1px rgba(255,255,255,0.1),inset 0 -6px 10px rgba(0,0,0,0.35)}[data-theme="dark"] .nav-links a.active{color:var(--text-primary)}@media (max-width:900px){[data-theme="dark"] .nav-links{box-shadow:0 20px 40px -20px rgba(0,0,0,0.7)}}[data-theme="dark"] .hero{background:linear-gradient(180deg,#101827 0%,#0b111c 100%)}[data-theme="dark"] .hero.tex-grid::before{background-image:linear-gradient(rgba(96,165,250,0.075) 1px,transparent 1px),linear-gradient(90deg,rgba(96,165,250,0.075) 1px,transparent 1px),linear-gradient(rgba(96,165,250,0.03) 1px,transparent 1px),linear-gradient(90deg,rgba(96,165,250,0.03) 1px,transparent 1px)}[data-theme="dark"] .hero-badge{border-color:rgba(96,165,250,0.3)}[data-theme="dark"] .hero-badge-dot{box-shadow:0 0 0 3px rgba(52,211,153,0.2),0 0 8px rgba(52,211,153,0.7)}[data-theme="dark"] .hs-pcb{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='14'%3E%3Crect width='32' height='14' fill='%23151b26'/%3E%3Crect width='32' height='1' fill='%23262e3c'/%3E%3Crect y='13' width='32' height='1' fill='%23262e3c'/%3E%3Crect x='1.5' y='5' width='3' height='4' rx='.6' fill='%23a8875a'/%3E%3Crect x='27.5' y='5' width='3' height='4' rx='.6' fill='%23a8875a'/%3E%3Crect x='11' y='2' width='10' height='10' rx='1.2' fill='%23e9e5dd' stroke='%23b9b2a6' stroke-width='.6'/%3E%3Crect x='12' y='3' width='8' height='8' rx='1.3' fill='%23d9d3c8'/%3E%3C/svg%3E");box-shadow:0 2px 6px -2px rgba(0,0,0,0.6)}[data-theme="dark"] .hs-wash{opacity:0.3;animation-name:hs-wash-in-dark}@keyframes hs-wash-in-dark{0%{opacity:0}18%{opacity:0.22}26%{opacity:0.08}40%{opacity:0.26}100%{opacity:0.3}}[data-theme="dark"] .hv-frame{box-shadow:0 1px 2px rgba(0,0,0,0.3),0 40px 90px -36px rgba(0,0,0,0.8)}[data-theme="dark"] .hv-corner{border-color:rgba(96,165,250,0.6)}[data-theme="dark"] .pcb-board{fill:#152033;stroke:rgba(226,232,240,0.1)}[data-theme="dark"] .pcb-dot{fill:rgba(226,232,240,0.2)}[data-theme="dark"] .pcb-mount circle{fill:#0e1625;stroke:rgba(226,232,240,0.22)}[data-theme="dark"] .pcb-dim path{stroke:rgba(226,232,240,0.12)}[data-theme="dark"] .pcb-via circle{fill:#152033;stroke:rgba(226,232,240,0.32)}[data-theme="dark"] .pcb-trace{stroke:rgba(96,165,250,0.5)}[data-theme="dark"] .chip{fill:#070b12;stroke:rgba(148,163,184,0.3)}[data-theme="dark"] .xtal,[data-theme="dark"] .part{fill:#25314a;stroke:rgba(226,232,240,0.28)}[data-theme="dark"] .led{fill:#fbbf24;filter:drop-shadow(0 0 4px rgba(251,191,36,0.85))}[data-theme="dark"] .led-ring{stroke:rgba(251,191,36,0.5)}[data-theme="dark"] .module > rect:first-child{fill:#101a2b;stroke:color-mix(in srgb,var(--mod-tone,var(--vivid-blue)) 50%,transparent)}[data-theme="dark"] .code-bar{fill:rgba(226,232,240,0.2)}[data-theme="dark"] .silk{fill:rgba(226,232,240,0.42)}[data-theme="dark"] .hv-panel{background:rgba(17,25,39,0.94);box-shadow:0 1px 2px rgba(0,0,0,0.3),0 24px 50px -20px rgba(0,0,0,0.75)}[data-theme="dark"] .scope-grid line{stroke:rgba(226,232,240,0.08)}[data-theme="dark"] .hero .hero-rail{background:#0f1724}[data-theme="dark"] .skip-link{background:var(--accent);color:#ffffff}[data-theme="dark"] .badge-magenta{color:#f0abfc;border-color:rgba(232,121,249,0.35)}[data-theme="dark"] .btn-outline:hover{background:var(--bg-elevated)}[data-theme="dark"] .level-chip.is-active{background:var(--accent);border-color:var(--accent);color:#ffffff}[data-theme="dark"] .lvl--beginner{color:#6ee7b7;background:rgba(52,211,153,0.13)}[data-theme="dark"] .lvl--intermediate{color:#fcd34d;background:rgba(251,191,36,0.13)}[data-theme="dark"] .lvl--advanced{color:#c4b5fd;background:rgba(167,139,250,0.15)}[data-theme="dark"] .media-screen .video-embed{background:#0a0f18}[data-theme="dark"] .lcf-open{color:color-mix(in srgb,var(--tone,var(--accent)) 55%,#ffffff)}[data-theme="dark"] .learn-category--feature .lcf-open{color:#fcd34d}[data-theme="dark"] .path-step.is-next .ps-dot{border-color:var(--accent-text);color:var(--accent-text)}[data-theme="dark"] .path-step.is-done .ps-dot{color:#052e1f}[data-theme="dark"] .bench-voice{background:rgba(17,25,39,0.85);border-color:var(--line-strong)}[data-theme="dark"] .lesson-note--tip{background:rgba(96,165,250,0.1);border-color:rgba(96,165,250,0.35)}[data-theme="dark"] .lesson-note--warn{background:rgba(251,146,60,0.1);border-color:rgba(251,146,60,0.38)}[data-theme="dark"] .lesson-row.is-current{background:rgba(96,165,250,0.12)}[data-theme="dark"] .demo-meter{background:#162034;border-left-color:#3a4a66}[data-theme="dark"] .demo-meter.is-ok{background:rgba(52,211,153,0.1);border-left-color:#34d399}[data-theme="dark"] .demo-meter.is-ok b{color:#6ee7b7}[data-theme="dark"] .demo-meter.is-warn{background:rgba(251,191,36,0.1);border-left-color:#fbbf24}[data-theme="dark"] .demo-meter.is-warn b{color:#fcd34d}[data-theme="dark"] .demo-meter.is-bad{background:rgba(248,113,113,0.1);border-left-color:#f87171}[data-theme="dark"] .demo-meter.is-bad b{color:#fca5a5}[data-theme="dark"] .demo-seg-btn[aria-pressed="true"]{background:rgba(96,165,250,0.16);border-color:#60a5fa;color:#bfd6ff}[data-theme="dark"] .ep-info,[data-theme="dark"] .dt-char{background:#162034}[data-theme="dark"] .learn-topic.is-done{color:#6ee7b7;background:rgba(52,211,153,0.13)}[data-theme="dark"] .bench-voice[aria-pressed="true"]{color:#6ee7b7;border-color:rgba(52,211,153,0.45);background:rgba(6,40,30,0.85)}[data-theme="dark"] .bench-desk{background:linear-gradient(#232c3b,#1a2230);border-top-color:#34405a;box-shadow:inset 0 1px 0 rgba(255,255,255,0.05)}[data-theme="dark"] .lesson-body code{background:#1c2740;color:#bfd6ff}[data-theme="dark"] .lesson-code{background:#0b111c;color:#dbe4f0}[data-theme="dark"] .lesson-code code{color:inherit}[data-theme="dark"] .lesson-done.is-done{background:rgba(52,211,153,0.12);color:#6ee7b7}[data-theme="dark"] .lesson-soon-tag{background:rgba(251,191,36,0.14);color:#fcd34d}[data-theme="dark"] .df-sym,[data-theme="dark"] .bj-sym,[data-theme="dark"] .pi-btn,[data-theme="dark"] .sp-sck,[data-theme="dark"] .ic-scl{stroke:#dbe4f0}[data-theme="dark"] .df-fill,[data-theme="dark"] .bj-arrow{fill:#dbe4f0}[data-theme="dark"] .df-wire,[data-theme="dark"] .bj-wire{stroke:#8391a7}[data-theme="dark"] .mf-lamp{stroke:#dbe4f0}[data-theme="dark"] .df-state{fill:#6ee7b7}[data-theme="dark"] .df-gap{fill:var(--bg-surface)}[data-theme="dark"] .wt-tank,[data-theme="dark"] .bj-body{fill:#1a2436;stroke:#64748b}[data-theme="dark"] .wt-pipe{fill:#1b2a45;stroke:#64748b}[data-theme="dark"] .bj-src{fill:rgba(96,165,250,0.15)}[data-theme="dark"] .uf-cell,[data-theme="dark"] .ic-cell{stroke:var(--bg-surface)}[data-theme="dark"] .uf-cell--idle{fill:#1a2436}[data-theme="dark"] .uf-cell--start{fill:rgba(251,191,36,0.2)}[data-theme="dark"] .uf-cell--data,[data-theme="dark"] .ic-cell--c{fill:rgba(96,165,250,0.18)}[data-theme="dark"] .uf-cell--stop,[data-theme="dark"] .ic-cell--t{fill:rgba(52,211,153,0.18)}[data-theme="dark"] .ic-cell--n{fill:rgba(248,113,113,0.18)}[data-theme="dark"] .uf-bit{fill:#93c5fd}[data-theme="dark"] .rt-run{stroke:rgba(226,232,240,0.25)}[data-theme="dark"] .ep-extra b{color:#fcd34d}[data-theme="dark"] .bm-cell.is-on{background:rgba(96,165,250,0.16);border-color:#60a5fa;color:#bfd6ff}[data-theme="dark"] .bm-mask .bm-cell.is-on{background:rgba(251,191,36,0.14);border-color:#fbbf24;color:#fcd34d}[data-theme="dark"] .bm-res .bm-cell.is-on{background:rgba(52,211,153,0.14);border-color:#34d399;color:#6ee7b7}[data-theme="dark"] .ud-chip{background:#162034}[data-theme="dark"] .ud-chip.is-on{background:rgba(52,211,153,0.14);border-color:#34d399;color:#6ee7b7}[data-theme="dark"] .ud-item{background:rgba(52,211,153,0.08);border-color:rgba(52,211,153,0.4)}[data-theme="dark"] .ud-item.is-neg{background:rgba(248,113,113,0.08);border-color:rgba(248,113,113,0.4)}[data-theme="dark"] .ud-pad .demo-seg-btn b{color:#93c5fd}[data-theme="dark"] .as-bsw{border-color:#3a4a66}[data-theme="dark"] .as-hw{--lc:#94a3b8;background:#1a2436}[data-theme="dark"] .prose :not(pre) > code{background:#1c2740;color:#bfd6ff}[data-theme="dark"] .formula{background:rgba(96,165,250,0.08);border-color:rgba(96,165,250,0.4)}[data-theme="dark"] .callout--key{background:rgba(96,165,250,0.1);border-color:rgba(96,165,250,0.35)}[data-theme="dark"] .callout--tip{background:rgba(52,211,153,0.09);border-color:rgba(52,211,153,0.35)}[data-theme="dark"] .callout--warn{background:rgba(251,146,60,0.1);border-color:rgba(251,146,60,0.38)}[data-theme="dark"] .table-wrap th{background:#17223a;color:var(--text-tertiary)}[data-theme="dark"] .code{background:#0b111c;color:#dbe4f0}[data-theme="dark"] .code code{color:inherit}[data-theme="dark"] .status--planned{color:#a7b3c6;border-color:rgba(167,179,198,0.4)}[data-theme="dark"] .build-log{border-color:rgba(167,179,198,0.3);background:repeating-linear-gradient(-45deg,transparent 0 12px,rgba(96,165,250,0.05) 12px 24px),#111a2a}[data-theme="dark"] .nf-help a{color:var(--accent-text)}