/* Adapted from Arne: ans-explorer-showcase-2026-09-28, registration.css.
   Namespaced to the initial licence selection; original transforms and imagery. */
#registration-license-options .license-showcase-scene{--ink:#07162c;--petrol:#006b73;--gold:#de9f27;--card-width:430px;--near:365px;--far:640px;position:relative;isolation:isolate;min-height:100svh;overflow:hidden;color:var(--ink);font-family:Inter,"Segoe UI",sans-serif;display:flex;flex-direction:column;background:#e6f0ee}#registration-license-options .license-showcase-scene *{box-sizing:border-box}#registration-license-options .license-showcase-scene a{text-decoration:none;color:var(--petrol)}#registration-license-options .license-showcase-scene button{font:inherit;cursor:pointer}#registration-license-options .license-showcase-scene button:focus-visible,#registration-license-options .license-showcase-scene a:focus-visible{outline:3px solid #006b73;outline-offset:5px}#registration-license-options .license-showcase-header{display:flex;align-items:flex-start;justify-content:space-between;padding:25px 4.3% 0;gap:20px}#registration-license-options .license-showcase-brand{font-size:34px;letter-spacing:-1.6px;white-space:nowrap;line-height:1.3}#registration-license-options .license-showcase-brand strong{color:#061326;font-weight:700}#registration-license-options .license-showcase-brand i{display:block;width:67px;height:4px;background:var(--gold);margin-top:10px}#registration-license-options .license-showcase-header>div{display:flex;align-items:center;gap:20px;font-size:13px}#registration-license-options .license-showcase-login{padding:12px 23px;border:1px solid #008e99;border-radius:18px;background:#ffffff65;font-weight:600}#registration-license-options .license-showcase-login span{margin-left:9px}#registration-license-options .license-showcase-heading{text-align:center;margin:-8px auto 22px;padding:0 24px;max-width:850px}#registration-license-options .license-showcase-heading>p{font-size:13px;letter-spacing:2px;color:#c48315;font-weight:650;margin:0 0 11px}#registration-license-options .license-showcase-heading h1{font-size:42px;letter-spacing:-1.3px;line-height:1.2;margin:0 0 12px;font-weight:700}#registration-license-options .license-showcase-heading>div{font-size:18px;line-height:1.5;color:#243c56}#registration-license-options .license-showcase-carousel{position:relative;margin:0 auto;width:100%;max-width:1770px;height:500px;touch-action:pan-y}#registration-license-options .license-showcase-stage{height:100%;position:relative;perspective:1400px;transform-style:preserve-3d}#registration-license-options .license-showcase-card{position:absolute;left:50%;top:6px;width:var(--card-width);height:480px;border:1px solid #ffffffee;border-radius:23px;box-shadow:0 18px 30px #223c4933;background:#fffdfbed;overflow:hidden;transform-origin:center center;transition:transform .6s cubic-bezier(.22,.65,.25,1),opacity .45s,border-color .4s;backface-visibility:hidden}#registration-license-options .license-showcase-card[data-slot="0"]{transform:translateX(-50%) scale(1) rotateY(0deg);z-index:5;border:2px solid #e6a02d;box-shadow:0 18px 38px #aa843933;opacity:1}#registration-license-options .license-showcase-card[data-slot="-1"]{transform:translateX(calc(-50% - var(--near))) scale(.84) rotateY(22deg);z-index:3;opacity:.96}#registration-license-options .license-showcase-card[data-slot="1"]{transform:translateX(calc(-50% + var(--near))) scale(.84) rotateY(-22deg);z-index:3;opacity:.96}#registration-license-options .license-showcase-card[data-slot="-2"]{transform:translateX(calc(-50% - var(--far))) translateZ(45px) scale(.65) rotateY(38deg);z-index:1;opacity:.82}#registration-license-options .license-showcase-card[data-slot="2"]{transform:translateX(calc(-50% + var(--far))) translateZ(45px) scale(.65) rotateY(-38deg);z-index:1;opacity:.82}#registration-license-options .license-showcase-picture{height:305px;position:relative}#registration-license-options .license-showcase-picture img{width:100%;height:100%;object-fit:cover;object-position:center 57%;display:block}#registration-license-options .license-showcase-picture:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 65%,#fffdfaee 100%)}#registration-license-options .license-showcase-card-body{position:absolute;inset:268px 23px 17px;text-align:center;display:flex;flex-direction:column;align-items:center}#registration-license-options .license-showcase-symbol{width:75px;height:75px;display:grid;place-items:center;flex-shrink:0;margin-top:-46px;margin-bottom:5px;border-radius:50%;background:#fffffff0;box-shadow:0 4px 20px #4b4d4118;color:#102137}#registration-license-options .license-showcase-symbol svg{width:33px;height:33px}#registration-license-options .license-showcase-card[data-slot="0"] .license-showcase-symbol{color:#e69a13}#registration-license-options .license-showcase-card h2{font-size:27px;line-height:1.2;margin:0 0 9px;letter-spacing:-.7px}#registration-license-options .license-showcase-card-body>p{font-size:16px;line-height:1.45;margin:0;max-width:365px;color:#293e57}#registration-license-options .license-showcase-price{display:flex;align-items:baseline;gap:10px;justify-content:center;margin-top:auto;padding-top:12px;white-space:nowrap}#registration-license-options .license-showcase-price strong{font-size:29px;letter-spacing:-.5px}#registration-license-options .license-showcase-price>span{font-size:15px;color:#33495e}#registration-license-options .license-showcase-recommended{position:absolute;right:15px;top:15px;border-radius:20px;background:#fff7d8ee;border:1px solid #ebd59b;color:#70521b;font-size:11px;font-weight:600;letter-spacing:.3px;padding:7px 12px}#registration-license-options .license-showcase-select{position:absolute;inset:0;z-index:6;border:0;background:transparent;border-radius:inherit}#registration-license-options .license-showcase-select:focus-visible{outline-offset:-6px!important}#registration-license-options .license-showcase-arrow{position:absolute;top:45%;z-index:10;width:58px;height:58px;border-radius:50%;border:1px solid #ffffff;background:#ffffffea;box-shadow:0 3px 15px #2f455735,0 0 0 3px #ffffff65;color:#092438;font-size:37px!important;line-height:1;display:grid;place-items:center}#registration-license-options .license-showcase-prev{left:2.9%}#registration-license-options .license-showcase-next{right:2.9%}#registration-license-options .license-showcase-controls{display:grid;justify-items:center;gap:19px;margin:9px 0 0}#registration-license-options .license-showcase-pagination{display:flex;align-items:center;gap:12px;height:25px}#registration-license-options .license-showcase-pagination button{height:9px;width:9px;border:0;padding:0;border-radius:20px;background:#b9bec2;transition:width .3s,background .3s}#registration-license-options .license-showcase-pagination button[aria-pressed="true"]{width:36px;background:linear-gradient(90deg,#ffc051,#dd9519)}#registration-license-options .license-showcase-counter{font-size:13px;font-weight:600;margin-left:5px;color:#234059}#registration-license-options .license-showcase-continue{width:380px;max-width:80vw;padding:17px 30px;color:white;background:linear-gradient(110deg,#00b6b2,#005e65);border:0;border-radius:15px;font-size:19px!important;font-weight:600!important;box-shadow:0 6px 16px #02757518}#registration-license-options .license-showcase-continue span{margin-left:14px}#registration-license-options .license-showcase-footer{margin-top:auto;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 4.3% 28px;min-height:98px}#registration-license-options .license-showcase-footer>a{font-size:15px;font-weight:600;white-space:nowrap}#registration-license-options .license-showcase-disclaimer{font-size:10px;color:#536b70;text-align:center}#registration-license-options .license-showcase-security{display:flex;gap:13px;align-items:flex-start}#registration-license-options .license-showcase-security svg{width:29px;height:32px;color:var(--petrol);flex-shrink:0}#registration-license-options .license-showcase-security strong{font-size:13px;display:block;margin-bottom:5px}#registration-license-options .license-showcase-security span{font-size:12px;color:#456074;line-height:1.35;display:block}
@media(min-width:1800px){#registration-license-options .license-showcase-heading{margin-top:0;margin-bottom:32px}#registration-license-options .license-showcase-carousel{height:540px;--card-width:465px;--near:398px;--far:688px}#registration-license-options .license-showcase-card{height:515px}#registration-license-options .license-showcase-picture{height:332px}#registration-license-options .license-showcase-card-body{top:296px}#registration-license-options .license-showcase-heading h1{font-size:46px}}
@media(max-width:1300px){#registration-license-options .license-showcase-scene{--card-width:400px;--near:320px;--far:560px}#registration-license-options .license-showcase-header{padding-top:22px}#registration-license-options .license-showcase-heading{margin-top:25px}#registration-license-options .license-showcase-card h2{font-size:25px}#registration-license-options .license-showcase-card-body>p{font-size:15px}#registration-license-options .license-showcase-carousel{height:490px}#registration-license-options .license-showcase-footer{flex-wrap:wrap}#registration-license-options .license-showcase-disclaimer{order:3;flex-basis:100%}}
@media(max-width:850px){#registration-license-options .license-showcase-scene{--card-width:380px;--near:292px;--far:525px}#registration-license-options .license-showcase-header{padding:23px 25px 0;align-items:center}#registration-license-options .license-showcase-brand{font-size:28px}#registration-license-options .license-showcase-header>div{gap:10px}#registration-license-options .license-showcase-header>div>span{display:none}#registration-license-options .license-showcase-login{padding:10px 15px;font-size:12px}#registration-license-options .license-showcase-heading{margin-top:35px}#registration-license-options .license-showcase-heading h1{font-size:35px}#registration-license-options .license-showcase-heading>div{font-size:16px}#registration-license-options .license-showcase-card[data-slot="-2"],#registration-license-options .license-showcase-card[data-slot="2"]{visibility:hidden;pointer-events:none}#registration-license-options .license-showcase-prev{left:20px}#registration-license-options .license-showcase-next{right:20px}#registration-license-options .license-showcase-footer{padding:24px 25px}#registration-license-options .license-showcase-security span{font-size:10px}}
@media(max-width:500px){#registration-license-options .license-showcase-scene{--card-width:calc(100vw - 76px);--near:calc(100vw - 95px);--far:600px}#registration-license-options .license-showcase-header{padding:20px 18px 0;gap:10px}#registration-license-options .license-showcase-brand{font-size:23px}#registration-license-options .license-showcase-brand i{width:48px;margin-top:7px;height:3px}#registration-license-options .license-showcase-login{font-size:11px;padding:9px 11px;border-radius:12px}#registration-license-options .license-showcase-heading{margin:34px auto 16px;padding:0 20px}#registration-license-options .license-showcase-heading>p{font-size:10px;letter-spacing:1.4px}#registration-license-options .license-showcase-heading h1{font-size:29px;letter-spacing:-.7px}#registration-license-options .license-showcase-heading>div{font-size:14px;line-height:1.5}#registration-license-options .license-showcase-desktop-break{display:none}#registration-license-options .license-showcase-carousel{height:478px}#registration-license-options .license-showcase-card{height:462px;border-radius:20px}#registration-license-options .license-showcase-picture{height:274px}#registration-license-options .license-showcase-card-body{top:245px;left:17px;right:17px;bottom:18px}#registration-license-options .license-showcase-symbol{width:64px;height:64px;margin-top:-36px;margin-bottom:9px}#registration-license-options .license-showcase-symbol svg{width:29px;height:29px}#registration-license-options .license-showcase-card h2{font-size:25px}#registration-license-options .license-showcase-card-body>p{font-size:14px;line-height:1.45}#registration-license-options .license-showcase-price strong{font-size:26px}#registration-license-options .license-showcase-price span{font-size:13px}#registration-license-options .license-showcase-arrow{width:39px;height:39px;font-size:28px!important}#registration-license-options .license-showcase-prev{left:9px}#registration-license-options .license-showcase-next{right:9px}#registration-license-options .license-showcase-controls{margin-top:0;gap:15px}#registration-license-options .license-showcase-continue{font-size:17px!important;padding:16px}#registration-license-options .license-showcase-footer{padding:26px 20px 22px;gap:23px;align-items:flex-start}#registration-license-options .license-showcase-footer>a{font-size:13px}#registration-license-options .license-showcase-security{gap:10px}#registration-license-options .license-showcase-security span{font-size:11px}#registration-license-options .license-showcase-disclaimer{text-align:left}#registration-license-options .license-showcase-recommended{font-size:10px;padding:6px 9px}}
@media(prefers-reduced-motion:reduce){#registration-license-options .license-showcase-card,#registration-license-options .license-showcase-pagination button{transition:none}}#registration-license-options .license-showcase-scene{--near:345px;--far:605px}#registration-license-options .license-showcase-heading{margin-top:-18px}#registration-license-options .license-showcase-card[data-slot="-1"]{transform:translateX(calc(-50% - var(--near))) scale(.78) rotateY(26deg)}#registration-license-options .license-showcase-card[data-slot="1"]{transform:translateX(calc(-50% + var(--near))) scale(.78) rotateY(-26deg)}#registration-license-options .license-showcase-card[data-slot="-2"]{transform:translateX(calc(-50% - var(--far))) translateZ(45px) scale(.60) rotateY(38deg)}#registration-license-options .license-showcase-card[data-slot="2"]{transform:translateX(calc(-50% + var(--far))) translateZ(45px) scale(.60) rotateY(-38deg)}#registration-license-options .license-showcase-card:not([data-slot="0"]) .license-showcase-card-body>p{max-width:280px}#registration-license-options .license-showcase-picture img{object-position:center 46%}
@media(min-width:1800px){#registration-license-options .license-showcase-scene{--near:380px;--far:655px}#registration-license-options .license-showcase-heading{margin-top:0}}
@media(max-width:1300px){#registration-license-options .license-showcase-scene{--near:320px;--far:560px}#registration-license-options .license-showcase-heading{margin-top:25px}}
@media(max-width:850px){#registration-license-options .license-showcase-scene{--near:292px;--far:525px}#registration-license-options .license-showcase-heading{margin-top:35px}}
@media(max-width:500px){#registration-license-options .license-showcase-scene{--near:calc(100vw - 95px);--far:600px}#registration-license-options .license-showcase-heading{margin-top:34px}}#registration-license-options .license-showcase-card[data-slot="-3"]{transform:translateX(calc(-50% - var(--far) - 260px)) translateZ(45px) scale(.48) rotateY(50deg);opacity:0;z-index:0;pointer-events:none}#registration-license-options .license-showcase-card[data-slot="3"]{transform:translateX(calc(-50% + var(--far) + 260px)) translateZ(45px) scale(.48) rotateY(-50deg);opacity:0;z-index:0;pointer-events:none}
@media(min-width:1101px){#registration-license-options .license-showcase-carousel{max-width:1950px}#registration-license-options .license-showcase-stage{clip-path:inset(-50px 94px -50px 94px)}#registration-license-options .license-showcase-prev{left:19px}#registration-license-options .license-showcase-next{right:19px}
}#registration-license-options .license-showcase-card{transition-duration:.48s,.4s,.4s}#registration-license-options .license-showcase-flipper{position:absolute;inset:0;transform-style:preserve-3d;transition:transform .48s cubic-bezier(.22,.65,.25,1)}#registration-license-options .license-showcase-card[data-flipped="true"] .license-showcase-flipper{transform:rotateY(180deg)}#registration-license-options .license-showcase-face{position:absolute;inset:0;border-radius:inherit;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden}#registration-license-options .license-showcase-front{background:#fffdfa;border-radius:21px}#registration-license-options .license-showcase-back{transform:rotateY(180deg);background:#10343d;color:#fff;border-radius:21px}#registration-license-options .license-showcase-back-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.12;filter:blur(2px)}#registration-license-options .license-showcase-back-content{position:relative;padding:24px;display:grid;grid-template-columns:1.15fr 1fr;gap:16px 20px;align-content:start;height:100%;text-align:left}#registration-license-options .license-showcase-back-content h2{grid-column:1/-1;font-size:26px;margin:0;line-height:1.15}#registration-license-options .license-showcase-back-content>p{grid-column:1/-1;font-size:14px;line-height:1.5;margin:0;color:#e0eeeb}#registration-license-options .license-showcase-card:not([data-slot="0"]) .license-showcase-recommended{visibility:hidden}#registration-license-options .license-showcase-card[data-slot="-1"]{transform:translateX(calc(-50% - var(--near))) translateZ(-25px) scale(.78) rotateY(26deg)}#registration-license-options .license-showcase-card[data-slot="1"]{transform:translateX(calc(-50% + var(--near))) translateZ(-25px) scale(.78) rotateY(-26deg)}#registration-license-options .license-showcase-card[data-slot="-2"]{transform:translateX(calc(-50% - var(--far))) translateZ(-65px) scale(.60) rotateY(38deg)}#registration-license-options .license-showcase-card[data-slot="2"]{transform:translateX(calc(-50% + var(--far))) translateZ(-65px) scale(.60) rotateY(-38deg)}#registration-license-options .license-showcase-card[data-slot="-3"]{transform:translateX(calc(-50% - var(--far) - 260px)) translateZ(-170px) scale(.48) rotateY(50deg)}#registration-license-options .license-showcase-card[data-slot="3"]{transform:translateX(calc(-50% + var(--far) + 260px)) translateZ(-170px) scale(.48) rotateY(-50deg)}
@media(min-width:1101px){#registration-license-options .license-showcase-stage{clip-path:none;mask-image:linear-gradient(90deg,transparent 94px,#000 160px,#000 calc(100% - 160px),transparent calc(100% - 94px))}}
@media(prefers-reduced-motion:reduce){#registration-license-options .license-showcase-card,#registration-license-options .license-showcase-flipper{transition:none}}


/* Explorer adapter. Only step 1 receives the full-page showcase; the email,
   password, partner and comparison views retain their existing layout. */
#login-shell:has(#register-view:not([hidden])):has(.registration-license-mode) {
  display: block; width: 100%; max-width: none; height: var(--app-available-height);
  min-height: 0; margin: 0; padding: 0; border: 0; border-radius: 0;
  box-shadow: none; background: #e6f0ee; overflow: visible;
}
#login-shell:has(#register-view:not([hidden])):has(.registration-license-mode) .auth-panel {
  display: block; height: 100%; min-height: 0; padding: 0; gap: 0; background: none;
}
#login-shell .auth-card.register-mode.registration-license-mode {
  display: block; width: 100%; max-width: none; height: 100%; max-height: none;
  min-height: 0; padding: 0; margin: 0; border: 0; border-radius: 0;
  background: none; box-shadow: none; overflow: visible;
}
#login-shell .registration-license-mode::before,
#login-shell .registration-license-mode::after,
#login-shell .registration-license-mode #register-view > .registration-topbar,
#login-shell .registration-license-mode #register-view > .registration-heading,
#login-shell .registration-license-mode .registration-progress,
#login-shell .registration-license-mode .registration-actions { display: none; }
#login-shell .registration-license-mode #register-view,
#login-shell .registration-license-mode #register-form,
#login-shell .registration-license-mode [data-registration-step="1"],
#login-shell .registration-license-mode #registration-license-options {
  display: block; width: 100%; height: 100%; min-height: 0; max-height: none;
  margin: 0; padding: 0; gap: 0; border: 0; overflow: visible;
}
#login-shell .registration-license-mode #registration-license-message:not(:empty) {
  position: absolute; top: 45%; left: 15%; right: 15%; margin: 0;
  padding: 1rem; color: #082a34; background: #fffdfa; border-radius: 1rem; text-align: center;
}
#login-shell:has(#register-view:not([hidden])):has(.registration-license-mode) .legal-links {
  position: absolute; bottom: 5px; left: 50%; transform: translateX(-50%); margin: 0;
  width: auto; z-index: 3;
}
#login-shell:has(#register-view:not([hidden])):has(.registration-license-mode) .legal-links button { color: #006b73; }

#registration-license-options .license-showcase-scene {
  height: 100%; min-height: 0; background: transparent;
  --public-brand-size: clamp(30px, min(2.8vw, 5.2vh), 49px);
  --showcase-text-heading: #10253e;
  --showcase-text-primary: #152a3d;
  --showcase-text-price: #1a2f43;
  --showcase-text-body: #293e57;
  --showcase-text-secondary: #506579;
}
#registration-license-options .license-showcase-scene::before {
  content: ""; position: absolute; inset: -6px; z-index: -1; pointer-events: none;
  background: url("./assets/registration/registration-background-D.webp") center top / cover no-repeat;
}
#registration-license-options .license-showcase-scene button { margin: 0; min-height: 0; }
#registration-license-options .license-showcase-scene h1,
#registration-license-options .license-showcase-scene h2 { color: inherit; text-shadow: none; }
#registration-license-options .license-showcase-heading h1 { color: var(--showcase-text-heading); }
#registration-license-options .license-showcase-heading > div { color: var(--showcase-text-body); }
#registration-license-options .license-showcase-card h2 { color: var(--showcase-text-primary); font-weight: 550; }
#registration-license-options .license-showcase-card-body > p { color: var(--showcase-text-body); }
#registration-license-options .license-showcase-price strong { color: var(--showcase-text-price); font-weight: 700; }
#registration-license-options .license-showcase-price > span { color: var(--showcase-text-secondary); }
#registration-license-options .license-showcase-price { max-width: 100%; flex-wrap: wrap; row-gap: 0; white-space: normal; }
#registration-license-options .license-showcase-price[data-price-on-request] {
  margin-bottom: clamp(16px, 2vh, 22px); padding-top: 6px;
}
#registration-license-options .license-showcase-price[data-price-on-request] strong {
  color: var(--showcase-text-body); font-size: clamp(1.5rem, 1.5vw, 1.5625rem);
  font-weight: 600; line-height: 1.2;
}
#registration-license-options .license-showcase-back { background: #fffdfa; color: var(--ink); }
#registration-license-options .license-showcase-back-image { opacity: .09; }
#registration-license-options .license-showcase-back-content > p { color: var(--showcase-text-body); }
#registration-license-options .license-showcase-back-content {
  display: flex; flex-direction: column; justify-content: center; gap: 1rem;
  padding: clamp(18px, 3vw, 28px); overflow-wrap: anywhere;
}
#registration-license-options .license-showcase-back-content h2 { font-size: clamp(24px, 2vw, 28px); }
#registration-license-options .license-showcase-back-content > p {
  max-width: 38ch; font-size: clamp(14px, 1.2vw, 16px); line-height: 1.5;
}
#registration-license-options .license-showcase-annual-monthly {
  display: block; flex-shrink: 0; margin-top: 3px; color: var(--showcase-text-secondary);
  font-size: clamp(12px, 1.4vw, 14px); line-height: 1.25; text-align: center;
}
#registration-license-options .license-showcase-card-body-contract .license-showcase-symbol { display: none; }
#registration-license-options .license-showcase-card-body-contract > p { font-size: 14px; line-height: 1.3; }
#registration-license-options .license-showcase-contract-terms {
  display: block; flex-shrink: 0; max-width: 100%; margin-top: 3px;
  color: #33495e; font-size: 12px; line-height: 1.25; text-align: center;
}
@media (max-width: 500px), (max-height: 760px) {
  #registration-license-options .license-showcase-card-body-contract > p { display: none; }
}
#registration-license-options .license-showcase-select { padding: 0; width: auto; box-shadow: none; }
#registration-license-options .license-showcase-select:hover { background: transparent; }
#registration-license-options .license-showcase-header,
#registration-license-options .license-showcase-heading,
#registration-license-options .license-showcase-controls,
#registration-license-options .license-showcase-footer { flex: 0 0 auto; }
#registration-license-options .license-showcase-main {
  display: flex; flex-direction: column; flex: 1 1 auto; min-height: 0;
  padding-bottom: clamp(16px, 2.5dvh, 28px);
}
#registration-license-options .license-showcase-carousel { flex: 0 1 500px; min-height: 0; }
#registration-license-options .license-showcase-card { height: min(480px, calc(100% - 20px)); }
#registration-license-options .license-showcase-picture { height: min(305px, 63.542%); }
#registration-license-options .license-showcase-card-body { top: min(268px, 55.833%); }
#registration-license-options .license-showcase-card-body > p { flex-shrink: 0; }
#registration-license-options .license-showcase-continue { color: white; line-height: normal; }
#registration-license-options .license-showcase-continue:disabled {
  color: #626c70; background: #cbd0d2; box-shadow: none; opacity: 1; cursor: default;
}
#registration-license-options .license-showcase-status-badge {
  position: absolute; top: 12px; right: 12px; z-index: 2;
  max-width: min(70%, 11rem); padding: 6px 10px;
  border: 1px solid #b5cbca; border-radius: 999px;
  color: #12383f; background: #fffdfaf2;
  box-shadow: 0 2px 10px #183b4630;
  font-size: clamp(10px, .9vw, 12px); font-weight: 700;
  line-height: 1.2; text-align: center;
}
#registration-license-options .license-showcase-card:not([data-slot="0"]) .license-showcase-status-badge {
  top: 9px; right: 9px; padding: 5px 8px;
}
#registration-license-options .license-showcase-footer { min-height: 68px; }
#registration-license-options .license-showcase-brand {
  visibility: hidden; pointer-events: none; font-size: var(--public-brand-size);
  line-height: 1.05; letter-spacing: -.055em; font-weight: 350;
}
#registration-license-options .license-showcase-scene .license-showcase-public-brand {
  position: absolute; z-index: 3; left: 6.15%; top: 6svh; display: block;
  color: #07545b; font-size: var(--public-brand-size); line-height: 1.05;
  letter-spacing: -.055em; font-weight: 500; white-space: nowrap;
  text-shadow: 0 1px 2px #ffffffaa;
}
#registration-license-options .license-showcase-public-brand strong { font-weight: 720; color: #082a34; }
#registration-license-options .license-showcase-public-brand > span {
  text-decoration-line: underline; text-decoration-color: #d6af56;
  text-decoration-thickness: 2px; text-underline-offset: .09em; text-decoration-skip-ink: auto;
}
@media (min-width: 1800px) {
  #registration-license-options .license-showcase-carousel { flex-basis: 540px; }
  #registration-license-options .license-showcase-card { height: min(515px, calc(100% - 25px)); }
  #registration-license-options .license-showcase-picture { height: min(332px, 64.466%); }
  #registration-license-options .license-showcase-card-body { top: min(296px, 57.476%); }
}
@media (max-width: 1300px) {
  #registration-license-options .license-showcase-carousel { flex-basis: 490px; }
}
@media (max-width: 1000px) {
  #registration-license-options .license-showcase-scene { --public-brand-size: 33px; }
  #registration-license-options .license-showcase-public-brand { left: 28px; top: 22px; }
}
@media (max-width: 600px) {
  #registration-license-options .license-showcase-scene { --public-brand-size: 32px; }
  #registration-license-options .license-showcase-public-brand { left: 20px; top: 22px; }
  #registration-license-options .license-showcase-footer { padding: 14px 20px 28px; gap: 8px; }
}
@media (max-width: 500px) {
  #registration-license-options .license-showcase-carousel { flex-basis: 478px; }
  #registration-license-options .license-showcase-card { height: min(462px, calc(100% - 16px)); }
  #registration-license-options .license-showcase-picture { height: min(274px, 59.307%); }
  #registration-license-options .license-showcase-card-body { top: min(245px, 53.03%); }
  #registration-license-options .license-showcase-price[data-price-on-request] strong { font-size: 22px; }
}
/* Height constraints compact whitespace first. Full descriptions and all
   catalogue data remain on the paged back when the photo front is too short. */
