@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--brand-primary: #0175C2;--brand-secondary: #8B4513;--brand-tertiary: #4A9EFF;--brand-accent: #4A9EFF;--brand-light: #F5F5DC;--blue-50: #EFF6FF;--blue-100: #DBEAFE;--blue-200: #BFDBFE;--blue-300: #93C5FD;--blue-400: #60A5FA;--blue-500: #0175C2;--blue-600: #1E40AF;--blue-700: #1E3A8A;--green-50: #F0FDF4;--green-100: #DCFCE7;--green-200: #BBF7D0;--green-300: #86EFAC;--green-400: #90EE90;--green-500: #228B22;--green-600: #166534;--green-700: #14532D;--brown-50: #F5F5DC;--brown-100: #F0E68C;--brown-200: #DEB887;--brown-300: #CD853F;--brown-400: #8B4513;--brown-500: #654321;--brown-600: #3E2723;--neutral-50: #FEFEFE;--neutral-100: #F5F5DC;--neutral-200: #E8E8D8;--neutral-300: #D3D3C7;--neutral-400: #A0A08F;--neutral-500: #6B6B5F;--neutral-700: #2F4F4F;--success-bg: #DCFCE7;--success-fg: #166534;--warning-bg: #FEF3C7;--warning-fg: #92400E;--error-bg: #FEE2E2;--error-fg: #991B1B;--info-bg: #DBEAFE;--info-fg: #1E40AF;--surface-base: #FFFFFF;--surface-raised: #FFFFFF;--surface-tonal: #F5F5DC;--overlay-scrim: rgba(47, 79, 79, .4);--space-0: 0;--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;--radius-s: 8px;--radius-m: 12px;--radius-l: 16px;--radius-xl: 24px;--radius-full: 9999px;--elevation-0: none;--elevation-1: 0 1px 2px rgba(47, 79, 79, .08);--elevation-2: 0 2px 8px rgba(47, 79, 79, .12);--elevation-3: 0 4px 16px rgba(47, 79, 79, .16);--duration-fast: .12s;--duration-base: .18s;--duration-slow: .25s}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}@media(prefers-reduced-motion:no-preference){html{scroll-padding-top:80px}}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--surface-base);color:var(--neutral-700);line-height:1.5}#root{min-height:100vh}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}.header{position:sticky;top:0;z-index:100;background-color:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--elevation-1);border-bottom:1px solid var(--neutral-200);transition:all .3s ease}.header:hover{box-shadow:var(--elevation-2)}.header-content{max-width:1200px;margin:0 auto;padding:var(--space-4) var(--space-12);display:flex;justify-content:space-between;align-items:center}.header-logo-container{display:flex;align-items:center;gap:var(--space-2)}.header-logo{width:32px;height:32px;object-fit:contain}.header-title{font-size:22px;font-weight:600;line-height:28px;color:var(--neutral-700);margin:0}.header-nav{display:flex;align-items:center;gap:var(--space-2)}.header-nav-link{padding:var(--space-2) var(--space-3);color:var(--neutral-500);font-size:14px;font-weight:500;background:none;border:none;cursor:pointer;transition:color var(--duration-fast)}.header-nav-link:hover{color:var(--neutral-700)}.header-button-outlined{padding:var(--space-2) var(--space-4);border:1px solid var(--neutral-200);border-radius:var(--radius-xl);background:transparent;color:var(--neutral-700);font-size:14px;font-weight:600;cursor:pointer;transition:all var(--duration-fast)}.header-button-outlined:hover{border-color:var(--neutral-300);background-color:var(--neutral-50)}.header-button-filled{position:relative;padding:var(--space-2) var(--space-4);border:none;border-radius:var(--radius-xl);background:linear-gradient(135deg,var(--brand-primary) 0%,var(--brand-accent) 100%);color:var(--surface-base);font-size:14px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.header-button-filled:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.header-button-filled:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0175c24d}.header-button-filled:hover:before{left:100%}@media(max-width:768px){.header-content{padding:var(--space-4) var(--space-6)}.header-nav{gap:var(--space-1)}.header-nav-link,.header-button-outlined{display:none}}.hero-section{position:relative;padding:calc(var(--space-10) * 2) var(--space-12);background:linear-gradient(135deg,var(--blue-50) 0%,var(--surface-base) 50%,var(--blue-100) 100%);overflow:hidden;opacity:0;transform:translateY(20px);transition:opacity .8s ease-out,transform .8s ease-out}.hero-section.animate-in{opacity:1;transform:translateY(0)}.hero-background-animation{position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(1,117,194,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(74,158,255,.1) 0%,transparent 50%);animation:float 20s ease-in-out infinite;pointer-events:none}@keyframes float{0%,to{transform:translate(0) scale(1);opacity:1}50%{transform:translate(30px,-30px) scale(1.1);opacity:.8}}.hero-content{position:relative;max-width:1200px;margin:0 auto;text-align:center;z-index:1}.hero-title{font-size:44px;font-weight:700;line-height:52px;letter-spacing:-.5px;color:var(--brand-primary);background:linear-gradient(135deg,var(--brand-primary) 0%,var(--brand-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 var(--space-6) 0;animation:gradient-shift 3s ease-in-out infinite;background-size:200% 200%}@supports not (background-clip: text){.hero-title{color:var(--brand-primary);background:none;-webkit-text-fill-color:var(--brand-primary)}}@keyframes gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.hero-description{font-size:16px;font-weight:500;line-height:24px;color:var(--neutral-500);margin:0 0 var(--space-10) 0;max-width:800px;margin-left:auto;margin-right:auto}.hero-buttons{display:flex;gap:var(--space-4);justify-content:center;flex-wrap:wrap;margin-bottom:var(--space-8)}.hero-button-filled{position:relative;padding:var(--space-5) var(--space-8);border:none;border-radius:var(--radius-xl);background:linear-gradient(135deg,var(--brand-primary) 0%,var(--brand-accent) 100%);color:var(--surface-base);font-size:14px;font-weight:600;line-height:20px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:var(--space-2);overflow:hidden;box-shadow:0 4px 12px #0175c24d}.hero-button-filled:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.hero-button-filled:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0175c266}.hero-button-filled:hover:before{left:100%}.hero-button-filled svg{transition:transform .3s ease}.hero-button-filled:hover svg{transform:translate(4px)}.hero-button-outlined{padding:var(--space-5) var(--space-8);border:1px solid var(--neutral-200);border-radius:var(--radius-xl);background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--neutral-700);font-size:14px;font-weight:600;line-height:20px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.hero-button-outlined:hover{border-color:var(--brand-primary);background:var(--surface-base);color:var(--brand-primary);transform:translateY(-2px);box-shadow:0 4px 12px #22223b1a}.hero-features{display:flex;gap:var(--space-4);justify-content:center;align-items:center;flex-wrap:wrap;font-size:14px;font-weight:500;line-height:20px;color:var(--neutral-400)}.hero-feature-item{display:flex;align-items:center;gap:var(--space-2);transition:color .3s ease}.hero-feature-item:hover{color:var(--brand-primary)}.hero-feature-item svg{flex-shrink:0}.hero-features-separator{color:var(--neutral-300)}@media(max-width:768px){.hero-section{padding:var(--space-10) var(--space-6)}.hero-title{font-size:32px;line-height:40px}.hero-description{font-size:14px;line-height:20px}}.app-showcase-section{padding:calc(var(--space-10) * 2) var(--space-12);background:var(--surface-base);opacity:0;transform:translateY(30px);transition:opacity .8s ease-out,transform .8s ease-out}.app-showcase-section.animate-in{opacity:1;transform:translateY(0)}.app-showcase-content{max-width:1200px;margin:0 auto;text-align:center}.app-showcase-title{font-size:40px;font-weight:700;line-height:48px;color:var(--neutral-700);margin:0 0 var(--space-4) 0}.app-showcase-subtitle{font-size:18px;font-weight:500;line-height:28px;color:var(--neutral-500);margin:0 0 calc(var(--space-10) * 2) 0;max-width:600px;margin-left:auto;margin-right:auto}.app-showcase-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-8);margin-bottom:calc(var(--space-10) * 2)}.app-showcase-card{background:var(--surface-base);border-radius:var(--radius-l);padding:var(--space-6);box-shadow:var(--elevation-1);border:1px solid var(--neutral-200);transition:all .4s cubic-bezier(.4,0,.2,1);overflow:hidden;position:relative}.app-showcase-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--brand-primary),var(--brand-accent));transform:scaleX(0);transform-origin:left;transition:transform .4s ease}.app-showcase-card:hover{transform:translateY(-8px);box-shadow:var(--elevation-3);border-color:var(--brand-primary)}.app-showcase-card:hover:before{transform:scaleX(1)}.app-showcase-image-container{width:100%;min-height:400px;max-height:600px;border-radius:var(--radius-m);margin-bottom:var(--space-6);position:relative;overflow:hidden;background:var(--surface-base);box-shadow:0 4px 12px #2f4f4f1a;transition:transform .3s ease;display:flex;align-items:center;justify-content:center}.app-showcase-card:hover .app-showcase-image-container{transform:scale(1.02)}.app-showcase-image{width:100%;height:100%;object-fit:contain;object-position:center;display:block;cursor:pointer;transition:transform .3s ease}.app-showcase-image:hover{transform:scale(1.05)}.app-showcase-placeholder{width:100%;height:100%;background:linear-gradient(135deg,var(--blue-50) 0%,var(--surface-base) 100%);border-radius:var(--radius-m);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);position:relative;overflow:hidden}.app-showcase-placeholder:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.1),transparent);animation:shimmer 3s infinite}@keyframes shimmer{0%{transform:translate(-100%) translateY(-100%) rotate(45deg)}to{transform:translate(100%) translateY(100%) rotate(45deg)}}.app-showcase-icon{font-size:48px;z-index:1}.app-showcase-placeholder p{font-size:14px;font-weight:600;color:var(--neutral-500);margin:0;z-index:1}.app-showcase-hint{font-size:12px;color:var(--neutral-400);z-index:1}.app-showcase-card h3{font-size:20px;font-weight:600;line-height:28px;color:var(--neutral-700);margin:0 0 var(--space-2) 0}.app-showcase-card p{font-size:14px;font-weight:500;line-height:20px;color:var(--neutral-500);margin:0}.app-showcase-button{padding:var(--space-5) var(--space-10);border:none;border-radius:var(--radius-xl);background:linear-gradient(135deg,var(--brand-primary) 0%,var(--brand-accent) 100%);color:var(--surface-base);font-size:16px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;gap:var(--space-2);box-shadow:0 4px 12px #0175c24d}.app-showcase-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0175c266}.app-showcase-button svg{transition:transform .3s ease}.app-showcase-button:hover svg{transform:translate(4px)}@media(max-width:968px){.app-showcase-grid{grid-template-columns:1fr}}.image-modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;height:100dvh;background:#000000d9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:99999;padding:var(--space-6);animation:fadeIn .2s ease-out;overflow-y:auto;cursor:pointer;margin:0;box-sizing:border-box}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.image-modal-content{position:relative;width:100%;max-width:100%;height:100%;display:flex;align-items:center;justify-content:center;animation:scaleIn .2s ease-out;cursor:default;padding:var(--space-6);box-sizing:border-box;pointer-events:none}@keyframes scaleIn{0%{opacity:0}to{opacity:1}}.image-modal-image{max-width:100%;max-width:calc(100vw - var(--space-12));max-height:calc(100vh - 120px);max-height:calc(100dvh - 120px);width:auto;height:auto;object-fit:contain;display:block;pointer-events:auto;cursor:default;position:relative;z-index:1;margin:auto;border-radius:var(--radius-m);box-shadow:0 20px 60px #00000080}.image-modal-close{position:absolute;top:var(--space-6);right:var(--space-6);background:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:var(--radius-full);width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100000;pointer-events:auto}.image-modal-close:hover{background:#ffffff40;transform:scale(1.1)}.image-modal-close:active{transform:scale(.95)}@media(max-width:768px){.app-showcase-section{padding:var(--space-10) var(--space-6)}.app-showcase-title{font-size:32px;line-height:40px}.image-modal-backdrop{padding:var(--space-4);padding-top:calc(var(--space-4) + env(safe-area-inset-top,0));padding-bottom:calc(var(--space-4) + env(safe-area-inset-bottom,0))}.image-modal-content{padding:50px var(--space-4) var(--space-4)}.image-modal-image{max-height:calc(100dvh - 100px);max-width:calc(100vw - var(--space-8))}.image-modal-close{top:var(--space-4);right:var(--space-4);width:40px;height:40px}}@media(max-width:480px){.image-modal-backdrop{padding:var(--space-3);padding-top:calc(var(--space-3) + env(safe-area-inset-top,0));padding-bottom:calc(var(--space-3) + env(safe-area-inset-bottom,0))}.image-modal-content{padding:50px var(--space-3) var(--space-3)}.image-modal-image{max-height:calc(100dvh - 100px);max-width:calc(100vw - var(--space-6))}.image-modal-close{top:var(--space-3);right:var(--space-3);width:36px;height:36px}}.how-it-works-section{padding:calc(var(--space-10) * 2) var(--space-12);position:relative;background-color:var(--surface-base)}.how-it-works-content{max-width:1200px;margin:0 auto}.how-it-works-title{font-size:28px;font-weight:700;line-height:36px;color:var(--neutral-700);margin:0 0 var(--space-12) 0}.how-it-works-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}.how-it-works-card{position:relative;padding:var(--space-6);background-color:var(--surface-base);border-radius:var(--radius-l);border:1px solid var(--neutral-200);box-shadow:var(--elevation-1);transition:all .4s cubic-bezier(.4,0,.2,1);overflow:hidden;opacity:0;transform:translateY(30px)}.how-it-works-card.animate-in{opacity:1;transform:translateY(0);transition:opacity .6s ease-out,transform .6s ease-out}.how-it-works-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--brand-primary),var(--brand-accent));transform:scaleX(0);transform-origin:left;transition:transform .4s ease}.how-it-works-card:hover{transform:translateY(-8px);box-shadow:var(--elevation-3);border-color:var(--brand-primary)}.how-it-works-card:hover:before{transform:scaleX(1)}.how-it-works-card-number{font-size:18px;font-weight:600;line-height:24px;color:var(--brand-primary);margin-bottom:var(--space-3);transition:transform .3s ease}.how-it-works-card:hover .how-it-works-card-number{transform:scale(1.2)}.how-it-works-card-emoji{font-size:32px;margin-bottom:var(--space-3);transition:transform .3s ease;display:inline-block}.how-it-works-card:hover .how-it-works-card-emoji{transform:scale(1.2) rotate(5deg)}.how-it-works-card-title{font-size:18px;font-weight:600;line-height:24px;color:var(--neutral-700);margin:0 0 var(--space-2) 0}.how-it-works-card-description{font-size:14px;font-weight:500;line-height:20px;color:var(--neutral-500);margin:0}@media(max-width:968px){.how-it-works-cards{grid-template-columns:1fr}}@media(max-width:768px){.how-it-works-section{padding:var(--space-10) var(--space-6)}}.features-section{padding:calc(var(--space-10) * 2) var(--space-12);background-color:var(--surface-base);position:relative;overflow:hidden}.features-section:before{content:"";position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,rgba(1,117,194,.15) 0%,transparent 70%);border-radius:50%;animation:pulse 8s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.2);opacity:.8}}.features-content{max-width:1200px;margin:0 auto;position:relative;z-index:1}.features-title{font-size:28px;font-weight:700;line-height:36px;color:var(--neutral-700);margin:0 0 var(--space-12) 0}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:var(--space-6)}.feature-card{position:relative;width:360px;height:220px;padding:var(--space-6);background-color:var(--surface-base);border-radius:var(--radius-l);border:1px solid var(--neutral-200);box-shadow:var(--elevation-1);display:flex;flex-direction:column;transition:all .4s cubic-bezier(.4,0,.2,1);overflow:hidden;opacity:0;transform:translateY(30px)}.feature-card.animate-in{opacity:1;transform:translateY(0);transition:opacity .6s ease-out,transform .6s ease-out}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--brand-primary),var(--brand-accent));transform:scaleX(0);transform-origin:left;transition:transform .4s ease}.feature-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:var(--elevation-3);border-color:var(--brand-primary)}.feature-card:hover:before{transform:scaleX(1)}.feature-card-hover-effect{position:absolute;top:50%;left:50%;width:0;height:0;background:radial-gradient(circle,rgba(1,117,194,.08) 0%,transparent 70%);border-radius:50%;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease;pointer-events:none}.feature-card:hover .feature-card-hover-effect{width:300px;height:300px}.feature-card-emoji{font-size:32px;margin-bottom:var(--space-4);transition:transform .3s ease;position:relative;z-index:1}.feature-card:hover .feature-card-emoji{transform:scale(1.2) rotate(5deg)}.feature-card-title{font-size:18px;font-weight:600;line-height:24px;color:var(--neutral-700);margin:0 0 var(--space-2) 0;position:relative;z-index:1}.feature-card-body{font-size:14px;font-weight:500;line-height:20px;color:var(--neutral-500);margin:0;flex:1;overflow:hidden;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;position:relative;z-index:1}@media(max-width:768px){.features-section{padding:var(--space-10) var(--space-6)}.features-grid{grid-template-columns:1fr}.feature-card{width:100%;height:auto;min-height:220px}}.pricing-section{padding:calc(var(--space-10) * 2) var(--space-12)}.pricing-content{max-width:1200px;margin:0 auto;text-align:center}.pricing-title{font-size:40px;font-weight:700;line-height:48px;color:var(--neutral-700);margin:0 0 var(--space-4) 0}.pricing-subtitle{font-size:18px;font-weight:600;line-height:24px;color:var(--neutral-500);margin:0 0 var(--space-8) 0}.pricing-toggle-container{display:flex;align-items:center;justify-content:center;gap:var(--space-4);margin-bottom:calc(var(--space-8) * 2)}.pricing-toggle-label{font-size:16px;font-weight:500;color:var(--neutral-500);transition:color .3s ease;display:flex;align-items:center;gap:var(--space-2)}.pricing-toggle-label.pricing-toggle-active{color:var(--brand-primary);font-weight:600}.pricing-toggle-badge{font-size:12px;font-weight:600;color:var(--brand-primary);background:var(--blue-100);padding:2px var(--space-2);border-radius:var(--radius-full);white-space:nowrap}.pricing-toggle-annual-info{font-size:14px;font-weight:500;color:var(--neutral-500);margin-left:var(--space-2);white-space:nowrap}.pricing-toggle{position:relative;width:56px;height:32px;background-color:var(--neutral-300);border-radius:var(--radius-full);border:none;cursor:pointer;transition:background-color .3s ease;padding:0}.pricing-toggle:hover{background-color:var(--neutral-400)}.pricing-toggle-slider{position:absolute;top:4px;left:4px;width:24px;height:24px;background-color:var(--surface-base);border-radius:50%;transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #2f4f4f33}.pricing-toggle-slider-yearly{transform:translate(24px)}.pricing-toggle:active .pricing-toggle-slider{width:28px}.pricing-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-8);max-width:960px;margin:0 auto}.pricing-card{max-width:480px;padding:var(--space-10);background-color:var(--surface-base);border-radius:var(--radius-l);border:1px solid var(--neutral-200);box-shadow:var(--elevation-1);text-align:left;transition:all .3s ease}.pricing-card-primary{background:linear-gradient(135deg,var(--surface-base) 0%,rgba(1,117,194,.05) 100%);border:2px solid var(--brand-primary);box-shadow:var(--elevation-2)}.pricing-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6)}.pricing-card-title{font-size:24px;font-weight:600;line-height:28px;color:var(--neutral-700);margin:0}.pricing-card-badge{padding:calc(var(--space-1) + 2px) var(--space-3);background:linear-gradient(135deg,var(--brand-primary) 0%,var(--brand-accent) 100%);border-radius:var(--radius-full);box-shadow:var(--elevation-1);color:var(--surface-base);font-size:12px;font-weight:500;letter-spacing:.5px}.pricing-card-sale-banner{margin-bottom:var(--space-4);padding:var(--space-2) var(--space-4);background:linear-gradient(135deg,var(--brand-secondary) 0%,var(--brand-primary) 100%);color:var(--surface-base);font-size:12px;font-weight:700;text-align:center;border-radius:var(--radius-m);text-transform:uppercase;letter-spacing:.5px;box-shadow:var(--elevation-1)}.pricing-card-price{margin-bottom:var(--space-2)}.pricing-card-price-row{display:flex;align-items:flex-end;gap:var(--space-2);flex-wrap:wrap}.pricing-card-price-amount{font-size:48px;font-weight:700;line-height:48px;color:var(--neutral-700)}.pricing-card-price-period{font-size:16px;font-weight:500;line-height:24px;color:var(--neutral-500);padding-bottom:12px}.pricing-card-discount{font-size:14px;font-weight:700;line-height:20px;color:var(--brand-primary);background:var(--blue-50);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);white-space:nowrap;margin-bottom:8px}.pricing-card-annual{font-size:14px;font-weight:500;line-height:20px;color:var(--neutral-500);margin:0 0 var(--space-8) 0}.pricing-card-savings{font-size:14px;font-weight:600;line-height:20px;color:var(--brand-primary);margin:0 0 var(--space-8) 0;background:var(--blue-100);padding:var(--space-2) var(--space-3);border-radius:var(--radius-m);display:inline-block}.pricing-card-features{list-style:none;padding:0;margin:0 0 var(--space-8) 0}.pricing-card-feature{display:flex;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-4)}.pricing-card-feature:last-child{margin-bottom:0}.pricing-card-check{flex-shrink:0;margin-top:2px}.pricing-card-feature span{font-size:15px;font-weight:500;line-height:1.4;color:var(--neutral-700)}.pricing-card-button{width:100%;padding:var(--space-4);border-radius:var(--radius-xl);font-size:14px;font-weight:600;line-height:20px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.pricing-card-button-primary{background:linear-gradient(135deg,var(--brand-primary) 0%,var(--brand-accent) 100%);color:var(--surface-base);border:none;box-shadow:0 4px 12px #0175c233}.pricing-card-button-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0175c24d}.pricing-card-button-outlined{background:transparent;color:var(--neutral-700);border:1px solid var(--neutral-200)}.pricing-card-button-outlined:hover{border-color:var(--brand-primary);background-color:var(--blue-50);color:var(--brand-primary)}@media(max-width:968px){.pricing-cards{grid-template-columns:1fr}.pricing-card{max-width:100%}}@media(max-width:768px){.pricing-section{padding:var(--space-10) var(--space-6)}.pricing-title{font-size:32px;line-height:40px}.pricing-toggle-container{margin-bottom:var(--space-10)}}.faq-section{padding:calc(var(--space-10) * 2) var(--space-12);background-color:var(--surface-base)}.faq-content{max-width:1200px;margin:0 auto}.faq-title{font-size:28px;font-weight:700;line-height:36px;color:var(--neutral-700);margin:0 0 var(--space-12) 0}.faq-items{display:flex;flex-direction:column;gap:var(--space-4)}.faq-item{padding:var(--space-6);background-color:var(--surface-base);border-radius:var(--radius-m);border:1px solid var(--neutral-200);box-shadow:var(--elevation-1)}.faq-question{font-size:18px;font-weight:600;line-height:24px;color:var(--neutral-700);margin:0 0 var(--space-2) 0}.faq-answer{font-size:15px;font-weight:500;line-height:24px;color:var(--neutral-700);margin:0}@media(max-width:768px){.faq-section{padding:var(--space-10) var(--space-6)}}.contact-section{padding:calc(var(--space-10) * 2) var(--space-12);background-color:var(--surface-base)}.contact-content{max-width:980px;margin:0 auto;text-align:center}.contact-title{font-size:28px;font-weight:700;line-height:36px;color:var(--neutral-700);margin:0 0 var(--space-3) 0}.contact-subtitle{font-size:16px;font-weight:500;line-height:24px;color:var(--neutral-500);margin:0 0 var(--space-6) 0}.contact-email{font-size:18px;font-weight:600;line-height:24px;color:var(--brand-primary);text-decoration:underline;text-decoration-color:var(--brand-primary);transition:opacity var(--duration-fast)}.contact-email:hover{opacity:.8}@media(max-width:768px){.contact-section{padding:var(--space-10) var(--space-6)}}.app{min-height:100vh;display:flex;flex-direction:column}main{flex:1}.footer{padding:var(--space-6);text-align:center}.footer p{font-size:14px;font-weight:500;line-height:20px;color:var(--neutral-400);margin:0}