.ms{background:var(--paper);color:var(--ink)}.ms-wrap{max-width:1180px;margin:0 auto;padding:0 20px}.ms img{width:100%;height:auto;display:block}.ms h2{letter-spacing:-.02em;margin:0 0 10px;font-size:clamp(26px,3.4vw,36px);line-height:1.15}.ms h3{margin:0 0 8px;font-size:18px;line-height:1.3}.ms-hero{border-bottom:1px solid var(--line);background:var(--white);padding:56px 0 64px}.ms-hero-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:48px;display:grid}.ms-eyebrow{color:var(--blue-dark);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:13px;font-weight:800}.ms h1{letter-spacing:-.03em;margin:10px 0 16px;font-size:clamp(32px,4.4vw,50px);line-height:1.08}.ms-lead{max-width:560px;color:var(--muted);margin:0;font-size:18px}.ms-actions{flex-wrap:wrap;gap:10px;margin-top:26px;display:flex}.ms-btn{border:1px solid var(--line);background:var(--white);min-height:46px;color:var(--ink);border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-weight:800;text-decoration:none;display:inline-flex}.ms-btn:hover{border-color:var(--ink)}.ms-btn-primary{border-color:var(--blue);background:var(--blue);color:#fff}.ms-btn-primary:hover{border-color:var(--blue-dark);background:var(--blue-dark)}.ms-btn-quiet{color:var(--blue-dark);text-underline-offset:3px;background:0 0;border-color:#0000;text-decoration:underline}.ms-btn-quiet:hover{border-color:#0000}.ms-note{max-width:560px;color:var(--muted);margin:18px 0 0;font-size:14px}.ms-note b{color:var(--ink)}.ms-shots{padding-bottom:36px;position:relative}.ms-browser{border:1px solid var(--line);background:var(--white);border-radius:14px;margin:0 9% 0 0;overflow:hidden;box-shadow:0 32px 64px -36px #11131573}.ms-browser-bar{border-bottom:1px solid var(--line);height:30px;color:var(--muted);background:#f1f1ec;align-items:center;gap:6px;padding:0 12px;font-size:12px;display:flex}.ms-browser-bar i{background:#d4d4cc;border-radius:50%;width:9px;height:9px}.ms-browser-bar span{margin-left:8px}.ms-phone{border:5px solid var(--ink);background:var(--ink);border-radius:22px;width:24%;margin:0;position:absolute;bottom:0;right:0;overflow:hidden;box-shadow:0 24px 48px -24px #1113158c}.ms-section{padding:64px 0}.ms-section-alt{border-block:1px solid var(--line);background:var(--white)}.ms-intro{max-width:680px;color:var(--muted);margin:0 0 28px}.ms-steps,.ms-parts{gap:16px;margin:0;padding:0;list-style:none;display:grid}.ms-steps{counter-reset:ms-step;grid-template-columns:repeat(4,minmax(0,1fr))}.ms-parts{grid-template-columns:repeat(3,minmax(0,1fr))}.ms-steps li,.ms-parts li{border:1px solid var(--line);border-radius:var(--radius);background:var(--white);padding:22px}.ms-steps li{counter-increment:ms-step}.ms-steps li:before{content:counter(ms-step);background:var(--blue-soft);width:30px;height:30px;color:var(--blue-dark);border-radius:50%;place-items:center;margin-bottom:12px;font-weight:800;display:grid}.ms-steps p,.ms-parts p{color:var(--muted);margin:0;font-size:15px}.ms-parts svg{color:var(--blue);margin-bottom:10px}.ms-link{color:var(--blue-dark);align-items:center;gap:4px;margin-top:12px;font-weight:800;display:inline-flex}.ms-screens{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:28px;display:grid}.ms-shot{margin:0}.ms-shot img{border:1px solid var(--line);border-radius:12px;box-shadow:0 24px 48px -32px #11131566}.ms-shot figcaption{color:var(--muted);margin-top:10px;font-size:14.5px}.ms-assistant{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:40px;display:grid}.ms-assistant p{margin:0 0 12px}.ms-badges{color:var(--muted);font-size:14px}.ms-list{gap:10px;margin:18px 0 24px;padding:0;font-size:15px;list-style:none;display:grid}.ms-list li{border-left:3px solid var(--blue-soft);padding-left:14px}.ms-stack,.ms-credits{color:var(--muted);margin:22px 0 0;font-size:14.5px}.ms-stack b{color:var(--ink)}.ms-credits{margin-top:8px;font-size:13.5px}.ms-credits a{color:var(--ink);text-decoration:underline}@media (max-width:1100px){.ms-steps,.ms-parts{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:900px){.ms-hero{padding:40px 0 48px}.ms-hero-grid,.ms-assistant,.ms-screens{grid-template-columns:1fr}.ms-hero-grid{gap:32px}}@media (max-width:600px){.ms-wrap{padding:0 16px}.ms-section{padding:48px 0}.ms-steps,.ms-parts{grid-template-columns:1fr}.ms-phone{border-width:4px;border-radius:16px;width:28%}}