@media (max-height: 780px) {
  #registration-license-options .license-showcase-header { padding-top: 12px; }
  #registration-license-options .license-showcase-public-brand { top: 12px; }
  #registration-license-options .license-showcase-heading { margin: 12px auto; }
  #registration-license-options .license-showcase-heading h1 { font-size: clamp(25px, 3.2vw, 38px); margin-bottom: 8px; }
  #registration-license-options .license-showcase-heading > p { margin-bottom: 6px; }
  #registration-license-options .license-showcase-card-body { top: min(250px, 50%); bottom: clamp(24px, 4vh, 34px); }
  #registration-license-options .license-showcase-card h2 { margin-bottom: 4px; }
  #registration-license-options .license-showcase-price { padding-top: 6px; line-height: 1.15; }
  #registration-license-options .license-showcase-controls { gap: 8px; margin-top: 0; }
  #registration-license-options .license-showcase-continue { padding: 12px 24px; }
  #registration-license-options .license-showcase-footer { min-height: 50px; padding-top: 10px; padding-bottom: 24px; }
}
@media (max-height: 560px) {
  #registration-license-options .license-showcase-heading { margin: 6px auto; }
  #registration-license-options .license-showcase-heading > p { display: none; }
  #registration-license-options .license-showcase-heading > div { font-size: 14px; }
  #registration-license-options .license-showcase-symbol { display: none; }
  #registration-license-options .license-showcase-card-body { top: 45%; bottom: clamp(14px, 3vh, 20px); }
  #registration-license-options .license-showcase-card h2 { font-size: 23px; margin-bottom: 4px; }
  #registration-license-options .license-showcase-price { padding-top: 5px; }
  #registration-license-options .license-showcase-price strong { font-size: 24px; }
  #registration-license-options .license-showcase-price[data-price-on-request] strong { font-size: 20px; }
  #registration-license-options .license-showcase-annual-monthly { margin-top: 2px; }
  #registration-license-options .license-showcase-back-content { padding: 12px 18px; }
  #registration-license-options .license-showcase-controls { gap: 4px; }
  #registration-license-options .license-showcase-continue { padding: 9px 22px; }
}
@media (max-height: 420px) {
  #registration-license-options .license-showcase-scene[data-details="true"] .license-showcase-heading,
  #registration-license-options .license-showcase-scene[data-details="true"] .license-showcase-pagination { display: none; }
  #registration-license-options .license-showcase-heading > div { display: none; }
  #registration-license-options .license-showcase-header { padding-top: 6px; }
  #registration-license-options .license-showcase-public-brand { top: 6px; font-size: 28px; }
  #registration-license-options .license-showcase-login { padding: 6px 14px; }
  #registration-license-options .license-showcase-brand i { display: none; }
  #registration-license-options .license-showcase-heading h1 { font-size: 24px; margin: 0; }
  #registration-license-options .license-showcase-card-body { top: 12%; }
  #registration-license-options .license-showcase-card-body > p { display: none; }
  #registration-license-options .license-showcase-picture { height: 100%; }
  #registration-license-options .license-showcase-picture::after { background: linear-gradient(#fffdfa66, #fffdfa); }
  #registration-license-options .license-showcase-recommended { top: 4px; right: 4px; font-size: 9px; padding: 2px 5px; }
  #registration-license-options .license-showcase-arrow { width: 39px; height: 39px; font-size: 28px !important; top: 35%; }
  #registration-license-options .license-showcase-footer { min-height: 42px; padding-top: 4px; gap: 4px; }
}

