*{box-sizing:border-box}html{background:#08070e;color:#fff;font-family:Arial,Helvetica,sans-serif}body{margin:0;background:radial-gradient(ellipse at 50% 20%,#22103d 0,transparent 55%)}.landing{width:100%;max-width:440px;margin:auto;padding:10px 13px 8px;position:relative}header{display:flex;align-items:center;justify-content:space-between;height:34px}.brand{font-size:28px;font-weight:1000;letter-spacing:-1.8px;font-style:italic;white-space:nowrap}.brand>span:last-child{color:#00d76b}.ball{font-size:23px}.age{border:1px solid #ddd;border-radius:50%;padding:8px 5px;font-size:13px;font-weight:700}.exclusive{position:relative;z-index:1;background:linear-gradient(110deg,#ffb318,#ffe57a,#edaa15);border:1px solid #ffe693;border-radius:17px;color:#080808;text-align:center;font-weight:1000;font-size:20px;line-height:1.02;padding:6px 12px;max-width:300px;margin:4px auto 0;box-shadow:0 0 16px #e4b53325}.art{position:relative;aspect-ratio:911/425;overflow:hidden;margin:0 -13px}.art img{position:absolute;width:100%;height:auto;left:0;top:-45.8%;pointer-events:none}.benefits{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:0}.benefits>div{border:1.5px solid #f0bd34;border-radius:9px;background:linear-gradient(130deg,#210633,#10061a);text-align:center;padding:7px 2px}.benefits strong{display:block;font-size:clamp(26px,8vw,36px);font-weight:1000;letter-spacing:-1.5px;color:#ffda50;text-shadow:0 2px #9b4b00}.benefits small{font-size:.60em;letter-spacing:-1px}.benefits span{display:block;font-size:clamp(12px,3.6vw,16px);font-weight:bold;margin-top:3px}h1{font-size:clamp(23px,7.1vw,31px);line-height:1.04;letter-spacing:-.6px;text-align:center;font-weight:1000;margin:8px 0 5px}h1 span{color:#ffda58}.instruction{text-align:center;font-weight:700;font-size:16px;margin:0 0 8px}.cta{display:flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:9px 12px;border:1px solid #ff7979;border-radius:12px;color:white;background:linear-gradient(#ff192b,#ec0018);box-shadow:0 0 20px #fa123835;font-size:18px;font-weight:800;text-decoration:none;text-align:center}.cta span{font-size:24px}.copies{display:grid;gap:6px;margin-top:10px}.copy-row{display:flex;align-items:center;gap:10px;border:1px solid #39304d;background:#10101e;border-radius:9px;min-height:46px;padding:5px 7px}.row-icon{font-size:25px;width:22px;text-align:center}.copy-row>div{flex:1;min-width:0;font-size:13px}.value{display:block;color:#c5c3d3;margin-top:2px}.copy-row button{font:700 13px Arial;color:#fff;background:linear-gradient(135deg,#302651,#1b1630);border:1px solid #63518d;border-radius:7px;min-height:36px;padding:7px 10px;cursor:pointer}.copy-row button span{font-size:18px;vertical-align:middle;margin-right:4px}h2{font-size:24px;text-align:center;letter-spacing:-.6px;margin:8px 0 6px}.share-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px}.share-grid a{display:flex;align-items:center;justify-content:center;gap:9px;border:1px solid #ffffff40;border-radius:8px;min-height:38px;color:#fff;text-decoration:none;font-weight:700;font-size:16px}.share-grid a span{font-size:24px;line-height:1}.whatsapp{background:linear-gradient(#00b834,#008d28)}.viber{background:linear-gradient(#7524e7,#4d05b5)}.telegram{background:linear-gradient(#008bff,#0063d5)}.sms{background:linear-gradient(#424c5e,#293140)}footer{font-size:11px;color:#c0bdca;text-align:center;margin-top:8px}a,button{transition:filter .16s,transform .16s}a:hover,button:hover{filter:brightness(1.15)}a:active,button:active{transform:scale(.98)}:focus-visible{outline:3px solid #ffe071;outline-offset:3px}#status{position:fixed;bottom:14px;left:50%;transform:translateX(-50%);background:#fff;color:#171223;border-radius:8px;font-size:14px;padding:10px 18px;box-shadow:0 4px 25px #0008;pointer-events:none;z-index:5}#status:empty{display:none}@media(min-width:600px){.landing{padding-top:18px}}@media(max-height:740px) and (max-width:599px){.art{aspect-ratio:911/360}.art img{top:-54%}.exclusive{font-size:18px}.benefits>div{padding:4px 2px}h1{margin-top:6px;font-size:25px}.instruction{font-size:14px;margin-bottom:6px}.cta{min-height:44px;font-size:16px}.copies{margin-top:7px;gap:4px}h2{margin:6px 0 4px;font-size:22px}.share-grid a{min-height:36px}}@media(prefers-reduced-motion:no-preference){.exclusive{animation:appear .4s ease-out}.cta{animation:appear .55s ease-out}@keyframes appear{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}}
/* Proportions and artwork details matched to the approved composition. */
.landing{container-type:inline-size;max-width:440px;padding-top:10px;background:radial-gradient(ellipse at 50% 20%,#190c2b80,transparent 65%)}
header{height:30px;margin-bottom:3px}.brand{position:relative;width:173px;height:30px;font-size:0;background-image:url('assets/approved-preview.png');background-size:440px auto;background-position:-18px -9px;background-repeat:no-repeat}.brand .ball{font-size:0}.age{font-size:12px;padding:7px 4px}
.exclusive{max-width:72%;font-family:Arial,sans-serif;font-weight:950;font-size:21px;line-height:1.02;padding:5px 8px;border-radius:17px;border:1px solid #fff1a4;background:linear-gradient(115deg,#f6b321,#ffe27b 65%,#f0b62a);box-shadow:0 0 13px #ffba1520,inset 0 1px #fff9}
.art{aspect-ratio:911/425;margin-top:0}
.benefits{position:relative;height:22.8cqw;background-image:url('assets/approved-preview.png');background-size:107.05% auto;background-position:center -73.25cqw;background-repeat:no-repeat;border-radius:8px;gap:5px}
.benefits>div{background:none;border:none;padding:0;color:transparent}.benefits strong,.benefits span{color:transparent;text-shadow:none}
h1{font-family:Arial,Helvetica,sans-serif;font-size:clamp(24px,7.8cqw,33px);font-weight:950;line-height:1.04;letter-spacing:-1px;margin:8px -3px 5px;text-shadow:0 1px 1px #fff3}h1 span{background:linear-gradient(#fff0a1,#ffe06b 45%,#edb934);color:transparent;background-clip:text;-webkit-background-clip:text;text-shadow:none}
.instruction{font-size:clamp(14px,4.3cqw,18px);font-weight:800;letter-spacing:-.35px;margin:0 0 9px}.cta{min-height:54px;border-radius:13px;font-size:clamp(15px,4.5cqw,19px);font-weight:800;letter-spacing:-.4px;background:linear-gradient(120deg,#ff223c,#ff0a22 65%,#e50015);box-shadow:0 0 19px #ff002449,inset 0 1px #ffc6c6;border-color:#ff7a80;padding:10px 8px;gap:9px}.cta span{font-size:25px}
.copy-row{min-height:49px;background:linear-gradient(115deg,#10101c,#0d0c19);border-color:#39304d;padding:5px 6px;gap:9px}.copies{margin-top:12px;gap:7px}.copy-row>div{font-size:14px}.copy-row b{font-weight:800}.copy-row button{font-size:13px;min-height:36px;padding:6px 10px;background:linear-gradient(125deg,#30254e,#18132c);box-shadow:inset 0 1px #ffffff12}.row-icon{width:26px}.row-icon svg{width:23px;height:23px}.copy-row button svg{width:20px;height:20px;vertical-align:middle;margin-right:4px}
h2{font-size:clamp(22px,6cqw,27px);font-weight:900;margin:7px 0 5px;letter-spacing:-.7px}.share-grid{gap:4px 6px}.share-grid a{min-height:37px;border-radius:8px;font-size:16px;gap:9px}.share-grid svg{height:27px;width:27px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.whatsapp{background:linear-gradient(115deg,#00c735,#00a42b);border-color:#00ed49!important}.viber{background:linear-gradient(115deg,#7622e5,#5104d2);border-color:#a25cff!important}.telegram{background:linear-gradient(115deg,#008fff,#0068ef);border-color:#00bdff!important}.sms{background:linear-gradient(115deg,#3e4757,#293240);border-color:#707c90!important}footer{margin-top:8px;font-size:11px}
@media(max-height:740px) and (max-width:599px){.art{aspect-ratio:911/425}.art img{top:-45.8%}.exclusive{font-size:19px}h1{font-size:7.5cqw}.instruction{margin-bottom:6px}.cta{min-height:46px}.copies{margin-top:8px;gap:5px}.copy-row{min-height:44px}h2{margin-top:6px}.share-grid a{min-height:36px}}
/* Pulse adapted from https://codepen.io/seansean11/pen/DgGYPY */
@media(prefers-reduced-motion:no-preference){
 .cta{animation:cta-pulse 1.5s infinite;transform-origin:center}
 .cta:hover,.cta:focus-visible{animation:none;transform:scale(1)}
 .cta:active{transform:scale(.98)}
 @keyframes cta-pulse{
  0%{transform:scale(.96);box-shadow:0 0 0 0 rgba(255,25,55,.5),inset 0 1px #ffc6c6}
  70%{transform:scale(1);box-shadow:0 0 0 15px rgba(255,25,55,0),inset 0 1px #ffc6c6}
  100%{transform:scale(.96);box-shadow:0 0 0 0 rgba(255,25,55,0),inset 0 1px #ffc6c6}
 }
}
@media(prefers-reduced-motion:reduce){.cta{animation:none}}