/* Elf Tracker, 8 Oct 2026: the first-visit spotting sequence (map search, then the footage with
   "{ELF} SPOTTED" and "SIGNAL LOST"), the "4 more sightings" hook, password fields, the worldwide
   town search, the first-sighting monitor in the camera room, and the bigger desktop elf picker. */

/* ---------- the map search ---------- */
.tk-spot .body{display:flex;flex-direction:column;gap:14px}
.spotmap{isolation:isolate}
.spotmap>img{transition:transform 1.6s cubic-bezier(.3,.1,.2,1),filter 1s;transform-origin:var(--hx) var(--hy);filter:brightness(.62) saturate(.8)}
.spotmap.zoom>img{transform:scale(1.75)}
.spotmap.locked>img{filter:brightness(.9) saturate(1)}
.radar{position:absolute;inset:0;pointer-events:none;z-index:1;transition:opacity 1s}
.radar .tint{position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(20,60,50,.15),rgba(3,14,30,.55))}
.radar .rings{position:absolute;inset:0;background:
  repeating-radial-gradient(circle at 50% 50%,transparent 0 46px,rgba(124,255,178,.18) 47px 48px),
  linear-gradient(90deg,transparent calc(50% - 1px),rgba(124,255,178,.22) 50%,transparent calc(50% + 1px)),
  linear-gradient(0deg,transparent calc(50% - 1px),rgba(124,255,178,.22) 50%,transparent calc(50% + 1px))}
.radar .sweep{position:absolute;left:50%;top:50%;width:150%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;
  background:conic-gradient(from 0deg,rgba(124,255,178,0) 0deg,rgba(124,255,178,.32) 38deg,rgba(124,255,178,0) 62deg);mix-blend-mode:screen;animation:ewSweep 2.4s linear infinite}
