:root{--color-ivory: #FAF8F5;--color-cream: #F5F2ED;--color-paper: #FFFFFF;--color-ink: #2D2A26;--color-ink-muted: #8A847C;--color-ink-light: #B5AFA6;--color-teal: #1A5F5F;--color-teal-light: #2A7A7A;--color-teal-dark: #134A4A;--color-pending: #C68B20;--color-approved: #2F7D5E;--color-danger: #B84A3C;--color-danger-light: #D65C4D;--font-display: "Fraunces", Georgia, serif;--font-body: "Source Sans 3", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--space-4xl: 6rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--shadow-sm: 0 1px 2px rgba(45, 42, 38, .05);--shadow-md: 0 4px 12px rgba(45, 42, 38, .08);--shadow-lg: 0 8px 24px rgba(45, 42, 38, .12);--shadow-xl: 0 16px 48px rgba(45, 42, 38, .16);--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);font-size:1rem;line-height:1.6;color:var(--color-ink);background-color:var(--color-ivory);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{max-width:100%;height:auto;display:block}a{color:var(--color-teal);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-teal-light)}ul{list-style:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:600;line-height:1.2;color:var(--color-ink)}h1{font-size:clamp(2.5rem,5vw,4rem)}h2{font-size:clamp(2rem,4vw,3rem)}h3{font-size:clamp(1.25rem,2.5vw,1.5rem)}p{margin-bottom:var(--space-md)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--space-lg)}section{padding:var(--space-4xl) 0}.section-header{text-align:center;max-width:700px;margin:0 auto var(--space-3xl)}.section-title{margin-bottom:var(--space-md)}.section-subtitle{font-size:1.125rem;color:var(--color-ink-muted);margin-bottom:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);font-family:var(--font-body);font-weight:600;font-size:1rem;padding:var(--space-md) var(--space-xl);border:2px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);text-decoration:none}.btn-sm{padding:var(--space-sm) var(--space-lg);font-size:.875rem}.btn-lg{padding:var(--space-lg) var(--space-2xl);font-size:1.125rem}.btn-block{width:100%}.btn-primary{background-color:var(--color-teal);color:var(--color-paper);border-color:var(--color-teal)}.btn-primary:hover{background-color:var(--color-teal-light);border-color:var(--color-teal-light);color:var(--color-paper)}.btn-secondary{background-color:transparent;color:var(--color-teal);border-color:var(--color-teal)}.btn-secondary:hover{background-color:var(--color-teal);color:var(--color-paper)}.nav{position:fixed;top:0;left:0;right:0;z-index:1000;background-color:#faf8f5f2;backdrop-filter:blur(8px);border-bottom:1px solid rgba(45,42,38,.08)}.nav-container{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto;padding:var(--space-md) var(--space-lg)}.nav-logo{display:flex;align-items:center;gap:var(--space-sm);text-decoration:none}.nav-logo-img{width:32px;height:auto}.nav-logo-text{font-family:var(--font-display);font-size:1.5rem;font-weight:600;color:var(--color-ink)}.nav-toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:var(--space-sm)}.nav-toggle span{width:24px;height:2px;background-color:var(--color-ink);transition:all var(--transition-fast)}.nav-links{display:flex;align-items:center;gap:var(--space-xl)}.nav-links a{font-weight:500;color:var(--color-ink-muted)}.nav-links a:hover{color:var(--color-ink)}.hero{padding-top:calc(var(--space-4xl) + 80px);padding-bottom:var(--space-4xl);background:linear-gradient(180deg,var(--color-ivory) 0%,var(--color-cream) 100%)}.hero .container{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3xl);align-items:center}.hero-content{max-width:560px}.hero-title{margin-bottom:var(--space-lg)}.hero-subtitle{font-size:1.25rem;color:var(--color-ink-muted);margin-bottom:var(--space-xl)}.hero-cta{display:flex;gap:var(--space-md);flex-wrap:wrap}.hero-visual{display:flex;justify-content:center}.hero-card{background:var(--color-paper);border-radius:var(--radius-xl);padding:var(--space-xl);box-shadow:var(--shadow-xl);width:100%;max-width:380px}.hero-card-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:1px solid var(--color-cream)}.hero-card-icon{width:12px;height:12px;border-radius:50%}.hero-card-icon.danger{background-color:var(--color-danger)}.hero-card-icon.warning{background-color:var(--color-pending)}.hero-card-icon.info{background-color:var(--color-teal)}.hero-card-title{font-weight:600;font-size:.875rem;color:var(--color-ink)}.hero-card-stat{text-align:center;margin-bottom:var(--space-lg)}.hero-card-number{display:block;font-family:var(--font-display);font-size:4rem;font-weight:700;color:var(--color-danger);line-height:1}.hero-card-label{font-size:.875rem;color:var(--color-ink-muted)}.hero-card-breakdown{display:flex;flex-direction:column;gap:var(--space-sm)}.hero-card-item{display:flex;align-items:center;gap:var(--space-sm);font-size:.875rem;color:var(--color-ink-muted)}.problem{background-color:var(--color-paper)}.problem-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-xl);margin-bottom:var(--space-2xl)}.problem-card{text-align:center;padding:var(--space-xl);background-color:var(--color-ivory);border-radius:var(--radius-lg)}.problem-stat{font-family:var(--font-display);font-size:3.5rem;font-weight:700;color:var(--color-danger);margin-bottom:var(--space-sm);line-height:1}.problem-card p{color:var(--color-ink-muted);margin-bottom:0}.problem-conclusion{text-align:center;font-size:1.125rem;color:var(--color-ink);max-width:600px;margin:0 auto}.features{background-color:var(--color-ivory)}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-xl)}.feature-card{background-color:var(--color-paper);padding:var(--space-xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-base)}.feature-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.feature-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background-color:var(--color-cream);border-radius:var(--radius-md);color:var(--color-teal);margin-bottom:var(--space-lg)}.feature-title{font-size:1.25rem;margin-bottom:var(--space-sm)}.feature-description{color:var(--color-ink-muted);margin-bottom:0}.how-it-works{background-color:var(--color-paper)}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-xl);position:relative}.steps:before{content:"";position:absolute;top:32px;left:64px;right:64px;height:2px;background:linear-gradient(90deg,var(--color-teal) 0%,var(--color-teal-light) 100%);z-index:0}.step{text-align:center;position:relative;z-index:1}.step-number{width:64px;height:64px;display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-lg);font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:var(--color-paper);background-color:var(--color-teal);border-radius:50%;box-shadow:var(--shadow-md)}.step-title{font-size:1.125rem;margin-bottom:var(--space-sm)}.step-description{color:var(--color-ink-muted);font-size:.9375rem;margin-bottom:0}.security{background-color:var(--color-ink);color:var(--color-paper)}.security .section-title{color:var(--color-paper)}.security .section-subtitle{color:var(--color-ink-light)}.security-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-xl)}.security-card{text-align:center;padding:var(--space-xl)}.security-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-lg);background-color:#ffffff1a;border-radius:var(--radius-lg);color:var(--color-teal-light)}.security-title{font-size:1.25rem;color:var(--color-paper);margin-bottom:var(--space-sm)}.security-description{color:var(--color-ink-light);margin-bottom:0}.cta{background:linear-gradient(180deg,var(--color-ivory) 0%,var(--color-cream) 100%)}.cta-content{max-width:600px;margin:0 auto;text-align:center}.cta-title{margin-bottom:var(--space-md)}.cta-subtitle{font-size:1.125rem;color:var(--color-ink-muted);margin-bottom:var(--space-2xl)}.cta-form{background-color:var(--color-paper);padding:var(--space-xl);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md);margin-bottom:var(--space-md)}.form-input{width:100%;padding:var(--space-md) var(--space-lg);font-family:var(--font-body);font-size:1rem;color:var(--color-ink);background-color:var(--color-ivory);border:2px solid transparent;border-radius:var(--radius-md);transition:all var(--transition-fast)}.form-input::placeholder{color:var(--color-ink-muted)}.form-input:focus{outline:none;border-color:var(--color-teal);background-color:var(--color-paper)}.cta-note{margin-top:var(--space-lg);font-size:.875rem;color:var(--color-ink-muted)}.pricing{background:linear-gradient(180deg,var(--color-ivory) 0%,var(--color-cream) 100%)}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-xl);margin-bottom:var(--space-2xl)}.pricing-card{background-color:var(--color-paper);border-radius:var(--radius-xl);padding:var(--space-xl);box-shadow:var(--shadow-md);display:flex;flex-direction:column;position:relative}.pricing-card-featured{border:2px solid var(--color-teal);box-shadow:var(--shadow-lg);transform:scale(1.02)}.pricing-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background-color:var(--color-teal);color:var(--color-paper);padding:var(--space-xs) var(--space-lg);border-radius:var(--radius-md);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.pricing-header{margin-bottom:var(--space-lg)}.pricing-tier{font-family:var(--font-display);font-size:1.5rem;font-weight:600;margin-bottom:var(--space-xs)}.pricing-description{color:var(--color-ink-muted);font-size:.9375rem;margin-bottom:0}.pricing-price{margin-bottom:var(--space-xs)}.pricing-amount{font-family:var(--font-display);font-size:3rem;font-weight:700;color:var(--color-ink);line-height:1}.pricing-period{font-size:1rem;color:var(--color-ink-muted)}.pricing-annual{font-size:.875rem;color:var(--color-ink-muted);margin-bottom:var(--space-lg)}.pricing-features{flex-grow:1;margin-bottom:var(--space-xl)}.pricing-features li{display:flex;align-items:flex-start;gap:var(--space-sm);padding:var(--space-sm) 0;font-size:.9375rem;color:var(--color-ink)}.pricing-features li svg{flex-shrink:0;color:var(--color-approved);margin-top:2px}.pricing-demo{text-align:center;padding-top:var(--space-xl);border-top:1px solid var(--color-cream)}.pricing-demo p{font-size:1.125rem;color:var(--color-ink-muted);margin-bottom:0}.pricing-demo a{font-weight:600;color:var(--color-teal)}.pricing-demo a:hover{color:var(--color-teal-light);text-decoration:underline}.problem-grid-2{grid-template-columns:repeat(2,1fr);max-width:700px;margin-left:auto;margin-right:auto}.demo-page{padding-top:calc(var(--space-4xl) + 80px);padding-bottom:var(--space-4xl);min-height:100vh;background:linear-gradient(180deg,var(--color-ivory) 0%,var(--color-cream) 100%)}.demo-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3xl);align-items:start}.demo-info{padding-top:var(--space-xl)}.demo-title{font-size:clamp(2rem,4vw,3rem);margin-bottom:var(--space-lg)}.demo-subtitle{font-size:1.25rem;color:var(--color-ink-muted);margin-bottom:var(--space-2xl)}.demo-benefits{display:flex;flex-direction:column;gap:var(--space-md)}.demo-benefit{display:flex;align-items:center;gap:var(--space-md);font-size:1.125rem;color:var(--color-ink)}.demo-benefit svg{flex-shrink:0;color:var(--color-approved)}.demo-form-container{background-color:var(--color-paper);border-radius:var(--radius-xl);padding:var(--space-2xl);box-shadow:var(--shadow-lg)}.demo-form-title{font-size:1.5rem;margin-bottom:var(--space-xl);text-align:center}.form-group{margin-bottom:var(--space-lg)}.form-label{display:block;font-weight:500;margin-bottom:var(--space-sm);color:var(--color-ink)}.form-textarea{resize:vertical;min-height:80px}.demo-form-note{margin-top:var(--space-lg);font-size:.875rem;color:var(--color-ink-muted);text-align:center}@media(max-width:1024px){.demo-content{grid-template-columns:1fr;gap:var(--space-2xl)}.demo-info{text-align:center;padding-top:0}.demo-benefits{align-items:center}}@media(max-width:768px){.demo-form-container{padding:var(--space-xl)}}.footer{background-color:var(--color-ink);color:var(--color-ink-light);padding:var(--space-3xl) 0 var(--space-xl)}.footer-content{display:grid;grid-template-columns:2fr 3fr;gap:var(--space-3xl);margin-bottom:var(--space-2xl);padding-bottom:var(--space-2xl);border-bottom:1px solid rgba(255,255,255,.1)}.footer-logo{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md)}.footer-logo-img{width:28px;height:auto;filter:brightness(0) invert(1)}.footer-logo-text{font-family:var(--font-display);font-size:1.25rem;font-weight:600;color:var(--color-paper)}.footer-tagline{color:var(--color-ink-light);margin-bottom:0}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-xl)}.footer-heading{font-family:var(--font-body);font-size:.875rem;font-weight:600;color:var(--color-paper);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-md)}.footer-column ul{display:flex;flex-direction:column;gap:var(--space-sm)}.footer-column a{color:var(--color-ink-light);font-size:.9375rem}.footer-column a:hover{color:var(--color-paper)}.footer-bottom{text-align:center;font-size:.875rem}@media(max-width:1024px){.hero .container{grid-template-columns:1fr;text-align:center}.hero-content{max-width:100%}.hero-cta{justify-content:center}.features-grid,.problem-grid,.security-grid,.pricing-grid{grid-template-columns:repeat(2,1fr)}.pricing-card-featured{transform:none}.problem-grid-2{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(2,1fr);gap:var(--space-2xl)}.steps:before{display:none}}@media(max-width:768px){section{padding:var(--space-3xl) 0}.nav-toggle{display:flex}.nav-links{position:fixed;top:65px;left:0;right:0;background-color:var(--color-paper);flex-direction:column;padding:var(--space-xl);gap:var(--space-lg);box-shadow:var(--shadow-lg);transform:translateY(-100%);opacity:0;visibility:hidden;transition:all var(--transition-base)}.nav-links.active{transform:translateY(0);opacity:1;visibility:visible}.nav-toggle.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.nav-toggle.active span:nth-child(2){opacity:0}.nav-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.features-grid,.problem-grid,.problem-grid-2,.security-grid,.steps,.pricing-grid{grid-template-columns:1fr}.footer-content{grid-template-columns:1fr;gap:var(--space-2xl)}.footer-links{grid-template-columns:1fr;gap:var(--space-xl)}.form-row{grid-template-columns:1fr}.hero-card{max-width:320px}}@media(max-width:480px){.hero-cta{flex-direction:column}.hero-cta .btn{width:100%}.btn-lg{padding:var(--space-md) var(--space-xl)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:fadeInUp .6s ease forwards}.animate-delay-1{animation-delay:.1s}.animate-delay-2{animation-delay:.2s}.animate-delay-3{animation-delay:.3s}.animate-delay-4{animation-delay:.4s}