/* legacy.css: the old site's styles (assets/cg.css), scoped to <main class="legacy"> and
   re-pointed at the new palette and fonts. Generated by newpage-src/legacy_css.py. Do not edit by hand. */

/* ---- old colour and font variables, mapped to the new design ---- */
.legacy {
  --black: var(--bg); --navy: #0A1222; --mid: #0B1426; --card: #0B1426;
  --border: rgba(255,255,255,.08); --cyan: #4DA3FF; --cyan2: #3582E0; --gold: #FFC06A;
  --white: var(--ink); --muted: var(--mute); --danger: #ff4757; --green: #00e676;
  display: block; background: var(--bg); color: var(--ink-2);
  font-family: var(--sans); font-size: var(--t-body); line-height: 1.55;
}

/* the chat button and panel sit after the footer; this wrapper only carries the .legacy scope */
.legacy.legacy-fab { display: contents; }

/* ---- the new stylesheet also styles .hero and .hero-grid; undo that inside old content ---- */
.legacy .hero { width: auto; min-height: 0; flex-direction: row; isolation: auto; }
.legacy .hero-grid { display: block; flex: none; grid-template-columns: none; grid-template-rows: none; gap: 0; padding: 0; max-width: none; }

/* ---- scoped copy of assets/cg.css ---- */
.legacy *,
.legacy *::before,
.legacy *::after { box-sizing: border-box; margin: 0; padding: 0; }
.legacy { scroll-behavior: smooth; }
.legacy {
    background: var(--black);
    color: var(--white);
    font-family: var(--sans);
    font-size: 16px;
    line-height: 1.6;
    overflow-x: hidden;
  }
.legacy::before {
    content: "";
    position: fixed; inset: 0;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");
    pointer-events: none; z-index: 9999; opacity: 0.35;
  }
.legacy .hero {
    min-height: 0;
    display: flex; align-items: center;
    padding: 96px 5% 40px;
    position: relative;
    overflow: hidden;
    background:
      radial-gradient(ellipse 80% 60% at 70% 50%, rgba(77,163,255,0.07) 0%, transparent 70%),
      radial-gradient(ellipse 50% 40% at 10% 80%, rgba(53,130,224,0.05) 0%, transparent 60%),
      var(--navy);
  }
.legacy .hero-grid {
    position: absolute; inset: 0;
    background-image:
      linear-gradient(rgba(77,163,255,0.04) 1px, transparent 1px),
      linear-gradient(90deg, rgba(77,163,255,0.04) 1px, transparent 1px);
    background-size: 60px 60px;
    mask-image: radial-gradient(ellipse 70% 70% at 60% 40%, black 30%, transparent 80%);
  }
.legacy .hero-inner { max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr; gap: 22px 60px; align-items: center; }
.legacy .hero-tag {
    display: inline-flex; align-items: center; gap: 8px;
    background: rgba(77,163,255,0.08); border: 1px solid rgba(77,163,255,0.25);
    padding: 6px 14px; margin-bottom: 14px;
    font-family: var(--mono); font-size: 0.72rem;
    letter-spacing: 2px; text-transform: uppercase; color: var(--cyan);
  }
.legacy .hero-tag::before { content: ""; width: 6px; height: 6px; background: var(--cyan); border-radius: 50%; animation: pulse 2s infinite; }
@keyframes pulse { 0%,100% { opacity: 1; } 50% { opacity: 0.3; } }
.legacy h1 {
    font-family: var(--sans); font-weight: 400; text-transform: uppercase; letter-spacing: -0.01em;
    font-size: calc((clamp(3rem, 6vw, 5.5rem)) * 0.66);
    line-height: 0.95; letter-spacing: 2px;
    color: var(--white);
    margin-bottom: 16px;
  }
.legacy h1 span { color: var(--cyan); display: block; }
.legacy .hero-sub {
    font-size: 1.05rem; color: var(--muted); max-width: 520px; margin-bottom: 24px; line-height: 1.6;
  }
.legacy .hero-actions { display: flex; gap: 14px; flex-wrap: wrap; }
.legacy .hero-sub + .hero-sub { margin-top: -8px; }
.legacy .hero-map { margin: 0; background: var(--card); border: 1px solid var(--border); padding: 10px; }
.legacy .hero-map img { display: block; width: 100%; height: auto; border-radius: 4px; }
.legacy .hero-map figcaption { font-family: var(--mono); font-size: .7rem; letter-spacing: 1.5px; text-transform: uppercase; color: var(--cyan); padding: 10px 4px 2px; }
.legacy .btn-primary {
    background: var(--cyan); color: var(--black);
    font-weight: 800; font-size: 0.85rem; letter-spacing: 1.5px; text-transform: uppercase;
    text-decoration: none; padding: 16px 32px;
    clip-path: polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px));
    transition: all .25s; display: inline-block;
  }
.legacy .btn-primary:hover { background: var(--white); transform: translateY(-2px); }
.legacy .btn-outline {
    border: 1px solid var(--border); color: var(--white);
    font-weight: 600; font-size: 0.85rem; letter-spacing: 1px; text-transform: uppercase;
    text-decoration: none; padding: 15px 28px;
    transition: all .25s; display: inline-block;
  }
.legacy .btn-outline:hover { border-color: var(--cyan); color: var(--cyan); }
.legacy .hero-stats {
    display: grid; grid-template-rows: repeat(3, 1fr); gap: 12px;
  }
.legacy .stat-card {
    background: var(--card); border: 1px solid var(--border);
    padding: 14px 20px;
    position: relative; overflow: hidden;
    animation: fadeSlideIn .6s both;
  }
.legacy .stat-card:nth-child(1) { animation-delay: .1s; }
.legacy .stat-card:nth-child(2) { animation-delay: .25s; }
.legacy .stat-card:nth-child(3) { animation-delay: .4s; }
@keyframes fadeSlideIn {
    from { opacity: 0; transform: translateX(30px); }
    to   { opacity: 1; transform: translateX(0); }
  }
.legacy .stat-card::before {
    content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 3px;
    background: var(--cyan);
  }
.legacy .stat-num {
    font-family: var(--sans); font-weight: 400; text-transform: uppercase; letter-spacing: -0.01em; font-size: calc((2.3rem) * 0.66);
    color: var(--cyan); line-height: 1;
  }
.legacy .stat-label { font-size: 0.8rem; color: var(--muted); letter-spacing: 0.5px; margin-top: 4px; }
.legacy section { padding: 64px 5%; }
.legacy .section-inner { max-width: 1200px; margin: 0 auto; }
.legacy .section-tag {
    font-family: var(--mono); font-size: 0.72rem;
    letter-spacing: 3px; text-transform: uppercase; color: var(--cyan);
    margin-bottom: 12px; display: block;
  }
.legacy h2 {
    font-family: var(--sans); font-weight: 400; text-transform: uppercase; letter-spacing: -0.01em;
    font-size: calc((clamp(2.2rem, 4vw, 3.6rem)) * 0.66);
    line-height: 1; letter-spacing: 2px; margin-bottom: 16px;
  }
.legacy .lead { font-size: 1.05rem; color: var(--muted); max-width: 640px; line-height: 1.7; margin-bottom: 56px; }
.legacy .problem {
    background: linear-gradient(135deg, #0f1a2d 0%, #0b1120 100%);
    border-top: 1px solid var(--border); border-bottom: 1px solid var(--border);
    padding: 70px 5%;
  }
.legacy .problem-grid { max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 24px; }
.legacy .problem-item {
    display: flex; align-items: flex-start; gap: 16px;
    padding: 24px; border: 1px solid var(--border);
    background: rgba(255,71,87,0.04);
  }
.legacy .problem-icon { font-size: 1.6rem; flex-shrink: 0; }
.legacy .problem-item h4 { font-size: 1rem; font-weight: 700; margin-bottom: 6px; }
.legacy .problem-item p { font-size: 0.85rem; color: var(--muted); line-height: 1.6; }
.legacy .usecases { background: var(--black); }
.legacy .uc-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 20px; }
.legacy .uc-card {
    background: var(--card); border: 1px solid var(--border);
    padding: 28px; position: relative; overflow: hidden;
    transition: border-color .3s, transform .3s;
  }
.legacy .uc-card:hover { border-color: var(--cyan); transform: translateY(-4px); }
.legacy .uc-card::after {
    content: ""; position: absolute; inset: 0;
    background: linear-gradient(135deg, rgba(77,163,255,0.04) 0%, transparent 60%);
    pointer-events: none;
  }
.legacy .uc-num {
    font-family: var(--mono); font-size: 0.7rem;
    color: var(--cyan); letter-spacing: 2px; margin-bottom: 16px; display: block;
  }
.legacy .uc-card h3 { font-size: 1.1rem; font-weight: 800; margin-bottom: 10px; }
.legacy .uc-card p { font-size: 0.85rem; color: var(--muted); line-height: 1.65; }
.legacy .defense {
    background: linear-gradient(180deg, var(--navy) 0%, #0c1825 100%);
    border-top: 1px solid var(--border); border-bottom: 1px solid var(--border);
  }
.legacy .defense-inner { max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: start; }
.legacy .defense-list { list-style: none; display: flex; flex-direction: column; gap: 16px; }
.legacy .defense-list li {
    display: flex; align-items: flex-start; gap: 16px;
    padding: 18px 20px; background: var(--card); border: 1px solid var(--border);
    transition: border-color .25s;
  }
.legacy .defense-list li:hover { border-color: var(--cyan); }
.legacy .defense-list li .di { font-size: 1.3rem; flex-shrink: 0; }
.legacy .defense-list li strong { display: block; font-size: 0.95rem; font-weight: 700; margin-bottom: 4px; }
.legacy .defense-list li span { font-size: 0.82rem; color: var(--muted); }
.legacy .automation { background: var(--black); }
.legacy .auto-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 20px; }
.legacy .auto-card {
    text-align: center; padding: 36px 24px;
    background: var(--card); border: 1px solid var(--border);
    position: relative; overflow: hidden; transition: all .3s;
  }
.legacy .auto-card:hover { border-color: var(--gold); }
.legacy .auto-card:hover .auto-icon { transform: scale(1.1); }
.legacy .auto-icon { font-size: 2.4rem; display: block; margin-bottom: 16px; transition: transform .3s; }
.legacy .auto-card h3 { font-size: 1rem; font-weight: 800; margin-bottom: 10px; }
.legacy .auto-card p { font-size: 0.82rem; color: var(--muted); }
.legacy .packages { background: var(--navy); }
.legacy .pkg-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.legacy .pkg-card {
    background: var(--card); border: 1px solid var(--border);
    padding: 36px 28px; display: flex; flex-direction: column;
    position: relative; overflow: hidden; transition: transform .3s;
  }
.legacy .pkg-card:hover { transform: translateY(-6px); }
.legacy .pkg-card.featured {
    border-color: var(--cyan);
    background: linear-gradient(160deg, #0e1e35 0%, var(--card) 100%);
  }
.legacy .pkg-badge {
    position: absolute; top: 0; right: 0;
    background: var(--cyan); color: var(--black);
    font-family: var(--mono); font-size: 0.65rem;
    font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase;
    padding: 5px 14px;
    clip-path: polygon(8px 0%, 100% 0%, 100% 100%, 0% 100%);
  }
.legacy .pkg-tier {
    font-family: var(--mono); font-size: 0.68rem;
    letter-spacing: 3px; color: var(--cyan); margin-bottom: 8px;
  }
.legacy .pkg-card h3 {
    font-family: var(--sans); font-weight: 400; text-transform: uppercase; letter-spacing: -0.01em; font-size: calc((1.8rem) * 0.66); letter-spacing: 2px;
    margin-bottom: 6px;
  }
.legacy .pkg-desc { font-size: 0.82rem; color: var(--muted); margin-bottom: 24px; line-height: 1.6; }
.legacy .pkg-price {
    display: flex; align-items: baseline; gap: 6px; margin-bottom: 28px;
  }
.legacy .pkg-price .amount {
    font-family: var(--sans); font-weight: 400; text-transform: uppercase; letter-spacing: -0.01em; font-size: calc((3rem) * 0.66);
    color: var(--white); line-height: 1;
  }
.legacy .pkg-price .note { font-size: 0.78rem; color: var(--muted); }
.legacy .pkg-features { list-style: none; display: flex; flex-direction: column; gap: 10px; flex: 1; margin-bottom: 28px; }
.legacy .pkg-features li {
    display: flex; align-items: flex-start; gap: 10px;
    font-size: 0.83rem; line-height: 1.5;
  }
.legacy .pkg-features li .chk { color: var(--green); flex-shrink: 0; font-size: 0.9rem; }
.legacy .pkg-features li .x { color: var(--muted); flex-shrink: 0; }
.legacy .pkg-btn {
    display: block; text-align: center; text-decoration: none;
    background: transparent; border: 1px solid var(--border);
    color: var(--white); font-weight: 700; font-size: 0.82rem;
    letter-spacing: 1.5px; text-transform: uppercase; padding: 14px;
    transition: all .25s;
  }
.legacy .pkg-btn:hover { border-color: var(--cyan); color: var(--cyan); }
.legacy .pkg-card.featured .pkg-btn {
    background: var(--cyan); color: var(--black); border-color: var(--cyan);
  }
.legacy .pkg-card.featured .pkg-btn:hover { background: var(--white); border-color: var(--white); }
.legacy .process { background: var(--black); }
.legacy .steps { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 0; }
.legacy .step {
    padding: 32px 24px; border-right: 1px solid var(--border);
    border-bottom: 1px solid var(--border); position: relative;
  }
.legacy .step:last-child { border-right: none; }
.legacy .step-num {
    font-family: var(--sans); font-weight: 400; text-transform: uppercase; letter-spacing: -0.01em; font-size: calc((3.5rem) * 0.66);
    color: rgba(77,163,255,0.12); line-height: 1; margin-bottom: 12px;
  }
.legacy .step h4 { font-size: 0.95rem; font-weight: 800; margin-bottom: 8px; }
.legacy .step p { font-size: 0.8rem; color: var(--muted); line-height: 1.6; }
.legacy .campaign {
    background: linear-gradient(135deg, #0d1f35 0%, var(--black) 100%);
    border-top: 1px solid var(--border); border-bottom: 1px solid var(--border);
    padding: 70px 5%;
  }
.legacy .campaign-inner {
    max-width: 700px; margin: 0 auto;
    display: block; text-align: center;
  }
.legacy .campaign-inner .btn-primary { display: inline-block; }
.legacy .campaign h2 { margin-bottom: 16px; }
.legacy .campaign p { font-size: 0.95rem; color: var(--muted); line-height: 1.7; margin-bottom: 24px; }
.legacy .testimonials { background: var(--navy); padding: 80px 5%; }
.legacy .test-grid { max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 24px; }
.legacy .test-card {
    background: var(--card); border: 1px solid var(--border); padding: 28px;
    position: relative;
  }
.legacy .test-card::before {
    content: "“";
    font-family: var(--sans); font-weight: 400; text-transform: uppercase; letter-spacing: -0.01em; font-size: calc((5rem) * 0.66); color: rgba(77,163,255,0.1);
    position: absolute; top: 10px; right: 20px; line-height: 1;
  }
.legacy .test-card p { font-size: 0.88rem; color: var(--muted); line-height: 1.7; margin-bottom: 20px; }
.legacy .test-meta strong { font-size: 0.9rem; }
.legacy .test-meta span { font-size: 0.78rem; color: var(--muted); display: block; }
.legacy .faq { background: var(--black); }
.legacy .faq-list { max-width: 800px; display: flex; flex-direction: column; gap: 0; }
.legacy details {
    border-bottom: 1px solid var(--border); padding: 20px 0;
  }
.legacy summary {
    cursor: pointer; font-weight: 700; font-size: 0.95rem; list-style: none;
    display: flex; justify-content: space-between; align-items: center;
    gap: 16px;
  }
.legacy summary::-webkit-details-marker { display: none; }
.legacy summary::after {
    content: "+"; font-size: 1.4rem; color: var(--cyan); flex-shrink: 0; transition: transform .3s;
  }
.legacy details[open] summary::after { transform: rotate(45deg); }
.legacy details p {
    font-size: 0.88rem; color: var(--muted); line-height: 1.7;
    padding-top: 12px; padding-right: 40px;
  }
.legacy .final-cta {
    background:
      radial-gradient(ellipse 80% 60% at 50% 50%, rgba(77,163,255,0.09) 0%, transparent 70%),
      var(--navy);
    border-top: 1px solid var(--border);
    padding: 100px 5%; text-align: center;
  }
.legacy .final-cta h2 { font-size: clamp(2.4rem, 5vw, 4.5rem); margin-bottom: 16px; }
.legacy .final-cta p { font-size: 1.05rem; color: var(--muted); max-width: 600px; margin: 0 auto 40px; }
.legacy .cta-group { display: flex; gap: 16px; justify-content: center; flex-wrap: wrap; }
.legacy .phone-link {
    font-family: var(--mono);
    font-size: 1rem; color: var(--cyan); text-decoration: none;
    display: flex; align-items: center; gap: 8px;
    border: 1px solid rgba(77,163,255,0.3); padding: 14px 24px;
    transition: all .25s;
  }
.legacy .phone-link:hover { border-color: var(--cyan); background: rgba(77,163,255,0.07); }
.legacy .footer-links { display: flex; gap: 24px; }
.legacy .footer-links a { font-size: 0.8rem; color: var(--muted); text-decoration: none; transition: color .2s; }
.legacy .footer-links a:hover { color: var(--cyan); }
@media (max-width: 900px)  {
.legacy .hero-inner { grid-template-columns: 1fr; }
.legacy .hero-stats { grid-template-rows: auto; grid-template-columns: repeat(3, 1fr); }
.legacy .defense-inner { grid-template-columns: 1fr; }
.legacy .campaign-inner { grid-template-columns: 1fr; }
.legacy .pkg-grid { grid-template-columns: 1fr; }
.legacy .steps { grid-template-columns: repeat(2, 1fr); }
.legacy .step:nth-child(2) { border-right: none; }
}
@media (max-width: 560px)  {
.legacy .hero-stats { grid-template-columns: 1fr; }
.legacy .steps { grid-template-columns: 1fr; }
.legacy .step { border-right: none; }
}
.legacy .reveal { opacity: 0; transform: translateY(24px); transition: opacity .6s, transform .6s; }
.legacy .reveal.visible { opacity: 1; transform: translateY(0); }
.legacy .hero-single { max-width: 820px; margin: 0 auto; text-align: left; }
.legacy .form-card { background: var(--card); border: 1px solid var(--border); padding: 44px; max-width: 900px; }
.legacy .form-wide .form-card { max-width: none; }
.legacy .form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.legacy .form-grid .full { grid-column: 1 / -1; }
.legacy .fld label { display:block; font-family: var(--mono); font-size:0.68rem; letter-spacing:2px; text-transform:uppercase; color:var(--cyan); margin-bottom:6px; }
.legacy .fld input,
.legacy .fld select,
.legacy .fld textarea {
    width:100%; background:var(--navy); border:1px solid var(--border); color:var(--white);
    font-family: var(--sans); font-size: 1rem; padding: 15px 16px; outline:none;
    transition:border-color .2s;
  }
.legacy .fld input:focus,
.legacy .fld select:focus,
.legacy .fld textarea:focus { border-color: var(--cyan); }
.legacy .fld textarea { min-height: 190px; resize: vertical; }
.legacy .form-btn {
    background: var(--cyan); color: var(--black); border: none; cursor: pointer;
    font-family: var(--sans); font-weight:800; font-size:0.85rem; letter-spacing:1.5px;
    text-transform:uppercase; padding:16px 40px; margin-top: 20px;
    clip-path: polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px));
    transition: background .25s;
  }
.legacy .form-btn:hover { background: var(--white); }
.legacy .form-note { font-size: 0.75rem; color: var(--muted); margin-top: 14px; }
@media (max-width: 700px)  {
.legacy .form-grid { grid-template-columns: 1fr; }
.legacy .form-card { padding: 24px; }
}
.legacy .blog-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(300px,1fr)); gap:20px; }
.legacy .blog-card { background:var(--card); border:1px solid var(--border); padding:28px; display:flex; flex-direction:column; transition:border-color .3s, transform .3s; }
.legacy .blog-card:hover { border-color:var(--cyan); transform:translateY(-4px); }
.legacy .blog-date { font-family: var(--mono); font-size:0.7rem; letter-spacing:2px; color:var(--cyan); margin-bottom:12px; }
.legacy .blog-card h3 { font-size:1.15rem; font-weight:800; margin-bottom:12px; line-height:1.35; }
.legacy .blog-card p { font-size:0.85rem; color:var(--muted); line-height:1.65; flex:1; margin-bottom:18px; }
.legacy .blog-link { color:var(--cyan); text-decoration:none; font-family: var(--mono); font-size:0.75rem; letter-spacing:1.5px; text-transform:uppercase; }
.legacy .blog-link:hover { color:var(--white); }
.legacy .article { max-width: 780px; margin: 0 auto; }
.legacy .article h2 { font-size: clamp(1.6rem, 3vw, 2.4rem); margin-top: 48px; }
.legacy .article h3 { font-size: 1.15rem; font-weight: 800; margin-top: 32px; margin-bottom: 10px; color: var(--white); }
.legacy .article p { color: var(--muted); font-size: 0.95rem; line-height: 1.8; margin-bottom: 18px; }
.legacy .article ul,
.legacy .article ol { color: var(--muted); font-size: 0.95rem; line-height: 1.8; margin: 0 0 18px 22px; }
.legacy .article strong { color: var(--white); }
.legacy .calc-tier b,
.legacy .calc-tier i { display: block; font-style: normal; }
.legacy .calc-tier b { font-weight: 700; letter-spacing: .04em; }
.legacy .calc-tier i { font-size: .72rem; opacity: .72; margin-top: 2px;
                 font-weight: 400; letter-spacing: .02em; }