@keyframes ewSweep{to{transform:translate(-50%,-50%) rotate(360deg)}}
.spotmap.locked .radar{opacity:0}
.shud{position:absolute;left:10px;right:10px;z-index:3;display:flex;justify-content:space-between;gap:8px;font-family:var(--mono);color:#C8FFDF;font-size:12px;letter-spacing:.08em;text-shadow:0 1px 3px #000}
.shud.t{top:9px}.shud.b{bottom:10px;justify-content:center}
.shud.b span{background:rgba(3,14,30,.7);border-radius:8px;padding:4px 10px}
.shud .rec{display:inline-block;width:8px;height:8px;border-radius:50%;background:#ff4a4a;margin-right:6px;animation:blink 1s steps(2) infinite}
.spotmap .blip{position:absolute;z-index:2;width:16px;height:16px;margin:-8px 0 0 -8px;border-radius:50%;background:#7CFFB2;box-shadow:0 0 14px 4px rgba(124,255,178,.7)}
.spotmap .blip.false{animation:ewBlipOff 1.4s ease-out forwards}
.spotmap .blip.real{background:#FFE7A3;box-shadow:0 0 18px 6px rgba(255,214,110,.85);animation:ewBlipOn 1s ease-in-out infinite}
@keyframes ewBlipOff{0%{transform:scale(.3);opacity:0}25%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(2.6)}}
@keyframes ewBlipOn{50%{transform:scale(1.7)}}
.spotmap.zoom .blip{opacity:0;transition:opacity .4s}
.lockbox{position:absolute;z-index:3;left:var(--hx);top:var(--hy);width:120px;height:120px;transform:translate(-50%,-50%) scale(2.2);border:2px solid #FFE7A3;border-radius:10px;opacity:0;transition:transform .8s cubic-bezier(.2,1.4,.4,1),opacity .4s}
.spotmap.locking .lockbox{opacity:1;transform:translate(-50%,-50%) scale(1)}
.spotmap.locked .lockbox{opacity:0}
.spotmap .spin{z-index:4;opacity:0;transform:translate(-50%,-50%) scale(.2);transition:opacity .4s,transform .6s cubic-bezier(.2,1.6,.5,1)}
.spotmap.locked .spin{opacity:1;transform:translate(-50%,-50%) scale(1)}
.spotmap .stag{z-index:4;opacity:0;transition:opacity .5s .3s}
.spotmap.locked .stag{opacity:1}
.safter{display:flex;flex-direction:column;gap:12px;opacity:0;transform:translateY(8px);transition:opacity .6s,transform .6s;pointer-events:none}
.safter.on{opacity:1;transform:none;pointer-events:auto}
.safter .k{display:block}
@media(min-width:1000px){
  .tk.tk-spot{max-width:1160px;width:100%;margin-left:auto;margin-right:auto}
  .tk-spot .body{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,1fr);column-gap:40px;align-items:center}
  .tk-spot .kmap{max-height:calc(100vh - 170px);width:100%}
}
@media(min-width:600px) and (max-width:999px){.tk.tk-spot{max-width:660px;width:100%;margin-left:auto;margin-right:auto}}

/* ---------- the footage: SPOTTED and SIGNAL LOST ---------- */
.monitor .glitch,.monitor .lost{position:absolute;inset:0;z-index:6;display:grid;place-items:center;text-align:center;padding:12px;font-family:var(--mono);font-size:clamp(26px,6vw,46px);letter-spacing:.12em;color:#fff;opacity:0;pointer-events:none}
.monitor .glitch.on{opacity:1;text-shadow:3px 0 #ff3b5c,-3px 0 #33e1ff;animation:ewGlitch .32s steps(2) infinite}
@keyframes ewGlitch{0%{transform:translate(0);clip-path:inset(0 0 0 0)}25%{transform:translate(-4px,2px);clip-path:inset(12% 0 48% 0)}50%{transform:translate(3px,-2px);clip-path:inset(58% 0 8% 0)}75%{transform:translate(-2px,1px);clip-path:inset(30% 0 30% 0)}100%{transform:translate(1px,0);clip-path:inset(0 0 0 0)}}
.monitor .glitch.on{background:rgba(4,8,22,.55)}
.monitor .lost{background:rgba(4,8,22,.6);color:#fff}
.monitor .lost.on{opacity:1}
.monitor .lost::before{content:"";position:absolute;width:min(78%,360px);height:4.2em;max-height:70%;border:3px solid #ff4a4a;border-radius:10px;background:rgba(40,0,0,.55);animation:blink 1s steps(2) infinite}
.monitor .lost{isolation:isolate}
.monitor .lost,.monitor .glitch{font-weight:700;-webkit-text-stroke:.6px currentColor}

/* ---------- 4 more sightings, and save the tracker ---------- */
.tk.tk-hook{max-width:560px}
.camlist{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.camlist li{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center;background:#0f1c46;color:#E8EEFF;border-radius:12px;padding:10px 14px}
.camlist .cam{font-family:var(--mono);font-size:12px;letter-spacing:.08em;color:#9FB4E8}
.camlist b{font-family:var(--disp);font-weight:700;color:#fff}
.hookmap{background:#fff;border-radius:18px;padding:14px;display:grid;gap:8px;box-shadow:0 14px 30px -22px rgba(22,41,106,.5)}
.hookmap[hidden]{display:none}
.hookmap svg{display:block;width:100%;height:auto;aspect-ratio:400/340;border-radius:14px;background:linear-gradient(180deg,#9FC0F7,#C9DCFC)}
.hookmap p{margin:0;font-family:var(--disp);font-weight:700;color:var(--navy);text-align:center}
.savecard{background:#fff;border-radius:18px;padding:18px;display:grid;gap:12px;box-shadow:0 14px 30px -22px rgba(22,41,106,.5)}
.savecard h2{margin:0;font-family:var(--disp);font-size:21px;color:var(--navy)}
.savecard p{margin:0}

/* ---------- passwords ---------- */
.pwrow{display:flex;gap:8px;align-items:center}
.pwrow input{flex:1}
.pwrow .pwshow{white-space:nowrap}

/* ---------- town or village search ---------- */
.tfield{position:relative}
.tsug{list-style:none;margin:4px 0 0;padding:6px;position:absolute;left:0;right:0;top:100%;z-index:20;background:#fff;border:2px solid var(--line);border-radius:14px;box-shadow:0 18px 30px -18px rgba(22,41,106,.5);max-height:300px;overflow:auto}
.tsug button{all:unset;box-sizing:border-box;display:block;width:100%;padding:9px 10px;border-radius:9px;cursor:pointer;color:var(--navy);font-weight:600}
.tsug button:hover,.tsug button:focus-visible{background:var(--wash)}
.tsug small{display:block;font-weight:400;color:var(--muted);font-size:13px}
.field select{font:inherit;font-size:17px;border:2px solid var(--line);border-radius:14px;padding:12px 14px;color:var(--navy);background:#fff;width:100%}
#tctry{gap:8px}
.credit{margin:0;text-align:center;font-size:11.5px;color:var(--muted)}
.credit a{color:inherit}

/* ---------- camera room: the first sighting across the top ---------- */
.wall .mon.first{grid-column:1/-1;aspect-ratio:16/8}

/* ---------- the elf picker on bigger screens ---------- */
@media(min-width:760px){.tk.tk-gender{max-width:760px}.tk-gender .grid2.cat{grid-template-columns:repeat(3,1fr)}}
@media(min-width:1000px){.tk.tk-gender{max-width:1100px}.tk-gender .grid2.cat{grid-template-columns:repeat(5,1fr);gap:14px}.tk-gender .h,.tk-gender .sub{max-width:760px}}

@media(prefers-reduced-motion:reduce){.radar .sweep,.spotmap .blip,.monitor .glitch.on,.monitor .lost.on,.shud .rec{animation:none}.spotmap>img,.safter{transition:none}}

/* ---------- take-off: the sleigh-launch camera clip, then the Super Secret Frequency Descrambler ---------- */
.tkoff{display:block;width:100%}
.dscr{position:relative;display:block;width:100%;aspect-ratio:4/3;border-radius:18px;overflow:hidden;border:5px solid #16296A;background:#000;box-shadow:0 30px 60px -26px rgba(11,26,74,.75);animation:dscrIn .9s ease both}
.dscr img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.dscr span{position:absolute;left:10px;right:10px;bottom:12px;z-index:1;text-align:center;font-family:var(--mono);font-size:clamp(12px,3.4vw,16px);letter-spacing:.08em;color:#9CF7C8;background:rgba(7,13,36,.82);border-radius:10px;padding:8px 10px;text-shadow:0 0 10px rgba(124,240,181,.6);animation:blink 1.2s steps(2) 3}
.dscr::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(0,0,0,.14) 0 1px,transparent 1px 3px);pointer-events:none}
@keyframes dscrIn{0%{opacity:0;filter:brightness(3) saturate(0)}40%{opacity:1}100%{filter:none}}
@media(prefers-reduced-motion:reduce){.dscr,.dscr span{animation:none}}

/* ---------- the Elf Tracker waiting list (before the tracker is switched on) ---------- */
.wlcard{display:grid;gap:12px;background:#fff;border-radius:18px;padding:18px;box-shadow:0 14px 30px -22px rgba(22,41,106,.5)}
.wlcard .tick a{color:inherit}
.wldone b{font-family:var(--disp);font-size:19px;color:var(--navy);line-height:1.3}
/* the sighting they have already seen, at the top of the list: tap it to watch again */
.camlist li.seen.seen{padding:0!important;background:none;border:0;display:block}
.camlist li.seen button{width:100%;display:grid;grid-template-columns:auto auto 1fr auto;gap:10px;align-items:center;text-align:left;font:inherit;color:#E8EEFF;background:#1E3A8C;border:2px solid var(--gold);border-radius:12px;padding:8px 14px 8px 8px;cursor:pointer;transition:transform .15s,box-shadow .15s}
.camlist li.seen button:hover{transform:translateY(-1px);box-shadow:0 8px 20px -10px rgba(10,22,70,.7)}
.camlist li.seen .thumb{position:relative;display:block;width:56px;height:42px;border-radius:7px;overflow:hidden}
.camlist li.seen .thumb img{width:100%;height:100%;object-fit:cover;display:block}
.camlist li.seen .thumb i{position:absolute;inset:0;display:grid;place-items:center;background:rgba(0,0,0,.35)}
.camlist li.seen .thumb i::after{content:"";border-left:13px solid #fff;border-top:8px solid transparent;border-bottom:8px solid transparent;margin-left:3px}
.camlist li.seen .ok{font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#16296A;background:var(--gold);border-radius:999px;padding:3px 10px}
/* What saving gets them (Paul, 3 Nov 2026): "make it clearer that was one of 5", a star turning into a tick, the other
   stars spinning, "add email and we will notify you for free", snow on top and colourful writing. No dates. */
.hpromise{position:relative;display:grid;gap:10px;justify-items:center;text-align:center;margin-top:22px;padding:24px 14px 18px;border-radius:20px;
  background:radial-gradient(120% 90% at 50% 0%,#24408F 0%,#13286B 55%,#0B1D4D 100%);box-shadow:0 12px 26px -16px rgba(11,29,77,.9),inset 0 0 0 2px rgba(242,193,78,.35);color:#fff}
.savecard .hpromise-k{font-family:var(--disp);font-weight:800;font-size:27px;line-height:1.1;letter-spacing:.01em;
  background:linear-gradient(90deg,#FF6B7A 0%,#FFD36E 35%,#7CF7B2 65%,#8FC2FF 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-wrap:balance}
.hpromise-marks{display:flex;gap:12px;align-items:center;justify-content:center;perspective:300px}
.hpromise-marks i{position:relative;width:34px;height:34px;display:block}
.hpromise-marks b{position:absolute;inset:0;background:center/contain no-repeat}
.hpromise-marks .st{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23F2C14E' d='M12 1.8l3.1 6.6 7.2.9-5.3 5 1.4 7.1L12 17.9l-6.4 3.5 1.4-7.1-5.3-5 7.2-.9z'/%3E%3C/svg%3E");filter:drop-shadow(0 0 6px rgba(242,193,78,.65))}
.hpromise-marks .tk{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='11' fill='%2322B865'/%3E%3Cpath d='M6.5 12.5l3.6 3.6 7.4-7.6' fill='none' stroke='white' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");filter:drop-shadow(0 0 8px rgba(34,184,101,.7));transform:scale(0)}
.hpromise-marks .first .st{animation:hpStarOut .7s .5s cubic-bezier(.5,0,.75,0) both}
.hpromise-marks .first .tk{animation:hpTickIn .55s 1.1s cubic-bezier(.34,1.56,.64,1) both}
.hpromise-marks .next .st{animation:hpSpin .9s var(--d,1.5s) ease-in-out both,hpTw 2.6s calc(var(--d,1.5s) + 1s) ease-in-out infinite}
@keyframes hpStarOut{to{transform:rotate(360deg) scale(0);opacity:0}}
@keyframes hpTickIn{from{transform:scale(0) rotate(-90deg)}to{transform:scale(1) rotate(0)}}
@keyframes hpSpin{from{transform:rotateY(0)}to{transform:rotateY(720deg)}}
@keyframes hpTw{50%{transform:scale(1.15);filter:drop-shadow(0 0 12px rgba(255,211,110,.95))}}
@media (prefers-reduced-motion:reduce){.hpromise-marks .first .st{animation:none;opacity:0}.hpromise-marks .first .tk{animation:none;transform:none}.hpromise-marks .next .st{animation:none}}
.savecard .hpromise-big{font-family:var(--disp);font-weight:800;font-size:20px;line-height:1.3;color:#fff;text-wrap:balance}
.hpromise-big .hp-gold{color:#FFD36E}
.savecard .hpromise-free{font-family:var(--disp);font-weight:800;font-size:18px;line-height:1.3;color:#7CF7B2;text-wrap:balance}
.savecard .hpromise-sub{font-size:17px;line-height:1.4;color:#1F2E55;text-wrap:balance}
/* "That was sighting 1 of 5!" under the first sighting in the set-up (Paul, 3 Nov 2026) */
.row2 .hq-next{grid-column:1/-1;flex-basis:100%;margin:0 0 4px;text-align:center;font-size:18px;line-height:1.35;color:#fff;font-weight:600;text-wrap:balance}
.row2 .hq-next b{display:block;color:#7CF7B2;font-size:20px}
/* "That was sighting 1 of 5!": sparkly green handwriting (red until Paul's 11 Nov note) that writes itself, sparkles across the card, five stars (Paul, 11 Nov 2026) */
.hq-mid{display:flex!important;flex:1 1 auto;align-items:center;justify-content:center;min-height:150px}
.hq-mid .hq-next{margin:0;text-align:center}
.hq-next--one{position:relative;padding:14px 0 6px}
.hq-next--one .hq-write{position:relative;display:block;font:400 clamp(30px,8.5vw,40px)/1.1 'Patrick Hand','Comic Sans MS',cursive;color:#5CF29A;letter-spacing:.01em;
  text-shadow:0 0 16px rgba(92,242,154,.65),0 0 4px rgba(255,255,255,.5),0 2px 0 #0B4A2A;clip-path:inset(-20% 100% -20% 0);animation:hqWrite 1.9s cubic-bezier(.45,.05,.4,1) .25s forwards}
.hq-wr{position:relative;z-index:1;display:inline-block}
.hq-pen{position:absolute;top:50%;left:0;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:#FFF6D8;box-shadow:0 0 10px 4px #FFD36E,0 0 24px 10px rgba(255,211,110,.6);opacity:0;animation:hqPen 1.9s cubic-bezier(.45,.05,.4,1) .25s forwards}
.hq-magic{position:absolute;inset:-34px -14px -10px;pointer-events:none;z-index:0}
.hq-magic i{position:absolute;left:var(--x);top:var(--y);width:var(--s);height:var(--s);background:#FFE9A8;clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);
  filter:drop-shadow(0 0 4px #FFD36E);opacity:0;animation:hqSpark 2.4s var(--d) ease-in-out infinite}
.hq-magic i:nth-child(3n){background:#fff}.hq-magic i:nth-child(4n){background:#8CFFC0}
.hq-five{display:flex;justify-content:center;gap:10px;margin-top:6px}
.hq-five i{font-style:normal;font-size:22px;line-height:1;color:rgba(255,255,255,.28);transform:scale(0);animation:hqStar .5s var(--d) cubic-bezier(.34,1.56,.64,1) forwards}
.hq-five i.on{color:#FFD36E;text-shadow:0 0 10px rgba(255,211,110,.9)}
@keyframes hqWrite{to{clip-path:inset(-20% -6% -20% 0)}}
@keyframes hqPen{0%{left:0;opacity:1}92%{left:100%;opacity:1}100%{left:100%;opacity:0}}
@keyframes hqSpark{0%,100%{opacity:0;transform:scale(.2) rotate(0)}45%{opacity:1;transform:scale(1) rotate(60deg)}}
@keyframes hqStar{to{transform:scale(1)}}
@media (prefers-reduced-motion:reduce){.hq-next--one .hq-write{animation:none;clip-path:none}.hq-pen{display:none}.hq-magic i{animation:none;opacity:.7}.hq-five i{animation:none;transform:none}}
/* "Play video" on the Spotted screen (Paul, 5 Nov 2026): heading and button in view without scrolling, 320x568 up.
   The Elf HQ file's rows only repeat what the family has just typed, so they wait for the Save step here. */
.spot-play{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:60px;font-size:20px}
.spot-play i{flex:none;width:0;height:0;border-left:18px solid currentColor;border-top:11px solid transparent;border-bottom:11px solid transparent}
.spot-play.is-going i{display:none}
#app.tk-s26.tk-spot .trx-rows{display:none}
#app.tk-s26.tk-spot .trx-card .safter{gap:10px}
@media (max-width:999px){
  #app.tk-s26.tk-spot .trx-radar{margin:0;min-height:0}
  #app.tk-s26.tk-spot .kmap{aspect-ratio:auto;height:clamp(84px,calc(100vh - 475px),340px);height:clamp(84px,calc(100svh - 475px),340px)}
  body.tnew #app.tk-s26.tk-spot .ob-pane.trx-card{margin-top:12px;padding-top:24px!important}
}
/* a short phone: the map is a strip, so only the Elf on it */
@media (max-width:999px) and (max-height:640px){
  #app.tk-s26.tk-spot .kmap :is(.shud,.stag){display:none}
  #app.tk-s26.tk-spot .kmap .spin{top:50%!important}
}
@media (min-width:1000px){
  body.tnew #app.tk-s26.tk-spot .ob-pane.trx-card{justify-content:flex-start}
  #app.tk-s26.tk-spot .kmap{max-height:calc(100vh - 480px);min-height:220px}
}
/* The save step's pop-up (Paul, 7 Nov 2026): the email box over the page, nothing to scroll on a phone. spotting.js popOn
   moves it straight under <body> while it is open, so these rules (and spot.css's white .savecard) are its whole look.
   --vvh is the visible height (the phone's keyboard and browser bars taken off), set from visualViewport. */
body:has(> .savecard.savepop){overflow:hidden}
body > .savecard.savepop{position:fixed;z-index:2147482000;left:10px;right:10px;top:calc(env(safe-area-inset-top,0px) + 8px);max-height:calc(var(--vvh,100dvh) - 16px - env(safe-area-inset-top,0px));overflow:auto;overscroll-behavior:contain;margin:0;gap:10px;padding:16px 16px 14px;background:#FFF9EF;color:#16296A;border:3px solid #F5C24A;border-radius:22px;box-shadow:0 0 0 100vmax rgba(3,10,30,.74),0 18px 40px rgba(0,0,0,.45)}
@media (min-width:600px){body > .savecard.savepop{left:50%;right:auto;width:min(460px,calc(100vw - 32px));transform:translateX(-50%);top:max(24px,calc(50vh - 260px))}}
body > .savecard.savepop h2{padding-right:40px;font-size:22px;line-height:1.2;color:#16296A;text-wrap:balance}
body > .savecard.savepop .popx{position:absolute;top:8px;right:8px;width:44px;height:44px;border:0;border-radius:50%;background:#EEE6D6;color:#16296A;font-size:28px;line-height:1;cursor:pointer}
body > .savecard.savepop .popx:focus-visible{outline:3px solid #C8102E;outline-offset:2px}
body > .savecard.savepop .popfree{font-family:var(--disp);font-weight:800;font-size:19px;line-height:1.2;color:#17803F}
body > .savecard.savepop .tick{font-size:15px;line-height:1.3;color:#16296A}
body > .savecard.savepop .small{font-size:13px;line-height:1.35;color:#44557D}
body > .savecard.savepop .small a{color:#C8102E}
.savecard .popsr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media (max-width:360px){body > .savecard.savepop{gap:8px;padding:12px 12px 10px}body > .savecard.savepop h2{font-size:20px}body > .savecard.savepop .popfree{font-size:17px}body > .savecard.savepop .small{font-size:12px}}

/* The save pop-up, quick start (Paul, 11 Nov 2026): five stars (the one seen lit) and a big "4 more" */
.savepop .pstars{display:flex;justify-content:center;gap:10px;margin:2px 0 0;font-size:34px;line-height:1}
.savepop .pstars i{font-style:normal;color:#D5DCEB;transform:scale(0);animation:hqStar .45s var(--d) cubic-bezier(.34,1.56,.64,1) forwards}
.savepop .pstars i.on{color:#F5C24A;text-shadow:0 0 12px rgba(245,194,74,.85)}
.savepop .pmore{margin:4px 0 0;text-align:center;font:800 46px/1 'Plus Jakarta Sans',Inter,sans-serif;color:#C8102E;letter-spacing:-.02em}
.savepop h2.pmore-h{text-align:center;font-size:19px!important;line-height:1.3!important;margin-top:4px!important}
.savepop .popfree{text-align:center}
@media (prefers-reduced-motion:reduce){.savepop .pstars i{animation:none;transform:none}}

/* The quick start's email box, option A, the brief (Paul, 11 Nov 2026): headline biggest, one red button, lots of space */
.savepop.pc{gap:14px}
.savepop.pc .pc-prog{margin:2px 44px 0 0;font:700 13px 'Plus Jakarta Sans',Inter,sans-serif;color:#5A6684;letter-spacing:.02em}
.savepop.pc .pc-fine{margin:0;text-align:center;font-size:12px;color:#5A6684}
.savepop.pc h2.pc-h{margin:0!important;padding-right:34px;font:800 26px/1.15 'Plus Jakarta Sans',Inter,sans-serif!important;color:#0B1D4D!important;text-wrap:balance;text-align:left!important}
.savepop.pc .pc-sub{margin:-4px 0 0;font:500 16px/1.45 Inter,sans-serif;color:#26365F}
.savepop.pc .pc-lab{display:block!important;position:static!important;width:auto!important;height:auto!important;clip:auto!important;margin:0 0 6px;font:700 13px 'Plus Jakarta Sans',sans-serif;color:#26365F}
.savepop.pc #hsave{min-height:56px;line-height:1.2;white-space:normal}