:root{--font-size-5xl:48px;--font-size-6xl:56px;--line-height-normal:1.5;--line-height-relaxed:1.6;--font-weight-normal:400;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--space-32:128px;--radius-2xl:24px;--shadow-sm:0 1px 3px rgba(0,0,0,.1);--shadow-md:0 4px 12px rgba(0,0,0,.1);--shadow-lg:0 8px 24px rgba(0,0,0,.12);--shadow-xl:0 16px 40px rgba(0,0,0,.15);--transition-fast:0.15s ease-in-out;--transition-normal:0.3s ease-in-out;--transition-slow:0.5s ease-in-out;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{line-height:var(--line-height-normal)}[data-theme=light]{color-scheme:light}[data-theme=dark]{color-scheme:dark;--background-base:#1a1a1a;--background-card:#2d2d2d;--background-muted:#242424;--foreground-primary:#fff;--foreground-secondary:#b3b3b3;--foreground-muted:grey;--border-default:#404040;--border-muted:#333;--border-strong:#4d4d4d}.font-serif{font-family:var(--font-family-serif)}.font-mono{font-family:var(--font-family-mono)}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-md{font-size:var(--font-size-md)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.text-4xl{font-size:var(--font-size-4xl)}.text-5xl{font-size:var(--font-size-5xl)}.text-6xl{font-size:var(--font-size-6xl)}.font-light{font-weight:var(--font-weight-light)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.leading-tight{line-height:var(--line-height-tight)}.leading-normal{line-height:var(--line-height-normal)}.leading-relaxed{line-height:var(--line-height-relaxed)}.text-foreground{color:var(--foreground-primary)}.text-muted-foreground{color:var(--foreground-muted)}.text-primary-foreground{color:var(--primary-foreground)}.container{padding:0 var(--space-4)}@media (min-width:768px){.container{padding:0 var(--space-6)}}@media (min-width:1024px){.container{padding:0 var(--space-8)}}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.btn{gap:var(--space-2);padding:var(--space-3) var(--space-4);border:1px solid transparent;font-size:var(--font-size-sm);transition:all var(--transition-fast);white-space:nowrap;min-height:40px}.btn:disabled{opacity:.5}.btn-primary{background-color:var(--primary-base);border-color:var(--primary-base)}.btn-primary:hover{background-color:var(--primary-hover);border-color:var(--primary-hover)}.btn-primary:active{background-color:var(--primary-active);border-color:var(--primary-active)}.btn-secondary{background-color:var(--secondary-base);color:var(--secondary-foreground);border-color:var(--secondary-base)}.btn-secondary:hover{background-color:var(--secondary-hover);border-color:var(--secondary-hover)}.btn-secondary:active{background-color:var(--secondary-active);border-color:var(--secondary-active)}.btn-ghost{background-color:transparent;color:var(--foreground-primary);border-color:transparent}.btn-ghost:hover{background-color:var(--background-muted)}.btn-outline{background-color:transparent;color:var(--primary-base);border-color:var(--primary-base)}.btn-outline:hover{background-color:var(--primary-base);color:var(--primary-foreground)}.btn-large{padding:var(--space-4) var(--space-6);min-height:48px}.inline-icon{width:1em;height:1em;display:inline}.lang-dropdown{position:relative}.lang-toggle{display:inline-flex;align-items:center;gap:10px;background:transparent;border:none;color:var(--foreground-primary);padding:10px 14px;border-radius:14px;line-height:1;cursor:pointer;box-shadow:none}.lang-toggle:hover{border-color:transparent}.lang-icon{color:var(--foreground-secondary);display:inline-flex}.lang-flag{font-size:18px;line-height:1}.lang-label{font-weight:600;color:var(--foreground-primary)}.lang-caret{color:var(--foreground-secondary);display:inline-flex}.lang-menu{position:absolute;top:calc(100% + 8px);left:0;min-width:210px;background:var(--background-card);border:1px solid var(--border-default);border-radius:10px;box-shadow:var(--shadow-lg);padding:6px 0;margin:0;z-index:var(--z-dropdown)}.lang-menu,.lang-menu li{list-style:none}.lang-option{width:100%;display:flex;align-items:center;gap:10px;background:transparent;border:none;color:var(--foreground-primary);padding:8px 12px;font-size:var(--font-size-base);text-align:left;cursor:pointer}.lang-option.active,.lang-option:hover{background:var(--secondary-base)}.lang-option.active{color:var(--status-success)}.lang-option .lang-name{flex:1}.lang-check{color:var(--status-success);font-weight:700}.lang-flag{font-size:16px}.lang-toggle{gap:8px;padding:8px 12px}@media (max-width:768px){.nav-menu{position:absolute;top:100%;left:0;right:0;max-height:calc(100vh - 60px);overflow-y:auto;z-index:1001}}:root{--primary-base:#2e7d32;--primary-foreground:#fff;--primary-hover:#256329;--primary-active:#1e5020;--secondary-base:#e8f5e9;--secondary-foreground:#1b5e20;--secondary-hover:#c8e6c9;--secondary-active:#a5d6a7;--accent-base:#c8e6c9;--accent-foreground:#1b5e20;--accent-hover:#a5d6a7;--accent-active:#81c784;--background-base:#f8f5f0;--background-card:#fff;--background-muted:#f0e9e0;--background-dark:#3e2723;--foreground-primary:#3e2723;--foreground-secondary:#6d4c41;--foreground-muted:#8d6e63;--foreground-inverse:#fff;--border-default:#e5d6c9;--border-muted:#f0e9e0;--border-strong:#d4c4b8;--status-success:#2e7d32;--status-warning:#f57c00;--status-error:#c62828;--status-info:#0288d1;--font-family-base:"Montserrat",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto",sans-serif;--font-family-serif:"Merriweather",serif;--font-family-mono:"Source Code Pro","SF Mono","Monaco","Inconsolata","Fira Code",monospace;--font-size-xs:11px;--font-size-sm:12px;--font-size-base:14px;--font-size-md:16px;--font-size-lg:18px;--font-size-xl:20px;--font-size-2xl:24px;--font-size-3xl:32px;--font-size-4xl:40px;--font-weight-light:300;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.2;--line-height-base:1.5;--line-height-relaxed:1.75;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:12px;--spacing-base:16px;--spacing-lg:20px;--spacing-xl:24px;--spacing-2xl:32px;--spacing-3xl:40px;--spacing-4xl:48px;--radius-sm:4px;--radius-base:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--shadow-xs:0 1px 2px rgba(62,39,35,.04);--shadow-sm:0 1px 3px rgba(62,39,35,.06);--shadow-base:0 2px 8px rgba(62,39,35,.08);--shadow-md:0 4px 12px rgba(62,39,35,.12);--shadow-lg:0 8px 24px rgba(62,39,35,.16);--shadow-xl:0 20px 60px rgba(62,39,35,.24);--duration-fast:0.15s;--duration-base:0.2s;--duration-slow:0.3s;--easing-ease:ease;--easing-spring:cubic-bezier(0.68,-0.55,0.265,1.55)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family-base);font-size:var(--font-size-base);line-height:var(--line-height-base);color:var(--foreground-primary);background-color:var(--background-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-xl)}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--foreground-primary)}h1{font-size:var(--font-size-4xl)}h1,h2{margin-bottom:var(--spacing-base)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h3,h4{margin-bottom:var(--spacing-sm)}h4{font-size:var(--font-size-xl)}p{margin-bottom:var(--spacing-base);color:var(--foreground-secondary);line-height:var(--line-height-base)}.text-primary{color:var(--primary-base)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:10px var(--spacing-xl);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);border-radius:var(--radius-md);border:none;cursor:pointer;transition:all var(--duration-base) var(--easing-ease);text-decoration:none;font-family:inherit}.btn-primary{background:var(--primary-base);color:var(--primary-foreground);border:none}.btn-primary:hover{background:var(--primary-hover);box-shadow:0 2px 8px rgba(46,125,50,.25)}.btn-primary:active{background:var(--primary-active);transform:scale(.98)}.btn-secondary{background:transparent;color:var(--primary-base);border:1px solid var(--primary-base);padding:9px 23px}.btn-secondary:hover{background:var(--secondary-base);border-color:var(--primary-hover)}.btn-secondary:active{background:var(--secondary-hover);transform:scale(.98)}.btn-ghost{background:transparent;color:var(--foreground-secondary);border:none;padding:var(--spacing-sm) var(--spacing-base);font-weight:var(--font-weight-regular)}.btn-ghost:hover{background:var(--background-muted);color:var(--foreground-primary)}.btn-large{padding:var(--spacing-base) var(--spacing-2xl);font-size:var(--font-size-md)}.btn-small{padding:var(--spacing-sm) var(--spacing-base);font-size:var(--font-size-sm)}.btn-full{width:100%}.badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) 10px;border-radius:var(--radius-base);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.badge-primary{background:var(--secondary-base);color:var(--primary-base);border:1px solid var(--secondary-hover)}.card{background:var(--background-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-xl);transition:all var(--duration-base) var(--easing-ease)}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.header{background:var(--background-card);border-bottom:1px solid var(--border-default);height:60px;position:fixed;top:0;left:0;right:0;z-index:1000;backdrop-filter:blur(8px);background:hsla(0,0%,100%,.95)}.nav{display:flex;align-items:center;justify-content:space-between;height:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-xl);position:relative}.nav-brand .brand-content{display:flex;flex-direction:column;gap:2px}.nav-brand .logo{display:flex;align-items:center;gap:12px}.nav-brand .logo svg{color:var(--primary-foreground);background-color:var(--primary-base);padding:4px;border-radius:4px;width:2rem;height:2rem}.nav-brand .logo .flex{display:flex;flex-direction:column}.nav-brand .logo h1{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--foreground-primary);font-family:Merriweather,serif;margin:0;line-height:1.2}.nav-brand .logo p{font-size:var(--font-size-xs);color:var(--foreground-secondary);font-weight:var(--font-weight-regular);margin:0;line-height:1.2}.nav-brand .brand-description{display:none}.nav-menu{display:flex;align-items:center;gap:var(--spacing-xl)}.nav-item{padding:10px var(--spacing-base);border-radius:var(--radius-md);color:var(--foreground-secondary);font-size:var(--font-size-base);font-weight:var(--font-weight-regular);cursor:pointer;transition:all var(--duration-fast) var(--easing-ease);text-decoration:none}.nav-item:hover{background:var(--background-muted);color:var(--foreground-primary)}.nav-actions{display:flex;align-items:center;gap:var(--spacing-md)}.nav-toggle{display:none;flex-direction:column;background:none;border:none;cursor:pointer;padding:var(--spacing-sm)}.nav-toggle span{width:24px;height:2px;background:var(--foreground-primary);margin:2px 0;transition:all var(--duration-base) var(--easing-ease)}.nav-actions--mobile{display:none}.nav-toggle.active span:first-child{transform:translateY(4px) rotate(45deg)}.nav-toggle.active span:nth-child(2){opacity:0}.nav-toggle.active span:nth-child(3){transform:translateY(-4px) rotate(-45deg)}.hero{padding:120px 0 var(--spacing-4xl);background:linear-gradient(135deg,var(--background-base) 0,var(--background-muted) 100%)}.hero-content{max-width:1200px;margin:0 auto;padding:0 var(--spacing-xl);display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-4xl);align-items:center}.hero-text{max-width:600px}.hero-badge,.hero-title{margin-bottom:var(--spacing-lg)}.hero-title{font-size:clamp(var(--font-size-3xl),5vw,var(--font-size-4xl));font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}.hero-subtitle{font-size:var(--font-size-lg);color:var(--foreground-secondary);line-height:var(--line-height-relaxed)}.hero-actions,.hero-subtitle{margin-bottom:var(--spacing-2xl)}.hero-actions{display:flex;align-items:center;gap:var(--spacing-lg)}.hero-trust{display:flex;flex-direction:column;gap:var(--spacing-md)}.trust-text{font-size:var(--font-size-sm);color:var(--foreground-muted)}.trust-logos{display:flex;gap:var(--spacing-lg)}.trust-logo{padding:var(--spacing-sm) var(--spacing-lg);background:var(--background-card);border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:var(--font-size-xs);color:var(--foreground-muted)}.hero-visual{display:flex;justify-content:center;align-items:center}.hero-main-image,.hero-main-video{max-width:100%;height:auto;box-shadow:var(--shadow-lg)}.hero-video-wrapper{position:relative;display:inline-block;max-width:100%}.hero-video-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(0,0,0,.05),rgba(0,0,0,.08));backdrop-filter:blur(2px);border-radius:8px;z-index:1}.spinner{width:36px;height:36px;border:3px solid hsla(0,0%,100%,.6);border-top:3px solid var(--primary-base);border-radius:50%;animation:spin .8s linear infinite;box-shadow:0 2px 12px rgba(0,0,0,.15)}@keyframes spin{to{transform:rotate(1turn)}}.hero-mockup{width:100%;max-width:500px}.mockup-browser{background:var(--background-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden}.mockup-header{background:var(--background-muted);padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--border-default)}.mockup-dots{display:flex;gap:var(--spacing-sm)}.mockup-dots span{width:12px;height:12px;border-radius:var(--radius-full);background:var(--border-strong)}.mockup-content{padding:var(--spacing-xl);height:300px}.mockup-report{height:100%}.report-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.report-header h3{font-size:var(--font-size-lg);margin:0}.report-status{background:var(--secondary-base);color:var(--primary-base);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-base);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.report-chart{height:120px;background:linear-gradient(135deg,var(--secondary-base) 0,var(--accent-base) 100%);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg)}.report-insights{display:flex;flex-direction:column;gap:var(--spacing-sm)}.insight-item{height:20px;background:var(--background-muted);border-radius:var(--radius-sm)}.insight-item:first-child{width:100%}.insight-item:nth-child(2){width:80%}.insight-item:nth-child(3){width:60%}.social-proof{padding:var(--spacing-2xl) 0;background:linear-gradient(135deg,#fff,#f8fffe 50%,#f1f8f6);position:relative;overflow:hidden}.social-proof:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 25% 25%,rgba(46,125,50,.03) 0,transparent 50%),radial-gradient(circle at 75% 75%,rgba(200,230,201,.04) 0,transparent 50%);pointer-events:none}.social-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-lg);text-align:center;position:relative;z-index:1}.stat-item{padding:var(--spacing-lg);background:hsla(0,0%,100%,.7);border-radius:var(--radius-lg);border:1px solid rgba(46,125,50,.06);backdrop-filter:blur(10px);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.02),0 1px 2px rgba(46,125,50,.04)}:root[data-theme=dark] .social-proof{background:linear-gradient(135deg,var(--background-base) 0,var(--background-muted) 100%)}:root[data-theme=dark] .social-proof:before{background:radial-gradient(circle at 25% 25%,rgba(46,125,50,.1) 0,transparent 50%),radial-gradient(circle at 75% 75%,rgba(200,230,201,.06) 0,transparent 50%)}:root[data-theme=dark] .stat-item{background:rgba(0,0,0,.35);border:1px solid var(--border-default);box-shadow:0 1px 3px rgba(0,0,0,.25),0 1px 2px rgba(0,0,0,.2)}:root[data-theme=dark] .stat-item:after{background:linear-gradient(90deg,transparent,var(--primary-base),transparent)}.stat-item:before{right:0;bottom:0;background:linear-gradient(135deg,rgba(46,125,50,.02),rgba(200,230,201,.05));pointer-events:none}.stat-item:after,.stat-item:before{content:"";position:absolute;top:0;left:0;opacity:0;transition:opacity .3s ease}.stat-item:after{width:100%;height:1px;background:linear-gradient(90deg,transparent,var(--primary-base),transparent)}.stat-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.06),0 2px 6px rgba(46,125,50,.08);border-color:rgba(46,125,50,.12)}.stat-item:hover:after,.stat-item:hover:before{opacity:1}.stat-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);background:linear-gradient(135deg,var(--primary-base) 0,#388e3c 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--spacing-xs);transition:all .3s ease}.stat-item:hover .stat-value{transform:scale(1.05)}.stat-label{font-size:var(--font-size-base);color:var(--foreground-secondary);font-weight:var(--font-weight-medium);line-height:1.3;margin:0}.section-header{text-align:center;margin-bottom:var(--spacing-2xl);max-width:700px;margin-left:auto;margin-right:auto}.features .section-header{margin-bottom:var(--spacing-xl)}.section-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-lg)}.section-subtitle{font-size:var(--font-size-lg);color:var(--foreground-secondary);line-height:var(--line-height-relaxed)}.features{padding:var(--spacing-3xl) 0;background:linear-gradient(135deg,#f8fffe,#f1f8f6 50%,#e8f5f0);position:relative;overflow:hidden}.features:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 20%,rgba(46,125,50,.06) 0,transparent 40%),radial-gradient(circle at 80% 80%,rgba(46,125,50,.04) 0,transparent 40%);pointer-events:none}:root[data-theme=dark] .features{background:linear-gradient(135deg,var(--background-base) 0,var(--background-muted) 100%)}:root[data-theme=dark] .features:before{background:radial-gradient(circle at 20% 20%,rgba(46,125,50,.1) 0,transparent 40%),radial-gradient(circle at 80% 80%,rgba(46,125,50,.06) 0,transparent 40%)}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg);position:relative;z-index:1}.feature-card{background:hsla(0,0%,100%,.9);border:1px solid rgba(46,125,50,.08);border-radius:var(--radius-lg);padding:var(--spacing-xl);text-align:center;box-shadow:0 2px 8px rgba(0,0,0,.04),0 1px 3px rgba(46,125,50,.06);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;backdrop-filter:blur(10px);opacity:1;transform:translateY(0)}:root[data-theme=dark] .feature-card{background:rgba(0,0,0,.35);border:1px solid var(--border-default);box-shadow:0 2px 8px rgba(0,0,0,.35),0 1px 3px rgba(0,0,0,.3)}.feature-card:before{right:0;bottom:0;background:linear-gradient(135deg,rgba(46,125,50,.02),rgba(200,230,201,.08));pointer-events:none}.feature-card:after,.feature-card:before{content:"";position:absolute;top:0;left:0;opacity:0;transition:opacity .3s ease}.feature-card:after{width:100%;height:2px;background:linear-gradient(90deg,var(--primary-base),var(--accent-base))}.feature-card:hover{box-shadow:0 8px 25px rgba(0,0,0,.08),0 3px 10px rgba(46,125,50,.12);transform:translateY(-6px);border-color:rgba(46,125,50,.15)}:root[data-theme=dark] .feature-card:hover{box-shadow:0 8px 25px rgba(0,0,0,.45),0 3px 10px rgba(46,125,50,.2);border-color:var(--primary-base)}.feature-card:hover:after,.feature-card:hover:before{opacity:1}.feature-icon{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;background:linear-gradient(135deg,var(--secondary-base) 0,#dcedc8 100%);border-radius:var(--radius-lg);margin:0 auto var(--spacing-md);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;box-shadow:0 2px 8px rgba(46,125,50,.1)}:root[data-theme=dark] .feature-icon{background:linear-gradient(135deg,rgba(46,125,50,.25),rgba(56,142,60,.4));box-shadow:0 2px 10px rgba(0,0,0,.4)}.feature-card:hover .feature-icon{background:linear-gradient(135deg,var(--primary-base) 0,#388e3c 100%);transform:scale(1.08) rotate(2deg);box-shadow:0 6px 20px rgba(46,125,50,.25)}.feature-icon i{width:24px;height:24px;color:var(--primary-base);transition:all .3s ease}.feature-card:hover .feature-icon i{color:var(--primary-foreground);transform:scale(1.1)}.feature-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--foreground-primary);margin-bottom:var(--spacing-xs);line-height:var(--line-height-tight)}.feature-description{font-size:var(--font-size-base);color:var(--foreground-secondary);line-height:1.4;margin:0}.feature-card:first-child{animation-delay:.1s}.feature-card:nth-child(2){animation-delay:.2s}.feature-card:nth-child(3){animation-delay:.3s}.feature-card:nth-child(4){animation-delay:.4s}.feature-card:nth-child(5){animation-delay:.5s}.feature-card:nth-child(6){animation-delay:.6s}@keyframes slideInUp{to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.features-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}.feature-card{padding:var(--spacing-lg)}.social-stats{grid-template-columns:repeat(4,1fr);gap:var(--spacing-base)}.stat-item{padding:var(--spacing-md)}}@media (max-width:768px){.features{padding:var(--spacing-2xl) 0}.features-grid{grid-template-columns:1fr;gap:var(--spacing-base)}.feature-card{padding:var(--spacing-lg);margin:0}.feature-icon{width:48px;height:48px;margin-bottom:var(--spacing-sm)}.feature-icon i{width:20px;height:20px}.feature-title{font-size:var(--font-size-lg);margin-bottom:var(--spacing-xs)}.feature-description{font-size:var(--font-size-base);line-height:1.3}}@media (max-width:480px){.feature-title{font-size:var(--font-size-xl)}.feature-description{font-size:var(--font-size-md)}}.how-it-works{padding:var(--spacing-4xl) 0;background:linear-gradient(135deg,var(--background-card) 0,var(--background-muted) 100%);position:relative;overflow:hidden}.how-it-works:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 20%,rgba(46,125,50,.05) 0,transparent 50%);pointer-events:none}.process-flow{position:relative;max-width:1200px;margin:0 auto}.flow-line{top:80px;right:0;height:2px;background:var(--border-muted);z-index:1}.flow-line,.flow-progress{position:absolute;left:0;border-radius:var(--radius-full)}.flow-progress{top:0;height:100%;width:0;background:linear-gradient(90deg,var(--primary-base),var(--accent-base));transition:width var(--duration-slow) var(--easing-ease)}.steps-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--spacing-lg);position:relative;z-index:2}.step-card{background:var(--background-card);border:1px solid var(--border-default);border-radius:var(--radius-xl);padding:var(--spacing-lg);text-align:center;box-shadow:var(--shadow-sm);transition:all var(--duration-base) var(--easing-ease);position:relative;display:flex;flex-direction:column;height:100%}.step-card,.step-card.in-view{opacity:1;transform:translateY(0)}.step-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-8px);border-color:var(--primary-base)}.step-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,transparent,rgba(46,125,50,.02));border-radius:var(--radius-xl);opacity:0;transition:opacity var(--duration-base) var(--easing-ease);pointer-events:none}.step-card:hover:before{opacity:1}.step-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-lg)}.step-number{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--foreground-muted);background:var(--background-muted);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);min-width:32px}.step-icon{width:40px;height:40px;background:var(--secondary-base);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:var(--primary-base);transition:all var(--duration-base) var(--easing-ease)}.step-card:hover .step-icon{background:var(--primary-base);color:var(--primary-foreground);transform:scale(1.1)}.step-icon i{width:20px;height:20px}.step-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--foreground-primary);margin-bottom:var(--spacing-xs);line-height:var(--line-height-tight)}.step-description{font-size:var(--font-size-base);color:var(--foreground-secondary);line-height:var(--line-height-base);margin-bottom:var(--spacing-md)}.step-body{display:flex;flex-direction:column;flex:1}.step-visual{background:var(--background-muted);border-radius:var(--radius-md);padding:var(--spacing-md);min-height:80px;display:flex;align-items:center;justify-content:center;margin-top:auto}.step-visual:has(.step-image){padding:0;background:transparent}.upload-area{display:flex;gap:var(--spacing-sm);align-items:center}.file-icon{font-size:var(--font-size-lg);opacity:.7;transition:all var(--duration-base) var(--easing-ease)}.step-card:hover .file-icon{opacity:1;transform:translateY(-2px)}.step-image{width:100%;height:auto;object-fit:contain;border:none;border-radius:var(--radius-lg);transition:all var(--duration-base) var(--easing-ease)}.step-card:hover .step-image{transform:translateY(-2px)}.suggestions-preview{width:100%;display:flex;flex-direction:column;gap:var(--spacing-sm)}.suggestion-bar{background:var(--secondary-base);border-radius:var(--radius-sm);padding:var(--spacing-xs) var(--spacing-sm);display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-xs);position:relative;overflow:hidden}.suggestion-bar:before{content:"";position:absolute;top:0;left:0;height:100%;background:var(--primary-base);opacity:.1;width:inherit;transition:width var(--duration-base) var(--easing-ease)}.suggestion-label{color:var(--foreground-primary);font-weight:var(--font-weight-medium);position:relative;z-index:1}.suggestion-score{color:var(--primary-base);font-weight:var(--font-weight-bold);position:relative;z-index:1}.chat-preview{display:flex;flex-direction:column;gap:var(--spacing-xs);width:100%}.chat-bubble{background:var(--background-card);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);font-size:var(--font-size-xs);color:var(--foreground-primary);border:1px solid var(--border-muted)}.chat-bubble.ai{background:var(--secondary-base);color:var(--primary-base);border-color:var(--secondary-hover);align-self:flex-start;max-width:85%}.chat-bubble.user{background:var(--primary-base);color:var(--primary-foreground);align-self:flex-end;max-width:80%}.outline-preview{display:flex;flex-direction:column;gap:var(--spacing-xs);width:100%}.outline-item{background:var(--background-card);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-size-xs);color:var(--foreground-primary);border-left:2px solid var(--primary-base);text-align:left}.export-preview{width:100%}.export-formats{display:flex;justify-content:center;gap:var(--spacing-sm)}.format-icon{background:var(--background-card);border:1px solid var(--border-default);border-radius:var(--radius-sm);padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--primary-base);transition:all var(--duration-base) var(--easing-ease)}.step-card:hover .format-icon{background:var(--primary-base);color:var(--primary-foreground);transform:translateY(-2px)}@media (max-width:1024px){.steps-grid{grid-template-columns:1fr;gap:var(--spacing-xl)}.step-card:nth-child(4),.step-card:nth-child(5){grid-column:auto}}@media (max-width:768px){.flow-line{display:none}.steps-grid{grid-template-columns:1fr;gap:var(--spacing-xl)}.step-header{justify-content:center;gap:var(--spacing-lg)}.step-visual{min-height:60px}.step-title{font-size:var(--font-size-xl)}.step-description{font-size:var(--font-size-base)}}@media (max-width:480px){.step-card{padding:var(--spacing-lg)}.step-title{font-size:var(--font-size-xl)}.step-description{font-size:var(--font-size-base)}.step-number{font-size:var(--font-size-sm)}}.pricing{padding:var(--spacing-4xl) 0;background:var(--background-muted)}.pricing-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-lg);max-width:1400px;margin:0 auto}.pricing-card{background:var(--background-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-2xl);position:relative;transition:all var(--duration-base) var(--easing-ease)}.pricing-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.pricing-card.featured{border-color:var(--primary-base);box-shadow:var(--shadow-md);transform:scale(1.05)}.pricing-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--primary-base);color:var(--primary-foreground);padding:var(--spacing-xs) var(--spacing-lg);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.pricing-header{text-align:center;margin-bottom:var(--spacing-2xl)}.pricing-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-lg)}.pricing-price{margin-bottom:var(--spacing-md)}.price-amount{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--primary-base)}.price-period{font-size:var(--font-size-lg);color:var(--foreground-muted)}.pricing-description{color:var(--foreground-secondary);margin:0}.pricing-features{margin-bottom:var(--spacing-2xl)}.pricing-note{margin-top:var(--spacing-md);text-align:center;font-size:var(--font-size-sm);color:var(--foreground-muted);font-style:italic}.feature-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) 0;border-bottom:1px solid var(--border-muted)}.feature-item:last-child{border-bottom:none}.feature-item i{width:16px;height:16px;color:var(--status-success)}.feature-item span{color:var(--foreground-secondary)}.testimonials{padding:var(--spacing-4xl) 0}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--spacing-2xl)}.testimonial-card{background:var(--background-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-2xl);transition:all var(--duration-base) var(--easing-ease)}.testimonial-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.testimonial-content{margin-bottom:var(--spacing-xl)}.testimonial-content p{font-size:var(--font-size-lg);font-style:italic;line-height:var(--line-height-relaxed);color:var(--foreground-primary);margin:0}.testimonial-author{display:flex;align-items:center;gap:var(--spacing-lg)}.author-avatar{width:60px;height:60px;border-radius:var(--radius-full);overflow:hidden}.author-avatar img{width:100%;height:100%;object-fit:cover}.author-name{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--foreground-primary);margin-bottom:var(--spacing-xs)}.author-title{font-size:var(--font-size-sm);color:var(--foreground-muted)}.final-cta{padding:var(--spacing-4xl) 0;background:var(--primary-base);color:var(--primary-foreground)}.cta-content{text-align:center;max-width:800px;margin:0 auto}.cta-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--primary-foreground);margin-bottom:var(--spacing-lg)}.cta-subtitle{font-size:var(--font-size-lg);color:hsla(0,0%,100%,.9);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-2xl)}.cta-actions{margin-bottom:var(--spacing-xl)}.cta-actions .btn-primary{background:var(--primary-foreground);color:var(--primary-base)}.cta-actions .btn-primary:hover{background:hsla(0,0%,100%,.9)}.cta-note{color:hsla(0,0%,100%,.8);margin-top:var(--spacing-lg)}.cta-guarantee,.cta-note{font-size:var(--font-size-sm)}.cta-guarantee{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);color:hsla(0,0%,100%,.9)}.cta-guarantee i{width:16px;height:16px}.footer{background:var(--background-dark);color:var(--foreground-inverse);padding:var(--spacing-4xl) 0 var(--spacing-xl)}.footer-content{display:grid;grid-template-columns:2fr repeat(4,1fr);gap:var(--spacing-2xl);margin-bottom:var(--spacing-2xl)}.footer-brand .logo-text{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--primary-base);margin-bottom:var(--spacing-lg)}.footer-description{color:hsla(0,0%,100%,.8);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-lg)}.footer-social{display:flex;gap:var(--spacing-md)}.social-link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:hsla(0,0%,100%,.1);border-radius:var(--radius-md);color:var(--foreground-inverse);text-decoration:none;transition:all var(--duration-base) var(--easing-ease)}.social-link:hover{background:var(--primary-base)}.social-link i{width:18px;height:18px}.footer-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--foreground-inverse);margin-bottom:var(--spacing-lg)}.footer-links{list-style:none}.footer-links li{margin-bottom:var(--spacing-sm)}.footer-links a{color:hsla(0,0%,100%,.8);text-decoration:none;transition:color var(--duration-base) var(--easing-ease)}.footer-links a:hover{color:var(--foreground-inverse)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:var(--spacing-xl);border-top:1px solid hsla(0,0%,100%,.1)}.footer-copyright{color:hsla(0,0%,100%,.6);font-size:var(--font-size-sm)}.newsletter-form{display:flex;gap:var(--spacing-md)}.newsletter-input{padding:var(--spacing-md);border:1px solid hsla(0,0%,100%,.2);border-radius:var(--radius-md);background:hsla(0,0%,100%,.1);color:var(--foreground-inverse);font-size:var(--font-size-base);width:250px}.newsletter-input::placeholder{color:hsla(0,0%,100%,.6)}.newsletter-input:focus{outline:none;border-color:var(--primary-base);background:hsla(0,0%,100%,.15)}@media (max-width:1024px){.hero-content{grid-template-columns:1fr;gap:var(--spacing-2xl);text-align:center}.hero-visual{order:-1}.features-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.process-steps{gap:var(--spacing-lg)}.pricing-cards{grid-template-columns:1fr}.pricing-card.featured{transform:none}.footer-content{grid-template-columns:repeat(2,1fr);gap:var(--spacing-xl)}}@media (max-width:768px){.container{padding:0 var(--spacing-lg)}.nav-menu{display:none;position:absolute;top:100%;left:0;right:0;background:var(--background-card);border-top:1px solid var(--border-default);flex-direction:column;padding:var(--spacing-lg);box-shadow:var(--shadow-md);max-height:calc(100vh - 60px);overflow-y:auto;z-index:1001}.nav-menu.active{display:flex}.nav-actions--desktop{display:none}.nav-actions--mobile{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-lg)}.nav-toggle{display:flex}.hero{padding:100px 0 var(--spacing-2xl)}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .btn,.trust-logos{justify-content:center}.trust-logos{flex-wrap:wrap}.social-stats{grid-template-columns:repeat(2,1fr);gap:var(--spacing-base)}.stat-item{padding:var(--spacing-base)}.stat-value{font-size:var(--font-size-2xl)}.stat-label{font-size:var(--font-size-sm)}.features-grid,.footer-content,.testimonials-grid{grid-template-columns:1fr}.footer-bottom,.footer-content{text-align:center}.footer-bottom{flex-direction:column;gap:var(--spacing-lg)}.newsletter-form{justify-content:center}.newsletter-input{width:200px}}@media (max-width:480px){.hero-title{font-size:var(--font-size-3xl)}.section-title{font-size:var(--font-size-2xl)}.newsletter-form{flex-direction:column}.newsletter-input{width:100%}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-fade-in-up{animation:fadeInUp var(--duration-slow) var(--easing-ease)}.animate-pulse{animation:pulse 2s infinite}@media (prefers-reduced-motion:no-preference){.feature-card,.pricing-card,.step-item,.testimonial-card{opacity:1!important;transform:translateY(0)!important;transition:all var(--duration-slow) var(--easing-ease)}.feature-card.in-view,.pricing-card.in-view,.step-item.in-view,.testimonial-card.in-view{opacity:1;transform:translateY(0)}}.loading{position:relative;overflow:hidden}.loading:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);animation:loading var(--duration-slow) infinite}@keyframes loading{0%{left:-100%}to{left:100%}}.btn:focus,.nav-item:focus,.newsletter-input:focus,.tab-button:focus{outline:2px solid var(--primary-base);outline-offset:2px}@media (prefers-contrast:high){.card,.feature-card,.pricing-card,.testimonial-card{border-width:2px}}@media (max-width:320px){.hero-title{font-size:var(--font-size-2xl);line-height:1.3}.section-title{font-size:var(--font-size-xl)}.btn{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-sm)}.mockup-content{padding:var(--spacing-lg);height:250px}.stat-value{font-size:var(--font-size-2xl)}}@media (max-height:500px) and (orientation:landscape){.hero{padding:80px 0 var(--spacing-xl)}.hero-content{gap:var(--spacing-xl)}.section-header{margin-bottom:var(--spacing-2xl)}}@media (prefers-color-scheme:dark){:root{--background-base:#1a1a1a;--background-card:#2d2d2d;--background-muted:#242424;--foreground-primary:#fff;--foreground-secondary:#b3b3b3;--foreground-muted:grey;--border-default:#404040;--border-muted:#333;--border-strong:#4d4d4d}.hero{background:linear-gradient(135deg,var(--background-base) 0,var(--background-muted) 100%)}.mockup-browser,.trust-logo{border-color:var(--border-default)}.trust-logo{background:var(--background-muted)}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.btn:hover,.card:hover,.feature-card:hover{transform:none}}.will-change{will-change:transform,opacity}.gpu-acceleration{transform:translateZ(0);backface-visibility:hidden}.skeleton{background:linear-gradient(90deg,var(--background-muted) 25%,var(--border-muted) 50%,var(--background-muted) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.focus-trap{position:relative}.focus-trap:after,.focus-trap:before{content:"";position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--background-muted)}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--primary-base)}::selection{background:var(--primary-base);color:var(--primary-foreground)}.header{transition:all var(--duration-base) var(--easing-ease)}.header.scrolled{background:hsla(0,0%,100%,.98);backdrop-filter:blur(12px);border-bottom-color:var(--border-muted)}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.btn.loading{position:relative;color:transparent}.btn.loading:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:16px;height:16px;border-radius:50%;border:2px solid;border-top:2px solid transparent;animation:button-loading .8s linear infinite}@keyframes button-loading{to{transform:translate(-50%,-50%) rotate(1turn)}}.card{will-change:transform,box-shadow}.card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(46,125,50,.1),transparent 50%);opacity:0;transition:opacity var(--duration-base) var(--easing-ease);border-radius:inherit;pointer-events:none}.card:hover:before{opacity:1}input:invalid{border-color:var(--status-error);box-shadow:0 0 0 3px rgba(198,40,40,.1)}input:valid{border-color:var(--status-success)}@media (min-width:1400px){.hero-title{font-size:clamp(var(--font-size-3xl),4vw,48px)}.section-title{font-size:clamp(var(--font-size-2xl),3vw,36px)}}@media print{.cta-actions,.footer,.header,.hero-actions,.nav-toggle{display:none}.hero{padding-top:0}*{box-shadow:none!important}.btn{border:1px solid var(--border-default)!important;background:transparent!important;color:var(--foreground-primary)!important}}.before-after{padding:3rem 0;background:linear-gradient(135deg,var(--background-base) 0,var(--background-muted) 100%);position:relative}:root[data-theme=light]{--background-base:#f8f5f0;--background-card:#fff;--background-muted:#f0e9e0;--foreground-primary:#3e2723;--foreground-secondary:#6d4c41;--foreground-muted:#8d6e63;--border-default:#e5d6c9;--border-muted:#f0e9e0;--border-strong:#d4c4b8}:root[data-theme=dark]{--background-base:#1a1a1a;--background-card:#2d2d2d;--background-muted:#242424;--foreground-primary:#fff;--foreground-secondary:#b3b3b3;--foreground-muted:grey;--border-default:#404040;--border-muted:#333;--border-strong:#4d4d4d}:root[data-theme=dark] .header{background:hsla(0,0%,9%,.9);border-bottom-color:var(--border-default)}.before-after .section-header{text-align:center;margin-bottom:2rem}.comparison-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:2rem;max-width:1200px;margin:0 auto;position:relative}.comparison-side{background:var(--background-card);border-radius:0;padding:1.5rem;box-shadow:0 4px 16px rgba(0,0,0,.1);position:relative;overflow:hidden;transition:all .3s ease}.before-side{border-left:4px solid var(--status-error)}.before-side:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(198,40,40,.02),rgba(198,40,40,.05));pointer-events:none}.after-side{border-left:4px solid var(--status-success)}.after-side:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(46,125,50,.02),rgba(46,125,50,.05));pointer-events:none}.comparison-header{text-align:center;margin-bottom:1.5rem;position:relative;z-index:1}.inline-icon{font-size:1.2em;margin-right:.5rem;vertical-align:middle}.before-inline{color:var(--status-error)}.after-inline{color:var(--status-success)}.comparison-title{font-size:var(--font-size-2xl);font-weight:700;margin-bottom:.5rem;color:var(--foreground-primary);display:flex;align-items:center;justify-content:center}.comparison-subtitle{color:var(--foreground-muted);font-size:var(--font-size-lg)}.comparison-points{margin-bottom:1.5rem;position:relative;z-index:1}.comparison-point{align-items:flex-start;gap:.75rem;margin-bottom:1rem}.comparison-point,.point-icon{display:flex;transition:all .2s ease}.point-icon{width:36px;height:36px;border-radius:8px;align-items:center;justify-content:center;font-size:16px;flex-shrink:0;background:rgba(109,76,65,.1);color:var(--foreground-secondary)}.point-icon.success{background:rgba(46,125,50,.1);color:var(--status-success)}.point-content{flex:1}.point-title{font-size:var(--font-size-md);font-weight:600;margin-bottom:.125rem;color:var(--foreground-primary)}.point-description{color:var(--foreground-secondary);font-size:var(--font-size-base);line-height:1.4;margin-bottom:.375rem}.improvement-badge{display:inline-block;background:var(--status-success);color:var(--primary-foreground);padding:.25rem .75rem;border-radius:12px;font-size:var(--font-size-sm);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.comparison-divider{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.divider-line{width:2px;height:100%;background:linear-gradient(to bottom,transparent 0,var(--border-default) 20%,var(--border-default) 80%,transparent 100%);position:absolute}.divider-icon{width:48px;height:48px;border-radius:50%;background:var(--primary-base);color:var(--primary-foreground);display:flex;align-items:center;justify-content:center;font-size:20px;box-shadow:0 4px 12px rgba(46,125,50,.2);position:relative;z-index:2}.comparison-visual{position:relative;z-index:1}.visual-image{border-radius:8px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.15)}.comparison-img{width:100%;height:auto;display:block;object-fit:contain}.visual-mockup{border-radius:8px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.15)}.mockup-header{padding:.75rem 1rem;display:flex;align-items:center;gap:.5rem;font-size:var(--font-size-sm);font-weight:500}.mockup-header.stressed{background:rgba(198,40,40,.1);color:var(--status-error)}.mockup-header.success{background:rgba(46,125,50,.1);color:var(--status-success)}.ai-indicator,.stress-indicator{width:8px;height:8px;border-radius:50%}.stress-indicator{background:var(--status-error);animation:pulse-red 2s infinite}.ai-indicator{background:var(--status-success);animation:pulse-green 2s infinite}@keyframes pulse-red{0%,to{opacity:1}50%{opacity:.5}}@keyframes pulse-green{0%,to{opacity:1}50%{opacity:.7}}.mockup-content{padding:1rem;background:var(--background-base);display:flex;flex-direction:column;gap:.5rem}.content-bar{height:12px;border-radius:6px;transition:all .3s ease}.content-bar.empty{background:rgba(198,40,40,.2)}.content-bar.filled{background:linear-gradient(90deg,var(--status-success) 0,var(--primary-base) 100%)}.transformation-cta{margin-top:2rem;text-align:center;background:var(--background-card);padding:1.5rem;border-radius:16px;box-shadow:0 4px 16px rgba(0,0,0,.08)}.cta-text{font-size:var(--font-size-lg);font-style:italic;color:var(--foreground-secondary);margin-bottom:.5rem}.cta-author{font-size:var(--font-size-sm);color:var(--foreground-muted);margin-bottom:1.5rem}.transformation-cta .btn{margin-top:.5rem}.comparison-side:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.15)}.comparison-point:hover .point-icon{transform:scale(1.1)}.comparison-point:hover .point-icon.success{background:rgba(46,125,50,.2)}@media (max-width:768px){.comparison-grid{grid-template-columns:1fr;gap:2rem}.comparison-divider{order:2;height:auto;padding:1rem 0}.divider-line{width:100%;height:2px;background:linear-gradient(to right,transparent 0,var(--border-default) 20%,var(--border-default) 80%,transparent 100%)}.divider-icon{transform:rotate(90deg)}.before-side{order:1}.after-side{order:3}.comparison-side,.transformation-cta{padding:1.5rem}}@media (max-width:480px){.before-after{padding:2rem 0}.comparison-side{padding:1rem}.comparison-point{flex-direction:row;align-items:flex-start;text-align:left;gap:.75rem}.point-icon{align-self:flex-start;width:32px;height:32px}.point-content{display:flex;flex-direction:column}.improvement-badge{align-self:flex-start;margin-top:.25rem}}@media (max-width:900px){.steps-grid{grid-template-columns:1fr!important}}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--space-6)}.modal-content{position:relative;width:100%;max-width:960px;background:var(--background-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);overflow:hidden}.modal-close{position:absolute;top:8px;right:8px;background:rgba(0,0,0,.6);color:#fff;border:none;border-radius:var(--radius-full);width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;z-index:5}.modal-close:hover{background:rgba(0,0,0,.8)}.video-responsive{position:relative;width:100%;padding-bottom:56.25%;height:0;overflow:hidden;background:#000}.video-responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}