:root{--primary-color:#2196f3;--primary-hover:#1976d2;--primary-light:#e3f2fd;--secondary-color:#f5f5f7;--text-primary:#1d1d1f;--text-secondary:#6e6e73;--text-tertiary:#86868b;--background:#ffffff;--background-alt:#fbfbfd;--border-color:#d2d2d7;--shadow-sm:0 2px 8px rgba(0,0,0,0.04);--shadow-md:0 4px 16px rgba(0,0,0,0.08);--shadow-lg:0 8px 32px rgba(0,0,0,0.12);--success:#34c759;--error:#ff3b30;--accent-orange-bg:#fff3e0;--accent-orange:#e65100;--dark-bg:#3d3d3d;--dark-border:#4d4d4d;--font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-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.5rem;--font-size-3xl:2rem;--font-size-4xl:2.5rem;--font-size-5xl:3rem;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-8:3rem;--space-10:4rem;--space-12:6rem;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--transition-fast:150ms ease;--transition-base:250ms ease;--transition-slow:400ms ease}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth;overflow-x:hidden}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.6;color:var(--text-primary);background-color:var(--background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;color:var(--text-primary)}h1{font-size:var(--font-size-5xl);margin-bottom:var(--space-6)}h2{font-size:var(--font-size-4xl);margin-bottom:var(--space-5)}h3{font-size:var(--font-size-2xl);margin-bottom:var(--space-4)}h4{font-size:var(--font-size-xl);margin-bottom:var(--space-3)}p{margin-bottom:var(--space-4);color:var(--text-secondary)}a{color:var(--primary-color);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary-hover)}ul{list-style:none}img{max-width:100%;height:auto;display:block}.container{max-width:1200px;margin:0 auto;padding:0 var(--space-5)}@media (max-width:768px){.container{padding:0 var(--space-4)}}.navbar{position:sticky;top:0;background:rgba(255,255,255,0.8);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-color);z-index:1000;transition:all var(--transition-base)}.nav-content{display:flex;align-items:center;justify-content:space-between;height:72px}.logo{display:flex;align-items:center;gap:var(--space-3);font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary)}.logo img{height:40px;width:auto}.nav-menu{display:flex;align-items:center;gap:var(--space-6)}.nav-menu a{color:var(--text-secondary);font-size:var(--font-size-base);font-weight:500;transition:color var(--transition-fast)}.nav-menu a:hover{color:var(--primary-color)}.nav-menu a.btn-primary{color:white}.nav-menu a.btn-primary:hover{color:white}.mobile-menu-toggle{display:none;flex-direction:column;gap:4px;background:none;border:none;cursor:pointer;padding:var(--space-2)}.mobile-menu-toggle span{width:24px;height:2px;background:var(--text-primary);transition:all var(--transition-fast)}@media (max-width:768px){.mobile-menu-toggle{display:flex}.nav-menu{position:fixed;top:72px;left:0;right:0;background:rgba(255,255,255,0.98);backdrop-filter:blur(20px);flex-direction:column;padding:var(--space-6);gap:var(--space-5);transform:translateY(-100%);opacity:0;visibility:hidden;transition:all var(--transition-base);border-bottom:1px solid var(--border-color);z-index:999;box-shadow:0 4px 20px rgba(0,0,0,0.1)}.nav-menu.active{transform:translateY(0);opacity:1;visibility:visible}}.btn-primary,.btn-secondary{display:inline-block;padding:var(--space-3) var(--space-5);font-size:var(--font-size-base);font-weight:500;border-radius:var(--radius-full);border:none;cursor:pointer;transition:all var(--transition-fast);text-align:center}.btn-primary{background:var(--primary-color);color:white}.btn-primary:hover{background:var(--primary-hover);color:white;transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-secondary{background:var(--secondary-color);color:var(--text-primary)}.btn-secondary:hover{background:#e8e8ed;color:var(--text-primary)}.btn-large{padding:var(--space-4) var(--space-8);font-size:var(--font-size-lg)}.btn-white{display:inline-block;background:white;color:var(--text-primary);border:none;border-radius:var(--radius-full);padding:var(--space-4) var(--space-8);font-size:var(--font-size-lg);font-weight:500;text-decoration:none;cursor:pointer;transition:all var(--transition-fast)}.btn-white:hover{background:#f0f0f0;color:var(--text-primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-block{display:block;width:100%}button:disabled{opacity:0.5;cursor:not-allowed}.hero{padding:var(--space-12) 0;background:linear-gradient(180deg,var(--background-alt) 0%,var(--background) 100%);text-align:center}.hero-title{font-size:var(--font-size-5xl);font-weight:700;margin-bottom:var(--space-5);letter-spacing:-0.02em;min-height:2.5em}.hero-title-animated{display:inline-block;opacity:1;transition:opacity 0.5s ease-in-out}.hero-title-animated.fade-out{opacity:0}.hero-subtitle{font-size:var(--font-size-xl);color:var(--text-secondary);max-width:700px;margin:0 auto var(--space-8);line-height:1.5;min-height:3em}.hero-subtitle-animated{display:inline-block;opacity:1;transition:opacity 0.5s ease-in-out}.hero-subtitle-animated.fade-out{opacity:0}.hero-cta{display:flex;gap:var(--space-4);justify-content:center;flex-wrap:wrap;margin-bottom:var(--space-5)}.hero-note{font-size:var(--font-size-sm);color:var(--text-tertiary)}.hero-screenshot{margin-top:var(--space-10);max-width:1100px;margin-left:auto;margin-right:auto}.hero-screenshot img{width:100%;height:auto;border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);border:1px solid rgba(0,0,0,0.1)}.coming-soon-badge{background:var(--accent-orange-bg);color:var(--accent-orange);padding:2px 8px;border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:600;margin-left:var(--space-2)}.platform-badge{display:inline-flex;align-items:center;gap:4px;background:var(--primary-light);color:var(--primary-color);padding:4px 12px;border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:600;margin:0 4px}.platform-badge .material-symbols-outlined{font-size:1.1rem}.platform-badge.platform-coming-soon{background:var(--accent-orange-bg);color:var(--accent-orange)}.trust-bar{background:white;padding:var(--space-6) 0}.trust-bar-items{display:flex;justify-content:center;gap:var(--space-10);flex-wrap:wrap}.trust-bar-item{display:flex;align-items:center;gap:var(--space-3);color:var(--text-primary);font-weight:600;font-size:var(--font-size-lg)}.trust-bar-item .material-symbols-outlined{font-size:2.5rem;color:var(--primary-color)}@media (max-width:768px){.trust-bar-items{gap:var(--space-6)}.trust-bar-item{font-size:var(--font-size-sm)}.trust-bar-item:not(:last-child)::after{display:none}.trust-bar-item .material-symbols-outlined{font-size:1.5rem}}.in-action{padding:var(--space-12) 0;background:var(--background)}.in-action-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-10);align-items:center}.in-action-text{text-align:left}.in-action-text h2{font-size:var(--font-size-3xl);font-weight:700;margin-bottom:var(--space-4);color:var(--text-primary)}.in-action-text p{font-size:var(--font-size-lg);color:var(--text-secondary);line-height:1.6;margin-bottom:var(--space-6)}.in-action-features{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-3)}.in-action-features li{display:flex;align-items:center;gap:var(--space-3);font-size:var(--font-size-base);color:var(--text-secondary)}.in-action-features .material-symbols-outlined{font-size:24px;color:var(--primary-color)}.in-action-screenshot img{width:100%;height:auto;border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);border:1px solid rgba(0,0,0,0.1)}@media (max-width:768px){.in-action-content{grid-template-columns:1fr;gap:var(--space-6)}.in-action-text{text-align:center}.in-action-features{align-items:center}.hero{padding:var(--space-10) 0}.hero-title{font-size:var(--font-size-4xl)}.hero-screenshot{margin-top:var(--space-6)}.hero-subtitle{font-size:var(--font-size-lg)}.hero-cta{flex-direction:column;align-items:stretch}}section{padding:var(--space-8) 0;overflow-x:clip}.section-title{text-align:center;margin-bottom:var(--space-3)}.section-subtitle{text-align:center;font-size:var(--font-size-lg);color:var(--text-secondary);max-width:600px;margin:0 auto var(--space-10)}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));gap:var(--space-6)}.feature-card{padding:var(--space-6);background:var(--background);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:all var(--transition-base)}.feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--primary-color)}.feature-icon{margin-bottom:var(--space-4);display:flex;justify-content:center}.feature-icon .material-symbols-outlined{font-size:56px;color:var(--primary-color);font-variation-settings:'FILL' 0,'wght' 400,'GRAD' 0,'opsz' 48}.feature-card h3{margin-bottom:var(--space-3);color:var(--text-primary)}.feature-card p{color:var(--text-secondary);margin-bottom:0}.use-cases{background:var(--background-alt)}.use-case-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:var(--space-6)}.use-case-card{padding:var(--space-6);background:var(--background);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);text-align:center;transition:all var(--transition-base)}.use-case-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.use-case-icon{margin-bottom:var(--space-4);display:flex;justify-content:center}.use-case-icon .material-symbols-outlined{font-size:56px;color:var(--primary-color);font-variation-settings:'FILL' 0,'wght' 400,'GRAD' 0,'opsz' 48}.use-case-card h3{color:var(--text-primary);margin-bottom:var(--space-4);font-size:var(--font-size-xl)}.use-case-card ul{list-style:none}.use-case-card li{padding:var(--space-2) 0;padding-left:var(--space-5);position:relative;color:var(--text-secondary)}.use-case-card li::before{content:"→";position:absolute;left:0;color:var(--primary-color);font-weight:600}.why-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:var(--space-6)}.why-card{text-align:center;padding:var(--space-6)}.why-icon{margin-bottom:var(--space-4);display:flex;justify-content:center}.why-icon .material-symbols-outlined{font-size:48px;color:var(--primary-color);font-variation-settings:'FILL' 0,'wght' 400,'GRAD' 0,'opsz' 48}.why-card h3{font-size:var(--font-size-xl);margin-bottom:var(--space-3)}.why-card p{margin-bottom:0}.pricing{background:var(--background-alt)}.pricing-note{text-align:center;font-size:var(--font-size-sm);color:var(--text-tertiary)}.pricing-note-small{font-size:0.75rem;margin-top:0.5rem}.pricing-note-small a{color:var(--text-tertiary);text-decoration:underline}.stat-footnote{text-align:center;font-size:0.75rem;color:var(--text-tertiary);margin-top:1rem;font-style:italic}.cta{text-align:center;padding:var(--space-12) 0;background:linear-gradient(135deg,var(--primary-color) 0%,#1976d2 100%);color:white}.cta h2{color:white;margin-bottom:var(--space-4)}.cta p{color:rgba(255,255,255,0.9);font-size:var(--font-size-lg);margin-bottom:var(--space-6)}.cta .btn-primary{background:rgba(255,255,255,0.15);color:white;border:2px solid white}.cta .btn-primary:hover{background:white;color:var(--primary-color)}.cta-note{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-3);margin-top:var(--space-6);font-size:var(--font-size-sm);color:white;background:rgba(255,255,255,0.15);backdrop-filter:blur(10px);padding:var(--space-3) var(--space-5);border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,0.3);margin-left:auto;margin-right:auto}.cta-note .material-symbols-outlined{font-size:24px;background:rgba(255,255,255,0.2);padding:6px;border-radius:var(--radius-full);animation:pulse-glow 2s ease-in-out infinite}@keyframes pulse-glow{0%,100%{box-shadow:0 0 0 0 rgba(255,255,255,0.4)}50%{box-shadow:0 0 0 8px rgba(255,255,255,0)}}.footer{background:var(--background);color:var(--text-primary);padding:var(--space-10) 0 var(--space-6);border-top:1px solid var(--border-color)}.footer-content{display:grid;grid-template-columns:1fr 2fr;gap:var(--space-10)}.footer-brand{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:var(--space-3)}.footer-brand .footer-logo{height:48px;width:auto}.footer-brand span{font-size:var(--font-size-lg);font-weight:600}.footer-brand p{color:var(--text-secondary);margin:0}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}.footer-column h4{color:var(--primary-color);margin-bottom:var(--space-4);font-size:var(--font-size-base)}.footer-column ul{display:flex;flex-direction:column;gap:var(--space-2)}.footer-column a{color:var(--text-secondary);font-size:var(--font-size-sm)}.footer-column a:hover{color:var(--primary-color)}@media (max-width:768px){.footer-content{grid-template-columns:1fr;gap:var(--space-8)}.footer-links{grid-template-columns:1fr;gap:var(--space-6)}}.order-hero{padding:var(--space-10) 0 var(--space-8);background:var(--background-alt);text-align:center}.order-hero h1{margin-bottom:var(--space-3)}.order-form-section{padding:var(--space-10) 0}.order-content{max-width:1200px;margin:0 auto}.order-form-container{max-width:600px;margin:0 auto;background:var(--background);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-8)}.order-form-container h2{margin-bottom:var(--space-3)}.form-intro{color:var(--text-secondary);margin-bottom:var(--space-6)}.order-form{display:flex;flex-direction:column;gap:var(--space-3)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.form-group{display:flex;flex-direction:column;gap:var(--space-2)}.form-group label{font-size:var(--font-size-sm);font-weight:500;color:var(--text-primary)}.form-group input,.form-group textarea,.form-group select{padding:var(--space-2) var(--space-3);border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:var(--font-size-base);font-family:var(--font-family);transition:border-color var(--transition-fast);background-color:var(--background)}.form-group select{width:100%;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%236e6e73' d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center;padding-right:var(--space-8)}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--primary-color)}.form-group-small{max-width:120px}.form-hint{font-size:var(--font-size-xs);color:var(--text-tertiary);margin-top:calc(var(--space-1) * -1)}.form-checkbox{flex-direction:row;align-items:flex-start;gap:var(--space-3)}.form-checkbox input[type="checkbox"]{width:20px;height:20px;margin-top:2px;flex-shrink:0;cursor:pointer}.form-checkbox label{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.5}.form-checkbox label a{color:var(--primary-color);text-decoration:underline}.order-form h3{font-size:var(--font-size-lg);margin-top:var(--space-3);margin-bottom:0;color:var(--text-primary)}.form-note{font-size:var(--font-size-sm);color:var(--text-tertiary);text-align:center;margin-top:var(--space-4);margin-bottom:0}.trust-section{margin-top:var(--space-10);text-align:center}.trust-section h3{margin-bottom:var(--space-6)}.trust-badges{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-6);max-width:900px;margin:0 auto}.trust-badge{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--background-alt);border-radius:var(--radius-md)}.trust-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center}.trust-icon .material-symbols-outlined{font-size:40px;color:var(--primary-color);font-variation-settings:'FILL' 0,'wght' 400,'GRAD' 0,'opsz' 40}.trust-badge strong{display:block;margin-bottom:var(--space-1);color:var(--text-primary)}.trust-badge p{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0}@media (max-width:768px){.form-row{grid-template-columns:1fr}.order-form-container{padding:var(--space-6)}}.legal-section{padding:var(--space-10) 0}.legal-content{max-width:800px;margin:0 auto}.legal-content h1{margin-bottom:var(--space-6)}.legal-content h2{font-size:var(--font-size-xl);margin-top:var(--space-8);margin-bottom:var(--space-4)}.legal-content ul{list-style:disc;margin-left:var(--space-5);margin-bottom:var(--space-4)}.legal-content li{color:var(--text-secondary);margin-bottom:var(--space-2)}.legal-content hr{border:none;border-top:1px solid var(--border-color);margin:var(--space-8) 0}.thank-you-section{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-10) 0;background:var(--background-alt)}.thank-you-content{max-width:600px;text-align:center}.success-icon{width:80px;height:80px;background:var(--success);color:white;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-6)}.success-icon .material-symbols-outlined{font-size:48px;color:white;font-variation-settings:'FILL' 0,'wght' 400,'GRAD' 0,'opsz' 48}.thank-you-content h1{margin-bottom:var(--space-4)}.thank-you-content .lead{font-size:var(--font-size-lg);color:var(--text-secondary);margin-bottom:var(--space-8)}.thank-you-info{background:var(--background);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-6);margin-bottom:var(--space-8);text-align:left}.thank-you-info h3{margin-bottom:var(--space-4)}.thank-you-info ul{list-style:none}.thank-you-info li{padding:var(--space-2) 0;padding-left:var(--space-5);position:relative;color:var(--text-secondary)}.thank-you-info li::before{content:"✓";position:absolute;left:0;color:var(--success);font-weight:600}.thank-you-cta{display:flex;gap:var(--space-4);justify-content:center;flex-wrap:wrap}@media (max-width:768px){.thank-you-cta{flex-direction:column}}.time-savings{background:var(--background)}.savings-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-6);max-width:1000px;margin:var(--space-8) auto}.stat-card{background:var(--background);border:2px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-6);display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-4);transition:all var(--transition-base)}.stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.stat-card.stat-primary{border-color:var(--primary-color);background:linear-gradient(135deg,var(--primary-light) 0%,var(--background) 100%)}.stat-card.stat-success{border-color:var(--success);background:linear-gradient(135deg,rgba(52,199,89,0.1) 0%,var(--background) 100%)}.stat-card.stat-neutral{border-color:var(--text-tertiary)}.stat-icon{flex-shrink:0;width:64px;height:64px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;background:var(--background);box-shadow:var(--shadow-sm)}.stat-primary .stat-icon{background:var(--primary-color)}.stat-success .stat-icon{background:var(--success)}.stat-neutral .stat-icon{background:var(--text-secondary)}.stat-icon .material-symbols-outlined{font-size:36px;color:white}.stat-content{display:flex;flex-direction:column;flex:1}.stat-value{font-size:var(--font-size-3xl);font-weight:700;color:var(--text-primary);line-height:1.2;transition:opacity var(--transition-base)}.stat-label{font-size:var(--font-size-sm);color:var(--text-secondary);margin-top:var(--space-1)}.stat-period{font-size:var(--font-size-xs);color:var(--text-tertiary);font-weight:600;margin-top:var(--space-1);transition:opacity var(--transition-base)}.savings-carousel-container{max-width:600px;margin:var(--space-8) auto;position:relative}.savings-carousel-wrapper{overflow:hidden;border-radius:var(--radius-lg)}.savings-carousel-track{display:flex;transition:transform 0.5s ease-in-out}.savings-carousel-track .savings-card{min-width:100%;flex-shrink:0}.savings-carousel-dots{display:flex;gap:var(--space-2);justify-content:center;margin-top:var(--space-5)}.carousel-dot{width:10px;height:10px;border-radius:var(--radius-full);background:var(--border-color);border:none;cursor:pointer;transition:all var(--transition-base);padding:0}.carousel-dot:hover{background:var(--text-tertiary);transform:scale(1.2)}.carousel-dot.active{background:var(--primary-color);width:24px}.savings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-5);max-width:900px;margin:0 auto var(--space-8)}.savings-card{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-5);background:var(--background-alt);border-radius:var(--radius-lg);border:1px solid var(--border-color);transition:all var(--transition-base)}.savings-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--primary-color)}.savings-icon{flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--primary-light);border-radius:var(--radius-md)}.savings-icon .material-symbols-outlined{font-size:28px;color:var(--primary-color)}.savings-content{flex:1;min-width:0}.savings-content h3{font-size:var(--font-size-base);font-weight:600;margin-bottom:var(--space-1);color:var(--text-primary)}.savings-content p{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0;line-height:1.4}.savings-time{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.time-before{font-size:var(--font-size-sm);color:var(--text-tertiary);text-decoration:line-through}.time-arrow{color:var(--success);font-weight:600}.time-after{font-size:var(--font-size-base);font-weight:700;color:var(--success)}.savings-more{text-align:center;font-size:var(--font-size-base);color:var(--text-tertiary);font-style:italic;margin:0 auto var(--space-6);max-width:600px}.savings-summary{display:flex;justify-content:center;gap:var(--space-10);padding:var(--space-6) 0;border-top:1px solid var(--border-color);max-width:900px;margin:0 auto}.summary-item{text-align:center}.summary-value{display:block;font-size:var(--font-size-3xl);font-weight:700;color:var(--primary-color);margin-bottom:var(--space-1)}.summary-label{font-size:var(--font-size-sm);color:var(--text-secondary)}@media (max-width:768px){.savings-grid{grid-template-columns:1fr}.savings-card{flex-wrap:wrap}.savings-time{width:100%;justify-content:flex-end;margin-top:var(--space-2);padding-top:var(--space-2);border-top:1px dashed var(--border-color)}.savings-summary{flex-direction:column;gap:var(--space-6)}.summary-value{font-size:var(--font-size-2xl)}}.badge-small{display:inline-block;background:var(--primary-color);color:white;padding:2px 8px;border-radius:var(--radius-full);font-size:10px;font-weight:600;text-transform:uppercase;vertical-align:middle;margin-left:var(--space-2)}.core-card.highlight{border:2px solid var(--primary-color);background:var(--primary-light)}.core-card.highlight a{color:var(--primary-color);font-weight:600}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.hidden{display:none}.screenshot-link{cursor:zoom-in;display:block}.screenshot-link img{transition:transform 0.2s ease,box-shadow 0.2s ease}.screenshot-link:hover img{transform:scale(1.02);box-shadow:var(--shadow-xl),0 20px 40px rgba(0,0,0,0.15)}.lightbox{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.9);z-index:9999;cursor:zoom-out;align-items:center;justify-content:center;padding:var(--space-6)}.lightbox.active{display:flex}.lightbox img{max-width:95%;max-height:95%;border-radius:var(--radius-lg);box-shadow:0 20px 60px rgba(0,0,0,0.5)}.lightbox-close{position:absolute;top:var(--space-6);right:var(--space-6);color:white;font-size:32px;cursor:pointer;opacity:0.8;transition:opacity 0.2s}.lightbox-close:hover{opacity:1}.page-hero{padding:var(--space-10) 0 var(--space-8);background:var(--background-alt);text-align:center}.page-hero h1{margin-bottom:var(--space-3)}.features-detail{padding:var(--space-10) 0}.integration-grid{display:flex;flex-direction:column;gap:var(--space-10)}.integration-category h3{display:flex;align-items:center;gap:var(--space-3);color:var(--text-primary);margin-bottom:var(--space-5);padding-bottom:var(--space-3);border-bottom:2px solid var(--primary-color)}.integration-category h3 .material-symbols-outlined{color:var(--primary-color);font-size:28px}.integration-category{display:flex;flex-direction:column;gap:var(--space-4)}.integration-card{background:var(--background);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-5);transition:all var(--transition-base)}.integration-card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-md)}.integration-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.integration-header h4{color:var(--text-primary);margin-bottom:0}.integration-card .badge{background:var(--primary-light);color:var(--primary-color);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600}.integration-card p{margin-bottom:var(--space-3)}.integration-card ul{display:flex;flex-direction:column;gap:var(--space-2)}.integration-card li{color:var(--text-secondary);font-size:var(--font-size-sm);position:relative;padding-left:var(--space-4)}.integration-card li::before{content:"•";position:absolute;left:0;color:var(--primary-color)}.integration-note{margin-top:var(--space-8);padding:var(--space-5);background:var(--primary-light);border-radius:var(--radius-lg);text-align:center}.integration-note p{display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin:0;color:var(--text-primary)}.integration-note a{color:var(--primary-color);font-weight:600}.agents-detail{padding:var(--space-10) 0;background:var(--background-alt)}.agent-grid{display:flex;flex-direction:column;gap:var(--space-8)}.agent-category h3{display:flex;align-items:center;gap:var(--space-3);color:var(--text-primary);margin-bottom:var(--space-4)}.agent-category h3 .material-symbols-outlined{color:var(--primary-color)}.agent-category{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-4)}.agent-category > h3{grid-column:1 / -1}.agent-card{background:var(--background);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-4);transition:all var(--transition-base)}.agent-card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-sm)}.agent-card h4{color:var(--text-primary);margin-bottom:var(--space-2);font-size:var(--font-size-base)}.agent-card p{color:var(--text-secondary);font-size:var(--font-size-sm);margin-bottom:0}.ai-backends{padding:var(--space-10) 0}.backend-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-5)}.backend-card{background:var(--background);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-5);transition:all var(--transition-base)}.backend-card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-md)}.backend-card h4{color:var(--text-primary);margin-bottom:var(--space-2)}.backend-card p{font-size:var(--font-size-sm)}.backend-card ul{display:flex;flex-direction:column;gap:var(--space-2)}.backend-card li{color:var(--text-secondary);font-size:var(--font-size-sm);padding-left:var(--space-4);position:relative}.backend-card li::before{content:"✓";position:absolute;left:0;color:var(--success)}.core-features{padding:var(--space-10) 0;background:var(--background-alt)}.core-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--space-5)}.core-card{background:var(--background);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-5);text-align:center;transition:all var(--transition-base)}.core-card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-md)}.core-card .material-symbols-outlined{font-size:40px;color:var(--primary-color);margin-bottom:var(--space-3)}.core-card h4{color:var(--text-primary);margin-bottom:var(--space-2)}.core-card p{color:var(--text-secondary);font-size:var(--font-size-sm);margin-bottom:0}.cta-buttons{display:flex;gap:var(--space-4);justify-content:center;flex-wrap:wrap}.cta-buttons .btn-secondary{background:transparent;color:white;border:2px solid white}.cta-buttons .btn-secondary:hover{background:white;color:var(--primary-color)}@media (max-width:768px){.agent-category{grid-template-columns:1fr}.backend-grid,.core-grid{grid-template-columns:1fr}}.about-story{padding:var(--space-12) 0}.story-content{max-width:800px;margin:0 auto var(--space-10)}.story-intro{text-align:center;margin-bottom:var(--space-10)}.story-intro h2{margin-bottom:var(--space-4)}.story-intro .lead{font-size:1.25rem;color:var(--text-secondary);line-height:1.7}.story-section{display:flex;gap:var(--space-5);margin-bottom:var(--space-8);padding:var(--space-6);background:var(--background-alt);border-radius:var(--radius-lg)}.story-icon{flex-shrink:0;width:56px;height:56px;background:var(--primary-light);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center}.story-icon .material-symbols-outlined{font-size:28px;color:var(--primary-color)}.story-text h3{margin-bottom:var(--space-3);color:var(--text-primary)}.story-text p{color:var(--text-secondary);line-height:1.7;margin-bottom:var(--space-3)}.story-text p:last-child{margin-bottom:0}.founder-card{max-width:700px;margin:0 auto var(--space-10);padding:var(--space-8);background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));border-radius:var(--radius-xl);color:white;text-align:center}.founder-info h3{color:white;margin-bottom:var(--space-2)}.founder-title{opacity:0.9;margin-bottom:var(--space-5);font-size:0.95rem}.founder-quote{font-size:1.1rem;font-style:italic;line-height:1.7;opacity:0.95}.company-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6);max-width:700px;margin:0 auto}.fact-card{text-align:center;padding:var(--space-6);background:var(--background-alt);border-radius:var(--radius-lg)}.fact-number{display:block;font-size:2rem;font-weight:700;color:var(--primary-color);margin-bottom:var(--space-2)}.fact-label{color:var(--text-secondary);font-size:0.95rem}@media (max-width:768px){.story-section{flex-direction:column;text-align:center}.story-icon{margin:0 auto}.company-facts{grid-template-columns:1fr}}.order-form button .material-symbols-outlined{vertical-align:middle;margin-right:var(--space-2);font-size:20px}

.pricing .container{text-align:center}.pricing-grid-langdock{display:flex;flex-wrap:nowrap;justify-content:center;gap:var(--space-5);max-width:1100px;margin:0 auto var(--space-6)}.pricing-grid-langdock > .pricing-card-langdock{flex:1 1 0;min-width:0}.pricing-enterprise-row{max-width:calc((1100px - 2 * 1.5rem) / 3);margin:0 auto var(--space-8)}.pricing-enterprise-row > .pricing-card-langdock{flex:1 1 100%}@media (max-width:768px){.pricing-grid-langdock{flex-wrap:wrap}.pricing-grid-langdock > .pricing-card-langdock{flex:0 1 100%}.pricing-enterprise-row .pricing-card-enterprise{max-width:100%}}.pricing-card-langdock{border-radius:var(--radius-xl);padding:var(--space-8);display:flex;flex-direction:column;transition:all var(--transition-base)}.pricing-card-langdock:hover{transform:translateY(-4px)}.pricing-card-light{background:var(--secondary-color);border:2px solid var(--border-color)}.pricing-card-light h3{color:var(--text-primary);font-size:var(--font-size-2xl);font-weight:600;margin-bottom:var(--space-4)}.pricing-card-light .price-amount{font-size:var(--font-size-4xl);font-weight:600;color:var(--text-primary);display:block;margin-bottom:var(--space-2)}.pricing-card-light .price-period{font-size:var(--font-size-sm);color:var(--text-secondary);display:block;margin-bottom:var(--space-5)}.pricing-card-light .card-description{font-size:var(--font-size-base);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-4)}.pricing-card-light .card-features{list-style:none;margin-bottom:var(--space-6);flex-grow:1;text-align:left}.pricing-card-light .card-features li{padding:var(--space-2) 0;color:var(--text-secondary);font-size:var(--font-size-base);display:flex;align-items:flex-start;gap:var(--space-2);text-align:left}.pricing-card-light .check-icon{color:var(--primary-color);font-weight:600;flex-shrink:0}.pricing-card-featured{background:white;border:2px solid var(--primary-color);box-shadow:0 8px 32px rgba(0,0,0,0.12)}.pricing-card-featured:hover{transform:translateY(-4px)}.pricing-card-featured .card-header{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4)}.pricing-card-featured h3{color:var(--text-primary);font-size:var(--font-size-2xl);font-weight:600;margin-bottom:var(--space-2)}.pricing-card-featured .recommended-badge{background:var(--primary-light);color:var(--primary-color);padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:600}.pricing-card-featured .price-amount{font-size:var(--font-size-4xl);font-weight:700;color:var(--text-primary);display:block;margin-bottom:var(--space-2)}.pricing-card-featured .price-period{font-size:var(--font-size-sm);color:var(--text-secondary);display:block;margin-bottom:var(--space-5)}.pricing-card-featured .price-vat{color:var(--text-tertiary)}.pricing-card-featured .card-description{font-size:var(--font-size-base);font-weight:500;color:var(--text-primary);margin-bottom:var(--space-4)}.pricing-card-featured .card-features{list-style:none;margin-bottom:var(--space-6);flex-grow:1;text-align:left}.pricing-card-featured .card-features li{padding:var(--space-2) 0;color:var(--text-secondary);font-size:var(--font-size-base);display:flex;align-items:flex-start;gap:var(--space-2);text-align:left}.pricing-card-featured .check-icon{color:var(--primary-color);font-weight:600;flex-shrink:0}.pricing-card-dark{background:var(--dark-bg);border:1px solid var(--dark-border)}.pricing-card-dark h3{color:rgba(255,255,255,1);font-size:var(--font-size-2xl);font-weight:600;margin-bottom:var(--space-4)}.pricing-card-dark .price-amount{font-size:var(--font-size-4xl);font-weight:600;color:white;display:block;margin-bottom:var(--space-2)}.pricing-card-dark .price-period{font-size:var(--font-size-sm);color:rgba(255,255,255,0.6);display:block;margin-bottom:var(--space-5)}.pricing-card-dark .card-description{font-size:var(--font-size-base);font-weight:500;color:rgba(255,255,255,0.9);margin-bottom:var(--space-4)}.pricing-card-dark .card-features{list-style:none;margin-bottom:var(--space-6);flex-grow:1;text-align:left}.pricing-card-dark .card-features li{padding:var(--space-2) 0;color:rgba(255,255,255,0.8);font-size:var(--font-size-base);display:flex;align-items:flex-start;gap:var(--space-2);text-align:left}.pricing-card-dark .check-icon{color:var(--primary-color);font-weight:600;flex-shrink:0}

