/* TL Menu Tag: same visual language as tlmenu.de (navy, Manrope, mint/blue gradients) */
:root {
  --bg: #0b1422;
  --panel: #111e30;
  --panel-2: #0e1a2b;
  --card: linear-gradient(130deg, #172b40, #122439);
  --line: rgba(164, 199, 224, .16);
  --line-soft: rgba(164, 199, 224, .09);
  --text: #f3f8ff;
  --soft: #b9c9d8;
  --muted: #99aabd;
  --dim: #7892a9;
  --blue: #7cb8ff;
  --cyan: #45e0d0;
  --mint: #7be9bd;
  --danger: #ff8597;
  --ink: #102639;
  --btn: linear-gradient(110deg, #c6e6ff, #b1f1df);
  --tl: linear-gradient(110deg, #9197ff 0%, #66bfea 45%, #7be9bd 95%);
  --font: Manrope, Inter, 'Segoe UI', sans-serif;
  color-scheme: dark;
}
*, *::before, *::after { box-sizing: border-box; }
html, body { margin: 0; }
[hidden] { display: none !important; }
body.app {
  min-height: 100vh; background: var(--bg); color: var(--text);
  font: 15px/1.6 var(--font); -webkit-font-smoothing: antialiased; overflow-x: hidden;
}
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; color: inherit; }
::selection { background: rgba(124, 184, 255, .35); }

.eyebrow { display: block; font-size: 10px; font-weight: 700; letter-spacing: 2.4px; text-transform: uppercase; color: var(--cyan); margin-bottom: 20px; }
.silver { background: linear-gradient(100deg, #e6f1fc, #93abca); -webkit-background-clip: text; background-clip: text; color: transparent; }
.blue-word { background: var(--tl); -webkit-background-clip: text; background-clip: text; color: transparent; }
.dot { display: inline-block; width: 5px; height: 5px; border-radius: 50%; background: var(--mint); box-shadow: 0 0 10px var(--mint); }

/* soft halo background (like the tlmenu.de hero) */
.glow-bg { position: fixed; inset: 0; z-index: -1; pointer-events: none; overflow: hidden; }
.glow-bg::before {
  content: ""; position: absolute; width: 760px; height: 760px; right: -160px; top: -60px; border-radius: 50%;
  background: radial-gradient(circle, rgba(31, 162, 165, .17), rgba(18, 107, 124, .07) 35%, transparent 70%); filter: blur(50px);
}
.glow-bg::after {
  content: ""; position: absolute; width: 640px; height: 640px; left: -260px; bottom: -260px; border-radius: 50%;
  background: radial-gradient(circle, rgba(118, 65, 236, .13), transparent 65%); filter: blur(60px);
}

/* ---------- buttons & inputs ---------- */
.button, .btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 18px; min-height: 46px; padding: 0 20px;
  border: 0; border-radius: 7px; background: var(--btn); color: var(--ink); font-size: 12px; font-weight: 800; white-space: nowrap;
  cursor: pointer; box-shadow: 0 0 35px rgba(95, 217, 208, .08), inset 0 1px 1px rgba(255, 255, 255, .55);
  transition: transform .25s, box-shadow .25s, background .25s, border-color .25s;
}
.button span, .btn span { font-size: 17px; font-weight: 500; line-height: 1; }
.button:hover, .btn:hover { transform: translateY(-2px); box-shadow: 0 0 45px rgba(95, 217, 208, .25), inset 0 1px 1px rgba(255, 255, 255, .55); }
.btn:disabled { opacity: .5; cursor: default; transform: none; }
.btn.ghost, .button.ghost { background: rgba(17, 30, 48, .7); color: var(--soft); border: 1px solid var(--line); box-shadow: none; }
.btn.ghost:hover, .button.ghost:hover { border-color: rgba(124, 184, 255, .45); color: var(--text); box-shadow: 0 0 30px rgba(124, 184, 255, .12); }
.btn.danger { background: rgba(255, 133, 151, .08); color: var(--danger); border: 1px solid rgba(255, 133, 151, .3); box-shadow: none; }
.btn.danger:hover { border-color: var(--danger); box-shadow: 0 0 30px rgba(255, 133, 151, .15); }
.btn.sm, .button.small { min-height: 34px; padding: 0 13px; font-size: 11px; gap: 9px; }
.text-button { display: inline-flex; align-items: center; gap: 12px; font-size: 12px; font-weight: 700; color: var(--soft); background: none; border: 0; cursor: pointer; }
.text-button i { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; border: 1px solid var(--line); font-size: 10px; transition: border-color .25s; }
.text-button:hover i { border-color: var(--mint); color: var(--mint); }
.icon-btn { background: none; border: 1px solid transparent; color: var(--dim); cursor: pointer; padding: 6px 9px; border-radius: 7px; transition: color .2s, border-color .2s; }
.icon-btn:hover:not(:disabled) { color: var(--text); border-color: var(--line); }
.icon-btn:disabled { opacity: .3; cursor: default; }

.input, select.input, textarea.input {
  width: 100%; padding: 12px 13px; border-radius: 7px; background: var(--panel-2); border: 1px solid var(--line);
  outline: none; font-size: 14px; transition: border-color .2s, box-shadow .2s;
}
.input::placeholder { color: #5f7690; }
.input:focus { border-color: rgba(124, 184, 255, .6); box-shadow: 0 0 0 3px rgba(124, 184, 255, .13); }
textarea.input { resize: vertical; min-height: 100px; line-height: 1.7; }
select.input {
  appearance: none; padding-right: 36px; cursor: pointer;
  background-image: linear-gradient(45deg, transparent 50%, var(--muted) 50%), linear-gradient(135deg, var(--muted) 50%, transparent 50%);
  background-position: calc(100% - 18px) 50%, calc(100% - 13px) 50%; background-size: 5px 5px; background-repeat: no-repeat;
}
select.input option { background: var(--panel); }
label.field { display: block; }
label.field > span, .field-label { display: block; font-size: 9.5px; font-weight: 700; letter-spacing: 1.9px; text-transform: uppercase; color: #8ba8bc; margin-bottom: 8px; }
.hint { font-size: 12.5px; color: var(--dim); margin-top: 8px; line-height: 1.7; }
.hint a, .desc a { color: var(--blue); }
.err { color: var(--danger); font-size: 13px; font-weight: 600; min-height: 1.2em; }

/* ---------- brand & header ---------- */
.brand { display: inline-flex; gap: 10px; align-items: center; font-size: 19px; font-weight: 800; letter-spacing: -.8px; white-space: nowrap; }
.brand img { width: 30px; height: 30px; }
.brand sup { font-size: 8px; font-weight: 800; letter-spacing: 1.6px; color: var(--mint); margin-left: 2px; vertical-align: super; }
.header {
  position: sticky; top: 0; z-index: 20; height: 78px; display: flex; align-items: center; gap: 30px;
  padding: 0 max(28px, calc((100vw - 1180px) / 2)); background: rgba(11, 20, 34, .72); backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px);
  border-bottom: 1px solid var(--line-soft);
}
.header nav { display: flex; gap: 28px; margin: auto; font-size: 12px; font-weight: 500; color: var(--soft); }
.header nav a { transition: color .2s; }
.header nav a:hover { color: var(--text); }
.header-menu { display: flex; flex: 1; min-width: 0; align-items: center; }
.header-actions { display: flex; gap: 10px; align-items: center; }
.menu-toggle { display: none; }

/* ---------- landing ---------- */
.wrap { max-width: 1180px; margin: 0 auto; padding: 0 28px; }
.hero { position: relative; display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); gap: 60px; align-items: center; padding: 90px 0 110px; }
.pill { display: inline-flex; align-items: center; gap: 10px; padding: 8px 14px; border-radius: 99px; background: rgba(17, 30, 48, .75); border: 1px solid var(--line); font-size: 11px; font-weight: 600; color: var(--soft); margin-bottom: 30px; }
.hero h1 { font-size: clamp(3.2rem, 8.2vw, 6.6rem); font-weight: 600; line-height: 1.03; letter-spacing: -.058em; margin: 0; }
.hero .lead { margin: 28px 0 0; font-size: 15px; line-height: 1.9; color: var(--muted); max-width: 440px; }
.hero .lead b { color: var(--text); font-weight: 700; }
.claim {
  display: flex; align-items: center; gap: 6px; max-width: 500px; margin-top: 34px; padding: 6px 6px 6px 16px;
  background: rgba(14, 26, 43, .85); border: 1px solid var(--line); border-radius: 10px; transition: border-color .2s, box-shadow .2s;
}
.claim:focus-within { border-color: rgba(124, 184, 255, .55); box-shadow: 0 0 0 4px rgba(124, 184, 255, .1), 0 0 40px rgba(95, 217, 208, .1); }
.claim .prefix { font-size: 14px; font-weight: 600; color: var(--dim); white-space: nowrap; }
.claim input { flex: 1; min-width: 0; background: none; border: 0; outline: none; padding: 10px 0; font-size: 15px; font-weight: 700; }
.claim input::placeholder { color: #4f6680; }
.claim-msg { display: flex; align-items: center; gap: 10px; margin-top: 16px; font-size: 10px; font-weight: 700; letter-spacing: 1.6px; text-transform: uppercase; color: var(--dim); min-height: 16px; }
.claim-msg.ok { color: var(--mint); } .claim-msg.bad { color: var(--danger); }

/* preview card */
.mock-wrap { position: relative; justify-self: center; width: min(390px, 100%); }
.mock {
  position: relative; padding: 24px 24px 0; border-radius: 16px; background: var(--card); border: 1px solid var(--line);
  box-shadow: 0 0 80px -20px rgba(69, 224, 208, .3), 0 40px 80px -40px #000; animation: float 7s ease-in-out infinite;
}
@keyframes float { 50% { transform: translateY(-10px); } }
.mock-head { display: flex; gap: 14px; align-items: center; }
.mock-av { width: 62px; height: 62px; border-radius: 18px; flex: none; background: linear-gradient(135deg, #7641ec, #0874ec 42%, #13cdb5 72%, #b6f785); box-shadow: 0 0 30px -6px rgba(69, 224, 208, .6); position: relative; }
.mock-av::after { content: ""; position: absolute; inset: 17px 18px 13px; border-radius: 50% 50% 42% 42%; background: rgba(11, 20, 34, .45); }
.mock-name { font-size: 1.55rem; font-weight: 600; letter-spacing: -.05em; line-height: 1; }
.mock-name i { color: #facc15; font-size: .8rem; margin-left: 6px; vertical-align: middle; }
.mock-handle { font-size: 12px; color: var(--dim); margin-top: 6px; font-weight: 500; }
.mock-bio { margin: 14px 0 0; color: var(--muted); font-size: 13px; }
.mock-menu { margin: 18px -24px 0; border-top: 1px solid var(--line); }
.mock-item { display: flex; align-items: center; gap: 11px; padding: 13px 24px; border-bottom: 1px solid var(--line); font-size: 14px; font-weight: 600; }
.mock-item .no { font-size: 8.5px; font-weight: 700; letter-spacing: 1.5px; color: #85a8bd; }
.mock-item i { width: 18px; text-align: center; color: #cfe0f0; }
.mock-item .dots { flex: 1; height: 1em; border-bottom: 1px dashed rgba(164, 199, 224, .2); transform: translateY(-.3em); }
.mock-item .val { font-size: 10.5px; color: var(--dim); font-weight: 500; }
.mock-item .go { color: #789eb8; font-size: 11px; }
.mock-item.hot { background: linear-gradient(90deg, rgba(123, 233, 189, .13), rgba(123, 233, 189, .02)); }
.mock-item.hot .go { color: var(--mint); }
.mock-foot { display: flex; justify-content: space-between; align-items: center; padding: 13px 0 15px; font-size: 8.5px; font-weight: 700; letter-spacing: 1.7px; color: var(--dim); }
.mock-foot b { display: inline-flex; align-items: center; gap: 6px; font-size: 11px; letter-spacing: 0; color: var(--soft); }
.mock-foot b img { width: 14px; height: 14px; }
.float-label {
  position: absolute; z-index: 2; display: inline-flex; align-items: center; gap: 8px; padding: 9px 13px; border-radius: 9px;
  background: rgba(18, 39, 57, .92); border: 1px solid var(--line); font-size: 10.5px; font-weight: 700; color: var(--soft);
  box-shadow: 0 20px 40px -20px #000; animation: float 6s ease-in-out infinite;
}
.float-label.l1 { left: -46px; top: 38%; }
.float-label.l2 { right: -30px; bottom: 54px; animation-delay: -3s; }
.float-label i { color: var(--mint); }

/* ribbon */
.feature-ribbon { overflow: hidden; border-block: 1px solid var(--line); padding: 26px 0; background: linear-gradient(90deg, rgba(19, 36, 60, .4), rgba(22, 59, 65, .4)); transform: rotate(-2deg); margin: 10px -10px 0; }
.ribbon-track { display: flex; width: max-content; animation: marquee 40s linear infinite; }
.ribbon-track span { font-size: 21px; font-weight: 600; letter-spacing: -.03em; color: #69d5bf; margin-inline: 34px; white-space: nowrap; }
.ribbon-track span::before { content: "✦"; margin-right: 34px; color: rgba(105, 213, 191, .45); font-size: .7em; vertical-align: .15em; }
@keyframes marquee { to { transform: translateX(-50%); } }

/* sections */
.section { padding: 120px 0 0; }
.section-head { display: flex; justify-content: space-between; align-items: end; gap: 24px; flex-wrap: wrap; margin-bottom: 44px; }
.section-head h2 { margin: 0; font-size: clamp(2.3rem, 5vw, 4rem); font-weight: 600; letter-spacing: -.055em; line-height: 1.05; }
.section-head p { margin: 0; max-width: 360px; color: var(--muted); font-size: 14px; line-height: 1.9; }
.features { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.feature-card { position: relative; overflow: hidden; background: var(--card); border: 1px solid var(--line); border-radius: 13px; padding: 28px; min-height: 250px; display: flex; flex-direction: column; transition: border-color .3s, transform .3s; }
.feature-card:hover { border-color: rgba(123, 233, 189, .35); transform: translateY(-3px); }
.feature-card::after { content: ""; position: absolute; width: 220px; height: 220px; right: -90px; top: -90px; border-radius: 50%; background: radial-gradient(circle, rgba(69, 224, 208, .12), transparent 70%); }
.card-index { font-size: 8.5px; font-weight: 700; letter-spacing: 1.8px; color: #85a8bd; }
.feature-card h3 { margin: 22px 0 0; font-size: 25px; font-weight: 600; letter-spacing: -.045em; line-height: 1.15; }
.feature-card p { font-size: 13px; line-height: 1.9; color: var(--muted); margin: 14px 0 0; max-width: 300px; }
.feature-card .fi { margin-top: auto; padding-top: 22px; display: flex; gap: 8px; flex-wrap: wrap; }
.chip { display: inline-flex; align-items: center; gap: 7px; padding: 6px 10px; border-radius: 7px; background: rgba(11, 20, 34, .55); border: 1px solid var(--line); font-size: 10.5px; font-weight: 600; color: var(--soft); }
.chip i { color: var(--mint); font-size: 10px; }

.steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.step { padding: 28px; border-radius: 13px; background: var(--card); border: 1px solid var(--line); }
.step .n { font-size: 11px; font-weight: 800; letter-spacing: 1.5px; background: var(--tl); -webkit-background-clip: text; background-clip: text; color: transparent; }
.step h3 { margin: 18px 0 8px; font-size: 19px; font-weight: 700; letter-spacing: -.03em; }
.step p { margin: 0; font-size: 13px; color: var(--muted); line-height: 1.85; }
.step code { font: 700 12px var(--font); color: var(--mint); }

.plans { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; max-width: 900px; }
.plan { display: flex; flex-direction: column; padding: 30px; border-radius: 16px; background: var(--card); border: 1px solid var(--line); }
.plan.pro { border-color: rgba(123, 233, 189, .4); box-shadow: 0 0 80px -30px rgba(69, 224, 208, .45); background: radial-gradient(circle at 100% 0%, rgba(69, 224, 208, .14), transparent 50%), var(--card); }
.plan.pro .card-index { color: var(--mint); }
.plan-price { margin: 16px 0 6px; display: flex; align-items: baseline; gap: 10px; }
.plan-price b { font-size: 46px; font-weight: 700; letter-spacing: -.05em; line-height: 1; }
.plan.pro .plan-price b { background: var(--tl); -webkit-background-clip: text; background-clip: text; color: transparent; }
.plan-price span { font-size: 13px; font-weight: 600; color: var(--dim); }
.plan ul { list-style: none; margin: 18px 0 26px; padding: 0; display: grid; gap: 11px; font-size: 13.5px; color: var(--soft); }
.plan li { display: flex; gap: 11px; align-items: baseline; }
.plan li i { color: var(--mint); font-size: 11px; }
.plan li b { color: var(--text); }
.plan .btn { margin-top: auto; }

.faq { display: grid; grid-template-columns: 1fr 1.2fr; gap: 80px; }
.faq-list details { border-bottom: 1px solid var(--line); }
.faq-list summary { list-style: none; display: flex; align-items: center; justify-content: space-between; gap: 20px; cursor: pointer; padding: 22px 0; font-size: 14px; font-weight: 600; }
.faq-list summary::-webkit-details-marker { display: none; }
.faq-list summary span { font-size: 20px; color: #789eb8; transition: transform .25s; }
.faq-list details[open] summary span { transform: rotate(45deg); color: var(--mint); }
.faq-list details p { margin: 0; font-size: 13px; line-height: 1.9; color: var(--muted); padding: 0 30px 22px 0; }

.cta { text-align: center; padding: 140px 0 40px; }
.cta h2 { margin: 0 0 34px; font-size: clamp(2.6rem, 6.4vw, 5.2rem); font-weight: 600; letter-spacing: -.058em; line-height: 1.04; }

.footer { margin-top: 80px; border-top: 1px solid var(--line); }
.footer-row { display: flex; justify-content: space-between; align-items: center; gap: 20px; flex-wrap: wrap; padding: 32px 0 30px; font-size: 11px; color: var(--dim); }
.footer-row nav { display: flex; gap: 22px; }
.footer-row a:hover { color: var(--text); }

/* ---------- auth ---------- */
.auth-wrap { min-height: calc(100vh - 78px); display: grid; place-items: center; padding: 40px 18px; }
.auth-card { width: min(430px, 100%); padding: 34px 30px; border-radius: 16px; background: var(--card); border: 1px solid var(--line); box-shadow: 0 0 90px -30px rgba(69, 224, 208, .3), 0 40px 80px -40px #000; }
.auth-card h1 { margin: 0 0 10px; font-size: 2.5rem; font-weight: 600; line-height: 1.05; letter-spacing: -.055em; }
.auth-card .sub { color: var(--muted); margin: 0 0 26px; font-size: 13.5px; line-height: 1.8; }
.auth-card form { display: grid; gap: 16px; }
.auth-card .btn { width: 100%; min-height: 50px; margin-top: 4px; }
.auth-alt { margin-top: 24px; padding-top: 20px; border-top: 1px solid var(--line); font-size: 12.5px; color: var(--dim); text-align: center; }
.auth-alt a { color: var(--mint); font-weight: 700; }
.input-prefix { display: flex; align-items: center; background: var(--panel-2); border: 1px solid var(--line); border-radius: 7px; padding-left: 13px; transition: border-color .2s, box-shadow .2s; }
.input-prefix:focus-within { border-color: rgba(124, 184, 255, .6); box-shadow: 0 0 0 3px rgba(124, 184, 255, .13); }
.input-prefix span { font-size: 13.5px; font-weight: 600; color: var(--dim); white-space: nowrap; }
.input-prefix .input { border: 0; background: none; box-shadow: none !important; padding-left: 1px; font-weight: 700; }

/* ---------- missing page ---------- */
.missing { min-height: 100vh; display: grid; place-items: center; padding: 24px; text-align: center; }
.missing-card { max-width: 640px; }
.missing h1 { margin: 0 0 18px; font-size: clamp(2.6rem, 8vw, 5rem); font-weight: 600; line-height: 1.04; letter-spacing: -.058em; word-break: break-word; }
.missing p { color: var(--muted); margin: 0 0 32px; font-size: 15px; line-height: 1.8; }

@media (max-width: 1000px) {
  .hero { grid-template-columns: 1fr; padding-top: 60px; gap: 80px; }
  .mock-wrap { justify-self: start; margin-left: 40px; }
  .features, .steps, .plans { grid-template-columns: 1fr; }
  .faq { grid-template-columns: 1fr; gap: 30px; }
  .menu-toggle {
    display: inline-flex; align-items: center; justify-content: center; flex: 0 0 40px; width: 40px; height: 40px;
    margin-left: auto; padding: 0; border: 1px solid rgba(123, 233, 189, .28); border-radius: 12px;
    background: linear-gradient(145deg, rgba(24, 43, 65, .96), rgba(13, 25, 42, .96));
    color: var(--mint); font-size: 16px; cursor: pointer; box-shadow: 0 5px 18px rgba(0, 0, 0, .2);
    transition: border-color .2s, box-shadow .2s, transform .2s;
  }
  .menu-toggle:hover, .menu-toggle:focus-visible {
    border-color: rgba(123, 233, 189, .65); box-shadow: 0 0 0 3px rgba(123, 233, 189, .1); outline: none;
  }
  .header-menu {
    display: none; position: absolute; top: calc(100% + 9px); right: 14px; z-index: 30;
    width: min(280px, calc(100vw - 28px)); max-height: calc(100vh - 88px); overflow-y: auto;
    flex-direction: column; align-items: stretch; gap: 8px; padding: 11px;
    border: 1px solid rgba(123, 233, 189, .18); border-radius: 16px;
    background: linear-gradient(155deg, rgba(20, 39, 60, .98), rgba(10, 19, 32, .98));
    box-shadow: 0 22px 55px rgba(0, 0, 0, .48), 0 0 28px rgba(95, 217, 208, .07);
    backdrop-filter: blur(22px); -webkit-backdrop-filter: blur(22px); transform-origin: top right;
  }
  .header.nav-open .header-menu { display: flex; animation: menu-drop .18s ease-out both; }
  .header-menu nav { display: flex; flex-direction: column; align-items: stretch; gap: 3px; margin: 0; font-size: 13px; }
  .header-menu nav a { display: flex; align-items: center; min-height: 44px; padding: 0 13px; border-radius: 10px; color: var(--soft); }
  .header-menu nav a:hover, .header-menu nav a:focus-visible { background: rgba(123, 233, 189, .08); color: var(--text); outline: none; }
  .header-menu nav a + a { border-top: 1px solid rgba(255, 255, 255, .035); }
  .header-actions { display: flex; align-items: center; gap: 6px; margin-left: auto; }
  #navLinks .btn.sm { display: inline-flex; align-items: center; justify-content: center; min-height: 36px; padding: 0 10px; font-size: 11px; white-space: nowrap; }
  @keyframes menu-drop { from { opacity: 0; transform: translateY(-7px) scale(.985); } to { opacity: 1; transform: translateY(0) scale(1); } }
}
@media (max-width: 560px) {
  .header { height: 66px; padding: 0 14px; gap: 8px; }
  .header-menu { right: 12px; width: min(320px, calc(100vw - 24px)); max-height: calc(100vh - 78px); }
  .menu-toggle { flex-basis: 38px; width: 38px; height: 38px; margin-left: 0; }
  #navLinks .btn.sm { min-height: 34px; padding: 0 8px; font-size: 10px; }
  .brand { font-size: 15.5px; gap: 8px; }
  .wrap { padding: 0 18px; }
  .claim { flex-wrap: wrap; padding: 10px 10px 10px 14px; }
  .claim .btn { width: 100%; }
  .mock-wrap { margin-left: 0; }
  .float-label.l1 { left: -6px; top: -26px; }
  .float-label.l2 { right: -6px; }
  .section { padding-top: 90px; }
}
@media (max-width: 360px) {
  .header { padding: 0 8px; gap: 4px; }
  .brand { gap: 6px; font-size: 14px; }
  .brand img { width: 24px; height: 24px; }
  .brand sup { font-size: 7px; letter-spacing: 1px; }
  #navLinks { gap: 4px; }
  #navLinks .btn.sm { padding: 0 6px; font-size: 9px; }
  .menu-toggle { flex-basis: 32px; width: 32px; height: 34px; border-radius: 10px; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition: none !important; }
}

.captcha-field .captcha-row { margin-bottom: 9px; }
.captcha-row { display: flex; align-items: center; gap: 8px; }
.captcha-image { display: block; flex: 1; width: 100%; height: 66px; border: 1px solid var(--line); border-radius: 8px; background: var(--panel-2); }
.captcha-refresh { display: grid; place-items: center; flex: 0 0 42px; width: 42px; height: 42px; border: 1px solid var(--line); color: var(--mint); font-size: 15px; }
.captcha-refresh:disabled { opacity: .45; cursor: wait; }
.captcha-help { display: block; margin-top: 7px; color: var(--dim); font-size: 11px; line-height: 1.5; }
.captcha-trap { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; }
/* TL Menu Tag: a personal profile is the product, not decoration. */
:root{--bg:#1e2a38;--panel:#273a4b;--panel-2:#182432;--text:#edf2f5;--soft:#cad7df;--dim:#b4c5d0;--mint:#a5e3d2;--blue:#9cbded;--line:#627989;--card:#273a4b}
html{scrollbar-color:#92cbbb #1e2a38;scrollbar-width:thin;scroll-behavior:smooth;scroll-padding-top:86px}*{box-sizing:border-box}*::-webkit-scrollbar{width:7px;height:7px}*::-webkit-scrollbar-thumb{background:#92cbbb;border-radius:99px}*::-webkit-scrollbar-button{display:none;width:0;height:0}body.app{background:var(--bg);font-family:Manrope,system-ui,sans-serif;color:var(--text);overflow-x:clip}.glow-bg{display:none}button,input,textarea,select{font:inherit}button,a,input{touch-action:manipulation}a{color:inherit}button{cursor:pointer}button:disabled{cursor:default}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--mint);outline-offset:4px}.input:focus{box-shadow:none}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;flex:none}button,a{transition:background .18s,color .18s,transform .18s}.btn,.btn.ghost,.menu-toggle{background:var(--mint);color:#17362e;border:0;box-shadow:none;min-height:46px;border-radius:999px;padding:12px 21px;display:inline-flex;align-items:center;justify-content:center;gap:8px;line-height:1.25;font-size:14px;font-weight:700;white-space:normal}.btn.ghost{background:#314556;color:var(--text)}.btn:hover,.btn.ghost:hover{background:#c2eddf;box-shadow:none;color:#17362e;transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn.sm{min-height:42px;padding:10px 18px;font-size:13px}.header{height:82px;background:var(--bg);border:0;box-shadow:none;backdrop-filter:none;max-width:1440px;margin:auto;gap:24px;padding-inline:40px}.brand{font-size:20px;gap:10px;font-weight:800}.brand img{height:36px;width:36px;flex:none}.tag-word{font-weight:500;color:var(--mint);font-size:14px}.header-menu{position:static;display:block;background:none;border:0;box-shadow:none;backdrop-filter:none;padding:0;max-height:none;width:auto}.header-menu nav{display:flex;gap:26px;align-items:center;font-size:13px}.header-menu nav a{border:0;padding:10px 0;min-height:42px}.header-actions{margin-left:auto;display:flex;gap:10px}.menu-toggle{display:none}.wrap{max-width:1280px;padding-inline:40px;margin-inline:auto}.tag-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:85px;align-items:center;padding-block:74px 110px}.tag-intro{min-width:0}.tag-hero h1{font-size:clamp(64px,7.2vw,104px);line-height:1;letter-spacing:-.065em;margin:0;font-weight:700;max-width:8ch}.tag-hero .lead{font-size:18px;line-height:1.7;max-width:410px;color:var(--soft);margin:30px 0}.claim{display:flex;align-items:center;flex-wrap:nowrap;padding:7px 7px 7px 16px;border:1px solid #647b8b;border-radius:18px;box-shadow:none;gap:4px;max-width:530px;background:#233545}.claim .prefix{font-size:14px;color:var(--soft);flex:none}.claim input{min-width:0;flex:1;color:var(--text);background:none;border:0;outline:none!important;width:100%;padding:12px 0;font-size:14px}.claim:focus-within{border-color:var(--mint);box-shadow:none}.claim .btn{border-radius:12px;padding:12px 14px;white-space:nowrap;font-size:13px;flex:none}.claim-msg{text-transform:none;letter-spacing:0;font-size:13px;color:var(--dim);min-height:42px;padding-top:12px}.claim-msg.bad{color:#ffabb3}.quiet-link{display:inline-flex;align-items:center;gap:9px;font-size:13px;color:var(--soft);padding-top:14px}.quiet-link:hover{color:var(--mint)}.tag-profile{--profile-accent:#a5e3d2;background:#15222e;border-radius:26px;overflow:hidden;position:relative;max-width:440px;width:100%;justify-self:end;isolation:isolate}.tag-profile[data-theme=blue]{--profile-accent:#9cbded}.tag-profile[data-theme=rose]{--profile-accent:#efadc7}.profile-cover{height:126px;background:var(--profile-accent);color:#1a3032;padding:22px;display:flex;align-items:flex-start;justify-content:space-between;font-size:13px}.preview-caption{opacity:.75}.profile-content{padding:0 28px 16px}.profile-avatar{margin-top:-32px;position:relative;border-radius:18px;display:block;width:64px;height:64px}.tag-profile h2{font-size:32px;line-height:1.2;letter-spacing:-.04em;margin:18px 0 12px;overflow-wrap:anywhere}.profile-bio{font-size:15px;line-height:1.6;color:#c5d4df;margin:0 0 22px}.profile-links{display:grid;gap:8px}.profile-links button{display:flex;align-items:center;gap:16px;background:#263846;color:var(--text);padding:15px 16px;border:0;border-radius:14px;width:100%;text-align:left;min-height:66px}.profile-links button:hover{background:#324e5d;transform:translateY(-2px)}.profile-links i{font-size:21px;width:23px;text-align:center}.profile-links button>span{flex:1;font-size:14px;font-weight:700}.profile-links small{display:block;font-weight:400;color:#bdced8;font-size:12px;margin-top:4px}.profile-links svg{width:16px;height:16px}.profile-presence{display:flex;align-items:center;gap:8px;font-size:12px;color:#bdd0dc;margin-top:20px}.profile-presence>span{width:7px;height:7px;background:var(--profile-accent);border-radius:50%}.demo-feedback{min-height:20px;font-size:12px;color:#b2c4ce;margin:12px 0 0}.profile-palette{display:flex;justify-content:center;gap:14px;padding:15px 20px 22px}.profile-palette button{width:26px;height:26px;border:3px solid #15222e;border-radius:50%;padding:0;background:#a5e3d2;outline:1px solid transparent;outline-offset:2px}.profile-palette button[data-color=blue]{background:#9cbded}.profile-palette button[data-color=rose]{background:#efadc7}.profile-palette button[aria-pressed=true]{outline-color:#e7f4f5}.profile-palette button:hover{transform:scale(1.12)}
.tag-features{padding-top:80px}.feature-intro{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:64px;margin-bottom:40px}.feature-intro h2,.tag-steps>h2,.faq h2,.tag-footer h2{font-size:clamp(36px,4.5vw,58px);line-height:1.08;letter-spacing:-.045em;margin:0;font-weight:600}.feature-intro>p{font-size:16px;line-height:1.7;color:var(--soft);max-width:420px;margin:0}.feature-sheet{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:42px;align-items:center;background:#263a4a;border-radius:22px;margin-bottom:14px}.feature-sheet:nth-of-type(2){background:#203442}.feature-sheet:nth-of-type(3){background:#304351}.feature-sheet h3{font-size:25px;line-height:1.2;letter-spacing:-.035em;margin:0 0 15px}.feature-sheet p{font-size:15px;line-height:1.7;color:#d2dee6;max-width:410px;margin:0}.platform-list{display:flex;flex-wrap:wrap;gap:12px}.platform-list span{display:flex;gap:10px;align-items:center;padding:13px 17px;background:#182c3c;border-radius:12px;font-size:13px}.platform-list i{font-size:19px}.sound-preview{display:flex;gap:17px;align-items:center;background:#172b37;padding:24px;border-radius:17px}.sound-preview>i{font-size:26px;color:var(--mint)}.sound-preview strong{font-size:14px}.sound-preview div>span{display:block;font-size:12px;line-height:1.5;margin-top:7px;color:#c0d1dc}.sound-bars{display:flex;gap:3px;align-items:center;margin-left:auto;height:30px}.sound-bars b{width:3px;height:16px;background:var(--mint);border-radius:8px;animation:tag-equalizer 1.4s ease-in-out infinite alternate}.sound-bars b:nth-child(2){height:28px;animation-delay:-.4s}.sound-bars b:nth-child(3){height:21px;animation-delay:-.7s}.sound-bars b:nth-child(4){height:10px;animation-delay:-.2s}.name-preview{padding:25px;border-radius:17px;background:#192d3b}.name-preview>span{font-size:36px;letter-spacing:-.035em;overflow-wrap:anywhere}.name-preview small{display:block;font-size:13px;color:#c4d3dc;margin-top:10px}.tag-steps{display:grid;grid-template-columns:1fr 1fr;gap:64px;padding-block:130px}.tag-steps ol{margin:0;padding:0;list-style:none;display:grid;gap:24px}.tag-steps li{padding:0}.tag-steps h3{font-size:20px;letter-spacing:-.02em;margin:0 0 8px}.tag-steps p{font-size:15px;color:var(--soft);line-height:1.7;margin:0}.tag-plans{padding-block:20px 120px}.plan-table{background:#263a4a;border-radius:22px;padding-inline:32px}.plan-row{display:grid;grid-template-columns:1fr 1.4fr .85fr;gap:32px;padding:32px 0;align-items:center}.plan-row+.plan-row{border-top:1px solid #ffffff18}.plan-row h3{font-size:25px;letter-spacing:-.035em;margin:0 0 10px}.plan-row p{font-size:14px;line-height:1.6;color:var(--soft);margin:0}.plan-row ul{margin:0;padding:0 0 0 16px;font-size:14px;color:var(--soft);line-height:1.9}.plan-row>div:last-child{display:grid;justify-items:start;gap:9px}.plan-row strong{font-size:32px;letter-spacing:-.04em}.plan-row>div:last-child>span{font-size:12px;color:var(--soft)}.plan-row .btn{margin-top:6px}.faq{padding-block:0 100px;gap:60px;display:grid;grid-template-columns:1fr 1.3fr}.faq-list details{border:0;background:#263a4a;border-radius:16px;margin-bottom:8px;overflow:hidden}.faq-list summary{font-size:15px;padding:20px;min-height:60px;font-weight:600;list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:12px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary>span{font-size:20px;color:var(--mint);font-weight:400;transition:transform .2s}.faq-list details[open] summary>span{transform:rotate(45deg)}.faq-list details p{font-size:14px;line-height:1.75;padding:0 20px 22px;margin:0;color:#c6d7df}.faq-list summary:hover{background:#ffffff06}.tag-footer{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;padding-block:65px 70px;background:none;border:0}.tag-footer h2{margin-bottom:28px}.tag-footer>div:last-child{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:24px}.tag-footer nav{display:flex;gap:24px;font-size:14px}.tag-footer p{font-size:13px;color:var(--dim);margin:0}.skip-link{position:fixed;top:8px;left:12px;z-index:1000;background:var(--mint);color:#17362e;border-radius:12px;padding:12px;transform:translateY(-150%)}.skip-link:focus{transform:none}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%)}
.auth-wrap{min-height:calc(100svh - 82px);padding:70px 24px;display:grid;place-items:start center}.auth-card{max-width:480px;width:100%;padding:36px;background:#263a4a;border:0;border-radius:24px;box-shadow:none}.auth-card h1{font-size:40px;line-height:1.1;letter-spacing:-.045em;background:none;color:var(--text);margin:0}.auth-card .sub{font-size:15px;line-height:1.65;margin:20px 0 30px;color:var(--soft)}.auth-card .input{border:1px solid #617b8d;border-radius:12px;min-height:48px;background:#1d303f;box-shadow:none;font-size:15px}.auth-card .field>span{font-size:13px;margin-bottom:8px}.auth-card form>.btn{width:100%;margin-top:10px}.auth-alt{font-size:14px;margin-top:24px;color:var(--soft)}.auth-alt a{color:var(--mint)}.err{font-size:14px;line-height:1.6;color:#ffb3bc;overflow-wrap:anywhere}.input-clear{position:absolute;right:8px;top:50%;translate:0 -50%;width:28px;height:28px;padding:6px;display:grid;place-items:center;background:transparent;border:0;border-radius:50%;color:var(--soft)}.input-clear[hidden]{display:none}.input-clear svg{width:15px;height:15px}.input-clear:hover{background:#ffffff13;color:var(--text)}.clear-wrap{position:relative;display:block;width:100%;min-width:0}.clear-wrap>input{width:100%;padding-right:40px}.clear-wrap>input::-webkit-search-cancel-button{display:none}.tag-reveal{animation:tag-enter .6s cubic-bezier(.2,.7,.3,1) both}@keyframes tag-enter{from{opacity:.3;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes tag-equalizer{to{transform:scaleY(.45)}}
@media(max-width:1100px){.header{padding-inline:24px;gap:18px}.header-menu nav{gap:18px}.tag-hero{gap:45px}.wrap{padding-inline:28px}.claim{flex-wrap:wrap;gap:0}.claim input{flex-basis:55%}.claim .btn{width:100%;margin-top:4px}.header .brand{font-size:18px}.tag-hero h1{font-size:80px}.plan-row{gap:20px}.feature-sheet{padding:30px;gap:35px}}
@media(max-width:850px){.header{height:72px;gap:14px}.header .brand{font-size:18px;white-space:nowrap}.header .brand img{width:32px;height:32px}.header-actions{margin-left:auto;gap:7px}#navLinks .btn.sm{font-size:12px;min-height:40px;padding:10px 15px}.tag-landing .header-actions .ghost{display:none}.menu-toggle{display:grid;place-items:center;background:#314556;color:var(--text);width:40px;height:40px;min-height:40px;min-width:40px;flex:0 0 40px;padding:10px;margin:0}.header-menu{display:none;position:absolute;top:calc(100% + 8px);right:16px;max-width:calc(100vw - 32px);width:290px;background:#2b4051;padding:10px;border:0;border-radius:18px;box-shadow:0 16px 45px #0004}.header.nav-open .header-menu{display:block}.header-menu nav{display:flex;flex-direction:column;align-items:stretch;gap:3px}.header-menu nav a{padding:13px;border-radius:10px;font-size:14px;min-height:44px}.header-menu nav a+a{border:0}.header-menu nav a:hover{background:#ffffff0a}.tag-hero{grid-template-columns:1fr 1fr;gap:30px;padding-top:55px}.tag-hero h1{font-size:66px}.tag-hero .lead{font-size:16px}.tag-profile{border-radius:22px}.profile-content{padding-inline:20px}.profile-cover{height:108px;padding:19px}.profile-links button{padding:13px;gap:11px}.profile-links small{font-size:11px}.profile-bio{font-size:14px}.profile-links button>span{font-size:13px}.feature-intro,.feature-sheet,.tag-steps,.faq{gap:32px}.plan-row{grid-template-columns:1fr 1.4fr}.plan-row>div:last-child{grid-column:1/-1;display:flex;align-items:center;gap:20px;flex-wrap:wrap}.plan-row .btn{margin:0 0 0 auto}.tag-steps{padding-block:95px}.tag-footer{gap:35px}.claim-msg{min-height:60px;font-size:12px}}
@media(max-width:600px){html{scroll-padding-top:72px}.header{padding-inline:18px;gap:10px}.header .brand{font-size:16px;gap:7px}.header .brand img{width:32px;height:32px}.header .tag-word{font-size:12px}#navLinks .btn.sm{font-size:11px;min-height:38px;padding:10px 13px}.menu-toggle{width:38px;height:38px;min-width:38px;min-height:38px;flex-basis:38px}.wrap{padding-inline:22px}.tag-hero{grid-template-columns:1fr;gap:40px;padding-block:48px 65px}.tag-hero h1{font-size:clamp(64px,19vw,82px)}.tag-hero .lead{max-width:350px;margin:24px 0;font-size:16px}.claim{flex-wrap:nowrap;padding:7px 7px 7px 12px}.claim .prefix{font-size:12px}.claim input{flex-basis:0;font-size:13px;min-width:30px}.claim .btn{font-size:12px;width:auto;margin:0;padding-inline:12px}.claim-msg{min-height:36px}.quiet-link{font-size:13px}.tag-profile{justify-self:center;max-width:410px}.profile-cover{height:120px;padding:20px}.profile-content{padding-inline:24px}.profile-links small{font-size:12px}.tag-features{padding-top:35px}.feature-intro{grid-template-columns:1fr;gap:22px;margin-bottom:28px}.feature-intro h2,.tag-steps>h2,.faq h2,.tag-footer h2{font-size:40px}.feature-intro p{font-size:15px}.feature-sheet{grid-template-columns:1fr;gap:24px;padding:26px;border-radius:20px}.feature-sheet h3{font-size:23px}.feature-sheet p{font-size:14px}.platform-list{gap:8px}.platform-list span{font-size:12px;padding:11px 12px}.sound-preview{padding:18px;gap:13px}.sound-preview strong{font-size:13px}.sound-preview div>span{font-size:12px}.sound-bars{display:none}.name-preview{padding:22px}.tag-steps{grid-template-columns:1fr;gap:32px;padding-block:80px}.tag-steps ol{gap:25px}.tag-plans{padding-bottom:80px}.plan-table{padding-inline:24px}.plan-row{display:flex;flex-direction:column;align-items:stretch;padding-block:28px;gap:20px}.plan-row>div:last-child{justify-content:flex-start;gap:10px}.plan-row>div:last-child>span{font-size:12px}.plan-row .btn{margin-left:auto;font-size:12px;padding-inline:16px}.plan-row ul{font-size:13px}.plan-row strong{font-size:28px}.faq{grid-template-columns:1fr;gap:28px;padding-bottom:50px}.faq-list summary{font-size:14px;padding:18px}.tag-footer{grid-template-columns:1fr;gap:50px;padding-block:40px 50px}.tag-footer nav{flex-wrap:wrap}.auth-wrap{padding:35px 18px}.auth-card{padding:27px}.auth-card h1{font-size:35px}.auth-card .sub{margin-bottom:25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
@media(max-width:850px){#navLinks .ghost{display:none!important}}
/* Final readable type and equal product margins. */
.header{max-width:1280px}
.tag-landing .feature-intro p,.tag-landing .feature-sheet p,.tag-landing .tag-steps p,.tag-landing .plan-row p,.tag-landing .plan-row ul,.tag-landing .faq-list details p{font-size:16px;max-width:60ch;line-height:1.7}
.tag-landing .claim-msg,.tag-landing .claim .prefix,.tag-landing .claim input,.tag-landing .claim .btn,.tag-landing .quiet-link,.tag-landing .header .btn,.tag-landing .tag-word,.tag-landing .plan-row>div:last-child>span{font-size:13px}
.plan-price{font-size:32px;font-weight:700;letter-spacing:-.04em}
.plan-row+.plan-row{border:0;background:#2c4352;margin-inline:-32px;padding-inline:32px;border-radius:20px}
.platform-list,.sound-preview,.name-preview{min-height:210px}
.platform-list{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.platform-list span{padding:14px;min-height:52px}
.sound-preview{flex-wrap:wrap;align-content:center}
.name-preview{display:flex;flex-direction:column;justify-content:center}
@media(max-width:600px){.plan-row+.plan-row{margin-inline:-24px;padding-inline:24px}.tag-landing .tag-word{font-size:12px}.tag-landing .header .btn{font-size:12px}.platform-list,.sound-preview,.name-preview{min-height:190px}}
html{scrollbar-gutter:stable both-edges}
@media(max-width:850px){.tag-landing #navLinks .btn.sm{font-size:13px}.tag-landing .tag-word{font-size:13px}}
.mobile-login{display:none}.plan-price{font-size:24px}.tag-landing .plan-row .btn{font-size:13px}
@media(max-width:850px){.header-menu nav .mobile-login{display:flex}}
@media(max-width:600px){.plan-row{padding-block:40px}}
.auth-card .field>span{text-transform:none;letter-spacing:0}.auth-card .auth-alt{border:0;padding-top:18px}.auth-card .input:focus-visible{outline:none;box-shadow:0 0 0 3px #a5e3d233;border-color:var(--mint)}


/* R40: actual profile anatomy, comparison plans and coherent disclosures. */
.tag-profile{max-width:490px;background:none;overflow:visible;border-radius:0}.tag-demo-stage{height:510px;border-radius:24px;background:#101923;position:relative;display:grid;place-items:center;padding:62px 24px 38px;overflow:hidden;border:1px solid #6e859537}.demo-address{position:absolute;inset:19px 22px auto;display:flex;gap:0;font-size:12px;color:var(--dim)}.demo-address>span:last-child{margin-left:auto}.tag-demo-card{width:100%;max-width:390px;background:#223243b8;border:1px solid #8396a53d;border-radius:14px;padding:28px 24px 16px;text-align:center;box-shadow:none}.tag-demo-card .profile-avatar{width:78px;height:78px;border-radius:22px;margin:0 auto;object-fit:cover}.tag-demo-card h2{font-size:30px;letter-spacing:-1px;display:flex;justify-content:center;gap:10px;align-items:center;color:var(--profile-accent);margin:18px 0 6px}.demo-badge{font-size:14px;display:flex;align-items:center}.demo-handle{font-size:12px;color:var(--dim)}.tag-demo-card .profile-bio{font-size:14px;margin:20px auto 14px;line-height:1.7;max-width:28ch}.demo-location{font-size:11px;color:var(--soft);display:flex;justify-content:center;align-items:center;gap:8px}.demo-location i{color:var(--profile-accent)}.tag-demo-card .profile-links{display:flex;justify-content:center;gap:10px;margin-top:23px}.tag-demo-card .profile-links button{display:grid;place-items:center;width:44px;height:44px;min-height:44px;padding:0;border:1px solid #8298ad45;background:#253749;border-radius:12px;text-align:center}.tag-demo-card .profile-links i{font-size:20px;width:auto;color:var(--profile-accent)}.demo-card-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #91a9b52b;margin-top:24px;padding-top:14px;font-size:10px;color:var(--dim)}.demo-card-footer i{margin-right:5px}.demo-enter{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;background:#101923f5;color:var(--text);border:0;border-radius:inherit;z-index:2;transition:opacity .35s,visibility .35s}.demo-enter img{border-radius:18px}.demo-enter>span{font-size:11px;color:var(--dim)}.demo-enter strong{font-size:34px;font-weight:600;letter-spacing:-1px}.tag-profile.entered .demo-enter{opacity:0;visibility:hidden;pointer-events:none}.demo-controls{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center;padding:18px 0 0}.demo-controls .profile-palette{padding:0;display:flex;gap:10px}.demo-controls .demo-feedback{margin:0;font-size:12px;min-height:0;color:var(--dim)}.demo-replay{justify-self:start;grid-column:1/-1;border:0;background:transparent;color:var(--soft);padding:0;font-size:12px;text-decoration:underline;text-underline-offset:4px}
.tag-plans .feature-intro{align-items:end}.plan-table{display:grid;grid-template-columns:1fr 1fr;gap:24px;background:none!important;border:0;padding:0!important;border-radius:0}.plan-table .plan-row,.plan-table .plan-row+.plan-row{display:flex;flex-direction:column;align-items:stretch;gap:0;margin:0;padding:32px;border:1px solid #758f9e50;background:#243645;border-radius:20px}.plan-table .premium{border-color:#a5e3d299;background:#263c48}.plan-row header{position:relative;display:block;padding-bottom:26px;border-bottom:1px solid #708e9a40}.plan-row h3{font-size:23px;letter-spacing:-.6px;margin:0}.plan-row header>p{font-size:14px!important;margin:10px 0 24px}.plan-row .plan-price{font-size:34px;line-height:1.2;font-weight:600;margin:0}.plan-price>span{display:block}.plan-price>span:not([data-price]){font-size:12px;font-weight:400;color:var(--soft);margin-top:9px;letter-spacing:0}.plan-row dl{margin:20px 0 26px}.plan-row dl>div{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:12px 0;font-size:13px;border-bottom:1px solid #708e9a25}.plan-row dt{color:var(--dim)}.plan-row dd{margin:0;color:var(--text);text-align:right}.plan-table .plan-row>.btn{margin:auto 0 0;align-self:stretch;width:100%;min-height:46px}.plan-extra{font-size:12px!important;line-height:1.6;margin:-6px 0 22px;color:var(--dim)}
.faq-list details{overflow:hidden;border-radius:16px}.faq-list summary,.faq-list summary:hover,.faq-list details[open] summary{background:transparent!important;transform:none!important}.faq-list details:hover{background:var(--panel)}.faq-list details>p{margin:0;padding:0 20px 20px}
.input-prefix{display:flex;align-items:center;gap:0;min-height:48px;border:1px solid var(--line);border-radius:12px;background:#233545;padding-left:14px;overflow:hidden}.input-prefix:focus-within{border-color:var(--mint)}.auth-card .input-prefix .clear-wrap{display:flex;min-width:0;flex:1;width:auto}.auth-card .input-prefix input.input{border:0!important;box-shadow:none!important;outline:none!important;background:transparent!important;border-radius:0;min-width:0;width:100%;padding-left:4px}.input-prefix>span{font-size:14px;color:var(--soft);flex:none}
.tag-scroll-progress{position:fixed;top:0;left:0;width:100%;height:2px;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,#8582ff,#52cbd1,#b8f391);z-index:200;pointer-events:none}.captcha-image{display:block;max-width:100%;min-width:0;object-fit:contain}.captcha-row{display:flex;align-items:center;gap:12px}.captcha-row .captcha-image{flex:1;height:64px;border-radius:10px;background:var(--panel-2)}
@media(max-width:750px){.plan-table{grid-template-columns:1fr;gap:18px}.plan-table .plan-row,.plan-table .plan-row+.plan-row{padding:25px}.tag-demo-stage{height:490px;padding-inline:20px}.tag-profile{justify-self:center;max-width:490px;width:100%}.demo-controls{padding-inline:0}.tag-demo-card{padding-inline:18px}.tag-demo-card h2{font-size:28px}}


/* Equal price hierarchy and aligned comparison actions. */
.plan-table .plan-row .plan-price{display:block;min-height:62px}.plan-table .plan-row .plan-price>[data-price]{font-size:34px;font-weight:600;line-height:1.2;letter-spacing:-.04em}.plan-table .plan-row>.btn{margin-top:auto!important;margin-bottom:0!important;height:46px;flex:none}.plan-table .plan-row>header{min-height:170px}.plan-table .plan-row{min-height:570px}.plan-table .plan-row>dl{flex:1}.plan-table .plan-extra{margin:0 0 18px;font-size:12px!important}


@supports selector(::-webkit-scrollbar){html,body{scrollbar-color:auto;scrollbar-width:auto}}.faq-list summary:focus-visible{outline:2px solid var(--mint);outline-offset:-4px;border-radius:14px}


/* R44 — the address, the editor and the shared link explain the three steps. */
.tag-steps{display:block}.tag-steps>h2{margin-bottom:48px;max-width:700px}.tag-steps ol{display:flex;flex-direction:column;gap:18px;padding:0;list-style:none}.tag-steps li{display:grid;grid-template-columns:minmax(220px,.9fr) 1fr;align-items:center;gap:44px;padding:28px;background:#253542;border-radius:24px}.tag-steps li h3{margin:0 0 10px;font-size:24px}.tag-steps li p{margin:0;max-width:36ch;line-height:1.65}.step-example{min-height:128px;border-radius:18px;background:#1b2b38;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:12px;padding:24px;min-width:0}.step-example>span{font-size:13px;color:#bbccd7}.step-example strong{font-size:clamp(19px,2.5vw,29px);letter-spacing:-.03em;color:#a6e1d3;overflow-wrap:anywhere}.links-example{display:grid;grid-template-columns:repeat(3,40px);align-content:center;justify-content:start;gap:15px}.links-example i{font-size:28px}.links-example span{grid-column:1/-1}.share-example{background:#a6e1d3;color:#19332e}.share-example strong,.share-example>span{color:inherit}
.tag-footer{display:block;padding-top:72px;padding-bottom:28px}.tag-footer-cta{display:flex;align-items:center;justify-content:space-between;gap:32px;padding-bottom:64px}.tag-footer-bottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:28px;padding-top:28px}.tag-footer-bottom nav{display:flex;align-items:center;gap:24px;margin:0}.tag-footer-bottom nav button{background:none;border:0;color:inherit;font:inherit;padding:0;cursor:pointer;display:inline-flex;gap:9px;align-items:center}.tag-footer-bottom small{color:var(--muted)}.community-dialog{max-width:460px;width:calc(100% - 32px);border:1px solid #456071;border-radius:24px;background:#253542;color:#e5edf3;padding:30px}.community-dialog::backdrop{background:#07111ac7}.community-dialog h2{font-size:26px;margin:0 0 16px}.community-dialog p{margin-bottom:28px}.community-dialog>div{display:flex;gap:12px;justify-content:flex-end}.privacy-page{max-width:760px;padding-top:70px;padding-bottom:90px}.privacy-page h1{font-size:48px;letter-spacing:-.04em}.privacy-page h2{font-size:22px;margin-top:35px}.privacy-page p{line-height:1.8;color:#c3d2dd}
@media(max-width:640px){.tag-steps li{grid-template-columns:1fr;gap:24px;padding:20px}.tag-steps>h2{margin-bottom:28px}.step-example{min-height:110px}.tag-footer-cta{align-items:flex-start;flex-direction:column;padding-bottom:40px}.tag-footer-bottom{align-items:flex-start;flex-direction:column}.tag-footer-bottom nav{flex-wrap:wrap;gap:20px}.community-dialog>div>.btn{flex:1}}


.tag-footer>.tag-footer-bottom{flex-direction:row;align-items:center}.tag-footer>.tag-footer-bottom nav{margin:0}@media(max-width:640px){.tag-footer>.tag-footer-bottom{flex-direction:column;align-items:flex-start}}


.tag-landing .tag-footer>.tag-footer-bottom{flex-direction:row;align-items:center;justify-content:space-between}.tag-landing .tag-footer>.tag-footer-bottom nav{margin:0}@media(max-width:640px){.tag-landing .tag-footer>.tag-footer-bottom{flex-direction:column;align-items:flex-start}}


/* R45: code image is passive; only its refresh button requests a challenge. */
.captcha-display{position:relative;flex:1;min-width:0;min-height:78px;border-radius:14px;background:var(--panel-2);display:grid;place-items:center;overflow:hidden}.captcha-display .captcha-image{width:100%;height:78px;object-fit:contain;border:0;cursor:default}.captcha-display>[hidden]{display:none!important}#captchaStatus{padding:16px;text-align:center;font-size:14px;color:var(--muted)}.captcha-row{display:flex;align-items:center;gap:12px}.captcha-refresh:disabled{opacity:.45;cursor:wait}


.tag-language{position:relative;flex:none;font-size:14px;line-height:1.4}.tag-language-toggle{display:flex;align-items:center;gap:8px;min-height:42px;border:0;border-radius:16px;background:#304351;color:#e4edf2;font:inherit;padding:10px 13px;cursor:pointer}.tag-language img{width:22px;height:16px;object-fit:cover;border-radius:3px;flex:none}.tag-language-toggle svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8}.tag-language-menu{position:absolute;top:calc(100% + 8px);right:0;z-index:600;width:190px;padding:7px;background:#304351;border-radius:18px;box-shadow:0 14px 35px #0005}.tag-language-menu[hidden]{display:none}.tag-language-menu button{display:flex;align-items:center;width:100%;gap:10px;border:0;border-radius:12px;background:none;color:#e4edf2;min-height:44px;padding:10px;font:inherit;cursor:pointer}.tag-language-menu button:hover,.tag-language-menu button[aria-selected=true]{background:#3d5767}.tag-language-menu b{margin-left:auto;color:#a6e1d3}.tag-language-toggle:focus-visible,.tag-language-menu button:focus-visible{outline:2px solid #a6e1d3;outline-offset:3px}.header-actions{align-items:center}
@media(max-width:600px){.tag-language-toggle{padding:9px;gap:6px;font-size:12px;min-height:38px}.tag-language img{width:20px}.header .header-actions{gap:7px}.tag-landing .header{padding-inline:14px;gap:8px}.tag-landing .brand{font-size:15px}.tag-landing .brand img{width:28px;height:28px}.tag-landing .header .tag-word{display:none}.tag-landing #navLinks .btn.sm{padding:9px;font-size:11px}.tag-landing .header .menu-toggle{width:30px;min-width:30px;flex-basis:30px}.app:not(.tag-landing) .header-actions>a{font-size:12px;padding:9px}.app:not(.tag-landing) .header .brand{font-size:15px}}


.header>.tag-language{margin-left:auto}.header>.tag-language+.header-actions{margin-left:0}@media(max-width:600px){.tag-landing #navLinks{display:none!important}.header>.tag-language{margin-left:auto}.app:not(.tag-landing) .header-actions>a{display:none}}


@media(max-width:600px){.tag-landing .header .tag-word{display:inline;font-size:11px}}


/* R46 — quiet locale control and the shared privacy modal. */
.tag-language-toggle{background:transparent;transition:background .16s,color .16s;box-shadow:none}.tag-language-toggle:hover{background:#304351}.tag-language-toggle:focus:not(:focus-visible){outline:none;box-shadow:none}
.tag-privacy-dialog{box-sizing:border-box;width:min(680px,calc(100vw - 40px));max-height:calc(100dvh - 48px);padding:0;border:1px solid #456071;border-radius:26px;background:#253542;color:#e5edf3;font-family:var(--font,Manrope,sans-serif);overflow:hidden;opacity:0;transform:translateY(12px) scale(.985);transition:opacity .18s ease,transform .18s ease;box-shadow:0 24px 80px #0005}.tag-privacy-dialog[open]{display:flex;flex-direction:column}.tag-privacy-dialog.is-open{opacity:1;transform:none}.tag-privacy-dialog::backdrop{background:#07111abf}.tag-privacy-title{padding:32px 36px 18px;flex:none}.tag-privacy-title h2{margin:0;font-size:34px;line-height:1.15;letter-spacing:-.04em}.tag-privacy-content{padding:0 36px;overflow-y:auto;overscroll-behavior:contain;min-height:0;scrollbar-width:thin;scrollbar-color:#7797a5 transparent}.tag-privacy-content p{font-size:15px;line-height:1.8;color:#c3d2dd;margin:0 0 20px}.tag-privacy-content h3{font-size:18px;line-height:1.3;margin:26px 0 12px;letter-spacing:-.015em}.tag-privacy-content a{color:#a6e1d3;text-decoration:underline;text-underline-offset:3px}.tag-privacy-content::-webkit-scrollbar{width:8px}.tag-privacy-content::-webkit-scrollbar-thumb{background:#7797a5;border:2px solid #253542;border-radius:20px}.tag-privacy-content::-webkit-scrollbar-button{display:none;width:0;height:0}.tag-privacy-actions{padding:20px 36px 30px;flex:none}.tag-privacy-actions .btn{width:100%;min-height:46px}.tag-privacy-dialog [data-privacy-close]:focus:not(:focus-visible){outline:none;box-shadow:none}
@media(max-width:600px){.tag-privacy-dialog{width:calc(100vw - 24px);max-height:calc(100dvh - 24px);border-radius:22px}.tag-privacy-title{padding:24px 24px 16px}.tag-privacy-title h2{font-size:28px}.tag-privacy-content{padding:0 24px}.tag-privacy-content p{font-size:14px;line-height:1.75}.tag-privacy-actions{padding:18px 24px 24px}}
@media(prefers-reduced-motion:reduce){.tag-privacy-dialog,.tag-language-toggle{transition:none;transform:none}}


@supports selector(::-webkit-scrollbar){.tag-privacy-content{scrollbar-width:auto;scrollbar-color:auto}}
.tag-privacy-content::-webkit-scrollbar-button:single-button{display:none;width:0;height:0}


#tagPrivacyTitle:focus{outline:none;box-shadow:none}

/* Shared TL Menu navigation feedback. */
.header #mainNav a {
  transition: translate .2s cubic-bezier(.2,.7,.3,1), color .2s ease, background-color .2s ease;
}
.header #mainNav a:hover {
  color: #a6e1d3;
  background: transparent;
  translate: 0 -2px;
}
.header #mainNav a:focus-visible {
  color: #a6e1d3;
  outline: 2px solid #a6e1d3;
  outline-offset: 4px;
}
@media (prefers-reduced-motion: reduce) {
  .header #mainNav a { transition: none; }
  .header #mainNav a:hover { translate: none; }
}
/* Keep native mobile tap rectangles off; keyboard focus styles remain visible. */
html{-webkit-tap-highlight-color:transparent}
/* -- by Larsiopuw */