/* Hide the overlaid licence symbols while keeping titles and prices in place. */
#registration-license-options .license-showcase-card .license-showcase-symbol { visibility: hidden; }

/* Initial licence selection only: individual photo framing, legible actions,
   and controls tied to the carousel rather than the viewport edge. */
#registration-license-options .license-showcase-card[data-license-code="personal"] { --photo-y: 38%; }
#registration-license-options .license-showcase-card[data-license-code="medical"] { --photo-y: 12%; }
#registration-license-options .license-showcase-card[data-license-code="research"] { --photo-y: 18%; }
#registration-license-options .license-showcase-card[data-license-code="corporate-health"] { --photo-y: 20%; }
#registration-license-options .license-showcase-card[data-license-code="sports"] { --photo-y: 22%; }
#registration-license-options .license-showcase-picture img {
  object-position: var(--photo-x, 50%) var(--photo-y, 30%);
}
/* Match the selected card's 3px inner inset without changing any frame.
   The flipper now has identical dimensions in every carousel slot. */
#registration-license-options .license-showcase-card { --showcase-frame-width: 1px; }
#registration-license-options .license-showcase-card[data-slot="0"] { --showcase-frame-width: 2px; }
#registration-license-options .license-showcase-card[data-selected="true"] { --showcase-frame-width: 3px; }
#registration-license-options .license-showcase-flipper { inset: calc(3px - var(--showcase-frame-width)); }
#registration-license-options .license-showcase-image { display: block; width: 100%; height: 100%; }
/* Same media condition as cardImageMedia in registration-showcase.js.
   The shared photo slot is width-driven in these views; original-image views
   keep their existing height rules. Source fallback retains its original focus.
   Optional --card-photo-x/y only fine-tune prepared crops. */
