:root{--bg-primary: #0a0a0f;--bg-secondary: #111118;--bg-tertiary: #1a1a24;--bg-card: rgba(255, 255, 255, .03);--bg-card-hover: rgba(255, 255, 255, .06);--text-primary: #f0f0f5;--text-secondary: #8a8a9a;--text-tertiary: #5a5a6e;--text-accent: #a78bfa;--gradient-accent: linear-gradient(135deg, #a78bfa 0%, #6366f1 50%, #3b82f6 100%);--gradient-subtle: linear-gradient(135deg, rgba(167, 139, 250, .15) 0%, rgba(99, 102, 241, .08) 100%);--gradient-glow: radial-gradient(ellipse 600px 400px at 50% 0%, rgba(99, 102, 241, .2) 0%, transparent 70%);--border-color: rgba(255, 255, 255, .06);--border-accent: rgba(167, 139, 250, .3);--max-width: 1200px;--header-height: 96px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,Roboto,Helvetica,Arial,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden}a{color:var(--text-accent);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:#c4b5fd}img{max-width:100%;height:auto;display:block}.container{max-width:var(--max-width);margin:0 auto;padding:0 24px}@media(min-width:768px){.container{padding:0 48px}}.section{padding:100px 0;position:relative}.section--border-top{border-top:1px solid var(--border-color)}.section__label{display:inline-flex;align-items:center;gap:8px;font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-accent);margin-bottom:16px}.section__label:before{content:"";display:block;width:8px;height:8px;border-radius:50%;background:var(--gradient-accent)}.section__title{font-size:clamp(2rem,4vw,3rem);font-weight:700;line-height:1.15;letter-spacing:-.025em;margin-bottom:20px;max-width:720px}.section__subtitle{font-size:clamp(1rem,2vw,1.2rem);line-height:1.7;color:var(--text-secondary);max-width:600px;margin-bottom:48px}.header{position:fixed;top:0;left:0;right:0;height:var(--header-height);display:flex;align-items:center;z-index:100;background:#0a0a0fcc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color)}.header__inner{max-width:var(--max-width);margin:0 auto;padding:0 24px;width:100%;display:flex;align-items:center;justify-content:space-between}@media(min-width:768px){.header__inner{padding:0 48px}}.header__logo{display:flex;align-items:center;gap:10px;font-weight:700;font-size:1.125rem;color:var(--text-primary)}.header__logo img{height:72px;width:auto}.header__nav{display:none;align-items:center;gap:32px;list-style:none}@media(min-width:768px){.header__nav{display:flex}}.header__nav a{font-size:.875rem;font-weight:500;color:var(--text-secondary);transition:color var(--transition-fast)}.header__nav a:hover{color:var(--text-primary)}.header__cta{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;font-size:.8125rem;font-weight:600;color:var(--text-primary);background:#ffffff14;border:1px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all var(--transition-fast)}.header__cta:hover{background:#ffffff1f;border-color:#ffffff1f;color:var(--text-primary)}.hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding-top:var(--header-height);position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:100%;height:100%;background:var(--gradient-glow);pointer-events:none}.hero__illustration{position:relative;z-index:2;margin-top:40px;margin-bottom:32px}.hero__illustration img{width:360px;height:auto}.hero__content{position:relative;z-index:1;max-width:840px;padding:0 24px;display:flex;flex-direction:column;align-items:center}.hero__badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-accent);background:#a78bfa14;border:1px solid rgba(167,139,250,.2);border-radius:100px;margin-bottom:32px}.hero__title{font-size:clamp(2.5rem,6vw,4.5rem);font-weight:800;line-height:1.05;letter-spacing:-.035em;margin-bottom:24px}.hero__title-gradient{background:var(--gradient-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero__description{font-size:clamp(1rem,2vw,1.25rem);line-height:1.7;color:var(--text-secondary);max-width:600px;margin:0 auto 40px}.hero__actions{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;margin-bottom:48px}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;font-size:.9375rem;font-weight:600;border-radius:10px;cursor:pointer;transition:all var(--transition-fast);border:none;text-decoration:none}.btn--primary{background:var(--gradient-accent);color:#fff;box-shadow:0 0 20px #6366f14d}.btn--primary:hover{box-shadow:0 0 30px #6366f180;transform:translateY(-1px);color:#fff}.btn--secondary{background:#ffffff0f;color:var(--text-primary);border:1px solid var(--border-color)}.btn--secondary:hover{background:#ffffff1a;border-color:#ffffff1f;color:var(--text-primary)}.features-grid{display:grid;grid-template-columns:1fr;gap:1px;background:var(--border-color);border-radius:16px;overflow:hidden}@media(min-width:640px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:960px){.features-grid{grid-template-columns:repeat(3,1fr)}}.feature-card{background:var(--bg-secondary);padding:36px 32px;transition:background var(--transition-base)}.feature-card:hover{background:var(--bg-tertiary)}.feature-card__icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:var(--gradient-subtle);margin-bottom:20px;color:var(--text-accent)}.feature-card__title{font-size:1rem;font-weight:650;margin-bottom:8px;letter-spacing:-.01em}.feature-card__description{font-size:.875rem;line-height:1.65;color:var(--text-secondary)}.architecture{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;padding:48px 32px;overflow-x:auto}.architecture pre{font-family:SF Mono,Fira Code,Cascadia Code,monospace;font-size:.8125rem;line-height:1.6;color:var(--text-secondary);white-space:pre;margin:0}.agents-grid{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:32px}.agent-chip{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:10px;transition:all var(--transition-fast)}.agent-chip:hover{background:var(--bg-card-hover);border-color:var(--border-accent)}.agent-chip__dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.agent-chip__dot--premium{background:#a78bfa}.agent-chip__dot--standard{background:#34d399}.agent-chip__dot--utility{background:#fbbf24}.agent-chip__dot--economy{background:#60a5fa}.agent-chip__name{font-size:.8125rem;font-weight:550;white-space:nowrap}.dashboard-preview{position:relative;margin-top:48px;border-radius:12px;overflow:hidden;border:1px solid var(--border-color);box-shadow:0 20px 80px #00000080;transition:all var(--transition-base);display:block}.dashboard-preview:hover{border-color:var(--border-accent);box-shadow:0 20px 80px #6366f126;transform:translateY(-2px)}.browser-chrome{display:flex;align-items:center;gap:12px;padding:10px 16px;background:#1a1a24;border-bottom:1px solid var(--border-color)}.browser-chrome__dots{display:flex;gap:6px;flex-shrink:0}.browser-chrome__dot{width:10px;height:10px;border-radius:50%}.browser-chrome__dot--red{background:#ff5f57}.browser-chrome__dot--yellow{background:#febc2e}.browser-chrome__dot--green{background:#28c840}.browser-chrome__url{flex:1;display:flex;align-items:center;gap:6px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:6px;padding:5px 12px;font-size:.75rem;color:var(--text-tertiary);font-family:inherit}.browser-chrome__url svg{flex-shrink:0;opacity:.5}.dashboard-preview__overlay{position:absolute;bottom:0;left:0;right:0;padding:24px 32px;background:linear-gradient(to top,rgba(10,10,15,.95) 0%,transparent 100%);display:flex;align-items:center;gap:8px;font-size:.875rem;font-weight:500;color:var(--text-accent)}.dashboard-preview img{width:100%;display:block}.stats-row{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--border-color);border-radius:16px;overflow:hidden;margin-top:64px}@media(min-width:768px){.stats-row{grid-template-columns:repeat(4,1fr)}}.stat{background:var(--bg-secondary);padding:32px 24px;text-align:center}.stat__value{font-size:clamp(1.75rem,3vw,2.5rem);font-weight:800;letter-spacing:-.03em;background:var(--gradient-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:4px}.stat__label{font-size:.8125rem;color:var(--text-tertiary);font-weight:500}.workflow-table{width:100%;border-collapse:collapse;border-radius:12px;overflow:hidden;border:1px solid var(--border-color)}.workflow-table th,.workflow-table td{padding:14px 20px;text-align:left;font-size:.875rem;border-bottom:1px solid var(--border-color)}.workflow-table th{background:var(--bg-tertiary);font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary)}.workflow-table td{background:var(--bg-secondary);color:var(--text-secondary)}.workflow-table td:first-child{color:var(--text-primary);font-weight:550;font-family:SF Mono,Fira Code,monospace;font-size:.8125rem}.workflow-table tr:last-child td{border-bottom:none}.workflow-table tr:hover td{background:var(--bg-tertiary)}.quality-grid{display:grid;grid-template-columns:1fr;gap:16px}@media(min-width:640px){.quality-grid{grid-template-columns:repeat(2,1fr)}}.quality-card{padding:28px 24px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;transition:all var(--transition-fast)}.quality-card:hover{border-color:var(--border-accent);background:var(--bg-card-hover)}.quality-card__title{font-size:.9375rem;font-weight:650;margin-bottom:8px;display:flex;align-items:center;gap:8px}.quality-card__description{font-size:.8125rem;line-height:1.65;color:var(--text-secondary)}.cta-section{text-align:center;padding:120px 0;position:relative}.cta-section:before{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:100%;height:60%;background:radial-gradient(ellipse 500px 300px at 50% 100%,rgba(99,102,241,.08) 0%,transparent 70%);pointer-events:none}.cta-section__title{font-size:clamp(2rem,4vw,3.25rem);font-weight:800;letter-spacing:-.03em;margin-bottom:16px;position:relative;z-index:1}.cta-section__subtitle{font-size:1.1rem;color:var(--text-secondary);margin-bottom:36px;position:relative;z-index:1}.integrations-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-top:32px}.integration-card{display:flex;align-items:center;gap:16px;padding:20px 24px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;transition:all var(--transition-fast)}.integration-card:hover{border-color:var(--border-accent)}.integration-card svg{flex-shrink:0;opacity:.7}.integration-card__info{display:flex;flex-direction:column;gap:2px}.integration-card__name{font-size:.875rem;font-weight:600}.integration-card__desc{font-size:.75rem;color:var(--text-secondary)}.footer{border-top:1px solid var(--border-color);padding:48px 0}.footer__inner{max-width:var(--max-width);margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}@media(min-width:768px){.footer__inner{padding:0 48px}}.footer__copyright{font-size:.8125rem;color:var(--text-tertiary)}.footer__links{display:flex;gap:24px;list-style:none}.footer__links a{font-size:.8125rem;color:var(--text-tertiary);transition:color var(--transition-fast)}.footer__links a:hover{color:var(--text-primary)}.tier-grid{display:grid;grid-template-columns:1fr;gap:12px}@media(min-width:640px){.tier-grid{grid-template-columns:repeat(2,1fr)}}.tier-card{padding:24px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;text-align:center;transition:all var(--transition-fast)}.tier-card:hover{border-color:var(--border-accent)}.tier-card__tier{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;margin-bottom:4px}.tier-card__tier--premium{color:#a78bfa}.tier-card__tier--standard{color:#34d399}.tier-card__tier--utility{color:#fbbf24}.tier-card__tier--economy{color:#60a5fa}.tier-card__model{font-size:.9375rem;font-weight:650;margin-bottom:8px}.tier-card__use{font-size:.75rem;color:var(--text-secondary);line-height:1.5}.code-block{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;margin-top:32px}.code-block__header{display:flex;align-items:center;gap:8px;padding:12px 16px;background:var(--bg-tertiary);border-bottom:1px solid var(--border-color)}.code-block__dot{width:10px;height:10px;border-radius:50%}.code-block__dot:nth-child(1){background:#ef4444}.code-block__dot:nth-child(2){background:#fbbf24}.code-block__dot:nth-child(3){background:#22c55e}.code-block__body{padding:20px 24px;overflow-x:auto}.code-block__body pre{font-family:SF Mono,Fira Code,Cascadia Code,monospace;font-size:.8125rem;line-height:1.7;color:var(--text-secondary);margin:0;white-space:pre}.code-block__body .code-comment{color:var(--text-tertiary)}.code-block__body .code-folder{color:var(--text-accent)}.code-block__body .code-file{color:var(--text-secondary)}.illustration-wrapper{display:flex;justify-content:center;margin-bottom:48px}.illustration-wrapper img{width:120px;height:auto;opacity:.85}.two-col{display:grid;grid-template-columns:1fr;gap:48px;align-items:start}@media(min-width:768px){.two-col{grid-template-columns:1fr 1fr;gap:64px}}.fade-in{opacity:0;transform:translateY(16px);transition:opacity .6s ease,transform .6s ease}.fade-in.visible{opacity:1;transform:translateY(0)}.hide-mobile{display:none}@media(min-width:768px){.hide-mobile{display:block}}