:root{--brand-navy: #0F2D5C;--brand-blue: #2F6FDB;--brand-bg: #F6F9FF;--color-primary: var(--brand-navy);--color-secondary: var(--brand-blue);--color-accent: #10b981;--color-warning: #f59e0b;--color-bg: #ffffff;--color-bg-alt: var(--brand-bg);--color-border: #e5e7eb;--color-text: #1f2937;--color-text-light: #6b7280;--color-error: #ef4444;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: "Monaco", "Courier New", monospace;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--transition: all .2s ease-in-out}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-sans);color:var(--color-text);background-color:var(--color-bg);line-height:1.6;font-size:16px}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.3;margin:var(--spacing-lg) 0 var(--spacing-md) 0}h1{font-size:2.25rem}h2{font-size:1.875rem}h3{font-size:1.5rem}h4{font-size:1.25rem}p{margin-bottom:var(--spacing-md);color:var(--color-text)}a{color:var(--color-secondary);text-decoration:none;transition:var(--transition)}a:hover{text-decoration:underline}.header{background:var(--color-bg);border-bottom:1px solid var(--color-border);padding:0;position:sticky;top:0;z-index:100}.nav{max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg);display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.5rem;font-weight:700;color:var(--color-primary)}.logo-img{height:72px;max-height:80px;width:auto;display:block}.nav ul{display:flex;list-style:none;gap:var(--spacing-xl)}.nav a{color:var(--color-text);font-weight:500;transition:var(--transition)}.nav a:hover{color:var(--color-secondary);text-decoration:none}.cta-nav{background:var(--color-secondary);color:#fff!important;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md)}.cta-nav:hover{background:#2563eb;text-decoration:none}.nav a.active,.nav .nav-link.active,.footer-nav a.active{color:var(--color-secondary);font-weight:600;border-bottom:2px solid var(--color-secondary)}main{max-width:1000px;margin:0 auto;padding:0 var(--spacing-lg)}.text-center{text-align:center}.content{max-width:800px}.section{margin:clamp(var(--spacing-xl),6vw,var(--spacing-2xl)) 0;padding:clamp(var(--spacing-xl),5vw,var(--spacing-2xl)) var(--spacing-lg);background:var(--color-bg)}.section.hero{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:#fff;text-align:center;border-radius:var(--radius-lg);margin-top:0}.section.hero h1{color:#fff;margin-top:0}.section.highlight{background:var(--color-bg-alt);border-left:4px solid var(--color-accent);border-radius:var(--radius-md);margin:clamp(var(--spacing-lg),5vw,var(--spacing-xl)) 0;padding:clamp(var(--spacing-lg),4vw,var(--spacing-xl)) var(--spacing-lg)}.section>h2:first-child{margin-top:0}.lead{font-size:1.25rem;font-weight:500;color:inherit}.subtext{font-size:1rem;color:var(--color-text)}.hero .subtext,.cta-section .subtext{color:#ffffffe6}.mt-0{margin-top:0}.mt-sm{margin-top:var(--spacing-sm)}.mt-xl{margin-top:var(--spacing-xl)}.mb-0{margin-bottom:0}.mb-xs{margin-bottom:var(--spacing-xs)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl);margin:var(--spacing-xl) 0}@media (max-width: 768px){.grid-2{grid-template-columns:1fr}}article{padding:var(--spacing-lg);background:var(--color-bg-alt);border-radius:var(--radius-md)}ul,ol{margin:var(--spacing-md) 0 var(--spacing-md) var(--spacing-xl)}li{margin:var(--spacing-sm) 0}.problems,.dont-list{list-style:none;margin-left:0}.problems li,.dont-list li{padding:var(--spacing-md) 0;padding-left:var(--spacing-lg);position:relative}.problems li:before{content:"→";position:absolute;left:0;color:var(--color-secondary)}.dont-list li:before{content:"✗";position:absolute;left:0;color:var(--color-error)}.problems-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-xl)}.problem-card{padding:var(--spacing-lg);background:var(--color-bg-alt);border-radius:var(--radius-md);text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md)}.problem-icon{height:56px;width:56px;opacity:.9}.process{list-style:decimal}.process li{margin:var(--spacing-lg) 0;padding-left:var(--spacing-md)}.btn{display:inline-block;padding:var(--spacing-sm) var(--spacing-lg);background:var(--color-secondary);color:#fff;border:1px solid var(--color-secondary);border-radius:var(--radius-md);font-weight:500;cursor:pointer;transition:var(--transition);text-decoration:none}.btn:hover{background:#2563eb;border-color:#2563eb;text-decoration:none}.btn-primary{background:var(--color-secondary)}.btn-primary:hover{background:#1d4ed8}.panel{background:var(--color-bg);padding:var(--spacing-lg);border-radius:var(--radius-md)}.cta-section{text-align:center;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:#fff;margin:clamp(var(--spacing-2xl),7vw,calc(var(--spacing-2xl) + var(--spacing-md))) 0;padding:clamp(var(--spacing-2xl),7vw,calc(var(--spacing-2xl) + var(--spacing-md))) var(--spacing-lg)}.cta-section h2{color:#fff}.cta-section p{color:#ffffffe6;font-size:1.1rem}.btn-large{font-size:1.1rem;padding:var(--spacing-md) var(--spacing-xl)}.footer{margin-top:var(--spacing-2xl);padding:var(--spacing-xl) var(--spacing-lg);background:var(--color-primary);color:#fff;text-align:center;border-top:1px solid var(--color-border)}.footer-mark{height:24px;width:auto;display:inline-block;margin-bottom:var(--spacing-md);opacity:.9}.footer a{color:#60a5fa}.footer a:hover{color:#fff}.skip-link{position:absolute;top:0;left:0;background:var(--color-secondary);color:#fff;padding:var(--spacing-sm) var(--spacing-md);text-decoration:none;border-radius:0 0 var(--radius-md) 0;z-index:1000;transform:translateY(-150%);opacity:0;pointer-events:none}.skip-link:focus,.skip-link:focus-visible{transform:translateY(0);opacity:1;pointer-events:auto}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--color-secondary);outline-offset:2px;border-radius:var(--radius-sm)}.mobile-menu-toggle{display:none;background:none;border:none;font-size:1.75rem;color:var(--color-primary);cursor:pointer;padding:var(--spacing-sm);min-width:44px;min-height:44px}.nav-mobile{display:none}.demo-card{padding:var(--spacing-xl);background:var(--color-bg-alt);border-radius:var(--radius-md);border:2px solid var(--color-border);transition:var(--transition);display:flex;flex-direction:column;min-height:200px}.demo-card:hover{border-color:var(--color-secondary);box-shadow:0 4px 6px #0000001a;transform:translateY(-2px)}.demo-card h3{margin-top:0}.demo-card .btn{margin-top:auto}.footer-nav{display:flex;justify-content:center;gap:var(--spacing-xl);flex-wrap:wrap;margin-bottom:var(--spacing-md)}.footer-nav a{color:#60a5fa;text-decoration:none}.footer-nav a:hover{color:#fff;text-decoration:underline}.divider-muted{color:#6b7280}.footer-note{margin-top:var(--spacing-md);margin-bottom:0;color:#f8fafc;font-weight:500}.legal-note-text{font-size:.875rem;color:var(--color-text-light);margin-top:var(--spacing-sm);margin-bottom:0}.header.scrolled{box-shadow:0 2px 8px #0000001a}.disclaimer.info{background:#dbeafe;color:#1e40af}.mock-grid{display:grid;gap:clamp(var(--spacing-md),4vw,var(--spacing-xl));grid-template-columns:repeat(auto-fit,minmax(260px,1fr));max-width:1100px;margin:0 auto}.mock-card{padding:clamp(var(--spacing-md),4vw,var(--spacing-xl));border-radius:var(--radius-lg);box-shadow:0 12px 30px #0f172a14}.mock-card-light{background:linear-gradient(135deg,#f8fafc 0%,#eef2ff 100%);color:#0f172a}.mock-card-dark{background:linear-gradient(135deg,#0f172a 0%,#111827 100%);color:#e2e8f0;box-shadow:0 12px 30px #0f172a1f}.mock-card-plain{background:#ffffff;box-shadow:0 12px 30px #0f172a14;border:1px solid #e2e8f0}.mock-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.mock-card-title{font-weight:600;color:inherit}.mock-card-subtitle{font-size:.85rem;color:#475569}.mock-card-dark .mock-card-subtitle{color:#cbd5e1}.mock-card-text{margin-top:0;margin-bottom:var(--spacing-md);color:#334155}.mock-card-light .mock-card-text{color:#0f172a}.mock-card-dark .mock-card-text,.mock-card-text-muted{color:#cbd5e1}.mock-panel{border-radius:var(--radius-md);padding:var(--spacing-md)}.mock-panel-dark{background:#0f172a;color:#e2e8f0}.mock-panel-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm);font-size:.95rem;color:inherit}.progress-track{height:8px;background:#1f2937;border-radius:999px;overflow:hidden;margin-bottom:var(--spacing-sm);position:relative}.progress-track.light{background:#e2e8f0}.progress-fill{height:100%}.progress-cyan{background:#22d3ee}.progress-sky{background:#38bdf8}.progress-indigo{background:#6366f1}.progress-fill.overlay{position:absolute;top:0;left:0}.bar-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-sm);font-size:.8rem;color:#cbd5e1;align-items:end}.bar-col{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:72px}.bar{background:linear-gradient(180deg,#38bdf8,#0ea5e9);border-radius:10px 10px 4px 4px;margin-bottom:4px}.bar-short{height:28px}.bar-mid{height:36px}.bar-tall{height:42px}.bar-x-tall{height:48px}.stacked-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-sm);align-items:end;margin-bottom:var(--spacing-md)}.stacked-col{text-align:center;color:#cbd5e1}.stacked{border-radius:8px 8px 4px 4px;background:#22d3ee;margin-bottom:6px}.bar-top{height:34px}.bar-top.tall{height:48px}.bar-top.taller{height:60px}.bar-bottom{height:22px;background:#6366f1;margin-bottom:8px}.bar-bottom.mid{height:32px}.bar-bottom.tall{height:42px}.mock-metrics{display:grid;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.mock-metric-row{display:flex;justify-content:space-between;align-items:center;color:#334155}.metric-strong{color:#0f172a;font-weight:600}.mock-footer{display:flex;justify-content:space-between;align-items:center;background:#f8fafc;border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);border:1px solid #e2e8f0;color:#475569;font-size:.95rem}.mock-footer-accent{color:#0ea5e9;font-weight:600}.legend{display:inline-flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end;row-gap:4px;font-size:.9rem}.legend-dot{width:10px;height:10px;border-radius:999px;display:inline-block}.legend-cyan{background:#0ea5e9}.legend-indigo{background:#6366f1}.mock-caption{margin-top:var(--spacing-lg);color:#475569;max-width:960px;margin-left:auto;margin-right:auto}.scroll-target{scroll-margin-top:100px}.how-figure-large{margin:var(--spacing-lg) auto;max-width:1000px}.how-illustration-large{width:100%;height:auto;display:block;transform-origin:center top}.how-figure-large{margin-bottom:var(--spacing-2xl);text-align:center}.how-illustration-large{display:block;width:100%;height:auto;max-width:900px;margin:0 auto var(--spacing-md);border-radius:var(--radius-lg);box-shadow:0 8px 24px #0f2d5c1a}.how-caption{text-align:center;color:var(--color-text-light);font-size:.9rem;margin-top:var(--spacing-sm)}@media (max-width: 768px){.how-figure-large{margin-bottom:var(--spacing-xl)}.how-illustration-large{border-radius:var(--radius-md)}}input[type=text],input[type=email],input[type=number],textarea,select{font-size:16px}@media (min-width: 769px) and (max-width: 1024px){.grid-2{grid-template-columns:1fr 1fr;gap:var(--spacing-lg)}.nav ul{gap:var(--spacing-lg)}main{max-width:900px}.logo-img{height:56px;max-height:64px}}@media (max-width: 768px){h1{font-size:1.875rem}h2{font-size:1.5rem}h3{font-size:1.25rem}.mobile-menu-toggle{display:block}.nav{flex-wrap:wrap}.nav ul{display:none;flex-direction:column;gap:var(--spacing-sm);width:100%;padding:var(--spacing-md) 0}.nav ul.nav-open{display:flex}.nav li{width:100%}.nav a,.nav .cta-nav{display:block;padding:var(--spacing-md);min-height:44px;text-align:center}.goal-buttons{grid-template-columns:1fr}.section{padding:var(--spacing-lg)}.footer-nav{flex-direction:column;gap:var(--spacing-sm)}.demo-card{min-height:auto}.how-figure-large{margin-left:calc((100vw - 100%)/-2);margin-right:calc((100vw - 100%)/-2)}.how-illustration-large{width:100vw;max-width:none;height:auto;transform:none}.logo-img{height:46px;max-height:52px}}@media (max-width: 375px){body{font-size:15px}h1{font-size:1.625rem}h2{font-size:1.375rem}.section{padding:var(--spacing-md)}.how-illustration-large{width:100vw;max-width:none;height:auto;transform:none}}.logo,.logo:hover,.logo:visited,.logo:active{color:var(--color-primary);text-decoration:none}.logo{-webkit-tap-highlight-color:rgba(0,0,0,0)}.logo:focus,.logo:focus-visible{outline:3px solid var(--color-secondary);outline-offset:4px;box-shadow:0 0 0 4px #3b82f633;border-radius:var(--radius-sm)}.scroll-progress-bar{position:fixed;top:0;left:0;height:3px;background:linear-gradient(90deg,var(--brand-blue),var(--color-accent));z-index:200;transition:width .1s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.section{opacity:0;transform:translateY(30px);transition:opacity .6s ease-out,transform .6s ease-out}.section.is-visible{opacity:1;transform:translateY(0)}.mock-grid>article{opacity:0;transform:translateY(30px);transition:opacity .6s ease-out,transform .6s ease-out}.mock-grid>article:nth-child(1){transition-delay:.1s}.mock-grid>article:nth-child(2){transition-delay:.2s}.mock-grid>article:nth-child(3){transition-delay:.3s}.mock-grid>article.is-visible{opacity:1;transform:translateY(0)}.problems-grid>article{opacity:0;transform:translateY(30px);transition:opacity .6s ease-out,transform .6s ease-out}.problems-grid>article:nth-child(1){transition-delay:.1s}.problems-grid>article:nth-child(2){transition-delay:.2s}.problems-grid>article:nth-child(3){transition-delay:.3s}.problems-grid>article.is-visible{opacity:1;transform:translateY(0)}