: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:100vh;padding-top:calc(var(--navbar-height) + var(--space-16));padding-bottom:var(--space-16);align-items:center;display:flex;position:relative}.hero-container{max-width:var(--container-max);padding:0 var(--space-4);gap:var(--space-12);grid-template-columns:1fr;align-items:center;margin:0 auto;display:grid}@media (width>=768px){.hero-container{padding:0 var(--space-8)}}@media (width>=1024px){.hero-container{grid-template-columns:1fr 1fr}}.hero-content{max-width:600px}.hero-greeting{color:var(--text-secondary);margin-bottom:var(--space-4);font-size:1.125rem}.hero-title{margin-bottom:var(--space-6)}.hero-title .title-main{color:var(--text-primary);display:block}.hero-title .title-accent{color:var(--color-primary-500);text-shadow:0 0 30px var(--glow-green);display:block}.hero-description{color:var(--text-secondary);margin-bottom:var(--space-8);font-size:1rem;line-height:1.8}.hero-cta{gap:var(--space-4);flex-wrap:wrap;display:flex}.hero-visual{justify-content:center;display:flex}.hero-mockup{width:100%;max-width:560px}.mockup-window{background:var(--bg-surface);border-radius:var(--radius-sm);box-shadow:0 0 0 1px var(--border-glow), var(--shadow-glow), var(--shadow-lg);border:1px solid var(--border-light);overflow:hidden}.mockup-header{padding:var(--space-3) var(--space-4);background:var(--bg-tertiary);border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;display:flex}.mockup-dots{gap:6px;display:flex}.mockup-dots span{background:var(--border-medium);border-radius:50%;width:10px;height:10px}.mockup-dots span:first-child{background:var(--color-error)}.mockup-dots span:nth-child(2){background:var(--color-warning)}.mockup-dots span:nth-child(3){background:var(--color-success)}.mockup-title{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.1em;font-size:.75rem;font-weight:500}.mockup-content{justify-content:center;align-items:center;padding:0;display:flex;overflow:hidden}.mockup-content img{width:100%;height:auto;display:block}.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-20) 0;background:var(--bg-secondary);transition:background-color var(--transition-base)}.about-content{max-width:800px;margin:0 auto}.about-text{color:var(--text-secondary);margin-bottom:var(--space-6);font-size:1.0625rem;line-height:1.9}.about-text:last-child{margin-bottom:0}.about-highlight{color:var(--text-primary);font-weight:500}.how-section{padding:var(--space-20) 0;border-top:1px solid var(--border-light)}.steps-container{max-width:800px;margin:0 auto var(--space-12)}.step-card{gap:var(--space-6);display:flex}.step-number{width:48px;height:48px;font-family:var(--font-display);color:var(--color-primary-500);border:1px solid var(--color-primary-500);border-radius:var(--radius-sm);background:0 0;flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;font-weight:700;display:flex}.step-content{padding-bottom:var(--space-4);flex:1}.step-title{margin-bottom:var(--space-3);font-size:1.25rem}.step-description{margin-bottom:var(--space-6);font-size:.9375rem;line-height:1.7}.step-visual{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-sm);overflow:hidden}.step-screenshot{width:100%;height:auto;display:block}.step-connector{padding:var(--space-4) 0;color:var(--color-primary-500);opacity:.5;justify-content:center;padding-left:20px;display:flex}.step-connector svg{width:24px;height:48px}.cta-box{text-align:center;padding:var(--space-10);background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-sm)}.cta-box h3{margin-bottom:var(--space-3);font-size:1.5rem}.cta-box p{margin-bottom:var(--space-6);font-size:1rem}.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}@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}}