[hidden]{display:none!important}.device-choice{margin:1.5rem 0}.device-choice>p{color:#e1e7ea;font-size:.95rem;margin-bottom:.65rem}.device-tabs{display:inline-flex;gap:5px;padding:5px;border:1px solid rgba(255,255,255,.3);border-radius:999px;background:rgba(3,10,16,.55)}.device-tabs button{font:600 1rem var(--sans);min-width:110px;min-height:44px;padding:.6rem 1.4rem;border:0;border-radius:999px;color:#f6f2e9;background:transparent;cursor:pointer}.device-tabs button[aria-selected=true]{background:var(--accent);color:#051019}.device-tabs button:focus-visible{outline:3px solid white;outline-offset:3px}.ipad-chapter{padding-top:6rem;padding-bottom:5rem}.ipad-chapter:nth-child(even){background:var(--bg2)}.ipad-chapter .chapter-heading{margin:0 auto 2.5rem;text-align:center}.ipad-chapter h2{font-size:clamp(2.5rem,5vw,5rem)}.ipad-device{position:relative;max-width:1160px;margin:0 auto;isolation:isolate;filter:drop-shadow(0 28px 28px rgba(0,0,0,.35));aspect-ratio:1448/1086}.ipad-screen{position:absolute;left:5.8%;top:9.3%;width:88.47%;height:81.49%;overflow:hidden;background:#030a10;border-radius:3%}.ipad-screen img{width:100%;height:100%;object-fit:contain}.ipad-device::after{content:"";position:absolute;inset:0;background:url("ipad-frame-landscape.png") center/100% 100% no-repeat;pointer-events:none}.hero-copy{padding-top:9rem}@media(max-width:600px){.ipad-chapter{padding:4rem .65rem}.ipad-chapter .chapter-heading{padding:0 .6rem}.device-tabs button{min-width:100px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.ipad-portrait-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3rem 2rem;max-width:1000px;margin:auto}.portrait-example{margin:0}.portrait-example figcaption{text-align:center;margin-top:1rem;color:var(--muted)}.ipad-device.portrait{aspect-ratio:1086/1448;max-width:430px}.ipad-device.portrait .ipad-screen{left:7.82%;top:7.1%;width:84.25%;height:86.33%;border-radius:4%}.ipad-device.portrait::after{background-image:url("ipad-frame-portrait.png")}@media(max-width:600px){.ipad-portrait-grid{gap:2rem .6rem}.portrait-example figcaption{font-size:.8rem}}
.ipad-explanation{max-width:780px;margin:2.5rem auto 0;text-align:left}.ipad-explanation h3{font-size:clamp(1.7rem,3vw,2.5rem);line-height:1.15;margin-bottom:1rem}.ipad-explanation p{color:var(--muted);font-size:1.05rem;line-height:1.8}.ipad-screen img{object-fit:contain}

.ipad-device.fitted-device{aspect-ratio:auto;line-height:0}.ipad-device.fitted-device::after{content:none}.fitted-device svg{display:block;width:100%;height:auto;overflow:visible}