:root{--color-bg-light:#f5f2eb;--color-bg-cream:#ebe7de;--color-bg-warm:#e5e0d5;--color-bg-dark:#1a2420;--color-bg-card-dark:#232e29;--color-text-dark:#1a2420;--color-text-muted:#5a6660;--color-text-light:#f5f2eb;--color-text-light-muted:#a8b0ac;--color-accent:#2d5a47;--color-accent-light:#3d7a5f;--color-accent-warm:#c4946a;--color-border-light:rgba(26,36,32,.1);--color-border-dark:hsla(42,33%,94%,.12);--color-positive:#4a9d6e;--color-caution:#d4a853;--font-sans:"DM Sans",-apple-system,BlinkMacSystemFont,sans-serif;--font-serif:"DM Serif Display",Georgia,serif;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.75rem;--font-size-3xl:2.5rem;--font-size-4xl:3.5rem;--font-size-app-body:max(16px,1rem);--font-size-app-small:max(13px,0.8125rem);--font-size-app-heading:clamp(20px,2vw,24px);--font-size-editor-body:18px;--line-height-editor:1.6;--spacing-xs:0.5rem;--spacing-sm:0.75rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--spacing-4xl:6rem;--spacing-5xl:8rem;--spacing-rhythm-xs:4px;--spacing-rhythm-sm:8px;--spacing-rhythm-md:12px;--spacing-rhythm-lg:16px;--spacing-rhythm-xl:24px;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--radius-xl:28px;--transition-fast:0.15s ease;--transition-base:0.3s ease}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-sans);background-color:var(--color-bg-light);color:var(--color-text-dark);line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.container{width:100%;max-width:1400px;margin:0 auto;padding:0 var(--spacing-xl)}h1,h2,h3{line-height:1.15;letter-spacing:-.02em}h1{font-family:var(--font-serif);font-size:var(--font-size-4xl);font-weight:400}h1 em{font-style:italic}h2{font-family:var(--font-serif);font-size:var(--font-size-3xl);font-weight:400}h3{font-family:var(--font-sans);font-size:var(--font-size-xl);font-weight:600}.section-eyebrow{font-size:var(--font-size-sm);font-weight:500;text-transform:uppercase;letter-spacing:.12em;color:var(--color-accent);margin-bottom:var(--spacing-md)}.section-header{text-align:center;max-width:650px;margin:0 auto var(--spacing-4xl)}.section-subtitle{color:var(--color-text-muted);font-size:var(--font-size-lg);margin-top:var(--spacing-md)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-size-sm);font-weight:500;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);border:none}.btn-primary{background:var(--color-accent);color:var(--color-text-light)}.btn-primary:hover{background:var(--color-accent-light);transform:translateY(-2px)}.header{position:fixed;top:0;left:0;right:0;z-index:100;background:transparent;transition:background var(--transition-base),border-color var(--transition-base)}.header.scrolled{background:hsla(42,33%,94%,.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--color-border-light)}.header.scrolled .logo{color:var(--color-text-dark)}.header.scrolled .nav-links a{color:var(--color-text-muted)}.header.scrolled .nav-links a:hover{color:var(--color-text-dark)}.header.scrolled .btn-signin{background:rgba(26,36,32,.08);color:var(--color-text-dark);border-color:var(--color-border-light)}.header.scrolled .btn-signin:hover{background:rgba(26,36,32,.12)}.header.scrolled .user-name{color:var(--color-text-dark)}.header,.hero-dark~.header{background:transparent;border-bottom:1px solid transparent}.nav{display:flex;justify-content:space-between;align-items:center;height:72px}.logo{font-family:var(--font-serif);font-size:var(--font-size-xl);color:var(--color-text-light);transition:color var(--transition-base),opacity var(--transition-fast)}.logo:hover{opacity:.7}.nav-links{display:flex;list-style:none;gap:var(--spacing-xl);align-items:center}.nav-links a{font-size:var(--font-size-sm);color:var(--color-text-light-muted);font-weight:500;transition:color var(--transition-fast)}.nav-links a:hover{color:var(--color-text-light)}.nav-cta{padding:var(--spacing-sm) var(--spacing-lg)!important;background:var(--color-accent-warm)!important;color:var(--color-bg-dark)!important;border-radius:var(--radius-md)}.nav-cta:hover{opacity:.9}#auth-container{display:flex;align-items:center}.btn-signin{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg);background:hsla(0,0%,100%,.1);color:var(--color-text-light);border:1px solid var(--color-border-dark);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-base)}.btn-signin:hover{background:hsla(0,0%,100%,.15);border-color:var(--color-text-light-muted)}.btn-signin svg{flex-shrink:0}.user-menu{position:relative}.user-menu-trigger{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);background:transparent;border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.user-menu-trigger:hover{background:hsla(0,0%,100%,.1);border-color:var(--color-border-dark)}.user-avatar{object-fit:cover}.user-avatar,.user-avatar-placeholder{width:32px;height:32px;border-radius:50%}.user-avatar-placeholder{background:var(--color-accent);display:flex;justify-content:center;font-weight:600}.user-avatar-placeholder,.user-name{color:var(--color-text-light);align-items:center;font-size:var(--font-size-sm)}.user-name{display:inline-flex;gap:var(--spacing-xs);font-weight:500}.demo-badge{font-size:10px;padding:2px 6px;background:rgba(212,168,83,.3);color:var(--color-caution);border-radius:4px;font-weight:600}.user-dropdown{position:absolute;top:100%;right:0;margin-top:var(--spacing-xs);background:var(--color-bg-dark);border:1px solid var(--color-border-dark);border-radius:var(--radius-md);min-width:200px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all var(--transition-fast);box-shadow:0 10px 40px rgba(0,0,0,.3);z-index:1000}.user-dropdown.active{opacity:1;visibility:visible;transform:translateY(0)}.user-info{padding:var(--spacing-md);border-bottom:1px solid var(--color-border-dark)}.user-email{font-size:var(--font-size-xs);color:var(--color-text-light-muted)}.dropdown-item{display:block;width:100%;padding:var(--spacing-md);background:transparent;border:none;text-align:left;font-size:var(--font-size-sm);color:var(--color-text-light);cursor:pointer;transition:background var(--transition-fast)}.dropdown-item:hover{background:hsla(0,0%,100%,.05)}.sign-out-btn{color:#e57373}.auth-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:2000;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all var(--transition-base)}.auth-modal.active{opacity:1;visibility:visible}.auth-modal-backdrop{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.auth-modal-content{position:relative;background:var(--color-bg-dark);border-radius:var(--radius-xl);padding:var(--spacing-xl) var(--spacing-2xl);width:100%;max-width:560px;max-height:90vh;overflow-y:auto;margin:var(--spacing-lg);transform:translateY(20px) scale(.95);transition:transform var(--transition-base);border:1px solid var(--color-border-dark);box-shadow:0 25px 80px rgba(0,0,0,.4);box-sizing:border-box}.auth-modal.active .auth-modal-content{transform:translateY(0) scale(1)}.auth-modal-close{position:absolute;top:var(--spacing-md);right:var(--spacing-md);background:transparent;border:none;color:var(--color-text-light-muted);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.auth-modal-close:hover{color:var(--color-text-light);background:hsla(0,0%,100%,.1)}.auth-modal-header{text-align:center;margin-bottom:var(--spacing-xl)}.auth-modal-header h2{font-family:var(--font-serif);font-size:var(--font-size-2xl);color:var(--color-text-light);margin-bottom:var(--spacing-xs)}.auth-modal-header p{color:var(--color-text-light-muted);font-size:var(--font-size-sm)}.auth-error{display:none;padding:var(--spacing-sm) var(--spacing-md);background:hsla(0,69%,67%,.15);border:1px solid hsla(0,69%,67%,.3);border-radius:var(--radius-sm);color:#e57373;font-size:var(--font-size-sm);margin-bottom:var(--spacing-md);text-align:center}.auth-tabs{display:flex;background:hsla(0,0%,100%,.05);border-radius:var(--radius-md);padding:4px;margin-bottom:var(--spacing-lg)}.auth-tab{flex:1 1;padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:none;color:var(--color-text-light-muted);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.auth-tab.active,.auth-tab:hover{color:var(--color-text-light)}.auth-tab.active{background:var(--color-accent)}.auth-form{gap:var(--spacing-sm)}.auth-form,.auth-input-group{display:flex;flex-direction:column}.auth-input-group{gap:var(--spacing-xs)}.auth-input-group label{font-size:var(--font-size-sm);color:var(--color-text-light-muted);font-weight:500}.auth-input-group input{padding:var(--spacing-sm) var(--spacing-md);background:hsla(0,0%,100%,.05);border:1px solid var(--color-border-dark);border-radius:var(--radius-md);color:var(--color-text-light);font-size:var(--font-size-sm);transition:all var(--transition-fast)}.auth-input-group input::placeholder{color:var(--color-text-light-muted)}.auth-input-group input:focus{outline:none;border-color:var(--color-accent);background:hsla(0,0%,100%,.08)}.auth-submit-btn{padding:var(--spacing-md);background:var(--color-accent);border:none;border-radius:var(--radius-md);color:var(--color-text-light);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all var(--transition-base);margin-top:var(--spacing-xs)}.auth-submit-btn:hover:not(:disabled){background:var(--color-accent-light);transform:translateY(-1px)}.auth-submit-btn:disabled{opacity:.6;cursor:not-allowed}.auth-divider{display:flex;align-items:center;gap:var(--spacing-md);margin:var(--spacing-lg) 0}.auth-divider:after,.auth-divider:before{content:"";flex:1 1;height:1px;background:var(--color-border-dark)}.auth-divider span{font-size:var(--font-size-xs);color:var(--color-text-light-muted);text-transform:uppercase;letter-spacing:.05em}.auth-demo-section{margin:var(--spacing-md) 0}.auth-demo-buttons{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.auth-demo-btn{flex:1 1;min-width:120px;padding:var(--spacing-sm) var(--spacing-md);background:rgba(45,90,71,.3);border:1px solid rgba(45,90,71,.6);border-radius:var(--radius-md);color:var(--color-accent-light);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.auth-demo-btn:hover{background:rgba(45,90,71,.5);border-color:var(--color-accent)}.auth-google-btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-md);background:#fff;border:none;border-radius:var(--radius-md);color:#333;font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-base)}.auth-google-btn:hover{background:#f5f5f5;transform:translateY(-1px)}.auth-back-btn{display:inline-flex;align-items:center;background:transparent;border:none;color:var(--color-text-light-muted);font-size:var(--font-size-sm);cursor:pointer;padding:0;margin-bottom:var(--spacing-md);transition:color var(--transition-fast)}.auth-back-btn:hover{color:var(--color-text-light)}.auth-form-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--spacing-sm);gap:var(--spacing-sm);width:100%;box-sizing:border-box}.auth-input-group select{padding:var(--spacing-md);background:hsla(0,0%,100%,.05);border:1px solid var(--color-border-dark);border-radius:var(--radius-md);color:var(--color-text-light);font-size:var(--font-size-sm);transition:all var(--transition-fast);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M3 5L6 8L9 5' stroke='%23a8b0ac' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.auth-input-group select:focus{outline:none;border-color:var(--color-accent);background-color:hsla(0,0%,100%,.08)}.auth-input-group select option{background:var(--color-bg-dark);color:var(--color-text-light)}.auth-account-types{display:flex;flex-direction:column;gap:var(--spacing-sm)}.account-type-option{display:flex;flex-direction:column;padding:var(--spacing-sm) var(--spacing-md);background:hsla(0,0%,100%,.03);border:1px solid var(--color-border-dark);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.account-type-option:hover{background:hsla(0,0%,100%,.06);border-color:var(--color-text-light-muted)}.account-type-option.selected{background:rgba(45,90,71,.2);border-color:var(--color-accent)}.account-type-option input[type=radio]{display:none}.account-type-label{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-light);margin-bottom:2px}.account-type-desc{font-size:var(--font-size-xs);color:var(--color-text-light-muted)}.hero-dark{background:var(--color-bg-dark);padding:calc(72px + var(--spacing-4xl)) 0 var(--spacing-4xl);min-height:100vh;display:flex;align-items:center}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;grid-gap:var(--spacing-4xl);gap:var(--spacing-4xl);align-items:center}.hero-dark .hero-content{text-align:left;max-width:none}.hero-dark .hero-eyebrow{color:var(--color-accent-warm)}.hero-dark h1{color:var(--color-text-light);font-size:var(--font-size-4xl);margin-bottom:var(--spacing-lg)}.gradient-text{background:linear-gradient(135deg,#c4946a,#4a9d6e 50%,#c4946a);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 4s ease infinite}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.hero-dark .hero-description{color:var(--color-text-light-muted);font-size:var(--font-size-lg);line-height:1.7;margin-bottom:var(--spacing-2xl)}.hero-cta{display:flex;gap:var(--spacing-md)}.btn-accent{background:var(--color-accent-warm);color:var(--color-bg-dark)}.btn-accent:hover{opacity:.9;transform:translateY(-2px)}.btn-ghost{background:transparent;color:var(--color-text-light-muted);border:1px solid var(--color-border-dark)}.btn-ghost:hover{color:var(--color-text-light);border-color:var(--color-text-light-muted)}.hero-stats{display:flex;flex-direction:column;gap:var(--spacing-md)}.stat-card{background:var(--color-bg-card-dark);border:1px solid var(--color-border-dark);border-radius:var(--radius-lg);padding:var(--spacing-xl);transition:all var(--transition-base)}.stat-card:hover{border-color:var(--color-accent-warm);transform:translateX(-4px)}.stat-card .stat-number{display:block;font-family:var(--font-serif);font-size:var(--font-size-3xl);color:var(--color-accent-warm);margin-bottom:var(--spacing-xs)}.stat-card .stat-label{font-size:var(--font-size-sm);line-height:1.5}.hero-note,.stat-card .stat-label{color:var(--color-text-light-muted)}.hero-note{text-align:center;font-size:var(--font-size-xs);margin-top:var(--spacing-2xl);font-style:italic}.problem{padding:var(--spacing-5xl) 0;background:var(--color-bg-light)}.problem-list{max-width:700px;margin:0 auto;display:flex;flex-direction:column;gap:var(--spacing-2xl)}.problem-item{display:flex;gap:var(--spacing-xl);align-items:flex-start}.problem-number{font-family:var(--font-serif);font-size:var(--font-size-2xl);color:var(--color-accent);flex-shrink:0;width:60px}.problem-text h3{margin-bottom:var(--spacing-xs)}.problem-text p{color:var(--color-text-muted)}.features{padding:var(--spacing-5xl) 0;background:var(--color-bg-cream)}.feature-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--spacing-4xl);gap:var(--spacing-4xl);align-items:center;margin-bottom:var(--spacing-4xl)}.feature-row:last-child{margin-bottom:0}.feature-row.reverse{direction:rtl}.feature-row.reverse>*{direction:ltr}.feature-text h3{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-md)}.feature-text p{color:var(--color-text-muted);font-size:var(--font-size-lg);line-height:1.7}.demo-card{background:var(--color-bg-dark);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.15)}.demo-header{padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--color-border-dark);font-size:var(--font-size-sm);color:var(--color-text-light-muted);font-weight:500}.demo-content{padding:var(--spacing-lg)}.demo-row{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) 0;border-bottom:1px solid var(--color-border-dark)}.demo-row:last-of-type{border-bottom:none}.demo-label{color:var(--color-text-light-muted)}.demo-label,.demo-value{font-size:var(--font-size-sm)}.demo-value{color:var(--color-text-light);padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-bg-card-dark);border-radius:var(--radius-sm)}.demo-value.selected{background:var(--color-accent)}.demo-button{margin-top:var(--spacing-lg);padding:var(--spacing-md);background:var(--color-accent-warm);color:var(--color-bg-dark);text-align:center;border-radius:var(--radius-md);font-weight:500}.demo-button,.risk-item{font-size:var(--font-size-sm)}.risk-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) 0;color:var(--color-text-light)}.risk-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.risk-item.low .risk-dot{background:var(--color-positive)}.risk-item.caution .risk-dot{background:var(--color-caution)}.risk-status{margin-left:auto;color:var(--color-text-light-muted)}.metric-row{display:flex;justify-content:space-between;padding:var(--spacing-sm) 0;border-bottom:1px solid var(--color-border-dark)}.metric-row:last-child{border-bottom:none}.metric-label{color:var(--color-text-light-muted)}.metric-label,.metric-value{font-size:var(--font-size-sm)}.metric-value{color:var(--color-text-light);font-weight:500}.metric-value.positive{color:var(--color-positive)}.cta{padding:var(--spacing-5xl) 0;background:var(--color-bg-light);text-align:center}.cta-content{max-width:500px;margin:0 auto}.cta h2{margin-bottom:var(--spacing-md)}.cta p{color:var(--color-text-muted);margin-bottom:var(--spacing-2xl)}.cta-form{display:flex;gap:var(--spacing-sm)}.cta-form input{flex:1 1;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);border:1px solid var(--color-border-light);background:#fff;font-size:var(--font-size-sm);transition:all var(--transition-fast)}.cta-form input:focus{outline:none;border-color:var(--color-accent)}.cta-form button.success{background:var(--color-positive)}.cta-form button.error{background:#c0392b}.footer{padding:var(--spacing-4xl) 0 var(--spacing-2xl);background:var(--color-bg-dark);color:var(--color-text-light)}.footer-content{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-3xl)}.footer-brand .logo{color:var(--color-text-light);margin-bottom:var(--spacing-sm);display:block}.footer-brand p{color:var(--color-text-light-muted);font-size:var(--font-size-sm)}.footer-links{display:flex;gap:var(--spacing-xl)}.footer-links a{color:var(--color-text-light-muted);font-size:var(--font-size-sm);transition:color var(--transition-fast)}.footer-links a:hover{color:var(--color-text-light)}.footer-bottom{border-top:1px solid var(--color-border-dark);padding-top:var(--spacing-xl);display:flex;justify-content:space-between}.footer-bottom p{font-size:var(--font-size-xs)}.footer-bottom .team,.footer-bottom p{color:var(--color-text-light-muted)}@media (max-width:900px){.hero-grid{grid-template-columns:1fr}.hero-dark .hero-content,.hero-grid{text-align:center}.hero-cta,.hero-stats{justify-content:center}.hero-stats{flex-direction:row;flex-wrap:wrap}.stat-card{flex:1 1 250px;max-width:300px}.feature-row,.feature-row.reverse{grid-template-columns:1fr;gap:var(--spacing-2xl);direction:ltr}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}}@media (max-width:600px){.nav-links{display:none}.problem-item{flex-direction:column;gap:var(--spacing-sm)}.problem-number{width:auto}.cta-form,.footer-content{flex-direction:column}.footer-content{gap:var(--spacing-xl)}.footer-bottom{flex-direction:column;gap:var(--spacing-sm);text-align:center}}