:root{--color-primary-50:#e8fff0;--color-primary-100:#c5ffdb;--color-primary-200:#8bffb8;--color-primary-300:#4dff8f;--color-primary-400:#22f06e;--color-primary-500:#00d954;--color-primary-600:#00b847;--color-primary-700:#00913a;--color-primary-800:#007030;--color-primary-900:#004d21;--color-secondary-400:#ffbf00;--color-secondary-500:#e6ac00;--color-secondary-600:#c90;--color-success:#00d954;--color-warning:#ffbf00;--color-error:#ff3b3b;--color-info:#00d4ff;--bg-primary:#0a0a0a;--bg-secondary:#111;--bg-tertiary:#1a1a1a;--bg-surface:#0f0f0f;--text-primary:#e8e8e8;--text-secondary:#9e9e9e;--text-tertiary:#666;--text-inverse:#0a0a0a;--border-light:#2a2a2a;--border-medium:#3a3a3a;--border-glow:#00d9544d;--glow-green:#00d95426;--glow-green-strong:#00d9544d;--shadow-sm:0 1px 2px #0006;--shadow-md:0 4px 12px #00000080;--shadow-lg:0 10px 30px #0009;--shadow-glow:0 0 30px var(--glow-green);--font-mono:"JetBrains Mono", "Fira Code", "SF Mono", "Consolas", monospace;--font-display:"Space Mono", "JetBrains Mono", monospace;--space-1:.25rem;--space-2:.5rem;--space-3:.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;--radius-sm:2px;--radius-md:4px;--radius-lg:6px;--radius-full:9999px;--transition-fast:.15s ease;--transition-base:.2s ease;--transition-slow:.3s ease;--container-max:1200px;--navbar-height:64px;--grid-bg-opacity:.02}[data-theme=light]{--color-primary-500:#00913a;--color-primary-400:#00b847;--color-primary-600:#007030;--color-success:#00913a;--color-warning:#c90;--color-error:#cc2f2f;--color-info:#0088a8;--bg-primary:#f8f9fa;--bg-secondary:#fff;--bg-tertiary:#f0f1f3;--bg-surface:#fff;--text-primary:#1a1a1a;--text-secondary:#5c5c5c;--text-tertiary:#9e9e9e;--text-inverse:#fff;--border-light:#e0e0e0;--border-medium:#c2c2c2;--border-glow:#00913a4d;--glow-green:#00913a1a;--glow-green-strong:#00913a33;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 12px #0000001a;--shadow-lg:0 10px 30px #00000026;--shadow-glow:0 0 30px var(--glow-green);--grid-bg-opacity:.04}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-mono);color:var(--text-primary);background-color:var(--bg-primary);transition:background-color var(--transition-base), color var(--transition-base);background-image:linear-gradient(rgba(0, 145, 58, var(--grid-bg-opacity)) 1px, transparent 1px), linear-gradient(90deg, rgba(0, 145, 58, var(--grid-bg-opacity)) 1px, transparent 1px);background-size:32px 32px;background-attachment:fixed;font-size:1rem;line-height:1.6;overflow-x:hidden}img,picture,video,canvas,svg{max-width:100%;display:block}a{color:var(--color-primary-500);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-primary-400)}button{font:inherit;cursor:pointer;background:0 0;border:none}ul,ol{list-style:none}.skip-link{padding:var(--space-3) var(--space-6);background:var(--color-primary-500);color:var(--text-inverse);z-index:9999;transition:top var(--transition-fast);position:absolute;top:-100%;left:0}.skip-link:focus{top:0}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--text-primary);font-weight:700;line-height:1.3}h1{font-size:clamp(2rem,5vw,3rem)}h2{font-size:clamp(1.5rem,4vw,2.25rem)}h3{font-size:clamp(1.25rem,3vw,1.5rem)}h4{font-size:1.125rem}p{color:var(--text-secondary);line-height:1.7}.text-gradient{color:var(--color-primary-500);text-shadow:0 0 20px var(--glow-green)}.text-label{text-transform:uppercase;letter-spacing:.1em;color:var(--text-tertiary);font-size:.75rem;font-weight:500}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}html{scroll-behavior:auto}}::selection{background:var(--glow-green-strong);color:var(--text-primary)}:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}.animate-fade-in{opacity:0;animation:.6s forwards fadeIn}.animate-fade-in-up{opacity:0;animation:.6s forwards fadeInUp}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.section-container{max-width:var(--container-max);padding:0 var(--space-4);margin:0 auto}@media (width>=768px){.section-container{padding:0 var(--space-8)}}.section-header{text-align:center;max-width:800px;margin:0 auto var(--space-12)}.section-label{align-items:center;gap:var(--space-2);text-transform:uppercase;letter-spacing:.15em;color:var(--color-primary-500);margin-bottom:var(--space-4);font-size:.75rem;font-weight:500;display:inline-flex}.section-label:before{content:">";font-weight:700}.section-description{color:var(--text-secondary);max-width:600px;margin:0 auto;font-size:1rem}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;font-size:.875rem;font-weight:500;line-height:1;text-decoration:none;display:inline-flex}.btn-primary{color:var(--color-primary-500);border:1px solid var(--color-primary-500);background:0 0}.btn-primary:hover{background:var(--color-primary-500);color:var(--text-inverse);box-shadow:var(--shadow-glow)}.btn-primary-filled{background:var(--color-primary-500);color:var(--text-inverse);border:1px solid var(--color-primary-500);box-shadow:0 0 15px var(--glow-green)}.btn-primary-filled:hover{background:var(--color-primary-400);border-color:var(--color-primary-400);color:var(--text-inverse);box-shadow:0 0 30px var(--glow-green-strong)}.btn-secondary{color:var(--text-secondary);border:1px solid var(--border-medium);background:0 0}.btn-secondary:hover{border-color:var(--text-secondary);color:var(--text-primary)}.btn-ghost{color:var(--text-secondary);background:0 0;border:1px solid #0000}.btn-ghost:hover{color:var(--text-primary);border-color:var(--border-light)}.btn-outline{color:var(--text-primary);border:1px solid var(--border-medium);background:0 0}.btn-outline:hover{background:var(--bg-tertiary);border-color:var(--color-primary-500);color:var(--color-primary-500)}.btn-xl{padding:var(--space-4) var(--space-8);font-size:1rem}.btn-lg{padding:var(--space-4) var(--space-6);font-size:.9375rem}.btn-sm{padding:var(--space-2) var(--space-4);font-size:.75rem}.btn-block{width:100%}.btn-icon{width:1.25em;height:1.25em;transition:transform var(--transition-fast)}.btn:hover .btn-icon{transform:translate(4px)}.btn-icon-left{width:1.25em;height:1.25em;margin-right:var(--space-2);transition:transform var(--transition-fast)}.btn:hover .btn-icon-left{transform:translate(-4px)}.navbar{height:var(--navbar-height);background:var(--bg-primary);border-bottom:1px solid var(--border-light);z-index:1000;transition:background-color var(--transition-base), border-color var(--transition-base);position:fixed;top:0;left:0;right:0}.navbar-container{max-width:var(--container-max);height:100%;padding:0 var(--space-4);justify-content:space-between;align-items:center;margin:0 auto;display:flex}@media (width>=768px){.navbar-container{padding:0 var(--space-8)}}.navbar-logo{align-items:center;gap:var(--space-2);display:flex}.logo-text{font-family:var(--font-display);color:var(--color-primary-500);text-shadow:0 0 20px var(--glow-green);font-size:1.25rem;font-weight:700}.navbar-links{gap:var(--space-6);display:none}@media (width>=768px){.navbar-links{display:flex}}.nav-link{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);transition:all var(--transition-fast);border:1px solid #0000;font-size:.875rem;font-weight:500}.nav-link:hover{color:var(--color-primary-500);border-color:var(--border-light)}.navbar-actions{gap:var(--space-3);display:none}@media (width>=768px){.navbar-actions{align-items:center;display:flex}}.theme-toggle-btn{border:1px solid var(--border-light);border-radius:var(--radius-sm);width:40px;height:40px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-base);background:0 0;justify-content:center;align-items:center;padding:0;display:flex}.theme-toggle-btn:hover{color:var(--color-primary-400);border-color:var(--color-primary-400);box-shadow:0 0 10px var(--glow-green)}.theme-toggle-btn svg{width:20px;height:20px}.theme-toggle-btn .icon-moon{display:none}.theme-toggle-btn .icon-sun,[data-theme=light] .theme-toggle-btn .icon-moon{display:block}[data-theme=light] .theme-toggle-btn .icon-sun{display:none}.theme-toggle-mobile{width:100%;padding:var(--space-4);margin-top:var(--space-2);border:1px solid var(--border-light);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;font-family:var(--font-mono);transition:all var(--transition-base);background:0 0;justify-content:space-between;align-items:center;font-size:.9rem;display:flex}.theme-toggle-mobile:hover{border-color:var(--color-primary-400);background:var(--glow-green)}.theme-toggle-mobile .theme-label{color:var(--text-secondary)}.theme-toggle-mobile .theme-icon{justify-content:center;align-items:center;display:flex}.theme-toggle-mobile svg{width:20px;height:20px}.theme-toggle-mobile .icon-moon{display:none}.theme-toggle-mobile .icon-sun,[data-theme=light] .theme-toggle-mobile .icon-moon{display:block}[data-theme=light] .theme-toggle-mobile .icon-sun{display:none}.mobile-nav-actions{align-items:center;gap:var(--space-2);display:flex}@media (width>=768px){.mobile-nav-actions{display:none}}.theme-toggle-mobile-nav{display:flex}@media (width>=768px){.theme-toggle-mobile-nav{display:none}}.mobile-menu-btn{width:44px;height:44px;padding:var(--space-2);border-radius:var(--radius-sm);border:1px solid var(--border-light);justify-content:center;align-items:center;display:flex}@media (width>=768px){.mobile-menu-btn{display:none}}.hamburger{background:var(--text-primary);width:20px;height:2px;transition:background var(--transition-fast);position:relative}.hamburger:before,.hamburger:after{content:"";background:inherit;width:100%;height:100%;transition:transform var(--transition-fast);position:absolute;left:0}.hamburger:before{transform:translateY(-6px)}.hamburger:after{transform:translateY(6px)}.mobile-menu-btn[aria-expanded=true] .hamburger{background:0 0}.mobile-menu-btn[aria-expanded=true] .hamburger:before{transform:rotate(45deg)}.mobile-menu-btn[aria-expanded=true] .hamburger:after{transform:rotate(-45deg)}.mobile-menu{top:var(--navbar-height);background:var(--bg-primary);border-bottom:1px solid var(--border-light);padding:var(--space-6);gap:var(--space-4);opacity:0;visibility:hidden;transition:all var(--transition-base);z-index:999;flex-direction:column;display:flex;position:fixed;left:0;right:0;transform:translateY(-100%)}.mobile-menu.is-open{opacity:1;visibility:visible;transform:translateY(0)}.mobile-link{color:var(--text-primary);padding:var(--space-3) 0;border-bottom:1px solid var(--border-light);text-transform:uppercase;letter-spacing:.05em;font-size:1rem;font-weight:500}.mobile-actions{gap:var(--space-3);margin-top:var(--space-4);flex-direction:column;display:flex}@media (width>=768px){.mobile-menu{display:none}}.hero{min-height:min(760px, calc(100vh - var(--space-8)));padding-top:calc(var(--navbar-height) + var(--space-20));padding-bottom:var(--space-20);border-bottom:1px solid var(--border-light);background:#080a09;align-items:center;display:flex;position:relative;overflow:hidden}.hero-container{z-index:2;min-width:0;max-width:var(--container-max);width:100%;padding:0 var(--space-4);margin:0 auto;position:relative}@media (width>=768px){.hero-container{padding:0 var(--space-8)}}.hero-content{min-width:0;max-width:760px}.hero-greeting{color:var(--text-secondary);margin-bottom:var(--space-4);font-size:1.125rem}.hero-title{margin-bottom:var(--space-6);font-size:clamp(2.4rem,6vw,5.4rem);line-height:1.04}.hero-title .title-main{color:#f4f7f5;display:block}.hero-title .title-accent{color:var(--color-primary-500);text-shadow:0 0 30px var(--glow-green);display:block}.hero-description{color:#c9cecb;max-width:680px;margin-bottom:var(--space-6);font-size:clamp(1rem,2vw,1.2rem);line-height:1.75}.hero-cta{gap:var(--space-4);flex-wrap:wrap;display:flex}.hero-product,.hero-scrim{position:absolute;inset:0}.hero-product img{object-fit:cover;object-position:62% 24%;opacity:.48;filter:saturate(.72)contrast(1.08);width:100%;height:100%}.hero-scrim{z-index:1;background:linear-gradient(90deg,#050806fa 0%,#050806e0 46%,#0508062e 100%),linear-gradient(#0000 55%,#050806d1 100%)}.hero-note{margin-top:var(--space-4);color:#9da5a0;text-transform:uppercase;letter-spacing:0;font-size:.78rem}@media (width<=767px){.hero{min-height:720px;padding-top:calc(var(--navbar-height) + var(--space-12));padding-bottom:var(--space-12);align-items:flex-end}.hero-title{font-size:clamp(2.25rem,12vw,3.5rem)}.hero-title .title-main,.hero-title .title-accent{overflow-wrap:break-word}.hero-product img{object-position:66% top;opacity:.4}.hero-scrim{background:linear-gradient(#05080633 0%,#050806d9 42%,#050806fc 100%)}.hero-cta{flex-direction:column;align-items:stretch}.hero-cta .btn{white-space:normal;text-align:center;justify-content:center;width:100%}}.demo-section{padding:var(--space-20) 0 var(--space-24);background:#080a09;border-top:1px solid #242825;border-bottom:1px solid #242825}.demo-section-standalone{min-height:calc(100vh - var(--navbar-height));padding-top:calc(var(--navbar-height) + var(--space-16))}.demo-container{gap:var(--space-8);display:grid}.demo-heading{align-items:end;gap:var(--space-12);grid-template-columns:minmax(0,1.15fr) minmax(280px,.65fr);display:grid}.demo-heading .section-label{color:#8b948e}.demo-heading .section-title{max-width:780px;margin:var(--space-3) 0 0;color:#f4f7f5}.demo-description{color:#aeb6b1;max-width:480px;font-size:.95rem}.demo-player{aspect-ratio:16/9;border-radius:var(--radius-md);background:#000;border:1px solid #343a36;position:relative;overflow:hidden;box-shadow:0 30px 90px #0000008c,0 0 70px #00d95414}.demo-player video{object-fit:contain;background:#000;width:100%;height:100%}.demo-player-meta{top:var(--space-4);left:var(--space-4);gap:var(--space-2);pointer-events:none;transition:opacity var(--transition-fast);flex-wrap:wrap;display:flex;position:absolute}.demo-section.is-playing .demo-player-meta{opacity:0}.demo-player-meta span{color:#b8c0bb;text-transform:uppercase;background:#040805e6;border:1px solid #00d95473;padding:.3rem .55rem;font-size:.62rem}.demo-actions{justify-content:space-between;align-items:flex-start;gap:var(--space-8);display:flex}.demo-transcript{color:#b8c0bb;max-width:660px}.demo-transcript summary{color:#b8c0bb;cursor:pointer;text-transform:uppercase;font-size:.8rem}.demo-transcript ol{gap:var(--space-2);margin-top:var(--space-4);padding-left:var(--space-6);color:#939c96;font-size:.82rem;list-style:decimal;display:grid}@media (width<=760px){.demo-section{padding:var(--space-16) 0 var(--space-20)}.demo-heading{gap:var(--space-4);grid-template-columns:1fr}.demo-player-meta{top:var(--space-2);left:var(--space-2)}.demo-player-meta span:not(:first-child){display:none}.demo-actions{flex-direction:column-reverse;align-items:stretch}.demo-actions .btn{white-space:normal;text-align:center;width:100%}}.philosophy-section{padding:var(--space-20) 0;border-top:1px solid var(--border-light)}.philosophy-grid{gap:var(--space-8);grid-template-columns:1fr;display:grid}@media (width>=768px){.philosophy-grid{grid-template-columns:repeat(3,1fr)}}.philosophy-card{padding:var(--space-6);background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-sm);transition:all var(--transition-fast);position:relative}.philosophy-card:before{content:"";background:var(--color-primary-500);opacity:0;width:3px;transition:opacity var(--transition-fast);position:absolute;top:0;bottom:0;left:0}.philosophy-card:hover{border-color:var(--color-primary-500)}.philosophy-card:hover:before{opacity:1}.philosophy-number{font-family:var(--font-display);color:var(--color-primary-500);opacity:.5;margin-bottom:var(--space-4);font-size:2rem;font-weight:700}.philosophy-title{margin-bottom:var(--space-3);font-size:1.125rem}.philosophy-description{color:var(--text-secondary);font-size:.9375rem}.about-section{padding:var(--space-24) 0;background:var(--bg-primary);border-top:1px solid var(--border-light)}.source-layout{gap:var(--space-16);align-items:center;display:grid}.source-copy{max-width:620px}.source-copy .section-title{max-width:580px;font-size:clamp(2rem,3.4vw,3rem)}.source-copy>p{max-width:580px;font-size:1.05rem}.source-trace{min-width:0;padding:var(--space-6);border:1px solid var(--border-medium);background:linear-gradient(#00d95406 1px, transparent 1px), linear-gradient(90deg, #00d95406 1px, transparent 1px), var(--bg-secondary);background-size:24px 24px;position:relative}.source-node{gap:var(--space-2) var(--space-4);padding:var(--space-5);border:1px solid var(--border-light);background:var(--bg-surface);grid-template-columns:minmax(0,1fr) auto;display:grid}.source-node-active{border-color:var(--color-primary-500);box-shadow:0 0 24px var(--glow-green)}.source-command{color:var(--color-primary-500);text-transform:uppercase;grid-column:1/-1;font-size:.68rem}.source-node strong{min-width:0;color:var(--text-primary);font-size:.86rem;line-height:1.5}.source-node small{color:var(--text-tertiary);text-align:right;align-self:center;font-size:.67rem}.source-arrow{height:32px;color:var(--color-primary-500);text-align:center;line-height:32px;display:block}.supporting-tools{margin-top:var(--space-20);border-top:1px solid var(--border-light);border-bottom:1px solid var(--border-light);display:grid}.supporting-tool{gap:var(--space-5);padding:var(--space-6) 0;border-bottom:1px solid var(--border-light);grid-template-columns:auto 1fr;display:grid}.supporting-tool:last-child{border-bottom:0}.supporting-tool-number{color:var(--color-primary-500);font-size:.72rem;font-weight:700}.supporting-tool h3{margin-bottom:var(--space-2);font-size:1rem}.supporting-tool p{font-size:.86rem}@media (width>=900px){.source-layout{grid-template-columns:minmax(0,.92fr) minmax(440px,1.08fr)}.supporting-tools{grid-template-columns:repeat(3,1fr)}.supporting-tool{min-width:0;padding:var(--space-6);border-right:1px solid var(--border-light);border-bottom:0}.supporting-tool:first-child{padding-left:0}.supporting-tool:last-child{border-right:0;padding-right:0}}@media (width<=640px){.about-section{padding:var(--space-20) 0}.source-trace{padding:var(--space-4)}.source-node{grid-template-columns:1fr}.source-node small{text-align:left}}.how-section{padding:var(--space-24) 0;border-top:1px solid var(--border-light);background:var(--bg-secondary)}.practice-header{max-width:900px}.practice-header .section-title{max-width:820px;margin-left:auto;margin-right:auto}.practice-preview{border:1px solid var(--border-medium);background:#080908;overflow:hidden;box-shadow:0 24px 70px #0000008c,0 0 60px #00d9540f}.practice-preview-bar{min-height:44px;padding:0 var(--space-4);color:#737b76;border-bottom:1px solid #262a27;grid-template-columns:1fr auto 1fr;align-items:center;font-size:.72rem;display:grid}.preview-lights{gap:7px;display:flex}.preview-lights span{background:#343936;border-radius:50%;width:8px;height:8px}.practice-preview-bar strong{color:#9ca29e;font-weight:500}.preview-connection{color:#00d954;justify-self:end}.preview-connection:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px;margin-right:7px;display:inline-block;box-shadow:0 0 10px}.practice-app{grid-template-columns:minmax(220px,.32fr) minmax(0,1fr);min-height:620px;display:grid}.practice-context{padding:var(--space-8);background:#0d0e0d;border-right:1px solid #262a27;flex-direction:column;display:flex}.preview-back{margin-bottom:var(--space-12);color:#7d847f;text-transform:uppercase;font-size:.75rem}.preview-back:hover{color:#e8e8e8}.preview-chapter{gap:var(--space-3);margin-bottom:var(--space-8);flex-direction:column;display:flex}.preview-chapter span,.preview-progress span{color:#e8e8e8;font-family:var(--font-display);font-size:1.45rem;font-weight:700}.preview-chapter strong{color:#969c98;font-size:.86rem;font-weight:500;line-height:1.7}.preview-progress{justify-content:space-between;align-items:baseline;gap:var(--space-3);padding:var(--space-5) 0;border-top:1px solid #262a27;border-bottom:1px solid #262a27;display:flex}.preview-progress span{font-size:.85rem}.preview-progress strong{color:#00d4ff;font-size:.72rem}.preview-context-actions{gap:var(--space-3);margin-top:auto;display:grid}.preview-context-actions span{padding:var(--space-3);color:#929894;text-align:center;text-transform:uppercase;border:1px solid #303431;font-size:.72rem}.practice-workspace{background-image:linear-gradient(#00d95406 1px,#0000 1px),linear-gradient(90deg,#00d95406 1px,#0000 1px);background-size:32px 32px;flex-direction:column;min-width:0;display:flex}.preview-tabs{background:#090a09f0;border-bottom:1px solid #262a27;grid-template-columns:repeat(3,1fr);display:grid}.preview-tab{min-width:0;padding:var(--space-5) var(--space-3);color:#777e79;text-transform:uppercase;transition:color var(--transition-fast), background var(--transition-fast);border-right:1px solid #262a27;font-size:.78rem}.preview-tab:last-child{border-right:0}.preview-tab span{margin-right:var(--space-2);color:#4f5651}.preview-tab:hover,.preview-tab.is-active{color:#e8e8e8;background:#00d9540e}.preview-tab.is-active{box-shadow:inset 0 -2px #00d954}.preview-tab.is-active span{color:#00d954}.preview-stage{flex:1;place-items:center;padding:clamp(1.5rem,5vw,4.5rem);display:grid}.preview-panel{width:min(100%,760px);box-shadow:var(--shadow-lg);background:#0e0f0ef5;border:1px solid #303431;padding:clamp(1.5rem,4vw,3rem)}.preview-panel.is-active{animation:.18s ease-out preview-enter}@keyframes preview-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.preview-panel-heading{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.preview-kicker{color:#ffbf00;text-transform:uppercase;font-size:.72rem}.preview-badge{padding:var(--space-1) var(--space-3);text-transform:uppercase;border:1px solid;font-size:.67rem}.preview-badge-cyan{color:#00d4ff}.preview-badge-amber{color:#ffbf00}.preview-badge-green{color:#00d954}.preview-panel h3{max-width:680px;margin-bottom:var(--space-5);color:#f0f2f1;font-size:clamp(1.25rem,3vw,2rem)}.preview-panel>p,.answer-sheet p,.feedback-message p{color:#c6cbc8;font-size:clamp(.88rem,1.6vw,1rem);line-height:1.85}.preview-action{margin-top:var(--space-8);padding:var(--space-3) var(--space-5);color:#00d954;text-transform:uppercase;transition:color var(--transition-fast), background var(--transition-fast);border:1px solid #00d954;justify-content:center;align-items:center;font-size:.74rem;display:inline-flex}.preview-action:hover{color:#080908;background:#00d954}.preview-action-secondary{color:#c6cbc8;border-color:#6c746e}.answer-sheet{min-height:210px;padding:var(--space-6);background:#090a09;border:1px solid #303431;position:relative}.answer-cursor{width:.6em;height:1.1em;margin-top:var(--space-4);background:#00d954;animation:1s step-end infinite preview-cursor;display:inline-block}@keyframes preview-cursor{0%,49%{opacity:1}50%,to{opacity:0}}.feedback-message{gap:var(--space-4);padding:var(--space-6);background:#00d9540b;border-left:2px solid #00d954;grid-template-columns:auto 1fr;display:grid}.feedback-prompt{color:#00d954;font-weight:700}.practice-cta{justify-content:space-between;align-items:center;gap:var(--space-6);padding-top:var(--space-8);display:flex}.practice-cta p{max-width:520px;font-size:.9rem}[data-theme=light] .practice-preview{border-color:#b8beb9}@media (width<=820px){.practice-app{grid-template-columns:1fr}.practice-context{gap:var(--space-4);padding:var(--space-5);border-bottom:1px solid #262a27;border-right:0;grid-template-columns:minmax(0,1fr) auto;display:grid}.preview-back,.preview-context-actions{display:none}.preview-chapter{margin:0}.preview-chapter span{font-size:1.05rem}.preview-chapter strong{font-size:.72rem}.preview-progress{min-width:110px;padding:0 0 0 var(--space-4);border:0;border-left:1px solid #262a27;flex-direction:column;justify-content:center;align-items:flex-end}.practice-app{min-height:0}}@media (width<=640px){.how-section{padding:var(--space-20) 0}.practice-preview-bar{grid-template-columns:1fr auto}.practice-preview-bar strong{display:none}.preview-tabs{overflow-x:auto}.preview-tab{padding:var(--space-4) var(--space-2);font-size:.68rem}.preview-tab span{margin:0 0 var(--space-1);display:block}.preview-stage{padding:var(--space-4)}.preview-panel{padding:var(--space-5)}.answer-sheet,.feedback-message{padding:var(--space-4)}.practice-cta{flex-direction:column;align-items:stretch}.practice-cta .btn{white-space:normal;text-align:center;width:100%}}.recall-section{padding:var(--space-24) 0;border-top:1px solid var(--border-light);background:var(--bg-secondary)}.recall-layout{gap:var(--space-16);align-items:center;display:grid}.recall-copy .section-title{max-width:680px;font-size:clamp(2rem,3.2vw,2.75rem)}.recall-copy>p{max-width:650px;font-size:1.05rem}.recall-schedule{margin-top:var(--space-10);align-items:center;display:flex}.recall-day{gap:var(--space-1);flex-direction:column;min-width:72px;display:flex}.recall-day span{color:var(--text-tertiary);text-transform:uppercase;font-size:.68rem}.recall-day strong{color:var(--text-secondary);font-size:.72rem}.recall-day:before{content:"";width:12px;height:12px;margin-bottom:var(--space-2);border:1px solid var(--border-medium);background:var(--bg-primary)}.recall-day-complete:before,.recall-day-active:before{border-color:var(--color-primary-500);background:var(--color-primary-500);box-shadow:0 0 16px var(--glow-green-strong)}.recall-day-active strong{color:var(--color-primary-500)}.recall-line{min-width:18px;height:1px;margin:0 var(--space-2) 2.65rem;background:var(--border-medium);flex:1}.recall-mail{border:1px solid var(--border-medium);background:var(--bg-surface);min-width:0;box-shadow:var(--shadow-lg), 18px 18px 0 var(--bg-tertiary);padding:clamp(1.5rem,5vw,3.5rem);position:relative}.recall-mail:before{content:"";pointer-events:none;border:1px solid #00d95414;position:absolute;inset:12px}.recall-mail-meta{justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-12);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-light);color:var(--text-tertiary);text-transform:uppercase;flex-wrap:wrap;font-size:.68rem;display:flex}.recall-mail-course{margin-bottom:var(--space-3);color:var(--color-primary-500);text-transform:uppercase;font-size:.72rem;display:block}.recall-mail h3{max-width:560px;margin-bottom:var(--space-4);font-size:clamp(1.35rem,3.2vw,2.15rem)}.recall-mail p{max-width:560px;font-size:.9rem}.recall-mail .recall-mail-time{margin-bottom:var(--space-5);color:var(--text-tertiary);font-size:.72rem}.recall-mail-action{margin-top:var(--space-8);padding:var(--space-3) var(--space-5);border:1px solid var(--color-primary-500);color:var(--color-primary-500);text-transform:uppercase;font-size:.75rem;display:inline-block}.recall-mail-action:hover{background:var(--color-primary-500);color:var(--text-inverse)}@media (width>=980px){.recall-layout{grid-template-columns:minmax(0,1fr) minmax(440px,.82fr)}}@media (width<=640px){.recall-section{padding:var(--space-20) 0}.recall-day{min-width:58px}.recall-day strong{font-size:.64rem}.recall-line{min-width:4px;margin-left:var(--space-1);margin-right:var(--space-1)}.recall-mail{margin-right:var(--space-3);box-shadow:10px 10px 0 var(--bg-tertiary)}}.pricing-section{padding:var(--space-20) 0;background:var(--bg-primary);transition:background-color var(--transition-base)}.section-header{text-align:center;margin-bottom:var(--space-12)}.section-label{text-transform:uppercase;letter-spacing:.15em;color:var(--color-primary-500);margin-bottom:var(--space-3);padding:var(--space-2) var(--space-4);background:var(--glow-green);border:1px solid var(--border-glow);border-radius:var(--radius-full);font-size:.75rem;font-weight:600;display:inline-block}.section-title{margin-bottom:var(--space-4)}.section-description{max-width:600px;color:var(--text-secondary);margin:0 auto;font-size:1.0625rem;line-height:1.7}.pricing-grid{gap:var(--space-8);max-width:1080px;margin:0 auto var(--space-12);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}@media (width<=768px){.pricing-grid{gap:var(--space-6);grid-template-columns:1fr}}.pricing-card{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--space-8);transition:all var(--transition-base);flex-direction:column;display:flex;position:relative}.pricing-card:hover{border-color:var(--border-medium);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.pricing-card-highlighted{border-color:var(--border-glow);background:linear-gradient(to bottom, var(--bg-secondary), var(--bg-tertiary));box-shadow:0 0 20px var(--glow-green)}.pricing-card-highlighted:hover{border-color:var(--color-primary-500);box-shadow:0 0 30px var(--glow-green-strong)}.pricing-card-header{margin-bottom:var(--space-6)}.pricing-badge{text-transform:uppercase;letter-spacing:.1em;color:var(--color-primary-500);background:var(--glow-green);border:1px solid var(--border-glow);border-radius:var(--radius-full);padding:var(--space-1) var(--space-3);margin-bottom:var(--space-4);font-size:.6875rem;font-weight:600;display:inline-block}.pricing-badge-secondary{color:var(--color-secondary-400);background:#ffbf001a;border-color:#ffbf004d}.pricing-title{color:var(--text-primary);margin-bottom:var(--space-3);font-size:1.5rem;font-weight:700}.pricing-price{align-items:baseline;gap:var(--space-2);margin-bottom:var(--space-4);display:flex}.price-amount{color:var(--color-primary-500);font-size:2.5rem;font-weight:700;line-height:1;font-family:var(--font-display)}.price-period{color:var(--text-tertiary);font-size:1rem;font-weight:500}.pricing-card-body{margin-bottom:var(--space-6);flex:1}.pricing-description{color:var(--text-secondary);margin-bottom:var(--space-6);padding-bottom:var(--space-6);border-bottom:1px solid var(--border-light);font-size:.9375rem;line-height:1.7}.pricing-features-title{color:var(--text-primary);margin-bottom:var(--space-4);text-transform:uppercase;letter-spacing:.05em;font-size:.875rem;font-weight:600}.pricing-features{margin:0;padding:0;list-style:none}.feature-item{align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-4);color:var(--text-secondary);font-size:.9375rem;line-height:1.6;display:flex}.feature-item:last-child{margin-bottom:0}.feature-icon{width:20px;height:20px;color:var(--color-primary-500);flex-shrink:0;margin-top:2px}.pricing-card-footer{margin-top:auto}.btn-lg{padding:var(--space-4) var(--space-8);justify-content:center;width:100%;font-size:1rem;font-weight:600}.pricing-note{text-align:center;max-width:700px;padding:var(--space-6);background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:var(--radius-md);margin:0 auto}.pricing-note,.pricing-note p{color:var(--text-secondary);margin:0;font-size:.9375rem;line-height:1.7}.pricing-note a{color:var(--color-primary-500)}.pricing-note strong{color:var(--text-primary);font-weight:600}.pricing-note+.pricing-note{margin-top:var(--space-4)}@media (width<=640px){.pricing-card{padding:var(--space-6)}.price-amount{font-size:2rem}.btn-lg{padding:var(--space-3) var(--space-6);font-size:.9375rem}}.faq-section{padding:var(--space-20) 0;background:var(--bg-secondary);transition:background-color var(--transition-base)}.faq-grid{gap:var(--space-3);flex-direction:column;max-width:800px;margin:0 auto;display:flex}.faq-item{border:1px solid var(--border-light);border-radius:var(--radius-sm);transition:all var(--transition-base);overflow:hidden}.faq-item:hover{border-color:var(--color-primary-500)}.faq-question{justify-content:space-between;align-items:center;gap:var(--space-4);width:100%;padding:var(--space-5);text-align:left;color:var(--text-primary);background:var(--bg-surface);transition:background var(--transition-fast);font-size:.9375rem;font-weight:500;display:flex}.faq-question:hover{background:var(--bg-tertiary)}.faq-icon{width:20px;height:20px;color:var(--text-tertiary);transition:transform var(--transition-base);flex-shrink:0}.faq-item.is-open .faq-icon{color:var(--color-primary-500);transform:rotate(180deg)}.faq-answer{padding:0 var(--space-5) var(--space-5);background:var(--bg-surface);display:none}.faq-item.is-open .faq-answer{display:block}.faq-answer p{font-size:.9375rem;line-height:1.7}.final-cta-section{padding:var(--space-20) 0;position:relative;overflow:hidden}.cta-container{max-width:var(--container-max);padding:0 var(--space-4);text-align:center;z-index:1;margin:0 auto;position:relative}@media (width>=768px){.cta-container{padding:0 var(--space-8)}}.cta-title{margin-bottom:var(--space-4)}.cta-description{color:var(--text-secondary);margin-bottom:var(--space-8);max-width:500px;margin-left:auto;margin-right:auto;font-size:1rem}.cta-actions{margin-bottom:var(--space-4)}.cta-note{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.1em;font-size:.75rem}.footer{padding:var(--space-12) 0 var(--space-6);background:var(--bg-secondary);border-top:1px solid var(--border-light);transition:background-color var(--transition-base), border-color var(--transition-base)}.footer-container{max-width:var(--container-max);padding:0 var(--space-4);margin:0 auto}@media (width>=768px){.footer-container{padding:0 var(--space-8)}}.footer-main{gap:var(--space-8);padding-bottom:var(--space-8);border-bottom:1px solid var(--border-light);grid-template-columns:1fr;display:grid}@media (width>=768px){.footer-main{grid-template-columns:1fr 2fr}}.footer-logo{font-family:var(--font-display);color:var(--color-primary-500);margin-bottom:var(--space-2);font-size:1.25rem;font-weight:700;display:inline-block}.footer-tagline{color:var(--text-tertiary);font-size:.875rem}.footer-nav{gap:var(--space-6);grid-template-columns:repeat(2,1fr);display:grid}@media (width>=768px){.footer-nav{grid-template-columns:repeat(3,1fr)}}.footer-links h4{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-4);font-size:.75rem;font-weight:600}.footer-links a{color:var(--text-tertiary);padding:var(--space-2) 0;transition:color var(--transition-fast);font-size:.875rem;display:block}.footer-links a:hover{color:var(--color-primary-500)}.footer-bottom{padding-top:var(--space-6);align-items:center;gap:var(--space-2);text-align:center;flex-direction:column;display:flex}.footer-copyright,.footer-attribution{color:var(--text-tertiary);margin:0;font-size:.75rem}.footer-attribution{justify-content:center;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.footer-attribution a{color:inherit;transition:color var(--transition-fast)}.footer-attribution a:hover{color:var(--color-primary-500)}.blog-hero{padding-top:calc(var(--navbar-height) + var(--space-16));padding-bottom:var(--space-12)}.blog-listing{padding-bottom:var(--space-16)}.blog-grid{gap:var(--space-8);grid-template-columns:1fr;display:grid}@media (width>=768px){.blog-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.blog-grid{grid-template-columns:repeat(3,1fr)}}.blog-empty{text-align:center;padding:var(--space-16);color:var(--text-secondary)}.blog-card{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-sm);transition:all var(--transition-base);opacity:0;flex-direction:column;animation:.6s forwards fadeInUp;display:flex;overflow:hidden}.blog-card:hover{border-color:var(--color-primary-500);box-shadow:var(--shadow-glow)}.blog-card-image{aspect-ratio:16/9;background:var(--bg-tertiary);overflow:hidden}.blog-card-image img{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-slow)}.blog-card:hover .blog-card-image img{transform:scale(1.05)}.blog-card-content{padding:var(--space-5);flex-direction:column;flex:1;display:flex}.blog-card-meta{align-items:center;gap:var(--space-2);color:var(--text-tertiary);margin-bottom:var(--space-3);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;display:flex}.meta-separator{color:var(--border-medium)}.blog-card-title{margin-bottom:var(--space-3);font-size:1.125rem;line-height:1.4}.blog-card-title a{color:var(--text-primary);transition:color var(--transition-fast)}.blog-card-title a:hover{color:var(--color-primary-500)}.blog-card-description{color:var(--text-secondary);margin-bottom:var(--space-4);-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;flex:1;font-size:.875rem;line-height:1.6;display:-webkit-box;overflow:hidden}.blog-card-tags{gap:var(--space-2);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.tag{padding:var(--space-1) var(--space-3);text-transform:uppercase;letter-spacing:.05em;color:var(--color-primary-500);background:var(--glow-green);border:1px solid var(--border-glow);border-radius:var(--radius-full);font-size:.6875rem;font-weight:500;display:inline-flex}.blog-card-link{align-items:center;gap:var(--space-2);color:var(--color-primary-500);text-transform:uppercase;letter-spacing:.05em;margin-top:auto;font-size:.875rem;font-weight:500;display:inline-flex}.blog-card-link svg{width:1em;height:1em;transition:transform var(--transition-fast)}.blog-card-link:hover svg{transform:translate(4px)}.blog-cta-section{padding-bottom:var(--space-16)}.blog-post{padding-top:calc(var(--navbar-height) + var(--space-12));padding-bottom:var(--space-16)}.blog-post-container{max-width:800px;padding:0 var(--space-4);margin:0 auto}@media (width>=768px){.blog-post-container{padding:0 var(--space-8)}}.breadcrumb{margin-bottom:var(--space-8)}.breadcrumb ol{align-items:center;gap:var(--space-2);text-transform:uppercase;letter-spacing:.05em;flex-wrap:wrap;font-size:.75rem;display:flex}.breadcrumb li{align-items:center;gap:var(--space-2);color:var(--text-tertiary);display:flex}.breadcrumb li:not(:last-child):after{content:"/";color:var(--border-medium)}.breadcrumb a{color:var(--text-secondary)}.breadcrumb a:hover{color:var(--color-primary-500)}.breadcrumb li[aria-current=page]{color:var(--text-primary)}.blog-post-header{margin-bottom:var(--space-8)}.blog-post-meta{align-items:center;gap:var(--space-2);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-4);font-size:.75rem;display:flex}.reading-time{color:var(--color-primary-500)}.blog-post-title{margin-bottom:var(--space-4);font-size:clamp(1.75rem,5vw,2.5rem);line-height:1.2}.blog-post-description{color:var(--text-secondary);margin-bottom:var(--space-4);font-size:1.125rem;line-height:1.7}.blog-post-tags{gap:var(--space-2);flex-wrap:wrap;display:flex}.blog-post-image{margin-bottom:var(--space-8);border-radius:var(--radius-sm);border:1px solid var(--border-light);overflow:hidden}.blog-post-image img{width:100%;height:auto;display:block}.blog-post-content.prose{color:var(--text-secondary);font-size:1rem;line-height:1.8}.blog-post-content.prose h2{margin-top:var(--space-10);margin-bottom:var(--space-4);color:var(--text-primary);font-size:1.5rem}.blog-post-content.prose h3{margin-top:var(--space-8);margin-bottom:var(--space-3);color:var(--text-primary);font-size:1.25rem}.blog-post-content.prose h4{margin-top:var(--space-6);margin-bottom:var(--space-3);color:var(--text-primary);font-size:1.125rem}.blog-post-content.prose p{margin-bottom:var(--space-5)}.blog-post-content.prose a{color:var(--color-primary-500);text-underline-offset:2px;text-decoration:underline}.blog-post-content.prose a:hover{color:var(--color-primary-400)}.blog-post-content.prose strong{color:var(--text-primary);font-weight:600}.blog-post-content.prose ul,.blog-post-content.prose ol{margin-bottom:var(--space-5);padding-left:var(--space-6)}.blog-post-content.prose li{margin-bottom:var(--space-2)}.blog-post-content.prose ul li{list-style-type:disc}.blog-post-content.prose ol li{list-style-type:decimal}.blog-post-content.prose blockquote{margin:var(--space-6) 0;padding:var(--space-4) var(--space-6);border-left:3px solid var(--color-primary-500);background:var(--bg-tertiary);color:var(--text-primary);font-style:italic}.blog-post-content.prose code{font-family:var(--font-mono);background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:var(--radius-sm);color:var(--color-primary-500);padding:.2em .4em;font-size:.875em}.blog-post-content.prose pre{margin:var(--space-6) 0;padding:var(--space-4);background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:var(--radius-sm);overflow-x:auto}.blog-post-content.prose pre code{color:var(--text-primary);background:0 0;border:none;padding:0}.blog-post-content.prose img{max-width:100%;height:auto;margin:var(--space-6) 0;border-radius:var(--radius-sm);border:1px solid var(--border-light)}.blog-post-content.prose hr{margin:var(--space-10) 0;border:none;border-top:1px solid var(--border-light)}.blog-post-footer{margin-top:var(--space-12);padding-top:var(--space-8);border-top:1px solid var(--border-light)}.updated-date{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-6);font-size:.75rem}.blog-post-author{align-items:center;gap:var(--space-3);margin-bottom:var(--space-8);display:flex}.author-label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}.author-name{color:var(--text-primary);font-weight:600}.blog-post-cta{text-align:center;padding:var(--space-8);background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-sm);margin-bottom:var(--space-8)}.blog-post-cta h3{margin-bottom:var(--space-3);font-size:1.25rem}.blog-post-cta p{margin-bottom:var(--space-6);font-size:.9375rem}.cta-note{margin-top:.75rem;font-size:.6875rem}.back-to-blog{text-align:center}.cookie-backdrop{z-index:9998;opacity:0;pointer-events:none;background:#0009;transition:opacity .3s;position:fixed;inset:0}.cookie-backdrop[aria-hidden=false]{opacity:1;pointer-events:auto}.cookie-banner{background:var(--bg-surface);border-top:1px solid var(--border-light);padding:var(--space-5);z-index:9999;transition:transform .3s cubic-bezier(.4,0,.2,1);position:fixed;bottom:0;left:0;right:0;transform:translateY(100%);box-shadow:0 -4px 20px #0000004d}.cookie-banner[aria-hidden=false]{transform:translateY(0)}@media (width>=769px){.cookie-backdrop{display:none}}.cookie-banner-content{max-width:var(--container-max);justify-content:space-between;align-items:center;gap:var(--space-6);margin:0 auto;display:flex}.cookie-banner-text{flex:1}.cookie-banner-title{color:var(--text-primary);margin:0 0 var(--space-2) 0;font-size:1rem;font-weight:600}.cookie-banner-description{color:var(--text-secondary);margin:0;font-size:.8125rem;line-height:1.5}.cookie-banner-link{color:var(--color-primary-500);font-weight:500;text-decoration:underline}.cookie-banner-link:hover{color:var(--color-primary-400)}.cookie-banner-actions{gap:var(--space-3);flex-shrink:0;display:flex}@media (width<=768px){.cookie-banner{padding:var(--space-4);padding-bottom:calc(var(--space-4) + env(safe-area-inset-bottom))}.cookie-banner-content{align-items:stretch;gap:var(--space-4);flex-direction:column}.cookie-banner-actions{gap:var(--space-2);flex-direction:column;width:100%}.cookie-banner-actions .btn{justify-content:center;width:100%}.cookie-banner-actions #cookie-accept{order:1}.cookie-banner-actions #cookie-decline{order:2}}