@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg:#fff;--color-text:#111827;--color-text-secondary:#4b5563;--color-text-muted:#9ca3af;--color-primary:#2563eb;--color-primary-hover:#1d4ed8;--color-primary-light:#eff6ff;--color-primary-dark:#1e3a8a;--color-border:#e5e7eb;--color-bg-subtle:#f9fafb;--color-bg-dark:#0f172a;--color-bg-dark-subtle:#1e293b;--color-success:#059669;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"SF Mono", "Fira Code", Menlo, monospace;--max-width:1080px;--shadow-sm:0 1px 2px #0000000a;--shadow-md:0 4px 12px #0000000f;--shadow-lg:0 12px 32px #00000014;--radius-sm:6px;--radius-md:10px;--radius-lg:16px}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-sans);color:var(--color-text);background:var(--color-bg);line-height:1.6}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto}.container{max-width:var(--max-width);margin:0 auto;padding:0 24px}.header{border-bottom:1px solid var(--color-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:100;background:#ffffffeb;padding:14px 0;position:sticky;top:0}.header .container{justify-content:space-between;align-items:center;display:flex}.header__logo{color:var(--color-text);letter-spacing:-.02em;font-size:17px;font-weight:700;text-decoration:none}.header__logo:hover{text-decoration:none}.header__nav{align-items:center;gap:28px;display:flex}.header__nav a{color:var(--color-text-secondary);font-size:14px;font-weight:500;text-decoration:none}.header__nav a:hover{color:var(--color-text);text-decoration:none}.header__nav .btn.btn--primary,.header__nav .btn.btn--primary:hover{color:#fff}.btn{border-radius:var(--radius-sm);cursor:pointer;letter-spacing:-.01em;border:none;justify-content:center;align-items:center;gap:8px;padding:9px 20px;font-size:14px;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.btn:hover{text-decoration:none}.btn--primary{background:var(--color-primary);color:#fff;box-shadow:0 1px 3px #2563eb4d}.btn--primary:hover{background:var(--color-primary-hover);transform:translateY(-1px);box-shadow:0 2px 8px #2563eb59}.btn--secondary{background:var(--color-bg);color:var(--color-text);border:1px solid var(--color-border)}.btn--secondary:hover{background:var(--color-bg-subtle);border-color:#d1d5db;transform:translateY(-1px)}.btn--large{padding:12px 28px;font-size:15px}.hero{text-align:center;background:linear-gradient(180deg, var(--color-bg) 0%, var(--color-bg-subtle) 100%);padding:100px 0 72px}.hero__badge{color:var(--color-primary);background:var(--color-primary-light);letter-spacing:.02em;text-transform:uppercase;border-radius:20px;margin-bottom:24px;padding:5px 14px;font-size:12px;font-weight:600;display:inline-block}.hero__title{letter-spacing:-.035em;max-width:680px;color:var(--color-text);margin-bottom:20px;margin-left:auto;margin-right:auto;font-size:52px;font-weight:800;line-height:1.1}.hero__subtitle{color:var(--color-text-secondary);max-width:540px;margin:0 auto 36px;font-size:19px;line-height:1.6}.hero__actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.hero__note{color:var(--color-text-muted);margin-top:16px;font-size:13px}.demo{text-align:center;background:linear-gradient(180deg, var(--color-bg-subtle) 0%, var(--color-bg) 100%);padding:20px 0 96px}.demo__window{background:var(--color-bg-dark);border-radius:var(--radius-lg);max-width:640px;box-shadow:var(--shadow-lg), 0 0 0 1px #0000000f;margin:0 auto;overflow:hidden}.demo__titlebar{background:var(--color-bg-dark-subtle);align-items:center;gap:8px;padding:14px 18px;display:flex}.demo__dot{background:#374151;border-radius:50%;width:12px;height:12px}.demo__dot--red{background:#ef4444}.demo__dot--yellow{background:#eab308}.demo__dot--green{background:#22c55e}.demo__content{color:#d1d5db;text-align:left;flex-direction:column;justify-content:center;align-items:center;min-height:200px;padding:48px 32px;font-size:14px;display:flex}.demo-palette{border-radius:var(--radius-md);width:100%;max-width:380px;font-family:var(--font-sans);text-align:left;background:#fff;overflow:hidden;box-shadow:0 8px 24px #00000040}.demo-palette__search{border-bottom:1px solid var(--color-border);align-items:center;gap:10px;padding:14px 16px;display:flex}.demo-palette__icon{color:var(--color-text-muted);border:1px solid var(--color-border);font-size:11px;font-family:var(--font-mono);background:#f3f4f6;border-radius:4px;flex-shrink:0;padding:2px 6px}.demo-palette__input{color:var(--color-text);font-size:15px;font-weight:500}.demo-palette__cursor{color:var(--color-primary);font-weight:300;animation:1s step-end infinite blink}@keyframes blink{50%{opacity:0}}.demo-palette__results{padding:6px 0}.demo-palette__item{color:#6b7280;align-items:center;gap:8px;padding:10px 16px;font-size:14px;display:flex}.demo-palette__item--active{background:var(--color-primary-light);color:var(--color-primary);font-weight:500}.demo__caption{color:#6b7280;font-size:13px;font-family:var(--font-mono);text-align:center;letter-spacing:.02em;margin-top:24px}.section-label{color:var(--color-primary);text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px;font-size:12px;font-weight:700}.section-title{letter-spacing:-.025em;color:var(--color-text);margin-bottom:16px;font-size:32px;font-weight:700}.section-subtitle{color:var(--color-text-secondary);max-width:560px;margin-bottom:48px;font-size:17px;line-height:1.6}.problem{background:var(--color-bg);padding:96px 0}.problem__grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.problem__card{background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:28px;transition:box-shadow .2s}.problem__card:hover{box-shadow:var(--shadow-md)}.problem__card-number{color:var(--color-primary);font-size:13px;font-weight:700;font-family:var(--font-mono);letter-spacing:.02em;margin-bottom:16px}.problem__card-title{letter-spacing:-.01em;margin-bottom:6px;font-size:15px;font-weight:600}.problem__card-desc{color:var(--color-text-secondary);font-size:14px;line-height:1.55}.built-for{background:var(--color-bg-subtle);padding:96px 0}.built-for__grid{grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px;display:grid}.built-for__item{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:28px;transition:box-shadow .2s}.built-for__item:hover{box-shadow:var(--shadow-md)}.built-for__item strong{letter-spacing:-.01em;margin-bottom:4px;font-size:15px;font-weight:600;display:block}.built-for__item p{color:var(--color-text-secondary);margin:0;font-size:14px;line-height:1.5}.features{padding:96px 0}.features__grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.feature{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:32px;transition:box-shadow .2s,border-color .2s}.feature:hover{box-shadow:var(--shadow-md);border-color:#d1d5db}.feature__tag{text-transform:uppercase;letter-spacing:.04em;border-radius:4px;margin-bottom:16px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.feature__tag--free{color:#065f46;background:#ecfdf5}.feature__tag--pro{background:var(--color-primary-light);color:var(--color-primary)}.feature__title{letter-spacing:-.01em;margin-bottom:8px;font-size:17px;font-weight:600}.feature__desc{color:var(--color-text-secondary);font-size:14px;line-height:1.55}.feature__shortcut{align-items:center;gap:4px;margin-top:16px;display:inline-flex}.feature__shortcut kbd{font-size:12px;font-family:var(--font-mono);color:var(--color-text-secondary);background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:4px;padding:3px 8px;display:inline-block;box-shadow:0 1px #0000000f}.feature__shortcut .then{color:var(--color-text-muted);font-size:11px}.pricing{background:var(--color-bg-subtle);padding:96px 0}.pricing__grid{grid-template-columns:repeat(3,1fr);gap:20px;max-width:900px;margin:0 auto;display:grid}.pricing-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:32px;transition:box-shadow .2s;position:relative}.pricing-card:hover{box-shadow:var(--shadow-md)}.pricing-card--featured{border-color:var(--color-primary);box-shadow:0 4px 24px #2563eb1f}.pricing-card--featured:hover{box-shadow:0 8px 32px #2563eb29}.pricing-card__badge{color:#fff;background:var(--color-primary);letter-spacing:.02em;text-transform:uppercase;border-radius:20px;padding:4px 14px;font-size:11px;font-weight:600;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.pricing-card__name{letter-spacing:-.01em;margin-bottom:4px;font-size:17px;font-weight:600}.pricing-card__desc{color:var(--color-text-secondary);margin-bottom:20px;font-size:13px}.pricing-card__price{align-items:baseline;gap:2px;margin-bottom:4px;display:flex}.pricing-card__amount{letter-spacing:-.03em;color:var(--color-text);font-size:40px;font-weight:800}.pricing-card__period{color:var(--color-text-secondary);font-size:15px;font-weight:500}.pricing-card__annual{color:var(--color-primary);margin-bottom:24px;font-size:13px;font-weight:500}.pricing-card__features{margin-bottom:24px;list-style:none}.pricing-card__features li{color:var(--color-text-secondary);padding:5px 0 5px 22px;font-size:14px;position:relative}.pricing-card__features li:before{content:"✓";color:var(--color-success);font-size:13px;font-weight:700;position:absolute;left:0}.pricing-card .btn{width:100%}.faq{padding:96px 0}.faq__list{max-width:680px;margin:0 auto}.faq__item{border-bottom:1px solid var(--color-border);padding:24px 0}.faq__item:first-child{border-top:1px solid var(--color-border)}.faq__question{letter-spacing:-.01em;margin-bottom:8px;font-size:15px;font-weight:600}.faq__answer{color:var(--color-text-secondary);font-size:14px;line-height:1.65}.trust{border-top:1px solid var(--color-border);text-align:center;padding:48px 0}.trust__points{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.trust__point{color:var(--color-text-secondary);background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:20px;padding:6px 16px;font-size:13px;font-weight:500}.cta{text-align:center;background:var(--color-bg-dark);color:#fff;padding:96px 0}.cta__title{letter-spacing:-.025em;color:#fff;margin-bottom:12px;font-size:32px;font-weight:700}.cta__subtitle{color:#94a3b8;margin-bottom:36px;font-size:16px}.cta .early-access__input{background:var(--color-bg-dark-subtle);color:#f1f5f9;border-color:#334155}.cta .early-access__input::placeholder{color:#64748b}.cta .early-access__input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb33}.early-access{flex-wrap:wrap;justify-content:center;gap:8px;max-width:440px;margin:0 auto;display:flex}.early-access__input{border:1px solid var(--color-border);border-radius:var(--radius-sm);min-width:200px;font-size:15px;font-family:var(--font-sans);color:var(--color-text);background:var(--color-bg);outline:none;flex:1;padding:12px 16px;transition:border-color .15s,box-shadow .15s}.early-access__input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb1a}.footer{border-top:1px solid var(--color-border);padding:24px 0}.footer .container{justify-content:space-between;align-items:center;display:flex}.footer__copy{color:var(--color-text-muted);font-size:13px}.footer__links{gap:24px;display:flex}.footer__links a{color:var(--color-text-muted);font-size:13px;font-weight:500}.footer__links a:hover{color:var(--color-text)}.legal{padding:60px 0}.legal h1{letter-spacing:-.02em;margin-bottom:8px;font-size:28px;font-weight:700}.legal .legal__updated{color:var(--color-text-muted);margin-bottom:32px;font-size:13px}.legal h2{letter-spacing:-.01em;margin-top:36px;margin-bottom:12px;font-size:18px;font-weight:600}.legal p,.legal ul{color:var(--color-text-secondary);margin-bottom:16px;font-size:15px;line-height:1.7}.legal ul{padding-left:24px}.legal li{margin-bottom:8px}@media (width<=768px){.hero{padding:64px 0 48px}.hero__title{font-size:32px}.hero__subtitle{font-size:17px}.problem__grid,.features__grid,.pricing__grid,.built-for__grid{grid-template-columns:1fr}.header__nav{gap:16px}.trust__points{gap:8px}.footer .container{flex-direction:column;gap:16px}.section-title,.cta__title{font-size:26px}.demo__window{border-radius:var(--radius-md);margin:0 -8px}}