.simple-event-demo{grid-template-columns:1fr 320px;align-items:center;gap:70px;max-width:1120px;margin:70px auto;padding:24px;display:grid}.simple-demo-copy h1,.simple-demo-copy h2{letter-spacing:-.055em;margin:18px 0 22px;font-size:clamp(40px,5.5vw,76px);line-height:1.03}.simple-demo-copy>p:not(.eyebrow){color:#625d56;max-width:420px;font-size:17px;line-height:1.7}.simple-demo-copy>.simple-demo-note{margin:22px 0 30px;font-size:12px}.demo-restart{margin-top:22px;display:block}.simple-demo-scroll{overscroll-behavior:contain;scrollbar-width:thin;height:100%;overflow:auto}.simple-demo-device .guest-app{min-height:100%;padding-bottom:115px}.simple-demo-device .guest-header{z-index:4;padding:18px 16px;position:sticky;top:0}.simple-demo-device .guest-header p{font-size:13px}.simple-demo-device .guest-header strong{font-size:12px}.simple-demo-device .guest-header>span{font-size:21px}.simple-demo-device .guest-nav{max-width:calc(100% - 24px);height:66px;position:fixed;bottom:12px}.simple-demo-device .guest-nav .camera-button{width:66px;height:66px}.simple-demo-device .guest-feed{width:100%;margin:0}.simple-demo-device .feed-card{margin-bottom:8px}.simple-demo-device .feed-card>header{padding:16px;font-size:13px}.simple-demo-device .feed-photo{border-radius:14px}.simple-demo-device .feed-actions{padding:8px 16px}.simple-demo-device .comments{padding:0 16px;font-size:12px}.simple-demo-device .comment-form{gap:10px;padding:0 16px 16px}.simple-demo-device .comment-form input{min-width:0;font-size:12px}.simple-demo-device .comment-form button{padding:10px 14px;font-size:11px}.simple-demo-device .you-view{padding:32px 20px 20px}.simple-demo-device .you-view h1{font-size:48px}.simple-demo-device .remaining-number{font-size:88px}.simple-demo-device .you-email h2{font-size:25px}.simple-demo-device .photo-source-sheet{max-height:95%;padding:34px 24px 28px}.simple-demo-device .photo-preview{grid-template-rows:1fr auto;grid-template-columns:1fr;gap:0;padding:24px 20px}.simple-demo-device .photo-preview>div{padding:24px}.simple-demo-device .photo-preview>img{max-height:400px}.simple-demo-device .guest-toast{max-width:94%;font-size:12px;top:82px}.demo-sample-choices{grid-template-columns:repeat(3,1fr);gap:10px;margin:24px 0;display:grid}.demo-sample-choices button{cursor:pointer;background:0 0;border:0;border-radius:12px;padding:0;overflow:hidden}.demo-sample-choices img{aspect-ratio:1;object-fit:cover;width:100%;display:block}@media (max-width:760px){.simple-event-demo{flex-direction:column;gap:26px;margin:32px auto;padding:20px;display:flex}.simple-demo-copy{width:100%}.simple-demo-copy h1,.simple-demo-copy h2{font-size:42px}.simple-demo-copy>p:not(.eyebrow){font-size:15px}.simple-demo-copy>.simple-demo-note{margin:14px 0 22px;font-size:11px}.demo-restart{margin:0 0 0 18px;display:inline-block}.simple-demo-copy>.button{font-size:12px}.simple-demo-device .photo-preview>img{max-height:340px}}.simple-demo-device .guest-app{padding-top:0}.sample-display-label{z-index:100;color:#fff;background:#111c;border-radius:20px;margin:0;padding:8px 12px;font-size:12px;position:fixed;top:70px;left:28px}.sample-display-label a{text-decoration:underline}.simple-demo-copy>p.simple-demo-note{color:#777;font-size:12px;line-height:1.6}.sample-demo-page .site-header{position:relative}.simple-demo-standalone{margin:48px auto}@media (max-width:760px){.simple-demo-standalone{gap:16px;margin:0 auto;padding:12px 16px 20px}.simple-demo-standalone .simple-demo-copy>.eyebrow{display:none}.simple-demo-standalone .simple-demo-copy h1{margin:0 0 8px;font-size:28px}.simple-demo-standalone .simple-demo-copy>p:not(.eyebrow){margin:8px 0;font-size:13px;line-height:1.45}.simple-demo-standalone .simple-demo-copy>p.simple-demo-note{margin:8px 0 12px;font-size:10px}.simple-demo-standalone .simple-demo-copy>.button{min-height:42px;padding:12px 20px;font-size:11px}.simple-demo-standalone .demo-restart{margin-left:15px;font-size:11px}}.demo-phone-screen{isolation:isolate;background:#f6f5f2;border:3px solid #090909;border-radius:43px;flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden;transform:translateZ(0)}.demo-phone-status{color:#171716;-webkit-user-select:none;user-select:none;background:#f6f5f2;flex:0 0 49px;justify-content:space-between;align-items:flex-start;padding:14px 22px 0;font-size:12px;font-weight:750;line-height:20px;display:flex;position:relative}.demo-phone-camera{background:#090909;border-radius:20px;width:96px;height:27px;position:absolute;top:9px;left:50%;transform:translate(-50%);box-shadow:inset 0 0 0 1px #000}.demo-phone-camera:after{content:"";background:#111d2c;border-radius:50%;width:8px;height:8px;position:absolute;top:9px;right:9px;box-shadow:inset 0 0 2px #495866}.demo-phone-indicators{align-items:center;gap:5px;height:20px;display:flex}.demo-phone-battery{background:#171716;border:1px solid #171716;border-radius:3px;width:20px;height:10px;position:relative;box-shadow:inset 0 0 0 1px #f6f5f2}.demo-phone-battery:after{content:"";background:#171716;border-radius:1px;width:2px;height:4px;position:absolute;top:2px;right:-3px}.demo-phone-buttons{background:linear-gradient(#999,#333,#777);border-radius:0 3px 3px 0;width:3px;height:62px;position:absolute;top:157px;right:-5px}.demo-phone-buttons:before,.demo-phone-buttons:after{content:"";background:linear-gradient(#999,#333,#777);border-radius:3px 0 0 3px;width:3px;height:43px;position:absolute;right:calc(100% + 405px)}.demo-phone-buttons:before{top:-40px}.demo-phone-buttons:after{top:12px}.demo-phone-home{z-index:30;pointer-events:none;background:#171716;border-radius:5px;width:100px;height:4px;position:absolute;bottom:6px;left:50%;transform:translate(-50%)}.simple-demo-scroll{scrollbar-width:none;flex:1;height:auto;min-height:0}.simple-demo-device .guest-header{padding:10px 16px 13px}.simple-demo-device .guest-nav{bottom:18px}.simple-demo-device .photo-source-sheet{max-height:calc(100% - 48px)}@media (max-width:760px){.demo-phone-screen{border-width:2px;border-radius:35px;height:auto;position:absolute;inset:5px}.simple-demo-scroll{overscroll-behavior-y:auto}.demo-phone-status{flex-basis:42px;padding:10px 17px 0;font-size:11px}.demo-phone-camera{width:86px;height:25px;top:7px}.demo-phone-buttons:before,.demo-phone-buttons:after{display:none}.demo-phone-home{width:85px}.simple-demo-device .guest-header{padding-top:7px}}.phone-demo{width:min(100%,320px);min-width:0;max-width:320px}.phone-demo .simple-demo-device{background:linear-gradient(120deg,#696965,#171716 15%,#333331 75%,#777771);border:2px solid #898984;border-radius:52px;flex:none;width:100%;height:560px;padding:7px;position:relative;overflow:visible;transform:none;box-shadow:0 0 0 1px #20201e,0 28px 65px #1717162b,inset 0 0 0 2px #151514}.phone-demo .demo-phone-buttons:before,.phone-demo .demo-phone-buttons:after{display:none}.phone-demo .feed-photo{aspect-ratio:3/2;overflow:hidden}.phone-demo .feed-photo img{object-fit:cover;width:100%;height:100%}.phone-demo .photo-preview>img{max-height:260px}.phone-demo .photo-preview>div{padding:12px}.phone-demo .demo-restart{margin:14px auto 0;font-size:12px;display:block}@media (max-width:760px){.phone-demo .simple-demo-device{aspect-ratio:auto;border-radius:43px;padding:5px}.phone-demo .sample-preview-label{font-size:11px}}.phone-demo .comments p{font-size:13px}.phone-demo .you-view h1{letter-spacing:-.07em;margin:0;font-size:48px;font-weight:700;line-height:normal}.phone-demo .you-email h2{letter-spacing:-.05em;margin:0;font-size:25px;font-weight:700;line-height:1}.phone-demo .photo-source-sheet h2{letter-spacing:-.055em;margin:0 0 28px;font-size:46px;font-weight:700;line-height:normal}.phone-demo .guest-app .eyebrow,.phone-demo .photo-source-sheet>p:last-child,.phone-demo .you-email>div>p:last-child{font-size:12px}.phone-demo .photo-preview .button{min-height:50px}.phone-demo .you-email .button{min-height:44px}
