:root{--color-bg:#f4f7fb;--color-surface:#fff;--color-surface-glass:#ffffffd9;--color-text:#102c4e;--color-muted:#60758b;--color-subtle:#8ca1b1;--color-border:#dfe8ef;--color-border-strong:#c3d0db;--color-primary:#1f5fa8;--color-primary-hover:#184d89;--color-primary-soft:#e6eef9;--color-primary-ink:#184d89;--color-on-primary:#fff;--color-accent:#c98500;--color-accent-soft:#fbf1dc;--color-positive:#23764f;--color-positive-bg:#edf6f0;--color-warning:#9a6b23;--color-warning-bg:#faf3e6;--color-blue:#366686;--color-blue-bg:#eaf2f8;--color-navy:#05264d;--color-navy-deep:#031a36;--color-navy-soft:#123c69;--color-on-dark:#f3f8ff;--color-dark-muted:#b6c9da;--color-dark-border:#ffffff21;--color-dark-surface:#ffffff0f;--color-focus:#1f5fa855;--color-glow-blue:#1f5fa82e;--color-glow-gold:#c9850026;--color-dot-red:#f17c72;--color-dot-yellow:#f4c254;--color-dot-green:#5ccf7c;--color-thumb:#e8eef5;--shadow-sm:0 1px 2px #05264d14;--shadow-md:0 10px 30px -12px #05264d2e;--shadow-lg:0 30px 70px -28px #05264d5c;--shadow-float:0 18px 44px -14px #031a3666;--shadow-ring:0 0 0 4px #1f5fa826;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--text-xs:.75rem;--text-sm:.8125rem;--text-base:.9375rem;--text-md:1rem;--text-lg:1.125rem;--text-lead:clamp(1.0625rem, .35vw + .98rem, 1.25rem);--text-h3:clamp(1.25rem, .8vw + 1rem, 1.5rem);--text-h2:clamp(1.875rem, 2.4vw + 1.1rem, 2.75rem);--text-hero:clamp(2.25rem, 4.2vw + 1rem, 3.9rem);--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-heavy:800;--leading-body:1.6;--leading-tight:1.08;--leading-heading:1.15;--tracking-tight:-.03em;--tracking-label:.09em;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--section-space:clamp(4rem, 8vw, 7rem);--gutter:1rem;--container:72rem;--container-narrow:46rem;--header-height:4rem;--radius-sm:.375rem;--radius-md:.625rem;--radius-lg:1rem;--radius-xl:1.375rem;--radius-full:999px;--border-width:1px;--focus-width:3px;--control-height:2.75rem;--control-large:3.25rem;--control-small:2.25rem;--icon-size:1.125rem;--icon-box:2.75rem;--icon-box-small:2.25rem;--brand-mark-size:2.25rem;--preview-max:34rem;--preview-thumb:2.25rem;--float-width:17rem;--text-measure:40rem;--dot-size:.625rem;--glow-blur:60px;--blur-header:14px;--step-index-size:1.75rem;--ease:cubic-bezier(.2, .7, .2, 1);--duration:.18s;--lift:-3px}@media (min-width:640px){:root{--gutter:1.5rem;--header-height:4.5rem}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--header-height) + var(--space-4))}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}main{overflow-x:clip}h1,h2,h3,p,figure,dl,dd{margin:0}h1,h2,h3{text-wrap:balance}ul,ol{margin:0;padding:0;list-style:none}a{color:inherit}img{max-width:100%;display:block}svg{width:var(--icon-size);height:var(--icon-size);flex:none}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:var(--focus-width) solid var(--color-focus);outline-offset:2px}.container{width:min(100% - 2 * var(--gutter), var(--container));margin-inline:auto}.container--narrow{max-width:var(--container-narrow)}.skip-link{left:var(--space-4);top:var(--space-2);z-index:100;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);background:var(--color-primary);color:var(--color-on-primary);position:absolute;transform:translateY(-200%)}.skip-link:focus{transform:none}.button{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--control-height);padding:0 var(--space-5);border:var(--border-width) solid transparent;border-radius:var(--radius-full);font-weight:var(--weight-semibold);cursor:pointer;transition:transform var(--duration) var(--ease), background var(--duration) var(--ease), box-shadow var(--duration) var(--ease);text-decoration:none;display:inline-flex}.button:hover{transform:translateY(var(--lift))}.button--lg{min-height:var(--control-large);padding:0 var(--space-6);font-size:var(--text-md)}.button--sm{min-height:var(--control-small);padding:0 var(--space-4);font-size:var(--text-sm)}.button--block{width:100%}.button--primary{background:var(--color-primary);color:var(--color-on-primary);box-shadow:var(--shadow-md)}.button--primary:hover{background:var(--color-primary-hover)}.button--outline{border-color:var(--color-border-strong);background:var(--color-surface);color:var(--color-text)}.button--outline:hover{border-color:var(--color-primary);color:var(--color-primary-ink)}.brand{align-items:center;gap:var(--space-2);font-weight:var(--weight-heavy);font-size:var(--text-lg);letter-spacing:var(--tracking-tight);display:inline-flex}.brand-mark{width:var(--brand-mark-size);height:var(--brand-mark-size);border-radius:var(--radius-sm)}.brand-name span{color:var(--color-primary)}.brand--dark{color:var(--color-on-dark)}.brand--dark .brand-name span{color:var(--color-accent)}.site-header{z-index:50;background:var(--color-surface-glass);-webkit-backdrop-filter:blur(var(--blur-header));backdrop-filter:blur(var(--blur-header));border-bottom:var(--border-width) solid transparent;transition:border-color var(--duration) var(--ease);position:sticky;top:0}.site-header[data-scrolled=true]{border-bottom-color:var(--color-border)}.header-inner{align-items:center;gap:var(--space-6);min-height:var(--header-height);display:flex}.header-brand{text-decoration:none}.header-nav{gap:var(--space-5);margin-left:auto;display:none}.header-nav a,.header-login{color:var(--color-muted);font-weight:var(--weight-medium);text-decoration:none}.header-nav a:hover,.header-login:hover{color:var(--color-text)}.header-actions{align-items:center;gap:var(--space-3);margin-left:auto;display:flex}.lang-link{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-muted);text-decoration:none}.header-login,.header-demo{display:none}.menu-button{width:var(--control-height);height:var(--control-height);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);justify-content:center;align-items:center;display:inline-flex}.mobile-menu{border-top:var(--border-width) solid var(--color-border);background:var(--color-surface)}.mobile-nav{gap:var(--space-1);padding:var(--space-4) 0 var(--space-6);display:grid}.mobile-nav>a{padding:var(--space-3) 0;font-weight:var(--weight-medium);border-bottom:var(--border-width) solid var(--color-border);justify-content:space-between;align-items:center;text-decoration:none;display:flex}.mobile-nav>a svg{color:var(--color-subtle)}.mobile-actions{gap:var(--space-3);padding-top:var(--space-4);display:grid}@media (min-width:1024px){.header-nav{display:flex}.header-actions{margin-left:0}.header-login,.header-demo{display:inline-flex}.menu-button,.mobile-menu{display:none}}.section{padding:var(--section-space) 0}.section--surface{background:var(--color-surface);border-top:var(--border-width) solid var(--color-border);border-bottom:var(--border-width) solid var(--color-border)}.section--dark{background:radial-gradient(60rem 30rem at 10% 0%, var(--color-navy-soft), transparent 60%), var(--color-navy);color:var(--color-on-dark)}.section-head{max-width:var(--text-measure);margin-bottom:var(--space-10)}.eyebrow{margin-bottom:var(--space-3);font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--color-primary-ink)}.section--dark .eyebrow{color:var(--color-accent)}.section-title{font-size:var(--text-h2);font-weight:var(--weight-heavy);line-height:var(--leading-heading);letter-spacing:var(--tracking-tight)}.section-lead{margin-top:var(--space-4);font-size:var(--text-lead);color:var(--color-muted)}.section--dark .section-lead{color:var(--color-dark-muted)}.checklist,.hero-points{gap:var(--space-3);display:grid}.checklist li,.hero-points li{gap:var(--space-3);align-items:flex-start;display:flex}.checklist svg,.hero-points svg{color:var(--color-positive);margin-top:.2em}.pill,.chip{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-semibold);display:inline-flex}.pill{background:var(--color-primary-soft);color:var(--color-primary-ink)}.chip{background:var(--color-blue-bg);color:var(--color-blue);white-space:nowrap}.chip--review{background:var(--color-warning-bg);color:var(--color-warning)}.chip--sent{background:var(--color-positive-bg);color:var(--color-positive)}.card-icon,.flow-icon,.mini-icon{width:var(--icon-box);height:var(--icon-box);border-radius:var(--radius-md);background:var(--color-primary-soft);color:var(--color-primary-ink);justify-content:center;align-items:center;display:inline-flex}.card-icon--accent{background:var(--color-accent-soft);color:var(--color-accent)}.mini-icon{width:var(--icon-box-small);height:var(--icon-box-small);background:var(--color-dark-surface);color:var(--color-accent)}.hero{padding:var(--space-12) 0 var(--section-space);position:relative;overflow:clip}.hero:before,.hero:after{content:"";z-index:-1;border-radius:var(--radius-full);filter:blur(var(--glow-blur));position:absolute}.hero:before{background:var(--color-glow-blue);width:36rem;height:36rem;top:-10rem;right:-8rem}.hero:after{background:var(--color-glow-gold);width:30rem;height:30rem;bottom:-12rem;left:-10rem}.hero-grid{gap:var(--space-12);align-items:center;display:grid}.hero h1{margin:var(--space-5) 0;font-size:var(--text-hero);font-weight:var(--weight-heavy);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight)}.hero h1 .accent{color:var(--color-primary)}.hero-lead{max-width:var(--text-measure);font-size:var(--text-lead);color:var(--color-muted)}.hero-actions{gap:var(--space-3);margin:var(--space-8) 0 var(--space-6);flex-wrap:wrap;display:flex}.hero-points li{color:var(--color-muted);font-size:var(--text-sm)}@media (min-width:1024px){.hero{padding-top:var(--space-16)}.hero-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)}}.preview{max-width:var(--preview-max);padding-bottom:var(--space-16);margin:0 auto;position:relative}.preview-window{background:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);overflow:hidden}.preview-bar{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:var(--border-width) solid var(--color-border);background:var(--color-bg);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-muted);display:flex}.preview-dots{gap:var(--space-1);display:inline-flex}.preview-dots i{width:var(--dot-size);height:var(--dot-size);border-radius:var(--radius-full);background:var(--color-dot-red)}.preview-dots i:nth-child(2){background:var(--color-dot-yellow)}.preview-dots i:nth-child(3){background:var(--color-dot-green)}.preview-client{align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-4) var(--space-2);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-primary-ink);display:flex}.preview-rows{padding:0 var(--space-2) var(--space-2)}.preview-row{gap:var(--space-3);padding:var(--space-3) var(--space-2);border-top:var(--border-width) solid var(--color-border);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;display:grid}.preview-row:first-child{border-top:0}.preview-thumb{width:var(--preview-thumb);height:calc(var(--preview-thumb) * 1.3);border-radius:var(--radius-sm);background:linear-gradient(var(--color-thumb), var(--color-surface));border:var(--border-width) solid var(--color-border)}.preview-text{min-width:0;display:grid}.preview-text b{font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.preview-text small{font-size:var(--text-xs);color:var(--color-muted)}.preview-float{width:var(--float-width);padding:var(--space-4);border-radius:var(--radius-lg);background:var(--color-surface);border:var(--border-width) solid var(--color-border);box-shadow:var(--shadow-float);position:absolute;bottom:0;right:0}.preview-float-title{align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--color-primary-ink);display:flex}.preview-float dl{gap:var(--space-2);margin-bottom:var(--space-4);display:grid}.preview-float dt{font-size:var(--text-xs);color:var(--color-muted)}.preview-float dd{font-size:var(--text-sm);font-weight:var(--weight-semibold)}@media (max-width:639px){.preview{padding-bottom:0}.preview-float{width:auto;margin-top:var(--space-4);position:static}}.flow{gap:var(--space-6);counter-reset:step;display:grid}.flow-step{padding:var(--space-6);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg);position:relative}.flow-index{top:var(--space-6);right:var(--space-6);font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--color-subtle);position:absolute}.flow-step h3{margin:var(--space-4) 0 var(--space-2);font-size:var(--text-h3);font-weight:var(--weight-bold)}.flow-step p{color:var(--color-muted)}@media (min-width:768px){.flow{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.flow{grid-template-columns:repeat(4,minmax(0,1fr))}}.card-grid{gap:var(--space-5);display:grid}.card{padding:var(--space-6);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-sm)}.card--muted{background:var(--color-bg);box-shadow:none}.card h3{margin:var(--space-4) 0 var(--space-2);font-size:var(--text-h3);font-weight:var(--weight-bold)}.card p{color:var(--color-muted)}@media (min-width:640px){.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.card-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}}.mini-features{gap:var(--space-6);display:grid}.mini-features li{gap:var(--space-4);align-items:flex-start;display:flex}.mini-features li>span:last-child{gap:var(--space-1);display:grid}.mini-features b{font-size:var(--text-md)}.mini-features li>span:last-child>span{color:var(--color-dark-muted)}@media (min-width:768px){.mini-features{gap:var(--space-8);grid-template-columns:repeat(2,minmax(0,1fr))}}.faq{gap:var(--space-3);display:grid}.faq-item{border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.faq-item summary{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);font-weight:var(--weight-semibold);cursor:pointer;list-style:none;display:flex}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary svg{color:var(--color-subtle);transition:transform var(--duration) var(--ease)}.faq-item[open] summary svg{transform:rotate(180deg)}.faq-item p{padding:0 var(--space-5) var(--space-5);color:var(--color-muted)}.demo-grid{gap:var(--space-10);align-items:start;display:grid}.demo-direct{align-items:center;gap:var(--space-2);margin-top:var(--space-8);color:var(--color-muted);flex-wrap:wrap;display:flex}.demo-direct svg{color:var(--color-primary)}.demo-direct a{color:var(--color-primary-ink);font-weight:var(--weight-semibold)}.demo-card{padding:var(--space-6);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-bg)}.demo-form,.form-row{gap:var(--space-4);display:grid}.field{gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--weight-semibold);display:grid}.field small{font-weight:var(--weight-regular);color:var(--color-muted)}.field input,.field select,.field textarea{width:100%;min-height:var(--control-height);padding:var(--space-2) var(--space-3);border:var(--border-width) solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface);font-weight:var(--weight-regular)}.field textarea{resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--color-primary);box-shadow:var(--shadow-ring);outline:none}.form-note{font-size:var(--text-xs);color:var(--color-muted)}@media (min-width:640px){.form-row{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.demo-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}}.site-footer{padding:var(--space-16) 0 var(--space-8);background:var(--color-navy-deep);color:var(--color-dark-muted)}.footer-grid{gap:var(--space-10);display:grid}.footer-brand p{margin-top:var(--space-4);max-width:22rem}.footer-note{font-size:var(--text-sm)}.site-footer nav>p{margin-bottom:var(--space-3);font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--color-on-dark)}.site-footer nav ul{gap:var(--space-2);display:grid}.site-footer a{text-decoration:none}.site-footer a:hover{color:var(--color-on-dark)}.footer-bottom{margin-top:var(--space-12);padding-top:var(--space-6);border-top:var(--border-width) solid var(--color-dark-border);font-size:var(--text-sm)}@media (min-width:768px){.footer-grid{grid-template-columns:1.4fr 1fr 1fr 1fr}}