/* Landing hero: live promo scene (promo.js). Not a <video>: DOM + canvas drawn
   from a clock, so it is crisp at any size, themeable and has no loading state. */
.hero-scene{position:relative;flex:1;min-width:0;overflow:hidden;border-radius:18px;background:#fff}
.pm-host{position:absolute;left:0;top:0;transform-origin:0 0;opacity:0}
.pm-host.pm-on{opacity:1}
.pm-st{position:relative;overflow:hidden;background:#fff;font-family:Fraunces,Inter,serif;color:#12263F}
.pm-st *{box-sizing:border-box}
.pm-a{position:absolute;left:0;top:0}
.pm-w{position:absolute;left:0;top:0;font:800 160px/1 Fraunces,Georgia,serif;white-space:nowrap;transform-origin:0 0;letter-spacing:-.02em;opacity:0}
.pm-p,.pm-p2,.pm-gp{color:#1B4F72}.pm-b,.pm-gb{color:#FF6B6B}
.pm-card{position:absolute;display:grid;grid-template-columns:repeat(5,1fr);gap:10px}
.pm-c{position:relative;border:2px solid #D5DCE6;border-radius:14px;background:#fff;display:flex;align-items:center;justify-content:center;line-height:1;overflow:hidden}
.pm-c .e{font-size:inherit}
.pm-c.on{background:#0F7A4D;border-color:#0F7A4D}
.pm-c.on .e{filter:grayscale(1) brightness(2.6);opacity:.35}
.pm-c .tk{position:absolute;inset:0;display:none;align-items:center;justify-content:center;color:#fff;font:800 1.3em Inter,sans-serif}
.pm-c.on .tk{display:flex}
.pm-c.free .e{font:800 .45em Fraunces,Georgia,serif;color:#fff;opacity:1;filter:none}
.pm-c.free .tk{display:none!important}
.pm-c.free.on .e{opacity:1}
.pm-line{position:absolute;border:7px solid #FFD166;border-radius:40px;transform-origin:0 50%;box-shadow:0 0 24px rgba(255,209,102,.9);opacity:0}
.pm-cv{position:absolute;left:0;top:0;pointer-events:none}
.pm-phone{position:absolute;left:0;top:0;width:250px;height:440px;background:#12263F;border-radius:34px;padding:9px;box-shadow:0 20px 50px rgba(18,38,63,.35);opacity:0}
.pm-scr{width:100%;height:100%;background:#FFF9F0;border-radius:26px;position:relative;overflow:hidden}
.pm-ttl{position:absolute;left:0;right:0;top:12px;text-align:center;font:800 24px Fraunces,Georgia,serif;color:#1B4F72}
.pm-ttl b{color:#FF6B6B}
.pm-fin{position:absolute;right:-12px;width:26px;height:50px;border-radius:13px;background:#F2B98C;box-shadow:inset 0 -3px 0 rgba(120,60,30,.18)}
.pm-thumb{position:absolute;left:-14px;bottom:70px;width:30px;height:90px;border-radius:15px;background:#F2B98C;transform:rotate(-14deg)}
.pm-photo{position:absolute;inset:0;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;padding:14px}
.pm-photo .im{width:100%;aspect-ratio:3/4;border-radius:6px;overflow:hidden;box-shadow:0 4px 14px rgba(18,38,63,.3)}
.pm-photo svg{display:block;width:100%;height:100%}
.pm-photo .cp{margin-top:10px;font:700 17px Fraunces,Georgia,serif;color:#1B4F72}
.pm-fc{position:absolute;left:0;top:0;width:220px;height:290px;background:#fff;border-radius:20px;box-shadow:0 14px 34px rgba(18,38,63,.22);border:2px solid #E3EBF2;overflow:hidden;opacity:0}
.pm-fc .h{height:62px;display:flex;align-items:center;justify-content:center;font:800 19px/1.1 Fraunces,Georgia,serif;color:#fff;text-align:center;padding:0 52px 0 12px}
.pm-fc .g{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;padding:14px}
.pm-fc .g i{aspect-ratio:1;border-radius:6px;background:#EEF2F6}.pm-fc .g i.k{background:#0F7A4D}
.pm-big{position:absolute;left:0;right:0;top:0;display:flex;align-items:center;justify-content:center;text-align:center;font:800 130px/1.05 Fraunces,Georgia,serif;opacity:0}
.pm-cap{position:absolute;left:0;right:0;text-align:center;font:800 66px Fraunces,Georgia,serif;color:#1B4F72;opacity:0}
.pm-fade{position:absolute;inset:0;background:#fff;opacity:0;pointer-events:none}
.pm-flash{position:absolute;inset:0;pointer-events:none;background:#fff;opacity:0}
.pm-glow{position:absolute;left:0;top:0;width:20px;height:20px;border-radius:50%;background:radial-gradient(circle,#fff 0,rgba(255,255,255,.95) 35%,rgba(255,236,160,0) 72%);pointer-events:none;opacity:0}
.pm-art{position:absolute;left:0;top:0;width:310px;height:207px;border-radius:18px;overflow:hidden;box-shadow:0 14px 34px rgba(18,38,63,.3);border:6px solid #6B4630;opacity:0}
.pm-art svg{display:block;width:100%;height:100%}
.pm-pers{position:absolute;left:0;top:0;width:300px;height:420px;overflow:visible;opacity:0}
.pm-fing{position:absolute;left:0;top:0;font-size:120px;line-height:1;z-index:30;opacity:0}
.pm-rip{position:absolute;left:0;top:0;width:30px;height:30px;border-radius:50%;border:6px solid #FF6B6B;opacity:0}
.pm-fc .ck{position:absolute;right:8px;top:12px;width:40px;height:40px;border-radius:50%;background:#0F7A4D;border:3px solid #fff;color:#fff;font:800 22px/34px Inter,sans-serif;text-align:center;box-shadow:0 3px 8px rgba(0,0,0,.3);opacity:0;transform:scale(0)}
.pm-sel{position:absolute;left:0;right:0;text-align:center;font:800 64px/1 Fraunces,Georgia,serif;color:#12263F;opacity:0}
.pm-tag{position:absolute;left:40px;right:40px;text-align:center;font:800 54px/1.12 Fraunces,Georgia,serif;opacity:0}
.pm-k{position:absolute;inset:0;background:#fff;opacity:0}
.pm-kcard{position:absolute;display:grid;grid-template-columns:repeat(5,1fr);gap:8px;padding:10px;background:#fff;border-radius:24px;box-shadow:0 18px 50px rgba(18,38,63,.22);border:2px solid #E3EBF2;opacity:0}
.pm-kc{position:relative;border:2px dashed #D5DCE6;border-radius:14px;background:#fff}
.pm-ki{position:absolute;inset:-2px;border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;line-height:1.05;opacity:0;padding:3px}
.pm-ki b{display:block;font-weight:800}