.landing-aspect-preview{aspect-ratio:16/10}@media (width>=640px){.landing-aspect-preview{aspect-ratio:16/9}}.landing-aspect-square{aspect-ratio:1}@layer base{:root{--color-primary:#3b82f6;--color-primary-light:#dbe8f0;--color-primary-dark:#0d3a56;--color-success:#4a9e7c;--color-success-light:#e8f5ef;--color-neutral-bg:#fffcf5;--color-neutral-border:#d9d4c9;--color-neutral-text:#2b4150;--color-neutral-text-secondary:#51738c;--color-neutral-text-muted:#7a8a97;--color-bg-card:#f3eee3;--color-secondary:#1e293b;--font-family-heading:"Plus Jakarta Sans", "Source Sans 3", "Montserrat", sans-serif;--font-family-body:"Inter", "Source Sans 3", "Source Sans Pro", sans-serif}.dark:root{--color-primary:#3b82f6;--color-primary-light:#3b82f626;--color-primary-dark:#2563eb;--color-neutral-bg:#0f172a;--color-neutral-border:#ffffff1a;--color-neutral-text:#f8fafc;--color-neutral-text-secondary:#cbd5e1;--color-neutral-text-muted:#64748b;--color-bg-card:#1e293b}}.landing-page{-webkit-overflow-scrolling:touch;height:100%;font-family:"Source Sans 3",Source Sans Pro,system-ui,sans-serif;overflow:hidden auto}:where(.landing-page) h1,:where(.landing-page) h2,:where(.landing-page) h3,:where(.landing-page) h4,:where(.landing-page) h5,:where(.landing-page) h6{color:var(--color-text-primary);font-family:Plus Jakarta Sans,"Source Sans 3",Montserrat,sans-serif}:where(.landing-page) p{color:var(--color-text-secondary)}.btn-primary-landing{background-color:var(--color-primary);color:var(--color-neutral-bg);cursor:pointer;border:none;border-radius:12px;padding:14px 28px;font-family:"Source Sans 3",Source Sans Pro,sans-serif;font-weight:600;transition:all .25s;box-shadow:0 2px 8px #124e7326}.btn-primary-landing:hover{background-color:var(--color-primary-dark);transform:translateY(-2px);box-shadow:0 6px 20px #124e7340}.btn-secondary-landing{color:var(--color-primary);border:2px solid var(--color-primary);cursor:pointer;background-color:#0000;border-radius:12px;padding:12px 26px;font-family:"Source Sans 3",Source Sans Pro,sans-serif;font-weight:600;transition:all .25s}.btn-secondary-landing:hover{background-color:var(--color-primary-light)}.landing-heading{font-family:var(--font-family-heading);letter-spacing:-.02em;color:var(--color-primary);font-weight:700;line-height:1.1}.landing-subheading{font-family:var(--font-family-heading);color:var(--color-neutral-text);font-weight:600;line-height:1.25}.landing-body{font-family:var(--font-family-body);color:var(--color-neutral-text-secondary);font-weight:400;line-height:1.7}.landing-card{background-color:var(--color-bg-card);border:none;border-radius:16px;padding:32px;transition:all .25s;box-shadow:0 4px 20px #124e7314}.landing-card:hover{transform:translateY(-2px);box-shadow:0 8px 32px #124e731f}.landing-badge{background-color:var(--color-primary-light);color:var(--color-primary);font-family:var(--font-family-body);border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:.875rem;font-weight:600;display:inline-flex}.icon-container{background-color:var(--color-secondary);color:var(--color-neutral-bg);border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.icon-container-md{width:56px;height:56px}.icon-container-lg{width:72px;height:72px}.landing-section{padding:64px 16px}@media (width>=768px){.landing-section{padding:80px 24px}}@media (width>=1024px){.landing-section{padding:96px 32px}}.landing-section-primary{background-color:var(--color-neutral-bg)}.landing-section-alt{background-color:var(--color-bg-card)}.faq-item{border-bottom:1px solid var(--color-neutral-border)}.faq-question{font-family:var(--font-family-heading);color:var(--color-neutral-text);cursor:pointer;justify-content:space-between;align-items:center;padding:24px 0;font-size:1.125rem;font-weight:600;transition:color .15s;display:flex}.faq-question:hover{color:var(--color-primary)}.faq-answer{font-family:var(--font-family-body);color:var(--color-neutral-text-secondary);padding-bottom:24px;line-height:1.7}.pillar-badge{background-color:var(--color-bg-card);border-radius:12px;align-items:center;gap:12px;padding:16px 20px;font-size:.9375rem;font-weight:500;transition:all .2s;display:flex}.pillar-badge:hover{transform:translateY(-2px);box-shadow:0 4px 12px #124e731a}.pillar-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.step-number{background-color:var(--color-primary);width:64px;height:64px;color:var(--color-neutral-bg);font-family:var(--font-family-heading);border-radius:50%;justify-content:center;align-items:center;font-size:1.5rem;font-weight:700;display:flex;box-shadow:0 4px 16px #124e7333}.hero-gradient{background:linear-gradient(180deg, var(--color-primary-light) 0%, var(--color-neutral-bg) 100%)}