@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Plus+Jakarta+Sans:wght@500;600;700;800&display=swap&subset=latin,latin-ext";.astro-route-announcer{position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}:root{color-scheme:dark;--blue-50: #E3F2FD;--blue-100: #BBDEFB;--blue-200: #90CAF9;--blue-300: #64B5F6;--blue-400: #42A5F5;--blue-500: #2196F3;--blue-600: #1E88E5;--blue-700: #1565C0;--blue-800: #0D47A1;--gold: #FFD54F;--gold-glow: rgba(255, 213, 79, .12);--bg: #060E1A;--bg-raised: #0A1929;--bg-surface: #0E2137;--bg-hover: #132D47;--panel: rgba(10, 25, 41, .65);--panel-strong: rgba(10, 25, 41, .92);--panel-glow: rgba(33, 150, 243, .06);--text: #F0F4F8;--muted: #8BA4C0;--dim: #5A7B9A;--line: rgba(33, 150, 243, .12);--line-bold: rgba(33, 150, 243, .28);--accent: #42A5F5;--accent-light: #90CAF9;--accent-dark: #1565C0;--accent-glow: rgba(33, 150, 243, .15);--max: 1200px;--max-wide: 1400px;--radius: 20px;--radius-lg: 28px;--radius-sm: 12px;--shadow: 0 8px 32px rgba(0, 0, 0, .28);--shadow-lg: 0 24px 64px rgba(0, 0, 0, .36);--grad-brand: linear-gradient(135deg, var(--blue-300), var(--blue-600));--grad-subtle: linear-gradient(135deg, var(--blue-500), var(--blue-700));--grad-hero: linear-gradient(160deg, rgba(33,150,243,.12) 0%, transparent 40%, rgba(255,213,79,.05) 100%);--header-bg: rgba(6, 14, 26, .75);--mega-bg: rgba(10, 25, 41, .95)}html.light{color-scheme:light;--bg: #F5F8FC;--bg-raised: #FFFFFF;--bg-surface: #EBF1F8;--bg-hover: #DCE6F0;--panel: rgba(255, 255, 255, .7);--panel-strong: rgba(255, 255, 255, .95);--panel-glow: rgba(33, 150, 243, .06);--text: #1A202C;--muted: #4A5568;--dim: #94A3B8;--line: rgba(33, 150, 243, .12);--line-bold: rgba(33, 150, 243, .25);--accent-glow: rgba(33, 150, 243, .1);--shadow: 0 4px 16px rgba(0, 0, 0, .06);--shadow-lg: 0 12px 40px rgba(0, 0, 0, .1);--grad-hero: linear-gradient(160deg, rgba(33,150,243,.06) 0%, transparent 40%, rgba(255,213,79,.04) 100%);--header-bg: rgba(245, 248, 252, .8);--mega-bg: rgba(255, 255, 255, .97)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg);min-height:100%;font-family:Inter,system-ui,sans-serif;color:var(--text);-webkit-font-smoothing:antialiased;transition:background .3s ease,color .3s ease;overflow-x:hidden}body{margin:0;min-height:100vh;overflow-x:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}main{padding:0}.skip-nav{position:absolute;top:-100%;left:1rem;z-index:999;padding:.75rem 1.5rem;background:var(--accent);color:var(--bg);border-radius:var(--radius-sm);font-weight:700;transition:top .2s}.skip-nav:focus{top:1rem}.site-shell{position:relative;min-height:100vh;overflow:hidden}.site-shell:before{content:"";position:fixed;top:-10rem;right:-14rem;width:50rem;height:50rem;background:radial-gradient(circle,rgba(33,150,243,.08),transparent 65%);pointer-events:none;z-index:0}.site-shell:after{content:"";position:fixed;bottom:-12rem;left:-12rem;width:40rem;height:40rem;background:radial-gradient(circle,rgba(255,213,79,.04),transparent 65%);pointer-events:none;z-index:0}.site-header,.content-section,.hero,.cta-panel,.site-footer{position:relative;z-index:1;max-width:var(--max);margin:0 auto}.site-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 2rem;position:sticky;top:0;z-index:100;background:var(--header-bg);backdrop-filter:blur(24px) saturate(1.5);border-bottom:1px solid var(--line);max-width:100%;transition:background .3s ease}.site-header .header-inner{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:var(--max);margin:0 auto}.brand-mark{display:inline-flex;align-items:center;gap:.65rem;flex-shrink:0;transition:opacity .2s}.brand-mark:hover{opacity:.85}.brand-logo{height:2.5rem;width:auto;border-radius:8px}.brand-name{font-family:Plus Jakarta Sans,system-ui,sans-serif;font-size:1.25rem;font-weight:800;color:var(--text);letter-spacing:-.02em}.site-nav{display:flex;align-items:center;gap:.15rem;flex:1;justify-content:flex-end}.site-nav a{padding:.5rem .85rem;border-radius:10px;color:var(--muted);font-size:.88rem;font-weight:600;transition:color .2s,background .2s;white-space:nowrap}.site-nav a:hover{color:var(--text);background:var(--accent-glow)}.site-nav a.active{color:var(--accent);background:var(--accent-glow)}.nav-cta{margin-left:.5rem;padding:.5rem 1.1rem!important;background:var(--grad-brand)!important;color:#fff!important;border-radius:10px;font-weight:700!important;transition:transform .2s,box-shadow .2s!important}.nav-cta:hover{transform:translateY(-1px);box-shadow:0 4px 20px #2196f359;background:var(--grad-brand)!important}.header-actions{display:none;align-items:center;gap:.5rem}.theme-toggle{background:none;border:1px solid var(--line);border-radius:10px;padding:.4rem;color:var(--muted);cursor:pointer;line-height:1;transition:color .2s,border-color .2s;flex-shrink:0}.theme-toggle:hover{color:var(--accent);border-color:var(--accent)}.theme-toggle svg{width:1.15rem;height:1.15rem;display:block}.theme-toggle .icon-sun{display:none}.theme-toggle .icon-moon,html.light .theme-toggle .icon-sun{display:block}html.light .theme-toggle .icon-moon{display:none}.desktop-theme-toggle{margin-left:.35rem}.nav-toggle{display:none;background:none;border:1px solid var(--line);border-radius:10px;padding:.5rem;color:var(--text);cursor:pointer;line-height:1}.nav-toggle svg{width:1.25rem;height:1.25rem;display:block}.hero{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center;padding:6rem 2rem 5rem;min-height:85vh}.hero-content{display:grid;gap:1.75rem}.hero-visual{display:flex;align-items:center;justify-content:center;position:relative}.hero-mascot{max-width:380px;width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 20px 60px rgba(33,150,243,.25));animation:heroFloat 6s ease-in-out infinite}@keyframes heroFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.hero:before{content:"";position:absolute;top:10%;left:50%;width:700px;height:700px;background:radial-gradient(circle,rgba(33,150,243,.08),transparent 60%);pointer-events:none;z-index:-1;animation:orbPulse 8s ease-in-out infinite}@keyframes orbPulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.page-hero{padding:3.5rem 2.5rem;border-radius:var(--radius-lg);background:linear-gradient(155deg,rgba(33,150,243,.08),transparent 50%),var(--panel-strong);border:1px solid var(--line);position:relative;overflow:hidden}.page-hero:before{content:"";position:absolute;top:-60px;right:-60px;width:200px;height:200px;border:2px solid rgba(33,150,243,.08);border-radius:50%;pointer-events:none}.page-hero h1{max-width:20ch}.page-hero p{max-width:60ch;margin:1.25rem 0 0}.eyebrow{margin:0 0 .75rem;color:var(--accent);text-transform:uppercase;letter-spacing:.16em;font-size:.75rem;font-weight:700}h1,h2,h3{margin:0;font-family:Plus Jakarta Sans,Inter,system-ui,sans-serif;font-weight:800;line-height:1.15;letter-spacing:-.025em}h1{font-size:clamp(2.6rem,5vw,4.2rem);max-width:22ch;line-height:1.18}h2{font-size:clamp(1.6rem,3vw,2.4rem);max-width:28ch}h3{font-size:1.2rem;font-weight:700;letter-spacing:-.01em}p,li,span,small,input,textarea,select,button{line-height:1.7;font-size:1rem}.lead,.section-heading p,.info-card p,.page-hero p,.site-footer p,.legal-layout p,.legal-layout li{color:var(--muted)}.lead{max-width:56ch;font-size:1.1rem;margin:0;line-height:1.8}.gradient-text{background:var(--grad-brand);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.actions{display:flex;flex-wrap:wrap;gap:.75rem}.button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.85rem 1.7rem;border-radius:12px;border:1px solid transparent;font-weight:700;font-size:.95rem;cursor:pointer;transition:transform .2s,box-shadow .2s,background .2s,border-color .2s}.button:hover{transform:translateY(-2px);box-shadow:0 8px 28px #00000040}.button:active{transform:translateY(0)}.button-primary{background:var(--grad-brand);color:#fff}.button-primary:hover{box-shadow:0 8px 36px #2196f359}.button-secondary{border-color:var(--line-bold);background:var(--bg-surface);color:var(--text)}.button-secondary:hover{border-color:var(--accent);background:var(--accent-glow)}.text-link{color:var(--accent);font-weight:600;display:inline-flex;align-items:center;gap:.35rem;transition:gap .2s}.text-link:hover{gap:.65rem}.text-link:after{content:"→"}.stat-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border-radius:var(--radius-sm);overflow:hidden}.stat-item{padding:1.5rem 1rem;background:var(--bg-raised);text-align:center}.stat-item strong{display:block;font-size:1.5rem;font-weight:800;color:var(--accent);font-family:Plus Jakarta Sans,system-ui,sans-serif}.stat-item span{font-size:.82rem;color:var(--dim);margin-top:.35rem;display:block}.info-card,.cta-panel,.contact-panel,.contact-form,.legal-layout,.page-hero,.pricing-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);backdrop-filter:blur(16px)}.info-card{padding:2rem;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}.info-card:hover{transform:translateY(-6px);border-color:var(--accent);box-shadow:0 16px 48px #2196f31f}.info-card h3{margin-bottom:.6rem}.card-icon{width:3rem;height:3rem;border-radius:12px;background:var(--accent-glow);display:grid;place-items:center;margin-bottom:1.15rem;color:var(--accent);font-size:1.35rem}.card-icon-gold{background:var(--gold-glow);color:var(--gold)}.card-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}.card-grid-3{grid-template-columns:repeat(3,1fr)}.card-grid-4{grid-template-columns:repeat(4,1fr)}.step-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;counter-reset:step}.step-flow-4{grid-template-columns:repeat(4,1fr)}.step-item{text-align:center;padding:2rem 1.25rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);position:relative;counter-increment:step}.step-item:before{content:counter(step);display:grid;place-items:center;width:2.5rem;height:2.5rem;border-radius:50%;background:var(--grad-brand);color:#fff;font-weight:800;font-size:1rem;margin:0 auto 1rem;font-family:Plus Jakarta Sans,system-ui,sans-serif}.step-item h3{font-size:1.05rem;margin-bottom:.5rem}.step-item p{font-size:.9rem;color:var(--muted);margin:0}.content-section,.page-stack{padding:4rem 2rem 0}.section-heading{display:grid;gap:.75rem;margin-bottom:2.5rem}.section-heading-center{text-align:center}.section-heading-center h2{margin-left:auto;margin-right:auto}.pricing-card{padding:2.5rem;text-align:center;position:relative;overflow:hidden;max-width:420px;margin:0 auto}.pricing-card:before{content:"";position:absolute;inset:0;border-radius:var(--radius);padding:2px;background:var(--grad-brand);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.pricing-price{font-size:3rem;font-weight:800;color:var(--accent);font-family:Plus Jakarta Sans,system-ui,sans-serif;line-height:1}.pricing-period{color:var(--muted);font-size:1rem;font-weight:500}.pricing-features{list-style:none;padding:0;margin:1.5rem 0;text-align:left}.pricing-features li{padding:.5rem 0 .5rem 1.6rem;position:relative;color:var(--muted);font-size:.95rem;border-bottom:1px solid var(--line)}.pricing-features li:last-child{border-bottom:none}.pricing-features li:before{content:"✓";position:absolute;left:0;color:var(--accent);font-weight:700}.cta-panel{padding:5rem 2rem;margin:4rem auto 0;text-align:center;border-radius:var(--radius-lg);background:linear-gradient(160deg,#2196f324,#1565c00f),var(--panel-strong);border:1px solid var(--line);position:relative;overflow:hidden}.cta-panel:before{content:"";position:absolute;top:-50%;left:-25%;width:150%;height:150%;background:radial-gradient(ellipse at center,rgba(33,150,243,.08),transparent 60%);pointer-events:none}.cta-panel h2{margin:0 auto;max-width:24ch;position:relative}.cta-panel p{margin:1rem auto 0;max-width:52ch;color:var(--muted);position:relative}.cta-panel .button{margin-top:1.75rem;position:relative}.page-stack{display:grid;gap:3rem;padding-bottom:2rem;max-width:100%;overflow:hidden}.page-stack>*{min-width:0;max-width:100%}.feature-list,.site-footer ul,.legal-layout ul{list-style:none;padding:0;margin:0}.feature-list li,.site-footer li,.legal-layout li{position:relative;padding-left:1.4rem;margin-top:.65rem}.feature-list li:before,.site-footer li:before,.legal-layout li:before{content:"";position:absolute;left:0;top:.7rem;width:6px;height:6px;border-radius:50%;background:var(--accent)}.chip-grid{display:flex;flex-wrap:wrap;gap:.5rem}.chip{padding:.45rem 1rem;border-radius:100px;border:1px solid var(--line-bold);background:var(--accent-glow);color:var(--accent-light);font-size:.82rem;font-weight:600;white-space:nowrap}.lang-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);padding:1.75rem;transition:border-color .3s}.lang-card:hover{border-color:var(--accent)}.lang-flag{font-size:1.75rem;margin-bottom:.75rem}.lang-name{font-weight:700;font-size:1rem;margin-bottom:.4rem}.lang-example{font-size:.92rem;color:var(--muted);font-style:italic;margin:0}.faq-item{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel);overflow:hidden}.faq-question{width:100%;background:none;border:none;padding:1.25rem 1.5rem;display:flex;justify-content:space-between;align-items:center;font:inherit;font-weight:700;font-size:1rem;color:var(--text);cursor:pointer;transition:color .2s;text-align:left}.faq-question:hover{color:var(--accent)}.faq-chevron{transition:transform .3s;flex-shrink:0;color:var(--dim)}.faq-item.open .faq-chevron{transform:rotate(180deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease}.faq-item.open .faq-answer{max-height:500px}.faq-answer-inner{padding:0 1.5rem 1.25rem;color:var(--muted);font-size:.95rem;line-height:1.7}.contact-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.contact-panel{padding:2.5rem;background:linear-gradient(160deg,rgba(33,150,243,.08),var(--panel-strong));border:1px solid var(--line);border-radius:var(--radius)}.contact-form{display:grid;gap:1rem;padding:2.5rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel)}.contact-form label{display:grid;gap:.4rem;font-weight:600;font-size:.92rem}.contact-form input,.contact-form textarea{width:100%;padding:.85rem 1rem;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--bg);color:var(--text);font:inherit;transition:border-color .2s,box-shadow .2s}.contact-form input:focus,.contact-form textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.contact-form textarea{min-height:8rem;resize:vertical}.contact-info-list{display:grid;gap:1.25rem;margin-top:1.5rem}.contact-info-item{display:flex;gap:1rem;align-items:flex-start}.contact-info-icon{width:2.5rem;height:2.5rem;border-radius:10px;background:var(--accent-glow);display:grid;place-items:center;flex-shrink:0;color:var(--accent);font-size:1.1rem}.contact-info-item strong{display:block;font-size:.85rem;color:var(--text);margin-bottom:.15rem}.contact-info-item span,.contact-info-item a{font-size:.95rem;color:var(--muted)}.contact-info-item a:hover{color:var(--accent)}.legal-layout{padding:2.5rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel)}.legal-layout h2{margin-bottom:1rem}.legal-layout h3{margin:1.5rem 0 .75rem}.logo-light,html.light .logo-dark{display:none}html.light .logo-light{display:block}.site-footer{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:2rem;padding:4rem 2rem 1.5rem;border-top:1px solid var(--line);margin-top:4rem}.site-footer h3{font-family:Plus Jakarta Sans,system-ui,sans-serif;font-size:.82rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text);margin:0 0 1rem}.site-footer p{font-size:.88rem;color:var(--dim);margin:.5rem 0 0}.footer-note{grid-column:1 / -1;text-align:center;padding-top:1.5rem;border-top:1px solid var(--line);font-size:.82rem;color:var(--dim)}.footer-brand-logo{height:2.25rem;width:auto;margin-bottom:.75rem}.footer-social{display:flex;gap:.75rem;margin-top:1rem}.footer-social a{color:var(--muted);transition:color .2s}.footer-social a:hover{color:var(--accent)}.back-to-top{position:fixed;bottom:2rem;right:2rem;width:44px;height:44px;border-radius:50%;background:var(--grad-brand);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700;text-decoration:none;box-shadow:0 4px 14px #2196f366;opacity:0;pointer-events:none;transition:opacity .3s,transform .3s;z-index:100}.back-to-top.visible{opacity:1;pointer-events:auto}.back-to-top:hover{transform:translateY(-3px);box-shadow:0 6px 20px #2196f399}.pattern-category{margin-bottom:2rem}.pattern-category h3{margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.pattern-category h3 .cat-icon{font-size:1.1rem}.screenshot-placeholder{border:2px dashed var(--line-bold);border-radius:var(--radius);padding:4rem 2rem;text-align:center;color:var(--dim);background:var(--bg-raised)}.screenshot-placeholder .ph-icon{font-size:2.5rem;margin-bottom:1rem}.screenshot-placeholder p{margin:0;font-size:.92rem}.section-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem;align-items:start}.comparison-table{width:100%;border-collapse:collapse;border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--line)}.comparison-table th,.comparison-table td{padding:.85rem 1.25rem;text-align:left;border-bottom:1px solid var(--line)}.comparison-table th{background:var(--bg-raised);font-weight:700;font-size:.88rem;color:var(--text)}.comparison-table td{font-size:.92rem;color:var(--muted)}.comparison-table tr:last-child td{border-bottom:none}.comparison-table .check{color:var(--accent);font-weight:700}.comparison-table .cross{color:var(--dim)}@media(max-width:1024px){.card-grid-3,.card-grid-4,.step-flow,.step-flow-4,.stat-strip,.site-footer{grid-template-columns:repeat(2,1fr)}.section-grid{grid-template-columns:1fr}}@media(max-width:768px){.hero{grid-template-columns:1fr;padding:4rem 1.5rem 3rem;min-height:auto;text-align:center}.hero-visual{order:-1}.hero-mascot{max-width:220px;width:60%;height:auto}.hero-content{align-items:center}.actions{justify-content:center}.lead{margin-left:auto;margin-right:auto}.site-nav{display:none;position:fixed;inset:0;z-index:200;background:var(--bg);flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:2rem}.site-nav.open{display:flex}.site-nav a{font-size:1.15rem;padding:.75rem 1.5rem}.nav-cta{margin-left:0!important;margin-top:.5rem}.nav-toggle,.header-actions{display:flex}.desktop-theme-toggle{display:none}.card-grid,.card-grid-3,.card-grid-4,.step-flow,.step-flow-4{grid-template-columns:1fr}.stat-strip{grid-template-columns:repeat(2,1fr)}.contact-grid{grid-template-columns:1fr}.page-hero{padding:2.5rem 1.75rem}.site-footer{grid-template-columns:1fr}.content-section,.page-stack{padding:3rem 1.5rem 0}.cta-panel{padding:3rem 1.5rem;margin-top:3rem}h1{max-width:100%}}@media(max-width:480px){.stat-strip{grid-template-columns:1fr 1fr}.pricing-card{margin:0 -.5rem}}