:root{font-family:Avenir Next,Hiragino Sans,Yu Gothic,sans-serif;color:#1a1a1a;background:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--panel-border: rgba(0, 0, 0, .08);--panel-bg: #f8f9fa;--accent: #4285f4;--accent-strong: #1a6ef5;--text: #1a1a1a;--text-secondary: #555;--text-muted: #888;--surface: #ffffff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh}a{color:inherit;text-decoration:none}#root{min-height:100vh;display:flex;flex-direction:column}.siteHeader{position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffd9;border-bottom:1px solid var(--panel-border)}.headerInner{width:min(1120px,calc(100% - 32px));margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:14px 0}.logo{font-size:1.2rem;font-weight:700;color:var(--accent);letter-spacing:.04em}.headerNav{display:flex;gap:20px;font-size:.85rem}.headerNav a{color:var(--text-secondary);transition:color .15s}.headerNav a:hover{color:var(--accent)}.langToggle{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:6px;padding:4px 10px;font-size:.78rem;font-weight:700;color:var(--accent);cursor:pointer;letter-spacing:.05em;transition:background .15s,border-color .15s}.langToggle:hover{border-color:var(--accent);background:#4285f40f}.page{width:min(1120px,calc(100% - 32px));margin:0 auto;padding:40px 0 72px;flex:1}.hero,.panel{border:1px solid var(--panel-border);background:var(--surface);box-shadow:0 2px 12px #0000000a}.hero{padding:56px 40px;border-radius:28px}.heroWithImage{display:flex;align-items:center;gap:40px}.heroText{flex:1;min-width:0}.heroImage{flex-shrink:0}.eyebrow,.sectionLabel,.cardIndex{color:var(--accent);letter-spacing:.16em;text-transform:uppercase;font-size:.75rem;font-weight:600}.hero h1{margin:16px 0;font-size:clamp(2rem,5vw,3.2rem);line-height:1.2;color:var(--text)}.lead{margin:0;max-width:42rem;color:var(--text-secondary);line-height:1.7;font-size:1rem}.heroActions{display:flex;gap:12px;margin-top:28px;flex-wrap:wrap}.primaryAction,.secondaryAction{border-radius:999px;padding:14px 20px;font-weight:600;display:inline-block;transition:transform .15s,box-shadow .15s}.primaryAction:hover,.secondaryAction:hover{transform:translateY(-1px)}.primaryAction{background:var(--accent);color:#fff;box-shadow:0 2px 8px #4285f44d}.primaryAction:hover{box-shadow:0 4px 16px #4285f466}.secondaryAction{border:1px solid var(--panel-border);background:var(--surface);color:var(--text-secondary)}.secondaryAction:hover{border-color:var(--accent);color:var(--accent);box-shadow:0 2px 8px #4285f41a}.phoneMockup{background:#1a1a1a;border-radius:36px;padding:12px;box-shadow:0 0 0 1px #0000001a,0 24px 60px #00000026;display:inline-block}.phoneMockup img{display:block;border-radius:24px;width:280px;height:auto}.phoneMockupSmall{background:#1a1a1a;border-radius:28px;padding:10px;box-shadow:0 0 0 1px #0000001a,0 16px 40px #0000001f;display:inline-block}.phoneMockupSmall img{display:block;border-radius:18px;width:200px;height:auto}.panel{margin-top:20px;border-radius:24px;padding:40px 32px}.muted{background:var(--panel-bg)}.sectionTitle{font-size:clamp(1.4rem,3vw,2rem);margin:8px 0 28px;line-height:1.3;color:var(--text)}.sectionLead{margin:-12px 0 28px;color:var(--text-secondary);line-height:1.7}.beforeAfter{display:flex;align-items:center;justify-content:center;gap:32px;flex-wrap:wrap}.beforeImage,.afterImage{text-align:center}.sampleGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;width:min(100%,536px);margin:0 auto}.sampleCard{margin:0}.beforeImage img{border-radius:12px;border:1px solid var(--panel-border);max-width:260px;width:100%;height:auto}.sampleCard figcaption{margin-top:10px;font-size:.9rem;color:var(--text-secondary)}.badge{display:inline-block;padding:4px 14px;border-radius:999px;font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin-bottom:12px;background:#e9ecef;color:var(--text-muted)}.badgeAccent{background:var(--accent);color:#fff}.arrowDivider{font-size:2rem;color:var(--accent);flex-shrink:0}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.card{min-height:200px;border-radius:20px;padding:24px;background:var(--surface);border:1px solid var(--panel-border);display:flex;flex-direction:column;gap:12px;transition:border-color .2s,transform .2s,box-shadow .2s}.card:hover{border-color:#4285f44d;transform:translateY(-2px);box-shadow:0 8px 24px #4285f414}.cardTitle{color:var(--accent);font-weight:600;font-size:1.15rem;margin:0}.card p{margin:0;font-size:.95rem;line-height:1.7;color:var(--text-secondary)}.stepRow{display:flex;align-items:center;gap:48px;padding:40px 0;border-bottom:1px solid var(--panel-border)}.stepRow:last-child{border-bottom:none;padding-bottom:0}.stepRowReverse{flex-direction:row-reverse}.stepText{flex:1;min-width:0}.stepNumber{display:inline-block;color:var(--accent);font-size:2.4rem;font-weight:800;line-height:1;margin-bottom:12px;opacity:.5}.stepText h3{font-size:1.4rem;margin:0 0 12px;line-height:1.3;color:var(--text)}.stepText p{margin:0;color:var(--text-secondary);line-height:1.7;font-size:1rem}.stepImage{flex-shrink:0}.ctaSection{text-align:center;padding:56px 32px;background:var(--accent);border-color:transparent}.ctaTitle{font-size:clamp(1.6rem,4vw,2.4rem);margin:0 0 12px;color:#fff}.ctaLead{color:#ffffffd9;font-size:1.05rem;margin:0}.ctaActions{justify-content:center}.ctaSection .primaryAction{background:#fff;color:var(--accent);box-shadow:0 2px 8px #00000026}.ctaSection .primaryAction:hover{box-shadow:0 4px 16px #0003}.supportContact{margin-top:8px;line-height:1.7}.supportContact p{margin:0 0 16px;color:var(--text-secondary)}.supportNote{margin-top:16px;font-size:.9rem;color:var(--text-muted)}.steps{margin:16px 0 0;padding-left:20px;color:var(--text-secondary);line-height:1.9}.faqList{margin:16px 0 0}.faqItem{padding:20px 0;border-bottom:1px solid var(--panel-border)}.faqItem:last-child{border-bottom:none}.faqItem dt{font-weight:600;font-size:1.05rem;margin-bottom:8px;color:var(--text)}.faqItem dd{margin:0;color:var(--text-secondary);line-height:1.7}.legalContent{padding:40px 32px}.legalContent h1{font-size:1.8rem;margin:0 0 32px;color:var(--text)}.legalContent h2{font-size:1.2rem;margin:32px 0 12px;padding-top:16px;border-top:1px solid var(--panel-border);color:var(--text)}.legalContent h3{font-size:1.05rem;margin:20px 0 8px;color:var(--text)}.legalContent p,.legalContent li{color:var(--text-secondary);line-height:1.8;font-size:.95rem}.legalContent ul,.legalContent ol{padding-left:20px}.legalContent table{width:100%;border-collapse:collapse;margin:12px 0;font-size:.9rem}.legalContent th,.legalContent td{border:1px solid var(--panel-border);padding:8px 12px;text-align:left}.legalContent th{background:var(--panel-bg);color:var(--text);font-weight:600}.legalContent td{color:var(--text-secondary)}.legalContent a{color:var(--accent);text-decoration:underline}.legalContent hr{border:none;border-top:1px solid var(--panel-border);margin:24px 0}.legalContent strong{color:var(--text)}.siteFooter{border-top:1px solid var(--panel-border);background:var(--panel-bg);padding:32px 0}.footerInner{width:min(1120px,calc(100% - 32px));margin:0 auto;text-align:center}.footerNav{display:flex;justify-content:center;gap:24px;font-size:.85rem;margin-bottom:16px}.footerNav a{color:var(--text-muted);transition:color .15s}.footerNav a:hover{color:var(--accent)}.copyright{margin:0;font-size:.8rem;color:var(--text-muted)}@media(max-width:768px){.page{width:min(100% - 24px,1120px);padding-top:24px}.hero{padding:36px 18px;border-radius:24px}.heroWithImage{flex-direction:column;text-align:center}.heroText{order:1}.heroImage{order:2}.heroActions{justify-content:center}.phoneMockup img{width:220px}.phoneMockupSmall img{width:160px}.panel{padding:24px 16px}.grid{grid-template-columns:1fr}.stepRow,.stepRowReverse{flex-direction:column;gap:24px;text-align:center}.beforeAfter{flex-direction:column}.sampleGrid{grid-template-columns:1fr}.beforeImage img{max-width:100%}.arrowDivider{transform:rotate(90deg)}.headerNav{gap:12px;font-size:.78rem}.legalContent{padding:24px 16px}.legalContent table{font-size:.8rem}.legalContent th,.legalContent td{padding:6px 8px}}