*,:before,:after{box-sizing:border-box}:root{--bg-primary:#0a0a14;--bg-secondary:#141428;--bg-card:#1a1a30;--bg-elevated:#22223a;--text-primary:#e8e8ed;--text-secondary:#8e8e98;--text-tertiary:#5e5e6a;--border:#2a2a40;--accent-blue:#4a8fe5;--accent-amber:#fc0;--accent-hot:#f40;--glow-blue:#4a8fe526;--glow-amber:#ffcc001f;--glow-hot:#ff44001a;--nav-blur:#0a0a14cc;--logo-opacity:.3;color-scheme:dark}[data-theme=light]{--bg-primary:#f5f5f7;--bg-secondary:#fff;--bg-card:#fff;--bg-elevated:#f0f0f2;--text-primary:#1d1d1f;--text-secondary:#6e6e78;--text-tertiary:#9e9ea6;--border:#d2d2d7;--accent-blue:#3a7bd5;--accent-amber:#d4a800;--accent-hot:#c30;--glow-blue:#3a7bd514;--glow-amber:#d4a80014;--glow-hot:#cc33000f;--nav-blur:#f5f5f7d9;--logo-opacity:.5;color-scheme:light}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{background:var(--bg-primary);color:var(--text-primary);margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Helvetica Neue,Helvetica,Arial,sans-serif;line-height:1.6;transition:background .3s,color .3s}::selection{background:var(--accent-amber);color:var(--bg-primary)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.nav{z-index:100;-webkit-backdrop-filter:blur(20px);background:var(--nav-blur);border-bottom:1px solid var(--border);transition:background .3s,border-color .3s;position:fixed;top:0;left:0;right:0}.nav-inner{justify-content:space-between;align-items:center;max-width:900px;height:52px;margin:0 auto;padding:0 24px;display:flex}.nav-logo{text-decoration:none}.nav-wordmark{letter-spacing:-.01em;color:var(--text-primary);font-size:15px;font-weight:600;transition:color .3s}.nav-links{align-items:center;gap:6px;display:flex}.nav-link{color:var(--text-secondary);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:6px;padding:5px 12px;font-family:inherit;font-size:13px;font-weight:500;text-decoration:none;transition:all .12s cubic-bezier(.16,1,.3,1);display:inline-flex}.nav-link:hover{color:var(--text-primary);background:var(--bg-elevated);border-color:var(--border)}.nav-link:active{transform:scale(.97)}.nav-link-pro{color:var(--accent-amber);border-color:var(--border);opacity:.7;cursor:default;position:relative}.nav-link-pro:hover{color:var(--accent-amber);border-color:var(--border);background:0 0}.nav-link-pro:active{transform:none}.pro-badge{letter-spacing:.04em;text-transform:uppercase;background:linear-gradient(135deg, var(--accent-amber), var(--accent-hot));color:#fff;border-radius:4px;padding:1px 5px;font-size:9px;font-weight:700;line-height:1.4}.theme-toggle{border:1px solid var(--border);cursor:pointer;color:var(--text-secondary);background:0 0;border-radius:8px;align-items:center;padding:6px 8px;transition:all .2s;display:flex}.theme-toggle:hover{border-color:var(--text-tertiary);color:var(--text-primary)}.theme-icon-sun{display:none}.theme-icon-moon,[data-theme=light] .theme-icon-sun{display:block}[data-theme=light] .theme-icon-moon{display:none}.hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;padding:80px 24px 60px;display:flex;position:relative;overflow:hidden}.hero-bg-glow{background:radial-gradient(ellipse, var(--glow-amber) 0%, transparent 70%);pointer-events:none;width:600px;height:400px;position:absolute;top:20%;left:50%;transform:translate(-50%)}.hero-content{z-index:1;flex-direction:column;align-items:center;display:flex;position:relative}.logo-container{width:160px;height:160px;margin-bottom:24px}.hero-logo{filter:drop-shadow(0 0 40px #ffcc0014);width:100%;height:100%;transition:filter .5s}.hero-logo:hover{filter:drop-shadow(0 0 60px #ffcc0026)}.hero-title{letter-spacing:-.03em;color:var(--text-primary);margin:0;font-size:clamp(2.4rem,6vw,3.8rem);font-weight:700;line-height:1.1;transition:color .3s}.hero-title-accent{color:var(--text-tertiary);font-weight:400}.hero-subtitle{color:var(--text-secondary);max-width:520px;margin:20px 0 36px;font-size:clamp(1rem,2.5vw,1.2rem);line-height:1.6;transition:color .3s}.hero-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.btn{cursor:pointer;border-radius:10px;align-items:center;gap:8px;padding:10px 22px;font-family:inherit;font-size:15px;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.btn-primary{background:var(--text-primary);color:var(--bg-primary);border:none}.btn-primary:hover{opacity:.85;transform:translateY(-1px)}.btn-secondary{color:var(--text-primary);border:1px solid var(--border);background:0 0}.btn-secondary:hover{border-color:var(--text-secondary);transform:translateY(-1px)}.scroll-indicator{color:var(--text-tertiary);opacity:.4;transition:color .3s;position:absolute;bottom:32px}.scroll-dot{animation:2s ease-in-out infinite scrollBounce}@keyframes scrollBounce{0%,to{opacity:1;transform:translateY(0)}50%{opacity:.4;transform:translateY(8px)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes dotPulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.35)}}.animate{opacity:0}.animate.visible{animation:.6s cubic-bezier(.16,1,.3,1) forwards fadeInUp}.principle-card:first-child.visible{animation-delay:0s}.principle-card:nth-child(2).visible{animation-delay:.1s}.principle-card:nth-child(3).visible{animation-delay:.2s}.pipeline-step:first-child.visible{animation-delay:0s}.pipeline-step:nth-child(3).visible{animation-delay:.1s}.pipeline-step:nth-child(5).visible{animation-delay:.2s}.cap-item:first-child.visible{animation-delay:0s}.cap-item:nth-child(2).visible{animation-delay:50ms}.cap-item:nth-child(3).visible{animation-delay:.1s}.cap-item:nth-child(4).visible{animation-delay:.15s}.cap-item:nth-child(5).visible{animation-delay:.2s}.cap-item:nth-child(6).visible{animation-delay:.25s}.pipeline-dot{animation:3s ease-in-out infinite dotPulse}.dot-cool{animation-delay:0s}.dot-amber{animation-delay:1s}.dot-hot{animation-delay:2s}.btn:active{transform:scale(.97)}.theme-toggle svg{transition:transform .3s cubic-bezier(.16,1,.3,1)}.theme-toggle:active svg{transform:rotate(30deg)}.section{border-top:1px solid var(--border);padding:100px 24px;transition:border-color .3s}.section-inner{max-width:900px;margin:0 auto}.section-header{text-align:center;margin-bottom:60px}.section-label{letter-spacing:.08em;text-transform:uppercase;background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary);border-radius:100px;margin-bottom:16px;padding:4px 12px;font-size:12px;font-weight:600;transition:all .3s;display:inline-block}.section-title{letter-spacing:-.02em;color:var(--text-primary);margin:0 0 16px;font-size:clamp(1.6rem,4vw,2.4rem);font-weight:700;line-height:1.2;transition:color .3s}.section-desc{color:var(--text-secondary);max-width:600px;margin:0 auto;font-size:1.1rem;line-height:1.7;transition:color .3s}.principle-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;display:grid}.principle-card{border:1px solid var(--border);background:var(--bg-card);border-radius:16px;padding:32px;transition:all .3s}.principle-card:hover{transform:translateY(-2px)}.card-cool:hover{border-color:var(--accent-blue);box-shadow:0 8px 32px var(--glow-blue)}.card-amber:hover{border-color:var(--accent-amber);box-shadow:0 8px 32px var(--glow-amber)}.card-hot:hover{border-color:var(--accent-hot);box-shadow:0 8px 32px var(--glow-hot)}.card-icon{background:var(--bg-elevated);border:1px solid var(--border);border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:16px;font-size:18px;transition:all .3s;display:flex}.principle-card h3{letter-spacing:-.01em;color:var(--text-primary);margin:0 0 8px;font-size:1.05rem;font-weight:600;transition:color .3s}.principle-card p{color:var(--text-secondary);margin:0;font-size:.9rem;line-height:1.6;transition:color .3s}.section-pipeline{background:var(--bg-secondary);transition:background .3s}.pipeline{align-items:flex-start;gap:0;max-width:700px;margin:0 auto;display:flex}.pipeline-step{text-align:center;flex:1;padding:0 16px}.pipeline-dot{border-radius:50%;width:20px;height:20px;margin:0 auto 16px}.dot-cool{background:var(--accent-blue)}.dot-amber{background:var(--accent-amber)}.dot-hot{background:var(--accent-hot)}.pipeline-connector{flex:0 0 60px;align-items:center;padding-top:10px;display:flex}.connector-bar{border-radius:1px;width:100%;height:2px}.bar-amber{background:linear-gradient(90deg, var(--accent-blue), var(--accent-amber))}.bar-hot{background:linear-gradient(90deg, var(--accent-amber), var(--accent-hot))}.pipeline-step h3{color:var(--text-primary);margin:0 0 8px;font-size:1rem;font-weight:600;transition:color .3s}.pipeline-step p{color:var(--text-secondary);margin:0;font-size:.85rem;line-height:1.6;transition:color .3s}.cap-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;display:grid}.cap-item{border:1px solid var(--border);background:var(--bg-card);border-radius:14px;padding:28px;transition:all .3s}.cap-item:hover{border-color:var(--text-tertiary)}.cap-heading{align-items:center;gap:12px;margin-bottom:8px;display:flex}.cap-heading h3{color:var(--text-primary);margin:0;font-size:1rem;font-weight:600;transition:color .3s}.cap-badge{letter-spacing:.05em;text-transform:uppercase;border-radius:6px;flex-shrink:0;padding:2px 8px;font-size:10px;font-weight:700}.badge-blue{color:var(--accent-blue);background:#4a8fe526}.badge-amber{color:var(--accent-amber);background:#ffcc0026}.badge-hot{color:var(--accent-hot);background:#ff440026}.cap-item p{color:var(--text-secondary);margin:0;font-size:.875rem;line-height:1.6;transition:color .3s}.footer{border-top:1px solid var(--border);text-align:center;padding:48px 24px;transition:border-color .3s}.footer-inner{max-width:900px;margin:0 auto}.footer-brand{color:var(--text-primary);justify-content:center;align-items:center;gap:8px;margin-bottom:8px;font-size:15px;font-weight:600;transition:color .3s;display:flex}.footer-logo{display:block}.footer-tagline{color:var(--text-secondary);margin:0 0 4px;font-size:.875rem;transition:color .3s}.footer-copy{color:var(--text-tertiary);margin:0;font-size:.8rem;transition:color .3s}.hide-mobile{display:inline}@media (width<=640px){.hide-mobile{display:none}.nav-links{gap:4px}.nav-link{padding:5px 8px;font-size:12px}.hero{min-height:90dvh;padding:70px 20px 40px}.logo-container{width:120px;height:120px}.section{padding:60px 20px}.section-header{margin-bottom:40px}.pipeline{flex-direction:column;align-items:center;gap:24px}.pipeline-connector{flex:none;width:2px;height:24px;padding:0}.connector-bar{width:2px;height:100%}.bar-amber{background:linear-gradient(180deg, var(--accent-blue), var(--accent-amber))}.bar-hot{background:linear-gradient(180deg, var(--accent-amber), var(--accent-hot))}.principle-grid,.cap-grid{grid-template-columns:1fr}}