.legacy .pr-metal {
    display: inline-block; font-family: var(--mono);
    font-size: .66rem; font-weight: 500; letter-spacing: .18em;
    text-transform: uppercase; padding: 4px 11px; border-radius: 999px;
    margin-bottom: 10px; border: 1px solid currentColor; }
.legacy .pr-metal-silver { color: #b9c4cf; }
.legacy .pr-metal-gold { color: #e8c46a; }
.legacy .pr-metal-platinum { color: #6fe3ff; }
.legacy .pr-metal-business { color: #b07cf5; }
.legacy .pr-metal-sbp { color: #7fd4a8; }
.legacy .pkg-metal {
    display: inline-block; font-family: var(--mono);
    font-size: .62rem; letter-spacing: .16em; text-transform: uppercase;
    padding: 2px 9px; border-radius: 999px; margin-left: 8px;
    border: 1px solid currentColor; vertical-align: middle; }
.legacy .lgl h2 {
    font-family: var(--sans); font-weight: 800;
    font-size: 1.12rem; letter-spacing: .01em; color: var(--white);
    margin-top: 42px; margin-bottom: 12px;
    padding-top: 18px; border-top: 1px solid rgba(255,255,255,.08); }
.legacy .lgl h2:first-of-type { border-top: 0; padding-top: 0; }
.legacy .lgl p { font-size: 0.97rem; line-height: 1.85; }
.legacy .lgl .lgl-lede { color: var(--white); font-size: 1.05rem; line-height: 1.8; }
.legacy .lgl .lgl-meta {
    display: flex; flex-wrap: wrap; gap: 8px 20px;
    font-family: var(--mono); font-size: .74rem;
    letter-spacing: .06em; text-transform: uppercase; color: var(--muted);
    padding: 14px 0 18px; margin-bottom: 22px;
    border-bottom: 1px solid rgba(255,255,255,.1); }
.legacy .lgl .lgl-meta strong { color: var(--cyan); }
.legacy .lgl .lgl-note {
    border-left: 2px solid var(--cyan); background: rgba(0,180,216,.06);
    padding: 16px 20px; margin: 26px 0; border-radius: 0 8px 8px 0;
    color: var(--muted); font-size: .93rem; line-height: 1.75; }
.legacy .lgl .lgl-note strong { color: var(--white); }
.legacy .lgl .lgl-foot {
    margin-top: 46px; padding-top: 18px;
    border-top: 1px solid rgba(255,255,255,.1);
    font-family: var(--mono); font-size: .78rem;
    line-height: 1.9; color: var(--muted); }
.legacy .lgl code {
    font-family: var(--mono); font-size: .88em;
    background: rgba(255,255,255,.07); padding: 2px 6px; border-radius: 4px;
    color: var(--cyan); }
.legacy .loc-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 18px; }
.legacy .loc-card {
    background: var(--card); border: 1px solid var(--border); padding: 26px;
    text-decoration: none; display: block; transition: border-color .3s, transform .3s;
  }
.legacy .loc-card:hover { border-color: var(--cyan); transform: translateY(-4px); }
.legacy .loc-card h3 { font-family: var(--sans); font-weight: 400; text-transform: uppercase; letter-spacing: -0.01em; font-size: calc((1.5rem) * 0.66); letter-spacing: 1.5px; color: var(--white); margin-bottom: 8px; }
.legacy .loc-card p { font-size: 0.83rem; color: var(--muted); line-height: 1.6; }
.legacy .loc-card .loc-county { font-family: var(--mono); font-size: 0.65rem; letter-spacing: 1.5px; color: var(--cyan); text-transform: uppercase; display: block; margin-bottom: 10px; }
.legacy .answer-box {
    background: linear-gradient(135deg, rgba(77,163,255,0.06) 0%, var(--card) 60%);
    border-left: 3px solid var(--cyan); padding: 26px 30px; margin-bottom: 32px;
  }
.legacy .answer-box p { font-size: 1rem; color: var(--white); line-height: 1.75; margin: 0; }
.legacy .hero-grid { pointer-events: none !important; }
.legacy .test-card::before,
.legacy .uc-card::after { pointer-events: none !important; }
.legacy [id] { scroll-margin-top: 96px; }
.legacy .fab-wrap { position: fixed; right: 22px; bottom: 22px; z-index: 400; }
.legacy .fab-menu {
    display: flex; flex-direction: column; gap: 10px; margin-bottom: 12px;
    opacity: 0; transform: translateY(10px) scale(.96); pointer-events: none;
    transition: opacity .22s, transform .22s;
  }
.legacy .fab-wrap.open .fab-menu { opacity: 1; transform: none; pointer-events: auto; }
.legacy .fab-item {
    display: flex; align-items: center; gap: 10px; text-decoration: none;
    background: var(--card); border: 1px solid var(--border);
    color: var(--white); padding: 11px 16px; font-family: var(--sans);
    font-size: 0.82rem; font-weight: 600; white-space: nowrap;
    box-shadow: 0 6px 24px rgba(0,0,0,.5); transition: border-color .2s, transform .2s;
  }
.legacy .fab-item:hover { border-color: var(--cyan); transform: translateX(-3px); }
.legacy .fab-item .fi { font-size: 1rem; }
.legacy .fab-item small { display: block; color: var(--muted); font-size: 0.68rem; font-weight: 400; }
.legacy .fab-btn {
    width: 58px; height: 58px; border-radius: 50%; border: none; cursor: pointer;
    background: var(--cyan); color: var(--black); font-size: 1.5rem; line-height: 1;
    margin-left: auto; display: flex; align-items: center; justify-content: center;
    box-shadow: 0 6px 26px rgba(77,163,255,.35); transition: transform .2s, background .2s;
  }
.legacy .fab-btn:hover { transform: scale(1.06); }
.legacy .fab-wrap.open .fab-btn { background: var(--white); transform: rotate(45deg); }
.legacy .fab-label {
    position: absolute; right: 70px; bottom: 18px; white-space: nowrap;
    background: var(--card); border: 1px solid var(--border); color: var(--white);
    font-size: 0.75rem; padding: 6px 12px; opacity: 0; pointer-events: none; transition: opacity .2s;
  }
.legacy .fab-wrap:not(.open):hover .fab-label { opacity: 1; }
@media (max-width: 560px)  {
.legacy .fab-wrap { right: 14px; bottom: 14px; }
.legacy .fab-label { display: none; }
}
.legacy .fab-item.fab-whatsapp .fi { color: #25d366; }
.legacy .fab-item.fab-telegram .fi { color: #29a9eb; }
.legacy .fab-item.fab-whatsapp:hover { border-color: #25d366; }
.legacy .fab-item.fab-telegram:hover { border-color: #29a9eb; }
.legacy .fab-item .fi svg { display: block; }
.legacy .cg-toast {
    position: fixed; left: 50%; bottom: 32px; transform: translateX(-50%) translateY(20px);
    background: var(--cyan); color: var(--black); font-family: var(--sans);
    font-weight: 700; font-size: 0.85rem; letter-spacing: .5px; padding: 13px 24px;
    z-index: 600; opacity: 0; transition: opacity .25s, transform .25s; pointer-events: none;
    clip-path: polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px));
  }
.legacy .cg-toast.show { opacity: 1; transform: translateX(-50%) translateY(0); }
.legacy .fld.prefilled select { border-color: var(--cyan); box-shadow: 0 0 0 2px rgba(77,163,255,0.18); }
.legacy .fld.prefilled label::after {
    content: " ✓ preselected";
    color: var(--green); letter-spacing: 1px; margin-left: 6px;
  }
.legacy .pr-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 22px; margin-top: 44px; align-items: start; }
.legacy .pr-card {
    background: var(--card); border: 1px solid var(--border); padding: 32px 28px;
    display: flex; flex-direction: column; position: relative;
    transition: transform .3s cubic-bezier(.2,.7,.3,1), border-color .3s, box-shadow .3s;
  }
.legacy .pr-card:hover { transform: translateY(-6px); border-color: var(--cyan); box-shadow: 0 16px 44px rgba(0,0,0,.45); }
.legacy .pr-featured { border-color: var(--cyan); box-shadow: 0 0 0 1px rgba(77,163,255,.25), 0 14px 40px rgba(0,0,0,.4); }
.legacy .pr-flag {
    position: absolute; top: -11px; left: 28px; background: var(--cyan); color: var(--black);
    font-family: var(--mono); font-size: 0.62rem; letter-spacing: 1.6px;
    text-transform: uppercase; padding: 4px 12px; font-weight: 600;
  }
.legacy .pr-emoji { font-size: 2rem; display: block; margin-bottom: 14px; filter: drop-shadow(0 2px 5px rgba(0,0,0,.65)); }
.legacy .pr-card h3 { font-family: var(--sans); font-weight: 800; font-size: 1.35rem; color: var(--white); margin: 0 0 6px; }
.legacy .pr-tag { font-family: var(--mono); font-size: 0.66rem; letter-spacing: 1.4px; text-transform: uppercase; color: var(--cyan); margin: 0 0 22px; }
.legacy .pr-price { display: flex; align-items: baseline; gap: 10px; margin-bottom: 16px; flex-wrap: wrap; }
.legacy .pr-amount { font-family: var(--sans); font-weight: 400; text-transform: uppercase; letter-spacing: -0.01em; font-size: calc((3.4rem) * 0.66); line-height: 1; color: var(--white); letter-spacing: 1px; }
.legacy .pr-unit { color: var(--muted); font-size: 0.8rem; }
.legacy .pr-line { color: var(--muted); font-size: 0.9rem; line-height: 1.6; margin: 0 0 22px; }
.legacy .pr-feats { list-style: none; padding: 0; margin: 0 0 26px; flex: 1; }
.legacy .pr-feats li {
    color: var(--muted); font-size: 0.86rem; line-height: 1.55; padding: 7px 0 7px 24px;
    position: relative; border-bottom: 1px solid rgba(255,255,255,.045);
  }
.legacy .pr-feats li::before { content: "✓"; position: absolute; left: 0; color: var(--cyan); font-weight: 700; }
.legacy .pr-feats li.no { color: rgba(255,255,255,.38); }
.legacy .pr-feats li.no::before { content: "✕"; color: #7a8798; }
.legacy .pr-feats li.up { color: var(--muted); }
.legacy .pr-feats li.up::before { content: "↑"; color: #d9a441; }
.legacy .pr-cta { text-align: center; width: 100%; }
.legacy .pr-note { color: var(--muted); font-size: 0.8rem; margin-top: 26px; line-height: 1.7; }
.legacy .pr-addon-price { color: var(--cyan); font-family: var(--mono); font-size: 0.74rem; letter-spacing: 1px; margin: 0 0 10px; }
.legacy .journey { display: grid; grid-template-columns: 340px 1fr; gap: 56px; margin-top: 46px; align-items: start; }
@media (max-width: 900px)  {
.legacy .journey { grid-template-columns: minmax(0, 1fr); gap: 28px; }
}
.legacy .jr-sticky { position: sticky; top: 120px; }
@media (max-width: 900px)  {
.legacy .jr-sticky { position: static; }
}
.legacy .jr-eyebrow {
    font-family: var(--mono); font-size: 0.66rem; letter-spacing: 1.8px;
    text-transform: uppercase; color: var(--cyan); display: block; margin-bottom: 18px;
  }
.legacy .jr-figure { display: flex; align-items: center; gap: 16px; margin-bottom: 6px; }
.legacy .jr-emoji { font-size: 2.6rem; line-height: 1; filter: drop-shadow(0 2px 6px rgba(0,0,0,.7)); transition: transform .4s cubic-bezier(.2,.7,.3,1), opacity .3s; }
.legacy .jr-num {
    font-family: var(--sans); font-weight: 400; text-transform: uppercase; letter-spacing: -0.01em; font-size: calc((4.4rem) * 0.66); line-height: .9;
    color: rgba(255,255,255,.13); letter-spacing: 2px; transition: color .35s;
  }
.legacy .jr-title { font-family: var(--sans); font-weight: 800; font-size: 1.75rem; color: var(--white); margin: 0 0 6px; transition: opacity .3s; }
.legacy .jr-when { font-family: var(--mono); font-size: 0.74rem; letter-spacing: 1.2px; color: var(--cyan); margin: 0 0 22px; }
.legacy .jr-rail { height: 3px; background: var(--border); position: relative; overflow: hidden; }
.legacy .jr-fill { position: absolute; left: 0; top: 0; bottom: 0; width: 20%; background: var(--cyan); transition: width .45s cubic-bezier(.2,.7,.3,1); }
.legacy .jr-dots { display: flex; gap: 9px; margin-top: 18px; }
.legacy .jr-dot {
    width: 9px; height: 9px; border-radius: 50%; border: 1px solid var(--border);
    background: transparent; padding: 0; cursor: pointer; transition: all .28s;
  }
.legacy .jr-dot:hover { border-color: var(--cyan); transform: scale(1.25); }
.legacy .jr-dot.active { background: var(--cyan); border-color: var(--cyan); transform: scale(1.3); }
.legacy .jr-dot.done { background: rgba(77,163,255,.4); border-color: rgba(77,163,255,.4); }
.legacy .jr-foot { color: var(--muted); font-size: 0.78rem; line-height: 1.65; margin-top: 26px; }
.legacy .jr-steps { display: flex; flex-direction: column; gap: 18px; }
.legacy .jr-step {
    background: var(--card); border: 1px solid var(--border); padding: 32px 30px;
    opacity: .42; transition: opacity .45s, border-color .45s, transform .45s cubic-bezier(.2,.7,.3,1);
  }
.legacy .jr-step.in { opacity: 1; border-color: rgba(77,163,255,.35); transform: translateX(4px); }
.legacy .jr-step-head { display: flex; align-items: center; gap: 16px; margin-bottom: 18px; }
.legacy .jr-step-n {
    font-family: var(--sans); font-weight: 400; text-transform: uppercase; letter-spacing: -0.01em; font-size: calc((2rem) * 0.66); line-height: 1;
    color: var(--cyan); letter-spacing: 1px;
  }
.legacy .jr-step-emoji { font-size: 1.7rem; filter: drop-shadow(0 2px 5px rgba(0,0,0,.65)); }
.legacy .jr-step-head h3 { font-family: var(--sans); font-weight: 800; font-size: 1.2rem; color: var(--white); margin: 0 0 3px; }
.legacy .jr-step-when { font-family: var(--mono); font-size: 0.68rem; letter-spacing: 1.1px; color: var(--muted); text-transform: uppercase; }
.legacy .jr-lead { color: var(--white); font-size: 1rem; line-height: 1.65; margin: 0 0 12px; font-weight: 600; }
.legacy .jr-body { color: var(--muted); font-size: 0.9rem; line-height: 1.75; margin: 0 0 16px; }
.legacy .jr-you {
    color: var(--cyan); font-family: var(--mono); font-size: 0.76rem;
    letter-spacing: .6px; margin: 0; padding-top: 14px; border-top: 1px solid var(--border);
  }
@media (prefers-reduced-motion: reduce)  {
.legacy .jr-step { opacity: 1 !important; transform: none !important; }
}
.legacy .calc { display: grid; grid-template-columns: 1.15fr 1fr; gap: 32px; margin-top: 42px; align-items: start; }
@media (max-width: 900px)  {
.legacy .calc { grid-template-columns: 1fr; }
}
.legacy .calc-inputs { background: var(--card); border: 1px solid var(--border); padding: 30px 28px; }
.legacy .calc-field { margin-bottom: 26px; }
.legacy .calc-field:last-child { margin-bottom: 0; }
.legacy .calc-field > label {
    display: flex; justify-content: space-between; align-items: baseline;
    font-family: var(--sans); font-weight: 700; font-size: 0.88rem;
    color: var(--white); margin-bottom: 12px;
  }
.legacy .calc-val { font-family: var(--sans); font-weight: 400; text-transform: uppercase; letter-spacing: -0.01em; font-size: calc((1.9rem) * 0.66); color: var(--cyan); line-height: 1; }
.legacy .calc-hint { display: block; color: var(--muted); font-size: 0.76rem; line-height: 1.5; margin-top: 8px; }
.legacy .calc-field input[type=range] {
    width: 100%; -webkit-appearance: none; appearance: none; height: 4px;
    background: var(--border); outline: none; cursor: pointer;
  }
.legacy .calc-field input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none; appearance: none; width: 20px; height: 20px;
    background: var(--cyan); cursor: pointer; border: 3px solid var(--black);
    box-shadow: 0 0 0 1px var(--cyan); transition: transform .18s;
  }
.legacy .calc-field input[type=range]::-webkit-slider-thumb:hover { transform: scale(1.2); }
.legacy .calc-field input[type=range]::-moz-range-thumb {
    width: 16px; height: 16px; background: var(--cyan); cursor: pointer;
    border: 3px solid var(--black); box-shadow: 0 0 0 1px var(--cyan);
  }
.legacy .calc-tiers { display: flex; gap: 8px; flex-wrap: wrap; }
.legacy .calc-tier {
    flex: 1; min-width: 96px; background: transparent; border: 1px solid var(--border);
    color: var(--muted); font-family: var(--sans); font-weight: 700; font-size: 0.78rem;
    padding: 11px 8px; cursor: pointer; transition: all .22s;
  }
.legacy .calc-tier:hover { border-color: var(--cyan); color: var(--white); }
.legacy .calc-tier.active { background: var(--cyan); color: var(--black); border-color: var(--cyan); }
.legacy .calc-addons { display: flex; flex-direction: column; gap: 10px; }
.legacy .calc-check { display: flex; align-items: center; gap: 10px; color: var(--muted); font-size: 0.86rem; cursor: pointer; }
.legacy .calc-check input { accent-color: #4DA3FF; width: 16px; height: 16px; cursor: pointer; }
.legacy .calc-check:hover { color: var(--white); }
.legacy .calc-out {
    background: linear-gradient(160deg, rgba(77,163,255,.09), var(--card) 55%);
    border: 1px solid var(--cyan); padding: 32px 28px; position: sticky; top: 110px;
  }
@media (max-width: 900px)  {
.legacy .calc-out { position: static; }
}
.legacy .calc-out-label { font-family: var(--mono); font-size: 0.66rem; letter-spacing: 1.8px; text-transform: uppercase; color: var(--cyan); }
.legacy .calc-figure { display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap; margin: 10px 0 22px; }
.legacy .calc-figure span { font-family: var(--sans); font-weight: 400; text-transform: uppercase; letter-spacing: -0.01em; font-size: calc((3rem) * 0.66); line-height: 1; color: var(--white); letter-spacing: 1px; }
.legacy .calc-dash { font-size: 1rem !important; color: var(--muted) !important; font-family: var(--sans); }
.legacy .calc-break { border-top: 1px solid var(--border); padding-top: 16px; margin-bottom: 20px; }
.legacy .calc-line { display: flex; justify-content: space-between; gap: 14px; color: var(--muted); font-size: 0.82rem; padding: 6px 0; }
.legacy .calc-line-total { border-top: 1px solid var(--border); margin-top: 8px; padding-top: 12px; color: var(--white); font-weight: 700; }
.legacy .calc-flag { color: var(--cyan); font-size: 0.78rem; line-height: 1.55; margin-top: 14px; padding: 10px 12px; background: rgba(77,163,255,.08); }
.legacy .calc-disclaimer { color: var(--muted); font-size: 0.76rem; line-height: 1.6; margin: 0 0 20px; }
.legacy .calc-cta { display: block; text-align: center; margin-bottom: 14px; }
.legacy .hero-stats .stat-card { animation: statIn .7s cubic-bezier(.2,.7,.3,1) both; }
.legacy .hero-stats .stat-card:nth-child(1) { animation-delay: .10s; }
.legacy .hero-stats .stat-card:nth-child(2) { animation-delay: .19s; }
.legacy .hero-stats .stat-card:nth-child(3) { animation-delay: .28s; }
.legacy .hero-stats .stat-card:nth-child(4) { animation-delay: .37s; }
@keyframes statIn { from { opacity: 0; transform: translateX(26px); } to { opacity: 1; transform: none; } }
.legacy .stat-card { transition: transform .28s cubic-bezier(.2,.7,.3,1), border-color .28s, background .28s; }
.legacy .stat-card:hover { transform: translateX(-4px); border-color: var(--cyan); }
.legacy .section-tag { position: relative; }
.legacy .section-tag.visible::after {
    content: ""; position: absolute; left: 0; bottom: -8px; height: 1px;
    background: var(--cyan); width: 0; animation: ruleGrow .8s cubic-bezier(.2,.7,.3,1) .15s forwards;
    pointer-events: none;
  }
@keyframes ruleGrow { to { width: 100%; } }
.legacy .uc-card { position: relative; overflow: hidden; }
.legacy .uc-card .uc-num { transition: color .3s, letter-spacing .3s; }
.legacy .uc-card:hover .uc-num { color: var(--cyan); letter-spacing: 2.4px; }
.legacy .uc-card::after {
    content: ""; position: absolute; left: 0; right: 0; top: 0; height: 2px;
    background: linear-gradient(90deg, var(--cyan), transparent);
    transform: scaleX(0); transform-origin: left;
    transition: transform .4s cubic-bezier(.2,.7,.3,1); pointer-events: none;
  }
.legacy .uc-card:hover::after { transform: scaleX(1); }
.legacy .defense-list li {
    transition: transform .25s cubic-bezier(.2,.7,.3,1), background .25s;
    padding-left: 0; border-radius: 2px;
  }
.legacy .defense-list li:hover { transform: translateX(6px); background: rgba(77,163,255,.045); }
.legacy .defense-list .di { transition: transform .3s cubic-bezier(.2,.7,.3,1); display: inline-block; }
.legacy .defense-list li:hover .di { transform: scale(1.18) rotate(-6deg); }
.legacy .loc-card { position: relative; overflow: hidden; }
.legacy .loc-card::before {
    content: ""; position: absolute; inset: 0 auto 0 0; width: 3px; background: var(--cyan);
    transform: scaleY(0); transform-origin: top;
    transition: transform .35s cubic-bezier(.2,.7,.3,1); pointer-events: none;
  }
.legacy .loc-card:hover::before { transform: scaleY(1); }
.legacy .btn-primary,
.legacy .btn-outline,
.legacy .form-btn {
    transition: transform .2s cubic-bezier(.2,.7,.3,1), background .25s, color .25s, box-shadow .25s;
  }
.legacy .btn-primary:hover,
.legacy .form-btn:hover { transform: translateY(-2px); box-shadow: 0 10px 26px rgba(77,163,255,.28); }
.legacy .btn-outline:hover { transform: translateY(-2px); }
.legacy .btn-primary:active,
.legacy .btn-outline:active,
.legacy .form-btn:active { transform: translateY(0); }
.legacy .faq-list details { transition: background .25s, border-color .25s; }
.legacy .faq-list details:hover { border-color: var(--cyan); }
.legacy .faq-list summary { transition: color .2s, padding-left .25s; }
.legacy .faq-list details:hover summary { color: var(--white); padding-left: 4px; }
.legacy .faq-list details[open] > *:not(summary) { animation: faqOpen .35s cubic-bezier(.2,.7,.3,1) both; }
@keyframes faqOpen { from { opacity: 0; transform: translateY(-6px); } to { opacity: 1; transform: none; } }
.legacy .answer-box { position: relative; overflow: hidden; }
.legacy .answer-box::after {
    content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 3px;
    background: linear-gradient(180deg, var(--cyan), transparent);
    animation: accentPulse 4.5s ease-in-out infinite; pointer-events: none;
  }
@keyframes accentPulse { 0%,100% { opacity: .55; } 50% { opacity: 1; } }
.legacy a:focus-visible,
.legacy button:focus-visible,
.legacy summary:focus-visible,
.legacy input:focus-visible,
.legacy select:focus-visible,
.legacy textarea:focus-visible {
    outline: 2px solid var(--cyan); outline-offset: 3px;
  }
.legacy .ca-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 26px; margin-top: 40px; }
.legacy .ca-col h4 {
    font-family: var(--mono); font-size: 0.68rem; letter-spacing: 1.8px;
    text-transform: uppercase; color: var(--cyan); margin: 0 0 14px;
    padding-bottom: 10px; border-bottom: 1px solid var(--border);
  }
.legacy .ca-links { display: flex; flex-direction: column; gap: 7px; }
.legacy .ca-links a {
    color: var(--muted); text-decoration: none; font-size: 0.88rem; line-height: 1.5;
    transition: color .2s, transform .2s; display: inline-block;
  }
.legacy .ca-links a:hover { color: var(--cyan); transform: translateX(3px); }
.legacy .reveal { opacity: 0; transform: translateY(26px); transition: opacity .7s cubic-bezier(.2,.7,.3,1), transform .7s cubic-bezier(.2,.7,.3,1); }
.legacy .reveal.visible { opacity: 1; transform: none; }
.legacy .reveal[data-d="1"] { transition-delay: .07s; }
.legacy .reveal[data-d="2"] { transition-delay: .14s; }
.legacy .reveal[data-d="3"] { transition-delay: .21s; }
.legacy .reveal[data-d="4"] { transition-delay: .28s; }
.legacy .reveal[data-d="5"] { transition-delay: .35s; }
.legacy .hero-inner > div > * { animation: heroIn .85s cubic-bezier(.2,.7,.3,1) both; }
.legacy .hero-inner > div > *:nth-child(2) { animation-delay: .08s; }
.legacy .hero-inner > div > *:nth-child(3) { animation-delay: .16s; }
.legacy .hero-inner > div > *:nth-child(4) { animation-delay: .24s; }
@keyframes heroIn { from { opacity: 0; transform: translateY(22px); } to { opacity: 1; transform: none; } }
.legacy .hero::after {
    content: ""; position: absolute; z-index: 0; pointer-events: none;
    width: 620px; height: 620px; right: -160px; top: -180px; border-radius: 50%;
    background: radial-gradient(circle, rgba(77,163,255,.13) 0%, rgba(77,163,255,0) 68%);
    animation: blobDrift 22s ease-in-out infinite alternate;
  }
@keyframes blobDrift {
    0%   { transform: translate3d(0,0,0) scale(1); }
    50%  { transform: translate3d(-60px,50px,0) scale(1.14); }
    100% { transform: translate3d(30px,-40px,0) scale(.94); }
  }
.legacy .uc-card,
.legacy .ind-card,
.legacy .pt-card,
.legacy .st-card,
.legacy .rfp-card,
.legacy .stat-card,
.legacy .loc-card,
.legacy .test-card {
    transition: transform .3s cubic-bezier(.2,.7,.3,1), border-color .3s, box-shadow .3s, background .3s;
    will-change: transform;
  }
.legacy .uc-card:hover,
.legacy .ind-card:hover,
.legacy .pt-card:hover,
.legacy .st-card:hover,
.legacy .rfp-card:hover,
.legacy .loc-card:hover {
    transform: translateY(-6px); border-color: var(--cyan);
    box-shadow: 0 14px 40px rgba(0,0,0,.45), 0 0 0 1px rgba(77,163,255,.18);
  }
.legacy .stat-num.counting { font-variant-numeric: tabular-nums; }
.legacy .mq {
    border-top: 1px solid var(--border); border-bottom: 1px solid var(--border);
    background: var(--navy); overflow: hidden; padding: 16px 0; position: relative;
  }
.legacy .mq::before,
.legacy .mq::after {
    content: ""; position: absolute; top: 0; bottom: 0; width: 120px; z-index: 2; pointer-events: none;
  }
.legacy .mq::before { left: 0; background: linear-gradient(90deg, var(--navy), transparent); }
.legacy .mq::after { right: 0; background: linear-gradient(270deg, var(--navy), transparent); }
.legacy .mq-track { display: flex; width: max-content; animation: mqScroll 42s linear infinite; }
.legacy .mq:hover .mq-track { animation-play-state: paused; }
.legacy .mq-item {
    display: inline-flex; align-items: center; gap: 10px; padding: 0 30px;
    font-family: var(--sans); font-weight: 700; font-size: 0.86rem;
    letter-spacing: 1.4px; text-transform: uppercase; color: var(--muted); white-space: nowrap;
  }
.legacy .mq-item .mqe { font-size: 1.05rem; }
.legacy .mq-item::after { content: ""; width: 5px; height: 5px; background: var(--cyan); margin-left: 30px; }
@keyframes mqScroll { from { transform: translateX(0); } to { transform: translateX(-50%); } }
.legacy .tag-emoji,
.legacy .uc-emoji,
.legacy .ind-emoji,
.legacy .rfp-emoji,
.legacy .pt-emoji,
.legacy .st-emoji,
.legacy .mqe,
.legacy .warn-emoji,
.legacy .vs-emoji {
    background: none !important; border: none !important; box-shadow: none !important;
    font-style: normal; line-height: 1;
    
    filter: drop-shadow(0 2px 5px rgba(0,0,0,.65));
  }
.legacy .tag-emoji { font-size: 1.02em; margin-right: 4px; }
.legacy .uc-emoji { display: block; font-size: 1.9rem; margin: 0 0 12px; transition: transform .3s cubic-bezier(.2,.7,.3,1); }
.legacy .uc-card:hover .uc-emoji { transform: translateY(-3px) scale(1.12) rotate(-4deg); }
.legacy .ind-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(290px, 1fr)); gap: 20px; margin-top: 40px; }
.legacy .ind-card {
    background: var(--card); border: 1px solid var(--border); padding: 30px 26px 26px;
    text-decoration: none; display: flex; flex-direction: column; position: relative; overflow: hidden;
  }
.legacy .ind-card::before {
    content: ""; position: absolute; inset: 0 auto 0 0; width: 3px; background: var(--cyan);
    transform: scaleY(0); transform-origin: top; transition: transform .35s cubic-bezier(.2,.7,.3,1); pointer-events: none;
  }
.legacy .ind-card:hover::before { transform: scaleY(1); }
.legacy .ind-emoji { font-size: 2.3rem; display: block; margin-bottom: 14px; transition: transform .35s cubic-bezier(.2,.7,.3,1); }
.legacy .ind-card:hover .ind-emoji { transform: scale(1.16) rotate(-6deg); }
.legacy .ind-card h3 { font-family: var(--sans); font-weight: 800; font-size: 1.12rem; color: var(--white); margin: 0 0 10px; letter-spacing: .2px; }
.legacy .ind-card p { color: var(--muted); font-size: 0.88rem; line-height: 1.62; margin: 0 0 18px; flex: 1; }
.legacy .ind-go { font-family: var(--mono); font-size: 0.68rem; letter-spacing: 1.6px; text-transform: uppercase; color: var(--cyan); }
.legacy .vs-band { background: var(--navy); border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); }
.legacy .vs-wrap { margin-top: 36px; overflow-x: auto; -webkit-overflow-scrolling: touch; }
.legacy .vs-table { width: 100%; border-collapse: collapse; min-width: 640px; }
.legacy .vs-table th,
.legacy .vs-table td { text-align: left; padding: 16px 18px; border-bottom: 1px solid var(--border); vertical-align: top; font-size: 0.9rem; line-height: 1.55; }
.legacy .vs-table thead th {
    font-family: var(--mono); font-size: 0.68rem; letter-spacing: 1.8px;
    text-transform: uppercase; color: var(--muted); border-bottom: 1px solid var(--cyan);
  }
.legacy .vs-table thead th:last-child { color: var(--cyan); }
.legacy .vs-table tbody th {
    font-family: var(--sans); font-weight: 800; color: var(--white);
    width: 150px; white-space: nowrap;
  }
.legacy .vs-old { color: var(--muted); }
.legacy .vs-old::before { content: "✕ "; color: #ff5c5c; font-weight: 700; }
.legacy .vs-new { color: var(--white); }
.legacy .vs-new::before { content: "✓ "; color: var(--cyan); font-weight: 700; }
.legacy .vs-table tbody tr { transition: background .25s; }
.legacy .vs-table tbody tr:hover { background: rgba(77,163,255,.045); }
@media (max-width: 700px)  {
.legacy .vs-table tbody th { width: auto; white-space: normal; }
}
.legacy .rfp-band { background: var(--black); }
.legacy .rfp-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 20px; margin-top: 40px; }
.legacy .rfp-card { background: var(--card); border: 1px solid var(--border); padding: 28px 24px; }
.legacy .rfp-emoji { font-size: 1.9rem; display: block; margin-bottom: 12px; }
.legacy .rfp-card h3 { font-family: var(--sans); font-weight: 800; font-size: 1.02rem; color: var(--white); margin: 0 0 10px; }
.legacy .rfp-card p { color: var(--muted); font-size: 0.87rem; line-height: 1.65; margin: 0; }
.legacy .pt-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(288px, 1fr)); gap: 20px; margin-top: 40px; }
.legacy .pt-card {
    background: var(--card); border: 1px solid var(--border); padding: 28px 24px 24px;
    text-decoration: none; display: flex; flex-direction: column; position: relative;
  }
.legacy .pt-emoji { font-size: 2.1rem; display: block; margin-bottom: 14px; transition: transform .3s cubic-bezier(.2,.7,.3,1); }
.legacy .pt-card:hover .pt-emoji { transform: scale(1.14) rotate(-5deg); }
.legacy .pt-card h3 { font-family: var(--sans); font-weight: 800; font-size: 1.05rem; color: var(--white); margin: 0 0 10px; }
.legacy .pt-card p { color: var(--muted); font-size: 0.87rem; line-height: 1.62; margin: 0 0 18px; flex: 1; }
.legacy .pt-go { font-family: var(--mono); font-size: 0.68rem; letter-spacing: 1.6px; text-transform: uppercase; color: var(--cyan); }
.legacy .pt-urgent { border-color: rgba(255,92,92,.55); background: linear-gradient(180deg, rgba(255,92,92,.09), var(--card) 60%); }
.legacy .pt-urgent .pt-go { color: #ff8a8a; }
.legacy .pt-urgent:hover { border-color: #ff5c5c; box-shadow: 0 14px 40px rgba(0,0,0,.45), 0 0 0 1px rgba(255,92,92,.3); }
.legacy .pt-urgent .pt-emoji { animation: pulseAlert 2.4s ease-in-out infinite; }
@keyframes pulseAlert { 0%,100% { transform: scale(1); } 50% { transform: scale(1.12); } }
.legacy .pt-soon { border-style: dashed; }
.legacy .st-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 16px; margin-top: 36px; }
.legacy .st-card {
    background: var(--card); border: 1px solid var(--border); padding: 20px;
    text-decoration: none; display: flex; flex-direction: column; gap: 6px;
  }
.legacy .st-emoji { font-size: 1.5rem; }
.legacy .st-card strong { font-family: var(--sans); font-weight: 800; color: var(--white); font-size: 0.95rem; }
.legacy .st-card span:last-child { color: var(--muted); font-size: 0.78rem; line-height: 1.5; }
.legacy .warn-box {
    display: flex; gap: 16px; align-items: flex-start; margin-top: 36px; padding: 24px 26px;
    background: rgba(255,92,92,.07); border: 1px solid rgba(255,92,92,.4);
  }
.legacy .warn-emoji { font-size: 1.6rem; flex-shrink: 0; }
.legacy .warn-box strong { display: block; font-family: var(--sans); font-weight: 800; color: var(--white); font-size: 0.98rem; margin-bottom: 8px; }
.legacy .warn-box p { color: var(--muted); font-size: 0.87rem; line-height: 1.65; margin: 0; }
@media (prefers-reduced-motion: reduce)  {
.legacy *,
.legacy *::before,
.legacy *::after { animation-duration: .001ms !important; animation-iteration-count: 1 !important; transition-duration: .001ms !important; }
.legacy .reveal { opacity: 1 !important; transform: none !important; }
.legacy .mq-track { animation: none !important; }
}
.legacy .cgc { position: fixed; right: 22px; bottom: 92px; z-index: 401;
    width: min(370px, calc(100vw - 32px));
    background: var(--card); border: 1px solid var(--border);
    box-shadow: 0 18px 60px rgba(0,0,0,.62);
    display: flex; flex-direction: column; overflow: hidden;
    opacity: 0; transform: translateY(14px) scale(.98); pointer-events: none;
    transition: opacity .2s, transform .2s; }
.legacy .cgc.on { opacity: 1; transform: none; pointer-events: auto; }
.legacy .cgc-head { display: flex; align-items: center; gap: 11px;
    padding: 14px 16px; background: linear-gradient(135deg,
      rgba(77,163,255,.16), rgba(77,163,255,.04));
    border-bottom: 1px solid var(--border); }
.legacy .cgc-dot { width: 9px; height: 9px; border-radius: 50%; background: #35e07a;
    box-shadow: 0 0 0 3px rgba(53,224,122,.18); flex: none; }
.legacy .cgc-head b { font-family: var(--sans); font-size: .92rem;
    color: var(--white); display: block; line-height: 1.2; }
.legacy .cgc-head span { font-size: .7rem; color: var(--muted); }
.legacy .cgc-x { margin-left: auto; background: none; border: 0; cursor: pointer;
    color: var(--muted); font-size: 1.15rem; line-height: 1; padding: 4px 2px; }
.legacy .cgc-x:hover { color: var(--white); }
.legacy .cgc-body { padding: 16px; }
.legacy .cgc-msg { background: rgba(255,255,255,.05); border: 1px solid var(--border);
    border-radius: 3px 12px 12px 12px; padding: 11px 13px; font-size: .84rem;
    line-height: 1.6; color: var(--muted); margin-bottom: 14px; }
.legacy .cgc-lbl { display: block; font-family: var(--mono);
    font-size: .66rem; letter-spacing: .14em; text-transform: uppercase;
    color: var(--muted); margin-bottom: 6px; }
.legacy .cgc-body textarea { width: 100%; min-height: 84px; resize: vertical;
    background: var(--black); border: 1px solid var(--border);
    color: var(--white); font: inherit; font-size: .86rem; line-height: 1.55;
    padding: 11px 12px; border-radius: 4px; }
.legacy .cgc-body textarea:focus { outline: none; border-color: var(--cyan);
    box-shadow: 0 0 0 2px rgba(77,163,255,.16); }
.legacy .cgc-hint { font-size: .7rem; color: var(--muted); margin: 8px 0 12px; }
.legacy .cgc-send { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.legacy .cgc-send a { display: flex; align-items: center; justify-content: center;
    gap: 7px; text-decoration: none; padding: 10px 8px; font-size: .78rem;
    font-family: var(--sans); font-weight: 600; border-radius: 4px;
    border: 1px solid var(--border); color: var(--white);
    transition: border-color .18s, background .18s; }
.legacy .cgc-send a:hover { background: rgba(255,255,255,.05); }
.legacy .cgc-send a.wa { border-color: rgba(37,211,102,.5); }
.legacy .cgc-send a.wa:hover { border-color: #25d366; }
.legacy .cgc-send a.tg { border-color: rgba(41,169,235,.5); }
.legacy .cgc-send a.tg:hover { border-color: #29a9eb; }
.legacy .cgc-send a[aria-disabled="true"] { opacity: .4; pointer-events: none; }
.legacy .cgc-send a svg { flex: none; }
.legacy .cgc-foot { border-top: 1px solid var(--border); padding: 10px 16px;
    display: flex; gap: 14px; font-size: .72rem; }
.legacy .cgc-foot a { color: var(--muted); text-decoration: none; }
.legacy .cgc-foot a:hover { color: var(--cyan); }
@media (max-width: 560px)  {
.legacy .cgc { right: 10px; left: 10px; bottom: 84px; width: auto; }
}
@media (prefers-reduced-motion: reduce)  {
.legacy .cgc { transition: none; }
}
.legacy .crumbs {
  
  grid-column: 1 / -1;
  margin: 0 0 4px; padding: 0;
  font-family: var(--mono);
  font-size: .64rem; letter-spacing: .05em;
  animation: crFade .55s ease both .08s;
}
@keyframes crFade { from { opacity: 0; transform: translateY(-6px); } to { opacity: 1; transform: none; } }
.legacy .crumbs .cr-in {
  display: inline-flex; flex-wrap: wrap; align-items: center; gap: 6px;
  padding: 4px 10px; border-radius: 999px;
  background: rgba(255,255,255,.045);
  border: 1px solid rgba(255,255,255,.10);
  backdrop-filter: blur(6px);
}
.legacy .crumbs a {
  color: rgba(255,255,255,.62); text-decoration: none;
  padding: 2px 1px; border-bottom: 1px solid transparent;
  transition: color .18s ease, border-color .18s ease;
}
.legacy .crumbs a:hover { color: var(--cyan); border-bottom-color: var(--cyan); }
.legacy .crumbs a:focus-visible { outline: 2px solid var(--cyan); outline-offset: 3px; border-radius: 3px; }
.legacy .crumbs .cr-sep { color: rgba(255,255,255,.28); }
.legacy .crumbs .cr-here { color: #fff; font-weight: 500; }
@media (max-width: 640px)  {
.legacy .crumbs { font-size: .6rem; margin-bottom: 2px; }
.legacy .crumbs .cr-in { padding: 7px 12px; gap: 6px; }
.legacy .crumbs .cr-in a:not(:first-child) { display: none; }
.legacy .crumbs .cr-in .cr-sep:not(:first-of-type) { display: none; }
}
.legacy .cgi-replay {
  display: inline-flex; align-items: center; gap: 11px;
  padding: 13px 24px; border-radius: 999px; cursor: pointer;
  background: rgba(77,163,255,.08); color: #fff;
  border: 1px solid rgba(77,163,255,.42);
  font-family: var(--mono);
  font-size: .74rem; letter-spacing: .16em; text-transform: uppercase;
  transition: background .2s ease, transform .2s ease, box-shadow .2s ease;
}
.legacy .cgi-replay:hover {
  background: rgba(77,163,255,.18); transform: translateY(-2px);
  box-shadow: 0 10px 30px rgba(77,163,255,.20);
}
.legacy .cgi-replay .rp-tri {
  width: 0; height: 0; border-style: solid;
  border-width: 6px 0 6px 10px; border-color: transparent transparent transparent #4DA3FF;
}
.legacy .cgi-replay-wrap { text-align: center; padding: 46px 20px 6px; }
.legacy .cgi-band {
  padding: 0 4%;
  background: linear-gradient(90deg, rgba(77,163,255,.07), rgba(56,248,167,.05));
  border-top: 1px solid rgba(77,163,255,.20);
  border-bottom: 1px solid rgba(77,163,255,.20);
}
.legacy .cgi-band-in {
  max-width: 1240px; margin: 0 auto;
  display: flex; align-items: center; justify-content: space-between;
  gap: 26px; flex-wrap: wrap; padding: 20px 0;
}
.legacy .cgi-band-txt { display: flex; flex-direction: column; gap: 5px; }
.legacy .cgi-band-kick {
  font-family: var(--mono);
  font-size: .66rem; letter-spacing: .22em; text-transform: uppercase;
  color: var(--cyan);
}
.legacy .cgi-band-txt strong {
  font-family: var(--sans); font-weight: 700;
  font-size: clamp(1rem, 2.1vw, 1.28rem); color: #fff; letter-spacing: .01em;
}
.legacy .cgi-replay-lg {
  padding: 15px 30px; font-size: .8rem;
  background: rgba(77,163,255,.14); border-color: var(--cyan);
  animation: cgiNudge 3.4s ease-in-out 1.2s infinite;
}
@keyframes cgiNudge {
  0%, 88%, 100% { box-shadow: 0 0 0 0 rgba(77,163,255,.42); }
  92%           { box-shadow: 0 0 0 11px rgba(77,163,255,0); }
}
.legacy .cgi-replay-lg:hover { animation-play-state: paused; }
@media (max-width: 720px)  {
.legacy .cgi-band-in { flex-direction: column; align-items: flex-start; gap: 15px; padding: 18px 0; }
.legacy .cgi-replay-lg { width: 100%; justify-content: center; }
}
@media (prefers-reduced-motion: reduce)  {
.legacy .cgi-replay-lg { animation: none; }
}
.legacy .cgk { width: 100%; height: auto; display: block; overflow: visible; }
.legacy .cgk-figure { transform: translateX(18px); }
.legacy .cgk-sword { display: none; transform-origin: 252px 246px; }
.legacy .cgk.armed .cgk-sword { display: block; }
.legacy .cgk-wings { transform: translateX(18px); }
.legacy .cgk-wing.wing-r { transform: translate(202px, 216px); animation: cgkWingR 4.8s ease-in-out infinite; }
.legacy .cgk-wing.wing-l { transform: translate(130px, 216px) scaleX(-1); animation: cgkWingL 4.8s ease-in-out infinite; }
@keyframes cgkWingR {
  0%, 100% { transform: translate(202px, 216px) rotate(0deg); }
  50%      { transform: translate(202px, 210px) rotate(-7deg); }
}
@keyframes cgkWingL {
  0%, 100% { transform: translate(130px, 216px) scaleX(-1) rotate(0deg); }
  50%      { transform: translate(130px, 210px) scaleX(-1) rotate(-7deg); }
}
.legacy .cgk-f,
.legacy .cgk-fr { transform-box: fill-box; transform-origin: 3% 50%; }
.legacy .cgk-wing .f1 { animation: cgkFeather 4.8s ease-in-out .05s infinite; }
.legacy .cgk-wing .f2 { animation: cgkFeather 4.8s ease-in-out .10s infinite; }
.legacy .cgk-wing .f3 { animation: cgkFeather 4.8s ease-in-out .16s infinite; }
.legacy .cgk-wing .f4 { animation: cgkFeather 4.8s ease-in-out .22s infinite; }
@keyframes cgkFeather {
  0%, 100% { transform: rotate(0deg); }
  50%      { transform: rotate(-5deg); }
}
.legacy .cgk-halo { transform-origin: 152px 150px; animation: cgkHalo 4s ease-in-out infinite; }
@keyframes cgkHalo {
  0%, 100% { opacity: .5;  transform: scale(1); }
  50%      { opacity: .95; transform: scale(1.07); }
}
.legacy .cgk-plume { transform-origin: 166px 60px; animation: cgkPlume 5.6s ease-in-out infinite; }
@keyframes cgkPlume {
  0%, 100% { transform: rotate(0deg)    translate(0, 0); }
  32%      { transform: rotate(-3.4deg) translate(-3px, -4px); }
  68%      { transform: rotate(2.6deg)  translate(2px, 3px); }
}
.legacy .cgk-helm,
.legacy .cgk-body { transform-origin: 166px 250px; animation: cgkBreathe 4.6s ease-in-out infinite; }
@keyframes cgkBreathe {
  0%, 100% { transform: translateY(0); }
  50%      { transform: translateY(-4px); }
}
.legacy .cgk-eyes path {
  fill: #4DA3FF;
  filter: drop-shadow(0 0 9px #4DA3FF) drop-shadow(0 0 22px rgba(77,163,255,.55));
  animation: cgkEyes 4s ease-in-out infinite;
}
@keyframes cgkEyes {
  0%, 100% { opacity: .8; }
  17%      { opacity: 1; }
  20%      { opacity: .5; }
  24%      { opacity: 1; }
  52%      { opacity: 1; }
  62%      { opacity: .84; }
  82%      { opacity: 1; }
}
.legacy .cgk-shield { transform-origin: 108px 236px; animation: cgkBrace 4s ease-in-out infinite; }
@keyframes cgkBrace {
  0%, 12%, 100% { transform: translate(0,0) rotate(0deg) scale(1); }
  19%           { transform: translate(4px,-5px) rotate(-2deg) scale(1.045); }
  31%           { transform: translate(0,0) rotate(0deg) scale(1); }
  51%           { transform: translate(-3px,-4px) rotate(1.6deg) scale(1.03); }
  63%           { transform: translate(0,0) rotate(0deg) scale(1); }
  81%           { transform: translate(4px,-5px) rotate(-2deg) scale(1.04); }
  93%           { transform: translate(0,0) rotate(0deg) scale(1); }
}
.legacy .cgk-cross-glow { filter: drop-shadow(0 0 12px #9ff0ff); opacity: 0;
  animation: cgkCross 4s ease-in-out infinite; }
@keyframes cgkCross {
  0%, 12%, 100%      { opacity: 0; }
  21%, 53%, 83%      { opacity: 1; }
  33%, 65%, 95%      { opacity: 0; }
}
.legacy .cgk-barrier { transform-origin: 108px 224px; }
.legacy .cgk-barrier path {
  fill: rgba(77,163,255,.05); stroke: #4DA3FF; stroke-width: 2.6; opacity: 0;
  animation: cgkBarrier 4s ease-out infinite;
}
.legacy .cgk-barrier .cgk-barrier2 { fill: none; stroke: #9ff0ff; stroke-width: 1.5; animation-delay: .07s; }
@keyframes cgkBarrier {
  0%, 15%   { opacity: 0; transform: scale(.9); }
  21%       { opacity: 1; transform: scale(1); }
  33%       { opacity: 0; transform: scale(1.07); }
  47%       { opacity: 0; transform: scale(.9); }
  53%       { opacity: .95; transform: scale(1); }
  65%       { opacity: 0; transform: scale(1.07); }
  77%       { opacity: 0; transform: scale(.9); }
  83%       { opacity: 1; transform: scale(1); }
  95%, 100% { opacity: 0; transform: scale(1.07); }
}
.legacy .cgk-dart path { fill: #ff4d6d; filter: drop-shadow(0 0 7px rgba(255,77,109,.85)); }
.legacy .cgk-dart { opacity: 0; }
.legacy .cgk-dart.d1 { animation: cgkDartL 4s cubic-bezier(.35,0,.85,.45) infinite; }
.legacy .cgk-dart.d2 { animation: cgkDartR 4s cubic-bezier(.35,0,.85,.45) .32s infinite; }
.legacy .cgk-dart.d3 { animation: cgkDartL2 4s cubic-bezier(.35,0,.85,.45) .62s infinite; }
@keyframes cgkDartL {
  0%   { opacity: 0; transform: translate(-90px, 196px); }
  4%   { opacity: 1; }
  19%  { opacity: 1; transform: translate(18px, 214px); }
  20%, 100% { opacity: 0; transform: translate(18px, 214px); }
}
@keyframes cgkDartL2 {
  0%   { opacity: 0; transform: translate(-90px, 262px); }
  4%   { opacity: 1; }
  19%  { opacity: 1; transform: translate(24px, 252px); }
  20%, 100% { opacity: 0; transform: translate(24px, 252px); }
}
@keyframes cgkDartR {
  0%   { opacity: 0; transform: translate(400px, 168px) scaleX(-1); }
  4%   { opacity: 1; }
  19%  { opacity: 1; transform: translate(206px, 196px) scaleX(-1); }
  20%, 100% { opacity: 0; transform: translate(206px, 196px) scaleX(-1); }
}
.legacy .cgk-spark path {
  stroke: #ffd166; stroke-width: 3; stroke-linecap: round; fill: none;
  transform-origin: center;
  animation: cgkSparkScale 4s cubic-bezier(.2,.9,.3,1) infinite;
}
.legacy .cgk-spark { opacity: 0; animation: cgkSpark 4s ease-out infinite; }
.legacy .cgk-spark.s1 { transform: translate(22px, 220px); }
.legacy .cgk-spark.s2 { transform: translate(202px, 202px); animation-delay: .32s; }
.legacy .cgk-spark.s3 { transform: translate(28px, 258px); animation-delay: .62s; }
.legacy .cgk-spark.s2 path { animation-delay: .32s; }
.legacy .cgk-spark.s3 path { animation-delay: .62s; }
@keyframes cgkSpark {
  0%, 18% { opacity: 0; }
  20%     { opacity: 1; }
  31%     { opacity: 0; }
  100%    { opacity: 0; }
}
@keyframes cgkSparkScale {
  0%, 18% { transform: scale(.25); }
  20%     { transform: scale(1); }
  31%     { transform: scale(1.9); }
  100%    { transform: scale(1.9); }
}
.legacy .cgk-wrap { position: relative; width: clamp(196px, 26vw, 272px); margin: 0 auto 16px; }
.legacy .cgk-clock {
  position: absolute; top: 4px; right: -10px; z-index: 2;
  font-family: var(--mono);
  font-size: .66rem; letter-spacing: .16em; color: #ff8fa3;
  padding: 4px 9px; border: 1px solid rgba(255,77,109,.5); border-radius: 5px;
  background: rgba(255,77,109,.10);
  animation: cgkClock 2s steps(1) infinite;
}
@keyframes cgkClock { 0%, 49% { opacity: 1; } 50%, 100% { opacity: .3; } }
@media (prefers-reduced-motion: reduce)  {
.legacy .cgk *,
.legacy .cgk-clock { animation: none !important; }
.legacy .cgk-barrier path { opacity: .55; }
.legacy .cgk-dart { opacity: 1; }
.legacy .cgk-dart.d1 { transform: translate(6px, 212px); }
.legacy .cgk-dart.d2 { transform: translate(216px, 194px) scaleX(-1); }
.legacy .cgk-dart.d3 { opacity: 0; }
.legacy .cgk-spark { opacity: 0; }
}
.legacy .jr-carry[hidden] { display: none !important; }
.legacy .jr-carry {
  display: inline-flex; align-items: center; gap: 14px; flex-wrap: wrap;
  margin-top: 26px; padding: 12px 20px; border-radius: 999px;
  background: rgba(56,248,167,.08); border: 1px solid rgba(56,248,167,.34);
  animation: jrCarryIn .6s cubic-bezier(.2,.9,.3,1) both .2s;
}
@keyframes jrCarryIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }
.legacy .jr-carry-l {
  font-family: var(--mono);
  font-size: .64rem; letter-spacing: .2em; text-transform: uppercase; color: var(--green);
}
.legacy .jr-carry strong { font-family: var(--sans); font-weight: 400; text-transform: uppercase; letter-spacing: -0.01em; font-size: calc((1.5rem) * 0.66); color: #fff; letter-spacing: .02em; }
.legacy .jr-carry-edit { color: rgba(255,255,255,.6); font-size: .78rem; text-decoration: underline; }
.legacy .jr-carry-edit:hover { color: var(--cyan); }
.legacy .jr-rail {
  position: sticky; top: 74px; z-index: 60; height: 3px;
  background: rgba(255,255,255,.07); opacity: 0;
  transition: opacity .4s ease;
}
.legacy .jr-rail.on { opacity: 1; }
.legacy .jr-rail i { display: block; height: 100%; width: 0; background: linear-gradient(90deg, var(--cyan), var(--green)); }
.legacy .jf-grid {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(258px, 1fr));
  gap: 18px; margin-top: 40px;
}
.legacy .jf-card {
  position: relative; text-align: left; cursor: pointer;
  display: flex; flex-direction: column; gap: 10px;
  padding: 28px 24px 24px; border-radius: 4px;
  background: rgba(255,255,255,.032);
  border: 1px solid var(--border); border-left: 3px solid rgba(77,163,255,.35);
  color: #fff; font-family: inherit;
  transition: transform .3s cubic-bezier(.2,.7,.3,1), border-color .3s, background .3s, box-shadow .3s;
}
.legacy .jf-card::after {
  content: ""; position: absolute; inset: 0; pointer-events: none; border-radius: 4px;
  background: radial-gradient(420px 160px at var(--mx,50%) 0%, rgba(77,163,255,.16), transparent 70%);
  opacity: 0; transition: opacity .3s ease;
}
.legacy .jf-card:hover { transform: translateY(-5px); border-color: var(--cyan); background: rgba(77,163,255,.05); box-shadow: 0 16px 44px rgba(0,0,0,.45); }
.legacy .jf-card:hover::after { opacity: 1; }
.legacy .jf-card:focus-visible { outline: 2px solid var(--cyan); outline-offset: 3px; }
.legacy .jf-card.picked {
  border-color: var(--green); border-left-color: var(--green);
  background: rgba(56,248,167,.07);
  box-shadow: 0 0 0 1px rgba(56,248,167,.28), 0 18px 46px rgba(0,0,0,.5);
}
.legacy .jf-card.picked .jf-go { color: var(--green); }
.legacy .jf-card.picked .jf-go::after { content: " ✓"; }
.legacy .jf-emoji { font-size: 1.9rem; line-height: 1; filter: drop-shadow(0 3px 10px rgba(0,0,0,.6)); }
.legacy .jf-card strong { font-family: var(--sans); font-weight: 700; font-size: 1.02rem; line-height: 1.3; }
.legacy .jf-sub { color: rgba(255,255,255,.62); font-size: .88rem; line-height: 1.5; }
.legacy .jf-go {
  margin-top: 4px; font-family: var(--mono);
  font-size: .66rem; letter-spacing: .18em; text-transform: uppercase; color: var(--cyan);
}
.legacy .jf-note { margin-top: 20px; color: rgba(255,255,255,.45); font-size: .84rem; }
.legacy .jr-chapter[hidden] { display: none !important; }
.legacy .jr-chapter { animation: jrChapIn .55s cubic-bezier(.2,.9,.3,1) both; }
@keyframes jrChapIn { from { opacity: 0; transform: translateY(22px); } to { opacity: 1; transform: none; } }
.legacy .jc-plate {
  padding: 92px 4% 62px; text-align: center;
  background:
    radial-gradient(900px 340px at 50% 0%, rgba(77,163,255,.11), transparent 70%),
    var(--black);
  border-top: 1px solid var(--border);
}
.legacy .jc-kick {
  display: inline-block; margin-bottom: 22px;
  font-family: var(--mono);
  font-size: .68rem; letter-spacing: .28em; text-transform: uppercase; color: var(--cyan);
  padding: 7px 15px; border: 1px solid rgba(77,163,255,.3); border-radius: 999px;
}
.legacy .jc-hero {
  font-family: var(--sans); font-weight: 400; text-transform: uppercase; letter-spacing: -0.01em; margin: 0 0 24px;
  font-size: calc((clamp(2.1rem, 6.2vw, 4.6rem)) * 0.66); line-height: .96; letter-spacing: .012em;
}
.legacy .jc-hero em { font-style: normal; color: var(--cyan); }
.legacy .jc-open { max-width: 74ch; margin: 0 auto; color: rgba(255,255,255,.74); line-height: 1.72; font-size: 1.02rem; }
.legacy .jp-strip { display: flex; flex-direction: column; gap: 0; }
.legacy .jp-panel {
  display: grid; grid-template-columns: minmax(240px, 38%) 1fr;
  gap: 44px; align-items: center;
  padding: 54px 6%;
  border-top: 1px solid var(--border);
  opacity: 0; transform: translateY(40px);
  transition: opacity .7s cubic-bezier(.2,.9,.3,1), transform .7s cubic-bezier(.2,.9,.3,1);
}
.legacy .jp-panel.in { opacity: 1; transform: none; }
.legacy .jp-panel:nth-child(even) { direction: rtl; background: rgba(255,255,255,.014); }
.legacy .jp-panel:nth-child(even) > * { direction: ltr; }
.legacy .jp-frame {
  position: relative; border: 2px solid var(--border); border-radius: 3px;
  background:
    radial-gradient(circle at 22% 18%, rgba(77,163,255,.10), transparent 62%),
    repeating-linear-gradient(45deg, rgba(255,255,255,.028) 0 2px, transparent 2px 7px),
    #070b12;
  padding: 26px 22px 22px; overflow: hidden;
  box-shadow: 8px 8px 0 rgba(77,163,255,.10);
}
.legacy .jp-num {
  position: absolute; top: -2px; left: -2px;
  font-family: var(--sans); font-weight: 400; text-transform: uppercase; letter-spacing: -0.01em; font-size: calc((1.5rem) * 0.66); line-height: 1;
  padding: 7px 13px 5px; background: var(--cyan); color: #04121a; letter-spacing: .05em;
}
.legacy .jp-when {
  position: absolute; right: 12px; top: 12px;
  font-family: var(--mono);
  font-size: .62rem; letter-spacing: .16em; text-transform: uppercase;
  color: rgba(255,255,255,.55);
  border: 1px solid var(--border); border-radius: 3px; padding: 4px 8px;
  background: rgba(0,0,0,.4);
}
.legacy .jp-art { width: 100%; height: auto; display: block; margin-top: 14px; }
.legacy .jp-art .a-box { fill: none; stroke: rgba(77,163,255,.55); stroke-width: 2.4;
                  stroke-dasharray: 720; stroke-dashoffset: 720; }
.legacy .jp-art .a-line { fill: none; stroke: rgba(255,255,255,.5); stroke-width: 2.2; stroke-linecap: round;
                  stroke-dasharray: 420; stroke-dashoffset: 420; }
.legacy .jp-art .a-pulse { fill: none; stroke: var(--green); stroke-width: 2.6; stroke-linecap: round; stroke-linejoin: round;
                  stroke-dasharray: 480; stroke-dashoffset: 480; }
.legacy .jp-art .a-tick { fill: none; stroke: var(--green); stroke-width: 4; stroke-linecap: round; stroke-linejoin: round;
                  stroke-dasharray: 90; stroke-dashoffset: 90; }
.legacy .jp-art .a-wave { fill: none; stroke: var(--cyan); stroke-width: 2; stroke-linecap: round; opacity: 0; }
.legacy .jp-art .a-scan { stroke: var(--cyan); stroke-width: 2; opacity: 0; }
.legacy .jp-art .a-dot { fill: var(--cyan); opacity: 0; }
.legacy .jp-art .a-hot { fill: #ff4d6d; opacity: 0; }
.legacy .jp-art .a-ring { fill: none; stroke: rgba(255,77,109,.6); stroke-width: 2; opacity: 0; }
.legacy .jp-art .a-old { opacity: .28; }
.legacy .jp-panel.in .a-box { animation: jpDraw 1.05s ease .1s forwards; }
.legacy .jp-panel.in .a-line { animation: jpDraw .9s  ease .35s forwards; }
.legacy .jp-panel.in .a-pulse { animation: jpDraw 1.2s ease .3s forwards; }
.legacy .jp-panel.in .a-tick { animation: jpDraw .5s  ease 1.1s forwards; }
.legacy .jp-panel.in .a-wave { animation: jpFadeUp .5s ease .8s forwards; }
.legacy .jp-panel.in .a-scan { animation: jpScan 1.6s ease .4s infinite; }
.legacy .jp-panel.in .a-dot { animation: jpPop .45s cubic-bezier(.3,1.5,.5,1) .7s forwards; }
.legacy .jp-panel.in .a-hot { animation: jpPop .45s cubic-bezier(.3,1.5,.5,1) .5s forwards; }
.legacy .jp-panel.in .a-ring { animation: jpRing 2s ease .3s infinite; }
.legacy .jp-panel.in .a-ring:nth-of-type(2) { animation-delay: .5s; }
.legacy .jp-panel.in .a-ring:nth-of-type(3) { animation-delay: .9s; }
@keyframes jpDraw   { to { stroke-dashoffset: 0; } }
@keyframes jpFadeUp { to { opacity: .85; } }
@keyframes jpPop    { from { opacity: 0; } to { opacity: 1; } }
@keyframes jpScan   { 0% { opacity: 0; transform: translateY(0); } 12% { opacity: .9; } 100% { opacity: 0; transform: translateY(102px); } }
@keyframes jpRing   { 0% { opacity: .85; transform: scale(.7); } 100% { opacity: 0; transform: scale(1.25); } }
.legacy .jp-art .a-ring { transform-origin: 120px 76px; }
.legacy .jp-copy h4 {
  font-family: var(--sans); font-weight: 800;
  font-size: clamp(1.24rem, 2.6vw, 1.72rem); margin: 0 0 14px; letter-spacing: -.01em;
}
.legacy .jp-copy p { color: rgba(255,255,255,.72); line-height: 1.75; margin: 0 0 14px; }
.legacy .jp-you {
  font-family: var(--mono);
  font-size: .8rem !important; color: var(--green) !important;
  border-left: 2px solid rgba(56,248,167,.4); padding-left: 13px; margin: 0 !important;
}
.legacy .jc-risk {
  display: flex; gap: 22px; align-items: flex-start;
  margin: 0; padding: 44px 6%;
  background: rgba(255,77,109,.05); border-top: 1px solid rgba(255,77,109,.28);
  border-bottom: 1px solid rgba(255,77,109,.28);
}
.legacy .jc-risk-mark {
  flex-shrink: 0; width: 42px; height: 42px; border-radius: 50%;
  display: grid; place-items: center;
  background: rgba(255,77,109,.14); border: 1px solid rgba(255,77,109,.5);
  color: #ff8fa3; font-family: var(--sans); font-weight: 400; text-transform: uppercase; letter-spacing: -0.01em; font-size: calc((1.5rem) * 0.66);
  animation: jcPulse 2.6s ease-in-out infinite;
}
@keyframes jcPulse {
  0%, 100% { box-shadow: 0 0 0 0 rgba(255,77,109,.35); }
  60%      { box-shadow: 0 0 0 12px rgba(255,77,109,0); }
}
.legacy .jc-risk h4 { font-family: var(--sans); font-weight: 800; margin: 0 0 10px; font-size: 1.14rem; color: #ff8fa3; }
.legacy .jc-risk p { color: rgba(255,255,255,.76); line-height: 1.75; margin: 0; max-width: 84ch; }
.legacy .jc-changes { padding: 58px 6%; }
.legacy .jc-changes h4 {
  font-family: var(--sans); font-weight: 400; text-transform: uppercase; letter-spacing: -0.01em; font-size: calc((clamp(1.6rem, 3.4vw, 2.3rem)) * 0.66);
  margin: 0 0 24px; letter-spacing: .02em;
}
.legacy .jc-changes ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 14px; }
.legacy .jc-changes li {
  display: flex; gap: 14px; align-items: flex-start;
  color: rgba(255,255,255,.8); line-height: 1.65; font-size: 1.02rem;
}
.legacy .jc-tick {
  flex-shrink: 0; width: 24px; height: 24px; border-radius: 50%; margin-top: 1px;
  display: grid; place-items: center; font-size: .78rem;
  background: rgba(56,248,167,.14); border: 1px solid rgba(56,248,167,.45); color: var(--green);
}
.legacy .jr-book[hidden] { display: none !important; }
.legacy .jr-book { padding: 96px 0 40px; border-top: 1px solid var(--border); }
.legacy .jd-steps { list-style: none; margin: 44px 0 54px; padding: 0;
  display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px; }
.legacy .jd-step {
  display: flex; gap: 16px; align-items: flex-start;
  padding: 24px 22px; border-radius: 4px;
  background: rgba(255,255,255,.03); border: 1px solid var(--border);
}
.legacy .jd-n {
  flex-shrink: 0; width: 36px; height: 36px; border-radius: 50%;
  display: grid; place-items: center;
  background: var(--cyan); color: #04121a;
  font-family: var(--sans); font-weight: 400; text-transform: uppercase; letter-spacing: -0.01em; font-size: calc((1.24rem) * 0.66);
}
.legacy .jd-step h4 { font-family: var(--sans); font-weight: 700; margin: 0 0 7px; font-size: 1rem; }
.legacy .jd-step p { color: rgba(255,255,255,.66); font-size: .9rem; line-height: 1.6; margin: 0; }
.legacy .jr-form { max-width: 860px; }
.legacy .jr-form .fld { margin-bottom: 20px; }
.legacy .jr-form-hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.legacy .jf-row { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
@media (max-width: 640px)  {
.legacy .jf-row { grid-template-columns: 1fr; }
}
.legacy .jr-recap {
  margin-bottom: 30px; padding: 22px 24px; border-radius: 4px;
  background: rgba(77,163,255,.05); border: 1px solid rgba(77,163,255,.28);
}
.legacy .jr-recap-l {
  display: block; margin-bottom: 14px;
  font-family: var(--mono);
  font-size: .64rem; letter-spacing: .22em; text-transform: uppercase; color: var(--cyan);
}
.legacy .jr-recap ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.legacy .jr-recap li { display: flex; gap: 16px; align-items: baseline; flex-wrap: wrap;
  animation: jrRecapIn .4s ease both; }
@keyframes jrRecapIn { from { opacity: 0; transform: translateX(-8px); } to { opacity: 1; transform: none; } }
.legacy .jr-recap li span { flex-shrink: 0; min-width: 148px; color: rgba(255,255,255,.5); font-size: .8rem; }
.legacy .jr-recap li strong { color: #fff; font-weight: 600; font-size: .95rem; }
.legacy .jf-chips { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 6px; }
.legacy .jf-chip { position: relative; cursor: pointer; }
.legacy .jf-chip input { position: absolute; opacity: 0; width: 0; height: 0; }
.legacy .jf-chip span {
  display: inline-flex; align-items: center; gap: 7px;
  padding: 10px 15px; border-radius: 999px; font-size: .85rem;
  background: rgba(255,255,255,.04); border: 1px solid var(--border);
  color: rgba(255,255,255,.76);
  transition: background .2s ease, border-color .2s ease, color .2s ease, transform .2s ease;
}
.legacy .jf-chip:hover span { border-color: var(--cyan); color: #fff; transform: translateY(-2px); }
.legacy .jf-chip input:checked + span {
  background: rgba(77,163,255,.16); border-color: var(--cyan); color: #fff;
}
.legacy .jf-chip input:focus-visible + span { outline: 2px solid var(--cyan); outline-offset: 3px; }
.legacy .fld-hint { display: block; margin-top: 7px; font-size: .78rem; color: rgba(255,255,255,.48); }
.legacy .fld-hint.warn { color: #ffd166; }
.legacy .fld .opt { color: rgba(255,255,255,.4); font-weight: 400; text-transform: none; letter-spacing: 0; }
.legacy .jr-submit { margin-top: 30px; }
.legacy .jr-submit:disabled { opacity: .6; cursor: progress; }
.legacy .jr-form-foot { margin-top: 18px; color: rgba(255,255,255,.55); font-size: .88rem; line-height: 1.6; }
.legacy .jr-form-foot a { color: var(--cyan); }
.legacy .jr-handoff {
  display: none; margin-top: 22px; padding: 20px 22px; border-radius: 4px;
  background: rgba(56,248,167,.07); border: 1px solid rgba(56,248,167,.34);
  animation: jrCarryIn .5s cubic-bezier(.2,.9,.3,1) both;
}
.legacy .jr-handoff.on { display: block; }
.legacy .jr-handoff strong { display: block; font-family: var(--sans); font-weight: 700; margin-bottom: 6px; color: #fff; }
.legacy .jr-handoff p { color: rgba(255,255,255,.68); font-size: .9rem; line-height: 1.6; margin: 0 0 14px; }
@media (max-width: 860px)  {
.legacy .jp-panel { grid-template-columns: 1fr; gap: 26px; padding: 42px 6%; }
.legacy .jp-panel:nth-child(even) { direction: ltr; }
.legacy .jc-plate { padding: 68px 6% 48px; }
.legacy .jc-risk { flex-direction: column; gap: 16px; padding: 36px 6%; }
}
@media (prefers-reduced-motion: reduce)  {
.legacy .jp-panel { opacity: 1; transform: none; transition: none; }
.legacy .jr-chapter,
.legacy .jr-carry,
.legacy .jr-recap li,
.legacy .jr-handoff { animation: none; }
.legacy .jp-art * { stroke-dashoffset: 0 !important; opacity: 1 !important; animation: none !important; }
.legacy .jc-risk-mark { animation: none; }
}
.legacy .why-us {
  
  padding: 96px 0 72px;
  background:
    radial-gradient(1100px 460px at 50% 0%, rgba(77,163,255,.09), transparent 68%),
    var(--black);
  border-top: 1px solid var(--border);
}
.legacy .wu-stage { margin-top: 0; max-width: 1080px; }
.legacy .wu-screen {
  position: relative; aspect-ratio: 16 / 9; min-height: 420px;
  border-radius: 10px 10px 0 0; overflow: hidden;
  background:
    radial-gradient(760px 320px at 50% 12%, rgba(77,163,255,.09), transparent 70%),
    repeating-linear-gradient(to bottom, rgba(255,255,255,.022) 0 1px, transparent 1px 3px),
    #05070d;
  border: 1px solid var(--border); border-bottom: 0;
  display: grid; place-items: center;
}
.legacy .wu-scene {
  grid-area: 1 / 1; width: 100%; height: 100%; overflow: hidden;
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  padding: 26px 4%;
  contain: layout paint;
  opacity: 1; visibility: hidden;
  transition: visibility 0s .78s;
}
.legacy .wu-scene.on { visibility: visible; transition: visibility 0s 0s; }
.legacy .wu-skip {
  
  position: absolute; bottom: 20px; right: 16px; z-index: 7;
  background: rgba(5,7,13,.55); border: 1px solid rgba(255,255,255,.3);
  color: #fff; font-family: var(--sans); font-weight: 600;
  font-size: .76rem; letter-spacing: .07em; text-transform: uppercase;
  padding: 8px 15px; border-radius: 999px; cursor: pointer;
  backdrop-filter: blur(2px);
  opacity: 0; visibility: hidden;
  transition: opacity .25s, visibility .25s, border-color .18s;
}
.legacy .wu-stage.playing .wu-skip,
.legacy .wu-stage.paused .wu-skip {
  opacity: 1; visibility: visible; }
.legacy .wu-stage.ended .wu-skip { opacity: 0; visibility: hidden; }
.legacy .wu-skip:hover { border-color: var(--cyan); }
.legacy .wu-sound {
  position: absolute; left: 50%; bottom: 20px; transform: translateX(-50%);
  z-index: 7; display: inline-flex; align-items: center; gap: 8px;
  background: rgba(77,163,255,.16); border: 1px solid var(--cyan);
  color: #fff; font-family: var(--sans); font-weight: 600;
  font-size: .84rem; padding: 11px 20px; border-radius: 999px;
  cursor: pointer; backdrop-filter: blur(2px);
  animation: wuSoundPulse 2.4s ease-out infinite;
}
.legacy .wu-sound[hidden] { display: none; }
@keyframes wuSoundPulse {
  0%   { box-shadow: 0 0 0 0 rgba(77,163,255,.45); }
  70%  { box-shadow: 0 0 0 14px rgba(77,163,255,0); }
  100% { box-shadow: 0 0 0 0 rgba(77,163,255,0); }
}
.legacy .wu-mini {
  display: flex; align-items: center; gap: 15px;
  width: 100%; max-width: 660px; margin: 0 auto;
  background: var(--card); border: 1px solid var(--border);
  border-radius: 10px; padding: 10px 18px 10px 10px;
  cursor: pointer; color: var(--white); text-align: left;
  font-family: inherit;
  transition: border-color .18s, background .18s;
}
.legacy .wu-mini:hover { border-color: var(--cyan); background: rgba(77,163,255,.05); }
.legacy .wu-mini[hidden],
.legacy .wu-stage[hidden] { display: none; }
.legacy .wu-mini-shot {
  width: 88px; aspect-ratio: 16 / 9; flex: none; border-radius: 6px;
  border: 1px solid var(--border);
  background:
    radial-gradient(60px 26px at 50% 18%, rgba(77,163,255,.22), transparent 70%),
    #05070d;
  display: grid; place-items: center;
}
.legacy .wu-mini-tri {
  width: 0; height: 0; margin-left: 3px;
  border-left: 13px solid var(--cyan);
  border-top: 8px solid transparent; border-bottom: 8px solid transparent;
}
.legacy .wu-mini-l { min-width: 0; }
.legacy .wu-mini-l b { display: block; font-family: var(--sans);
  font-size: .94rem; line-height: 1.25; }
.legacy .wu-mini-l small { color: var(--muted); font-size: .73rem; }
.legacy .wu-mini-go {
  margin-left: auto; flex: none;
  font-family: var(--mono); font-size: .7rem;
  letter-spacing: .13em; text-transform: uppercase; color: var(--cyan);
  border: 1px solid rgba(77,163,255,.45); border-radius: 999px;
  padding: 7px 16px;
}
@media (max-width: 560px)  {
.legacy .wu-mini-go { display: none; }
.legacy .wu-skip { bottom: 14px; right: 10px; padding: 7px 12px; }
.legacy .wu-sound { bottom: 80px; }
}
.legacy .wu-play {
  position: absolute; inset: 0; z-index: 6; width: 100%; height: 100%;
  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 18px;
  background: rgba(5,7,13,.72); backdrop-filter: blur(3px);
  border: 0; cursor: pointer; color: #fff; font-family: inherit;
  transition: opacity .4s ease, visibility .4s;
}
.legacy .wu-play[hidden],
.legacy .wu-stage.playing .wu-play { opacity: 0; visibility: hidden;
  pointer-events: none; backdrop-filter: none; }
.legacy .wu-play-tri {
  width: 78px; height: 78px; border-radius: 50%;
  background: var(--cyan); position: relative;
  transition: transform .25s cubic-bezier(.2,1.4,.4,1);
}
.legacy .wu-play-tri::before {
  content: ""; position: absolute; inset: 0; border-radius: 50%;
  border: 2px solid rgba(77,163,255,.5); animation: wuPulse 2.6s ease-out infinite;
}
.legacy .wu-play-tri::after {
  content: ""; position: absolute; left: 56%; top: 50%; transform: translate(-50%,-50%);
  border-style: solid; border-width: 15px 0 15px 25px;
  border-color: transparent transparent transparent #04121a;
}
.legacy .wu-play:hover .wu-play-tri { transform: scale(1.09); }
@keyframes wuPulse {
  0%   { opacity: .85; transform: scale(1); }
  60%  { opacity: 0;   transform: scale(1.68); }
  100% { opacity: 0;   transform: scale(1.68); }
}
.legacy .wu-play-l {
  font-family: var(--sans); font-weight: 700; font-size: 1.06rem;
  display: flex; flex-direction: column; align-items: center; gap: 5px;
}
.legacy .wu-play-l small {
  font-family: var(--mono); font-weight: 400;
  font-size: .66rem; letter-spacing: .2em; text-transform: uppercase;
  color: rgba(255,255,255,.55);
}
.legacy .wu-brand {
  position: absolute; right: 16px; bottom: 14px; z-index: 5;
  font-family: var(--sans); font-weight: 700; font-size: .74rem;
  letter-spacing: .04em; color: rgba(255,255,255,.32);
  opacity: 0; transition: opacity .4s ease;
}
.legacy .wu-stage.playing .wu-brand,
.legacy .wu-stage.paused .wu-brand { opacity: 1; }
.legacy .wu-chapter {
  position: absolute; left: 18px; top: 16px; z-index: 5;
  font-family: var(--mono);
  font-size: .62rem; letter-spacing: .2em; text-transform: uppercase;
  color: rgba(255,255,255,.55); padding: 5px 11px; border-radius: 4px;
  background: rgba(0,0,0,.45); border: 1px solid rgba(255,255,255,.12);
  opacity: 0; transition: opacity .35s ease;
}
.legacy .wu-stage.playing .wu-chapter,
.legacy .wu-stage.paused .wu-chapter { opacity: 1; }
.legacy .wu-mail,
.legacy .wu-msg,
.legacy .wu-wire {
  width: min(640px, 100%); text-align: left; border-radius: 8px; overflow: hidden;
  border: 1px solid rgba(255,255,255,.14); background: #0b1017;
  box-shadow: 0 12px 30px rgba(0,0,0,.55);
}
.legacy .wu-bar { display: flex; align-items: center; gap: 7px; padding: 10px 14px;
  background: #131b26; border-bottom: 1px solid rgba(255,255,255,.09); }
.legacy .wu-dot { width: 9px; height: 9px; border-radius: 50%; }
.legacy .wu-dot.r { background: #ff5f57; }
.legacy .wu-dot.y { background: #febc2e; }
.legacy .wu-dot.g { background: #28c840; }
.legacy .wu-bar-t { margin-left: 10px; font-family: var(--mono);
  font-size: .64rem; letter-spacing: .14em; color: rgba(255,255,255,.5); }
.legacy .wu-row { display: grid; grid-template-columns: 158px 1fr auto; gap: 12px; align-items: center;
  padding: 13px 16px; border-bottom: 1px solid rgba(255,255,255,.05); font-size: .85rem; }
.legacy .wu-row.old { color: rgba(255,255,255,.32); }
.legacy .wu-row.new { color: #fff; background: rgba(77,163,255,.07);
  box-shadow: inset 3px 0 0 var(--cyan); }
.legacy .wu-scene.on .wu-row.new { animation: wuArrive .7s cubic-bezier(.2,.9,.3,1) .5s both; }
@keyframes wuArrive {
  0%   { opacity: 0; transform: translateY(-13px); background: rgba(77,163,255,.34); }
  100% { opacity: 1; transform: none; background: rgba(77,163,255,.07); }
}
.legacy .wu-from { font-weight: 700; }
.legacy .wu-sub,
.legacy .wu-from { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.legacy .wu-time { font-family: var(--mono); font-size: .68rem;
  color: rgba(255,255,255,.38); }
.legacy .wu-msg { padding-bottom: 18px; }
.legacy .wu-msg-head { display: flex; align-items: center; gap: 13px; flex-wrap: wrap;
  padding: 15px 18px; background: #131b26; border-bottom: 1px solid rgba(255,255,255,.09); }
.legacy .wu-avatar { width: 40px; height: 40px; border-radius: 50%; display: grid; place-items: center;
  background: #2f6fae; color: #fff; font-weight: 700; font-size: .86rem; flex-shrink: 0; }
.legacy .wu-who { display: flex; flex-direction: column; }
.legacy .wu-who strong { color: #fff; font-size: .95rem; }
.legacy .wu-who span { color: rgba(255,255,255,.48); font-size: .74rem; }
.legacy .wu-addr { margin-left: auto; display: flex; flex-direction: column; align-items: flex-end; }
.legacy .wu-addr-l { font-size: .66rem; color: rgba(255,255,255,.4); }
.legacy .wu-addr-v { font-family: var(--mono); font-size: .74rem;
  color: rgba(255,255,255,.72); }
.legacy .wu-fake { position: relative; color: #ff8fa3; }
.legacy .wu-fake::after { content: ""; position: absolute; left: 0; right: 0; bottom: -3px; height: 2px;
  background: #ff4d6d; transform: scaleX(0); transform-origin: left; }
.legacy .wu-scene.on .wu-fake::after { animation: wuUnderline .5s cubic-bezier(.4,0,.2,1) 1.9s forwards; }
@keyframes wuUnderline { to { transform: scaleX(1); } }
.legacy .wu-body { margin: 17px 20px 0; color: rgba(255,255,255,.82); font-size: .93rem; line-height: 1.7; }
.legacy .wu-body strong { color: #fff; }
.legacy .wu-sig { margin: 13px 20px 0; font-size: .76rem; color: rgba(255,255,255,.36); font-style: italic; }
.legacy .wu-flagline { display: block; margin: 15px 20px 0; padding: 10px 14px; border-radius: 5px;
  background: rgba(255,77,109,.16); border: 1px solid rgba(255,77,109,.55);
  font-family: var(--mono); font-size: .72rem;
  color: #ffb3c1; line-height: 1.5; opacity: 0; }
.legacy .wu-scene.on .wu-flagline { animation: wuFade .5s ease 2.4s forwards; }
@keyframes wuFade { to { opacity: 1; } }
.legacy .wu-wire { padding: 18px 20px 22px; position: relative; }
.legacy .wu-wire-h { display: flex; justify-content: space-between; font-family: var(--mono);
  font-size: .66rem; letter-spacing: .18em; text-transform: uppercase; color: rgba(255,255,255,.55);
  padding-bottom: 12px; border-bottom: 1px solid rgba(255,255,255,.09); }
.legacy .wu-wire-h span { color: var(--cyan); }
.legacy .wu-wl { display: flex; justify-content: space-between; gap: 16px; align-items: baseline;
  padding: 11px 0; border-bottom: 1px solid rgba(255,255,255,.05); font-size: .84rem; }
.legacy .wu-wl span { color: rgba(255,255,255,.45); }
.legacy .wu-wl b { color: #fff; font-family: var(--mono); font-size: .82rem; }
.legacy .wu-wl.amt b { font-family: var(--sans); font-weight: 400; text-transform: uppercase; letter-spacing: -0.01em; font-size: calc((1.9rem) * 0.66); color: #ff8fa3; }
.legacy .wu-send { display: block; margin-top: 15px; padding: 13px; border-radius: 5px; text-align: center;
  background: #1f8fe0; color: #fff; font-family: var(--sans); font-weight: 700; font-size: .9rem; }
.legacy .wu-scene.on .wu-send { animation: wuArm 1.2s ease-in-out 1.4s infinite; }
@keyframes wuArm {
  0%, 100% { box-shadow: 0 0 0 0 rgba(255,77,109,.5); }
  55%      { box-shadow: 0 0 0 13px rgba(255,77,109,0); }
}
.legacy .wu-cursor { position: absolute; right: 44px; bottom: 26px; width: 15px; height: 22px; background: #fff;
  clip-path: polygon(0 0, 0 78%, 26% 60%, 44% 100%, 62% 88%, 46% 52%, 78% 50%);
  filter: drop-shadow(0 2px 5px rgba(0,0,0,.7)); opacity: 0; }
.legacy .wu-scene.on .wu-cursor { animation: wuCursor 1.8s cubic-bezier(.3,.8,.4,1) 1.0s infinite; }
@keyframes wuCursor {
  0%   { opacity: 0; transform: translate(30px, 32px); }
  22%  { opacity: 1; }
  62%  { opacity: 1; transform: translate(0,0); }
  72%  { transform: translate(0, 3px); }
  100% { opacity: 1; transform: translate(0,0); }
}
.legacy .wu-hero { position: relative; width: clamp(200px, 26vw, 300px); }
.legacy .wu-blocked { position: absolute; top: -6px; right: -18px; z-index: 3;
  font-family: var(--mono); font-size: .64rem; letter-spacing: .14em;
  padding: 5px 10px; border-radius: 5px; color: #38f8a7;
  background: rgba(56,248,167,.12); border: 1px solid rgba(56,248,167,.5); }
.legacy .wu-signals { list-style: none; margin: 0; padding: 0; width: min(620px, 100%);
  display: grid; gap: 8px; text-align: left; }
.legacy .wu-signals li { display: grid; grid-template-columns: 26px 1fr; gap: 5px 12px; align-items: baseline;
  padding: 10px 15px; border-radius: 5px; background: rgba(255,77,109,.07);
  border: 1px solid rgba(255,77,109,.26); opacity: 0; }
.legacy .wu-scene.on .wu-signals li {
  animation: wuSig .5s cubic-bezier(.2,.9,.3,1) forwards;
  animation-delay: calc(.5s + var(--i) * .55s);
}
@keyframes wuSig { from { opacity: 0; transform: translateX(-16px); } to { opacity: 1; transform: none; } }
.legacy .wu-sflag { grid-row: 1 / 3; align-self: center; width: 22px; height: 22px; border-radius: 50%;
  display: grid; place-items: center; background: rgba(255,77,109,.18);
  border: 1px solid rgba(255,77,109,.5); color: #ff8fa3;
  font-family: var(--sans); font-weight: 400; text-transform: uppercase; letter-spacing: -0.01em; font-size: calc((.9rem) * 0.66); }
.legacy .wu-sh { color: #fff; font-weight: 700; font-size: .87rem; }
.legacy .wu-sd { color: rgba(255,255,255,.55); font-size: .76rem;
  font-family: var(--mono); }
.legacy .wu-saved { text-align: center; }
.legacy .wu-amt { display: block; font-family: var(--sans); font-weight: 400; text-transform: uppercase; letter-spacing: -0.01em;
  font-size: calc((clamp(3rem, 9vw, 5.6rem)) * 0.66); line-height: 1; color: #38f8a7;
  text-shadow: 0 0 44px rgba(56,248,167,.4); }
.legacy .wu-scene.on .wu-amt { animation: wuPop .8s cubic-bezier(.2,1.3,.35,1) .3s both; }
@keyframes wuPop { from { opacity: 0; transform: scale(.72); } to { opacity: 1; transform: none; } }
.legacy .wu-amt-l { display: block; margin-top: 9px; font-family: var(--mono);
  font-size: .68rem; letter-spacing: .24em; text-transform: uppercase; color: rgba(56,248,167,.85); }
.legacy .wu-close { text-align: center; }
.legacy .wu-close-k { display: block; font-family: var(--mono);
  font-size: .66rem; letter-spacing: .3em; text-transform: uppercase; color: var(--cyan); margin-bottom: 16px; }
.legacy .wu-close strong { display: block; font-family: var(--sans); font-weight: 400; text-transform: uppercase; letter-spacing: -0.01em; font-weight: 400;
  font-size: calc((clamp(1.9rem, 5.4vw, 3.8rem)) * 0.66); line-height: .98; color: #fff; letter-spacing: .02em; }
.legacy .wu-close strong em { font-style: normal; color: #38f8a7; }
.legacy .wu-close-s { display: block; margin-top: 18px; color: rgba(255,255,255,.6); font-size: .9rem; }
.legacy .wu-end {
  position: absolute; inset: 0; z-index: 7;
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  gap: 16px; text-align: center; padding: 26px 6%;
  background:
    radial-gradient(600px 240px at 50% 40%, rgba(77,163,255,.10), transparent 70%),
    rgba(5,7,13,.94);
  opacity: 0; visibility: hidden;
  transition: opacity .45s ease, visibility 0s .45s;
}
.legacy .wu-stage.ended .wu-end { opacity: 1; visibility: visible; transition: opacity .45s ease .1s, visibility 0s; }
.legacy .wu-end[hidden] { display: flex; }
.legacy .wu-end-k { font-family: var(--mono); font-size: .64rem;
  letter-spacing: .3em; text-transform: uppercase; color: var(--cyan); }
.legacy .wu-end-h { font-family: var(--sans); font-weight: 800;
  font-size: clamp(1.1rem, 2.6vw, 1.7rem); color: #fff; max-width: 22ch; line-height: 1.25; }
.legacy .wu-end-row { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin-top: 4px; }
.legacy .wu-end-btn {
  display: inline-flex; align-items: center; gap: 8px; cursor: pointer;
  padding: 11px 20px; border-radius: 999px; font-family: var(--sans);
  font-weight: 700; font-size: .86rem; text-decoration: none;
  border: 1px solid rgba(255,255,255,.22); background: rgba(255,255,255,.06);
  color: #fff; transition: background .2s ease, border-color .2s ease, transform .2s ease;
}
.legacy .wu-end-btn:hover { transform: translateY(-2px); border-color: var(--cyan);
  background: rgba(77,163,255,.14); }
.legacy .wu-end-btn.again { background: var(--cyan); color: #04121a; border-color: var(--cyan); }
.legacy .wu-end-btn.again:hover { background: #7fe9ff; }
.legacy .wu-end-btn:focus-visible { outline: 2px solid var(--cyan); outline-offset: 3px; }
.legacy .wu-screen { transition: min-height .5s cubic-bezier(.3,.8,.3,1), aspect-ratio .5s; }
.legacy .wu-stage.ended .wu-screen { aspect-ratio: auto; min-height: 250px; }
.legacy .wu-stage.ended .wu-scene,
.legacy .wu-stage.ended .wu-chapter { visibility: hidden; }
@media (max-width: 760px)  {
.legacy .wu-stage.ended .wu-screen { min-height: 290px; }
}
.legacy .wu-controls {
  display: flex; align-items: center; gap: 14px; padding: 14px 18px;
  background: #0a0f16; border: 1px solid var(--border); border-radius: 0 0 10px 10px;
}
.legacy .wu-btn {
  flex-shrink: 0; width: 38px; height: 38px; border-radius: 50%; cursor: pointer;
  display: grid; place-items: center; color: #fff;
  background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.14);
  transition: background .2s ease, border-color .2s ease;
}
.legacy .wu-btn:hover { background: rgba(77,163,255,.16); border-color: var(--cyan); }
.legacy .wu-btn:focus-visible { outline: 2px solid var(--cyan); outline-offset: 3px; }
.legacy .wu-ico-pause { width: 12px; height: 13px; border-left: 4px solid currentColor;
  border-right: 4px solid currentColor; }
.legacy .wu-btn.is-paused .wu-ico-pause { width: 0; height: 0; border: 0;
  border-style: solid; border-width: 7px 0 7px 12px;
  border-color: transparent transparent transparent currentColor; margin-left: 3px; }
.legacy .wu-ico-sound { width: 14px; height: 14px; border-radius: 2px;
  background: currentColor;
  clip-path: polygon(0 32%, 32% 32%, 62% 0, 62% 100%, 32% 68%, 0 68%); }
.legacy .wu-btn.muted .wu-ico-sound { opacity: .38; }
.legacy .wu-ico-replay { font-size: 1.2rem; line-height: 1; }
.legacy .wu-track { position: relative; flex: 1; height: 5px; border-radius: 3px;
  background: rgba(255,255,255,.10); cursor: pointer; }
.legacy .wu-track:focus-visible { outline: 2px solid var(--cyan); outline-offset: 6px; }
.legacy .wu-track i { display: block; height: 100%; width: 0; border-radius: 3px;
  background: linear-gradient(90deg, var(--cyan), var(--green)); }
.legacy .wu-dotnav { position: absolute; top: 50%; width: 20px; height: 20px; margin: -10px 0 0 -10px;
  border: 0; background: none; cursor: pointer; display: grid; place-items: center; padding: 0; }
.legacy .wu-dotnav span { width: 8px; height: 8px; border-radius: 50%;
  background: rgba(255,255,255,.3); border: 1px solid rgba(255,255,255,.35);
  transition: background .2s ease, transform .2s ease; display: block; }
.legacy .wu-dotnav:hover span { background: var(--cyan); transform: scale(1.35); }
.legacy .wu-dotnav.done span { background: var(--cyan); border-color: var(--cyan); }
.legacy .wu-dotnav.now span { background: #fff; border-color: #fff; transform: scale(1.5); }
.legacy .wu-dotnav:focus-visible { outline: 2px solid var(--cyan); outline-offset: 2px; border-radius: 50%; }
.legacy .wu-time-l { flex-shrink: 0; font-family: var(--mono);
  font-size: .72rem; color: rgba(255,255,255,.55); min-width: 88px; text-align: right; }
.legacy .wu-caps { position: relative; margin-top: 22px; min-height: 116px; }
.legacy .wu-cap { position: absolute; inset: 0; margin: 0; opacity: 0; visibility: hidden;
  color: rgba(255,255,255,.82); font-size: clamp(1rem, 1.9vw, 1.16rem); line-height: 1.72;
  max-width: 84ch;
  
  transform: translateY(6px);
  transition: opacity .16s ease-in, transform .16s ease-in, visibility 0s .16s; }
.legacy .wu-cap.on { opacity: 1; visibility: visible; transform: none;
  transition: opacity .34s cubic-bezier(.2,.9,.3,1) .16s,
              transform .42s cubic-bezier(.2,.9,.3,1) .16s, visibility 0s; }
.legacy .wu-transcript { margin-top: 22px; border-top: 1px solid var(--border); padding-top: 16px; }
.legacy .wu-transcript summary { cursor: pointer; list-style: none; display: inline-flex;
  align-items: center; gap: 10px; font-family: var(--mono);
  font-size: .7rem; letter-spacing: .16em; text-transform: uppercase; color: var(--cyan); }
.legacy .wu-transcript summary::-webkit-details-marker { display: none; }
.legacy .wu-transcript summary::before { content: "+"; width: 20px; height: 20px; border-radius: 50%;
  display: grid; place-items: center; border: 1px solid rgba(77,163,255,.45);
  font-size: .9rem; line-height: 1; }
.legacy .wu-transcript[open] summary::before { content: "‘2"; }
.legacy .wu-transcript summary:focus-visible { outline: 2px solid var(--cyan); outline-offset: 3px; }
.legacy .wu-tr-body { margin-top: 18px; display: grid; gap: 14px; max-width: 82ch; }
.legacy .wu-tr-row { display: grid; grid-template-columns: 52px 1fr; gap: 4px 16px; }
.legacy .wu-tr-t { font-family: var(--mono); font-size: .74rem;
  color: var(--cyan); padding-top: 2px; }
.legacy .wu-tr-s { font-family: var(--sans); font-weight: 700; font-size: .84rem; color: #fff; }
.legacy .wu-tr-row p { grid-column: 2; margin: 0; color: rgba(255,255,255,.72);
  font-size: .95rem; line-height: 1.65; }
.legacy .wu-after { display: flex; align-items: center; gap: 22px; flex-wrap: wrap; margin-top: 44px; }
@media (max-width: 760px)  {
.legacy .wu-screen { aspect-ratio: auto; min-height: 560px; }
.legacy .wu-row { grid-template-columns: 1fr auto; font-size: .78rem; }
.legacy .wu-row .wu-sub { display: none; }
.legacy .wu-addr { margin-left: 0; align-items: flex-start; width: 100%; }
.legacy .wu-controls { flex-wrap: wrap; gap: 10px; }
.legacy .wu-track { order: 3; flex-basis: 100%; }
.legacy .wu-time-l { min-width: 0; font-size: .68rem; }
.legacy .wu-caps { min-height: 170px; }
}
@media (prefers-reduced-motion: reduce)  {
.legacy .wu-scene { transition: visibility 0s; transform: none; }
.legacy .wu-scene.on .ct-shot.on * { animation: none !important; opacity: 1 !important; }
.legacy .wu-scene.on > *:not(.ct-shot) { animation: none !important; opacity: 1 !important; }
.legacy .wu-fake::after { transform: scaleX(1); }
.legacy .wu-play-tri::before { animation: none; }
.legacy .wu-sound { animation: none; }
}
.legacy .ct-person { width: 100%; height: auto; display: block; overflow: visible; }
.legacy .ct-skin { fill: #f3c9a4; }
.legacy .ct-head { stroke: #d9a97f; stroke-width: 2; }
.legacy .ct-torso { stroke: #14375c; stroke-width: 2.5; }
.legacy .ct-collar { fill: #f3c9a4; }
.legacy .ct-chair { fill: #24313f; stroke: #16202b; stroke-width: 2.5; }
.legacy .ct-arm path { stroke: #3f7fbe; stroke-width: 19; fill: none; }
.legacy .ct-ceo .ct-arm path { stroke: #2b3744; stroke-width: 18; }
.legacy .ct-ceo .ct-brows path { stroke: #33241a; }
.legacy .ct-hand { fill: #f3c9a4; stroke: #d9a97f; stroke-width: 1.5; }
.legacy .ct-eye { fill: #23303c; }
.legacy .ct-brows path { stroke: #4a3222; stroke-width: 4.2; fill: none; stroke-linecap: round; }
.legacy .ct-mouth { stroke: #a4553f; stroke-width: 3.4; fill: none; stroke-linecap: round; opacity: 0; }
.legacy .ct-blush { fill: #f0a58c; opacity: .45; }
.legacy .ct-sweat { fill: #7fd8ff; opacity: 0; }
.legacy .ct-person[data-mood="neutral"] .ct-m-neutral,
.legacy .ct-person[data-mood="worry"]   .ct-m-worry,
.legacy .ct-person[data-mood="smile"]   .ct-m-smile { opacity: 1; }
.legacy .ct-person[data-mood="worry"] .ct-brows path:first-child { transform: translate(2px, 2px) rotate(5deg); }
.legacy .ct-person[data-mood="worry"] .ct-brows path:last-child { transform: translate(-2px, 2px) rotate(-5deg); }
.legacy .ct-person[data-mood="worry"] .ct-sweat { opacity: 1; animation: ctSweat 1.8s ease-in-out infinite; }
.legacy .ct-person[data-mood="smile"] .ct-eyes ellipse { ry: 4; }
.legacy .ct-brows path { transform-box: fill-box; transform-origin: right center;
  transition: transform .45s cubic-bezier(.3,.8,.3,1); }
.legacy .ct-brows path:last-child { transform-origin: left center; }
@keyframes ctSweat {
  0%, 100% { transform: translateY(0); opacity: .9; }
  50%      { transform: translateY(5px); opacity: .5; }
}
.legacy .ct-eyes { animation: ctBlink 5.2s steps(1) infinite; transform-box: fill-box; transform-origin: center; }
@keyframes ctBlink { 0%, 96%, 100% { transform: scaleY(1); } 97%, 99% { transform: scaleY(.1); } }
.legacy .ct-desk { width: 100%; height: auto; display: block; overflow: visible; }
.legacy .ct-desktop { fill: #6f4a33; }
.legacy .ct-desk-body { fill: #4a3122; }
.legacy .ct-desk-edge { stroke: #8a5f43; stroke-width: 2; }
.legacy .ct-mug rect { fill: #e8eef4; }
.legacy .ct-mug path { stroke: #e8eef4; }
.legacy .ct-steam path { stroke: rgba(255,255,255,.4); stroke-width: 3; fill: none; stroke-linecap: round;
  animation: ctSteam 3s ease-in-out infinite; }
.legacy .ct-steam path:last-child { animation-delay: .8s; }
@keyframes ctSteam { 0% { opacity: 0; transform: translateY(6px); } 40% { opacity: .8; } 100% { opacity: 0; transform: translateY(-12px); } }
.legacy .ct-pot { fill: #c1663f; }
.legacy .ct-leaf { fill: #3f8f5c; transform-box: fill-box; transform-origin: bottom center;
  animation: ctLeaf 6s ease-in-out infinite; }
.legacy .ct-leaf:nth-of-type(2) { animation-delay: 1.2s; }
.legacy .ct-leaf:nth-of-type(3) { animation-delay: 2.4s; }
@keyframes ctLeaf { 0%, 100% { transform: rotate(0deg); } 50% { transform: rotate(3deg); } }
.legacy .ol {
  width: 100%; min-width: 0; border-radius: 8px; overflow: hidden; text-align: left;
  background: #faf9f8; color: #201f1e; position: relative;
  font-family: var(--sans);
  box-shadow: 0 14px 34px rgba(0,0,0,.62);
  border: 1px solid rgba(0,0,0,.35);
}
.legacy .ol-title {
  display: flex; align-items: center; gap: 12px; padding: 8px 12px;
  background: #2c3b8f; color: #fff; font-size: 12px;
}
.legacy .ol-logo { width: 16px; height: 14px; border-radius: 2px; background: #fff; position: relative; flex-shrink: 0; }
.legacy .ol-logo::after { content: ""; position: absolute; left: 2px; top: 2px; width: 7px; height: 10px;
  border-radius: 2px; background: #2c3b8f; }
.legacy .ol-title-t { font-weight: 600; }
.legacy .ol-search { flex: 1; max-width: 300px; background: rgba(255,255,255,.16); border-radius: 3px;
  padding: 3px 10px; font-size: 11px; color: rgba(255,255,255,.75); }
.legacy .ol-win { margin-left: auto; display: flex; gap: 12px; align-items: center; }
.legacy .ol-win i { width: 9px; height: 1px; background: rgba(255,255,255,.85); display: block; }
.legacy .ol-win i:nth-child(2) { height: 8px; border: 1px solid rgba(255,255,255,.85); background: none; }
.legacy .ol-win i.x { height: 9px; background: none; position: relative; }
.legacy .ol-win i.x::before,
.legacy .ol-win i.x::after { content: ""; position: absolute; inset: 0;
  border-top: 1px solid rgba(255,255,255,.85); top: 4px; }
.legacy .ol-win i.x::before { transform: rotate(45deg); }
.legacy .ol-win i.x::after { transform: rotate(-45deg); }
.legacy .ol-ribbon { display: flex; align-items: center; gap: 14px; padding: 7px 14px;
  background: #f3f2f1; border-bottom: 1px solid #e1dfdd; font-size: 11.5px; color: #444; }
.legacy .ol-tab { padding-bottom: 3px; }
.legacy .ol-tab.on { color: #2c3b8f; font-weight: 600; box-shadow: 0 2px 0 #2c3b8f; }
.legacy .ol-rsep { width: 1px; height: 14px; background: #d8d6d4; }
.legacy .ol-cmd { color: #333; }
.legacy .ol-cmd.new { background: #2c3b8f; color: #fff; border-radius: 3px; padding: 4px 11px; font-weight: 600; }
.legacy .ol-body { display: grid; grid-template-columns: 116px 196px 1fr; min-height: 254px; }
.legacy .ol-rail { min-width: 0; background: #f3f2f1; border-right: 1px solid #e1dfdd; padding: 10px 0; font-size: 12px; }
.legacy .ol-rail-h { padding: 3px 14px 8px; color: #605e5c; font-size: 10.5px; text-transform: uppercase; letter-spacing: .06em; }
.legacy .ol-folder { display: flex; align-items: center; gap: 9px; padding: 6px 14px; color: #201f1e; }
.legacy .ol-folder.sel { background: #e1dfdd; font-weight: 600; box-shadow: inset 3px 0 0 #2c3b8f; }
.legacy .ol-fi { width: 11px; height: 9px; border: 1.5px solid #4a5b9e; border-radius: 1px; flex-shrink: 0; }
.legacy .ol-badge { margin-left: auto; background: #2c3b8f; color: #fff; border-radius: 9px;
  font-size: 9.5px; padding: 1px 6px; }
.legacy .ol-list { border-right: 1px solid #e1dfdd; background: #fff; min-width: 0; }
.legacy .ol-list-h { padding: 9px 13px; font-size: 12px; font-weight: 600; color: #2c3b8f;
  border-bottom: 1px solid #edebe9; box-shadow: inset 0 -2px 0 #2c3b8f; }
.legacy .ol-list-h span { color: #605e5c; font-weight: 400; margin-left: 16px; box-shadow: none; }
.legacy .ol-mail { display: flex; gap: 9px; align-items: flex-start; padding: 9px 12px;
  border-bottom: 1px solid #f1efed; font-size: 11.5px; }
.legacy .ol-mail.sel { background: #eff6fc; box-shadow: inset 3px 0 0 #2c3b8f; }
.legacy .ol-av { width: 26px; height: 26px; border-radius: 50%; flex-shrink: 0; color: #fff;
  display: grid; place-items: center; font-size: 10px; font-weight: 700; }
.legacy .ol-av.big { width: 36px; height: 36px; font-size: 13px; }
.legacy .ol-mid { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.legacy .ol-who { color: #201f1e; }
.legacy .ol-subj { color: #605e5c; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 118px; }
.legacy .ol-mail.unread .ol-who { font-weight: 700; }
.legacy .ol-mail.unread .ol-subj { color: #201f1e; font-weight: 600; }
.legacy .ol-when { margin-left: auto; color: #605e5c; font-size: 10.5px; white-space: nowrap; }
.legacy .ol-read { background: #fff; padding: 13px 16px; min-width: 0; overflow: hidden; }
.legacy .ol-read-h { display: flex; gap: 12px; align-items: flex-start; }
.legacy .ol-rh-mid { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.legacy .ol-rh-subj { font-size: 14px; font-weight: 600; }
.legacy .ol-rh-from { font-size: 11.5px; color: #605e5c; }
.legacy .ol-addr { font-weight: 400; color: #605e5c; }
.legacy .ol-addr em { font-style: normal; position: relative; }
.legacy .ol-rh-time { margin-left: auto; font-size: 11px; color: #605e5c; white-space: nowrap; }
.legacy .ol-actions { display: flex; gap: 16px; margin: 11px 0 0; font-size: 11.5px; color: #2c3b8f; }
.legacy .ol-banner { margin: 11px 0 0; padding: 7px 11px; border-radius: 3px; font-size: 11px;
  background: #fff4ce; border-left: 4px solid #d29200; color: #3b3a39; opacity: 0; }
.legacy .ol-read-b { margin-top: 12px; font-size: 12.5px; line-height: 1.6; color: #201f1e; }
.legacy .ol-read-b p { margin: 0 0 9px; }
.legacy .ol-sig { color: #8a8886; font-style: italic; }
.legacy .ol.flag .ol-addr em { color: #a4262c; font-weight: 700; }
.legacy .ol.flag .ol-addr em::after {
  content: ""; position: absolute; left: -2px; right: -2px; bottom: -3px; height: 2px;
  background: #a4262c; transform: scaleX(0); transform-origin: left;
}
.legacy .ct-shot.on .ol.flag .ol-addr em::after {
  animation: ctUnderline .42s cubic-bezier(.4,0,.2,1)
             calc(var(--shot, 1.7s) * .1) forwards;
}
@keyframes ctUnderline { from { transform: scaleX(0); transform-origin: left; } to { transform: scaleX(1); } }
.legacy .ct-shot.on .ol.flag .ol-banner {
  animation: ctFade .4s ease calc(var(--shot, 1.7s) * .28) forwards; }
@keyframes ctFade { to { opacity: 1; } }
.legacy .ol-quarantine {
  position: absolute; inset: 0; z-index: 4; display: flex; flex-direction: column;
  align-items: flex-end; justify-content: center; gap: 9px; text-align: right;
  padding-right: 7%; padding-left: 52%;
  background: rgba(5,12,20,.955);
  opacity: 0; visibility: hidden; transform: scale(1.06);
  transition: opacity .32s ease, transform .32s cubic-bezier(.2,1.3,.4,1), visibility .32s;
}
.legacy .ct-shot.on .ol.quarantined .ol-quarantine { opacity: 1; visibility: visible; transform: scale(1); }
.legacy .ol-q-mark { width: 62px; height: 62px; border-radius: 50%; border: 3px solid #38f8a7; position: relative; }
.legacy .ol-q-mark::after { content: ""; position: absolute; left: 17px; top: 28px; width: 26px; height: 13px;
  border-left: 4px solid #38f8a7; border-bottom: 4px solid #38f8a7; transform: rotate(-45deg); }
.legacy .ol-q-t { font-family: var(--sans); font-weight: 800; font-size: 1.16rem; color: #fff; }
.legacy .ol-q-s { font-family: var(--mono); font-size: .68rem;
  letter-spacing: .14em; text-transform: uppercase; color: #38f8a7; }
.legacy .ct-mag { width: min(560px, 94%); border-radius: 10px; overflow: hidden; text-align: left;
  background: #070d15; border: 1px solid rgba(255,77,109,.34);
  box-shadow: 0 12px 30px rgba(0,0,0,.55); padding: 16px 18px 18px; }
.legacy .ct-mag-k { display: block; font-family: var(--mono);
  font-size: .6rem; letter-spacing: .24em; text-transform: uppercase;
  color: rgba(255,255,255,.5); margin-bottom: 12px; }
.legacy .ct-mag-row { display: flex; align-items: baseline; gap: 12px; padding: 6px 0; }
.legacy .ct-mag-l { font-size: .68rem; color: rgba(255,255,255,.42); min-width: 84px; }
.legacy .ct-mag-v { font-family: var(--mono); font-size: .92rem;
  letter-spacing: .02em; }
.legacy .ct-mag-v.good { color: rgba(255,255,255,.78); }
.legacy .ct-mag-v.good b { color: #7fe9ff; font-weight: 400; }
.legacy .ct-mag-v.bad { color: #ffb3c1; }
.legacy .ct-mag-v.bad b.hit { color: #ff4d6d; font-weight: 700; position: relative; }
.legacy .ct-shot.on .ct-mag-v.bad b.hit::after {
  content: ""; position: absolute; left: -2px; right: -2px; bottom: -4px; height: 2px;
  background: #ff4d6d; transform: scaleX(0); transform-origin: left;
  animation: ctUnderline .4s cubic-bezier(.4,0,.2,1) calc(var(--shot, 1.7s) * .18) forwards; }
.legacy .ct-mag-zoom { display: flex; align-items: center; justify-content: center; gap: 16px;
  margin: 14px 0 10px; padding: 12px 0; border-top: 1px solid rgba(255,255,255,.08);
  border-bottom: 1px solid rgba(255,255,255,.08); opacity: 0; }
.legacy .ct-shot.on .ct-mag-zoom {
  animation: ctFade .45s ease calc(var(--shot, 1.7s) * .3) forwards; }
.legacy .ct-mag-big { font-family: var(--mono);
  font-size: clamp(2rem, 5vw, 3.1rem); line-height: 1; letter-spacing: -.04em; }
.legacy .ct-mag-big.good { color: #7fe9ff; }
.legacy .ct-mag-big.bad { color: #ff4d6d; }
.legacy .ct-mag-big.bad i { font-style: normal; margin-left: -.14em; }
.legacy .ct-mag-vs { font-family: var(--mono); font-size: .62rem;
  letter-spacing: .18em; text-transform: uppercase; color: rgba(255,255,255,.45); }
.legacy .ct-mag-note { display: block; font-size: .74rem; line-height: 1.55;
  color: rgba(255,255,255,.6); opacity: 0; }
.legacy .ct-shot.on .ct-mag-note {
  animation: ctFade .45s ease calc(var(--shot, 1.7s) * .48) forwards; }
@media (max-width: 600px)  {
.legacy .ct-mag-row { flex-direction: column; gap: 2px; }
.legacy .ct-mag-l { min-width: 0; }
.legacy .ct-mag-v { font-size: .8rem; }
.legacy .ct-mag-zoom { gap: 10px; }
}
.legacy .bk { width: 100%; border-radius: 8px; overflow: hidden; text-align: left; position: relative;
  background: #fff; color: #12212f; font-family: var(--sans);
  box-shadow: 0 14px 34px rgba(0,0,0,.62); border: 1px solid rgba(0,0,0,.35); }
.legacy .bk-top { display: flex; justify-content: space-between; align-items: baseline;
  padding: 13px 18px; background: #10456f; color: #fff; }
.legacy .bk-brand { font-weight: 700; font-size: 14px; }
.legacy .bk-step { font-size: 11px; color: rgba(255,255,255,.8); }
.legacy .bk-body { padding: 16px 18px 20px; }
.legacy .bk-row { display: flex; justify-content: space-between; gap: 16px; align-items: baseline;
  padding: 11px 0; border-bottom: 1px solid #e6ebf0; font-size: 13px; }
.legacy .bk-row span { color: #5b6b7c; }
.legacy .bk-row b { color: #12212f; font-family: var(--mono); font-size: 12.5px; }
.legacy .bk-row.big b { font-family: var(--sans); font-weight: 400; text-transform: uppercase; letter-spacing: -0.01em; font-size: calc((30px) * 0.66); color: #a4262c; }
.legacy .bk-send { position: relative; margin-top: 15px; padding: 12px; border-radius: 4px; text-align: center;
  background: #1f8fe0; color: #fff; font-weight: 700; font-size: 14px; }
.legacy .bk-send::after { content: ""; position: absolute; inset: -1px; border-radius: 5px;
  border: 2px solid rgba(164,38,44,.6); opacity: 0; pointer-events: none; }
.legacy .ct-shot.on .bk-send::after { animation: ctArm 1.15s ease-out .45s infinite; }
@keyframes ctArm {
  0%   { opacity: .85; transform: scale(1); }
  100% { opacity: 0;   transform: scale(1.13); }
}
.legacy .bk-cursor { position: absolute; right: 42px; bottom: 26px; width: 16px; height: 24px; background: #fff;
  clip-path: polygon(0 0, 0 78%, 26% 60%, 44% 100%, 62% 88%, 46% 52%, 78% 50%);
  filter: drop-shadow(0 2px 6px rgba(0,0,0,.8)); opacity: 0; }
.legacy .ct-shot.on .bk-cursor { animation: ctCursor 1.7s cubic-bezier(.3,.8,.4,1) .35s infinite; }
@keyframes ctCursor {
  0%   { opacity: 0; transform: translate(34px, 36px); }
  20%  { opacity: 1; }
  58%  { opacity: 1; transform: translate(0,0); }
  68%  { transform: translate(0, 4px); }
  100% { opacity: 1; transform: translate(0,0); }
}
.legacy .ct-stage { position: relative; width: 100%; height: 100%; display: grid; place-items: center; }
.legacy .ct-wide {
  position: relative; width: min(870px, 95%); margin-inline: auto;
  display: grid; grid-template-columns: minmax(0, 1fr) 190px; align-items: end;
  gap: 20px; padding-bottom: 54px;
  
  zoom: .87;
}
.legacy .ct-wide .ct-screen { grid-column: 1; grid-row: 1; min-width: 0; z-index: 2; }
.legacy .ct-wide .ct-screen > * { max-width: 100%; }
.legacy .ct-wide .ct-figure { grid-column: 2; grid-row: 1; width: 100%; z-index: 1;
  align-self: end; transform: translateY(10px); }
.legacy .ct-wide .ct-deskwrap {
  position: absolute; left: -3%; right: -3%; bottom: 0; z-index: 3; height: 56px; overflow: hidden;
}
.legacy .ct-wide .ct-deskwrap .ct-desk { height: 100%; width: 100%; }
.legacy .ct-cam { transition: transform calc(var(--shot, 1.7s) * .62)
                      cubic-bezier(.22,.72,.26,1) 0s;
  transform: var(--cam-from, scale(.965)); backface-visibility: hidden; }
.legacy .ct-cam > * { margin-inline: auto; }
.legacy .ct-shot.on .ct-cam { transform: var(--cam, none); transition-delay: .28s; }
.legacy .ct-guard { position: absolute; z-index: 6; width: 25%; left: 27%; top: 50%; }
.legacy .ct-shot.on .ct-guard {
  animation: ctSwoop .8s cubic-bezier(.15,1.12,.3,1) calc(var(--shot, 1.7s) * .06) both; }
@keyframes ctSwoop {
  0%   { opacity: 0; transform: translate(-260%, -150%) scale(.45) rotate(-18deg); }
  70%  { opacity: 1; }
  100% { opacity: 1; transform: translate(-50%, -50%) scale(1) rotate(0deg); }
}
.legacy .ct-shock { position: absolute; left: 50%; top: 50%; width: 46%; aspect-ratio: 1; z-index: 5;
  transform: translate(-50%,-50%); border-radius: 50%; opacity: 0;
  border: 3px solid rgba(77,163,255,.9); }
.legacy .ct-shot.on .ct-shock {
  animation: ctShock .85s cubic-bezier(.2,.8,.3,1) calc(var(--shot, 1.7s) * .3) 2; }
@keyframes ctShock {
  0%   { opacity: .95; transform: translate(-50%,-50%) scale(.4); }
  100% { opacity: 0; transform: translate(-50%,-50%) scale(1.7); }
}
.legacy .ct-console { width: min(660px, 96%); border-radius: 8px; overflow: hidden; text-align: left;
  background: #070d15; border: 1px solid rgba(77,163,255,.3);
  box-shadow: 0 12px 30px rgba(0,0,0,.55); }
.legacy .ct-con-h { display: flex; align-items: center; gap: 10px; padding: 10px 15px;
  background: rgba(77,163,255,.08); border-bottom: 1px solid rgba(77,163,255,.24); }
.legacy .ct-con-dot { width: 9px; height: 9px; border-radius: 50%; background: #38f8a7;
  box-shadow: 0 0 10px #38f8a7; animation: ctLive 1.6s ease-in-out infinite; }
@keyframes ctLive { 0%,100% { opacity: 1; } 50% { opacity: .3; } }
.legacy .ct-con-t { font-family: var(--sans); font-weight: 700; font-size: .86rem; color: #fff; }
.legacy .ct-con-s { margin-left: auto; font-family: var(--mono);
  font-size: .62rem; letter-spacing: .16em; text-transform: uppercase; color: var(--cyan); }
.legacy .ct-con-b { padding: 12px 15px 15px; display: grid; gap: 7px; }
.legacy .ct-sig { display: grid; grid-template-columns: 22px 1fr auto; gap: 3px 11px; align-items: center;
  padding: 9px 12px; border-radius: 4px; background: rgba(255,77,109,.07);
  border: 1px solid rgba(255,77,109,.24); opacity: 0; }
.legacy .ct-shot.on .ct-sig { animation: ctSig .42s cubic-bezier(.2,.9,.3,1) both;
  animation-delay: calc(var(--shot, 1.7s) * .1 + var(--i) * var(--shot, 1.7s) * .2); }
@keyframes ctSig { from { opacity: 0; transform: translateX(-14px); } to { opacity: 1; transform: none; } }
.legacy .ct-sig-i { grid-column: 1; grid-row: 1 / 3; width: 20px; height: 20px; border-radius: 50%; display: grid;
  place-items: center; background: rgba(255,77,109,.18); border: 1px solid rgba(255,77,109,.5);
  color: #ff8fa3; font-family: var(--sans); font-weight: 400; text-transform: uppercase; letter-spacing: -0.01em; font-size: calc((.84rem) * 0.66); }
.legacy .ct-sig-h { grid-column: 2; grid-row: 1; color: #fff; font-weight: 700; font-size: .84rem; }
.legacy .ct-sig-d { grid-column: 2; grid-row: 2; color: rgba(255,255,255,.5); font-size: .72rem;
  font-family: var(--mono); }
.legacy .ct-sig-v { grid-column: 3; grid-row: 1 / 3; font-family: var(--mono);
  font-size: .62rem; color: #ff8fa3; }
.legacy .ct-verdict { margin-top: 4px; padding: 10px 12px; border-radius: 4px; text-align: center;
  background: rgba(56,248,167,.10); border: 1px solid rgba(56,248,167,.42);
  font-family: var(--sans); font-weight: 700; font-size: .86rem; color: #38f8a7; opacity: 0; }
.legacy .ct-shot.on .ct-verdict { animation: ctFade .4s ease 1.2s forwards; }
.legacy .ct-shot { position: absolute; inset: 0; display: flex; align-items: center;
  justify-content: center; padding: 26px 4%;
  contain: layout paint;
  backface-visibility: hidden;
  opacity: 0; visibility: hidden;
  
  transition: opacity .26s cubic-bezier(.4,.2,1,.55), visibility 0s .26s; }
.legacy .ct-shot.on { opacity: 1; visibility: visible;
  transition: opacity .26s cubic-bezier(0,.45,.6,.8), visibility 0s; }
.legacy .ct-shot.hold.on { transition: opacity 0s, visibility 0s; }
.legacy .ct-shot.cutout:not(.on) { transition: opacity 0s, visibility 0s; }
.legacy .ct-shot.chapter-in.on {
  transition: opacity .52s cubic-bezier(0,.45,.6,.8), visibility 0s; }
.legacy .ct-shot.chapter-out {
  transition: opacity .52s cubic-bezier(.4,.2,1,.55), visibility 0s .52s;
  scale: 1.012; }
.legacy .ct-shot.chapter-out.hold,
.legacy .ct-shot.chapter-out.cutout {
  transition: opacity .52s cubic-bezier(.4,.2,1,.55), visibility 0s .52s; }
.legacy .ct-shot.hold.on .ct-cam { transition-delay: 0s; }
.legacy .wu-scene:not(.on),
.legacy .wu-scene:not(.on) *,
.legacy .wu-scene:not(.on) *::before,
.legacy .wu-scene:not(.on) *::after,
.legacy .ct-shot:not(.on),
.legacy .ct-shot:not(.on) *,
.legacy .ct-shot:not(.on) *::before,
.legacy .ct-shot:not(.on) *::after {
  
  animation-play-state: paused !important; }
.legacy .wu-scene.parked { content-visibility: hidden; }
.legacy .ct-cursor {
  position: absolute; z-index: 9; width: 20px; height: 28px;
  left: var(--cx, 50%); top: var(--cy, 50%);
  
}
.legacy .ct-cursor svg { display: block; width: 100%; height: 100%; }
.legacy .ct-shot.on .ct-cursor.travel {
  animation: ctTravel calc(var(--shot, 1.7s) * .42) cubic-bezier(.3,.8,.35,1) both; }
@keyframes ctTravel {
  from { transform: translate(var(--fx, -90px), var(--fy, 60px)); }
  to   { transform: none; }
}
.legacy .ct-shot.on .ct-cursor.click {
  animation: ctClick .34s ease calc(var(--shot, 1.7s) * .2) 2; }
@keyframes ctClick { 0%,100% { transform: scale(1); } 45% { transform: scale(.82); } }
.legacy .ct-click-ring {
  position: absolute; z-index: 8; width: 34px; height: 34px; margin: -17px 0 0 -17px;
  left: var(--cx, 50%); top: var(--cy, 50%); border-radius: 50%;
  border: 2px solid #7fe9ff; opacity: 0; }
.legacy .ct-shot.on .ct-click-ring {
  animation: ctRing .5s ease-out calc(var(--shot, 1.7s) * .19) 2; }
@keyframes ctRing {
  0%   { opacity: .9; transform: scale(.3); }
  100% { opacity: 0; transform: scale(1.5); }
}
.legacy .ol-mail.hot { transition: background .4s ease; }
.legacy .ct-shot.on .ol-mail.hot { background: #cfe4f7; box-shadow: inset 3px 0 0 #2c3b8f; }
.legacy .ct-shot.on .ol-mail.hot .ol-who { color: #10306a; }
.legacy .ct-ping { position: absolute; z-index: 7; padding: 9px 15px; border-radius: 7px;
  background: #2c3b8f; color: #fff; font-family: var(--sans);
  font-size: 12px; box-shadow: 0 8px 18px rgba(0,0,0,.55);
  right: 4%; top: 8%; opacity: 0; }
.legacy .ct-ping b { display: block; font-size: 11px; opacity: .8; font-weight: 400; }
.legacy .ct-shot.on .ct-ping {
  animation: ctPing calc(var(--shot, 1.7s) * .82) cubic-bezier(.2,.9,.3,1)
             calc(var(--shot, 1.7s) * .08) both; }
@keyframes ctPing {
  0%   { opacity: 0; transform: translateX(40px); }
  16%  { opacity: 1; transform: none; }
  78%  { opacity: 1; transform: none; }
  100% { opacity: 0; transform: translateX(20px); }
}
.legacy .ct-typed { position: relative; }
.legacy .ct-shot.on .ct-typed::after {
  content: ""; position: absolute; right: -6px; top: 10%; bottom: 10%; width: 2px;
  background: #12212f; animation: ctCaret .55s steps(1) infinite;
}
@keyframes ctCaret { 0%, 49% { opacity: 1; } 50%, 100% { opacity: 0; } }
.legacy .ct-blockwrap { width: min(660px, 100%); border-radius: 10px; overflow: hidden;
  background: #070d15; border: 1px solid rgba(56,248,167,.34);
  box-shadow: 0 12px 30px rgba(0,0,0,.55); text-align: left; }
.legacy .ct-blockhead { display: flex; align-items: center; gap: 16px; padding: 16px 18px;
  background: rgba(56,248,167,.08); border-bottom: 1px solid rgba(56,248,167,.26); }
.legacy .ct-guard-still { width: 74px; flex-shrink: 0; }
.legacy .ct-guard-still .cgk-attacks,
.legacy .ct-guard-still .cgk-barrier { display: none; }
.legacy .ct-blocked-t { display: block; font-family: var(--sans); font-weight: 400; text-transform: uppercase; letter-spacing: -0.01em;
  font-size: calc((clamp(1.9rem, 5vw, 3rem)) * 0.66); line-height: 1; letter-spacing: .1em; color: #38f8a7; }
.legacy .ct-shot.on .ct-blocked-t {
  animation: ctPunch .4s cubic-bezier(.3,1.1,.4,1) calc(var(--shot, 1.7s) * .07) both; }
@keyframes ctPunch {
  0%   { opacity: 0; transform: scale(2.2); }
  70%  { opacity: 1; transform: scale(.94); }
  100% { opacity: 1; transform: scale(1); }
}
.legacy .ct-blocked-t { transform-origin: left center; }
.legacy .ct-blockhead > div:last-child { min-width: 0; }
.legacy .ct-blocked-s { display: block; margin-top: 5px;
  font-family: var(--mono); font-size: .66rem;
  letter-spacing: .14em; text-transform: uppercase; color: rgba(255,255,255,.6); }
.legacy .ct-tag-name { position: absolute; left: 20px; bottom: 74px; transform: translateX(-50%);
  transform: none; z-index: 5; padding: 5px 13px; border-radius: 999px;
  background: rgba(5,10,18,.88); border: 1px solid rgba(77,163,255,.45);
  box-shadow: 0 4px 14px rgba(0,0,0,.5);
  font-family: var(--mono); font-size: .64rem;
  letter-spacing: .16em; text-transform: uppercase; color: #7fe9ff; opacity: 0; }
.legacy .ct-shot.on .ct-tag-name {
  animation: ctFade .4s ease calc(var(--shot, 1.7s) * .2) forwards; }
.legacy .ct-celebrate { position: relative; width: min(760px, 100%); text-align: center;
  padding-top: 96px; }
.legacy .ct-cast { display: flex; align-items: flex-end; justify-content: center; gap: clamp(6px, 3vw, 40px); }
.legacy .ct-cast > * { width: clamp(96px, 15vw, 168px); }
.legacy .ct-cast .ct-mascot { width: clamp(120px, 19vw, 210px); align-self: center; }
.legacy .ct-shot.on .ct-cast > * { animation: ctCheer .5s cubic-bezier(.2,1.3,.35,1) both; }
.legacy .ct-shot.on .ct-cast > *:nth-child(2) { animation-delay: calc(var(--shot, 1.7s) * .07); }
.legacy .ct-shot.on .ct-cast > *:nth-child(3) { animation-delay: calc(var(--shot, 1.7s) * .14); }
@keyframes ctCheer {
  from { opacity: 0; transform: translateY(26px) scale(.9); }
  to   { opacity: 1; transform: none; }
}
.legacy .ct-stamp {
  position: absolute; left: 50%; top: 0; z-index: 6;
  padding: 7px 20px 9px; border: 3px solid #ff2d55; border-radius: 6px;
  font-family: var(--sans); font-weight: 400; text-transform: uppercase; letter-spacing: -0.01em; font-size: calc((clamp(1.1rem, 2.6vw, 1.7rem)) * 0.66);
  line-height: 1.05; white-space: nowrap;
  letter-spacing: .12em; color: #ff2d55; background: rgba(255,45,85,.12);
  transform: translate(-50%, 0) rotate(-9deg) scale(2.6); opacity: 0;
}
.legacy .ct-shot.on .ct-stamp {
  animation: ctStamp .42s cubic-bezier(.3,1.1,.4,1) calc(var(--shot, 1.7s) * .28) both; }
@keyframes ctStamp {
  0%   { opacity: 0; transform: translate(-50%,0) rotate(-9deg) scale(1.9); }
  70%  { opacity: 1; transform: translate(-50%,0) rotate(-9deg) scale(.94); }
  100% { opacity: 1; transform: translate(-50%,0) rotate(-9deg) scale(1); }
}
.legacy .ct-stamp small { display: block; font-family: var(--mono);
  font-size: .4em; letter-spacing: .16em; color: #ff8fa3; margin-top: 4px; }
.legacy .ct-names { display: flex; justify-content: center; gap: clamp(10px, 5vw, 62px); margin-top: 10px; }
.legacy .ct-name { font-family: var(--mono); font-size: .64rem;
  letter-spacing: .16em; text-transform: uppercase; color: rgba(255,255,255,.5); }
.legacy .ct-name.hi { color: #38f8a7; }
.legacy .ct-close { text-align: center; }
.legacy .ct-close .ct-mark { width: clamp(90px, 13vw, 128px); margin: 0 auto 20px; }
.legacy .ct-close-k { display: block; font-family: var(--mono);
  font-size: .64rem; letter-spacing: .32em; text-transform: uppercase; color: var(--cyan); margin-bottom: 14px; }
.legacy .ct-close strong { display: block; font-family: var(--sans); font-weight: 400; text-transform: uppercase; letter-spacing: -0.01em; font-weight: 400;
  font-size: calc((clamp(1.8rem, 5vw, 3.6rem)) * 0.66); line-height: .98; color: #fff; letter-spacing: .02em; }
.legacy .ct-close strong em { font-style: normal; color: #38f8a7; }
.legacy .ct-close-s { display: block; margin-top: 16px; color: rgba(255,255,255,.62); font-size: .88rem; }
.legacy .ct-saved { text-align: center; }
.legacy .ct-saved .ct-amt { display: block; font-family: var(--sans); font-weight: 400; text-transform: uppercase; letter-spacing: -0.01em;
  font-size: calc((clamp(2.8rem, 8.5vw, 5.4rem)) * 0.66); line-height: 1; color: #38f8a7;
  text-shadow: 0 0 48px rgba(56,248,167,.42); }
.legacy .ct-shot.on .ct-saved .ct-amt {
  animation: ctPop .7s cubic-bezier(.2,1.3,.35,1) calc(var(--shot, 1.7s) * .1) both; }
@keyframes ctPop { from { opacity: 0; transform: scale(.7); } to { opacity: 1; transform: none; } }
.legacy .ct-saved .ct-amt-l { display: block; margin-top: 8px; font-family: var(--mono);
  font-size: .66rem; letter-spacing: .24em; text-transform: uppercase; color: rgba(56,248,167,.85); }
.legacy .ct-relief { width: clamp(110px, 15vw, 160px); margin: 0 auto 4px; }
.legacy .ct-outcomes { display: flex; flex-wrap: wrap; justify-content: center; gap: 9px; margin-top: 20px; }
.legacy .ct-out {
  display: inline-flex; align-items: center; gap: 8px;
  padding: 8px 15px; border-radius: 999px; font-size: .82rem;
  background: rgba(56,248,167,.08); border: 1px solid rgba(56,248,167,.34);
  color: rgba(255,255,255,.86); opacity: 0;
}
.legacy .ct-out b { color: #38f8a7; font-weight: 400; }
.legacy .ct-shot.on .ct-out { animation: ctSig .42s cubic-bezier(.2,.9,.3,1) both;
  animation-delay: calc(var(--shot, 1.7s) * .22 + var(--i) * var(--shot, 1.7s) * .16); }
@media (max-width: 600px)  {
.legacy .ct-out { font-size: .74rem; padding: 7px 12px; }
}
@media (max-width: 860px)  {
.legacy .ol-body { grid-template-columns: 1fr; min-height: 0; }
.legacy .ol-rail,
.legacy .ol-list { display: none; }
.legacy .ol-ribbon .ol-cmd:nth-child(n/**/+6) { display: none; }
.legacy .ct-wide { grid-template-columns: minmax(0, 1fr); }
.legacy .ct-wide .ct-figure { display: none; }
.legacy .ct-wide .ct-screen { width: 100%; transform: none; }
.legacy .ct-wide .ct-deskwrap { display: none; }
.legacy .ct-cam { transform: none !important; transition: none; }
.legacy .ct-shot { padding: 14px 3%; }
.legacy .ct-wide { zoom: .78; }
.legacy .ct-cam > div:not(.ct-wide) { zoom: .86; }
.legacy .ct-blockwrap,
.legacy .ct-celebrate,
.legacy .ct-close,
.legacy .ct-saved { zoom: .94; }
.legacy .ct-tag-name { top: auto; bottom: 12px; }
}
@media (prefers-reduced-motion: reduce)  {
.legacy .ct-person *,
.legacy .ct-desk *,
.legacy .ol *,
.legacy .bk *,
.legacy .ct-guard,
.legacy .ct-shock,
.legacy .ct-sig,
.legacy .ct-verdict,
.legacy .ct-saved .ct-amt { animation: none !important; }
.legacy .ct-cam { transition: none; transform: none !important; }
.legacy .ct-shot,
.legacy .ct-shot.on { animation: none !important;
    transition: opacity .2s linear, visibility 0s !important; }
.legacy .ct-sig,
.legacy .ct-verdict,
.legacy .ol-banner { opacity: 1; }
.legacy .ol.flag .ol-addr em::after { transform: scaleX(1); }
}
@media (min-width: 1100px)  {
.legacy .pr-grid { grid-template-columns: repeat(4, 1fr); gap: 16px; }
.legacy .pr-card { padding: 26px 20px; }
}
.legacy .pr-bt-strip { margin-top: 26px; }
.legacy .pr-bt-strip .pr-card { max-width: none; }
@media (min-width: 900px)  {
.legacy .pr-bt-strip .pr-feats { columns: 2; column-gap: 34px; }
.legacy .pr-bt-strip .pr-cta { align-self: flex-start; padding-left: 34px; padding-right: 34px; }
}
.legacy .sq { display: grid; grid-template-columns: 1.25fr 1fr; gap: 30px; margin-top: 40px; align-items: start; }
.legacy .sq-form { background: var(--card); border: 1px solid var(--border); padding: 30px 28px; }
.legacy .sq-field { margin-bottom: 22px; }
.legacy .sq-field > label { display: block; font-family: var(--sans); font-weight: 700;
  font-size: 1.02rem; color: var(--white); margin-bottom: 9px; }
.legacy .sq-opt { font-family: var(--mono); font-size: .62rem; letter-spacing: .12em;
  text-transform: uppercase; color: var(--muted); margin-left: 8px; }
.legacy .sq-hint { display: block; font-size: .82rem; color: var(--muted); margin-top: 6px; }
.legacy .sq-field input[type="text"],
.legacy .sq-field input[type="number"],
.legacy .sq-field textarea {
  width: 100%; box-sizing: border-box; background: var(--black);
  border: 1px solid var(--border); color: var(--white); font: inherit;
  font-size: 1.05rem; padding: 13px 14px; border-radius: 6px; }
.legacy .sq-field input:focus,
.legacy .sq-field textarea:focus { outline: none; border-color: var(--cyan);
  box-shadow: 0 0 0 2px rgba(77,163,255,.16); }
.legacy .sq-row { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 16px; }
.legacy .sq-pills { display: flex; flex-wrap: wrap; gap: 10px; }
.legacy .sq-pill { background: var(--black); border: 1px solid var(--border); color: var(--white);
  font: inherit; font-size: .95rem; padding: 12px 18px; border-radius: 999px; cursor: pointer;
  transition: border-color .15s, background .15s; }
.legacy .sq-pill:hover { border-color: var(--cyan); }
.legacy .sq-pill.active { border-color: var(--cyan); background: rgba(77,163,255,.12); }
.legacy .sq-check { display: flex; gap: 12px; align-items: flex-start; padding: 11px 0;
  border-bottom: 1px solid rgba(255,255,255,.06); cursor: pointer; font-size: .98rem;
  color: var(--white); }
.legacy .sq-check:last-of-type { border-bottom: 0; }
.legacy .sq-check input { width: 22px; height: 22px; accent-color: #4DA3FF; flex: none; margin-top: 1px; }
.legacy .sq-check b { color: var(--cyan); font-weight: 600; white-space: normal; }
.legacy .sq-check i { display: block; font-style: normal; font-size: .8rem; color: var(--muted); }
.legacy .sq-out { background: var(--card); border: 1px solid rgba(77,163,255,.35); padding: 30px 28px;
  position: sticky; top: 96px; }
.legacy .sq-out-label { font-family: var(--mono); font-size: .68rem;
  letter-spacing: .18em; text-transform: uppercase; color: var(--muted); }
.legacy .sq-total { font-family: var(--sans); font-weight: 800; color: var(--white);
  font-size: 3rem; line-height: 1.1; margin: 10px 0 16px; }
.legacy .sq-total small { font-size: 1rem; color: var(--muted); font-weight: 600; margin-left: 6px; }
.legacy .sq-break { margin-bottom: 14px; }
.legacy .sq-note { font-size: .84rem; color: var(--muted); line-height: 1.6; margin: 0 0 18px; }
.legacy .sq-pdf { width: 100%; text-align: center; box-sizing: border-box; margin-bottom: 14px;
  font-size: 1.02rem; padding-top: 16px; padding-bottom: 16px; }
@media (max-width: 920px)  {
.legacy .sq { grid-template-columns: 1fr; }
.legacy .sq-row { grid-template-columns: 1fr; }
.legacy .sq-out { position: static; }
}
.legacy .sbb { background: linear-gradient(160deg, rgba(77,163,255,.10), rgba(77,163,255,.02) 55%), var(--card);
  border: 1px solid rgba(77,163,255,.35); padding: 34px 36px; display: grid;
  grid-template-columns: 1fr auto; gap: 26px; align-items: center; }
.legacy .sbb h3 { font-family: var(--sans); font-weight: 800; font-size: 1.5rem; margin: 0 0 8px; }
.legacy .sbb h3 span { color: var(--cyan); }
.legacy .sbb p { color: var(--muted); margin: 0; max-width: 62ch; }
.legacy .sbb-price { text-align: center; }
.legacy .sbb-price b { display: block; font-family: var(--sans); font-weight: 800;
  font-size: 2.3rem; color: var(--cyan); }
.legacy .sbb-price small { color: var(--muted); font-size: .8rem; }
.legacy .sbb-cta { grid-column: 1 / -1; display: flex; gap: 16px; flex-wrap: wrap; align-items: center; }
@media (max-width: 720px)  {
.legacy .sbb { grid-template-columns: 1fr; }
}
.legacy .sq-send { width: 100%; text-align: center; box-sizing: border-box; margin-bottom: 14px;
  font-size: .98rem; padding-top: 14px; padding-bottom: 14px; display: block; }
.legacy .sq-contact { margin-bottom: 14px; }
.legacy .sq-contact label { display: block; font-family: var(--sans); font-weight: 700;
  font-size: .9rem; color: var(--white); margin: 10px 0 6px; }
.legacy .sq-contact input { width: 100%; box-sizing: border-box; background: var(--black);
  border: 1px solid var(--border); color: var(--white); font: inherit;
  font-size: 1rem; padding: 11px 12px; border-radius: 6px; }
.legacy .sq-contact input:focus { outline: none; border-color: var(--cyan); }
.legacy .sq-sent { font-size: .88rem; color: #35e07a; margin: 0 0 14px; }
.legacy .sq-sent.err { color: #ff5d5d; }
.legacy [hidden] { display: none !important; }
.legacy .sq-val { float: right; font-family: var(--sans); font-weight: 800;
  font-size: 1.35rem; color: var(--cyan); line-height: 1; }
.legacy .sq-range { -webkit-appearance: none; appearance: none; width: 100%; height: 34px;
  background: transparent; cursor: pointer; margin: 4px 0 0; }
.legacy .sq-range::-webkit-slider-runnable-track { height: 10px; border-radius: 999px;
  background: linear-gradient(90deg, rgba(77,163,255,.55), rgba(77,163,255,.18));
  border: 1px solid var(--border); }
.legacy .sq-range::-webkit-slider-thumb { -webkit-appearance: none; width: 30px; height: 30px;
  border-radius: 50%; background: #4DA3FF; border: 3px solid #07202c;
  margin-top: -11px; box-shadow: 0 2px 10px rgba(77,163,255,.45); }
.legacy .sq-range::-moz-range-track { height: 10px; border-radius: 999px;
  background: linear-gradient(90deg, rgba(77,163,255,.55), rgba(77,163,255,.18));
  border: 1px solid var(--border); }
.legacy .sq-range::-moz-range-thumb { width: 26px; height: 26px; border-radius: 50%;
  background: #4DA3FF; border: 3px solid #07202c; box-shadow: 0 2px 10px rgba(77,163,255,.45); }
.legacy .sq-range:focus-visible { outline: 2px solid var(--cyan); outline-offset: 4px; border-radius: 999px; }
.legacy .sq-send { background: transparent; border: 1px solid rgba(77,163,255,.5);
  color: var(--white); cursor: pointer; font-family: inherit; }
.legacy .sq-send:hover { border-color: var(--cyan); color: var(--cyan); background: rgba(77,163,255,.07); }
.legacy .sq-form,
.legacy .sq-out { box-sizing: border-box; min-width: 0; max-width: 100%; }
@media (max-width: 560px)  {
.legacy .sq-form { padding: 22px 16px; }
.legacy .sq-out { padding: 22px 16px; }
}
.legacy .sq-inc { margin: 14px 0 4px; padding: 14px 16px 10px; border: 1px solid rgba(77,163,255,.18); border-radius: 12px; background: rgba(77,163,255,.04); text-align: left; }
.legacy .sq-inc-l { display: block; font-size: .78rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--cyan); margin-bottom: 6px; }
.legacy .sq-inc-line { margin: 0 0 10px; font-size: .92rem; color: #c9d6e6; }
.legacy .sq-inc-feats { margin-bottom: 6px !important; }
.legacy .sq-inc-feats li { font-size: .86rem; }
.legacy .vendor-band { background: var(--navy); border-top: 1px solid var(--border); padding: 2.2rem 0 2.6rem; overflow: hidden; }
.legacy .vendor-label { max-width: 1200px; margin: 0 auto 1.6rem; padding: 0 24px; color: var(--white); font-weight: 700; font-size: .95rem; letter-spacing: .05em; text-transform: uppercase; }
.legacy .vendor-track { display: flex; width: max-content; animation: vendorScroll 38s linear infinite; }
.legacy .vendor-band:hover .vendor-track { animation-play-state: paused; }
.legacy .vendor-set { display: flex; align-items: center; gap: 4.5rem; padding-right: 4.5rem; }
.legacy .vendor-set img { height: 32px; width: auto; filter: brightness(0) invert(1); opacity: .72; }
.legacy .vendor-set .v-office { height: 38px; }
.legacy .vendor-set .v-vmware { height: 24px; }
.legacy .vendor-word { color: var(--white); opacity: .72; font-weight: 800; font-size: 1.45rem; letter-spacing: .04em; white-space: nowrap; }
.legacy .vendor-pair { display: flex; align-items: center; gap: .55rem; }
.legacy .vendor-pair .vendor-word { font-weight: 600; letter-spacing: 0; }
@keyframes vendorScroll { to { transform: translateX(-50%); } }
@media (max-width: 700px)  {
.legacy .vendor-set { gap: 2.6rem; padding-right: 2.6rem; }
.legacy .vendor-set img { height: 26px; }
.legacy .vendor-word { font-size: 1.15rem; }
}
@media (prefers-reduced-motion: reduce)  {
.legacy .vendor-track { animation: none; width: auto; flex-wrap: wrap; justify-content: center; }
.legacy .vendor-set[aria-hidden="true"] { display: none; }
}
.legacy .lead-points {
    list-style: none; padding: 0; margin: 18px 0 22px;
    display: grid; gap: 10px;
  }
.legacy .lead-points li {
    position: relative; padding-left: 26px; line-height: 1.55;
    color: var(--muted);
  }
.legacy .lead-points li::before {
    content: "✓"; position: absolute; left: 0; top: 0;
    color: var(--cyan); font-weight: 700;
  }
.legacy .lead-points strong { color: var(--white); }
.legacy .sq,
.legacy .sq-form,
.legacy .sq-field,
.legacy .pr-card,
.legacy .sq-note,
.legacy .sq-total { min-width: 0; }
.legacy .sq,
.legacy .pr-card { overflow-wrap: anywhere; }
.legacy .sq-note,
.legacy .lead-points li,
.legacy .pr-card li { overflow-wrap: break-word; }
@media (max-width: 520px)  {
.legacy .lead-points li { font-size: 0.92rem; }
}
.legacy .sq-check,
.legacy .sq-check > span { min-width: 0; overflow-wrap: anywhere; }
.legacy .journey,
.legacy .jr-sticky,
.legacy .jr-step,
.legacy .jr-figure,
.legacy .jr-title,
.legacy .jr-eyebrow {
  min-width: 0; max-width: 100%;
}
.legacy .jr-sticky { overflow-wrap: anywhere; }
.legacy .town-about-band { background: var(--navy); border-top: 1px solid var(--border); }
.legacy .town-about { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); gap: 36px; align-items: start; margin-top: 28px; }
.legacy .town-about-text p { color: var(--muted); font-size: .95rem; line-height: 1.8; margin-bottom: 16px; }
.legacy .town-map iframe { display: block; width: 100%; height: 320px; border: 1px solid var(--border); border-radius: 8px; background: var(--card); }
.legacy .town-map-cap { display: block; margin-top: 10px; font-family: var(--mono); font-size: .68rem; letter-spacing: 1.2px; text-transform: uppercase; color: var(--cyan); }
@media (max-width: 860px)  {
.legacy .town-about { grid-template-columns: minmax(0, 1fr); gap: 22px; }
.legacy .town-map iframe { height: 260px; }
}
.legacy .cap-box { margin: 18px 0 14px; min-height: 78px; }
.legacy .cap-note { margin: 0 0 12px; color: #ffb3b3; font-size: .85rem; }
.legacy .stat-link { text-decoration: none; color: inherit; display: block; transition: border-color .2s, transform .2s; }
.legacy .stat-link:hover { border-color: var(--cyan); transform: translateY(-2px); }
.legacy .form-btn { padding: 18px 36px; font-size: .95rem; }
.legacy .sq-form input,
.legacy .sq-form select,
.legacy .sq-form textarea { padding: 14px 16px; font-size: 1rem; }

/* ---- new-look buttons (brief: primary = glowing tab, secondary = ghost) ---- */
.legacy .btn-primary, .legacy .pr-cta, .legacy .form-btn {
  clip-path: none; border-radius: 4px; text-transform: uppercase;
  font-family: var(--mono); font-weight: 500; letter-spacing: .1em; font-size: var(--t-mono);
  color: #fff; padding: 14px 22px; transform: none;
  background: radial-gradient(120% 160% at 50% 115%, rgba(77,163,255,.45), transparent 70%), rgba(12,24,48,.7);
  border: 1px solid rgba(77,163,255,.7);
  box-shadow: 0 0 12px rgba(77,163,255,.5), 0 0 30px rgba(77,163,255,.22), inset 0 0 14px rgba(77,163,255,.3);
  text-shadow: 0 0 8px rgba(159,223,255,.75);
}
.legacy .btn-primary:hover, .legacy .pr-cta:hover, .legacy .form-btn:hover {
  color: #fff; background: radial-gradient(120% 160% at 50% 115%, rgba(77,163,255,.65), transparent 75%), rgba(16,32,62,.8);
  box-shadow: 0 0 16px rgba(77,163,255,.7), 0 0 44px rgba(77,163,255,.36), inset 0 0 18px rgba(77,163,255,.4);
  transform: translateY(-2px);
}
.legacy .btn-outline {
  clip-path: none; border-radius: 4px; text-transform: uppercase;
  font-family: var(--mono); font-weight: 500; letter-spacing: .1em; font-size: var(--t-mono);
  color: var(--ink-2); padding: 13px 20px; background: rgba(12,20,38,.6); border: 1px solid rgba(255,255,255,.18);
}
.legacy .btn-outline:hover { border-color: var(--ice); color: #fff; }

/* ---- links and form fields ---- */
.legacy a:not([class]) { color: var(--ice); }
.legacy input:not([type=range]):not([type=checkbox]):not([type=radio]), .legacy select, .legacy textarea {
  background-color: rgba(12,20,38,.7); border-color: rgba(255,255,255,.12); color: var(--ink);
}
.legacy input:focus-visible, .legacy select:focus-visible, .legacy textarea:focus-visible, .legacy button:focus-visible {
  outline: 2px solid var(--ice); outline-offset: 2px;
}