.mobile-handoff{color:#000;background:#fff;max-width:1160px;min-height:100svh;margin:auto;padding:40px 28px 80px}.mobile-handoff-grid{grid-template-columns:1.3fr 1fr;align-items:center;gap:90px;padding-top:60px;display:grid}.mobile-handoff-copy h1{letter-spacing:-.055em;margin:24px 0;font-size:clamp(44px,5.5vw,76px);font-weight:650;line-height:1.06}.mobile-handoff-copy h1 span{color:#777}.mobile-handoff-copy>p{color:#555;max-width:530px;font-size:18px;line-height:1.7}.mobile-handoff-copy>.btn{border-radius:16px;gap:10px;min-height:54px;margin:20px 0 6px}.mobile-handoff-copy .mobile-handoff-help{font-size:14px;line-height:1.6}.mobile-handoff-copy>small{color:#737373;margin-top:18px;font-size:12px;display:block}.mobile-handoff-device{text-align:center;background:#f7f7f7;border:7px solid #171717;border-radius:48px;flex-direction:column;justify-self:center;align-items:center;gap:16px;width:300px;min-height:520px;padding:16px 28px 30px;display:flex;box-shadow:0 30px 80px #00000018,inset 0 0 0 2px #fff}.mobile-handoff-island{background:#000;border-radius:20px;width:86px;height:23px;margin-bottom:4px}.mobile-handoff-wordmark{letter-spacing:-1px;font-size:23px;font-weight:750}.mobile-handoff-cover{width:142px;margin:10px auto}.mobile-handoff-device h2{letter-spacing:-.5px;margin:0;font-size:20px;line-height:1.25}.mobile-handoff-device p{color:#666;margin:0;font-size:13px}.mobile-handoff-device-note{color:#fff;background:#000;border-radius:12px;align-items:center;gap:8px;margin-top:auto;padding:14px;font-size:12px;display:flex}@media (max-width:760px){.mobile-handoff{padding:24px 22px 50px}.mobile-handoff-grid{grid-template-columns:1fr;gap:40px;padding-top:28px}.mobile-handoff-copy h1{font-size:49px}.mobile-handoff-copy>p{font-size:16px}.mobile-handoff-copy>.btn{width:100%;font-size:14px}.mobile-handoff-device{width:260px;min-height:470px}}.paper-book{--paper-color:var(--background,#fffdf7);perspective:2200px;isolation:isolate;background:color-mix(in srgb, var(--paper-color) 85%, #4c3c28);box-shadow:0 2px 0 var(--paper-color), 0 4px 0 #a3977b44, 0 6px 0 var(--paper-color), 0 8px 0 #a3977b44, 0 22px 44px #00000018;border-radius:4px 14px 14px 4px;position:relative}.paper-leaf{background:var(--paper-color);border-radius:inherit;-webkit-backface-visibility:hidden;backface-visibility:hidden;position:relative;box-shadow:inset 12px 0 20px -18px #382b20aa,inset -2px 0 2px #85765320}.paper-book:after{content:"";pointer-events:none;z-index:3;background:linear-gradient(90deg,#36271222,#0000);width:16px;position:absolute;inset:0 auto 0 0}.paper-book[data-paper-turning] .paper-leaf,.paper-book[data-paper-turning] .paper-page{will-change:transform}.paper-page{-webkit-backface-visibility:hidden;backface-visibility:hidden}.paper-book[data-paper-turning] .paper-leaf:after,.paper-book[data-paper-turning] .paper-page:after{content:"";pointer-events:none;border-radius:inherit;z-index:3;background:linear-gradient(105deg,#0000 25%,#fff8 68%,#47321b44 100%);position:absolute;inset:0}.paper-book[data-paper-turning="-1"] .paper-leaf:after,.paper-book[data-paper-turning="-1"] .paper-page:after{background:linear-gradient(255deg,#0000 25%,#fff6 68%,#47321b44 100%)}.paper-edge{width:44px;height:64px;color:inherit;cursor:grab;touch-action:none;z-index:5;background:linear-gradient(135deg,#0000 52%,#8c79511c 54%,#fff8 73%,#7c674233);border:0;border-radius:0 0 12px;padding:0;position:absolute;bottom:0}.paper-edge:active{cursor:grabbing}.paper-edge[data-paper-direction="1"]{right:0}.paper-edge[data-paper-direction="-1"]{left:0;transform:scaleX(-1)}.paper-edge:focus-visible{outline-offset:3px;outline:2px solid}.paper-edge:disabled{opacity:0;pointer-events:none}.paper-book.paper-flat{box-shadow:none;perspective:none;background:0 0}.paper-flat .paper-leaf{box-shadow:none;background:0 0}.paper-flat:after,.paper-flat .paper-edge{display:none}@media (prefers-reduced-motion:reduce){.paper-book{perspective:none}.paper-book .paper-leaf,.paper-book .paper-page{filter:none!important;transform:none!important}.paper-book[data-paper-turning] .paper-leaf:after,.paper-book[data-paper-turning] .paper-page:after{display:none}}
