*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f7f6f2;color:#191d22;font:16px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-underline-offset:5px}header{display:flex;justify-content:space-between;align-items:center;padding:22px 5%;border-bottom:1px solid #ddd9d1;background:#fff}header strong{font-size:25px;letter-spacing:3px}header nav{display:flex;gap:24px;font-size:14px}.review{background:#242421;color:#fff;padding:8px 5%;font-size:12px}main{max-width:1240px;margin:auto;padding:0 28px}.intro{padding:64px 0 36px;max-width:850px}h1{font-size:clamp(38px,5vw,66px);line-height:1.07;letter-spacing:-.045em;margin:18px 0 24px}h2{font-size:clamp(25px,3vw,36px);line-height:1.15;letter-spacing:-.025em}h3{font-size:23px;line-height:1.25;margin:10px 0}p{color:#555b62}.intro>p{font-size:20px;max-width:720px}.eyebrow{font:11px/1.5 ui-monospace,monospace;letter-spacing:2px;text-transform:uppercase;color:#636a71}.index{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:32px}.index a{padding:8px 14px;border:1px solid #d9d6cf;border-radius:24px;text-decoration:none;font-size:13px;background:white}.grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}.card{background:white;border:1px solid #dfdcd5;border-radius:22px;overflow:hidden;scroll-margin-top:24px}.poster{position:relative;height:240px;background:#ddd;overflow:hidden}.poster img{width:100%;height:100%;object-fit:cover}.poster span{position:absolute;bottom:16px;left:18px;padding:5px 10px;background:#fffef2ed;border-radius:5px;font:11px ui-monospace,monospace;letter-spacing:1px}.copy{padding:26px}.copy p{margin:12px 0 20px}.link{font-weight:650;text-decoration:none;border-bottom:1px solid #9b9d96;padding-bottom:4px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;padding:56px 0}.hero .poster{height:470px;border-radius:22px}.hero p{font-size:19px}.brief{padding:16px 22px;border:1px dashed #bbb6ab;border-radius:12px;margin:0 0 38px;background:#eeece5;font-size:14px}.brief summary{cursor:pointer;font-weight:650}.brief p{margin:10px 0}.walk{display:grid;grid-template-columns:1.3fr .7fr;gap:64px;padding:45px 0;border-top:1px solid #d7d4cc}.steps article{padding:8px 0 22px}.steps h2{font-size:29px}.phone{background:#eae7df;border-radius:24px;padding:28px;text-align:center}.phone img{width:100%;max-width:250px;max-height:560px;object-fit:contain;border-radius:18px}.phone p{font-size:12px}.record{background:#232421;color:#fff;padding:32px;border-radius:18px}.record p{color:#deded5}.next{display:flex;justify-content:space-between;gap:24px;padding:35px 0;margin-top:35px;border-top:1px solid #d7d4cc}footer{padding:40px 5%;margin-top:55px;background:#22231f;color:white;font-size:14px}@media(max-width:720px){header nav a:nth-child(2){display:none}.grid,.hero,.walk{grid-template-columns:1fr}.intro{padding-top:36px}.hero{gap:20px;padding-top:30px}.hero .poster{height:270px}.walk{gap:24px}.poster{height:210px}main{padding:0 20px}.next{flex-direction:column}}
/* Phone screenshots: shared device edge, matching the site reference. */
.phone img,.visual.screen img{display:block!important;width:auto!important;height:auto!important;max-width:min(100%,270px)!important;max-height:560px!important;margin:0 auto!important;padding:0!important;border:8px solid #171b20!important;border-radius:36px!important;background:#171b20;box-shadow:0 22px 40px rgba(23,27,32,.18);object-fit:contain!important;box-sizing:border-box}
.visual.screen{padding-top:28px}
.visual.screen figcaption{margin-top:28px}