/* Builder entry: same reading scale as the public site, compact content. */
.page{max-width:1080px;margin:auto;padding:var(--safe-top) max(var(--gutter),var(--safe-right)) var(--safe-bottom) max(var(--gutter),var(--safe-left))}
header{min-height:80px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}header nav{display:flex;gap:20px;align-items:center;font-size:var(--text-sm)}header nav a{display:flex;align-items:center;min-height:44px}.lang{color:var(--hint)}
.hero{display:grid;gap:32px;align-items:center;padding:40px 0 48px}.kicker{display:flex;align-items:center;gap:8px;font-size:var(--text-sm);color:var(--hint)}.kicker .icon{width:20px;height:20px}h1{margin:16px 0 20px;max-width:17ch}.intro{font-size:var(--text-base);line-height:1.65;color:var(--hint);max-width:48ch}.actions{margin-top:24px}.send-link{display:inline-flex;align-items:center;min-height:44px;font-size:var(--text-sm);color:var(--link);font-weight:600}
.illustration{display:grid;grid-template-columns:1fr;gap:16px;background:var(--bg2);border:1px solid var(--line);border-radius:12px;padding:20px}.orbit,.side-spark{display:none}.code-slip{padding:20px;background:var(--surface);border:1px solid var(--line);border-radius:8px;min-width:0}.code-slip>div{display:flex;gap:8px;align-items:center;font-size:var(--text-xs);color:var(--hint)}.code-slip .icon{width:18px;height:18px}.code-slip>div>span{margin-left:auto;color:var(--link)}.code-slip pre{margin-top:16px}.code-slip pre span{color:var(--link)}.bridge{text-align:center}.bridge .icon{width:40px;height:40px;transform:none}.tiny-app{border:1px solid var(--line);border-radius:8px;padding:20px;background:var(--surface)}.tiny-head{display:flex;gap:8px;align-items:center;font-size:var(--text-sm)}.tiny-head .icon{width:22px;height:22px}.tiny-head .pill{margin-left:auto}.counter{font-size:36px;line-height:1.2;text-align:center;font-weight:650;letter-spacing:-.025em;padding:20px 0}.tiny-app button{border:0;border-radius:8px;min-height:48px;width:100%;background:var(--button);color:var(--button-text);font:600 var(--text-sm) var(--font-sans)}
.steps{display:grid;gap:24px;border-block:1px solid var(--line);padding:32px 0}.steps article{display:grid;grid-template-columns:32px 1fr;gap:0 16px}.step-top{grid-row:span 2}.step-top>span{display:block;font-size:var(--text-xs);color:var(--hint);margin-top:8px}.steps h2{font-size:20px;margin-bottom:12px}.steps p{grid-column:2;font-size:var(--text-base);color:var(--hint)}.steps p a{color:var(--link);text-decoration:underline;text-underline-offset:3px}
.built-in{display:grid;gap:12px;padding:28px 0;color:var(--hint);font-size:var(--text-sm)}.built-in a{color:var(--link);min-height:44px;display:inline-flex;align-items:center}.play{padding:0 0 32px;display:grid;gap:20px}.play h2{font-size:20px}.play>div{display:grid;gap:12px}.play a{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:8px;padding:16px;font-size:var(--text-base);background:var(--surface)}.play a span{margin-left:auto;color:var(--hint)}footer{padding:24px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:var(--text-sm);color:var(--hint)}footer a{min-height:44px;display:inline-flex;align-items:center}
@media(min-width:600px){.illustration{grid-template-columns:1fr 1fr;align-items:center}.bridge{display:none}.steps{grid-template-columns:repeat(3,minmax(0,1fr))}.steps article{display:block}.step-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.step-top>span{margin:0}.play>div{grid-template-columns:repeat(3,minmax(0,1fr))}.built-in{display:flex;justify-content:space-between;align-items:center}}
@media(min-width:1000px){.hero{grid-template-columns:1fr 1fr;gap:48px;padding:64px 0}.illustration{grid-template-columns:1fr}.code-slip{max-width:90%}.tiny-app{width:80%;justify-self:end}.intro{font-size:var(--text-lg)}}