@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{color-scheme:light;--base-black: #000000;--base-primary-200: #A2D2F9;--base-primary-300: #6EB8F5;--base-primary-900: #004780;--base-success-300: #A5D6A7;--base-gray-100: #F7F7F7;--base-gray-300: #CCCCCC;--base-gray-400: #B3B3B3;--base-gray-500: #9E9E9E;--base-gray-600: #808080;--base-gray-700: #666666;--base-gray-900: #262626;--color-brand: #0EA5E9;--color-primary: #0369A1;--color-primary-dark: #075985;--color-primary-light: #E0F2FE;--color-on-primary: #FFFFFF;--color-bg: #F8FAFC;--color-surface: #FFFFFF;--color-text: #0F172A;--color-text-muted: #475569;--color-text-subtle: #64748B;--color-border: #E2E8F0;--color-border-strong: #7C8BA1;--color-device-frame: #0F172A;--color-border-subtle: rgba(0,0,0,.05);--color-success: #047857;--color-white: #FFFFFF;--color-header-bg: rgba(255,255,255,.95);--gradient-page: linear-gradient(135deg, #F8FAFC 0%, #E0F2FE 50%, #F8FAFC 100%);--gradient-accent: linear-gradient(135deg, #E0F2FE 0%, #BAE6FD 100%);--gradient-flow-card: linear-gradient(175deg, #E0F2FE 94%, #AAE6FD 10%);--pattern-filter: none;--space-xs: .5rem;--space-sm: 1rem;--space-md: 2rem;--space-lg: 4rem;--space-xl: 6rem;--max-width: 1200px;--radius-sm: .5rem;--radius-md: 1rem;--radius-lg: 1.5rem;--radius-pill: 9999px;--shadow-sm: 0 1px 3px rgba(0,0,0,.1);--shadow-md: 0 4px 6px -1px rgba(0,0,0,.1), 0 2px 4px -1px rgba(0,0,0,.06);--shadow-lg: 0 20px 25px -5px rgba(0,0,0,.1), 0 10px 10px -5px rgba(0,0,0,.04);--shadow-soft: 0 4px 16px rgba(0, 0, 0, .06), 0 1px 4px rgba(0, 0, 0, .04);--shadow-soft-hover: 0 8px 24px rgba(0, 0, 0, .08), 0 2px 8px rgba(0, 0, 0, .05);--shadow-btn-hover: 0 15px 30px -10px rgba(3, 105, 161, .45)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--color-brand: var(--base-primary-300);--color-primary: var(--base-primary-300);--color-primary-dark: var(--base-primary-200);--color-primary-light: #003A66;--color-on-primary: var(--base-black);--color-bg: var(--base-gray-900);--color-surface: #333333;--color-text: var(--base-gray-100);--color-text-muted: var(--base-gray-300);--color-text-subtle: var(--base-gray-400);--color-border: var(--base-gray-600);--color-border-subtle: var(--base-gray-700);--color-border-strong: var(--base-gray-500);--color-device-frame: var(--base-black);--color-success: var(--base-success-300);--color-header-bg: rgba(38,38,38,.94);--gradient-page: linear-gradient(135deg, #262626 0%, #1B2A38 50%, #262626 100%);--gradient-accent: linear-gradient(135deg, #1B2A38 0%, var(--base-primary-900) 100%);--gradient-flow-card: linear-gradient(175deg, #333333 94%, #003A66 10%);--pattern-filter: invert(1);--shadow-sm: 0 1px 3px rgba(0,0,0,.4);--shadow-md: 0 4px 6px -1px rgba(0,0,0,.4), 0 2px 4px -1px rgba(0,0,0,.3);--shadow-lg: 0 20px 25px -5px rgba(0,0,0,.5), 0 10px 10px -5px rgba(0,0,0,.3);--shadow-soft: 0 4px 16px rgba(0,0,0,.35), 0 1px 4px rgba(0,0,0,.25);--shadow-soft-hover: 0 8px 24px rgba(0,0,0,.45), 0 2px 8px rgba(0,0,0,.3);--shadow-btn-hover: 0 15px 30px -10px rgba(110, 184, 245, .35)}}:root[data-theme=dark]{color-scheme:dark;--color-brand: var(--base-primary-300);--color-primary: var(--base-primary-300);--color-primary-dark: var(--base-primary-200);--color-primary-light: #003A66;--color-on-primary: var(--base-black);--color-bg: var(--base-gray-900);--color-surface: #333333;--color-text: var(--base-gray-100);--color-text-muted: var(--base-gray-300);--color-text-subtle: var(--base-gray-400);--color-border: var(--base-gray-600);--color-border-subtle: var(--base-gray-700);--color-border-strong: var(--base-gray-500);--color-device-frame: var(--base-black);--color-success: var(--base-success-300);--color-header-bg: rgba(38,38,38,.94);--gradient-page: linear-gradient(135deg, #262626 0%, #1B2A38 50%, #262626 100%);--gradient-accent: linear-gradient(135deg, #1B2A38 0%, var(--base-primary-900) 100%);--gradient-flow-card: linear-gradient(175deg, #333333 94%, #003A66 10%);--pattern-filter: invert(1);--shadow-sm: 0 1px 3px rgba(0,0,0,.4);--shadow-md: 0 4px 6px -1px rgba(0,0,0,.4), 0 2px 4px -1px rgba(0,0,0,.3);--shadow-lg: 0 20px 25px -5px rgba(0,0,0,.5), 0 10px 10px -5px rgba(0,0,0,.3);--shadow-soft: 0 4px 16px rgba(0,0,0,.35), 0 1px 4px rgba(0,0,0,.25);--shadow-soft-hover: 0 8px 24px rgba(0,0,0,.45), 0 2px 8px rgba(0,0,0,.3);--shadow-btn-hover: 0 15px 30px -10px rgba(110, 184, 245, .35)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Inter,system-ui,-apple-system,sans-serif;font-size:1rem;line-height:1.6;color:var(--color-text);background-color:var(--color-bg);background-image:var(--gradient-page);background-attachment:fixed;overflow-x:hidden}img,svg{display:block;max-width:100%}a{color:var(--color-primary);text-decoration:none;transition:all .2s ease}a:hover{color:var(--color-primary-dark)}ul{list-style:none}input,textarea,select{font:inherit;color:var(--color-text);background-color:var(--color-surface);border-color:var(--color-border-strong)!important}::placeholder{color:var(--color-text-subtle);opacity:1}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 var(--space-sm)}.header{position:sticky;top:0;z-index:100;background:var(--color-header-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border-subtle)}.header .container{display:flex;justify-content:space-between;align-items:center;height:72px}.logo{font-family:Inter,sans-serif;font-weight:800;font-size:1.5rem;color:var(--color-text);display:flex;align-items:center;gap:.5rem;text-decoration:none}.logo svg{width:32px;height:32px;color:var(--color-brand);fill:currentColor;stroke:currentColor}.nav-links{display:flex;gap:var(--space-md);align-items:center}.nav-links a{font-size:.95rem;font-weight:600;color:var(--color-text-muted)}.nav-links a:hover{color:var(--color-primary)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;background:var(--color-primary);color:var(--color-on-primary)!important;border:none;border-radius:var(--radius-pill);font-size:1rem;font-weight:700;cursor:pointer;transition:background-color .3s ease,color .3s ease,transform .2s ease,box-shadow .2s ease;text-decoration:none}.btn:hover{background:var(--color-primary-dark);color:var(--color-on-primary)!important;transform:translateY(-2px);box-shadow:var(--shadow-btn-hover)}.btn:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.mobile-toggle{display:none;background:none;border:none;cursor:pointer;font-size:1.5rem;color:var(--color-text)}.hero{padding-top:var(--space-xl);padding-bottom:var(--space-xl);position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:-100px;right:-100px;width:600px;height:600px;background:var(--gradient-accent);border-radius:50%;opacity:.5;z-index:-1;filter:blur(60px)}.hero-content{display:grid;grid-template-columns:1fr;gap:var(--space-lg);align-items:center}.hero-text{text-align:center}.hero-text h1{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;line-height:1.1;margin-bottom:var(--space-sm);color:var(--color-text);letter-spacing:-.02em}.hero-text h1 span{color:var(--color-primary)}.hero-text p{font-size:clamp(1.1rem,2vw,1.25rem);color:var(--color-text-muted);margin-bottom:var(--space-md);max-width:600px;margin-left:auto;margin-right:auto}.hero-image{position:relative;display:flex;justify-content:center}.phone-mockup{width:100%;max-width:300px;height:500px;background:var(--color-surface);border-radius:32px;border:8px solid var(--color-device-frame);box-shadow:var(--shadow-lg);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);font-weight:600}.phone-mockup:after{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:40%;height:24px;background:var(--color-device-frame);border-bottom-left-radius:12px;border-bottom-right-radius:12px}.section{padding:var(--space-xl) 0}.section-header{text-align:center;margin-bottom:var(--space-lg)}.section-header h2{font-size:clamp(2rem,4vw,2.5rem);font-weight:800;margin-bottom:var(--space-sm)}.section-header p{color:var(--color-text-muted);font-size:1.1rem}.steps-grid{display:grid;grid-template-columns:1fr;gap:var(--space-lg)}.step-card{display:grid;grid-template-columns:1fr;background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-md);box-shadow:var(--shadow-md);border:1px solid var(--color-border-subtle);transition:transform .3s ease,box-shadow .3s ease}.step-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.step-number{font-size:3rem;font-weight:900;color:var(--color-primary-light);line-height:1;margin-bottom:var(--space-xs)}.step-card h3{font-size:1.5rem;font-weight:700;margin-bottom:var(--space-xs)}.step-card p{color:var(--color-text-muted);margin-bottom:var(--space-md)}.step-visual{margin-top:var(--space-sm);border-radius:var(--radius-md);display:flex;justify-content:center;align-items:center;background:var(--color-surface);padding:24px;box-shadow:var(--shadow-soft);border:1px solid var(--color-border-subtle)}.step-visual:hover{transform:translateY(-2px);box-shadow:var(--shadow-soft-hover)}.ui-screenshot{width:450px;height:450px;object-fit:contain;display:block;border-radius:12px;box-shadow:var(--shadow-sm)}.features-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-md);margin-bottom:var(--space-lg)}.feature-item{display:flex;flex-direction:column;align-items:center;text-align:center;width:120px}.feature-icon{width:64px;height:64px;background:var(--color-surface);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-xs);box-shadow:var(--shadow-sm);border:2px solid var(--color-primary-light);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.feature-item:hover .feature-icon{transform:scale(1.1);box-shadow:var(--shadow-md);border-color:var(--color-primary)}.feature-icon svg{width:32px;height:32px;color:var(--color-primary);transition:color .2s ease}.feature-item:hover .feature-icon svg{color:var(--color-primary-dark)}.feature-item span{font-weight:600;font-size:.9rem}.testimonial-card{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-md);max-width:600px;margin:0 auto;position:relative;box-shadow:var(--shadow-md);transition:transform .3s ease,box-shadow .3s ease}.testimonial-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.testimonial-card:before{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);border-left:20px solid transparent;border-right:20px solid transparent;border-top:20px solid var(--color-surface)}.testimonial-text{font-size:1.1rem;font-style:italic;color:var(--color-text-muted);margin-bottom:var(--space-sm);text-align:center}.testimonial-author{display:flex;align-items:center;justify-content:center;gap:var(--space-sm)}.testimonial-avatar{width:48px;height:48px;background:var(--color-primary-light);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--color-primary)}.testimonial-info strong{display:block;color:var(--color-text)}.testimonial-info span{font-size:.85rem;color:var(--color-text-muted)}.news-section,#features{background:var(--color-surface);padding:var(--space-xl) 0}.news-section.bubble-bg,#features.bubble-bg{background-color:var(--color-surface)}.news-widget-placeholder{background:var(--color-bg);border:2px dashed var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);text-align:center;color:var(--color-text-muted)}.legal-content{background:var(--color-surface);padding:var(--space-lg);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin-top:var(--space-md)}.legal-content h1{font-size:var(--text-xl);margin-bottom:var(--space-sm);color:var(--color-primary)}.legal-content h2{font-size:var(--text-lg);margin-top:var(--space-md);margin-bottom:var(--space-xs);color:var(--color-text)}.legal-content p,.legal-content li{color:var(--color-text-muted);margin-bottom:var(--space-sm);line-height:1.7}.legal-content ol,.legal-content ul{padding-left:var(--space-md);margin-bottom:var(--space-md)}.legal-content li{margin-bottom:var(--space-xs)}.back-link{display:inline-flex;align-items:center;gap:.5rem;margin-bottom:var(--space-md);color:var(--color-primary);font-weight:600;text-decoration:none}.back-link:hover{color:var(--color-primary-dark)}.footer{padding:var(--space-lg) 0;text-align:center;background:var(--color-surface);border-top:1px solid var(--color-border)}.footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-md);margin-bottom:var(--space-md)}.footer-links a{font-size:.9rem;color:var(--color-text-muted);font-weight:500}.footer-links a:hover{color:var(--color-primary)}.social-icons{display:flex;justify-content:center;gap:var(--space-sm);margin-bottom:var(--space-md)}.social-icon{width:40px;height:40px;background:var(--color-bg);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);transition:all .2s ease}.social-icon:hover{background:var(--color-primary);color:var(--color-on-primary);transform:scale(1.1)}@media(min-width:992px){.hero-content{grid-template-columns:1fr 1fr;text-align:left}.hero-text{text-align:left}.hero-text p{margin-left:0}.steps-grid{grid-template-columns:1fr 1fr}}@media(max-width:768px){.mobile-toggle{display:block}.nav-links{position:absolute;top:72px;left:0;width:100%;background:var(--color-surface);flex-direction:column;padding:var(--space-md);border-bottom:1px solid var(--color-border);display:none;box-shadow:var(--shadow-md)}.nav-links.open{display:flex}.ui-screenshot{width:150px;height:337px}.legal-content{padding:var(--space-md)}.legal-page{padding-top:var(--space-md)}.legal-page .back-link{margin-bottom:var(--space-sm)}.legal-page .legal-content{margin-top:var(--space-sm)}}.bubble-bg{position:relative;overflow:hidden;background-color:var(--color-surface)}.bubble-bg:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(/assets/vecteezy_grey-japanese-wave-pattern-background-japanese-seamless_34331915-BauYRXtZ.svg);background-size:10%;background-position:center;background-repeat:repeat;opacity:.1;filter:var(--pattern-filter);z-index:0;pointer-events:none}.vecteezy{font-size:6px;color:var(--color-text-subtle)}.bubble-bg .container,.bubble-bg h2,.bubble-bg p,.bubble-bg div{position:relative;z-index:1}.hero-content,.hero-image{transition:transform .1s ease-out;will-change:transform}.flow-grid{display:flex;flex-direction:column;gap:var(--space-md);max-width:900px;margin:0 auto}.flow-row{display:grid;grid-template-columns:1fr;gap:var(--space-md)}.flow-card{background:var(--gradient-flow-card);border-radius:var(--radius-md);padding:var(--space-md);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;align-items:center;text-align:center;transition:transform .3s ease,box-shadow .3s ease;position:relative;z-index:1}.flow-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-md)}.flow-icon{width:56px;height:56px;background:var(--color-primary-light);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-primary);margin-bottom:var(--space-sm)}.flow-icon svg{width:28px;height:28px}.flow-number{width:32px;height:32px;background:var(--color-primary);color:var(--color-on-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.875rem;margin-bottom:var(--space-xs)}.flow-card h3{font-size:var(--text-lg);font-weight:700;color:var(--color-text);margin-bottom:.5rem}.flow-card p{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.5}.flow-arrow{display:flex;justify-content:center;color:var(--color-primary);margin:.5rem 0;animation:bounceDown 2s infinite ease-in-out}.flow-arrow svg{width:24px;height:24px}@keyframes bounceDown{0%,to{transform:translateY(0);opacity:1}50%{transform:translateY(5px);opacity:.7}}@media(min-width:768px){.flow-row{grid-template-columns:1fr 1fr;gap:var(--space-lg)}.flow-card{padding:var(--space-lg)}.flow-grid{gap:var(--space-lg)}}.levelup{background:var(--gradient-accent)!important}