/* Landing-only composition: reuse the site's glass, buttons, art and tokens. */
body.landing-cards { min-height: 100svh; }
.landing-cards-shell { min-height: 100svh; min-height: 100dvh; display: flex; flex-direction: column; }
.landing-cards .container { --bs-gutter-x: 0; width: min(calc(100% - 48px), 1100px); max-width: none; }
.landing-cards .lc-header { position: relative; background: rgba(7,11,20,.45); box-shadow: none; }
.landing-cards .header-inner { min-height: 72px; gap: 16px; }
.lc-header-actions { display: flex; gap: 22px; align-items: center; }
.landing-cards .lang-switch { padding: 0; }
.lc-nav-login { padding: 10px 17px; min-height: 44px; font-size: .86rem; }
.landing-cards-main { display: flex; align-items: center; flex: 1; padding: 24px 0; position: relative; }
.lc-grid { display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(0, 1fr); grid-template-areas: 'account product' 'information product'; gap: 18px; }
.lc-grid > *, .lc-card > *, .lc-overview > *, .lc-app-preview > * { min-width: 0; }
.lc-card h1, .lc-card h2 { overflow-wrap: anywhere; }
.lc-card { border-radius: var(--radius); padding: 26px; }
/* The translucent fill has an opaque fallback where backdrop-filter is unsupported. */
.landing-cards .lc-card { background: linear-gradient(145deg, #202d3b, #141c2c); border-color: rgba(205,227,245,.2); box-shadow: 0 20px 60px #0003, inset 0 1px 0 #ffffff12; transition: border-color .2s ease; }
@supports ((backdrop-filter: blur(16px)) or (-webkit-backdrop-filter: blur(16px))) {
  .landing-cards .lc-card { background: linear-gradient(140deg, rgba(157,202,191,.12), rgba(37,46,68,.5)); backdrop-filter: blur(18px) saturate(125%); -webkit-backdrop-filter: blur(18px) saturate(125%); }
}
.landing-cards .lc-card::before { height: 65%; background: linear-gradient(145deg, #ffffff0c, transparent 60%); }
.lc-account { grid-area: account; display: grid; grid-template-columns: 46px 1fr; gap: 18px; align-items: start; }
.lc-card-icon { width: 46px; height: 46px; border: 1px solid #a9e9c538; background: #8bdfac10; border-radius: 15px; display: grid; place-items: center; color: var(--accent); font-size: 23px; }
.lc-kicker { font-size: .68rem; letter-spacing: .18em; color: var(--muted); margin: 0 0 7px; }
.lc-account h2 { font-size: clamp(23px, 2.4vw, 30px); letter-spacing: -.035em; margin: 0 0 8px; line-height: 1.15; }
.lc-muted { color: var(--muted); font-size: .85rem; margin: 0; line-height: 1.5; }
.lc-account-actions { grid-column: 1 / -1; display: grid; gap: 5px; }
.landing-cards .lc-sign-in { min-height: 52px; border-radius: 14px; background: linear-gradient(115deg, #a7ebba, #78d7a7); box-shadow: 0 8px 28px #67e8a51a; }
.landing-cards .lc-sign-in::after { animation: none; opacity: .35; }

.lc-register { text-align: center; color: var(--muted); padding: 10px; font-size: .8rem; min-height: 38px; }
.lc-register:hover, .lc-inline-links a:hover, .lc-footer a:hover { color: var(--accent-3); }
.lc-product { grid-area: product; display: flex; flex-direction: column; justify-content: space-between; gap: 10px; padding: 32px; overflow: hidden; }
.lc-product .eyebrow { font-size: .65rem; padding: 7px 11px; letter-spacing: .1em; }
.lc-product h1 { font-size: clamp(30px,3.2vw,40px); font-weight: 700; line-height: 1.08; letter-spacing: -.045em; margin: 17px 0 12px; }
.lc-product-description { font-size: .86rem; color: var(--muted); line-height: 1.5; margin: 0 0 16px; max-width: 34ch; }
.lc-price { display: flex; align-items: baseline; gap: 9px; margin: 0; flex-wrap: wrap; }
.lc-price strong { font-size: 34px; line-height: 1.15; font-weight: 600; letter-spacing: -.04em; }
.lc-price span { font-size: .75rem; color: var(--muted); }
.lc-price-unavailable { font-size: .8rem; color: var(--muted); }
.lc-device-art { display: block; width: 100%; height: auto; object-fit: contain; filter: drop-shadow(0 12px 18px #0004); }
.lc-product-platforms { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 9px; color: var(--muted); font-size: .68rem; }
.lc-product-platforms .bi { color: var(--accent); }
.lc-platform { display: inline-flex; align-items: center; gap: 5px; white-space: nowrap; }
.lc-information { grid-area: information; padding: 12px; }
.lc-tabs { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); padding: 4px; gap: 3px; background: #050c1955; border-radius: 13px; }
.lc-tabs button { border: 1px solid transparent; color: var(--muted); background: transparent; border-radius: 10px; padding: 10px 3px; min-height: 44px; font-size: .78rem; cursor: pointer; transition: color .15s ease, background .15s ease; }
.lc-tabs button[aria-selected=true] { background: #a5bfdf1c; border-color: #dce8ff12; color: var(--text); box-shadow: inset 0 1px 0 #ffffff0b; }
.lc-tabs button:hover { color: var(--text); }
.lc-panels { padding: 17px 10px 4px; }
.lc-panels [role=tabpanel] { min-height: 148px; }
.lc-panels [hidden] { display: none; }
.lc-benefits { display: grid; gap: 14px; margin: 0; padding: 0; list-style: none; font-size: .83rem; }
.lc-benefits li { display: flex; align-items: center; gap: 12px; }
.lc-benefits .bi, .lc-bonus .bi { color: var(--accent); }
.lc-overview { display: grid; grid-template-columns: minmax(0, 1fr) clamp(60px, 7vw, 88px); gap: 12px; align-items: center; }
.lc-overview-art { width: 100%; height: auto; object-fit: contain; filter: drop-shadow(0 8px 14px #87dbbc30); }
.lc-inline-links { display: flex; gap: 18px; justify-content: space-between; margin-top: 17px; font-size: .73rem; color: var(--muted); }
.lc-inline-links a { display: inline-flex; gap: 7px; align-items: center; min-height: 25px; }
.lc-fine-print, .lc-bonus { font-size: .72rem; line-height: 1.45; margin: 12px 0 0; color: var(--muted); }
.lc-bonus { color: var(--accent-3); margin-top: 7px; }
.lc-downloads { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.lc-downloads .btn { padding: 10px 12px; min-height: 44px; border-radius: 11px; font-size: .8rem; }

.lc-help-links { display: grid; gap: 8px; }
.lc-help-links a { display: flex; align-items: center; gap: 12px; font-size: .83rem; min-height: 44px; }
.lc-help-links a > .bi:first-child { color: var(--accent); font-size: 19px; }
.lc-help-links a > .bi:last-child { margin-left: auto; color: var(--muted); }
.lc-help-links small { display: block; color: var(--muted); font-size: .7rem; margin-top: 3px; }
.lc-footer { display: flex; align-items: center; gap: 18px; justify-content: space-between; padding: 13px 105px 22px 0; color: var(--muted); font-size: .68rem; }
.lc-footer nav { display: flex; flex-wrap: wrap; gap: 6px 18px; }
.lc-footer a { min-height: 26px; display: inline-flex; align-items: center; }
.lc-copyright { white-space: nowrap; }
.landing-cards .cookie-banner { position: relative; inset: auto; padding: 0 115px 10px 24px; }
.landing-cards .cookie-banner[hidden] { display: none; }
.landing-cards .cookie-banner-inner { width: min(100%, 920px); padding: 8px 12px; gap: 12px; }
.landing-cards .cookie-banner-text { font-size: 11px; line-height: 1.45; }
.landing-cards .cookie-btn { padding: 8px 12px; min-height: 36px; font-size: 11px; }
/* Keep the established ambient effects, but freeze layers behind the glass to avoid repaints. */
.landing-cards .bg-glow, .landing-cards .smoke { animation: none; }
.landing-cards .bg-glow-1 { background: radial-gradient(circle, #85e4bf66, #7598b92b 42%, transparent 74%); }
.landing-cards .bg-glow-2 { top: 4rem; background: radial-gradient(circle, #9b7dff80, #9b7dff2b 46%, transparent 72%); }
@media (max-height: 780px) and (min-width: 761px) {
  .landing-cards .header-inner { min-height: 62px; }
  .landing-cards-main { padding: 16px 0; }
  .lc-card { padding: 20px; }
  .lc-information { padding: 10px; }
  .lc-product { padding: 25px; }
  .lc-footer { padding-bottom: 13px; }
}
@media (max-width: 760px) {
  .landing-cards .container { width: min(calc(100% - 24px), 520px); }
  .landing-cards .header-inner { min-height: 58px; gap: 8px; }
  .landing-cards .brand { font-size: 11px; letter-spacing: .12em; gap: 8px; }
  .landing-cards .brand-text { font-size: 12px; letter-spacing: .12em; white-space: nowrap; }
  .landing-cards .brand-mark { width: 15px; height: 15px; }
  .lc-header-actions { gap: 10px; }
  .lc-header-actions .lang-btn { font-size: 10px; padding: 5px; }
  .lc-nav-login { padding: 8px 10px; font-size: 12px; }
  .landing-cards-main { padding: 12px 0; }
  .lc-grid { grid-template-columns: 1fr; grid-template-areas: 'account' 'product' 'information'; gap: 10px; }
  .lc-card { padding: 16px; border-radius: 18px; }
  .lc-account { grid-template-columns: 36px 1fr; gap: 10px 12px; }
  .lc-card-icon { width: 36px; height: 36px; font-size: 20px; border-radius: 12px; }
  .lc-kicker { display: none; }
  .lc-account h2 { font-size: 21px; margin-bottom: 5px; }
  .lc-muted { font-size: 11px; }
  .landing-cards .lc-sign-in { padding: 12px 14px; min-height: 46px; font-size: 13px; }
  .lc-account-actions { gap: 0; }
  .lc-register { font-size: 11px; padding: 8px; min-height: 30px; }
  .lc-product { padding: 15px 18px; }
  .lc-product .eyebrow, .lc-product-description, .lc-device-art, .lc-product-platforms { display: none; }
  .lc-product h1 { max-width: none; font-size: 25px; margin: 0 0 10px; line-height: 1.1; }
  .lc-price { gap: 8px; }
  .lc-price strong { font-size: 25px; }
  .lc-price span { font-size: 11px; }
  .lc-information { padding: 8px; }
  .lc-tabs { padding: 3px; gap: 2px; }
  .lc-tabs button { font-size: 11px; padding: 8px 2px; min-height: 38px; }
  .lc-panels { padding: 12px 8px 3px; }
  .lc-panels [role=tabpanel] { min-height: 134px; }
  .lc-benefits { gap: 10px; font-size: 12px; }
  .lc-overview { grid-template-columns: minmax(0, 1fr) 60px; gap: 8px; }
  .lc-overview-art { width: 100%; height: auto; }
  .lc-inline-links { margin-top: 11px; font-size: 11px; gap: 10px; }
  .lc-fine-print, .lc-bonus { font-size: 11px; margin-top: 8px; }
  .lc-downloads .btn { font-size: 12px; padding: 8px 10px; min-height: 40px; }
  .lc-help-links a { font-size: 12px; }
  .lc-help-links small { font-size: 10px; }
  .lc-footer { padding: 0 75px 12px 0; gap: 2px; flex-direction: column; align-items: flex-start; font-size: 10px; }
  .lc-footer nav { gap: 0 12px; }
  .lc-footer a { min-height: 24px; }
  .landing-cards .cookie-banner { padding: 0 12px 10px; }
  .landing-cards .cookie-banner-inner { flex-direction: row; flex-wrap: wrap; gap: 6px; padding: 8px 10px; }
  .landing-cards .cookie-banner-text { flex: 1 0 100%; font-size: 10px; margin: 0; }
  .landing-cards .cookie-banner-actions { width: auto; gap: 6px; padding-right: 80px; align-items: center; }
  .landing-cards .cookie-btn { flex: none; min-height: 28px; padding: 5px 10px; font-size: 10px; border-radius: 9px; }
}
@media (max-height: 730px) and (max-width: 760px) {
  .landing-cards-main { padding: 6px 0; }
  .lc-grid { gap: 6px; }
  .lc-account { padding: 12px; gap: 8px 10px; }
  .lc-account .lc-muted { display: none; }
  .lc-account h2 { margin-bottom: 0; }
  .lc-account { align-items: center; }
  .lc-product { padding: 10px 16px; }
  .lc-product h1 { font-size: 21px; margin-bottom: 7px; }
  .lc-panels { padding-top: 9px; }
  .lc-footer { padding-bottom: 6px; }
}
@media (prefers-reduced-motion: reduce) {
  .landing-cards *, .landing-cards *::before, .landing-cards *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}
@media (max-height: 650px) and (max-width: 760px) {
  .landing-cards .header-inner { min-height: 54px; }
  .lc-product h1 { font-size: 19px; }
  .lc-account { padding: 8px 12px; }
  .lc-information { padding: 6px 8px; }
}

/* Refractive glass: only composited transform/opacity move, never the blur or layout. */
.landing-cards .lc-card { overflow: hidden; border-color: #d4f3ee42; box-shadow: inset 0 1px 0 #ffffff38, inset 0 -1px 0 #bdb4ff1a, 0 22px 55px #0004; }
@supports ((backdrop-filter: blur(16px)) or (-webkit-backdrop-filter: blur(16px))) {
  .landing-cards .lc-card { background: linear-gradient(125deg, #aec8cf24, #5d64792b 45%, #8272ad24); backdrop-filter: blur(22px) saturate(145%); -webkit-backdrop-filter: blur(22px) saturate(145%); }
}
.landing-cards .lc-card::before {
  inset: -45% -60%; width: auto; height: auto; border-radius: 50%;
  background: radial-gradient(ellipse at 50% 20%, transparent 34%, #aaf3d70b 39%, #c7fff52b 42%, #b2a5ef10 46%, transparent 52%);
  transform: translate3d(-12%, -5%, 0) rotate(-16deg); opacity: .65;
  animation: lc-glass-wave 19s ease-in-out infinite alternate; will-change: transform, opacity;
}
.landing-cards .lc-card::after {
  content: ''; position: absolute; inset: 0; border-radius: inherit; pointer-events: none; z-index: -1;
  background: linear-gradient(125deg, #e8fff51a, transparent 27%, transparent 76%, #c7b7ff14);
}
.landing-cards .lc-product::before { animation-delay: -7s; }
.landing-cards .lc-information::before { animation-delay: -13s; }
@keyframes lc-glass-wave {
  0% { transform: translate3d(-12%, -5%, 0) rotate(-16deg); opacity: .55; }
  100% { transform: translate3d(12%, 13%, 0) rotate(15deg); opacity: .95; }
}
.lc-account { grid-template-columns: clamp(52px, 6vw, 76px) minmax(0, 1fr); align-items: center; column-gap: 14px; }
.lc-card-icon { width: 100%; height: auto; aspect-ratio: 1; background: none; border: 0; border-radius: 0; }
.lc-card-icon img { width: 100%; max-width: 100%; height: auto; object-fit: contain; filter: drop-shadow(0 8px 14px #87dbbc30); }
.lc-account h2 { font-size: clamp(23px, 2.1vw, 28px); }
/* Both illustrations occupy real grid tracks: no offsets, crop or independent scaling. */
.lc-device-stage { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, .34fr); align-items: center; gap: clamp(8px, 1.4vw, 18px); padding: 8px 3px; }
/* This asset has transparent side margins. A stable frame trims only that empty canvas. */
.lc-device-stage .lc-device-art { min-width: 0; aspect-ratio: 1.4; height: auto; max-height: 260px; object-fit: cover; }
.lc-phone { width: 100%; max-width: 112px; min-width: 0; justify-self: center; }
.lc-phone .iphone-mockup { width: 100%; height: auto; margin: 0; border-radius: clamp(9px, 1.6vw, 20px); transform: none; animation: none; will-change: auto; background: #0a0d14; border: 3px solid #303647; box-shadow: 0 0 0 1px #c7d5ea55, 8px 12px 20px #0006; }
.lc-phone-screen { display: block; width: 100%; height: auto; }
.lc-phone .iphone-mockup::before, .lc-phone .iphone-mockup::after { display: none; }
.lc-phone .iphone-notch { top: 2%; }
.lc-phone .iphone-dynamic-island { width: 32%; height: auto; aspect-ratio: 4.4; }
.lc-phone .iphone-dynamic-island::before, .lc-phone .iphone-dynamic-island::after { display: none; }
.lc-phone .iphone-home-bar { width: 32%; height: 2px; bottom: 2%; }
.lc-app-preview > .lc-phone { display: none; }
@media (min-width: 761px) and (max-height: 800px) {
  .lc-product-description { display: none; }
  .lc-product h1 { font-size: 34px; margin: 12px 0; }
  .lc-device-stage .lc-device-art { max-height: 225px; }
}
@media (max-width: 760px) {
  .lc-account { grid-template-columns: 36px 1fr; column-gap: 12px; }
  .lc-card-icon { width: 36px; height: 36px; }
  .lc-card-icon img { width: 100%; height: auto; }
  .lc-account h2 { font-size: 21px; }
  .lc-device-stage { display: none; }
  .lc-app-preview { display: grid; grid-template-columns: minmax(0, 1fr) 54px; gap: 12px; align-items: center; }
  .lc-app-preview > .lc-phone { display: block; width: 54px; }
  .lc-app-preview .iphone-mockup { width: 100%; height: auto; border-radius: 9px; border-width: 2px; }
  .lc-downloads { gap: 6px; }
  .lc-downloads .btn { padding: 8px 5px; gap: 5px; font-size: 11px; }
  .lc-app-preview + .lc-inline-links { margin-top: 0; }
}
@media (prefers-reduced-motion: reduce) {
  .landing-cards .lc-card::before { animation: none; will-change: auto; transform: none; }
}

/* Short windows and browser zoom preserve readable content, with natural reflow. */
@media (min-width: 761px) and (max-height: 650px) {
  .landing-cards .header-inner { min-height: 54px; }
  .landing-cards-main { padding: 10px 0; }
  .lc-grid { gap: 12px; }
  .lc-account { padding: 16px; gap: 10px; }
  .lc-kicker { display: none; }
  .lc-account h2 { font-size: 24px; }
  .lc-product { padding: 18px; }
  .lc-product h1 { font-size: 28px; }
  .lc-device-stage .lc-device-art { max-height: 170px; }
  .lc-device-stage .lc-phone { max-width: 78px; }
}
@media (max-width: 360px) {
  .lc-header-actions { gap: 6px; }
  .lc-overview { grid-template-columns: minmax(0, 1fr) 48px; }
  .lc-account h2 { font-size: 19px; }
  .lc-inline-links { flex-wrap: wrap; gap: 4px 12px; }
}
@media (min-width: 761px) and (max-height: 560px) {
  .landing-cards-main { padding-block: 6px; }
  .lc-account { padding: 14px; }
  .lc-account .lc-muted, .lc-product .eyebrow { display: none; }
  .lc-account h2 { font-size: 22px; }
  .lc-product { padding: 16px; }
  .lc-product h1 { font-size: 26px; margin: 0 0 10px; }
  .lc-device-stage .lc-device-art { max-height: 145px; }
  .lc-device-stage .lc-phone { max-width: 64px; }
  .lc-information { padding: 8px; }
  .lc-panels { padding: 10px 8px 0; }
  .lc-panels [role=tabpanel] { min-height: 128px; }
  .lc-tabs button { min-height: 38px; padding: 8px 3px; font-size: 12px; }
  .lc-inline-links { margin-top: 10px; }
  .lc-footer { padding-block: 6px; }
}

/* Public destinations stay available without leaving the site. */
.lc-section-nav { display: flex; align-items: center; gap: 24px; margin-left: auto; font-size: .84rem; color: var(--muted); }
.lc-section-nav a { display: inline-flex; min-height: 44px; align-items: center; }
.lc-section-nav a:hover { color: var(--accent); }
@media (max-width: 640px) {
  .landing-cards .header-inner { flex-wrap: wrap; padding-top: 8px; gap: 0 10px; }
  .lc-header-actions { margin-left: auto; }
  .lc-section-nav { order: 3; width: 100%; margin: 0; justify-content: center; gap: 30px; border-top: 1px solid var(--border); }
  .lc-section-nav a { min-height: 40px; font-size: .8rem; }
}

/* A compact device kit: native radios also work without JavaScript. */
.lc-kit-options { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 5px; border: 0; margin: 0; padding: 0; min-width: 0; }
.lc-kit-options label { position: relative; min-width: 0; cursor: pointer; }
.lc-kit-options input { position: absolute; width: 1px; height: 1px; opacity: 0; }
.lc-kit-options label > span { display: grid; place-items: center; min-height: 36px; padding: 4px 2px; border-radius: 10px; border: 1px solid #cedcff1a; background: #15203166; color: var(--muted); font-size: 11px; transition: background .2s ease, color .2s ease, border-color .2s ease; }
.lc-kit-options input:checked + span { background: linear-gradient(125deg, #a4f2cb2e, #b5a6f91a); color: #d4ffe9; border-color: #a6efca80; box-shadow: inset 0 1px 0 #eafff32b; }
.lc-kit-options input:focus-visible + span { outline: 2px solid var(--accent); outline-offset: 2px; }
.lc-kit-summary { display: grid; grid-template-columns: minmax(100px, .85fr) minmax(0, 1fr); gap: 12px; align-items: center; margin-top: 7px; }
.lc-kit-art { position: relative; height: 68px; width: 138px; max-width: 100%; justify-self: center; isolation: isolate; }
.lc-kit-art::before { content: ''; position: absolute; inset: 20% 0 -5%; background: radial-gradient(ellipse, #94eac72b, #b6a3ff12 45%, transparent 70%); z-index: -1; }
.lc-kit-device { position: absolute; padding: 3px; background: linear-gradient(130deg, #d9e9ff, #718592 30%, #cab8fb 70%, #9fdbcc); border: 1px solid #daecf36b; box-shadow: 3px 7px 10px #0004; border-radius: 5px; opacity: .28; transform: translateY(3px); transition: opacity .28s ease, transform .28s ease; }
.lc-kit-screen { display: grid; place-items: center; height: 100%; border-radius: 2px; background: radial-gradient(ellipse at 30% 20%, #6aa99177, transparent 65%), linear-gradient(140deg, #152c36, #393453); color: #baffdf; }
.lc-kit-screen i { font-size: 14px; }
.lc-kit-laptop { width: 65%; height: 44px; left: 0; top: 9px; opacity: 1; transform: none; z-index: 2; }
.lc-kit-laptop::after { content: ''; position: absolute; inset: auto -7px -5px; height: 5px; background: linear-gradient(100deg, #a9cdbf, #dde8ee 45%, #a092b9); border-radius: 1px 1px 7px 7px; }
.lc-kit-tablet { width: 31%; height: 54px; right: 3%; top: 0; z-index: 1; }
.lc-kit-mobile { width: 19%; height: 43px; right: 16%; bottom: 0; z-index: 3; border-radius: 6px; }
.lc-kit-mobile .lc-kit-screen i { font-size: 10px; }
.lc-kit:has(input[value="2"]:checked) .lc-kit-mobile,
.lc-kit:has(input[value="3"]:checked) .lc-kit-mobile,
.lc-kit:has(input[value="3"]:checked) .lc-kit-tablet { opacity: 1; transform: none; }
.lc-kit-total { display: none; }
.lc-kit:has(input[value="1"]:checked) .lc-kit-total[data-count="1"],
.lc-kit:has(input[value="2"]:checked) .lc-kit-total[data-count="2"],
.lc-kit:has(input[value="3"]:checked) .lc-kit-total[data-count="3"] { display: grid; gap: 2px; animation: lc-kit-reveal .22s ease-out; }
.lc-kit-total strong { font-size: clamp(24px, 2.6vw, 30px); font-weight: 600; letter-spacing: -.035em; line-height: 1.2; font-variant-numeric: tabular-nums; white-space: nowrap; }
.lc-kit-total small { font-size: 11px; font-weight: 400; letter-spacing: 0; color: var(--muted); }
.lc-kit-total > span { font-size: 11px; color: var(--muted); }
.lc-kit-hint { font-size: 10px; line-height: 1.4; color: var(--muted); margin: 4px 0 0; }
.lc-kit-bonus { display: flex; align-items: center; gap: 7px; padding: 3px 8px; border: 1px solid #b1f2d52b; border-radius: 9px; background: linear-gradient(110deg, #95e8bc14, #b7a8ff0d); margin-top: 6px; }
.lc-kit-bonus img { flex: 0 0 24px; object-fit: contain; }
#pricing .lc-inline-links { margin-top: 5px; }
@keyframes lc-kit-reveal { from { opacity: .5; transform: translateY(3px); } to { opacity: 1; transform: none; } }
@media (max-width: 760px), (max-height: 560px) {
  .lc-kit-options label > span { min-height: 32px; font-size: 10px; }
  .lc-kit-summary { gap: 8px; margin-top: 4px; }
  .lc-kit-art { height: 60px; width: 123px; }
  .lc-kit-total strong { font-size: 24px; }
  .lc-kit-hint { font-size: 9px; }
  .lc-kit-bonus { margin-top: 4px; font-size: 10px; padding-block: 1px; }
  #pricing .lc-inline-links { margin-top: 2px; }
}
/* Hash links must not scroll the tab bar inside its decorative clipping box. */
.landing-cards .lc-information { overflow: clip; }
.lc-kit-bonus:hover { color: #ddfff0; border-color: #b1f2d577; }
.lc-kit-bonus:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
@media (min-width: 761px) and (max-height: 560px) {
  .lc-kit-summary { margin-top: 2px; }
  .lc-kit-art { height: 48px; width: 105px; }
  .lc-kit-laptop { height: 32px; top: 5px; }
  .lc-kit-tablet { height: 40px; }
  .lc-kit-mobile { height: 32px; }
  .lc-kit-hint { margin-top: 2px; }
  .lc-kit-bonus { margin-top: 2px; }
}

/* Service core: one shared illustration, with every benefit visible at once. */
.lc-service-core { display: grid; grid-template-columns: minmax(80px, .8fr) minmax(0, 1.3fr); align-items: center; gap: 16px; }
.lc-core-art { position: relative; isolation: isolate; width: 100%; max-width: 160px; justify-self: center; aspect-ratio: 1; }
.lc-core-art img { position: relative; display: block; width: 100%; height: auto; filter: drop-shadow(0 8px 12px #05091755); }
.lc-core-glow { position: absolute; inset: -8%; z-index: -1; opacity: 0; transform: scale(.9); transition: opacity .3s ease, transform .3s ease; border-radius: 50%; }
.lc-core-glow-speed { background: radial-gradient(ellipse, #91f5cb66, #91f5cb12 48%, transparent 70%); }
.lc-core-glow-traffic { background: radial-gradient(ellipse, #b7a0ff77, #b7a0ff12 48%, transparent 70%); }
.lc-core-glow-support { background: radial-gradient(ellipse, #91daff77, #91daff12 48%, transparent 70%); }
.lc-core-benefits { min-width: 0; margin: 0; padding: 0; border: 0; display: grid; gap: 4px; }
.lc-core-benefits a { position: relative; min-width: 0; cursor: pointer; --benefit-color: #abefd1; }
.lc-core-benefits [data-benefit=traffic] { --benefit-color: #c9b7ff; }
.lc-core-benefits [data-benefit=support] { --benefit-color: #a4ddff; }
.lc-core-benefit { display: flex; align-items: center; gap: 10px; min-height: 42px; padding: 4px 9px; border: 1px solid transparent; border-radius: 10px; background: #0a14251a; transition: border-color .2s ease, background .2s ease; }
.lc-core-benefit > span { min-width: 0; }
.lc-core-benefit i { flex: 0 0 24px; color: var(--benefit-color); text-align: center; font-size: 23px; }
.lc-core-benefit strong { display: block; color: var(--text); font-size: 13px; line-height: 1.2; font-weight: 600; }
.lc-core-benefit .lc-core-speed { font-size: 22px; letter-spacing: -.025em; }
.lc-core-benefit small { display: block; margin-top: 2px; color: var(--muted); font-size: 10px; line-height: 1.3; }
.lc-core-benefits a[data-benefit=speed] .lc-core-benefit { border-color: #cfddf12e; background: linear-gradient(115deg, #b4dcc51a, #bab0e90a); }
.lc-core-benefits a:focus-visible .lc-core-benefit { outline: 2px solid var(--benefit-color); outline-offset: 2px; }
.lc-service-core .lc-core-glow-speed { opacity: 1; transform: scale(1); }
#features .lc-inline-links { margin-top: 8px; }
@media (hover: hover) {
  .lc-core-benefits a:hover .lc-core-benefit { border-color: var(--benefit-color); background: #c4dcf015; }
  .lc-service-core:has(a:hover) .lc-core-glow { opacity: 0; transform: scale(.9); }
  .lc-service-core:has([data-benefit=speed]:hover) .lc-core-glow-speed,
  .lc-service-core:has([data-benefit=traffic]:hover) .lc-core-glow-traffic,
  .lc-service-core:has([data-benefit=support]:hover) .lc-core-glow-support { opacity: 1; transform: scale(1); }
}
@media (max-width: 760px), (max-height: 560px) {
  .lc-service-core { gap: 10px; grid-template-columns: minmax(68px, .65fr) minmax(0, 1.35fr); }
  .lc-core-art { max-width: 115px; }
  .lc-core-benefits { gap: 2px; }
  .lc-core-benefit { min-height: 34px; padding: 3px 6px; gap: 7px; }
  .lc-core-benefit i { font-size: 20px; flex-basis: 20px; }
  .lc-core-benefit strong { font-size: 12px; }
  .lc-core-benefit .lc-core-speed { font-size: 18px; }
  .lc-core-benefit small { font-size: 9px; margin-top: 1px; }
  #features .lc-inline-links { margin-top: 5px; }
}
@media (min-width: 761px) and (max-height: 560px) {
  .lc-core-benefit { min-height: 30px; }
  .lc-core-benefit > span { display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 6px; }
  .lc-core-art { max-width: 96px; }
}
@media (min-width: 761px) and (max-height: 560px) {
  #features .lc-inline-links { margin-top: 0; }
  #features .lc-inline-links a { min-height: 20px; }
}
.lc-core-benefits a { display: block; text-decoration: none; border-radius: 10px; }
.lc-service-core:has(.lc-core-benefits a:focus-visible) .lc-core-glow { opacity: 0; transform: scale(.9); }
.lc-service-core:has([data-benefit=speed]:focus-visible) .lc-core-glow-speed,
.lc-service-core:has([data-benefit=traffic]:focus-visible) .lc-core-glow-traffic,
.lc-service-core:has([data-benefit=support]:focus-visible) .lc-core-glow-support { opacity: 1; transform: scale(1); }
.lc-topup-value { display: block; margin-top: 7px; padding: 5px 9px 7px; border: 1px solid #a8efc951; border-radius: 11px; background: linear-gradient(115deg, #9de8bb20, #bcabf211); text-decoration: none; }
.lc-topup-value:hover { border-color: #a8efc999; }
.lc-topup-value:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
.lc-topup-heading { display: flex; align-items: center; gap: 6px; color: #d5ffe7; }
.lc-topup-heading img { flex: 0 0 26px; object-fit: contain; }
.lc-topup-heading strong { font-size: 12px; font-weight: 600; line-height: 1.3; }
.lc-topup-examples { display: flex; flex-wrap: wrap; gap: 4px 16px; margin-top: 2px; }
.lc-topup-example { display: flex; align-items: baseline; gap: 5px; font-size: 10px; color: var(--muted); }
.lc-topup-example strong { font-size: 11px; color: var(--text); font-weight: 500; white-space: nowrap; }
.lc-topup-example[data-best=true] strong { color: var(--accent); font-weight: 700; }
@media (max-width: 760px), (max-height: 560px) {
  .lc-topup-value { margin-top: 4px; padding: 3px 6px 5px; }
  .lc-topup-heading strong { font-size: 11px; }
  .lc-topup-heading img { width: 22px; height: 22px; flex-basis: 22px; }
  .lc-topup-examples { gap: 4px 10px; }
  .lc-topup-example { flex: 1; flex-direction: column; gap: 0; font-size: 9px; }
  .lc-topup-example strong { font-size: 10px; }
}
@media (min-width: 761px) and (max-height: 560px) {
  .lc-topup-example { flex-direction: row; flex-wrap: wrap; gap: 0 4px; }
  .lc-topup-value { padding-block: 2px; margin-top: 2px; }
  .lc-topup-heading img { width: 18px; height: 18px; flex-basis: 18px; }
  .lc-kit-summary { margin-top: 0; }
  .lc-kit-art { height: 43px; }
  .lc-kit-hint { font-size: 8px; margin-top: 0; }
}

/* Editorial headline: static iridescence with a brief, interaction-driven highlight. */
.lc-product { container-type: inline-size; }
.lc-product .lc-editorial-title { margin-block: 17px 18px; letter-spacing: -.045em; line-height: 1.04; }
.lc-title-prefix { display: block; margin-bottom: 2px; color: var(--text); font-size: clamp(34px, 11cqi, 48px); font-weight: 750; line-height: 1.04; letter-spacing: -.045em; }
.lc-title-main { display: block; font-size: clamp(34px, 11cqi, 48px); font-weight: 750; }
.lc-title-accent { display: table; position: relative; padding-bottom: 5px; color: #b7f4d4; white-space: nowrap; }
.lc-title-sheen { display: none; }
@supports (background-clip: text) or (-webkit-background-clip: text) {
  .lc-title-accent { background: linear-gradient(110deg, #99eebf 4%, #d6fff0 38%, #c5b3ff 78%, #ecddff); -webkit-background-clip: text; background-clip: text; color: transparent; }
  .lc-title-sheen { display: block; position: absolute; inset: 0; pointer-events: none; opacity: 0; color: transparent; background: linear-gradient(110deg, transparent 42%, #ffffffdd 50%, transparent 58%); background-size: 260% 100%; background-position: 150% 0; -webkit-background-clip: text; background-clip: text; }
}
.lc-title-accent::after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 2px; border-radius: 50%; background: linear-gradient(90deg, #a5eecd99, #c5b3ff66 65%, transparent); }
@media (max-width: 760px), (max-height: 650px) {
  .lc-product .lc-editorial-title { margin-block: 0 10px; line-height: 1.1; }
  .lc-title-prefix { display: inline; margin: 0; font-size: inherit; letter-spacing: inherit; }
  .lc-title-main { display: inline; font-size: inherit; font-weight: 750; }
  .lc-title-accent { display: inline-block; padding-bottom: 1px; }
  .lc-title-accent::after { height: 1px; opacity: .6; }
}
.lc-title-accent.lc-title-vpn { display: inline-block; padding-bottom: 0; }
.lc-title-vpn::after { display: none; }
@supports (background-clip: text) or (-webkit-background-clip: text) {
  .lc-title-vpn { background-image: linear-gradient(110deg, #c5b3ff, #e4d9ff 35%, #b8f6df 70%, #8fe6b9); }
}
@media (prefers-reduced-motion: reduce) { .lc-title-sheen { display: none; } }
@media (forced-colors: active) {
  .lc-title-accent { color: CanvasText; background: none; }
  .lc-title-sheen, .lc-title-accent::after { display: none; }
}

/* Half-screen laptops: three horizontal cards, retaining the full device artwork. */
@media (min-width: 600px) and (max-width: 1050px) and (min-height: 651px) {
  .landing-cards .container { width: min(calc(100% - 32px), 900px); max-width: none; }
  .landing-cards-main { padding-block: 14px; }
  .lc-grid { grid-template-columns: minmax(0, 1fr); grid-template-areas: 'account' 'product' 'information'; gap: 12px; }
  .landing-cards .header-inner { flex-wrap: nowrap; min-height: 58px; padding-top: 0; gap: 12px; }
  .landing-cards .brand-text { font-size: 14px; letter-spacing: .12em; }
  .landing-cards .brand-mark { width: 22px; height: 22px; }
  .lc-section-nav { order: 0; width: auto; margin-left: auto; border: 0; gap: 14px; font-size: 12px; }
  .lc-header-actions { margin-left: 0; gap: 10px; }
  .lc-nav-login { min-height: 38px; padding: 8px 12px; }
  .lc-account { grid-template-columns: 48px minmax(0, 1fr) minmax(175px, .75fr); padding: 14px 18px; gap: 12px; align-items: center; }
  .lc-card-icon { width: 48px; height: 48px; }
  .lc-kicker { display: none; }
  .lc-account h2 { font-size: clamp(20px, 2.6vw, 25px); margin: 0 0 5px; }
  .lc-account .lc-muted { display: block; font-size: 11px; line-height: 1.4; }
  .lc-account-actions { grid-column: 3; gap: 0; }
  .landing-cards .lc-sign-in { min-height: 44px; padding: 10px; font-size: 12px; }
  .lc-register { padding: 6px; min-height: 28px; font-size: 11px; }
  .lc-product { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: center; gap: 8px 18px; padding: 16px 22px; }
  .lc-product .eyebrow, .lc-product-description { display: none; }
  .lc-product .lc-editorial-title { margin: 0 0 10px; line-height: 1.04; }
  .lc-title-prefix, .lc-title-main { display: block; font-size: clamp(27px, 4.1vw, 38px); line-height: 1.04; }
  .lc-title-main > .lc-title-accent { display: table; padding-bottom: 3px; }
  .lc-price { gap: 7px; }
  .lc-price strong { font-size: 27px; }
  .lc-price span { font-size: 10px; }
  .lc-device-stage { display: grid; padding: 0; gap: 10px; grid-template-columns: minmax(0, 1fr) minmax(0, .32fr); }
  .lc-device-stage .lc-device-art { display: block; max-height: 168px; }
  .lc-device-stage .lc-phone { max-width: 74px; }
  .lc-product-platforms { display: flex; grid-column: 1 / -1; font-size: 10px; gap: 8px; }
  .lc-information { padding: 8px; }
  .lc-tabs button { font-size: 12px; min-height: 38px; padding-block: 8px; }
  .lc-panels { padding: 10px 12px 2px; }
  .lc-panels [role=tabpanel] { min-height: 140px; }
  .lc-service-core { grid-template-columns: minmax(90px, .55fr) minmax(0, 1fr); gap: 18px; }
  .lc-core-art { max-width: 116px; }
  .lc-core-benefits { gap: 2px; }
  .lc-core-benefit { min-height: 34px; padding-block: 3px; }
  .lc-core-benefit .lc-core-speed { font-size: 19px; }
  .lc-core-benefit strong { font-size: 12px; }
  .lc-core-benefit small { font-size: 9px; }
  #features .lc-inline-links { margin-top: 3px; }
  .lc-kit-summary { grid-template-columns: minmax(0, .65fr) minmax(0, 1fr); margin-top: 4px; }
  .lc-kit-art { height: 54px; width: 123px; }
  .lc-kit-hint { margin-top: 3px; font-size: 9px; }
  .lc-topup-value { padding-block: 3px; margin-top: 4px; }
  .lc-topup-examples { flex-wrap: nowrap; gap: 12px; }
  .lc-topup-example { flex-direction: row; gap: 5px; }
  .lc-topup-heading img { width: 22px; height: 22px; flex-basis: 22px; }
  .lc-footer { flex-direction: row; align-items: center; gap: 12px; padding: 6px 150px 12px 0; font-size: 10px; }
  .lc-footer nav { gap: 2px 12px; }
}

/* Keep the overview links near the card's lower edge on wide desktop screens. */
@media (min-width: 1051px) {
  .lc-information { display: flex; flex-direction: column; }
  .lc-information .lc-tabs { flex: 0 0 auto; }
  .lc-information .lc-panels { flex: 1; display: flex; flex-direction: column; }
  #features:not([hidden]) { flex: 1; display: flex; flex-direction: column; }
  #features .lc-inline-links { margin-top: auto; padding-top: 16px; }
}

/* Reserve space for the footer and consent notice inside the visible viewport. */
.landing-cards-shell { --lc-notice-space: 0px; }
.landing-cards-shell:has(.cookie-banner:not([hidden])) { --lc-notice-space: 64px; }
.lc-footer { flex-shrink: 0; padding-block: 8px 12px; }
@media (min-width: 600px) { .lc-footer { padding-right: 150px; } }
.landing-cards .cookie-banner { flex-shrink: 0; }
.lc-card-icon { max-width: clamp(36px, 8dvh, 76px); }
.lc-core-art { max-width: clamp(96px, 17dvh, 160px); }
/* Contain the complete source image when height, rather than width, is limiting. */
.lc-device-stage .lc-device-art { object-fit: contain; }
@media (min-width: 1051px) and (max-height: 900px) {
  .landing-cards-main { padding-block: 12px; }
  .lc-grid { gap: 14px; }
  .lc-account { padding: 20px; gap: 12px; }
  .lc-product { padding: 20px 26px; }
  .lc-product .eyebrow, .lc-product-description { display: none; }
  .lc-product .lc-editorial-title { margin-block: 0 12px; }
  .lc-title-prefix, .lc-title-main { font-size: clamp(30px, 5.2dvh, 46px); }
  .lc-device-stage { --lc-art-height: clamp(120px, calc(100dvh - 470px - var(--lc-notice-space)), 250px); padding-block: 0; }
  .lc-device-stage .lc-device-art { max-height: var(--lc-art-height); }
  .lc-device-stage .lc-phone { max-width: min(112px, calc(var(--lc-art-height) * .44)); }
  .lc-panels { padding-top: 12px; }
  #features .lc-inline-links { padding-top: 8px; }
}
/* Keep every illustration in the composition, including narrow phone screens. */
@media (min-width: 600px) and (max-width: 1050px) and (min-height: 651px) {
  .landing-cards-main { padding-block: clamp(6px, 1.4dvh, 14px); }
  .lc-grid { gap: clamp(6px, 1.3dvh, 12px); }
  .lc-account { padding-block: clamp(8px, 1.5dvh, 14px); }
  .lc-product { padding-block: clamp(10px, 1.8dvh, 16px); }
  .lc-title-prefix, .lc-title-main { font-size: clamp(25px, min(4.1vw, 4.5dvh), 38px); }
  .lc-device-stage .lc-device-art { max-height: clamp(100px, 21dvh, 168px); }
  .lc-device-stage .lc-phone { max-width: clamp(44px, 9dvh, 74px); }
  .lc-core-art { max-width: clamp(90px, 14dvh, 116px); }
}
@media (max-width: 599px), (min-width: 600px) and (max-width: 760px) and (max-height: 650px) {
  .lc-grid { gap: clamp(6px, 1.2dvh, 10px); }
  .lc-product { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, .85fr); align-items: center; gap: clamp(8px, 2vw, 14px); padding: clamp(10px, 1.6dvh, 16px) clamp(12px, 3vw, 18px); }
  .lc-product .lc-editorial-title { font-size: clamp(18px, min(5.5vw, 3.5dvh), 26px); margin-bottom: 8px; }
  .lc-title-prefix, .lc-title-main { display: block; font-size: inherit; }
  .lc-title-main > .lc-title-accent { display: table; }
  .lc-price { gap: 2px 6px; }
  .lc-price strong { font-size: clamp(20px, 5.5vw, 25px); }
  .lc-price span { font-size: 10px; }
  .lc-device-stage { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, .34fr); padding: 0; gap: clamp(4px, 1.5vw, 8px); }
  .lc-device-stage .lc-device-art { display: block; max-height: clamp(80px, 17dvh, 140px); }
  .lc-device-stage .lc-phone { max-width: clamp(30px, min(9vw, 7dvh), 48px); }
  .lc-phone .iphone-mockup { border-width: 2px; }
  .lc-core-art { max-width: clamp(80px, min(25vw, 14dvh), 115px); }
}
@media (max-width: 599px) {
  .landing-cards-main { padding-block: clamp(6px, 1dvh, 10px); }
  .lc-account { padding-block: clamp(10px, 1.6dvh, 14px); }
  /* The last row shares space with the chat launcher, leaving every link free. */
  .lc-footer { display: grid; grid-template-columns: minmax(0, 1fr); gap: 2px; padding: 4px 0 12px; }
  .lc-footer nav { grid-row: 1; gap: 0 12px; }
  .lc-copyright { display: flex; align-items: center; min-height: 32px; padding-right: 145px; }
  .landing-cards .cookie-banner-actions { padding-right: 145px; }
}
@media (max-width: 599px) and (max-height: 800px) {
  .landing-cards-main { padding-block: 6px; }
  .lc-account { padding: 10px 12px; gap: 6px 10px; }
  .lc-account .lc-muted { display: none; }
  .lc-account h2 { margin-bottom: 0; }
  .lc-account-actions { grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr); gap: 8px; align-items: center; }
  .lc-register { display: grid; place-items: center; }
  .landing-cards .lc-sign-in { min-height: 44px; padding-block: 10px; }
  .lc-register { min-height: 28px; padding-block: 6px; }
  .lc-panels { padding-top: 8px; }
  .lc-footer { padding-bottom: 8px; }
  .lc-copyright { min-height: 28px; }
  .lc-section-nav a { min-height: 32px; }
  .lc-kit-art { height: clamp(40px, 6dvh, 48px); width: 105px; }
  .lc-kit-laptop { height: 65%; top: 8%; }
  .lc-kit-tablet { height: 82%; }
  .lc-kit-mobile { height: 65%; }
  .lc-kit-hint { margin-top: 2px; }
}
@media (min-width: 600px) and (max-width: 1050px) and (min-height: 651px) and (max-height: 760px) {
  .landing-cards-main { padding-block: 6px; }
  .lc-grid { gap: 6px; }
  .lc-account { padding-block: 8px; }
  .lc-product { padding-block: 10px; }
  .lc-panels { padding-top: 8px; }
  .lc-core-art { max-width: 96px; }
  .lc-panels { padding-bottom: 0; }
  .lc-kit-summary { margin-top: 0; }
  .lc-kit-art { height: 50px; }
}

/* A clear account entry point with motion only on deliberate interaction. */
.landing-cards .lc-nav-login {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  flex-shrink: 0;
  width: auto;
  min-height: 44px;
  padding: 7px 18px;
  gap: 10px;
  border-radius: 15px;
  border: 1px solid #dcffea85;
  background: linear-gradient(115deg, #a6f0c8 0%, #b4dcd9 48%, #c3b3f4 100%);
  color: #12252b;
  font-weight: 700;
  box-shadow: 0 4px 18px #91d8bd24, inset 0 1px 0 #ffffff85;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.lc-nav-login > span { position: relative; z-index: 1; }
.landing-cards .lc-nav-login::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 0;
  border-radius: inherit;
  background: linear-gradient(110deg, transparent 25%, #ffffff6b 50%, transparent 75%);
  transform: translateX(-130%);
  transition: transform .55s ease;
  pointer-events: none;
}
@media (hover: hover) and (pointer: fine) {
  .landing-cards .lc-nav-login:hover { color: #12252b; transform: translateY(-2px); border-color: #e3ffef; box-shadow: 0 7px 24px #8be0bd40, inset 0 1px 0 #ffffffa6; }
  .landing-cards .lc-nav-login:hover::before { transform: translateX(130%); }
}
.landing-cards .lc-nav-login:focus-visible { outline: 2px solid #dbffe9; outline-offset: 4px; box-shadow: 0 0 0 5px #101723; }
.landing-cards .lc-nav-login:active { transform: translateY(0); box-shadow: inset 0 2px 5px #11251e26; }
@media (max-width: 760px) {
  .landing-cards .lc-nav-login { padding: 6px 14px; gap: 7px; border-radius: 13px; font-size: 12px; }
}
@media (prefers-reduced-motion: reduce) {
  .landing-cards .lc-nav-login { transition: none; }
  .landing-cards .lc-nav-login::before { display: none; }
  .landing-cards .lc-nav-login:hover { transform: none; }
}
@media (forced-colors: active) {
  .landing-cards .lc-nav-login { background: ButtonFace; color: ButtonText; border-color: ButtonText; box-shadow: none; }
  .landing-cards .lc-nav-login::before { display: none; }
  .landing-cards .lc-nav-login:focus-visible { outline-color: Highlight; }
}

/* Dimensional account card: the existing shield, an optical halo and real account links. */
.lc-account--dimensional {
  grid-template-columns: clamp(90px, 14dvh, 124px) minmax(0, 1fr);
  gap: 10px 16px;
  padding: clamp(12px, 2dvh, 20px) 20px;
  align-items: center;
}
.lc-account-art { position: relative; display: grid; place-items: center; width: 100%; aspect-ratio: 1; isolation: isolate; }
.lc-account-art::before, .lc-account-art::after {
  content: ''; position: absolute; inset: auto; top: 50%; left: 50%; width: 110%; height: auto;
  aspect-ratio: 1; transform: translate(-50%, -50%); border-radius: 50%; pointer-events: none;
  transition: opacity .4s ease;
}
/* The rear shell supplies depth; the front reflections sit over the shield. */
.lc-account-art::before {
  z-index: 0; opacity: .9;
  background:
    radial-gradient(ellipse at 27% 18%, #ddfaff40, transparent 38%),
    radial-gradient(ellipse at 76% 82%, #bba5ff30, transparent 48%),
    radial-gradient(circle closest-side at 50% 50%, #18324708 55%, #789cbd26 80%, #bedefb54 96%, #b6d8f12b);
  box-shadow: inset 0 0 8px #d9f5ff26, inset 0 0 12px #8fa4d52e, 0 0 12px #050d2429;
}
.lc-account-art::after {
  z-index: 2; opacity: .85;
  background:
    radial-gradient(circle at 27% 22%, #edffff63, #d1faff26 9%, transparent 22%),
    radial-gradient(ellipse 9% 26% at 9% 34%, #c9f6ff63, transparent 76%),
    radial-gradient(circle at 75% 78%, #b5cfff40, transparent 24%),
    radial-gradient(circle closest-side, transparent 88%, #c1eaff1c 96%, transparent 100%);
  box-shadow: inset 0 0 1px 1px #ddf6ff38;
}
.lc-account-art img { position: relative; z-index: 1; width: 100%; height: auto; filter: drop-shadow(0 8px 12px #6d75b533); }
.lc-account--dimensional h2 { margin: 0 0 6px; font-size: clamp(21px, 2vw, 27px); line-height: 1.12; letter-spacing: -.035em; text-wrap: balance; }
.lc-account-copy h2 > span { color: #b9efd9; }
@supports (background-clip: text) or (-webkit-background-clip: text) {
  .lc-account-copy h2 > span { background: linear-gradient(110deg, #a3edc9, #c2e2ed 45%, #cab4fa); background-clip: text; -webkit-background-clip: text; color: transparent; }
}
.lc-account--dimensional .lc-muted { display: block; font-size: 12px; line-height: 1.4; }
.lc-account-capabilities { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 5px; padding: 0; margin: 10px 0 0; list-style: none; }
.lc-account-capabilities li { min-width: 0; }
.lc-account-capabilities a {
  display: flex; align-items: center; justify-content: center; gap: 5px; min-height: 34px; padding: 5px 3px;
  border: 1px solid #bfd8f22e; border-radius: 9px; background: #0c162633; color: #d5deeb;
  font-size: 10px; line-height: 1.25; transition: border-color .2s ease, background .2s ease;
}
.lc-account-capabilities i { color: #b8e8e2; font-size: 15px; }
.lc-account-capabilities li:nth-child(2) i { color: #c6b3f5; }
.lc-account-capabilities a:hover { border-color: #b4edcf88; background: #b4edcf12; }
.lc-account-capabilities a:focus-visible, .lc-account--dimensional .lc-register:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }
.lc-account--dimensional .lc-account-actions { grid-column: 1 / -1; gap: 2px; padding-top: 10px; border-top: 1px solid #b7d8ee24; }
.landing-cards .lc-account--dimensional .lc-sign-in { min-height: 44px; padding: 10px 14px; font-size: 13px; box-shadow: 0 6px 22px #7be6b21c, inset 0 1px 0 #eefff680; }
.lc-account--dimensional .lc-register { min-height: 26px; padding: 4px 8px; font-size: 11px; }
.lc-account-glint { position: absolute; inset: 0; border-radius: inherit; pointer-events: none; opacity: 0; background: linear-gradient(115deg, transparent 30%, #dcfff514 48%, transparent 65%); }
@keyframes lc-account-light { 0% { opacity: 0; transform: translateX(-80%); } 35% { opacity: 1; } 100% { opacity: 0; transform: translateX(80%); } }
@media (hover: hover) and (pointer: fine) {
  .lc-account--dimensional:hover .lc-account-glint { animation: lc-account-light 1s ease-out; }
  .lc-account--dimensional:hover .lc-account-art::before,
  .lc-account--dimensional:hover .lc-account-art::after { opacity: 1; }
}
@media (min-width: 600px) and (max-width: 1050px) and (min-height: 651px) {
  .lc-account--dimensional { grid-template-columns: clamp(60px, 9dvh, 76px) minmax(0, 1fr) minmax(160px, .65fr); padding: 10px 16px; gap: 10px; }
  .lc-account--dimensional h2 { font-size: clamp(19px, 2.5vw, 23px); margin-bottom: 4px; }
  .lc-account--dimensional .lc-muted { font-size: 11px; }
  .lc-account-capabilities { margin-top: 7px; gap: 4px; }
  .lc-account-capabilities a { min-height: 28px; font-size: 10px; gap: 4px; }
  .lc-account-capabilities i { font-size: 13px; }
  .lc-account--dimensional .lc-account-actions { grid-column: 3; padding-top: 0; border-top: 0; }
  .landing-cards .lc-account--dimensional .lc-sign-in { font-size: 12px; padding-inline: 8px; }
}
@media (max-width: 599px), (min-width: 600px) and (max-width: 760px) and (max-height: 650px) {
  .lc-account--dimensional { grid-template-columns: clamp(54px, 17vw, 76px) minmax(0, 1fr); gap: 8px 12px; padding: 12px; }
  .lc-account--dimensional h2 { font-size: clamp(17px, 4.6vw, 23px); margin-bottom: 4px; }
  .lc-account--dimensional .lc-muted { font-size: 11px; }
  .lc-account-capabilities { gap: 4px; margin-top: 6px; }
  .lc-account-capabilities a { min-height: 28px; padding: 4px 2px; gap: 3px; font-size: 9px; }
  .lc-account-capabilities i { font-size: 12px; }
  .lc-account--dimensional .lc-account-actions { padding-top: 8px; }
  .landing-cards .lc-account--dimensional .lc-sign-in { font-size: 12px; padding: 8px; }
}
@media (max-width: 599px) and (max-height: 800px) {
  .lc-account--dimensional { padding-block: 5px; gap: 4px 10px; }
  .lc-account--dimensional .lc-muted { display: none; }
  .lc-account--dimensional .lc-account-actions { gap: 8px; padding-top: 4px; }
  .lc-account-capabilities { margin-top: 4px; }
}
@media (max-width: 599px) and (max-height: 700px) {
  .lc-account--dimensional { grid-template-columns: 54px minmax(0, 1fr); }
  .lc-account--dimensional .lc-account-actions { padding-top: 3px; }
}
@media (min-width: 600px) and (max-width: 1050px) and (min-height: 651px) and (max-height: 760px) {
  .lc-account--dimensional { padding-block: 8px; }
}
@media (min-width: 761px) and (max-height: 650px) {
  .lc-account--dimensional { grid-template-columns: 68px minmax(0, 1fr); padding: 12px; gap: 8px 12px; }
  .lc-account--dimensional h2 { font-size: 20px; }
  .lc-account--dimensional .lc-muted { font-size: 11px; }
  .lc-account-capabilities { margin-top: 6px; }
  .lc-account-capabilities a { min-height: 28px; }
  .lc-account--dimensional .lc-account-actions { grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr); align-items: center; padding-top: 8px; }
}
@media (prefers-reduced-motion: reduce) {
  .lc-account-glint { display: none; }
  .lc-account-art::before, .lc-account-art::after { transition: none; }
}
@media (forced-colors: active) {
  .lc-account-copy h2 > span { color: CanvasText; background: none; }
  .lc-account-capabilities a { border-color: ButtonText; }
  .lc-account-art::before, .lc-account-art::after, .lc-account-glint { display: none; }
}

/* Overlay all panels in one grid track, sized by the tallest panel at this width.
   Visibility keeps hidden content out of focus/navigation without collapsing its space. */
.lc-information .lc-panels { display: grid; grid-template-columns: minmax(0, 1fr); }
.lc-information .lc-panels > [role="tabpanel"] { grid-area: 1 / 1; display: flex; flex-direction: column; min-width: 0; }
.lc-information .lc-panels > [role="tabpanel"][hidden] { display: flex; visibility: hidden; pointer-events: none; }
.lc-information .lc-panels > [role="tabpanel"] > .lc-inline-links { margin-top: auto; padding-top: 8px; }