/* AI Subscription Hint on Pricing Cards */
.card-ai-hint{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-xs);color:var(--accent-orange);background:var(--accent-orange-bg);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);margin-bottom:var(--space-4);line-height:1.4}.card-ai-hint .material-symbols-outlined{font-size:16px;flex-shrink:0}.pricing-card-dark .card-ai-hint{background:rgba(255,255,255,0.1);color:rgba(255,255,255,0.8)}.pricing-card-yearly .card-ai-hint{background:rgba(230,81,0,0.08)}

/* Plan Selection on Order Page */
.plan-selectable{cursor:pointer;transition:all var(--transition-base);position:relative}.plan-selectable:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.plan-selected{outline:3px solid var(--primary-color);outline-offset:2px;box-shadow:0 8px 32px rgba(33,150,243,0.2)!important}.plan-selected::after{content:'\2713';position:absolute;top:var(--space-3);right:var(--space-3);width:28px;height:28px;background:var(--primary-color);color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:bold}

/* Yearly Pricing Card */
.pricing-card-yearly{background:linear-gradient(135deg,#f0f7ff 0%,#e8f4fd 100%);border:2px solid var(--primary-color)}.pricing-card-yearly:hover{transform:translateY(-4px);box-shadow:0 8px 32px rgba(33,150,243,0.15)}.pricing-card-yearly .card-header{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4)}.pricing-card-yearly h3{color:var(--text-primary);font-size:var(--font-size-2xl);font-weight:600;margin-bottom:var(--space-2)}.save-badge-yearly{background:var(--success);color:white;padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:600}.pricing-card-yearly .price-amount{font-size:var(--font-size-4xl);font-weight:700;color:var(--text-primary);display:block;margin-bottom:var(--space-2)}.pricing-card-yearly .price-period{font-size:var(--font-size-sm);color:var(--text-secondary);display:block;margin-bottom:var(--space-5)}.pricing-card-yearly .price-vat{color:var(--text-tertiary)}.pricing-card-yearly .card-description{font-size:var(--font-size-base);font-weight:500;color:var(--text-primary);margin-bottom:var(--space-4)}.pricing-card-yearly .card-features{list-style:none;margin-bottom:var(--space-6);flex-grow:1;text-align:left}.pricing-card-yearly .card-features li{padding:var(--space-2) 0;color:var(--text-secondary);font-size:var(--font-size-base);display:flex;align-items:flex-start;gap:var(--space-2);text-align:left}.pricing-card-yearly .check-icon{color:var(--primary-color);font-weight:600;flex-shrink:0}.btn-yearly{display:block;width:100%;padding:var(--space-4) var(--space-5);background:var(--primary-color);border:none;border-radius:var(--radius-full);color:white;font-size:var(--font-size-base);font-weight:500;text-align:center;cursor:pointer;transition:all var(--transition-fast);text-decoration:none}.btn-yearly:hover{background:var(--primary-hover);color:white;transform:translateY(-2px);box-shadow:var(--shadow-md)}

.card-platforms{display:flex;align-items:center;justify-content:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--space-4);padding-top:var(--space-2)}.card-platforms .material-symbols-outlined{font-size:1.2rem;color:var(--primary-color)}.card-platforms .platform-soon{color:var(--text-tertiary);display:flex;align-items:center;gap:4px}.card-platforms .platform-soon .material-symbols-outlined{color:var(--text-tertiary)}.card-platforms-dark{color:rgba(255,255,255,0.7)}.card-platforms-dark .material-symbols-outlined{color:var(--primary-color)}.card-platforms-dark .platform-soon{color:rgba(255,255,255,0.4)}.card-platforms-dark .platform-soon .material-symbols-outlined{color:rgba(255,255,255,0.4)}.btn-outline-dark{display:block;width:100%;padding:var(--space-4) var(--space-5);background:transparent;border:1px solid var(--border-color);border-radius:var(--radius-full);color:var(--text-primary);font-size:var(--font-size-base);font-weight:500;text-align:center;cursor:pointer;transition:all var(--transition-fast);text-decoration:none}.btn-outline-dark:hover{background:var(--text-primary);color:white;border-color:var(--text-primary)}.btn-primary-langdock{display:block;width:100%;padding:var(--space-4) var(--space-5);background:var(--primary-color);border:none;border-radius:var(--radius-full);color:white;font-size:var(--font-size-base);font-weight:500;text-align:center;cursor:pointer;transition:all var(--transition-fast);text-decoration:none}.btn-primary-langdock:hover{background:var(--primary-hover);color:white;transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-outline-light{display:block;width:100%;padding:var(--space-4) var(--space-5);background:white;border:none;border-radius:var(--radius-full);color:var(--text-primary);font-size:var(--font-size-base);font-weight:500;text-align:center;cursor:pointer;transition:all var(--transition-fast);text-decoration:none}.btn-outline-light:hover{background:var(--secondary-color);color:var(--text-primary)}.cta-trial{padding:var(--space-12) 0;background:var(--secondary-color);text-align:center}.cta-trial .section-title{margin-bottom:var(--space-3)}.cta-trial .section-subtitle{margin-bottom:var(--space-8)}.cta-trial-box{display:inline-flex;align-items:center;gap:var(--space-5);background:white;padding:var(--space-6);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);margin-bottom:var(--space-6);text-align:left}.cta-trial-icon{width:64px;height:64px;background:var(--primary-light);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;flex-shrink:0}.cta-trial-icon .material-symbols-outlined{font-size:32px;color:var(--primary-color)}.cta-trial-info{display:flex;flex-direction:column;gap:var(--space-2)}.cta-trial-email{font-size:var(--font-size-2xl);font-weight:600;color:var(--primary-color);text-decoration:none;transition:color var(--transition-fast)}.cta-trial-email:hover{color:var(--primary-hover)}.cta-trial-hint{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0;max-width:350px}@media (max-width:600px){.cta-trial-box{flex-direction:column;text-align:center;padding:var(--space-5)}.cta-trial-hint{max-width:none}}.animate-on-scroll{opacity:0;transition:opacity 0.8s ease-out,transform 0.8s ease-out}.animate-from-left{transform:translateX(-30px)}.animate-from-right{transform:translateX(30px)}.animate-fade-up{transform:translateY(40px)}.animate-on-scroll.is-visible{opacity:1;transform:translateX(0) translateY(0)}.feature-card.animate-on-scroll,.use-case-card.animate-on-scroll,.why-card.animate-on-scroll{transition-delay:calc(var(--animation-order,0) * 0.1s)}@media (prefers-reduced-motion:reduce){.animate-on-scroll{opacity:1;transform:none;transition:none}}#cookie-consent-banner{position:fixed;bottom:0;left:0;right:0;background:var(--background);border-top:1px solid var(--border-color);box-shadow:0 -4px 20px rgba(0,0,0,0.15);padding:var(--space-5) var(--space-6);z-index:9999;transform:translateY(100%);transition:transform 0.3s ease-out}#cookie-consent-banner.visible{transform:translateY(0)}.consent-content{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:var(--space-6)}.consent-text{flex:1}.consent-text strong{display:block;margin-bottom:var(--space-2);color:var(--text-primary)}.consent-text p{margin:0;color:var(--text-secondary);font-size:var(--font-size-sm);line-height:1.5}.consent-text a{color:var(--primary-color);text-decoration:underline}.consent-buttons{display:flex;gap:var(--space-3);flex-shrink:0}.consent-btn{padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast);border:none}.consent-btn-primary{background:var(--primary-color);color:white}.consent-btn-primary:hover{background:var(--primary-hover)}.consent-btn-secondary{background:transparent;color:var(--text-secondary);border:1px solid var(--border-color)}.consent-btn-secondary:hover{background:var(--background-alt);color:var(--text-primary)}@media (max-width:768px){.consent-content{flex-direction:column;text-align:center}.consent-buttons{width:100%;justify-content:center}.consent-btn{flex:1;max-width:150px}}

/* FAQ Section */
.faq-section{padding:var(--space-12) 0;background:var(--background-alt)}.faq-grid{max-width:800px;margin:0 auto}.faq-item{background:var(--background);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:0;margin-bottom:var(--space-4);transition:all var(--transition-base)}.faq-item:hover{border-color:var(--primary-color);box-shadow:var(--shadow-sm)}.faq-item summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-6)}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary::marker{content:""}.faq-item summary h3{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);margin:0}.faq-icon{width:36px;height:36px;background:var(--primary-light);border-radius:var(--radius-full);flex-shrink:0;margin-left:var(--space-4);position:relative;transition:all var(--transition-base)}.faq-icon::before{content:'';position:absolute;top:50%;left:50%;width:9px;height:9px;border-right:2.5px solid var(--primary-color);border-bottom:2.5px solid var(--primary-color);transform:translate(-50%,-60%) rotate(45deg);transition:all var(--transition-base)}.faq-item[open] .faq-icon{background:var(--primary-color)}.faq-item[open] .faq-icon::before{border-color:white;transform:translate(-50%,-40%) rotate(-135deg)}.faq-item[open]{border-color:var(--primary-color);box-shadow:var(--shadow-sm)}.faq-item p{margin:0;padding:0 var(--space-6) var(--space-6);color:var(--text-secondary);line-height:1.7}