:root{--blue-top:#52a3fc;--blue-bot:#1c66db;--ink:#10213a;--muted:#5b6b85;--line:#e6ebf3;--bg:#ffffff;--bg-soft:#f5f8fd;--card:#ffffff;--grad:linear-gradient(135deg,var(--blue-top),var(--blue-bot));--radius:16px}@media(prefers-color-scheme:dark){:root{--ink:#eaf1fb;--muted:#9bb0cf;--line:#22304a;--bg:#0c1422;--bg-soft:#111c30;--card:#131f33}}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--bg);font:16px/1.6 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}.wrap{max-width:1080px;margin:0 auto;padding:0 24px}.btn{display:inline-block;padding:13px 22px;border-radius:12px;font-weight:600;text-decoration:none;transition:transform .08s ease,box-shadow .2s ease}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--grad);color:#fff;box-shadow:0 8px 24px #1c66db59}.btn-ghost{border:1px solid var(--line);color:var(--ink)}.badge{display:inline-block;font-size:13px;font-weight:600;letter-spacing:.02em;padding:5px 11px;border-radius:999px;background:var(--bg-soft);color:var(--muted);border:1px solid var(--line)}header{position:sticky;top:0;z-index:10;backdrop-filter:saturate(1.6) blur(12px);background:color-mix(in srgb,var(--bg) 80%,transparent);border-bottom:1px solid var(--line)}.nav{display:flex;align-items:center;gap:16px;height:62px}.brand{display:flex;align-items:center;gap:10px;font-weight:700;text-decoration:none;color:var(--ink)}.brand img{width:28px;height:28px;border-radius:7px}.nav .spacer{flex:1}.nav a.link{color:var(--muted);text-decoration:none;font-size:15px}.nav a.link:hover{color:var(--ink)}@media(max-width:640px){.nav a.link{display:none}}.nav a.lang{color:var(--muted);text-decoration:none;font-size:13px;font-weight:600;border:1px solid var(--line);border-radius:999px;padding:4px 11px;white-space:nowrap}.nav a.lang:hover{color:var(--ink);border-color:color-mix(in srgb,var(--blue-bot) 35%,var(--line))}.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center;padding:72px 0 56px}@media(max-width:820px){.hero{grid-template-columns:1fr;padding:48px 0 36px;text-align:center}}.hero h1{font-size:46px;line-height:1.08;margin:.3em 0 .25em;letter-spacing:-.02em}@media(max-width:820px){.hero h1{font-size:36px}}.hero p.lead{font-size:19px;color:var(--muted);margin:0 0 28px}.hero .cta{display:flex;gap:12px;flex-wrap:wrap}@media(max-width:820px){.hero .cta{justify-content:center}}.hero .meta{margin-top:14px;font-size:13.5px;color:var(--muted)}.device{aspect-ratio:4/3;border-radius:22px;background:var(--grad);box-shadow:0 24px 60px #1c66db59;padding:22px;display:grid;grid-template-rows:1fr 1fr;gap:14px}.device .row{display:grid;gap:14px}.device .row.top{grid-template-columns:repeat(3,1fr)}.device .row.bot{grid-template-columns:repeat(2,1fr)}.device .tile{background:#fffffff2;border-radius:11px;box-shadow:inset 0 1px #fff9}section{padding:56px 0}.eyebrow{color:#2f7ce8;font-weight:700;font-size:13px;letter-spacing:.08em;text-transform:uppercase}h2{font-size:30px;letter-spacing:-.01em;margin:.2em 0 .6em}.sub{color:var(--muted);max-width:620px;margin:0 0 32px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}@media(max-width:820px){.features{grid-template-columns:1fr}}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:22px}.card .ic{width:40px;height:40px;border-radius:10px;background:var(--bg-soft);display:grid;place-items:center;font-size:20px;margin-bottom:12px}.card h3{margin:.1em 0 .35em;font-size:17px}.card p{margin:0;color:var(--muted);font-size:15px}.shots{columns:2;column-gap:20px}@media(max-width:820px){.shots{columns:1}}figure{margin:0 0 20px;background:var(--bg-soft);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;break-inside:avoid}figure img{display:block;width:100%;height:auto}figcaption{padding:12px 16px;color:var(--muted);font-size:14px;border-top:1px solid var(--line)}.cta-band{background:var(--bg-soft);border:1px solid var(--line);border-radius:24px;padding:44px;text-align:center}.cta-band h2{margin-top:0}.pill-row{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 0}footer{border-top:1px solid var(--line);padding:34px 0;color:var(--muted);font-size:14px}.foot{display:flex;flex-wrap:wrap;gap:8px 22px;align-items:center}.foot .spacer{flex:1}.studio-hero{padding:72px 0 28px;max-width:720px}@media(max-width:820px){.studio-hero{padding:48px 0 20px}}.studio-hero h1{font-size:46px;line-height:1.08;letter-spacing:-.02em;margin:.3em 0 .25em}@media(max-width:820px){.studio-hero h1{font-size:36px}}.studio-hero .lead{font-size:19px;color:var(--muted);margin:0}.app-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}@media(max-width:720px){.app-grid{grid-template-columns:1fr}}.app-card{display:flex;gap:16px;align-items:flex-start;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:20px;text-decoration:none;transition:transform .1s ease,box-shadow .2s ease,border-color .2s ease}.app-card:hover{transform:translateY(-2px);box-shadow:0 12px 30px #1c66db1f;border-color:color-mix(in srgb,var(--blue-bot) 30%,var(--line))}.app-card__icon{width:56px;height:56px;border-radius:13px;flex:none}.app-card__body{flex:1;min-width:0}.app-card__head{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.app-card__head h3{margin:0;font-size:18px;color:var(--ink)}.app-card__head .badge.platform{font-size:11px;padding:3px 9px}.app-card__body p{margin:.4em 0 .8em;color:var(--muted);font-size:15px}.app-card__meta{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:14px}.app-card__meta .price{font-weight:700;color:var(--ink)}.app-card__meta .arrow{margin-left:auto;color:#2f7ce8;font-weight:700;font-size:15px}.prose{max-width:760px}.prose h1{font-size:32px;letter-spacing:-.01em;margin:.6em 0 .1em}.prose .updated{color:var(--muted);font-size:14px;margin-bottom:8px}.prose h2{font-size:19px;margin:1.8em 0 .4em}.prose .lead{font-size:18px;color:var(--muted)}.prose p,.prose li{color:var(--ink)}.prose a{color:#2f7ce8}.prose .info-card{background:var(--bg-soft);border:1px solid var(--line);border-radius:14px;padding:18px 20px;margin:18px 0}.prose .body{padding:8px 0 24px}
