:root{--bg:#081226;--bg-soft:#0f1a33;--card:#fff;--text:#eff4ff;--text-dark:#11203b;--muted:#acc0e8;--border:hsla(0,0%,100%,.12);--accent:#6d39ff;--accent-2:#18a0fb;--accent-3:#16c47f;--shadow:0 18px 60px rgba(0,0,0,.25);--radius:24px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:radial-gradient(circle at top,rgba(109,57,255,.25),transparent 30%),linear-gradient(180deg,#081226,#0d1730);color:var(--text)}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}section[id]{scroll-margin-top:92px}.container{width:min(1120px,calc(100% - 32px));margin:0 auto}.narrow{max-width:760px}.center{text-align:center}.leftAlign{text-align:left}.section{padding:64px 0}.altSection{background:hsla(0,0%,100%,.03);border-top:1px solid var(--border)}.altSection,.siteHeader{border-bottom:1px solid var(--border)}.siteHeader{position:-webkit-sticky;position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:rgba(8,18,38,.82)}.headerInner{min-height:64px;padding-top:8px;padding-bottom:8px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-weight:800;font-size:1.2rem;letter-spacing:.01em}.nav{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.nav a{color:var(--muted);line-height:1}.navCta{padding:10px 16px;border-radius:999px;background:hsla(0,0%,100%,.08);color:var(--text)!important}.eyebrow,.sectionLabel{color:#97b0f2;text-transform:uppercase;letter-spacing:.12em;font-weight:700;font-size:.78rem;margin:0 0 12px}h1,h2,h3{margin:0;line-height:1.05}h1{font-size:clamp(2.4rem,6vw,4.8rem);max-width:11ch}h2{font-size:clamp(2rem,4vw,3rem);max-width:14ch;margin:0 auto}.hero h1,.twoCol .sectionLabel,.twoCol h2,.twoCol p{margin-left:0}h3{font-size:1.35rem;margin-bottom:12px;color:var(--text-dark)}p{font-size:1.05rem;line-height:1.7;margin:0;color:var(--muted)}.heroText,.sectionIntro{font-size:1.04rem;max-width:60ch;margin-top:10px}.microCopy{margin-top:10px;font-size:.92rem;max-width:42ch}.hero.section{padding:18px 0 34px}.heroGrid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);grid-gap:28px;gap:28px;align-items:center}.heroContent{max-width:680px;min-width:0}.heroImageWrap,.screenshotImageWrap{display:flex;justify-content:center}.heroImageWrap{align-items:flex-start}.heroPhoneImage,.phoneImage{border-radius:36px;box-shadow:var(--shadow)}.heroPhoneImage{width:min(100%,318px);height:auto;display:block}.smallPhone{width:220px;height:auto}.buttonRow{display:flex;gap:16px;flex-wrap:wrap;margin-top:20px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 22px;border-radius:999px;font-weight:700;transition:transform .2s ease,opacity .2s ease}.button:hover{transform:translateY(-1px)}.buttonPrimary{background:linear-gradient(135deg,var(--accent),#8e59ff);color:#fff}.buttonSecondary{background:hsla(0,0%,100%,.08);color:var(--text);border:1px solid var(--border)}.heroBadgeRow,.storeBadgeRow{display:flex;flex-wrap:wrap;align-items:stretch;gap:12px;margin-top:14px;max-width:100%}.storeBadge{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:9px 13px;border-radius:14px;background:#0b0b0f;color:#fff;border:1px solid hsla(0,0%,100%,.14);box-shadow:var(--shadow);transition:transform .2s ease,opacity .2s ease;max-width:100%}.storeBadge:hover{transform:translateY(-1px)}.storeBadgeIcon{width:20px;height:20px;flex:0 0 auto}.storeBadgeText{display:flex;flex-direction:column;line-height:1.05;min-width:0}.storeBadgeEyebrow{font-size:.6rem;letter-spacing:.03em;opacity:.82}.storeBadgeTitle{font-size:.9rem;font-weight:700;white-space:nowrap}.heroGrid,.twoCol{display:grid;align-items:center}.twoCol{grid-template-columns:1.08fr .92fr;gap:28px}.featureGrid,.footerGrid,.screenshotGrid,.seoGrid,.stepsGrid{display:grid;grid-gap:24px;gap:24px}.stepsGrid{margin-top:32px;grid-template-columns:repeat(3,minmax(0,1fr))}.featureGrid,.screenshotGrid{margin-top:32px;grid-template-columns:repeat(2,minmax(0,1fr))}.card{background:var(--card);color:var(--text-dark);padding:28px;border-radius:var(--radius);box-shadow:var(--shadow)}.card li,.card p{color:#435270}.listCard{padding:24px 28px}.featureList{list-style:none;padding:0;margin:0;display:grid;grid-gap:14px;gap:14px}.featureList li{padding:14px 16px;border-radius:16px;background:#f4f7ff;font-weight:600}.featureGrid .card h3,.screenshotCard h3,.stepCard h3{color:var(--text-dark)}.stepNumber{width:44px;height:44px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;margin-bottom:18px;color:#fff;background:linear-gradient(135deg,var(--accent-2),var(--accent));font-weight:800}.screenshotCard{display:grid;grid-gap:18px;gap:18px;align-items:start}.ctaBox{text-align:center;padding:40px 24px;border-radius:32px;background:linear-gradient(135deg,rgba(109,57,255,.2),rgba(24,160,251,.16));border:1px solid var(--border)}.centerButtons{justify-content:center}.siteFooter{padding:40px 0 60px;border-top:1px solid var(--border)}.footerGrid{grid-template-columns:1.5fr 1fr 1fr;align-items:start}.footerBrand,.footerHeading{color:var(--text);margin-bottom:12px;font-weight:700}.footerLinks a,.footerText{color:var(--muted)}.footerLinks{list-style:none;padding:0;margin:0;display:grid;grid-gap:10px;gap:10px}.seoHero{padding:56px 0 36px}.seoHero h1{max-width:13ch}.seoGrid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:28px}.phraseList{display:grid;grid-gap:14px;gap:14px;margin:24px 0 0;padding:0;list-style:none}.phraseList li{background:hsla(0,0%,100%,.06);border:1px solid var(--border);border-radius:18px;padding:16px;color:var(--text)}.phraseList strong{display:block;color:#fff;margin-bottom:4px}.inlineLinks{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.inlineLinks a{color:var(--text);background:hsla(0,0%,100%,.08);border:1px solid var(--border);padding:10px 14px;border-radius:999px}@media (max-width:960px){.featureGrid,.footerGrid,.heroGrid,.screenshotGrid,.seoGrid,.stepsGrid,.twoCol{grid-template-columns:1fr}.section{padding:48px 0}.hero.section{padding:14px 0 24px}.heroGrid{gap:16px}.heroContent{order:1}.heroImageWrap{order:2}h2{margin:0;max-width:none}.heroPhoneImage{width:min(100%,230px)}.microCopy{max-width:34ch}}@media (max-width:640px){.container{width:min(1120px,calc(100% - 24px))}.siteHeader{padding-top:env(safe-area-inset-top,0)}.headerInner{min-height:auto;padding-top:12px;padding-bottom:12px;display:grid;grid-template-columns:1fr;justify-items:center;grid-gap:10px;gap:10px}.brand{font-size:1.08rem}.brand,.nav{line-height:1}.nav{display:flex;flex-wrap:wrap;gap:8px 12px;font-size:.84rem}.nav,.nav a{justify-content:center}.nav a{display:inline-flex;align-items:center}.navCta{padding:7px 10px}h1{font-size:clamp(2rem,8vw,2.8rem);max-width:10ch;margin:0 auto;text-align:center}.eyebrow,.sectionLabel{font-size:.72rem;margin-bottom:10px;text-align:center}.hero.section{padding:12px 0 18px}.heroGrid{gap:14px}.heroContent{order:1;display:flex;flex-direction:column;align-items:center;text-align:center}.heroText{font-size:.96rem;margin-top:8px;max-width:22ch;text-align:center}.microCopy{display:none}.heroBadgeRow,.storeBadgeRow{justify-content:center;gap:8px;margin-top:12px;width:100%}.storeBadge{min-height:42px;padding:7px 10px;border-radius:12px;gap:7px}.storeBadgeIcon{width:17px;height:17px}.storeBadgeEyebrow{font-size:.5rem}.storeBadgeTitle{font-size:.78rem}.heroImageWrap{order:2;justify-content:center;margin-top:4px}.heroPhoneImage{width:min(100%,190px);margin:0 auto}.card{padding:22px}.ctaBox{padding:32px 20px}}.languageIntro{margin-bottom:32px}.blogGrid,.languageGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:20px;gap:20px}.languageCard h3{color:var(--text-dark);font-size:1.2rem;line-height:1.2}.languageName{display:inline-flex;margin-bottom:14px;padding:6px 10px;border-radius:999px;background:#f0f4ff;color:#314675!important;font-size:.82rem;font-weight:800}.phraseMeaning{margin:10px 0 8px;color:#223454!important;font-weight:700}.blogGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.blogCard{display:block}.blogCard h2{color:var(--text-dark);font-size:1.6rem;max-width:none;margin:0 0 12px}.articleContent h2{max-width:none;margin:36px 0 16px;font-size:clamp(1.5rem,3vw,2.1rem)}.articleContent p+p{margin-top:10px}@media (max-width:960px){.blogGrid,.languageGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.blogGrid,.languageGrid{grid-template-columns:1fr}.languageIntro{margin-bottom:24px}.blogCard h2{text-align:left}.articleContent h1,.seoHero h1{max-width:12ch}}