:root{--bg:#070707;--brand-bg:#070707;--surface:#151515;--surface-strong:#222;--ink:#f7f4ee;--muted:#a4a09a;--line:#303030;--primary:#f7f4ee;--primary-ink:#080808;--secondary:#d8c6a2;--accent:#f0e4ce;--accent-soft:#27221b;--shadow:#0000008c;color:var(--ink);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;font-weight:450;line-height:1.5}*{box-sizing:border-box}body{margin:0}svg{flex:none}.app-shell{min-height:100svh;color:var(--ink);background:radial-gradient(circle at 70% 16%,#ffffff14,#0000 28%),linear-gradient(#050505 0%,#090909 44%,#111 100%);overflow-x:hidden}.topbar{z-index:10;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#050505f0,#050505b8);justify-content:space-between;align-items:center;gap:18px;padding:20px clamp(18px,5vw,72px);display:flex;position:sticky;top:0}.wordmark{color:#fff;align-items:center;gap:10px;font-family:Georgia,Times New Roman,serif;font-size:28px;font-weight:700;line-height:1;display:inline-flex}.wordmark svg{width:30px;height:30px}.nav-links{align-items:center;gap:34px;display:flex}.nav-links a,.hero-actions a{color:#ffffffb8;letter-spacing:4px;text-transform:uppercase;font-size:12px;font-weight:800;text-decoration:none}.status-pill{color:#ffffffbd;white-space:nowrap;background:#ffffff14;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:8px;min-height:44px;padding:0 18px;font-size:14px;display:inline-flex}.status-pill span{background:#faf6ef;border-radius:50%;width:8px;height:8px}.hero-section{grid-template-columns:minmax(320px,.82fr) minmax(560px,1.18fr);gap:28px;min-height:calc(100svh - 84px);padding:38px clamp(20px,5vw,72px) 70px;display:grid;position:relative}.hero-copy{z-index:2;align-self:start;max-width:780px;padding-top:22px}h1,h2,p{margin:0}h1{color:#fff;letter-spacing:0;max-width:11ch;font-family:Georgia,Times New Roman,serif;font-size:clamp(58px,7.2vw,112px);font-weight:400;line-height:.96}.hero-copy p{color:#ffffff8f;max-width:520px;margin-top:26px;font-size:20px;line-height:1.55}.hero-actions{flex-wrap:wrap;align-items:center;gap:20px;margin-top:32px;display:flex}.primary-link{color:#060606;background:#f6f1ea;border-radius:999px;justify-content:center;align-items:center;gap:10px;min-height:52px;padding:0 24px;font-size:14px;font-weight:850;text-decoration:none;display:inline-flex}button{color:#060606;min-height:48px;font:inherit;cursor:pointer;background:#f6f1ea;border:0;border-radius:999px;font-weight:800}button:disabled{opacity:.5;cursor:not-allowed}.hero-actions button,.shutter,.guest-row button,.quiet-button{justify-content:center;align-items:center;gap:8px;padding:0 22px;display:inline-flex}.hero-actions .primary-link{color:#060606;letter-spacing:0;text-transform:none;font-size:14px;font-weight:850}.hero-product{min-height:720px;position:relative}.try-card{z-index:4;text-align:center;background:#242424;border:1px solid #ffffff17;border-radius:30px;width:236px;padding:24px;position:absolute;bottom:28px;left:-40px;box-shadow:0 28px 80px #0000007a}.try-title{color:#fff;letter-spacing:4px;text-transform:uppercase;justify-content:center;align-items:center;gap:8px;margin-bottom:18px;font-size:12px;font-weight:900;display:flex}.try-card p{color:#ffffff8a;margin-top:14px;font-size:13px;line-height:1.4}.qr-code{background:#fff;border-radius:8px;place-items:center;display:grid}.try-card .qr-code{width:160px;height:160px;margin:0 auto}.phone{background:#090909;border:6px solid #202229;border-radius:46px;position:absolute;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff14,0 35px 100px #000000bf}.phone-main{z-index:2;width:430px;height:760px;padding:22px;top:42px;left:120px}.phone-side{z-index:1;width:380px;height:690px;padding:22px;top:110px;right:-28px}.phone:before{content:"";z-index:5;background:#030303;border-radius:999px;width:108px;height:30px;position:absolute;top:12px;left:50%;transform:translate(-50%)}.phone-top{z-index:6;grid-template-columns:42px minmax(0,1fr) 42px;align-items:center;gap:10px;min-height:62px;display:grid;position:relative}.phone-top.compact{grid-template-columns:42px minmax(0,1fr)}.phone-top button,.phone-actions button{color:#fff;background:#ffffff1a;place-items:center;width:42px;min-height:42px;padding:0;display:grid}.phone-top div{text-align:center;min-width:0}.phone-top strong,.phone-top span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.phone-top strong{color:#fff;font-family:Georgia,Times New Roman,serif;font-size:19px;font-weight:400}.phone-top span{color:#ffffff80;font-size:12px}.cover-photo,.camera-photo{background-position:50%;background-size:cover;border-radius:34px;position:relative;overflow:hidden}.cover-photo{align-items:end;height:260px;margin-top:8px;padding:24px;display:grid}.cover-photo:after,.camera-photo:after,.viewfinder:after{content:"";background:linear-gradient(#0000 35%,#000000b8),radial-gradient(circle,#0000 55%,#00000052);position:absolute;inset:0}.cover-photo>div{z-index:2;position:relative}.cover-photo h2{color:#fff;text-align:center;max-width:11ch;margin:0 auto;font-family:Georgia,Times New Roman,serif;font-size:36px;font-weight:400;line-height:1.04}.phone-stats{color:#ffffffb8;text-align:center;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:18px;display:grid}.phone-stats strong{color:#fff;font-family:Georgia,Times New Roman,serif;font-size:22px;font-weight:700;display:block}.phone-actions{grid-template-columns:minmax(0,1fr) 58px 58px;gap:8px;margin:12px 0 16px;display:grid}.phone-actions button:first-child{color:#050505;background:#fff;width:auto}.phone-grid,.capture-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.phone-grid figure,.capture-card{aspect-ratio:1;background:#1a1a1a;border-radius:18px;position:relative;overflow:hidden}.phone-grid img,.capture-card img{object-fit:cover;filter:saturate(.92)contrast(1.05);width:100%;height:100%;display:block}.phone-grid figcaption,.capture-card span{z-index:2;color:#fff;text-shadow:0 2px 10px #000c;font-family:Georgia,Times New Roman,serif;font-size:14px;position:absolute;bottom:8px;left:10px}.camera-photo{height:504px;margin-top:8px}.camera-tools{color:#ffffffad;justify-content:center;align-items:center;gap:16px;min-height:68px;display:flex}.camera-tools strong{color:#fff;text-align:center;background:#ffffff1f;border-radius:999px;min-width:64px;padding:9px 14px}.pricing-section{border-top:1px solid #ffffff14;padding:72px clamp(20px,5vw,72px)}.pricing-heading{grid-template-columns:minmax(280px,.7fr) minmax(300px,1fr);align-items:end;gap:28px;margin-bottom:24px;display:grid}.pricing-heading .eyebrow{grid-column:1/-1;margin-bottom:-16px}.pricing-heading h2{color:#fff;grid-column:1;font-family:Georgia,Times New Roman,serif;font-size:clamp(42px,5vw,72px);font-weight:400;line-height:.98}.pricing-heading>p:last-child{color:#ffffff8f;grid-column:2;max-width:620px;font-size:17px;line-height:1.55}.pricing-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.pricing-card{background:#ffffff0e;border:1px solid #ffffff1a;border-radius:24px;gap:18px;min-height:330px;padding:22px;display:grid}.pricing-card span,.pricing-card p{color:#ffffff75;letter-spacing:2px;text-transform:uppercase;font-size:13px;font-weight:800}.pricing-card h3{color:#fff;margin:6px 0 0;font-family:Georgia,Times New Roman,serif;font-size:40px;font-weight:400;line-height:1}.pricing-card>strong{color:#fff;font-size:22px}.pricing-card ul{gap:9px;margin:0;padding:0;list-style:none;display:grid}.pricing-card li{color:#ffffff9e;align-items:flex-start;gap:8px;font-size:13px;line-height:1.35;display:flex}.pricing-card li svg{color:#f6f1ea;flex:none;margin-top:1px}.addon-row{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:22px;align-items:center;gap:14px;margin-top:12px;padding:18px 20px;display:flex}.addon-row>svg{color:#f6f1ea}.addon-row strong,.addon-row span{display:block}.addon-row strong{color:#fff;font-size:16px}.addon-row span{color:#ffffff8a;margin-top:2px;font-size:14px}.event-stage{border-top:1px solid #ffffff14;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:28px;padding:64px clamp(20px,5vw,72px) 28px;display:grid}.event-copy h2{color:#fff;font-family:Georgia,Times New Roman,serif;font-size:clamp(42px,5vw,78px);font-weight:400;line-height:.96}.event-kind,.meta-row,.meta-row span,.panel-head{align-items:center;display:flex}.event-kind{color:#ffffffc7;letter-spacing:4px;text-transform:uppercase;gap:8px;margin-bottom:14px;font-size:12px;font-weight:900}.meta-row{flex-wrap:wrap;gap:10px;margin-top:22px}.meta-row span{color:#ffffff94;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:999px;gap:7px;min-height:36px;padding:0 13px;font-size:14px}.qr-panel{background:#1e1e1e;border:1px solid #ffffff1f;border-radius:26px;align-items:center;gap:16px;padding:14px;display:flex;box-shadow:0 22px 70px #0006}.how-section,.appclip-demo{gap:14px;padding:0 clamp(20px,5vw,72px) 72px;display:grid}.how-section{grid-template-columns:repeat(3,minmax(0,1fr))}.how-section article,.handoff-card{background:#ffffff0b;border:1px solid #ffffff17;border-radius:28px;box-shadow:0 26px 80px #00000038}.how-section article{min-height:212px;padding:28px}.how-section svg{color:#f6f1ea}.how-section h2{color:#fff;max-width:12ch;margin-top:36px;font-family:Georgia,Times New Roman,serif;font-size:34px;font-weight:400;line-height:1.02}.how-section p{color:#ffffff8a;margin-top:14px;font-size:15px;line-height:1.5}.appclip-demo{grid-template-columns:minmax(260px,.45fr) minmax(0,1fr);align-items:stretch}.handoff-card{grid-template-columns:minmax(280px,.95fr) minmax(280px,1fr);display:grid;overflow:hidden}.handoff-cover{background-position:50%;background-size:cover;align-content:end;min-height:420px;padding:34px;display:grid;position:relative}.handoff-cover:after{content:"";background:linear-gradient(#00000014,#000000d1),radial-gradient(circle,#0000 54%,#0006);position:absolute;inset:0}.handoff-cover span,.handoff-cover h2{z-index:1;position:relative}.handoff-cover span{color:#fff;letter-spacing:4px;background:#ffffff29;border-radius:999px;width:fit-content;margin-bottom:12px;padding:9px 13px;font-size:12px;font-weight:900}.handoff-cover h2{color:#fff;max-width:11ch;font-family:Georgia,Times New Roman,serif;font-size:clamp(44px,5vw,72px);font-weight:400;line-height:.98}.handoff-body{align-content:center;justify-items:start;gap:24px;padding:40px;display:grid}.handoff-body p{color:#ffffff94;max-width:540px;font-size:18px;line-height:1.55}.invite-shell{color:#fff;background:radial-gradient(circle at 70% 16%,#ffffff14,#0000 26%),linear-gradient(#050505 0%,#0c0c0c 58%,#111 100%);place-items:center;min-height:100svh;padding:clamp(18px,4vw,48px);display:grid}.invite-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:34px;grid-template-columns:minmax(280px,.95fr) minmax(320px,1.05fr);width:min(1080px,100%);display:grid;overflow:hidden;box-shadow:0 34px 110px #00000080}.invite-image{background-position:50%;background-size:cover;align-content:space-between;min-height:640px;padding:34px;display:grid;position:relative}.invite-image:after{content:"";background:linear-gradient(#00000075,#00000029 42%,#000000d1),radial-gradient(circle,#0000 48%,#0000006b);position:absolute;inset:0}.invite-image .wordmark,.invite-note{z-index:1;position:relative}.invite-note{color:#101010;background:#f6f1ea;border-radius:10px;max-width:360px;padding:28px;transform:rotate(-4deg);box-shadow:0 24px 50px #00000047}.invite-note p{font-family:Georgia,Times New Roman,serif;font-size:42px;line-height:.95}.invite-note span{color:#0000009e;margin-top:14px;font-size:17px;line-height:1.35;display:block}.invite-copy{align-content:center;gap:22px;padding:clamp(30px,5vw,58px);display:grid}.invite-copy h1{max-width:12ch;font-size:clamp(48px,6vw,78px)}.invite-copy>p:not(.eyebrow){color:#ffffff94;max-width:560px;font-size:18px;line-height:1.55}.invite-code-card{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:24px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;padding:18px;display:grid}.invite-code-card span{color:#ffffff6b;letter-spacing:3px;text-transform:uppercase;font-size:12px;font-weight:900;display:block}.invite-code-card strong{color:#fff;letter-spacing:8px;margin-top:8px;font-size:clamp(28px,4vw,46px);display:block}.invite-code-card .qr-code,.invite-code-card svg{background:#fff;border-radius:12px;grid-area:1/2/span 2}.invite-actions{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.invite-actions>a:last-child{color:#ffffffbd;border:1px solid #ffffff1f;border-radius:999px;align-items:center;min-height:52px;padding:0 22px;font-weight:800;text-decoration:none;display:inline-flex}.qr-panel .qr-code{width:132px;height:132px}.qr-panel strong{color:#fff;margin-top:4px;font-size:26px;display:block}.eyebrow{color:#ffffff80;letter-spacing:2px;text-transform:uppercase;font-size:12px;font-weight:900}.workspace{grid-template-columns:minmax(240px,.68fr) minmax(320px,1.26fr) minmax(280px,.88fr);gap:14px;min-height:620px;padding:0 clamp(20px,5vw,72px) 72px;display:grid}.side-panel,.camera-panel,.gallery-panel{background:#ffffff0b;border:1px solid #ffffff17;border-radius:28px;padding:22px}.panel-head{color:#ffffff8f;letter-spacing:3px;text-transform:uppercase;gap:8px;margin-bottom:18px;font-size:12px;font-weight:900}.join-form label{color:#ffffff7a;letter-spacing:2px;text-transform:uppercase;margin-bottom:7px;font-size:12px;font-weight:800;display:block}.input-row,.guest-row,.camera-actions{gap:10px;display:flex}input{box-sizing:border-box;color:#fff;width:100%;min-width:0;min-height:50px;font:inherit;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:999px;outline:none;padding:0 18px}input::placeholder{color:#ffffff6b}input:focus{border-color:#ffffff6b;box-shadow:0 0 0 4px #ffffff14}.icon-button{color:#fff;background:#ffffff1f;flex:none;place-items:center;width:50px;padding:0;display:grid}.segment-control{gap:8px;margin:18px 0;display:grid}.segment-control button{color:#ffffffad;background:#ffffff0f;border:1px solid #ffffff1a}.segment-control .active{color:#070707;background:#f6f1ea}.stat-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.stat-grid div{background:#ffffff0f;border:1px solid #ffffff14;border-radius:22px;min-height:94px;padding:16px}.stat-grid span{color:#fff;font-family:Georgia,Times New Roman,serif;font-size:34px;font-weight:700;display:block}.stat-grid p{color:#ffffff85;font-size:13px}.camera-panel{align-items:stretch;display:grid}.join-card,.camera-body,.locked-state{align-content:center;display:grid}.join-card{color:#fff;text-align:center;gap:16px;max-width:520px;margin:0 auto}.join-card>svg{color:#fff;justify-self:center}.join-card h2,.locked-state h2{color:#fff;font-family:Georgia,Times New Roman,serif;font-size:36px;font-weight:400}.join-card p{color:#ffffff8c}.camera-body{gap:18px}.viewfinder{aspect-ratio:4/5;background:linear-gradient(#0000000d,#000000b8),url(https://images.unsplash.com/photo-1530023367847-a683933f4172?auto=format&fit=crop&w=900&q=82) 50%/cover;border-radius:34px;width:100%;min-height:420px;max-height:650px;position:relative;overflow:hidden}.viewfinder img{object-fit:cover;width:100%;height:100%;display:block}.viewfinder-empty{z-index:2;color:#fff;align-content:center;place-items:center;gap:10px;height:100%;display:grid;position:relative}.viewfinder-empty span{color:#ffffffb8;font-family:Georgia,Times New Roman,serif;font-size:26px}.quiet-button{color:#fff;background:#ffffff1a;border:1px solid #ffffff1a}.gallery-panel{min-height:100%}.locked-state{color:#ffffff8c;text-align:center;justify-items:center;gap:10px;min-height:420px}.locked-state svg{color:#fff}.capture-card span{text-overflow:ellipsis;white-space:nowrap;max-width:calc(100% - 20px);overflow:hidden}@media (width<=1180px){.hero-section{grid-template-columns:1fr}.hero-product{min-height:760px}.phone-main{left:16%}.phone-side{right:4%}.try-card{left:4%}}@media (width<=980px){.nav-links{display:none}.event-stage,.pricing-heading,.workspace,.appclip-demo,.handoff-card,.invite-card,.how-section{grid-template-columns:1fr}.pricing-heading .eyebrow,.pricing-heading h2,.pricing-heading>p:last-child{grid-column:1}.pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.camera-panel{order:-1}.capture-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.invite-image{min-height:520px}}@media (width<=640px){.topbar{padding:18px 20px}.status-pill{display:none}.hero-section{min-height:auto;padding:24px 20px 48px}.hero-copy{text-align:center}h1{max-width:8ch;margin:0 auto;font-size:48px}.hero-copy p{font-size:16px}.hero-actions{justify-content:center}.hero-product{min-height:520px;margin-top:28px}.try-card{display:none}.phone{border-width:4px;border-radius:34px}.phone-main{width:300px;height:540px;padding:16px;top:0;left:-32px;transform:rotate(-10deg)}.phone-side{width:260px;height:470px;padding:16px;top:104px;right:-96px;transform:rotate(7deg)}.phone:before{width:78px;height:22px}.phone-top{grid-template-columns:36px minmax(0,1fr) 36px;gap:6px;min-height:48px}.phone-top button,.phone-actions button{width:36px;min-height:36px}.cover-photo{border-radius:26px;height:190px}.cover-photo h2{font-size:24px}.phone-stats{font-size:11px}.phone-stats strong{font-size:16px}.phone-grid{gap:6px}.phone-grid figure{border-radius:14px}.camera-photo{height:336px}.event-stage{padding:36px 20px 20px}.how-section,.appclip-demo{padding:0 20px 44px}.how-section article{min-height:auto;padding:24px}.how-section h2{margin-top:26px;font-size:30px}.pricing-section{padding:44px 20px}.pricing-grid{grid-template-columns:1fr}.pricing-card{min-height:auto}.event-copy h2{font-size:44px}.qr-panel{display:none}.workspace{padding:0 20px 40px}.handoff-card{border-radius:24px}.handoff-cover{min-height:340px;padding:24px}.handoff-body{padding:26px}.invite-shell{padding:0;display:block}.invite-card{border:0;border-radius:0;min-height:100svh}.invite-image{min-height:52svh;padding:22px}.invite-note{padding:22px}.invite-note p{font-size:34px}.invite-copy{padding:28px 22px 38px}.invite-copy h1{max-width:9ch;margin:0;font-size:44px}.invite-code-card{grid-template-columns:1fr}.invite-code-card .qr-code,.invite-code-card svg{grid-area:auto/1;justify-self:start}.side-panel,.camera-panel,.gallery-panel{border-radius:24px}.guest-row,.camera-actions{flex-direction:column}.viewfinder{border-radius:28px;min-height:350px}.capture-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
