:root,[data-theme=dark]{--color-primary: #F8FAFC;--color-primary-light: #E2E8F0;--color-accent: #0EA5E9;--color-accent-dark: #0284C7;--color-warning: #F59E0B;--color-warning-bg: #78350F;--color-success: #10B981;--color-text: #F8FAFC;--color-text-light: #CBD5E1;--color-text-inverse: #1E293B;--color-bg: #0F172A;--color-bg-alt: #1E293B;--color-border: #334155}[data-theme=light]{--color-primary: #0F172A;--color-primary-light: #1E293B;--color-accent: #0EA5E9;--color-accent-dark: #0284C7;--color-warning: #F59E0B;--color-warning-bg: #FEF3C7;--color-success: #10B981;--color-text: #1E293B;--color-text-light: #64748B;--color-text-inverse: #F8FAFC;--color-bg: #FFFFFF;--color-bg-alt: #F8FAFC;--color-border: #E2E8F0}:root{--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-display: "Plus Jakarta Sans", "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Consolas", monospace;--fs-xs: clamp(.75rem, .7rem + .25vw, .875rem);--fs-sm: clamp(.875rem, .85rem + .25vw, 1rem);--fs-base: clamp(1.0625rem, 1rem + .3vw, 1.1875rem);--fs-lg: clamp(1.1875rem, 1.1rem + .4vw, 1.375rem);--fs-xl: clamp(1.375rem, 1.25rem + .625vw, 1.75rem);--fs-2xl: clamp(1.75rem, 1.5rem + 1vw, 2.25rem);--fs-3xl: clamp(2.25rem, 1.875rem + 1.5vw, 3rem);--fs-4xl: clamp(3rem, 2.25rem + 2vw, 4rem);--fs-5xl: clamp(3.75rem, 2.75rem + 3vw, 5rem);--fs-6xl: clamp(4.5rem, 3.5rem + 4vw, 6.5rem);--lh-tight: 1.05;--lh-snug: 1.3;--lh-normal: 1.5;--lh-relaxed: 1.7;--lh-loose: 1.8;--space-xs: clamp(.25rem, .2rem + .25vw, .5rem);--space-sm: clamp(.5rem, .45rem + .25vw, .75rem);--space-md: clamp(1rem, .9rem + .5vw, 1.5rem);--space-lg: clamp(1.5rem, 1.35rem + .75vw, 2rem);--space-xl: clamp(2rem, 1.75rem + 1.25vw, 3rem);--space-2xl: clamp(3rem, 2.5rem + 2.5vw, 4rem);--space-3xl: clamp(4rem, 3rem + 5vw, 6rem);--container-max: 1200px;--container-padding: var(--space-lg);--transition-fast: .15s ease-in-out;--transition-base: .25s ease-in-out;--transition-slow: .35s ease-in-out;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--shadow-dark-sm: 0 1px 3px 0 rgb(255 255 255 / .02);--shadow-dark-md: 0 4px 6px -1px rgb(255 255 255 / .05);--shadow-dark-lg: 0 10px 15px -3px rgb(255 255 255 / .08);--shadow-dark-xl: 0 20px 25px -5px rgb(255 255 255 / .1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"kern" 1,"liga" 1,"calt" 1;text-rendering:optimizeLegibility}body{font-family:var(--font-sans);font-size:var(--fs-base);line-height:var(--lh-relaxed);font-weight:400;color:var(--color-text);background-color:var(--color-bg);min-height:100vh;overflow-x:hidden;transition:background-color var(--transition-base),color var(--transition-base);font-variation-settings:"wght" 400;letter-spacing:-.011em}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:var(--lh-tight);margin-bottom:var(--space-sm);font-variation-settings:"wght" 700}h1{font-size:var(--fs-5xl);font-weight:900;letter-spacing:-.04em;font-variation-settings:"wght" 900;line-height:.95}h2{font-size:var(--fs-3xl);font-weight:800;margin-top:var(--space-xl);letter-spacing:-.03em;font-variation-settings:"wght" 800;line-height:1.1}h3{font-size:var(--fs-xl);font-weight:700;margin-top:var(--space-lg);letter-spacing:-.02em;font-variation-settings:"wght" 700;line-height:1.2}p{margin-bottom:var(--space-md);max-width:65ch;text-wrap:pretty;hanging-punctuation:first last}.lead{font-size:var(--fs-lg);line-height:var(--lh-loose);color:var(--color-text-light);font-weight:450;font-variation-settings:"wght" 450;letter-spacing:-.015em}strong{font-weight:650;font-variation-settings:"wght" 650;color:var(--color-primary)}.container{max-width:var(--container-max);margin:0 auto;padding:0 var(--container-padding)}.section{padding:var(--space-3xl) 0}.section-header{text-align:center;margin-bottom:var(--space-2xl)}.section-title{font-family:var(--font-display);font-size:var(--fs-4xl);font-weight:800;font-variation-settings:"wght" 800;letter-spacing:-.035em;margin-bottom:var(--space-sm);line-height:1.05}.section-subtitle{font-size:var(--fs-lg);font-weight:450;font-variation-settings:"wght" 450;line-height:var(--lh-relaxed);color:var(--color-text-light);max-width:55ch;margin:0 auto;letter-spacing:-.01em}.nav{position:fixed;top:0;left:0;right:0;background:#0f172afa;border-bottom:1px solid var(--color-border);z-index:1000;transition:transform var(--transition-base),background var(--transition-base)}[data-theme=light] .nav{background:#fffffff2}.nav-container{max-width:var(--container-max);margin:0 auto;padding:var(--space-md) var(--container-padding);display:flex;justify-content:space-between;align-items:center}.nav-logo{font-family:var(--font-display);font-size:var(--fs-lg);font-weight:800;font-variation-settings:"wght" 800;color:var(--color-primary);text-decoration:none;letter-spacing:-.025em}.nav-menu{display:flex;list-style:none;gap:var(--space-lg);align-items:center}.nav-menu a{color:var(--color-text);text-decoration:none;font-weight:500;font-variation-settings:"wght" 500;font-size:var(--fs-sm);letter-spacing:-.01em;transition:color var(--transition-fast);position:relative}.nav-menu a:hover{color:var(--color-accent)}.nav-menu a:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--color-accent);transition:width var(--transition-base)}.nav-menu a:hover:after{width:100%}.nav-github{background:var(--color-accent);color:var(--color-text-inverse)!important;padding:var(--space-xs) var(--space-md);border-radius:6px;transition:background var(--transition-fast)}.nav-github:hover{background:var(--color-accent-dark)}[data-theme=light] .nav-github{background:var(--color-primary)}[data-theme=light] .nav-github:hover{background:var(--color-primary-light)}.nav-github:after{display:none}.nav-toggle{display:none;flex-direction:column;gap:4px;background:none;border:none;cursor:pointer;padding:4px}.nav-toggle span{display:block;width:24px;height:2px;background:var(--color-text);transition:all var(--transition-fast)}.hero{padding-top:calc(80px + var(--space-3xl));padding-bottom:0;background:linear-gradient(135deg,var(--color-bg) 0%,var(--color-bg-alt) 100%);min-height:90vh;display:flex;align-items:center}.hero-content{max-width:1000px;width:100%}.hero-title{margin-bottom:var(--space-xl)}.hero-subtitle{display:block;font-family:var(--font-sans);font-size:var(--fs-base);font-weight:600;font-variation-settings:"wght" 600;color:var(--color-accent);margin-bottom:var(--space-md);letter-spacing:.02em;text-transform:uppercase}.hero-headline{display:inline-block;font-family:var(--font-display);font-size:var(--fs-6xl);font-weight:800;font-variation-settings:"wght" 800;line-height:1.1;letter-spacing:-.02em;color:var(--color-text);margin-bottom:var(--space-xl);background:#ffffff08;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:24px;padding:var(--space-md) var(--space-lg);border:1px solid rgba(255,255,255,.05)}[data-theme=light] .hero-headline{background:#00000008;border:1px solid rgba(0,0,0,.08);color:var(--color-primary)}.hero-description{font-size:var(--fs-lg);line-height:var(--lh-loose);font-weight:425;font-variation-settings:"wght" 425;color:var(--color-text-light);margin-bottom:var(--space-xl);max-width:58ch;letter-spacing:-.012em}.hero-actions{display:flex;gap:var(--space-md);flex-wrap:wrap}.btn{display:inline-block;padding:var(--space-sm) var(--space-lg);font-size:var(--fs-base);font-weight:600;font-variation-settings:"wght" 600;text-decoration:none;border-radius:8px;letter-spacing:-.015em;transition:all var(--transition-base);cursor:pointer;border:2px solid transparent}.btn-primary{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.btn-primary:hover{background:var(--color-accent-dark);border-color:var(--color-accent-dark);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-secondary{background:transparent;color:var(--color-primary);border-color:var(--color-border)}.btn-secondary:hover{background:var(--color-bg-alt);border-color:var(--color-primary)}.btn-large{padding:var(--space-md) var(--space-xl);font-size:var(--fs-lg);font-weight:650;font-variation-settings:"wght" 650;letter-spacing:-.02em}.section-challenge{background:var(--color-bg-alt);border-radius:0;margin:0;margin-bottom:var(--space-lg)}.challenge-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-xl);margin-top:var(--space-xl)}.challenge-item{background:var(--color-bg);padding:var(--space-xl);border-radius:20px;border:1px solid var(--color-border);transition:all var(--transition-base)}.challenge-item:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);border-color:var(--color-accent)}.challenge-item h3{font-family:var(--font-display);font-size:var(--fs-xl);font-weight:700;font-variation-settings:"wght" 700;letter-spacing:-.025em;color:var(--color-primary);margin-bottom:var(--space-sm);line-height:1.15}.challenge-item p{font-weight:425;font-variation-settings:"wght" 425;line-height:var(--lh-relaxed);color:var(--color-text-light);margin:0}.section-approach{border-radius:0;margin:0}.approach-content{display:grid;grid-template-columns:1fr;gap:var(--space-xl);margin-top:var(--space-xl)}.approach-philosophy{background:var(--color-bg-alt);padding:var(--space-xl);border-radius:20px}.feature-list{list-style:none;margin-top:var(--space-lg)}.feature-list li{padding:var(--space-sm) 0;padding-left:var(--space-lg);position:relative}.feature-list li:before{content:"→";position:absolute;left:0;color:var(--color-accent);font-weight:700}.safety-warning{background:var(--color-warning-bg);border:2px solid var(--color-warning);border-radius:20px;padding:var(--space-xl)}.safety-warning h3{color:var(--color-warning);margin-bottom:var(--space-md)}.safety-warning p{color:var(--color-text);margin:0}.section-principles{background:var(--color-bg-alt);border-radius:0;margin:0}.principles-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-lg);margin-top:var(--space-xl)}.principle-card{background:var(--color-bg);border:2px solid var(--color-border);border-radius:20px;padding:var(--space-xl);position:relative;transition:all var(--transition-base)}.principle-card:hover{border-color:var(--color-accent);transform:translateY(-4px);box-shadow:var(--shadow-xl)}.principle-number{font-family:var(--font-display);font-size:var(--fs-5xl);font-weight:900;font-variation-settings:"wght" 900;color:var(--color-bg-alt);line-height:.9;letter-spacing:-.05em;margin-bottom:var(--space-md);opacity:.3}.principle-card h3{color:var(--color-primary);margin-bottom:var(--space-sm)}.principle-card p{color:var(--color-text-light);margin:0}.section-process{border-radius:0;margin:0}.process-timeline{position:relative;max-width:800px;margin:var(--space-xl) auto 0}.process-timeline:before{content:"";position:absolute;left:30px;top:0;bottom:0;width:2px;background:var(--color-border)}.process-step{position:relative;padding-left:80px;padding-bottom:var(--space-xl)}.process-step:last-child{padding-bottom:0}.step-marker{position:absolute;left:0;width:60px;height:60px;background:var(--color-accent);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:var(--fs-xl);font-weight:800;font-variation-settings:"wght" 800;box-shadow:var(--shadow-lg)}.step-content h3{color:var(--color-primary);margin-bottom:var(--space-xs)}.step-content p{color:var(--color-text-light);margin:0}.section-cta{background:linear-gradient(135deg,var(--color-accent-dark) 0%,var(--color-accent) 100%);color:var(--color-text-inverse);text-align:center}[data-theme=light] .section-cta{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);color:var(--color-text-inverse)}.cta-content{max-width:800px;margin:0 auto}.cta-title{font-family:var(--font-display);font-weight:800;font-variation-settings:"wght" 800;letter-spacing:-.035em;line-height:1.05;color:var(--color-text-inverse);margin-bottom:var(--space-md)}.cta-description{font-size:var(--fs-lg);font-weight:450;font-variation-settings:"wght" 450;line-height:var(--lh-relaxed);letter-spacing:-.01em;opacity:.95;margin-bottom:var(--space-xl);max-width:55ch;margin-left:auto;margin-right:auto}.cta-actions{margin-bottom:var(--space-xl)}.cta-actions .btn{background:var(--color-bg);color:var(--color-text)}.cta-actions .btn:hover{background:var(--color-bg-alt);transform:translateY(-2px);box-shadow:var(--shadow-xl)}[data-theme=light] .cta-actions .btn{background:#fff;color:var(--color-primary)}[data-theme=light] .cta-actions .btn:hover{background:var(--color-bg-alt);transform:translateY(-2px);box-shadow:var(--shadow-xl)}.cta-links{display:flex;justify-content:center;gap:var(--space-md);flex-wrap:wrap;font-size:var(--fs-sm)}.cta-links a{color:var(--color-text-inverse);text-decoration:none;opacity:.8;transition:opacity var(--transition-fast)}.cta-links a:hover{opacity:1;text-decoration:underline}.separator{opacity:.5}.footer{background:var(--color-primary);color:var(--color-text-inverse);padding:var(--space-xl) 0;text-align:center}.footer-content p{margin:var(--space-sm) 0;opacity:.9}.footer-tagline{font-size:var(--fs-sm);opacity:.7;font-style:italic}@media (max-width: 768px){.nav-toggle{display:flex}.nav-menu{position:fixed;top:60px;left:0;right:0;background:var(--color-bg);flex-direction:column;padding:var(--space-lg);border-bottom:1px solid var(--color-border);transform:translateY(-100%);opacity:0;visibility:hidden;transition:all var(--transition-base)}.nav-menu.active{transform:translateY(0);opacity:1;visibility:visible}.nav-toggle.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.nav-toggle.active span:nth-child(2){opacity:0}.nav-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.hero{min-height:80vh;padding-top:calc(60px + var(--space-2xl))}.hero-actions{flex-direction:column}.hero-actions .btn{width:100%;text-align:center}.challenge-grid,.principles-grid{grid-template-columns:1fr}.process-timeline:before{left:20px}.step-marker{width:40px;height:40px;font-size:var(--fs-base)}.process-step{padding-left:60px}.cta-links{flex-direction:column;gap:var(--space-sm)}.separator{display:none}}@media (max-width: 480px){p{max-width:100%}.section{padding:var(--space-2xl) 0}.challenge-item,.principle-card,.approach-philosophy,.safety-warning{padding:var(--space-lg)}}.theme-toggle{background:transparent;border:2px solid var(--color-border);border-radius:6px;padding:var(--space-xs);cursor:pointer;display:flex;align-items:center;justify-content:center;width:40px;height:40px;transition:all var(--transition-fast);margin-left:var(--space-sm)}.theme-toggle:hover{background:var(--color-bg-alt);border-color:var(--color-accent)}.theme-toggle svg{width:20px;height:20px;fill:var(--color-text);transition:transform var(--transition-fast)}.theme-toggle:hover svg{transform:rotate(20deg)}.theme-icon-light,.theme-icon-dark{display:none}[data-theme=light] .theme-icon-light,[data-theme=dark] .theme-icon-dark{display:block}[data-theme=dark] .hero-headline,[data-theme=dark] .section-title,[data-theme=dark] h1,[data-theme=dark] h2{text-shadow:0 2px 4px rgba(0,0,0,.3)}.hero-headline{background:linear-gradient(90deg,var(--color-text) 0%,var(--color-accent) 100%)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero-title{animation:fadeInUp .8s ease-out}.hero-description{animation:fadeInUp .8s ease-out .2s both}.hero-actions{animation:fadeInUp .8s ease-out .4s both}::selection{background:var(--color-accent);color:#fff}::-moz-selection{background:var(--color-accent);color:#fff}.btn:focus-visible,.nav-menu a:focus-visible,.theme-toggle:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}.section-title:after{content:"";display:block;width:60px;height:3px;background:var(--color-accent);margin:var(--space-md) auto 0;border-radius:2px;opacity:.8}.principle-number{background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-accent-dark) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;opacity:.15;transition:opacity var(--transition-base)}.principle-card:hover .principle-number{opacity:.25}code{font-family:var(--font-mono);font-size:.9em;font-weight:450;padding:.2em .4em;background:var(--color-bg-alt);border-radius:4px;color:var(--color-accent)}.feature-list li{font-weight:450;font-variation-settings:"wght" 450;line-height:var(--lh-relaxed)}.feature-list li strong{font-weight:700;font-variation-settings:"wght" 700}.nav-logo{position:relative;transition:all var(--transition-base)}.nav-logo:before{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--color-accent);transition:width var(--transition-base)}.nav-logo:hover:before{width:100%}.btn,.nav-menu a,.challenge-item h3,.principle-card h3{transition:font-variation-settings var(--transition-fast),color var(--transition-fast),transform var(--transition-fast)}.btn:hover{font-variation-settings:"wght" 700}.nav-menu a:hover{font-variation-settings:"wght" 600}.challenge-item:hover h3,.principle-card:hover h3{font-variation-settings:"wght" 800;transform:translate(2px)}.challenge-item p,.principle-card p,.step-content p{font-optical-sizing:auto}@media (max-width: 768px){.hero-headline{letter-spacing:-.035em}.section-title{letter-spacing:-.025em}}[data-theme=dark] body{font-variation-settings:"wght" 410}[data-theme=dark] p{font-variation-settings:"wght" 420}[data-theme=light] body{font-variation-settings:"wght" 390}[data-theme=light] p{font-variation-settings:"wght" 400}