@media (min-width: 410px) and (height > 420px), (min-width: 340px) and (height > 420px) and (max-height: 560px) {
  #registration-license-options .license-showcase-front {
    display: flex; flex-direction: column;
  }
  #registration-license-options .license-showcase-picture {
    width: 100%; height: auto; aspect-ratio: 7 / 4; flex: 0 0 auto;
  }
  #registration-license-options .license-showcase-card-body {
    position: relative; inset: auto; flex: 1 1 auto; min-height: 0;
    padding: 6px clamp(14px, 2vw, 23px) 18px;
  }
  #registration-license-options .license-showcase-card .license-showcase-symbol { display: none; }
  #registration-license-options .license-showcase-price[data-price-on-request] { margin-bottom: 0; }
  /* Intrinsic image dimensions must not enlarge the ratio-defined slot. */
  #registration-license-options .license-showcase-picture > .license-showcase-image {
    position: absolute; inset: 0;
  }
  #registration-license-options .license-showcase-image[data-card-image] img {
    object-position: var(--card-photo-x, 50%) var(--card-photo-y, 50%);
  }
}
/* Keep the whole desktop composition together when headings or window height
   reduce the available carousel space. One shared scale preserves text, photo
   proportions, frame compensation and the existing coverflow transforms. */
@media (min-width: 851px) and (height > 560px) {
  #registration-license-options .license-showcase-carousel {
    --showcase-stage-height: 500px; --showcase-card-height: 480px;
  }
  #registration-license-options .license-showcase-stage {
    position: absolute; top: 0; left: 0; width: 100%;
    height: var(--showcase-stage-height);
    transform: scale(var(--showcase-fit, 1)); transform-origin: center top;
  }
  #registration-license-options .license-showcase-card { height: var(--showcase-card-height); }
}
@media (min-width: 1800px) and (height > 560px) {
  #registration-license-options .license-showcase-carousel {
    --showcase-stage-height: 540px; --showcase-card-height: 515px;
  }
}
@media (min-width: 851px) and (max-width: 1300px) and (height > 560px) {
  #registration-license-options .license-showcase-carousel { --showcase-stage-height: 490px; }
}
#registration-license-options .license-showcase-card[data-slot="0"] {
  border-color: #8eb9b9; box-shadow: 0 18px 38px #335f6433;
}
#registration-license-options .license-showcase-card[data-selected="true"] {
  border-width: 3px; border-color: #e6a02d; box-shadow: 0 18px 38px #aa843933;
}
#registration-license-options .license-showcase-card[data-selected="true"]:not([data-flipped="true"])::after {
  content: "✓"; position: absolute; top: 12px; right: 12px; z-index: 7;
  display: grid; place-items: center; width: 28px; height: 28px;
  border-radius: 50%; background: #fffdfa; color: #006b73;
  border: 2px solid #006b73; font-size: 17px; font-weight: 700;
  pointer-events: none;
}
#registration-license-options .license-showcase-pagination button[aria-current="true"] {
  width: 36px; background: linear-gradient(90deg, #ffc051, #dd9519);
}
#registration-license-options .license-showcase-heading { margin-bottom: clamp(8px, 1.2vh, 14px); }
#registration-license-options .license-showcase-comparison-link {
  display: inline-block; max-width: 100%; margin-top: clamp(4px, .8vh, 9px);
  padding: 2px 5px; border: 0; border-radius: 3px;
  color: #006b73; background: transparent;
  font-size: clamp(13px, 1.2vw, 16px); font-weight: 600; line-height: 1.35;
  text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: .14em;
  white-space: normal;
}
#registration-license-options .license-showcase-comparison-link:hover {
  color: #004e54; text-decoration-thickness: 2px;
}
#registration-license-options .license-showcase-comparison-link:focus-visible {
  outline: 3px solid #006b73; outline-offset: 3px;
}
#registration-license-options .license-showcase-login {
  background: rgba(255, 253, 250, .86);
}
#registration-license-options .license-showcase-counter {
  padding: 3px 10px; border-radius: 9px; background: rgba(255, 253, 250, .88);
}
#registration-license-options .license-showcase-controls { gap: clamp(5px, 1vh, 10px); }
#login-shell:has(#register-view:not([hidden])):has(.registration-license-mode) .legal-links { display: none; }
@media (min-width: 851px) {
  #registration-license-options .license-showcase-prev {
    left: max(10px, calc(50% - (var(--near) + clamp(156px, 9.5vw, 181px)) * var(--showcase-fit, 1) - 70px));
  }
  #registration-license-options .license-showcase-next {
    right: max(10px, calc(50% - (var(--near) + clamp(156px, 9.5vw, 181px)) * var(--showcase-fit, 1) - 70px));
  }
}
@media (max-width: 850px) {
  #registration-license-options .license-showcase-card { height: min(480px, calc(100% - 58px)); }
  #registration-license-options .license-showcase-arrow {
    top: auto; bottom: 3px; width: 42px; height: 42px; font-size: 28px !important;
  }
  #registration-license-options .license-showcase-prev { left: calc(50% - 92px); }
  #registration-license-options .license-showcase-next { right: calc(50% - 92px); }
  #registration-license-options .license-showcase-heading { margin-bottom: 8px; }
}
@media (max-width: 500px) {
  #registration-license-options .license-showcase-card { height: min(462px, calc(100% - 58px)); }
}
@media (max-height: 560px) {
  #login-shell:has(#register-view:not([hidden])):has(.registration-license-mode) {
    height: var(--app-available-height); overflow-y: auto; overflow-x: hidden;
  }
  #login-shell:has(#register-view:not([hidden])):has(.registration-license-mode) .auth-panel,
  #login-shell .registration-license-mode #register-view,
  #login-shell .registration-license-mode #register-form,
  #login-shell .registration-license-mode [data-registration-step="1"],
  #login-shell .registration-license-mode #registration-license-options {
    height: auto; min-height: 0;
  }
  #registration-license-options .license-showcase-scene {
    height: auto; min-height: 570px; overflow: hidden;
  }
  #registration-license-options .license-showcase-carousel { flex: 0 0 390px; }
  #registration-license-options .license-showcase-heading > div { display: block; }
}

/* Font glyphs sit unevenly in the carousel controls; center matching vector chevrons instead. */
#registration-license-options .license-showcase-arrow { padding: 0; }
#registration-license-options .license-showcase-arrow svg {
  display: block; width: 45%; height: 45%;
  fill: none; stroke: currentColor; stroke-width: 2.5;
  stroke-linecap: round; stroke-linejoin: round;
}
#registration-license-options .license-showcase-next svg { transform: scaleX(-1); }