:root{--ink:#24302d;--muted:#66736f;--paper:#f7f4ed;--green:#31786b;--line:#dfe3dc;--blue:#dceff4;--yellow:#ffefb9;--brown:#eadcd1}*{box-sizing:border-box}html,body{height:100%;overflow:hidden}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-rounded,"SF Pro Rounded","Segoe UI",sans-serif;-webkit-font-smoothing:antialiased;display:grid;grid-template-rows:78px 1fr 58px}.skip-link{position:absolute;left:-999px}.skip-link:focus{left:1rem;top:1rem;background:#fff;padding:.75rem;z-index:10}header,footer{width:min(1180px,calc(100% - 56px));margin:auto;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:10px;align-items:center;color:var(--ink);font-size:20px;font-weight:800;text-decoration:none}.brand-mark{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:var(--green);color:#fff;font-size:11px}.privacy-label{font-size:12px;color:var(--muted);border:1px solid var(--line);border-radius:99px;padding:7px 12px}main{width:min(1120px,calc(100% - 56px));min-height:0;margin:auto;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(310px,.75fr);align-items:center;gap:clamp(44px,7vw,100px)}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:var(--green);font-weight:800;font-size:12px;margin:0 0 14px}.message h1{font-family:Georgia,"Times New Roman",serif;font-weight:500;font-size:clamp(54px,6.5vw,88px);line-height:.93;letter-spacing:-.045em;margin:0}.intro{font-size:clamp(16px,1.5vw,19px);line-height:1.55;color:var(--muted);max-width:610px;margin:22px 0}.event-pills{display:flex;gap:8px;flex-wrap:wrap}.pill{padding:9px 14px;border-radius:999px;font-size:13px;font-weight:750}.drink{background:var(--blue)}.pee{background:var(--yellow)}.poo{background:var(--brown)}.promises{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:22px;color:var(--green);font-size:13px;font-weight:800}.community-note{max-width:600px;border-top:1px solid var(--line);padding-top:16px;margin:20px 0 0;color:var(--muted);font-size:12px;line-height:1.5}.qr-card{background:#fff;border-radius:26px;padding:clamp(22px,3vh,32px);text-align:center;box-shadow:0 20px 55px #24302d16;display:flex;flex-direction:column;align-items:center;max-height:calc(100vh - 166px)}.qr-heading h2{font-family:Georgia,"Times New Roman",serif;font-size:clamp(28px,3vw,40px);font-weight:500;line-height:1;margin:0}.qr-heading>p:last-child{color:var(--muted);font-size:13px;margin:10px 0 14px}.qr-card img{display:block;width:min(250px,28vh);height:min(250px,28vh);min-width:170px;min-height:170px}.qr-card>a{font-size:12px;color:var(--green);font-weight:700;margin-top:10px;word-break:break-word}.coming-soon{font-size:11px;color:var(--muted);margin-top:9px}footer{border-top:1px solid var(--line);font-size:11px;color:var(--muted)}footer span:first-child{font-weight:800;color:var(--ink)}
@media(max-width:720px){body{grid-template-rows:58px 1fr 34px}header,footer,main{width:min(100% - 32px,560px)}.privacy-label{display:none}main{display:flex;flex-direction:column;justify-content:center;gap:16px;text-align:center}.message h1{font-size:clamp(38px,11vw,54px);line-height:.94}.eyebrow{font-size:10px;margin-bottom:8px}.intro{font-size:14px;line-height:1.4;margin:12px auto}.event-pills,.promises{justify-content:center}.pill{padding:7px 10px;font-size:11px}.promises{font-size:10px;gap:5px 12px;margin-top:12px}.community-note{display:none}.qr-card{width:100%;max-width:390px;padding:14px 18px;border-radius:19px;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;column-gap:14px;text-align:left}.qr-heading h2{font-size:23px}.qr-heading>p:last-child{font-size:11px;margin:6px 0}.qr-card img{grid-column:2;grid-row:1 / 3;width:min(132px,18vh);height:min(132px,18vh);min-width:108px;min-height:108px}.qr-card>a{grid-column:1;grid-row:2;font-size:9px;margin:0;align-self:start}.coming-soon{display:none}footer{font-size:9px}footer span:nth-child(2){display:none}}
@media(max-height:680px) and (max-width:720px){.intro{max-width:440px}.event-pills{display:none}.message h1{font-size:38px}.qr-card img{width:105px;height:105px;min-width:105px;min-height:105px}}
@media(min-width:1001px){main{width:min(1260px,calc(100% - 48px));grid-template-columns:minmax(380px,1.12fr) minmax(215px,.58fr) minmax(270px,.7fr);gap:clamp(22px,3.2vw,48px)}.message h1{font-size:clamp(52px,5.4vw,78px)}.intro{font-size:clamp(15px,1.25vw,18px);line-height:1.5}.phone-preview{position:relative;width:230px;height:min(500px,calc(100vh - 174px));min-height:410px;margin:auto;background:#151a18;border:7px solid #151a18;border-radius:34px;box-shadow:0 24px 48px #24302d28;overflow:hidden;transform:rotate(1.5deg)}.phone-speaker{position:absolute;z-index:2;top:9px;left:50%;transform:translateX(-50%);width:54px;height:5px;border-radius:5px;background:#424947}.phone-screen{height:100%;background:#f8f7f3;padding:30px 13px 12px}.app-kicker{font-size:7px;letter-spacing:1px;color:var(--green);font-weight:900;margin:0}.phone-screen h2{font-size:14px;margin:3px 0 10px}.app-summary{display:flex;justify-content:space-around;background:#fff;border-radius:10px;padding:9px 3px}.app-summary span{font-size:7px;text-align:center;color:var(--muted)}.app-summary b{display:block;color:var(--ink);font-size:10px;margin-bottom:2px}.last-wee{text-align:center;color:var(--muted);font-size:8px;margin:8px 0}.app-actions{display:flex;gap:5px}.app-actions span{height:62px;flex:1;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:17px}.app-actions b{font-size:8px;margin-top:4px}.timeline-label{font-size:6px;font-weight:900;letter-spacing:.55px;margin:15px 0 4px}.app-timeline{background:#fff;border-radius:10px;padding:0 8px}.app-timeline span{height:30px;border-bottom:1px solid #edf0ed;display:flex;align-items:center;gap:5px;font-size:7px}.app-timeline span:last-child{border:0}.app-timeline time{width:28px;color:var(--muted)}.app-timeline b{font-size:7px}.qr-card{padding:clamp(18px,2.5vh,28px)}.qr-card img{width:min(220px,25vh);height:min(220px,25vh);min-width:160px;min-height:160px}}
@media(max-width:1000px){.phone-preview{display:none}}