@font-face{font-family:Garamond;src:url('service/fonts/EBGaramond.ttf')}*{box-sizing:border-box}body{margin:0;background:#e9ecdf;color:#203d34;font:14px/1.85 Arial,sans-serif}.demo-exhibit{min-height:100svh;max-width:1300px;margin:auto;padding:28px 60px;display:grid;grid-template-columns:1fr 440px;align-items:center;gap:90px}.demo-home{display:inline-block;color:inherit;text-decoration:none;font-size:12px;margin-bottom:65px}.eyebrow{font-size:9px;letter-spacing:2px}.demo-intro h1{font:76px/.99 Garamond,Georgia,serif;letter-spacing:-3px;margin:22px 0 26px}.demo-intro h1 em{color:#858f71;font-weight:400}.demo-intro>p:not(.eyebrow){max-width:420px}.demo-disclosure{font-size:12px;color:#64715f;border-top:1px solid #cbd2be;padding-top:20px;margin-top:25px}.demo-steps{display:flex;flex-wrap:wrap;gap:12px 22px;font-size:10px;margin:28px 0;color:#65735d}.demo-intro small{font-size:9px;color:#7b856e}.phone-stage{display:flex;flex-direction:column;align-items:center;gap:18px}.demo-phone{position:relative;width:390px;height:min(850px,calc(100svh - 78px));min-height:580px;padding:17px 8px 10px;border:2px solid #4c514a;border-radius:42px;background:#1f2823;box-shadow:25px 35px 60px #2e493329,0 0 0 3px #c0c7b8}.demo-phone iframe{border:0;width:100%;height:100%;border-radius:28px;background:#f6f3e9}.phone-speaker{position:absolute;top:6px;left:calc(50% - 29px);width:58px;height:5px;background:#0d1610;border-radius:8px}.phone-note{font-size:9px;color:#66765f}@media(max-width:900px){.demo-exhibit{gap:35px;padding:25px 30px;grid-template-columns:1fr 390px}.demo-intro h1{font-size:60px}}@media(max-width:700px){body{background:#f6f3e9}.demo-exhibit{display:block;padding:0;min-height:100svh}.demo-intro,.phone-note,.phone-speaker{display:none}.demo-phone{width:100%;height:100svh;min-height:0;padding:0;border:0;border-radius:0;box-shadow:none}.demo-phone iframe{border-radius:0;height:100svh;display:block}}.demo-phone{width:min(390px,calc((100svh - 140px) * .461538 + 20px));height:auto;min-height:0;aspect-ratio:auto}.demo-phone iframe{display:block;aspect-ratio:9/19.5;height:auto}@media(max-width:700px){.demo-phone{width:100%;height:100svh}.demo-phone iframe{height:100svh;aspect-ratio:auto}}
/* A phone keeps its full viewport when rotated; the guest view handles book orientation. */
@media(orientation:landscape) and (max-height:600px) and (pointer:coarse){body{background:#f6f3e9}.demo-exhibit{display:block;padding:0;min-height:100dvh}.demo-intro,.phone-note,.phone-speaker{display:none}.demo-phone{width:100%;height:100dvh;min-height:0;padding:0;border:0;border-radius:0;box-shadow:none}.demo-phone iframe{border-radius:0;width:100%;height:100dvh;aspect-ratio:auto;display:block}}

.demo-home .brand-logo{display:block;width:190px;max-width:55vw;height:auto;aspect-ratio:3/1}