:root{color-scheme:dark;--navy:var(--agape-brand)}*{box-sizing:border-box}body{margin:0;background:var(--navy);color:var(--agape-contrast);font-family:Arial,Helvetica,sans-serif;min-height:100svh;display:grid;grid-template-rows:auto 1fr auto}header{display:flex;justify-content:center;padding:36px 24px 0}header img{object-fit:contain;filter:brightness(0) invert(1)}main{position:relative;display:grid;place-items:center;min-height:350px;min-width:0;overflow:hidden;margin-top:28px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.logo-motion{position:absolute;inset:0;display:grid;place-items:center}.motion-svg{display:block;width:92%;height:100%;overflow:hidden}.motion-caption{position:absolute;bottom:22px;left:0;right:0;text-align:center;font-size:11px;letter-spacing:.18em;color:var(--agape-contrast);margin:0}footer{padding:32px max(30px,5vw);padding-bottom:max(32px,env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:space-between;gap:22px}footer span{font-size:10px;letter-spacing:.14em;color:#ffffff80}button,input{font:inherit}button{cursor:pointer;color:inherit}footer button{display:flex;align-items:center;gap:9px;border:0;background:none;font-size:12px;padding:12px;opacity:.75;transition:opacity .2s}footer button:hover{opacity:1}button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}button:focus-visible,input:focus-visible{outline:2px solid white;outline-offset:5px}dialog{width:min(420px,calc(100% - 36px));padding:48px 32px 28px;background:#0b2d60;color:var(--agape-contrast);border:1px solid #ffffff30;border-radius:16px;box-shadow:0 25px 100px #0003}dialog::backdrop{background:#031731a6;backdrop-filter:blur(12px)}dialog h2{font-weight:400;font-size:25px;letter-spacing:-.04em;margin:0 0 30px}.close{position:absolute;top:10px;right:10px;width:40px;height:40px;display:grid;place-items:center;background:none;border:0;opacity:.7}label{font-size:12px;display:block;margin-bottom:10px;color:#ffffffba}.input-row{display:flex;border-bottom:1px solid #ffffff8c}.input-row input{width:100%;min-width:0;background:none;border:0;color:var(--agape-contrast);padding:10px 4px;font-size:16px}.input-row button{display:grid;place-items:center;width:44px;flex-shrink:0;background:none;border:0}.preview-note{font-size:11px;line-height:1.6;color:#ffffff9c;margin:22px 0 0}#error{min-height:18px;font-size:12px;color:#ffcfce;margin:12px 0 0}@media(max-width:600px){header{padding-top:max(24px,env(safe-area-inset-top))}header img{width:45px;height:38px}main{margin-top:12px;min-height:280px}.motion-svg{width:96%}.motion-caption{bottom:24px}footer{flex-wrap:wrap;justify-content:center;padding:16px 24px 28px}footer button{order:-1;flex-basis:100%;justify-content:center}footer span{font-size:9px}}
/* Countdown sits beneath the animation and above the access footer. */
body{grid-template-rows:auto 1fr auto auto}
.launch-countdown{display:flex;justify-content:center;gap:clamp(18px,4vw,48px);padding:18px 20px 8px;color:var(--agape-contrast);text-align:center}
.launch-countdown>div{min-width:48px}
.launch-countdown [data-unit]{display:block;font-size:clamp(27px,4vw,42px);font-weight:400;font-variant-numeric:tabular-nums;line-height:1.15;letter-spacing:.02em}
.launch-countdown small{display:block;margin-top:8px;font-size:10px;letter-spacing:.1em}
@media(max-width:600px){.launch-countdown{padding-top:12px;padding-bottom:14px}.launch-countdown small{font-size:9px}}