:root{color-scheme:dark;--gold:#fbd34c;--muted:#a5a7ae;--line:#303136}*{box-sizing:border-box}body{margin:0;background:#111214;color:#f5f5f7;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #0071e3;outline-offset:5px}.wrap{width:min(1200px,calc(100% - 64px));margin:auto}header{height:80px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none;font-size:21px;font-weight:600;letter-spacing:-.5px}.brand img{width:34px}.development{font-size:12px;color:var(--muted)}.hero{text-align:center;padding-top:45px}.eyebrow{font-size:11px;letter-spacing:1.7px;color:var(--muted);font-weight:600;margin:0 0 17px}h1{font-size:clamp(44px,5vw,68px);line-height:1.04;letter-spacing:-2.7px;font-weight:650;margin:0 0 18px}h1 span{color:var(--gold)}.intro{font-size:19px;letter-spacing:-.3px;color:#b9bac1;margin:0 0 42px}.product-stage{color-scheme:light;background:#f5f5f7;color:#1d1d1f;border-radius:28px;overflow:hidden;padding:45px 30px 23px;isolation:isolate}.stage-heading{text-align:left;max-width:980px;margin:auto}.stage-heading>span{font-size:11px;color:#737378;font-weight:600;letter-spacing:1.5px}.stage-heading h2{font-size:40px;line-height:1.08;letter-spacing:-1.5px;font-weight:650;margin:13px 0 0}.demo{width:min(100%,1000px);height:570px;margin:0 auto;position:relative}.device-scene{position:relative;width:1000px;height:570px;transform-origin:top left;text-align:left}.mac-zone{position:absolute;left:223px;top:68px;width:724px}.mac-lid{padding:9px 9px 12px;background:linear-gradient(120deg,#242426,#060607 45%,#222224);border-radius:16px 16px 5px 5px;border:1px solid #66676a;box-shadow:0 1px 0 1px #d2d2d5,0 18px 35px #1515261c;position:relative}.camera-notch{position:absolute;top:8px;left:50%;transform:translateX(-50%);height:18px;width:88px;background:#08080a;z-index:5;border-radius:0 0 7px 7px}.camera-notch:after{content:'';position:absolute;width:5px;height:5px;border-radius:50%;background:#192129;left:42px;top:7px;box-shadow:inset 0 0 2px #436071}.menu-bar{height:25px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;border-radius:7px 7px 0 0;background:#dddde9;color:#333342;font-size:10px}.menu-bar b{margin-right:18px;font-weight:600}.mac-desktop{height:354px;position:relative;background:radial-gradient(ellipse at 105% 105%,#e7c2be 0,transparent 58%),radial-gradient(ellipse at -10% 5%,#babddb,transparent 66%),linear-gradient(135deg,#d1d6eb,#7f85b3 56%,#adb4d4);overflow:hidden}.mac-desktop:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(140deg,transparent 48%,#f9faff21 48.3%,transparent 82%)}.desktop-hint{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding-bottom:28px;color:#373a58}.desktop-hint[hidden]{display:none}.desktop-hint img{width:55px;height:55px;margin-bottom:5px;filter:drop-shadow(0 5px 8px #191c3030)}.desktop-hint strong{font-size:20px;letter-spacing:-.5px;font-weight:550}.desktop-hint>span{font-size:12px;color:#4e536c}.laptop-base{position:relative;margin:0 -35px;height:17px;background:linear-gradient(#e3e3e6 0,#b7b7bd 38%,#7a7b83 80%,#999aa1);border-radius:1px 1px 45% 45% / 0 0 90% 90%;box-shadow:0 19px 20px -11px #20202c4d}.laptop-base>span{position:absolute;left:44%;top:0;width:12%;height:6px;background:linear-gradient(#8c8d92,#c5c5c9);border-radius:0 0 7px 7px}.desktop-dock{position:absolute;left:50%;bottom:9px;transform:translateX(-50%);height:38px;display:flex;gap:12px;align-items:center;padding:4px 12px;border-radius:11px;border:1px solid #ffffff70;background:#ffffff38;box-shadow:0 4px 9px #43476418}.desktop-dock img{width:30px;height:30px}.dock-line{width:36px;height:4px;border-radius:3px;background:#ffffff70}.phone-zone{position:absolute;left:63px;top:115px;z-index:10}.phone{display:block;position:relative;width:206px;height:426px;border:5px solid #242426;border-radius:38px;padding:0;background:#fafafa;color:#1d1d1f;text-align:left;box-shadow:0 0 0 1px #aaaaaf,0 0 0 3px #dedee1,0 25px 40px #18182b33;overflow:hidden;transition:transform .25s}.phone:hover{transform:translateY(-4px)}.phone:before{content:'';position:absolute;inset:0;border-radius:32px;box-shadow:inset 0 0 0 1px #080808;pointer-events:none;z-index:10}.phone-status{display:flex;justify-content:space-between;padding:17px 16px 9px;font-size:10px;line-height:15px;font-weight:650;background:#f7f7fa}.phone-connectivity{font-size:9px}.island{position:absolute;top:11px;left:50%;transform:translateX(-50%);width:63px;height:18px;border-radius:12px;background:#070708}.island:after{content:'';position:absolute;right:8px;top:6px;background:#182236;width:5px;height:5px;border-radius:50%}.phone-app{display:flex;justify-content:space-between;align-items:center;background:#f7f7fa;padding:17px 16px 12px;border-bottom:1px solid #e5e5e9;font-size:15px;font-weight:650}.app-dots{color:#007aff;letter-spacing:1px}.phone-content{display:block;height:295px;padding:19px 14px;background:#fafafa}.home-indicator{position:absolute;left:50%;bottom:8px;transform:translateX(-50%);width:65px;height:4px;border-radius:4px;background:#1d1d1f}.phone-flash{position:absolute;inset:0;background:#fff;opacity:0;pointer-events:none;z-index:20}.phone.is-capturing .phone-flash{animation:flash .4s}.snapshot-label{display:block;font-size:9px;letter-spacing:1.1px;color:#85858b;font-weight:550;margin-bottom:12px}.photos-heading{display:flex;align-items:center;justify-content:space-between;font-size:17px;font-weight:650;letter-spacing:-.5px;margin-bottom:15px}.photo-badge{font-size:11px;font-weight:600;letter-spacing:0;background:#ff453a;color:#fff;padding:3px 7px;border-radius:15px}.photo-mosaic{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.photo-thumb{height:32px;background:#e3ded7;color:#a39585;display:grid;place-items:center;font-size:11px;border-radius:2px}.photo-thumb:nth-child(3n){background:#dce3ed;color:#919cb0}.photo-thumb:nth-child(3n+2){background:#e0ddea;color:#a69db7}.snapshot-text{display:block;font-size:13px;line-height:1.4;color:#64646b;margin-top:15px}.bubble{display:block;background:#e9e9eb;border-radius:15px;padding:13px;font-size:14px;line-height:1.42;margin:12px 0}.reply-bubble{display:block;background:#007aff;color:white;border-radius:14px;padding:10px 12px;font-size:13px;line-height:1.4;margin:8px 0 0 16px}.article-title{display:block;font-size:25px;line-height:1.06;letter-spacing:-.9px;font-weight:650;margin:14px 0 22px}.reading-steps{display:flex;flex-direction:column;gap:15px;font-size:12px;line-height:1.35}.reading-steps>span{display:flex;gap:8px;align-items:center}.reading-steps b{font-size:10px;color:#9d852b}.reading-end{display:block;margin-top:23px;font-size:16px;line-height:1.3;letter-spacing:-.3px;color:#5e552e;font-weight:550}.image-wall{position:absolute;z-index:2;inset:20px 20px 58px 47px;display:grid;grid-template-columns:repeat(3,1fr);align-content:center;justify-items:center;gap:17px}.shot{position:relative;width:119px;min-width:0;border-radius:5px;background:#fafafa;box-shadow:0 9px 22px #20233d33;overflow:hidden;color:#1d1d1f}.shot-content{aspect-ratio:192/400;position:relative;overflow:hidden}.mini-screen{position:absolute;width:192px;height:400px;transform-origin:top left;background:#fafafa}.mini-screen .home-indicator{display:none}.shot-clear{display:block;width:100%;border:0;border-top:1px solid #e4e4e7;padding:6px 0;color:#0071e3;background:#f7f7f9;font-size:10px;line-height:1.3}.shot-clear:hover{background:#e9f2ff}.transfer{will-change:transform,opacity;z-index:15}.showcase-controls{display:flex;justify-content:center;align-items:center;gap:23px;margin-top:2px}.capture-action{border:0;border-radius:30px;background:#1d1d1f;color:#fff;padding:12px 21px;font-size:14px;font-weight:500;display:flex;align-items:center;gap:8px;box-shadow:0 3px 8px #00000012}.capture-action:hover{background:#363638}.capture-symbol{font-size:20px;line-height:1;font-weight:300}#reset{font-size:13px;background:none;border:0;color:#6e6e73;padding:10px 0}#reset:hover{color:#0071e3}.demo-toolbar{min-height:25px;text-align:center;margin-top:19px;font-size:14px;color:#515157;letter-spacing:-.1px}.demo-disclaimer{font-size:10px;color:#919197;margin:10px 0 0}.three-steps{display:flex;justify-content:center;gap:80px;margin:29px 0 54px}.three-steps>div{display:flex;align-items:center;gap:10px}.three-steps span{font-size:11px;color:var(--gold)}.three-steps strong{font-size:15px;font-weight:500}.story{padding:57px 0;border-top:1px solid var(--line);text-align:center}.story h2{font-size:34px;line-height:1.15;letter-spacing:-1px;font-weight:550;margin:0 0 21px}.story>p:not(.eyebrow){font-size:17px;color:var(--muted)}.signature{font-size:13px;color:var(--gold)}.audience{border-top:1px solid var(--line);padding:48px 0;display:flex;align-items:center;justify-content:center;gap:28px}.audience img{width:78px}.audience h2{font-size:23px;line-height:1.25;font-weight:550;letter-spacing:-.5px;margin:0 0 10px}.audience p{font-size:16px;color:#bbbcc2;margin:0 0 10px}.audience div>span{font-size:12px;color:#82858d}footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;font-size:12px;color:#85878e;padding:24px 0}footer>span:first-child{font-weight:650;color:#d6d6d9}@keyframes flash{0%,100%{opacity:0}25%{opacity:.9}}@media(max-width:760px){.wrap{width:calc(100% - 32px)}header{height:67px}.brand{font-size:19px}.brand img{width:30px}.hero{padding-top:32px}h1{font-size:46px;letter-spacing:-2px}.intro{font-size:16px;margin-bottom:28px}.product-stage{border-radius:20px;padding:27px 14px 22px}.stage-heading{padding:0 11px}.stage-heading>span{font-size:9px;letter-spacing:1px}.stage-heading h2{font-size:30px;letter-spacing:-1px}.demo{width:calc(100% + 20px);margin-left:-10px;margin-top:10px}.showcase-controls{margin-top:15px;gap:20px}.capture-action{font-size:13px;padding:11px 16px}.demo-toolbar{font-size:12px;max-width:290px;margin:17px auto 0;min-height:36px}.demo-disclaimer{font-size:9px}.three-steps{gap:17px;margin:23px 0 33px}.three-steps>div{flex-direction:column;gap:4px}.three-steps strong{font-size:12px}.story{padding:38px 0}.story h2{font-size:28px}.story>p:not(.eyebrow){font-size:15px}.audience{padding:35px 0;gap:19px}.audience img{width:54px}.audience h2{font-size:20px}.audience p{font-size:14px}footer{flex-wrap:wrap;font-size:11px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

/* MacBook Pro: deeper, squared aluminum body and taller display. */
.macbook-pro{top:53px}.macbook-pro .mac-lid{border-radius:18px 18px 7px 7px;padding:10px 10px 13px;background:linear-gradient(115deg,#333438,#101113 50%,#2a2b2f);border-color:#66676b;box-shadow:0 0 0 1px #aaaab0,0 19px 35px #1515261c}.macbook-pro .mac-desktop{height:367px}.macbook-pro .camera-notch{height:20px;width:92px;top:9px;border-radius:0 0 8px 8px}.macbook-pro .camera-notch:after{left:44px}.macbook-pro .laptop-base{height:24px;margin:0 -22px;border-radius:2px 2px 11px 11px;background:linear-gradient(#b8b9bd 0,#999a9f 30%,#73747a 66%,#aaaab0 80%,#85868c);box-shadow:inset 0 1px #e4e4e7,0 23px 25px -13px #20202c55}.macbook-pro .laptop-base>span{height:6px;left:43%;width:14%;background:linear-gradient(#686970,#b1b2b8);border-radius:0 0 7px 7px}.pro-foot{position:absolute;bottom:-3px;width:40px;height:3px;border-radius:0 0 4px 4px;background:#3b3b40}.pro-foot.left{left:15%}.pro-foot.right{right:15%}.browser-address{display:block;margin:-8px -4px 15px;padding:7px 8px;background:#e9e9ed;border-radius:7px;color:#707079;text-align:center;font-size:9px}.journal-name{display:block;font-size:9px;letter-spacing:1.8px;font-weight:700;border-bottom:1px solid #d7d7dd;padding-bottom:9px;margin-bottom:17px}.news-category{display:block;font-size:8px;color:#8f7835;font-weight:650;letter-spacing:1px}.news-headline{display:block;font-size:28px;line-height:1.04;font-weight:750;letter-spacing:-1.15px;margin:9px 0 12px}.news-deck{display:block;font-size:11px;color:#727279;line-height:1.4}.news-meta{display:block;font-size:8px;color:#93939a;margin-top:12px}.ig-account{display:flex;gap:7px;align-items:center;margin-bottom:12px;font-size:11px}.ig-avatar{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#242425;color:#fbd34c;font-size:13px;border:2px solid #e39d71}.ig-account b{display:block;font-size:10px}.ig-account small{display:block;font-size:8px;color:#85858d}.ig-more{margin-left:auto;color:#85858d}.quote-post{display:block;background:#34344a;color:#faf8f4;padding:12px 15px 17px;border-radius:2px}.quote-mark{display:block;font:32px/1 Georgia,serif;color:#ddc892;height:27px}.quote-post>span:not(.quote-mark){display:block;font-size:22px;line-height:1.16;letter-spacing:-.5px;font-weight:550}.quote-post small{display:block;margin-top:16px;font-size:10px;color:#d9cca8}.ig-actions{display:block;font-size:19px;line-height:1;margin:10px 0;color:#343438}.ig-actions>span{float:right}.ig-caption{display:block;font-size:9px;color:#797981}.ig-caption b{color:#33333b}.photo-detail-title{display:block;font-size:15px;font-weight:600;letter-spacing:-.3px;margin-bottom:15px}.photo-detail-title small{display:block;font-size:9px;color:#8d8d95;font-weight:400;margin-top:3px;letter-spacing:0}.selected-photo{width:100%;height:191px;object-fit:cover;display:block;border-radius:3px}.photo-detail-controls{display:flex;align-items:center;justify-content:space-between;margin-top:12px;color:#007aff;font-size:19px}.photo-add-hint{font-size:10px;color:#62626b}.photo-shot .shot-content{aspect-ratio:3/4}.photo-shot .shot-content img{display:block;width:100%;height:100%;object-fit:cover}.image-wall{align-items:center}

/* Camera view: the whole phone remains the shutter target. */
.phone.camera-active{background:#050505;color:#fff}.camera-active .phone-status{background:#050505;color:#fff}.camera-active .phone-app{display:none}.camera-active .phone-content{padding:0;height:365px;background:#050505;color:#fff}.camera-active .home-indicator{background:#fff}.camera-tools{height:32px;padding:2px 15px 5px;display:flex;align-items:center;justify-content:space-between;font-size:18px;color:#ececef}.camera-chevron{font-size:14px;display:grid;place-items:center;width:19px;height:19px;border-radius:50%;background:#29292b}.camera-viewfinder{position:relative;display:block;width:100%;height:241px;overflow:hidden;background:#212326}.camera-viewfinder>img{width:100%;height:100%;display:block;object-fit:cover}.camera-grid{position:absolute;inset:0;background:linear-gradient(to right,transparent 33%,#ffffff35 33%,#ffffff35 33.5%,transparent 33.5%,transparent 66.5%,#ffffff35 66.5%,#ffffff35 67%,transparent 67%),linear-gradient(to bottom,transparent 33%,#ffffff35 33%,#ffffff35 33.5%,transparent 33.5%,transparent 66.5%,#ffffff35 66.5%,#ffffff35 67%,transparent 67%)}.focus-bracket{position:absolute;width:49px;height:49px;left:50%;top:45%;transform:translate(-50%,-50%);border:1px solid #ffd95a;opacity:.9}.camera-zoom{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#10101085;color:#ffda62;font-size:11px;font-weight:650}.camera-mode-strip{display:flex;align-items:center;justify-content:center;gap:17px;height:29px;font-size:8px;letter-spacing:.5px;color:#aaa}.camera-mode-strip b{color:#ffd45c;font-weight:650}.camera-bottom{display:flex;align-items:center;justify-content:space-between;padding:0 14px;height:49px}.camera-shutter{display:block;width:43px;height:43px;border:2px solid white;border-radius:50%;padding:3px;background:#fff;background-clip:content-box;box-shadow:inset 0 0 0 2px #050505}.camera-last-photo{display:block;width:26px;height:26px;border-radius:4px;background:linear-gradient(140deg,#94b4bc,#35645f 55%,#233d3a);border:1px solid #7c8584}.camera-flip{display:grid;place-items:center;font-size:23px;width:27px;height:27px;border-radius:50%;background:#29292b;color:#eee}.shutter-fired .camera-shutter{background-color:#a1a1a1}.shutter-fired .focus-bracket{border-color:#fff}.camera-active .phone-flash{background:#fff}
/* Space Black MacBook Pro: dark anodized aluminum with restrained edge reflections. */
.macbook-pro .mac-lid{background:linear-gradient(120deg,#353638 0%,#202123 28%,#101113 62%,#2b2c2e 100%);border-color:#494a4d;box-shadow:0 0 0 1px #636467,0 1px 0 2px #b2b2b526,0 19px 35px #15152626}.macbook-pro .camera-notch{background:#0b0c0e}.macbook-pro .laptop-base{background:linear-gradient(180deg,#56575a 0%,#3b3c3f 12%,#292a2d 38%,#1d1e20 70%,#38393c 86%,#26272a 100%);box-shadow:inset 0 1px #77787c,0 23px 25px -13px #14141e66;border-bottom:1px solid #17181a}.macbook-pro .laptop-base>span{background:linear-gradient(#17181a,#333438);box-shadow:inset 0 -1px #55565a55}.macbook-pro .pro-foot{background:#111214}

/* A compact, close-set wall leaves room around the captures. */
.image-wall{inset:30px 25px 65px 60px;grid-template-columns:repeat(4,96px);gap:9px;justify-content:center;align-content:center;align-items:start;justify-items:start}.shot{width:96px}.shot-clear{font-size:9px;padding:5px 0}.notes-active .phone-app{color:#b98a00;background:#fffdf6}.notes-active .phone-content{padding:0;background:#fffdf6;height:295px}.notes-document{display:block;height:183px;padding:11px 15px 8px;color:#202124;background:#fffdf6}.notes-date{display:block;text-align:center;font-size:8px;color:#9b978e;margin-bottom:13px}.notes-title{display:block;font-size:21px;line-height:1.2;font-weight:700;letter-spacing:-.6px;margin-bottom:13px}.notes-body{display:block;font-size:12px;line-height:1.45;white-space:pre-wrap}.typing-caret{display:inline-block;width:1.5px;height:14px;vertical-align:-2px;background:#d9a400;animation:cursor-blink 1s steps(1) infinite}.notes-tools{display:block;height:26px;padding:3px 12px;background:#fffdf6;color:#c99700;font-size:13px;letter-spacing:2px;border-top:1px solid #ece8dc}.notes-keyboard{display:flex;flex-direction:column;gap:5px;padding:6px 4px 9px;background:#d1d3d9;color:#37383c;font-size:11px;text-align:center;font-family:-apple-system,BlinkMacSystemFont,sans-serif}.notes-keyboard>span:not(.keyboard-bottom){display:block;background:repeating-linear-gradient(90deg,#fafafa 0 16px,transparent 16px 19px);height:18px;line-height:18px;border-radius:3px;word-spacing:4px;box-shadow:0 1px #a3a6ad}.notes-keyboard>span:nth-child(2){margin:0 8px}.notes-keyboard>span:nth-child(3){font-size:10px;word-spacing:3px}.keyboard-bottom{display:flex;gap:5px;height:17px}.keyboard-bottom i{display:block;font-size:8px;font-style:normal;background:#b8bbc4;border-radius:3px;line-height:17px;width:31px}.keyboard-bottom i:nth-child(2){flex:1;background:#fafafa}.keyboard-bottom i:last-child{width:40px}.mini-screen .notes-document{height:183px}.mini-screen .notes-body{font-size:12px}@keyframes cursor-blink{50%{opacity:0}}

.notes-keyboard>span.keyboard-row{display:flex;gap:3px;background:none;box-shadow:none;word-spacing:normal;line-height:18px}.keyboard-row i{font-style:normal;flex:1;min-width:0;background:#fafafa;border-radius:3px;box-shadow:0 1px #a3a6ad;font-size:10px}.notes-keyboard>span.keyboard-row:nth-child(3) i:first-child,.notes-keyboard>span.keyboard-row:nth-child(3) i:last-child{background:#b8bbc4;flex:1.4}

/* Quiet, content-first desktop captures. */
.shot{border-radius:3px;box-shadow:0 3px 10px #20233d20;overflow:visible}
.shot-content{aspect-ratio:192/252;border-radius:3px;overflow:hidden}
.mini-screen{height:252px;padding:18px 14px;background:#fafafa}
.mini-screen .journal-name{font-size:8px;margin-bottom:15px;padding-bottom:8px}
.mini-screen .news-headline{font-size:29px;margin:10px 0 15px}
.mini-screen .news-meta{display:none}
.quote-shot .shot-content{aspect-ratio:192/230}
.quote-shot .mini-screen{height:230px;padding:0;background:#34344a}
.mini-screen .quote-post{padding:20px 17px;border-radius:0}
.mini-screen .quote-post>span:not(.quote-mark){font-size:25px}
.note-shot .shot-content{aspect-ratio:192/210}
.note-shot .mini-screen{height:210px;padding:0;background:#fffdf6}
.mini-screen .notes-document{height:210px;padding:22px 17px}
.mini-screen .notes-body{font-size:15px;line-height:1.5}
.shot-clear{position:absolute;top:-7px;right:-7px;display:grid;place-items:center;width:19px;height:19px;padding:0;border:1px solid #ffffffa6;border-radius:50%;background:#f5f5f7;color:#626268;font-size:15px;line-height:1;box-shadow:0 1px 4px #0002;opacity:0;transition:opacity .15s;z-index:2}
.shot:hover .shot-clear,.shot:focus-within .shot-clear{opacity:1}
.shot-clear:hover{background:#fff;color:#1d1d1f}
@media(hover:none){.shot-clear{opacity:1}}

.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}

.download-options{display:flex;justify-content:center;align-items:start;gap:28px;margin:-12px 0 40px;padding:12px}.download-option{display:flex;flex-direction:column;align-items:center;gap:12px}.store-badge{display:block;line-height:0;border-radius:8px}.store-badge img{display:block;height:48px;width:auto}.store-availability{font-size:11px;color:var(--muted)}@media(max-width:420px){.download-options{gap:20px;padding:10px 0}.store-badge img{height:40px}}

/* Captures are placed by the demo cursor into two desktop groups. */
.image-wall{display:block;inset:24px 24px 48px 60px}
.image-wall .shot{position:absolute;margin:0}
.demo-cursor{position:fixed;left:0;top:0;z-index:1001;pointer-events:none;opacity:0;filter:drop-shadow(0 2px 2px #0004)}

.booking-cursor{position:absolute;left:0;top:0;z-index:40;pointer-events:none;filter:drop-shadow(0 1px 1px #0004)}
.reservation-browser{position:absolute;z-index:30;width:390px;left:50%;top:29px;transform:translateX(-50%);background:#fbf9f3;border:1px solid #ffffff99;border-radius:9px;overflow:hidden;box-shadow:0 16px 40px #161b3d55;color:#253c31}
.reservation-toolbar{height:29px;display:flex;align-items:center;gap:12px;padding:0 11px;background:#e9e8e6;color:#747671;font-size:10px}
.reservation-close{border:0;background:#ff6158;border-radius:50%;width:9px;height:9px;padding:0;flex-shrink:0}
.reservation-address{background:#fafafa99;border-radius:4px;flex:1;font-size:8px;text-align:center;padding:3px}
.reservation-page{text-align:center;padding:15px 26px 13px}.restaurant-name{display:block;font:22px Georgia,serif;letter-spacing:5px}.restaurant-kicker{display:block;font-size:6px;letter-spacing:1.6px;margin:5px 0 12px;color:#7d887a}.reservation-page h3{font:26px/1.1 Georgia,serif;margin:0 0 7px}.reservation-page p{font-size:9px;color:#7b8176;margin:0 0 14px}.reservation-details{display:flex;justify-content:center;border:1px solid #dcded4;border-radius:5px;margin-bottom:12px;font-size:10px}.reservation-details span{padding:8px 17px}.reservation-details span+span{border-left:1px solid #dcded4}.reservation-book{display:block;width:100%;border:0;border-radius:5px;padding:9px;background:#314f3e;color:#fff;font-size:11px}.reservation-book.booked{background:#52795a}.reservation-page small{display:block;font-size:7px;color:#9a9e92;margin-top:7px}.booking-selected{outline:2px solid #ffffffb3;outline-offset:3px}.shot.demo-clearing .shot-clear{opacity:1}

.dock-browser{display:block;width:30px;height:30px;background:none;border:0;padding:0;border-radius:7px;transition:transform .2s}.dock-browser svg{display:block;width:30px;height:30px}.dock-browser.dock-opening{transform:translateY(-5px) scale(.94)}

.menu-right{display:flex;align-items:center;gap:12px}.menubar-deskdrop{display:grid;place-items:center;width:22px;height:22px;border:0;padding:2px;background:transparent;border-radius:4px}.menubar-deskdrop img{width:16px;height:16px}.menubar-deskdrop.menu-capturing{background:#ffffffaa}.reservation-page{position:relative}.reservation-selection{position:absolute;inset:8px 15px 12px;border:1px dashed #fff;outline:1px solid #374d46;box-shadow:0 0 0 7px #16291f20;pointer-events:none}.confirmation-shot .shot-content{aspect-ratio:1/1.15;background:#fbf9f3}.confirmation-content{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:8px 4px;color:#314f3e;font-size:7px;line-height:1.6}.confirmation-brand{font:11px Georgia,serif;letter-spacing:2px}.confirmation-check{font-size:16px;margin:3px 0}.confirmation-content strong{font:12px Georgia,serif;margin-bottom:4px}.confirmation-content small{font-size:6px;margin-top:5px;color:#818a7c}

.saved-reservation{position:absolute;top:0;left:0;transform-origin:top left;background:#fbf9f3}.saved-reservation .reservation-book{box-sizing:border-box}

.capture-crosshair{position:absolute;left:-12px;top:-12px}.capture-dimensions{position:absolute;left:15px;top:12px;color:#fff;text-shadow:0 1px 2px #000,0 0 2px #000;font:10px/1.2 -apple-system,BlinkMacSystemFont,monospace;white-space:nowrap}.mac-capture-selection{position:absolute;z-index:35;width:0;height:0;border:1px solid #ffffffc9;box-shadow:0 0 0 1500px #0004;pointer-events:none}

.confirmation-shot.demo-resizing{outline:1px solid #ffffffb3;outline-offset:1px}.confirmation-shot.demo-resizing:after{content:"";position:absolute;right:-3px;bottom:-3px;width:6px;height:6px;border:1px solid #fff;background:#777e92;pointer-events:none}.resize-cursor{position:absolute;left:-10px;top:-10px}

.mac-story{margin-bottom:54px}.mac-only-demo{position:relative;width:min(100%,1000px);height:490px;margin:auto}.mac-only-scene{position:relative;width:1000px;height:490px;transform-origin:top left}.mac-only-scene .mac-zone{left:138px;top:35px}.mac-only-scene .image-wall{left:24px}.capture-action:disabled{cursor:default;opacity:.6}.phone:disabled{cursor:default}.phone:disabled:hover{transform:none}@media(max-width:760px){.mac-story{margin-bottom:32px}.mac-only-demo{width:100%;margin-top:14px}}