*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{font-family:Arial,Helvetica,sans-serif;background:#bfefff;color:#102b2c}.grain{position:fixed;inset:0;pointer-events:none;opacity:.16;z-index:20;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.18'/%3E%3C/svg%3E")}.pack{position:relative;width:min(1460px,calc(100vw - 32px));height:min(760px,calc(100vh - 32px));margin:16px auto;background:#f8fff8;border:3px solid #102b2c;border-radius:28px;box-shadow:10px 10px 0 #102b2c;display:grid;grid-template-columns:42% 58%;grid-template-rows:1fr 130px 42px;overflow:hidden}.identity{padding:38px 24px 18px 42px;position:relative;z-index:3}.rx{display:flex;align-items:center;gap:12px;font-size:42px;font-weight:900}.rx span{font-size:11px;letter-spacing:.22em;border:2px solid;padding:7px 9px;border-radius:999px}.hero-copy{margin-top:10vh}.eyebrow{font-size:11px;font-weight:900;letter-spacing:.18em}.hero-copy h1{font-size:clamp(64px,8vw,128px);line-height:.78;margin:14px 0 20px;letter-spacing:-.08em}.ticker{font-weight:900;letter-spacing:.12em}.ticker span{color:#52d897}.dose-card{margin-top:30px;display:grid;grid-template-columns:auto auto 1fr;gap:10px;align-items:center;width:min(370px,100%);padding:13px 15px;border:2px solid;border-radius:12px;background:#fff}.dose-card .dot{width:11px;height:11px;background:#52d897;border:2px solid;border-radius:50%;animation:pulse 1.2s infinite}.dose-card span:last-child{text-align:right}.micro{max-width:390px;font-size:12px;line-height:1.45;opacity:.7}.visual{position:relative;overflow:hidden;background:linear-gradient(145deg,#d8f8ff 0 55%,#a7f0cc 55%);border-left:3px solid}.halo{position:absolute;width:52vw;height:52vw;border:2px dashed #102b2c;border-radius:50%;left:8%;top:-20%;animation:spin 30s linear infinite}.mascot{position:absolute;width:min(47vw,610px);height:min(70vh,610px);object-fit:cover;object-position:center;right:4%;bottom:-9%;border-radius:50%;filter:drop-shadow(12px 14px 0 rgba(16,43,44,.16));animation:bob 4s ease-in-out infinite}.pillcam{position:absolute;left:22px;bottom:22px;width:150px;background:#102b2c;color:white;padding:8px;border-radius:13px;transform:rotate(-3deg);box-shadow:5px 5px 0 rgba(255,255,255,.8)}.pillcam span{font-size:9px;font-weight:900;letter-spacing:.12em}.pillcam img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;margin-top:6px;border-radius:8px}.actions{grid-column:1/3;border-top:3px solid;display:grid;grid-template-columns:repeat(4,1fr);background:#fff}.action{position:relative;border:0;border-right:2px solid #102b2c;background:#fff;color:#102b2c;text-decoration:none;padding:18px 24px;display:grid;grid-template-columns:34px 1fr;grid-template-rows:1fr 1fr;align-items:center;text-align:left;cursor:pointer;transition:.18s ease;font:inherit}.action:last-child{border-right:0}.action span{grid-row:1/3;font-size:11px;opacity:.5}.action b{font-size:26px;line-height:1}.action small{font-size:9px;letter-spacing:.14em}.action:hover{background:#d8f8ff;transform:translateY(-4px)}.action.primary{background:#52d897}.action.primary:hover{background:#6ce5aa}.action[disabled]{cursor:default;opacity:.55;transform:none}.actions img{filter:none!important}.pack footer{grid-column:1/3;border-top:2px solid;display:flex;align-items:center;justify-content:space-between;padding:0 22px;font-size:9px;font-weight:900;letter-spacing:.14em;background:#102b2c;color:#f8fff8}.floater{position:fixed;width:22px;height:42px;border:2px solid #102b2c;border-radius:999px;background:linear-gradient(#fff 50%,#52d897 50%);z-index:0;opacity:.55;animation:drift var(--d) linear infinite;left:var(--x);top:110vh;transform:rotate(var(--r))}@keyframes drift{to{transform:translateY(-130vh) rotate(calc(var(--r) + 360deg))}}@keyframes bob{50%{transform:translateY(-10px) rotate(1deg)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{box-shadow:0 0 0 8px rgba(82,216,151,.15)}}
@media(max-width:780px){.pack{width:calc(100vw - 18px);height:calc(100dvh - 18px);margin:9px;grid-template-columns:1fr;grid-template-rows:43% 1fr 180px 28px;border-radius:20px;box-shadow:5px 5px 0 #102b2c}.identity{padding:20px 20px 8px}.rx{font-size:28px}.hero-copy{margin-top:4vh}.hero-copy h1{font-size:clamp(54px,20vw,90px);margin:10px 0 12px}.eyebrow,.micro{display:none}.dose-card{margin-top:14px;padding:8px 10px;font-size:11px}.visual{grid-row:2;border-left:0;border-top:2px solid}.mascot{width:72vw;height:36vh;right:2%;bottom:-14%}.pillcam{width:92px;left:12px;bottom:12px}.actions{grid-row:3;grid-column:1;grid-template-columns:1fr 1fr;border-top:2px solid}.action{padding:10px 14px;border-bottom:2px solid}.action:nth-child(2){border-right:0}.action:nth-child(3),.action:nth-child(4){border-bottom:0}.action b{font-size:20px}.pack footer{grid-row:4;grid-column:1;padding:0 10px}.pack footer span:nth-child(2),.pack footer span:nth-child(3){display:none}}