@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--landing-navy: #1F3A5F;--landing-blue: #2F6FED;--landing-blue-hover: #2560D4;--landing-blue-light: #EBF2FE;--landing-teal: #2FB8A6;--landing-teal-light: #E8F8F6;--landing-gradient: linear-gradient(135deg, #2F6FED, #2FB8A6);--landing-gradient-horizontal: linear-gradient(90deg, #2F6FED, #2FB8A6);--landing-white: #FFFFFF;--landing-bg-soft: #F7F9FC;--landing-border: #E6EAF0;--landing-text-muted: #6B7C93;--landing-text-body: #3D4F63;--landing-success: #22C55E;--landing-warning: #F59E0B;--landing-error: #EF4444;--landing-font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;--landing-max-width: 72rem;--landing-section-py: 5rem;--landing-section-py-md: 6rem}.landing{font-family:var(--landing-font);color:var(--landing-navy);background:var(--landing-white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:-.011em}.landing *,.landing *:before,.landing *:after{box-sizing:border-box}.landing h1,.landing h2,.landing h3,.landing h4{color:var(--landing-navy);font-weight:700;line-height:1.15;letter-spacing:-.025em}.landing h1{font-size:2.5rem;line-height:1.12}.landing h2{font-size:1.875rem}.landing h3{font-size:1rem;font-weight:600;letter-spacing:-.01em}.landing p{color:var(--landing-text-body);line-height:1.65}.landing .text-muted{color:var(--landing-text-muted)}.landing .text-navy{color:var(--landing-navy)}.landing .text-sm{font-size:.875rem}.landing .text-xs{font-size:.75rem}.landing .label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--landing-blue)}@media (min-width: 768px){.landing h1{font-size:3.25rem}.landing h2{font-size:2.25rem}}.landing .container{max-width:var(--landing-max-width);margin:0 auto;padding:0 1.25rem}.landing .section{padding:var(--landing-section-py) 0}@media (min-width: 768px){.landing .section{padding:var(--landing-section-py-md) 0}}.landing .section--soft{background:var(--landing-bg-soft);border-top:1px solid var(--landing-border);border-bottom:1px solid var(--landing-border)}.landing .section--dark{background:var(--landing-navy);color:var(--landing-white);border:none}.landing .section--dark h2,.landing .section--dark h3{color:var(--landing-white)}.landing .section--dark p,.landing .section--dark .text-muted{color:#ffffffa6}.landing .btn{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;padding:.625rem 1.5rem;font-size:.875rem;font-weight:500;font-family:var(--landing-font);border-radius:.5rem;border:none;cursor:pointer;text-decoration:none;transition:background-color .15s ease,box-shadow .15s ease,transform .1s ease;line-height:1.4}.landing .btn:active{transform:scale(.98)}.landing .btn-primary{background:var(--landing-blue);color:var(--landing-white)}.landing .btn-primary:hover{background:var(--landing-blue-hover)}.landing .btn-secondary{background:var(--landing-white);color:var(--landing-navy);border:1px solid var(--landing-border)}.landing .btn-secondary:hover{border-color:#cdd4de;background:var(--landing-bg-soft)}.landing .btn-link{padding:0;background:none;border:none;color:var(--landing-navy);font-weight:500;font-size:.875rem;gap:.375rem}.landing .btn-link:hover{color:var(--landing-blue)}.landing .card{background:var(--landing-white);border:1px solid var(--landing-border);border-radius:.75rem;padding:1.5rem;transition:box-shadow .2s ease,border-color .2s ease}.landing .card:hover{box-shadow:0 4px 12px #1f3a5f0f;border-color:#cdd4de}.landing .card--flat{background:var(--landing-bg-soft);border-color:var(--landing-border)}.landing .card--flat:hover{box-shadow:none}.landing .icon-box{width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;border-radius:.5rem;flex-shrink:0}.landing .icon-box--soft{background:var(--landing-bg-soft);border:1px solid var(--landing-border)}.landing .icon-box--navy{background:var(--landing-navy);color:var(--landing-white)}.landing .icon-box--blue-light{background:var(--landing-blue-light);color:var(--landing-blue)}.landing .icon-box--teal-light{background:var(--landing-teal-light);color:var(--landing-teal)}.landing .icon-box--gradient{background:var(--landing-gradient);color:var(--landing-white)}.landing .nav{position:fixed;top:0;left:0;right:0;z-index:50;transition:background-color .2s ease,box-shadow .2s ease;height:4rem}.landing .nav--scrolled{background:var(--landing-white);box-shadow:0 1px 0 var(--landing-border)}.landing .nav-link{font-size:.875rem;color:var(--landing-text-muted);text-decoration:none;transition:color .15s ease;background:none;border:none;cursor:pointer;font-family:var(--landing-font)}.landing .nav-link:hover{color:var(--landing-navy)}.landing .logo-text{font-size:1.125rem;font-weight:600;color:var(--landing-navy);letter-spacing:-.02em}.landing .gradient-text{background:var(--landing-gradient-horizontal);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.landing .gradient-bar{height:3px;background:var(--landing-gradient-horizontal);border-radius:2px}.landing .gradient-border{position:relative}.landing .gradient-border:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--landing-gradient-horizontal);border-radius:1px}.landing .mockup-frame{background:var(--landing-bg-soft);border:1px solid var(--landing-border);border-radius:.75rem;padding:.375rem;box-shadow:0 8px 24px #1f3a5f14}.landing .mockup-inner{background:var(--landing-white);border-radius:.5rem;overflow:hidden}.landing .mockup-toolbar{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;border-bottom:1px solid var(--landing-border);background:var(--landing-bg-soft)}.landing .mockup-dot{width:.625rem;height:.625rem;border-radius:50%;background:var(--landing-border)}.landing .mockup-url{background:#6b7c9314;border-radius:.25rem;padding:.25rem .75rem;font-size:.75rem;color:var(--landing-text-muted);font-family:SF Mono,Fira Code,Cascadia Mono,monospace}.landing .mockup-body{padding:1rem}.landing .badge{display:inline-flex;align-items:center;padding:.125rem .5rem;font-size:.75rem;font-weight:500;border-radius:9999px}.landing .badge--success{background:#ecfdf5;color:#166534}.landing .badge--warning{background:#fffbeb;color:#92400e}.landing .badge--blue{background:var(--landing-blue-light);color:var(--landing-blue)}.landing .stat-card{background:var(--landing-bg-soft);border-radius:.5rem;padding:.75rem}.landing .stat-label{font-size:.75rem;color:var(--landing-text-muted);margin-bottom:.25rem}.landing .stat-value{font-size:1.125rem;font-weight:600;color:var(--landing-navy)}.landing .stat-change{font-size:.75rem;font-weight:500;color:var(--landing-success)}.landing .bar-track{height:.5rem;background:var(--landing-border);border-radius:9999px;overflow:hidden}.landing .bar-fill{height:100%;border-radius:9999px}.landing .bar-fill--blue{background:var(--landing-blue)}.landing .bar-fill--teal{background:var(--landing-teal)}.landing .bar-fill--navy{background:var(--landing-navy)}.landing .step-number{width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;border-radius:50%;border:2px solid var(--landing-border);background:var(--landing-white);font-size:.875rem;font-weight:600;color:var(--landing-text-muted);flex-shrink:0;position:relative;z-index:1}.landing .step-connector{position:absolute;left:1.25rem;top:2.5rem;width:1px;height:100%;background:var(--landing-border)}.landing .accordion-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;padding:1.25rem 0;text-align:left;background:none;border:none;cursor:pointer;font-family:var(--landing-font);font-size:.875rem;font-weight:500;color:var(--landing-navy)}.landing .accordion-trigger:hover{color:var(--landing-blue)}.landing .accordion-body{padding-bottom:1.25rem;margin-top:-.25rem}.landing .accordion-body p{font-size:.875rem;color:var(--landing-text-muted);line-height:1.65}.landing .footer{background:var(--landing-navy);color:#ffffffbf}.landing .footer a{color:#ffffffbf;text-decoration:none;transition:color .15s ease;font-size:.875rem}.landing .footer a:hover,.landing .footer button:hover{color:var(--landing-white)}.landing .footer button{color:#ffffffbf;font-size:.875rem;transition:color .15s ease;background:none;border:none;padding:0;cursor:pointer}.landing .footer p,.landing .footer li{color:#ffffffbf}.landing .footer h3{color:var(--landing-white);font-size:.875rem;font-weight:600;margin-bottom:1rem}.landing .input{width:100%;padding:.625rem .875rem;background:var(--landing-white);border:1px solid var(--landing-border);border-radius:.5rem;font-size:.875rem;font-family:var(--landing-font);color:var(--landing-navy);transition:border-color .15s ease,box-shadow .15s ease;outline:none}.landing .input::-moz-placeholder{color:#a0adbd}.landing .input::placeholder{color:#a0adbd}.landing .input:focus{border-color:var(--landing-blue);box-shadow:0 0 0 3px #2f6fed1a}.landing .input-label{display:block;font-size:.875rem;font-weight:500;color:var(--landing-navy);margin-bottom:.375rem}.landing .input-required{color:var(--landing-error)}.landing textarea.input{resize:none}.landing .pill-group{display:flex;flex-wrap:wrap;gap:.5rem}.landing .pill{display:inline-block;padding:.5rem .875rem;font-size:.875rem;border-radius:.5rem;border:1px solid var(--landing-border);background:var(--landing-white);color:var(--landing-text-muted);cursor:pointer;transition:all .15s ease}.landing .pill--active{background:var(--landing-navy);color:var(--landing-white);border-color:var(--landing-navy)}.landing .check-list{list-style:none;padding:0;margin:0}.landing .check-list li{display:flex;align-items:flex-start;gap:.625rem;font-size:.875rem;color:var(--landing-text-body);margin-bottom:.625rem}.landing .check-icon{width:1rem;height:1rem;color:var(--landing-success);flex-shrink:0;margin-top:.125rem}.landing .compare-card--negative{background:var(--landing-bg-soft);border:1px solid var(--landing-border);border-radius:.75rem;padding:1.5rem 2rem}.landing .compare-card--positive{background:var(--landing-navy);border-radius:.75rem;padding:1.5rem 2rem;color:var(--landing-white)}.landing .compare-card--positive .check-list li{color:#fffc}.landing .scroll-top{position:fixed;bottom:1.5rem;right:1.5rem;width:2.5rem;height:2.5rem;background:var(--landing-navy);color:var(--landing-white);border-radius:.5rem;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #1f3a5f26;z-index:50;transition:background-color .15s ease}.landing .scroll-top:hover{background:var(--landing-blue)}.landing .accent-indicator{width:.25rem;border-radius:9999px;flex-shrink:0}.landing .accent-indicator--blue{background:var(--landing-blue)}.landing .accent-indicator--teal{background:var(--landing-teal)}.landing .accent-indicator--navy{background:var(--landing-navy)}
