.page{max-width:1248px;margin:0 auto;padding:0 48px}header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 0;border-bottom:1px solid var(--line)}header .brand{width:145px}nav{display:flex;gap:20px;align-items:center;font-size:13px}nav a{display:inline-flex;align-items:center;min-height:44px;text-decoration:none}nav a:hover{text-decoration:underline}.eyebrow{font-size:12px;letter-spacing:.08em;color:var(--muted)}h1{font-size:clamp(42px,5vw,70px);font-weight:500;line-height:1.06;letter-spacing:-.055em;margin:20px 0}h2{font-size:26px;font-weight:500;letter-spacing:-.035em;line-height:1.2;margin:0}p{margin:0;color:var(--muted)}.intro{padding:76px 0 48px}.intro p{max-width:430px;font-size:17px}.hero-stage{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:2px;overflow:hidden}.hero-stage .stage{padding:64px 40px;min-width:0;display:flex;align-items:center;justify-content:center;background:var(--bg);color:var(--ink)}.hero-stage .stage img{width:430px}.section{padding:64px 0;border-bottom:1px solid var(--line)}.section-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px}.section-head p{font-size:13px}.icon-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.icon-cell{background:var(--bg);color:var(--ink);padding:24px;min-height:180px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:20px}.icon-cell .icon-holder{display:grid;place-items:center;height:128px}.icon-cell figcaption{font-size:12px;color:var(--muted)}figure{margin:0}.motion-stage{min-height:240px;display:grid;place-items:center;padding:36px;background:var(--soft);border:1px solid var(--line)}.motion-stage .stp-logo{width:520px;max-width:100%;color:var(--ink)}.replay{border:1px solid var(--line);background:var(--bg);color:var(--ink);padding:0 16px;min-height:44px;border-radius:6px;font-size:13px}.cta-grid{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line)}.cta-cell{background:var(--bg);color:var(--ink);padding:52px 32px}.cta-cell .stp-actions{justify-content:center}.social{width:100%;display:block;border:1px solid var(--line)}footer{padding:30px 0 44px;display:flex;justify-content:space-between;gap:20px;font-size:12px;color:var(--muted)}.download-row{display:flex;flex-wrap:wrap;gap:16px;margin-top:22px;font-size:13px}.download-row a{min-height:44px;display:inline-flex;align-items:center}.native512{width:512px;max-width:100%;height:auto}.large-icons{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line)}.large-icons figure{padding:24px;background:var(--bg);color:var(--ink);text-align:center}.large-icons figcaption{font-size:12px;color:var(--muted)}
@media(max-width:700px){.page{padding:0 20px}header{padding:15px 0}.intro{padding:48px 0 32px}nav{gap:14px}.hero-stage,.cta-grid{grid-template-columns:1fr}.hero-stage .stage{padding:40px 24px}.section{padding:40px 0}.section-head{align-items:start}.section-head p{max-width:150px;text-align:right}.icon-grid{grid-template-columns:repeat(2,1fr)}.icon-cell{padding:20px}.motion-stage{padding:32px 20px;min-height:180px}.cta-cell{padding:36px 24px}.stp-actions{gap:10px 18px}.large-icons{grid-template-columns:1fr}footer{flex-wrap:wrap}}

.logo-on-dark{display:none!important}@media(prefers-color-scheme:dark){:root:not([data-theme]) .logo-on-dark{display:block!important}:root:not([data-theme]) .logo-on-light{display:none!important}}:root[data-theme="dark"] .logo-on-dark{display:block!important}:root[data-theme="dark"] .logo-on-light{display:none!important}
