:root,.dark{--dp-bg: #0a0a0a;--dp-bg-secondary: #111111;--dp-bg-tertiary: #171717;--dp-bg-hover: #1c1c1c;--dp-bg-active: #222222;--dp-border: #262626;--dp-border-subtle: #1a1a1a;--dp-text: #e5e5e5;--dp-text-secondary: #a3a3a3;--dp-text-tertiary: #525252;--dp-accent: #ffffff;--dp-accent-hover: #e5e5e5;--dp-accent-contrast: #0a0a0a;--dp-success: #22c55e;--dp-error: #ef4444;--dp-warning: #f59e0b;--dp-info: #a3a3a3}.light{--dp-bg: #ffffff;--dp-bg-secondary: #fafafa;--dp-bg-tertiary: #f5f5f5;--dp-bg-hover: #eeeeee;--dp-bg-active: #e5e5e5;--dp-border: #d4d4d4;--dp-border-subtle: #e5e5e5;--dp-text: #0a0a0a;--dp-text-secondary: #525252;--dp-text-tertiary: #a3a3a3;--dp-accent: #0a0a0a;--dp-accent-hover: #171717;--dp-accent-contrast: #ffffff;--dp-success: #16a34a;--dp-error: #dc2626;--dp-warning: #d97706;--dp-info: #525252}.landing-page *,.landing-page *:before,.landing-page *:after{box-sizing:border-box}.landing-page{margin:0;background:var(--dp-bg);color:var(--dp-text);font-family:var(--font-sans);line-height:1.6;overflow-x:hidden}.landing-page code,.landing-page .mono{font-family:var(--font-mono)}.landing-page a{color:inherit}.container{max-width:1400px;margin:0 auto;padding:0 28px}.top-nav{position:fixed;inset:0 0 auto;z-index:100;background:color-mix(in srgb,var(--dp-bg) 82%,transparent);backdrop-filter:blur(16px);border-bottom:1px solid var(--dp-border-subtle)}.nav-inner{display:flex;align-items:center;justify-content:space-between;height:64px}.logo,.footer-logo{font-family:var(--font-mono);font-size:1.1rem;font-weight:700;letter-spacing:-.02em;text-decoration:none}.logo span,.footer-logo span{color:var(--dp-accent)}.nav-links{display:flex;gap:32px;list-style:none;margin:0;padding:0}.nav-links a,.footer-links a{color:var(--dp-text-secondary);font-size:.875rem;font-weight:500;text-decoration:none;transition:color .2s}.nav-links a:hover,.footer-links a:hover{color:var(--dp-text)}.nav-actions{display:flex;align-items:center;gap:12px}.nav-cta{display:inline-flex;align-items:center;gap:6px;background:var(--dp-accent);color:var(--dp-accent-contrast);font-size:.875rem;font-weight:600;padding:8px 18px;border-radius:8px;text-decoration:none;transition:background .2s}.nav-cta:hover{background:var(--dp-accent-hover)}.hero{padding:180px 0 100px;text-align:center;position:relative}.hero:before{content:"";position:absolute;top:-40px;left:50%;transform:translate(-50%);width:min(1000px,100vw);height:700px;background:radial-gradient(ellipse at center,color-mix(in srgb,var(--dp-accent) 7%,transparent) 0%,color-mix(in srgb,var(--dp-accent-hover) 3%,transparent) 40%,transparent 70%);pointer-events:none}.badge{display:inline-flex;align-items:center;gap:8px;background:var(--dp-bg-tertiary);border:1px solid var(--dp-border);border-radius:100px;padding:6px 16px;color:var(--dp-text-secondary);font-size:.8125rem;margin-bottom:40px;position:relative}.badge .dot{width:6px;height:6px;border-radius:50%;background:var(--dp-success);animation:pulse 2s ease-in-out infinite}.hero h1{font-size:clamp(2.75rem,7vw,4rem);font-weight:800;letter-spacing:-.04em;line-height:1.08;margin:0 auto 28px;max-width:880px;position:relative}.gradient{background:linear-gradient(135deg,var(--dp-accent) 0%,var(--dp-accent-hover) 50%,var(--dp-info) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.subtitle{color:var(--dp-text-secondary);font-size:clamp(1.05rem,2.5vw,1.2rem);line-height:1.7;max-width:720px;margin:0 auto 52px;position:relative}.install-highlight{display:flex;flex-direction:column;align-items:center;gap:18px;margin-bottom:48px;position:relative}.install-box,.install-cmd{display:inline-flex;align-items:center;gap:14px;max-width:100%;overflow-x:auto;background:var(--dp-bg-tertiary);border:1px solid color-mix(in srgb,var(--dp-accent) 20%,transparent);border-radius:14px;padding:5px 5px 5px 24px;box-shadow:0 0 40px color-mix(in srgb,var(--dp-accent) 8%,transparent),0 0 80px color-mix(in srgb,var(--dp-accent) 4%,transparent)}.install-box code,.install-cmd code{color:var(--dp-text-secondary);font-size:.9rem;white-space:nowrap}.prompt{color:var(--dp-accent)}.copy-btn{background:var(--dp-accent);border:none;color:var(--dp-accent-contrast);border-radius:10px;cursor:pointer;font-family:var(--font-sans);font-size:.8125rem;font-weight:600;padding:12px 20px;transition:background .2s;white-space:nowrap}.copy-btn:hover{background:var(--dp-accent-hover)}.install-platforms-hero,.install-platforms{color:var(--dp-text-tertiary);font-size:.8125rem}.install-platforms-hero code{color:var(--dp-text-secondary)}.hero-buttons{display:flex;justify-content:center;flex-wrap:wrap;gap:12px}.btn{display:inline-flex;align-items:center;gap:8px;border-radius:10px;font-size:.9375rem;font-weight:600;padding:12px 24px;text-decoration:none;transition:transform .2s,background .2s,border-color .2s}.btn:hover{transform:translateY(-1px)}.btn svg{width:18px;height:18px}.btn-primary{background:var(--dp-accent);color:var(--dp-accent-contrast)!important}.btn-primary svg{color:var(--dp-accent-contrast)}.btn-secondary{background:var(--dp-bg-tertiary);border:1px solid var(--dp-border);color:var(--dp-text)}.section-label{color:var(--dp-accent);font-size:.8125rem;font-weight:600;letter-spacing:.1em;margin:0 0 16px;text-align:center;text-transform:uppercase}.section-heading{font-size:clamp(1.75rem,4vw,2.75rem);font-weight:700;letter-spacing:-.03em;line-height:1.15;margin:0 0 20px;text-align:center}.section-sub{color:var(--dp-text-secondary);font-size:1.05rem;line-height:1.7;margin:0 auto 64px;max-width:680px;text-align:center}.section-sub.sub-spaced{margin-top:56px}.why-section,.features,.quickstart-section,.providers-section,.stats,.install-section{border-top:1px solid var(--dp-border);padding:120px 0}.pillars,.providers-grid{display:grid;gap:28px;margin:0 auto;max-width:1100px}.pillars{grid-template-columns:repeat(3,1fr)}.pillar,.feature-card,.provider-card,.install-block{background:var(--dp-bg-tertiary);border:1px solid var(--dp-border);border-radius:16px}.pillar{padding:36px 32px}.pillar-icon,.feature-icon{display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:42px;border-radius:11px;background:color-mix(in srgb,var(--dp-accent) 8%,transparent);border:1px solid color-mix(in srgb,var(--dp-accent) 20%,transparent);color:var(--dp-accent);font-family:var(--font-mono);font-size:.72rem;font-weight:700;margin-bottom:22px;padding:0 10px}.pillar h3,.feature-card h3,.provider-card h3{font-size:1.0625rem;font-weight:600;letter-spacing:-.01em;margin:0 0 10px}.pillar p,.feature-card p,.provider-card p{color:var(--dp-text-secondary);font-size:.9375rem;line-height:1.7;margin:0}.pillar code,.feature-card code,.provider-card code{color:var(--dp-text);font-family:var(--font-mono);font-size:.875em}.why-cta{color:var(--dp-text);font-size:1.125rem;line-height:1.7;margin:56px auto 0;max-width:680px;text-align:center}.why-cta strong{color:var(--dp-accent)}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--dp-border);border:1px solid var(--dp-border);border-radius:16px;overflow:hidden;max-width:1100px;margin:0 auto}.feature-card{background:var(--dp-bg);border:none;border-radius:0;padding:40px 32px;transition:background .3s}.feature-card:hover{background:var(--dp-bg-secondary)}.quickstart-section .code-wrap{max-width:880px;margin:0 auto}.quickstart-cta{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:48px}.providers-grid{grid-template-columns:repeat(3,1fr)}.capability-matrix{max-width:1100px;margin:0 auto 56px;overflow-x:auto;border:1px solid var(--dp-border);border-radius:12px;background:var(--dp-bg-tertiary)}.capability-matrix table{width:100%;border-collapse:collapse;font-size:.875rem}.capability-matrix th,.capability-matrix td{padding:10px 14px;text-align:left;border-bottom:1px solid var(--dp-border-subtle);white-space:nowrap}.capability-matrix th{background:var(--dp-bg-secondary);color:var(--dp-text);font-weight:600;font-size:.8125rem;letter-spacing:.02em}.capability-matrix tbody tr:last-child td{border-bottom:none}.capability-matrix tr.specialist{background:color-mix(in srgb,var(--dp-accent) 4%,transparent)}.capability-matrix td a{color:var(--dp-text);text-decoration:none;font-weight:500}.capability-matrix td a:hover{text-decoration:underline}.capability-matrix td.y{color:var(--dp-success);font-weight:600}.capability-matrix td.y.partial{color:var(--dp-warning)}.capability-matrix td.n{color:var(--dp-text-tertiary)}.provider-card{padding:32px 28px;display:flex;flex-direction:column;gap:12px}.provider-card.planned{opacity:.82}.provider-tag{display:inline-block;align-self:flex-start;background:color-mix(in srgb,var(--dp-success) 18%,transparent);border:1px solid color-mix(in srgb,var(--dp-success) 35%,transparent);color:var(--dp-success);font-family:var(--font-mono);font-size:.7rem;font-weight:700;letter-spacing:.08em;padding:3px 10px;border-radius:6px;text-transform:uppercase}.provider-tag.planned-tag{background:color-mix(in srgb,var(--dp-warning) 18%,transparent);border-color:color-mix(in srgb,var(--dp-warning) 35%,transparent);color:var(--dp-warning)}.provider-link{color:var(--dp-accent);font-size:.875rem;font-weight:600;text-decoration:none;margin-top:auto}.provider-link.muted{color:var(--dp-text-tertiary);font-weight:500}.provider-link:hover{text-decoration:underline}.stats{padding:100px 0}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;text-align:center}.stat-value{background:linear-gradient(135deg,var(--dp-text),var(--dp-text-secondary));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-size:clamp(2rem,5vw,3rem);font-weight:800;letter-spacing:-.04em}.stat-label{color:var(--dp-text-secondary);font-size:.875rem;margin-top:4px}.install-section{text-align:center}.install-block{margin:0 auto;max-width:680px;overflow:hidden;padding:64px 48px;position:relative}.install-block:before{content:"";position:absolute;top:-1px;left:-1px;right:-1px;height:2px;background:linear-gradient(90deg,transparent,var(--dp-accent),var(--dp-accent-hover),transparent)}.install-section h2{font-size:clamp(1.5rem,3.5vw,2.25rem);font-weight:700;letter-spacing:-.03em;margin:0 0 10px}.install-sub{color:var(--dp-text-secondary);margin:0 0 36px}.install-sub code{color:var(--dp-text)}.install-cmd{display:flex;margin-bottom:20px;padding-left:20px}.install-cmd code{flex:1;text-align:left}.install-platforms a{color:var(--dp-text);text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--dp-text) 30%,transparent)}footer{border-top:1px solid var(--dp-border);padding:48px 0}.footer-inner,.footer-left,.footer-links{display:flex;align-items:center}.footer-inner{justify-content:space-between}.footer-left{gap:16px}.footer-logo{font-size:.9375rem}.footer-text{color:var(--dp-text-tertiary);font-size:.8125rem}.footer-links{gap:24px;flex-wrap:wrap}.reveal{opacity:0;transform:translateY(24px);transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1)}.reveal.visible{opacity:1;transform:translateY(0)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@media(max-width:1100px){.features-grid,.pillars,.providers-grid,.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.nav-links{display:none}}@media(max-width:640px){.container{padding:0 16px}.hero{padding:120px 0 56px}.nav-cta{display:none}.hero h1{font-size:2rem}.features-grid,.pillars,.providers-grid,.stats-grid{grid-template-columns:1fr}.why-section,.features,.quickstart-section,.providers-section,.install-section{padding:72px 0}.install-block{padding:36px 18px}.install-box,.install-cmd{width:100%;padding-left:14px}.copy-btn{padding:10px 14px}.footer-inner,.footer-left,.footer-links{flex-direction:column}.footer-inner,.footer-left{gap:16px;text-align:center}}
