.landing-header{z-index:1000;background:#0b0618;border-bottom:1px solid #8b5cf626;width:100%;height:60px;position:sticky;top:0}.landing-header__inner{max-width:1400px;height:100%;padding:0 var(--space-lg);align-items:center;margin:0 auto;display:flex}.landing-header__brand{align-items:center;gap:var(--space-sm);flex-shrink:0;text-decoration:none;display:flex}.landing-header__brand-icon{object-fit:contain;border-radius:6px;width:auto;height:32px}.landing-header__brand-text{color:#fff;letter-spacing:-.01em;font-size:1.125rem;font-weight:700}.landing-header__nav{align-items:center;gap:var(--space-xl);margin-left:auto;display:flex}.landing-header__nav-link{color:#ffffffb3;font-size:.875rem;font-weight:400;text-decoration:none;transition:color .2s}.landing-header__nav-link:hover{color:#fff}.landing-header__nav-link:focus-visible{outline:2px solid var(--landing-purple-bright);outline-offset:2px;border-radius:4px}.landing-header__nav-cta{color:#fff;background:linear-gradient(135deg,#8b5cf6,#6d28d9);border-radius:8px;align-items:center;padding:.5rem 1.25rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:background .2s,box-shadow .2s,transform .1s;display:inline-flex;box-shadow:0 1px 3px #8b5cf64d}.landing-header__nav-cta:hover{background:linear-gradient(135deg,#a78bfa,#7c3aed);transform:translateY(-1px);box-shadow:0 2px 8px #8b5cf680}.landing-header__nav-cta:active{transform:translateY(0);box-shadow:0 1px 2px #8b5cf64d}.landing-header__nav-cta:focus-visible{outline:2px solid var(--landing-purple-bright);outline-offset:2px}@media (width<=768px){.landing-header__brand-icon{height:28px}.landing-header__nav{gap:var(--space-md)}.landing-header__nav-cta{padding:.4rem 1rem;font-size:.8125rem}}.landing-app{background-color:#05030d;min-height:100vh;overflow-x:hidden}.landing-app__main{flex-direction:column;display:flex}.hero-visual-card{border:1px solid #8b5cf633;border-radius:16px;max-width:650px;position:relative;overflow:hidden;box-shadow:0 0 80px #8b5cf626,0 8px 32px #00000080}.hero-visual-card__image{border-radius:16px;width:100%;height:auto;display:block}@media (width<=1023px){.hero-visual-card{max-width:100%}}.landing-hero{flex-direction:row;align-items:center;gap:64px;width:100%;max-width:1400px;margin:0 auto;padding:64px 24px 40px;display:flex}.landing-hero__content{flex-direction:column;flex:1;gap:24px;display:flex}.landing-hero__badge{color:#c4b5fd;text-transform:uppercase;letter-spacing:.08em;align-self:flex-start;align-items:center;gap:8px;font-size:.6875rem;font-weight:600;display:inline-flex}.landing-hero__badge-diamond{color:#8b5cf6;font-size:.5rem}.landing-hero__headline{margin:0;font-size:3.5rem;font-weight:700;line-height:1.08}.landing-hero__headline-white{color:#fff}.landing-hero__headline-purple{color:#8b5cf6}.landing-hero__subheadline{color:#ffffff8c;max-width:500px;margin:0;font-size:1rem;line-height:1.65}.landing-hero__ctas{flex-direction:row;align-items:center;gap:16px;margin-top:8px;display:flex}.landing-hero__cta-primary{color:#fff;background:#8b5cf6;border-radius:8px;align-items:center;gap:8px;padding:12px 24px;font-size:.9375rem;font-weight:600;text-decoration:none;transition:background .2s;display:inline-flex}.landing-hero__cta-primary:hover{background:#7c3aed}.landing-hero__cta-primary:focus-visible{outline-offset:2px;outline:2px solid #8b5cf6}.landing-hero__cta-secondary{color:#fff;background:0 0;border:1px solid #ffffff40;border-radius:8px;align-items:center;gap:8px;padding:12px 24px;font-size:.9375rem;font-weight:500;text-decoration:none;transition:border-color .2s,color .2s;display:inline-flex}.landing-hero__cta-secondary:hover{color:#8b5cf6;border-color:#8b5cf6}.landing-hero__cta-secondary:focus-visible{outline-offset:2px;outline:2px solid #8b5cf6}.landing-hero__assistant{flex-direction:row;align-items:flex-end;gap:16px;margin-top:16px;display:flex}.landing-hero__assistant-mascot{flex-shrink:0;width:120px;height:auto}.landing-hero__assistant-bubble{background:#0b0618;border:1px solid #8b5cf633;border-radius:12px;flex-direction:column;gap:4px;padding:16px 20px;display:flex}.landing-hero__assistant-greeting{color:#fff;margin:0;font-size:.875rem;font-weight:600}.landing-hero__assistant-message{color:#ffffff8c;margin:0;font-size:.8125rem;line-height:1.5}.landing-hero__visual{flex:1;min-width:0}@media (width<=1023px){.landing-hero{flex-direction:column;align-items:stretch;gap:40px;padding:48px 24px 32px}.landing-hero__visual{width:100%}.landing-hero__headline{font-size:2.5rem}}@media (width<=767px){.landing-hero__headline{font-size:2rem}.landing-hero__ctas{flex-direction:column;align-items:stretch}.landing-hero__cta-primary,.landing-hero__cta-secondary{text-align:center;justify-content:center}.landing-hero__assistant{flex-direction:column;align-items:flex-start}.landing-hero__assistant-mascot{width:80px}}.landing-features{background:var(--landing-bg-secondary);padding:24px 24px 40px}.landing-features__grid{grid-template-columns:repeat(5,1fr);gap:20px;max-width:1400px;margin:0 auto;display:grid}.landing-features__card{background:#0f0a1e;border:1px solid #8b5cf60f;border-radius:12px;flex-direction:column;gap:12px;padding:24px 20px;transition:border-color .2s,box-shadow .2s;display:flex}.landing-features__card:hover{border-color:#8b5cf633;box-shadow:0 4px 24px #8b5cf614}.landing-features__card-icon{background:#8b5cf626;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.landing-features__card-icon svg{width:18px;height:18px}.landing-features__card-title{color:#fff;margin:0;font-size:.9375rem;font-weight:600}.landing-features__card-description{color:#ffffff80;margin:0;font-size:.8125rem;font-weight:400;line-height:1.55}@media (width<=900px){.landing-features__grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.landing-features{padding:20px 16px 32px}.landing-features__grid{grid-template-columns:1fr}}.step-flow{background:var(--landing-bg-secondary);padding:32px 24px 64px}.step-flow__heading{color:#fff;text-align:center;margin:0 0 24px;font-size:1.125rem;font-weight:600}.step-flow__grid{grid-template-columns:repeat(4,1fr);gap:20px;max-width:1200px;margin:0 auto;display:grid}.step-flow__card{background:#0f0a1e;border:1px solid #8b5cf60f;border-radius:12px;flex-direction:column;gap:12px;padding:24px 20px;transition:border-color .2s,box-shadow .2s;display:flex}.step-flow__card:hover{border-color:#8b5cf633;box-shadow:0 4px 24px #8b5cf614}.step-flow__card-icon{background:#8b5cf626;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.step-flow__card-icon svg{width:18px;height:18px}.step-flow__card-title{color:#fff;margin:0;font-size:.9375rem;font-weight:600}.step-flow__card-description{color:#ffffff80;margin:0;font-size:.8125rem;font-weight:400;line-height:1.55}@media (width<=900px){.step-flow__grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.step-flow{padding:32px 16px 48px}.step-flow__grid{grid-template-columns:1fr}}.trial-modal-backdrop{z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.trial-modal{background:#0f0a1e;border:1px solid #8b5cf626;border-radius:16px;width:100%;max-width:520px;max-height:90vh;padding:40px 32px 32px;position:relative;overflow-y:auto;box-shadow:0 24px 64px #00000080,0 0 0 1px #8b5cf61a}.trial-modal__close{color:#ffffff80;cursor:pointer;background:0 0;border:1px solid #ffffff1a;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:border-color .2s,color .2s;display:flex;position:absolute;top:16px;right:16px}.trial-modal__close:hover{color:#fff;border-color:#8b5cf666}.trial-modal__close:focus-visible{outline-offset:2px;outline:2px solid #8b5cf6}.trial-modal__close svg{width:16px;height:16px}.trial-modal__heading{color:#fff;margin:0 0 8px;font-size:1.5rem;font-weight:700}.trial-modal__subheading{color:#ffffff80;margin:0 0 24px;font-size:.875rem;font-weight:400;line-height:1.5}.trial-modal__form{flex-direction:column;gap:18px;display:flex}.trial-modal__field{flex-direction:column;gap:6px;display:flex}.trial-modal__label{color:#fffc;font-size:.8125rem;font-weight:500}.trial-modal__label--required:after{content:" *";color:#ef4444}.trial-modal__input,.trial-modal__select,.trial-modal__textarea{color:#fff;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:8px;width:100%;padding:10px 14px;font-family:inherit;font-size:.875rem;transition:border-color .2s,box-shadow .2s}.trial-modal__input::placeholder,.trial-modal__textarea::placeholder{color:#ffffff4d}.trial-modal__input:focus,.trial-modal__select:focus,.trial-modal__textarea:focus{border-color:#8b5cf6;outline:none;box-shadow:0 0 0 3px #8b5cf626}.trial-modal__select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23ffffff80' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding-right:36px}.trial-modal__select option{color:#fff;background:#0f0a1e}.trial-modal__textarea{resize:vertical;min-height:80px}.trial-modal__input--invalid,.trial-modal__select--invalid,.trial-modal__textarea--invalid{border-color:#ef4444}.trial-modal__input--invalid:focus,.trial-modal__select--invalid:focus,.trial-modal__textarea--invalid:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef444426}.trial-modal__error{color:#ef4444;margin:0;font-size:.75rem;font-weight:400}.trial-modal__submit{color:#fff;cursor:pointer;background:#8b5cf6;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:8px;padding:12px 24px;font-size:.9375rem;font-weight:600;transition:background .2s,transform .1s,opacity .2s;display:inline-flex}.trial-modal__submit:hover:not(:disabled){background:#7c3aed}.trial-modal__submit:active:not(:disabled){transform:scale(.98)}.trial-modal__submit:disabled{opacity:.6;cursor:not-allowed}.trial-modal__spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.6s linear infinite trial-spin;display:inline-block}@keyframes trial-spin{to{transform:rotate(360deg)}}.trial-modal__error-banner{color:#fca5a5;background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;margin-bottom:4px;padding:12px 16px;font-size:.8125rem;line-height:1.5}.trial-modal__duplicate-notice{color:#fde047;background:#eab3081a;border:1px solid #eab3084d;border-radius:8px;margin-top:4px;padding:12px 16px;font-size:.8125rem;line-height:1.5}.trial-modal__success{text-align:center;flex-direction:column;align-items:center;gap:16px;padding:24px 0;display:flex}.trial-modal__success-icon{color:#22c55e;background:#22c55e26;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.trial-modal__success-icon svg{width:28px;height:28px}.trial-modal__success-message{color:#fffc;max-width:400px;margin:0;font-size:.9375rem;line-height:1.6}@media (width<=600px){.trial-modal-backdrop{align-items:flex-end;padding:16px}.trial-modal{border-radius:16px 16px 0 0;max-height:85vh;padding:32px 20px 24px}.trial-modal__heading{font-size:1.25rem}}.how-it-works-page{max-width:1400px;margin:0 auto;padding:80px 24px 60px}.how-it-works-page__header{text-align:center;margin-bottom:56px}.how-it-works-page__heading{color:#fff;margin:0 0 16px;font-size:2.25rem;font-weight:700}.how-it-works-page__subtitle{color:#fff9;max-width:600px;margin:0 auto;font-size:1.125rem;font-weight:400;line-height:1.5}.how-it-works-page__steps{grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:80px;display:grid}.how-it-works-page__step-card{background:#0f0a1e;border:1px solid #8b5cf60f;border-radius:12px;flex-direction:column;gap:12px;padding:24px 20px;transition:border-color .2s,box-shadow .2s;display:flex}.how-it-works-page__step-card:hover{border-color:#8b5cf633;box-shadow:0 4px 24px #8b5cf614}.how-it-works-page__step-number{color:#8b5cf6;background:#8b5cf626;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.875rem;font-weight:700;display:flex}.how-it-works-page__step-label{color:#fff;margin:0;font-size:.9375rem;font-weight:600}.how-it-works-page__step-description{color:#ffffff80;margin:0;font-size:.8125rem;font-weight:400;line-height:1.55}.how-it-works-page__cta{text-align:center;border-top:1px solid #8b5cf60f;padding:60px 24px}.how-it-works-page__cta-heading{color:#fff;margin:0 0 24px;font-size:1.75rem;font-weight:700}.how-it-works-page__cta-button{color:#fff;cursor:pointer;background:#8b5cf6;border:none;border-radius:8px;justify-content:center;align-items:center;padding:14px 32px;font-size:1rem;font-weight:600;transition:background .2s,transform .1s;display:inline-flex}.how-it-works-page__cta-button:hover{background:#7c3aed}.how-it-works-page__cta-button:active{transform:scale(.98)}@media (width<=900px){.how-it-works-page__steps{grid-template-columns:repeat(2,1fr)}.how-it-works-page__heading{font-size:1.875rem}}@media (width<=600px){.how-it-works-page{padding:48px 16px 40px}.how-it-works-page__steps{grid-template-columns:1fr}.how-it-works-page__heading{font-size:1.5rem}.how-it-works-page__cta-heading{font-size:1.375rem}}.plan-card{background:#0f0a1e;border:1px solid #8b5cf60f;border-radius:12px;flex-direction:column;gap:16px;padding:32px 24px;transition:border-color .2s,box-shadow .2s;display:flex;position:relative}.plan-card:hover{border-color:#8b5cf633;box-shadow:0 4px 24px #8b5cf614}.plan-card--highlighted{border-color:#8b5cf666;box-shadow:0 8px 32px #8b5cf61f}.plan-card--highlighted:hover{border-color:#8b5cf699;box-shadow:0 12px 40px #8b5cf62e}.plan-card__badge{color:#fff;white-space:nowrap;background:#8b5cf6;border-radius:12px;padding:4px 12px;font-size:.75rem;font-weight:600;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.plan-card__name{color:#fff;margin:0;font-size:1.25rem;font-weight:700}.plan-card__price{color:#8b5cf6;margin:0;font-size:1.75rem;font-weight:700}.plan-card__features{flex-direction:column;flex:1;gap:10px;margin:0;padding:0;list-style:none;display:flex}.plan-card__feature{color:#ffffffb3;align-items:flex-start;gap:8px;font-size:.875rem;font-weight:400;line-height:1.5;display:flex}.plan-card__feature:before{content:"✓";color:#8b5cf6;flex-shrink:0;font-weight:700}.plan-card__cta{color:#fff;cursor:pointer;background:#8b5cf6;border:none;border-radius:8px;justify-content:center;align-items:center;width:100%;margin-top:8px;padding:12px 24px;font-size:.9375rem;font-weight:600;transition:background .2s,transform .1s;display:inline-flex}.plan-card__cta:hover{background:#7c3aed}.plan-card__cta:active{transform:scale(.98)}.faq-accordion{flex-direction:column;gap:12px;max-width:800px;margin:0 auto;display:flex}.faq-accordion__item{background:#0f0a1e;border:1px solid #8b5cf60f;border-radius:12px;transition:border-color .2s,box-shadow .2s;overflow:hidden}.faq-accordion__item:hover{border-color:#8b5cf633}.faq-accordion__item--expanded{border-color:#8b5cf626;box-shadow:0 4px 24px #8b5cf614}.faq-accordion__trigger{cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;gap:16px;width:100%;padding:20px 24px;display:flex}.faq-accordion__trigger:focus-visible{outline-offset:-2px;border-radius:12px;outline:2px solid #8b5cf6}.faq-accordion__question{color:#fff;font-size:.9375rem;font-weight:600;line-height:1.4}.faq-accordion__icon{color:#fff6;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;transition:transform .25s,color .2s;display:flex}.faq-accordion__icon svg{width:18px;height:18px}.faq-accordion__item--expanded .faq-accordion__icon{color:#8b5cf6;transform:rotate(180deg)}.faq-accordion__panel{grid-template-rows:0fr;transition:grid-template-rows .25s;display:grid}.faq-accordion__item--expanded .faq-accordion__panel{grid-template-rows:1fr}.faq-accordion__answer{color:#ffffff80;margin:0;padding:0 24px 20px;font-size:.875rem;font-weight:400;line-height:1.6;overflow:hidden}.faq-accordion__panel:not(.faq-accordion__item--expanded .faq-accordion__panel) .faq-accordion__answer{padding-top:0;padding-bottom:0}@media (width<=600px){.faq-accordion__trigger{padding:16px 18px}.faq-accordion__answer{padding:0 18px 16px;font-size:.8125rem}.faq-accordion__question{font-size:.875rem}}.pricing-page{max-width:1400px;margin:0 auto;padding:80px 24px 60px}.pricing-page__header{text-align:center;margin-bottom:56px}.pricing-page__heading{color:#fff;margin:0 0 16px;font-size:2.25rem;font-weight:700}.pricing-page__subtitle{color:#fff9;max-width:600px;margin:0 auto;font-size:1.125rem;font-weight:400;line-height:1.5}.pricing-page__plans{grid-template-columns:repeat(3,1fr);align-items:start;gap:24px;margin-bottom:80px;display:grid}.pricing-page__faq{border-top:1px solid #8b5cf60f;max-width:720px;margin:0 auto;padding-top:60px}.pricing-page__faq-heading{color:#fff;text-align:center;margin:0 0 32px;font-size:1.75rem;font-weight:700}@media (width<=900px){.pricing-page__plans{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.pricing-page{padding:48px 16px 40px}.pricing-page__plans{grid-template-columns:1fr}.pricing-page__heading{font-size:1.5rem}.pricing-page__faq-heading{font-size:1.375rem}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#05030d;margin:0;padding:0;font-family:Inter,sans-serif}#root{min-height:100vh}img{max-width:100%;height:auto;display:block}a{color:inherit}button{font-family:inherit}:root{--archon-purple:#7c3aed;--archon-purple-hover:#6d28d9;--archon-purple-bg:#7c3aed14;--color-bg:#fff;--color-surface:#f9fafb;--color-border:#e5e7eb;--color-text-primary:#111827;--color-text-secondary:#6b7280;--color-success:#16a34a;--color-success-bg:#f0fdf4;--color-warning:#d97706;--color-warning-bg:#fffbeb;--color-error:#dc2626;--color-error-bg:#fef2f2;--color-info:#2563eb;--color-info-bg:#eff6ff;--font-family:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:ui-monospace, Consolas, monospace;--font-size-h1:1.75rem;--font-size-h2:1.375rem;--font-size-h3:1.125rem;--font-size-body:1rem;--font-size-small:.875rem;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--shadow-card:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow-dropdown:0 4px 12px #0000001a;--shadow-modal:0 12px 40px #00000026;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--icon-sm:16px;--icon-md:20px;--icon-lg:24px;--focus-ring-color:var(--archon-purple);--focus-ring-width:2px;--focus-ring-offset:2px;--accent:var(--archon-purple);--accent-bg:var(--archon-purple-bg);--text:var(--color-text-secondary);--text-h:var(--color-text-primary);--bg:var(--color-bg);--border:var(--color-border);--sans:var(--font-family);--mono:var(--font-mono);--status-pending:var(--color-text-secondary);--status-pending-bg:var(--color-surface);--status-connected:var(--color-success);--status-connected-bg:var(--color-success-bg);--status-failed:var(--color-error);--status-failed-bg:var(--color-error-bg);--error:var(--color-error);--error-bg:var(--color-error-bg);--error-border:#fca5a5;--warning:var(--color-warning);--warning-bg:var(--color-warning-bg);--warning-border:#fcd34d;--card-border:var(--color-border);--card-radius:var(--radius-md);--card-padding:var(--space-md);--card-shadow:var(--shadow-card);--landing-bg-primary:#05030d;--landing-bg-secondary:#0b0618;--landing-purple-bright:#8b5cf6;--landing-purple-soft:#ede9fe;--landing-text-primary:#fff;--landing-text-muted:#c4b5fd;--severity-critical:#dc2626;--severity-high:#ea580c;--severity-medium:#d97706;--severity-low:#2563eb}@media (prefers-color-scheme:dark){:root{--archon-purple:#a78bfa;--archon-purple-hover:#8b5cf6;--archon-purple-bg:#a78bfa1f;--color-bg:#111827;--color-surface:#1f2937;--color-border:#374151;--color-text-primary:#f9fafb;--color-text-secondary:#d1d5db;--color-success:#4ade80;--color-success-bg:#052e16;--color-warning:#fbbf24;--color-warning-bg:#451a03;--color-error:#f87171;--color-error-bg:#450a0a;--color-info:#60a5fa;--color-info-bg:#1e3a5f;--shadow-card:0 1px 3px #0003, 0 1px 2px #00000026;--shadow-dropdown:0 4px 12px #0000004d;--shadow-modal:0 12px 40px #0006;--error-border:#991b1b;--warning-border:#92400e}}
