:root {
    --bg: #14161A;
    --surface: #1C1F1A;
    --surface-2: #242720;
    --border: #2E322A;
    --border-bright: #3D4236;
    --text: #F2F4F0;
    --muted: #9BA69B;
    --muted-dim: #6B7066;
    --real: #C5E87C;
    --real-dim: #9CC25E;
    --real-glow: rgba(197,232,124,0.18);
    --reward: #E8A33D;
    --reward-dim: #A9762E;
    --reward-glow: rgba(232,163,61,0.14);
    --bad: #C4564A;
    --serif: 'Plus Jakarta Sans', system-ui, sans-serif;
    --sans: 'Plus Jakarta Sans', system-ui, sans-serif;
    --mono: 'IBM Plex Mono', monospace;
  }
  * { box-sizing: border-box; margin: 0; padding: 0; }
  @media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; }
    .js .reveal-item, .js .vstep, .js .hero-left > *, .js .scan-term { opacity: 1; transform: none; }
    .js .wave-path { stroke-dashoffset: 0; }
  }
  html { scroll-behavior: smooth; overflow-x: clip; }
  body { background: var(--bg); color: var(--text); font-family: var(--sans); line-height: 1.55; -webkit-font-smoothing: antialiased; overflow-x: clip; }
  .grain {
    position: fixed; inset: 0; z-index: 999; pointer-events: none; opacity: 0.035; mix-blend-mode: overlay;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  }

  /* tilt cards - respond to cursor position, not just hover on/off */
  .tilt-card { transition: transform 0.15s ease-out, border-color 0.2s ease; transform-style: preserve-3d; will-change: transform; }

  /* magnetic buttons */
  .btn-primary, .btn-ghost { transition: transform 0.15s ease-out, box-shadow 0.15s ease, border-color 0.15s ease; }

  /* staggered grid reveal, scoped to the specific grids (not a global scroll-reveal) */
  .js .reveal-item { opacity: 0; transform: translateY(16px); transition: opacity 0.55s ease-out, transform 0.55s ease-out; }
  .reveal-item.in { opacity: 1; transform: translateY(0); }
  a { color: inherit; text-decoration: none; }
  .wrap { max-width: 1180px; margin: 0 auto; padding: 0 32px; position: relative; z-index: 1; }

  /* floating pill nav */
  .nav-pill { max-width: 1180px; margin: 20px auto 0; padding: 12px 14px 12px 24px; border: 1px solid rgba(255,255,255,0.07); border-radius: 20px;
    background: linear-gradient(100deg, rgba(197,232,124,0.10) 0%, rgba(197,232,124,0.03) 35%, rgba(255,255,255,0.02) 100%);
    backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px);
    display: flex; align-items: center; justify-content: space-between; position: relative; z-index: 5; }
  .logo-mark { width: 30px; height: 30px; flex-shrink: 0; }
  .logo .wm { white-space: nowrap; color: var(--text); }
  .logo .wm span { color: var(--real); }
  .logo { font-size: 20px; font-weight: 600; letter-spacing: -0.01em; display: flex; align-items: center; gap: 10px; }
  .logo span { color: var(--real); }
  .navlinks { display: flex; gap: clamp(14px, 1.8vw, 28px); font-size: 15px; color: var(--muted); font-weight: 400; white-space: nowrap; flex-wrap: nowrap; }
  .navlinks a { white-space: nowrap; } .navlinks { margin-left: 24px; margin-right: 8px; }
  .navlinks a { transition: color .15s; }
  .navlinks a:hover { color: var(--text); }
  .btn { display: inline-flex; align-items: center; gap: 10px; padding: 14px 26px; border-radius: 999px; font-size: 15px; font-weight: 600; border: 1px solid transparent; cursor: pointer; }
  .btn-primary { background: var(--real); color: #0D1710; }
  .btn-primary:hover { box-shadow: 0 0 30px var(--real-glow); }
  .btn-ghost { border-color: var(--border-bright); color: var(--text); }
  .btn-ghost:hover { border-color: var(--real-dim); }
  .btn-outline { border-color: var(--real); color: var(--real); background: transparent; padding: 11px 26px; font-size: 15px; font-weight: 500; }
  .btn-outline:hover { background: rgba(197,232,124,0.08); }
  .btn .new { font-size: 11px; font-weight: 700; letter-spacing: .06em; color: var(--real); background: rgba(197,232,124,0.14); border-radius: 999px; padding: 4px 10px; }

  .kicker { font-family: var(--mono); font-size: 12.5px; color: var(--real); margin-bottom: 18px; letter-spacing: 0.04em; display: flex; align-items: center; justify-content: flex-start; gap: 4px; }
  .kicker .cur { display: inline-block; width: 6px; height: 12px; background: var(--real); animation: blink 1.1s steps(1) infinite; }
  @keyframes blink { 50% { opacity: 0; } }

  /* hero */
  .hero-outer { position: relative; overflow: hidden; }
  .hero { min-height: 88vh; display: flex; align-items: center; position: relative; padding: 40px 0 60px; }
  .hero-glow { position: absolute; top: -420px; left: -320px; width: 1100px; height: 1100px; background: radial-gradient(circle, rgba(197,232,124,0.16), transparent 58%); filter: blur(24px); pointer-events: none; z-index: 0; }
  .hero-glow-2 { position: absolute; top: 30%; right: -300px; width: 700px; height: 700px; background: radial-gradient(circle, rgba(197,232,124,0.06), transparent 60%); pointer-events: none; z-index: 0; }
  .cursor-glow { position: absolute; width: 520px; height: 520px; border-radius: 50%; background: radial-gradient(circle, rgba(197,232,124,0.07), transparent 70%); pointer-events: none; z-index: 0; transform: translate(-50%,-50%); opacity: 0; transition: opacity 0.4s ease; }
  .hero-left { position: relative; z-index: 2; max-width: 500px; }
  @keyframes heroIn { from { opacity: 0; transform: translateY(26px); } to { opacity: 1; transform: translateY(0); } }
  .js .hero-left > * { opacity: 0; animation: heroIn 0.7s ease-out forwards; }
  .hero-left h1 { animation-delay: 0.1s; font-size: clamp(38px, 4.4vw, 62px); line-height: 1.08; text-wrap: balance; }
  .hero-left .sub { animation-delay: 0.28s; }
  .hero-left .hero-ctas { animation-delay: 0.44s; }
  h1 { font-family: var(--sans); font-weight: 800; font-size: 78px; line-height: 1.02; letter-spacing: -0.03em; }
  h1 .hl { color: var(--real); }
  .hero p.sub { margin-top: 28px; color: var(--muted); font-size: 20px; max-width: 520px; line-height: 1.55; }
  .hero-ctas { margin: 36px 0 0; display: flex; gap: 16px; align-items: center; }
  .hero-trust { display: flex; gap: 22px; margin-top: 30px; font-size: 13.5px; color: var(--muted-dim); }
  .hero-trust span { display: flex; align-items: center; gap: 8px; }
  .hero-trust span::before { content: ""; width: 14px; height: 14px; border-radius: 50%; background: rgba(197,232,124,0.14) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M4 7.2l2 2 4-4.4' stroke='%235EEAA3' stroke-width='1.6' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/100% no-repeat; }
  .js .hero-left .hero-trust { animation-delay: 0.58s; }

  /* app mockup, bleeding off the right edge */
  .mock { position: absolute; left: 49%; top: 50%; transform: translateY(-50%) scale(0.82); transform-origin: left center; width: 1060px; height: 620px; -webkit-mask-image: linear-gradient(to bottom, #000 58%, transparent 97%), linear-gradient(to right, #000 74%, transparent 100%); -webkit-mask-composite: source-in; mask-image: linear-gradient(to bottom, #000 58%, transparent 97%), linear-gradient(to right, #000 74%, transparent 100%); mask-composite: intersect; transition: transform .3s ease-out; z-index: 1; border-radius: 16px 0 0 16px; border: 1px solid var(--border-bright); border-right: 0; background: #17191D; box-shadow: -30px 40px 120px -30px rgba(0,0,0,0.75); display: grid; grid-template-columns: 236px 1fr 340px; overflow: hidden; font-size: 12.5px; }
  .js .mock { opacity: 0; animation: mockIn 1s ease-out 0.35s forwards; }
  @keyframes mockIn { from { opacity: 0; } to { opacity: 1; } }
  .mk-side { border-right: 1px solid var(--border); padding: 22px 18px; display: flex; flex-direction: column; gap: 6px; }
  .mk-side .logo { font-size: 17px; margin-bottom: 18px; }
  .mk-connect { background: var(--real); color: #0D1710; border-radius: 10px; padding: 12px; font-weight: 700; text-align: center; margin-bottom: 18px; }
  .mk-group { font-size: 11px; color: var(--muted-dim); margin: 12px 0 4px; }
  .mk-item { display: flex; align-items: center; gap: 10px; padding: 9px 10px; border-radius: 8px; color: var(--muted); }
  .mk-item.on { background: rgba(197,232,124,0.08); color: var(--real); border: 1px solid rgba(197,232,124,0.25); }
  .mk-item svg { flex-shrink: 0; opacity: .75; }
  .mk-item.on svg { opacity: 1; }
  .mk-item .tag { margin-left: auto; font-size: 10px; background: rgba(197,232,124,0.18); color: var(--real); border-radius: 6px; padding: 2px 6px; font-weight: 700; }
  .mk-main { padding: 22px 24px; border-right: 1px solid var(--border); }
  .mk-head { display: flex; align-items: center; gap: 12px; padding-bottom: 16px; border-bottom: 1px solid var(--border); }
  .mk-coin { width: 34px; height: 34px; border-radius: 50%; background: linear-gradient(135deg, var(--real), #2b7a55); }
  .mk-head b { font-size: 16px; display: block; }
  .mk-head small { color: var(--muted-dim); }
  .mk-head .meta { margin-left: auto; display: flex; gap: 22px; font-size: 11px; color: var(--muted-dim); text-align: right; }
  .mk-head .meta b { font-size: 12px; color: var(--text); }
  .mk-tabs { display: flex; gap: 6px; margin: 16px 0; background: var(--surface-2); border-radius: 10px; padding: 4px; width: fit-content; }
  .mk-tabs span { padding: 8px 16px; border-radius: 8px; color: var(--muted); }
  .mk-tabs span.on { background: var(--surface); color: var(--text); font-weight: 600; }
  .mk-lbl { color: var(--muted-dim); font-size: 11px; margin: 14px 0 6px; }
  .mk-box { border: 1px solid var(--border-bright); border-radius: 12px; padding: 14px 16px; display: flex; justify-content: space-between; align-items: center; }
  .mk-box .big { font-family: var(--mono); font-size: 22px; font-weight: 700; }
  .mk-box .sub { color: var(--muted-dim); font-size: 11px; }
  .mk-box .pill { border: 1px solid var(--border-bright); border-radius: 999px; padding: 6px 12px; font-weight: 600; }
  .mk-row { display: flex; justify-content: space-between; padding: 9px 0; border-bottom: 1px solid var(--border); color: var(--muted); }
  .mk-row b { color: var(--text); font-family: var(--mono); font-weight: 500; }
  .mk-row b.g { color: var(--real); } .mk-row b.a { color: var(--reward); }
  .mk-split { height: 8px; border-radius: 999px; background: var(--surface-2); overflow: hidden; display: flex; margin-top: 10px; }
  .mk-split i { display: block; height: 100%; transition: width .9s cubic-bezier(.3,.7,.3,1); } .mk-split .r { background: var(--real); } .mk-split .e { background: var(--reward); }
  .mk-right { padding: 22px 20px; }
  .mk-rtabs { display: flex; gap: 18px; font-size: 12px; color: var(--muted-dim); padding-bottom: 10px; border-bottom: 1px solid var(--border); }
  .mk-rtabs span.on { color: var(--text); border-bottom: 2px solid var(--real); padding-bottom: 8px; margin-bottom: -11px; }
  .mk-book { font-family: var(--mono); font-size: 11px; margin-top: 12px; }
  .mk-book .h { color: var(--muted-dim); display: flex; justify-content: space-between; padding: 6px 0; }
  .mk-book .l { display: flex; justify-content: space-between; padding: 5px 0; position: relative; }
  .mk-book .l .bar { position: absolute; right: 0; top: 2px; bottom: 2px; opacity: .18; border-radius: 3px; transition: width .9s cubic-bezier(.3,.7,.3,1); }
  .mk-book .l span { position: relative; transition: color .3s; }
  .mk-book .l.e { color: var(--reward); } .mk-book .l.e .bar { background: var(--reward); }
  .mk-book .l.r { color: var(--real); } .mk-book .l.r .bar { background: var(--real); }
  .mk-book .mid { color: var(--text); font-weight: 700; padding: 8px 0; font-size: 13px; display: flex; justify-content: space-between; }
  .mk-feed { margin-top: 14px; font-size: 11px; }
  .mk-feed .f { display: flex; justify-content: space-between; padding: 6px 0; color: var(--muted); border-bottom: 1px solid var(--border); }
  .mk-feed .f span:first-child { color: var(--real); }
  .mk-feed .f.a span:first-child { color: var(--reward); }
  .mk-scan { border: 1px solid var(--border); border-radius: 10px; padding: 10px 12px; margin-bottom: 14px; }
  .mk-scan-top { display: flex; align-items: center; gap: 8px; font-family: var(--mono); font-size: 10.5px; color: var(--real); }
  .mk-scan-top .ring { width: 9px; height: 9px; border-radius: 50%; border: 1.5px solid var(--border-bright); border-top-color: var(--real); animation: spin .9s linear infinite; flex-shrink: 0; }
  @keyframes spin { to { transform: rotate(360deg); } }
  .mk-scan-bar { height: 3px; background: var(--surface-2); border-radius: 999px; margin-top: 8px; overflow: hidden; }
  .mk-scan-bar i { display: block; height: 100%; width: 0; background: var(--real); border-radius: 999px; }
  .mk-demo { font-size: 10px; letter-spacing: .06em; text-transform: uppercase; color: var(--muted-dim); border: 1px solid var(--border-bright); border-radius: 999px; padding: 3px 8px; }
  .mk-dim { color: var(--muted-dim); font-weight: 400; }
  .mk-verdict { font-size: 11.5px; font-weight: 700; border-radius: 999px; padding: 6px 12px; border: 1px solid; transition: all .4s; white-space: nowrap; }
  .mk-verdict.ok { color: var(--real); border-color: rgba(197,232,124,0.35); background: rgba(197,232,124,0.08); }
  .mk-verdict.bad { color: var(--reward); border-color: rgba(232,163,61,0.4); background: rgba(232,163,61,0.08); }
  .mk-legend { display: flex; gap: 16px; font-size: 10.5px; color: var(--muted-dim); margin-top: 8px; }
  .mk-legend .d { display: inline-block; width: 7px; height: 7px; border-radius: 50%; margin-right: 5px; }
  .mk-legend .d.r { background: var(--real); } .mk-legend .d.e { background: var(--reward); }
  .mk-box { transition: border-color .4s, box-shadow .4s; }
  .mk-box.pulse { border-color: var(--real-dim); box-shadow: 0 0 0 3px rgba(197,232,124,0.08); }
  .mk-box.pulse.bad { border-color: rgba(232,163,61,0.5); box-shadow: 0 0 0 3px rgba(232,163,61,0.08); }
  .mk-swap { transition: opacity .25s ease; }
  .mk-swap.out { opacity: 0; }
  .mk-feed .f { transition: opacity .3s; display: grid !important; grid-template-columns: 92px 1fr 56px; gap: 8px; }
  .mk-feed .f span:last-child { text-align: right; color: var(--muted-dim); }
  .mk-feed .f span:nth-child(2) { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .mk-feed .f.new { animation: feedIn .5s ease-out; background: rgba(197,232,124,0.05); }
  .mk-feed .f.a.new { background: rgba(232,163,61,0.06); }
  @keyframes feedIn { from { opacity: 0; transform: translateY(-10px); } to { opacity: 1; transform: none; } }
  .mk-flash { animation: flash .6s ease-out; }
  @keyframes flash { from { color: var(--text); } }


  /* protocol marquee */
  .marquee-wrap { padding: 40px 0 44px; border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); overflow: hidden; position: relative; background: linear-gradient(180deg, rgba(255,255,255,0.012), transparent); }
  .marquee-wrap::before, .marquee-wrap::after { content: ''; position: absolute; top: 0; bottom: 0; width: 140px; z-index: 2; pointer-events: none; }
  .marquee-wrap::before { left: 0; background: linear-gradient(90deg, var(--bg), transparent); }
  .marquee-wrap::after { right: 0; background: linear-gradient(270deg, var(--bg), transparent); }
  .marquee-label { max-width: 1180px; margin: 0 auto 22px; padding: 0 32px; display: flex; align-items: baseline; justify-content: space-between; gap: 16px; }
  .marquee-label b { font-family: var(--sans); font-size: 15px; font-weight: 700; color: var(--text); letter-spacing: -0.01em; }
  .marquee-label span { font-family: var(--mono); font-size: 11.5px; color: var(--muted-dim); letter-spacing: 0.06em; text-transform: uppercase; }
  @keyframes marquee { from { transform: translateX(0); } to { transform: translateX(-50%); } }
  .marquee-track { display: flex; gap: 56px; width: max-content; animation: marquee 28s linear infinite; align-items: center; }
  .marquee-wrap:hover .marquee-track { animation-play-state: paused; }
  .marquee-track { gap: 14px; }
  .marquee-track { gap: 12px; animation-duration: 44s; padding: 6px 0 10px; }
  .coin-card { --tint: #888; position: relative; display: flex; flex-direction: row; align-items: center; gap: 10px; width: 276px; padding: 10px 14px 10px 12px;
    border-radius: 14px; font-family: var(--sans); white-space: nowrap; overflow: hidden; isolation: isolate;
    background: linear-gradient(180deg, rgba(255,255,255,0.035), rgba(255,255,255,0.01)), #171A17;
    border: 1px solid rgba(255,255,255,0.06); box-shadow: 0 1px 0 rgba(255,255,255,0.04) inset, 0 18px 40px -24px rgba(0,0,0,0.8);
    transition: transform .25s cubic-bezier(.2,.8,.2,1), border-color .25s ease, box-shadow .25s ease; }
  .coin-card::before { content: ''; position: absolute; z-index: -1; width: 130px; height: 130px; left: -50px; top: -65px; border-radius: 50%;
    background: radial-gradient(circle, var(--tint), transparent 65%); opacity: 0.16; transition: opacity .25s ease; }
  .coin-card:hover { transform: translateY(-4px); border-color: color-mix(in srgb, var(--tint) 45%, transparent);
    box-shadow: 0 1px 0 rgba(255,255,255,0.05) inset, 0 24px 50px -22px color-mix(in srgb, var(--tint) 40%, #000); }
  .coin-card:hover::before { opacity: 0.32; }
  .coin-top { display: flex; align-items: center; gap: 9px; flex: none; width: 104px; }
  .coin-top .coin-info { overflow: hidden; }
  .coin-top .coin-name { overflow: hidden; text-overflow: ellipsis; }
  .coin-ic { width: 30px; height: 30px; flex: none; display: block; filter: drop-shadow(0 4px 10px rgba(0,0,0,0.45)); }
  .coin-ic svg { width: 100%; height: 100%; display: block; }
  .coin-info { display: flex; flex-direction: column; gap: 1px; min-width: 0; flex: 1; }
  .coin-sym { font-weight: 700; font-size: 13.5px; color: var(--text); letter-spacing: 0.01em; }
  .coin-name { font-size: 11px; color: var(--muted-dim); }
  .coin-rank { font-family: var(--mono); font-size: 9.5px; color: var(--muted-dim); padding: 2px 6px; border-radius: 6px;
    border: 1px solid rgba(255,255,255,0.07); }
  .coin-mid { display: flex; flex-direction: column; align-items: flex-end; gap: 4px; margin-left: auto; flex: none; }
  .coin-px { font-family: var(--mono); font-size: 14.5px; font-weight: 600; color: var(--text); letter-spacing: -0.02em; line-height: 1; }
  .coin-chg { display: inline-flex; align-items: center; gap: 3px; padding: 2px 6px; border-radius: 5px;
    font-family: var(--mono); font-weight: 600; font-size: 10.5px; }
  .coin-chg svg { width: 9px; height: 9px; }
  .coin-chg.up { color: var(--real); background: rgba(197,232,124,0.10); }
  .coin-chg.down { color: #E0786C; background: rgba(196,86,74,0.14); }
  .coin-spark { display: block; width: 56px; height: 26px; flex: none; margin-left: 4px; }
  .coin-rank { display: none; }
  .marquee-wrap:hover .coin-card:not(:hover) { opacity: 0.55; }
  .coin-card { transition: transform .25s cubic-bezier(.2,.8,.2,1), border-color .25s ease, box-shadow .25s ease, opacity .25s ease; }

  section { padding: 96px 0; border-top: 1px solid var(--border); }
  h2 { font-family: var(--serif); font-weight: 700; font-size: 33px; letter-spacing: -0.02em; max-width: 620px; line-height: 1.22; }
  .lede { color: var(--muted); font-size: 16px; max-width: 600px; margin-top: 16px; line-height: 1.65; }
  .center h2, .center .lede { margin-left: auto; margin-right: auto; text-align: center; }

  /* wave visual - the core honesty mechanism, made visual */
  .wave-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; margin-top: 52px; }
  .wave-card { background: var(--surface); border: 1px solid var(--border-bright); border-radius: 18px; padding: 30px; position: relative; overflow: hidden; transition: transform 0.25s ease; }
  .wave-card:hover { transform: translateY(-4px); }
  .wave-card::before {
    content: ''; position: absolute; top: -60%; left: -20%; width: 260px; height: 260px; border-radius: 50%;
    filter: blur(70px); pointer-events: none; animation: waveGlow 5s ease-in-out infinite;
  }
  .wave-card.real::before { background: var(--real-glow); }
  .wave-card.reward::before { background: var(--reward-glow); animation-duration: 2.6s; }
  @keyframes waveGlow { 0%,100% { opacity: 0.5; } 50% { opacity: 1; } }
  .wave-card.real { box-shadow: inset 0 1px 0 var(--real-glow); }
  .wave-card.reward { box-shadow: inset 0 1px 0 var(--reward-glow); }
  .wave-card svg { width: 100%; height: 90px; margin: 14px 0; position: relative; z-index: 1; }
  .js .wave-path { stroke-dasharray: 100; stroke-dashoffset: 100; transition: stroke-dashoffset 1.8s ease-out; }
  .wave-path.drawn { stroke-dashoffset: 0; }
  .wave-badge { display: inline-flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 700; padding: 5px 14px; border-radius: 999px; border: 1px solid; margin-bottom: 4px; position: relative; z-index: 1; }
  .wave-badge.real { color: var(--real); border-color: var(--real-dim); }
  .wave-badge.reward { color: var(--reward); border-color: var(--reward-dim); }
  .wave-card h4 { font-size: 17px; font-weight: 700; margin-top: 16px; position: relative; z-index: 1; }
  .wave-card p { font-size: 13.5px; color: var(--muted); margin-top: 8px; line-height: 1.6; position: relative; z-index: 1; }
  .wave-stats { display: flex; gap: 24px; margin-top: 20px; padding-top: 18px; border-top: 1px solid var(--border); position: relative; z-index: 1; }
  .wave-stat .k { font-size: 11px; color: var(--muted-dim); }
  .wave-stat .v { font-family: var(--mono); font-weight: 700; font-size: 15px; margin-top: 2px; }
  .wave-stat.real .v { color: var(--real); }
  .wave-stat.reward .v { color: var(--reward); }

  /* mechanism steps */
  .mech-grid { display: grid; grid-template-columns: 0.9fr 1.1fr; gap: 56px; margin-top: 52px; align-items: start; }
  .vsteps { position: relative; }
  .vsteps-line { position: absolute; left: 18px; top: 19px; bottom: 19px; width: 2px; background: var(--border); z-index: 0; }
  .vsteps-line-fill { position: absolute; left: 0; top: 0; width: 100%; height: 0%; background: linear-gradient(180deg, var(--real), var(--real-dim)); transition: height 0.5s ease-out; }
  .vstep { display: flex; gap: 18px; margin-bottom: 34px; position: relative; z-index: 1; transition: opacity 0.6s ease-out, transform 0.6s ease-out; }
  .js .vstep { opacity: 0; transform: translateX(-16px); }
  .vstep.in { opacity: 1; transform: translateX(0); }
  .vstep:last-child { margin-bottom: 0; }
  .vstep-num {
    width: 38px; height: 38px; border-radius: 50%; border: 1.5px solid var(--border-bright); background: var(--bg);
    flex-shrink: 0; display: flex; align-items: center; justify-content: center; font-family: var(--mono);
    font-weight: 600; color: var(--muted-dim); font-size: 14px; transition: all 0.4s ease-out; position: relative;
  }
  .vstep.in .vstep-num { border-color: var(--real-dim); color: var(--real); }
  .vstep.in .vstep-num::after {
    content: ''; position: absolute; inset: -5px; border-radius: 50%; border: 1px solid var(--real-glow);
    animation: numPing 1.2s ease-out; opacity: 0;
  }
  @keyframes numPing { 0% { transform: scale(0.7); opacity: 0.8; } 100% { transform: scale(1.4); opacity: 0; } }
  .vstep-body h3 { font-size: 16.5px; font-weight: 700; margin-bottom: 6px; transition: color 0.3s; }
  .vstep.in .vstep-body h3 { color: var(--text); }
  .vstep-body p { color: var(--muted); font-size: 14px; line-height: 1.6; }

  .split-card { background: var(--surface); border: 1px solid var(--border-bright); border-radius: 18px; padding: 32px; }
  .split-card h4 { font-size: 15px; color: var(--muted); font-weight: 500; margin-bottom: 24px; }
  .split-row { display: flex; justify-content: space-between; align-items: center; padding: 16px 0; border-bottom: 1px solid var(--border); }
  .split-row:last-child { border-bottom: none; }
  .split-label { display: flex; align-items: center; gap: 10px; font-size: 14.5px; font-weight: 600; }
  .split-dot { width: 9px; height: 9px; border-radius: 50%; }
  .split-dot.real { background: var(--real); }
  .split-dot.reward { background: var(--reward); }
  .split-val { font-family: var(--mono); font-weight: 700; font-size: 16px; }
  .split-note { font-size: 12.5px; color: var(--muted-dim); margin-top: 2px; }

  /* radial hub diagram */
  .hub-wrap { position: relative; width: 960px; max-width: 100%; height: 460px; margin: 56px auto 0; }
  .hub-svg { position: absolute; inset: 0; width: 100%; height: 100%; }
  .hub-arc-svg { transform-origin: 480px 230px; animation: hubSpin 10s linear infinite; }
  @keyframes hubSpin { to { transform: rotate(360deg); } }
  .hub-dot { animation: dotPulse 2.2s ease-in-out infinite; }
  .hub-card { position: absolute; width: 240px; background: var(--surface); border: 1px solid var(--border-bright); border-radius: 12px; padding: 18px 20px; transition: transform .2s, border-color .2s; }
  .hub-card:hover { transform: translateY(-3px); border-color: var(--real-dim); }
  .hub-card h5 { font-size: 14.5px; font-weight: 700; margin-bottom: 6px; }
  .hub-card p { font-size: 12.5px; color: var(--muted); line-height: 1.55; }

  /* chains grid */
  .chain-intro { text-align: center; color: var(--muted); font-size: 15px; margin-top: 52px; margin-bottom: 24px; }
  .chain-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }
  .chain-pill { display: flex; align-items: center; gap: 10px; border: 1px solid var(--border-bright); border-radius: 12px; padding: 14px 18px; font-size: 14px; font-weight: 600; position: relative; cursor: default; transition: border-color .15s, transform .15s; }
  .chain-pill:hover { border-color: var(--real-dim); transform: translateY(-2px); }
  .chain-dot { width: 22px; height: 22px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 10px; font-weight: 800; color: #0D1710; flex-shrink: 0; }
  .chain-tip {
    position: absolute; bottom: calc(100% + 10px); left: 50%; transform: translateX(-50%) translateY(4px);
    background: var(--surface-2); border: 1px solid var(--border-bright); border-radius: 8px; padding: 8px 12px;
    font-size: 11.5px; font-weight: 500; color: var(--muted); white-space: nowrap;
    opacity: 0; pointer-events: none; transition: opacity .15s, transform .15s; z-index: 5;
  }
  .chain-tip::after {
    content: ''; position: absolute; top: 100%; left: 50%; transform: translateX(-50%);
    border: 5px solid transparent; border-top-color: var(--border-bright);
  }
  .chain-pill:hover .chain-tip { opacity: 1; transform: translateX(-50%) translateY(0); }



  /* roadmap, centered three-quarter layout */
  .rmx { max-width: 1080px; margin: 44px auto 0; text-align: left; }
  .rmx-rail { position: relative; display: grid; grid-template-columns: repeat(3, 1fr); margin-bottom: 22px; }
  .rmx-rail::before { content: ""; position: absolute; left: 16.66%; right: 16.66%; top: 7px; height: 2px; background: linear-gradient(90deg, var(--real), var(--border-bright) 45%, var(--border)); border-radius: 2px; }
  .rmx-node { position: relative; display: flex; flex-direction: column; align-items: center; gap: 10px; font-size: 13px; font-weight: 600; color: var(--muted-dim); }
  .rmx-node i { width: 16px; height: 16px; border-radius: 50%; background: var(--bg); border: 2px solid var(--border-bright); position: relative; z-index: 1; }
  .rmx-node.live { color: var(--real); }
  .rmx-node.live i { background: var(--real); border-color: var(--real); box-shadow: 0 0 0 5px rgba(197,232,124,.14), 0 0 16px var(--real-glow); }
  .rmx-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
  .rmx-card { position: relative; border: 1px solid var(--border-bright); border-radius: 20px; padding: 28px 26px 30px; background: linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,0) 60%), var(--surface); transition: transform .25s ease, border-color .25s ease; }
  .rmx-card:hover { transform: translateY(-5px); border-color: var(--real-dim); }
  .rmx-card.live { border-color: rgba(197,232,124,.45); box-shadow: 0 0 56px -26px var(--real-glow); }
  .rmx-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding-bottom: 20px; margin-bottom: 22px; border-bottom: 1px solid var(--border); }
  .rmx-head h3 { font-size: 28px; font-weight: 800; letter-spacing: -.02em; }
  .rmx-badge { display: inline-flex; align-items: center; gap: 7px; font-size: 12px; font-weight: 600; color: var(--muted); border: 1px solid var(--border-bright); border-radius: 999px; padding: 5px 12px; white-space: nowrap; }
  .rmx-badge i { width: 6px; height: 6px; border-radius: 50%; background: var(--muted-dim); }
  .rmx-badge.live { color: var(--real); border-color: rgba(197,232,124,.4); }
  .rmx-badge.live i { background: var(--real); animation: dotPulse 1.8s ease-in-out infinite; }
  .rmx-card ul { list-style: none; display: flex; flex-direction: column; gap: 20px; margin: 0; padding: 0; }
  .rmx-card li { display: flex; align-items: flex-start; gap: 14px; }
  .rmx-n { flex: none; width: 30px; height: 30px; border-radius: 50%; display: grid; place-items: center; font-family: var(--mono); font-size: 13px; font-weight: 600; color: var(--real); background: rgba(197,232,124,.1); border: 1px solid rgba(197,232,124,.28); }
  .rmx-card li b { display: block; font-size: 16px; font-weight: 700; line-height: 1.3; color: var(--text); }
  .rmx-card li div span { display: block; margin-top: 4px; font-size: 13.5px; line-height: 1.5; color: var(--muted); }
  @media (max-width: 860px) { .rmx-grid { grid-template-columns: 1fr; } .rmx-rail { display: none; } .rmx-head h3 { font-size: 24px; } }
  /* company: team, founded, documents */
  .co-grid { display: grid; grid-template-columns: 0.8fr 1fr 1fr; gap: 16px; max-width: 1060px; margin: 40px auto 16px; text-align: left; }
  .co-card { border: 1px solid var(--border-bright); border-radius: 18px; background: var(--surface); padding: 24px; position: relative; }
  .co-facts { display: flex; flex-direction: column; justify-content: center; gap: 22px; }
  .co-fact small { display: block; font-size: 13px; color: var(--muted-dim); }
  .co-fact b { display: block; margin-top: 4px; font-family: var(--mono); font-size: 26px; font-weight: 600; color: var(--text); }
  .co-ph { position: absolute; top: 18px; right: 18px; font-size: 11px; font-weight: 600; color: var(--reward, #E8A33D); border: 1px solid rgba(232,163,61,.4); border-radius: 999px; padding: 3px 10px; }
  .co-av { width: 52px; height: 52px; border-radius: 14px; border: 1px dashed var(--border-bright); display: grid; place-items: center; color: var(--muted-dim); font-weight: 700; background: var(--surface-2, rgba(255,255,255,.03)); }
  .co-mem h3 { margin-top: 16px; font-size: 18px; font-weight: 700; }
  .co-role { margin-top: 3px; font-size: 13.5px; font-weight: 600; color: var(--real); }
  .co-mem p { margin-top: 10px; font-size: 13.5px; line-height: 1.6; color: var(--muted); }
  .co-doc { display: flex; align-items: center; gap: 18px; max-width: 1060px; margin: 0 auto; text-align: left; padding: 20px 24px; }
  .co-doc-ic { flex: none; width: 48px; height: 48px; border-radius: 13px; display: grid; place-items: center; color: #E0786C; background: rgba(224,120,108,.1); border: 1px solid rgba(224,120,108,.3); }
  .co-doc-ic svg { width: 24px; height: 24px; }
  .co-doc-m { flex: 1; min-width: 0; } .co-doc-m h3 { font-size: 16px; font-weight: 700; } .co-doc-m p { margin-top: 3px; font-size: 13.5px; color: var(--muted); line-height: 1.5; }
  .co-doc-a { display: flex; gap: 10px; flex: none; }
  .co-btn { display: inline-flex; align-items: center; justify-content: center; padding: 10px 20px; border-radius: 12px; border: 1px solid var(--border-bright); font-size: 14px; font-weight: 600; color: var(--text); transition: border-color .2s, background .2s; }
  .co-btn:hover { border-color: var(--real-dim); background: var(--surface-2, rgba(255,255,255,.04)); }
  .co-btn.pri { background: var(--real); color: #0D1710; border-color: var(--real); }
  @media (max-width: 860px) { .co-grid { grid-template-columns: 1fr; } .co-facts { flex-direction: row; gap: 40px; } .co-doc { flex-wrap: wrap; } .co-doc-m { flex-basis: calc(100% - 70px); } .co-doc-a { width: 100%; } .co-btn { flex: 1; } }
  /* roadmap */
  .rm-legend { display: flex; justify-content: center; gap: 28px; margin-top: 36px; font-size: 13.5px; color: var(--muted); }
  .rm-legend .item { display: flex; align-items: center; gap: 8px; }
  .rm-legend .dot { width: 9px; height: 9px; border-radius: 50%; border: 1.5px solid var(--muted-dim); }
  .rm-legend .dot.live { background: var(--real); border-color: var(--real); box-shadow: 0 0 10px var(--real-glow); }
  .rm-legend .dot.next { border-color: var(--real-dim); }
  .rm-viewport { position: relative; margin-top: 36px; }
  .rm-fade { position: absolute; top: 0; bottom: 0; width: 80px; z-index: 2; pointer-events: none; }
  .rm-fade.l { left: 0; background: linear-gradient(90deg, var(--bg), transparent); opacity: 0; transition: opacity .25s; }
  .rm-fade.l.on { opacity: 1; }
  .rm-fade.r { right: 0; background: linear-gradient(270deg, var(--bg), transparent); transition: opacity .25s; }
  .rm-fade.r.off { opacity: 0; }
  .rm-track { display: flex; gap: 20px; overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth; padding: 6px 4px 12px; scrollbar-width: none; }
  .rm-track::-webkit-scrollbar { display: none; }
  .rm-card { width: 340px; flex-shrink: 0; scroll-snap-align: start; border: 1px solid var(--border-bright); border-radius: 18px; padding: 26px; background: var(--surface); display: flex; flex-direction: column; transition: transform .25s ease, border-color .25s ease; }
  .rm-card:hover { transform: translateY(-6px); border-color: var(--real-dim); }
  .rm-card.live { border-color: rgba(197,232,124,0.4); box-shadow: 0 0 44px -22px var(--real-glow); }
  .rm-head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 18px; font-size: 12.5px; color: var(--muted-dim); }
  .rm-badge { display: flex; align-items: center; gap: 6px; border-radius: 999px; padding: 4px 12px; font-size: 12px; font-weight: 600; border: 1px solid var(--border-bright); color: var(--text); }
  .rm-badge .dot { width: 6px; height: 6px; border-radius: 50%; background: var(--muted); }
  .rm-badge.live { color: var(--real); border-color: rgba(197,232,124,0.35); }
  .rm-badge.live .dot { background: var(--real); animation: dotPulse 1.8s ease-in-out infinite; }
  .rm-badge.soon { color: var(--muted-dim); border-color: var(--border); }
  .rm-badge.soon .dot { background: var(--muted-dim); }
  .rm-visual { height: 150px; border: 1px solid var(--border); border-radius: 12px; margin-bottom: 20px; display: flex; align-items: center; justify-content: center; padding: 14px; position: relative; overflow: hidden;
    background: radial-gradient(rgba(255,255,255,0.05) 1px, transparent 1px), var(--surface-2); background-size: 14px 14px; }
  .rm-card h4 { font-size: 18px; font-weight: 700; margin-bottom: 10px; }
  .rm-card p { font-size: 13.5px; color: var(--muted); line-height: 1.65; margin-bottom: 18px; flex-grow: 1; }
  .rm-tags { display: flex; gap: 8px; flex-wrap: wrap; }
  .rm-tag { font-size: 11.5px; color: var(--muted); background: var(--surface-2); border: 1px solid var(--border-bright); border-radius: 999px; padding: 5px 12px; }
  .rm-arrow { position: absolute; top: 50%; transform: translateY(-50%); width: 44px; height: 44px; border-radius: 50%; background: var(--surface); border: 1px solid var(--border-bright); color: var(--text); z-index: 3; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: border-color .15s, background .15s; }
  .rm-arrow:hover { border-color: var(--real-dim); background: var(--surface-2); }
  .rm-arrow.prev { left: -22px; } .rm-arrow.next { right: -22px; }
  .rm-viewport { max-width: 1240px; margin-left: auto; margin-right: auto; }
  .rm-track { gap: 22px; padding: 6px calc(50% - 250px) 14px; scroll-padding: 0 calc(50% - 250px); }
  .rm-card { width: 500px; max-width: 84vw; scroll-snap-align: center; opacity: .5; transform: scale(.96); transition: transform .35s ease, opacity .35s ease, border-color .25s ease; }
  .rm-card.cur { opacity: 1; transform: none; }
  .rm-card.cur:hover { transform: translateY(-4px); }
  .rm-card h4 { font-size: 20px; }
  .rm-card p { font-size: 14.5px; }
  .rm-arrow { z-index: 3; }
  .rm-arrow.prev { left: 4px; } .rm-arrow.next { right: 4px; }
  .rm-fade { width: 120px; }
  .rm-timeline { max-width: 1060px; margin-left: auto; margin-right: auto; }
  .rm-timeline-fill { transition: width .5s ease; }
  @media (max-width: 640px) { .rm-track { padding: 6px calc(50% - 42vw) 14px; scroll-padding: 0 calc(50% - 42vw); } .rm-arrow { width: 38px; height: 38px; } .rm-fade { width: 18px; } }
  .rm-timeline { display: flex; align-items: center; gap: 16px; margin-top: 30px; }
  .rm-timeline .lbl { font-size: 13px; color: var(--real); font-weight: 600; }
  .rm-timeline .lbl.end { color: var(--muted-dim); }
  .rm-timeline-track { flex: 1; height: 2px; background: var(--border); border-radius: 999px; position: relative; overflow: hidden; }
  .rm-timeline-fill { position: absolute; left: 0; top: 0; bottom: 0; width: 34%; background: linear-gradient(90deg, var(--real-dim), var(--real)); }
  /* mini visuals */
  .rv-split { display: flex; flex-direction: column; gap: 8px; width: 100%; }
  .rv-bar { display: flex; align-items: center; gap: 8px; font-family: var(--mono); font-size: 11px; color: var(--muted-dim); }
  .rv-bar .seg { height: 8px; border-radius: 999px; }
  .rv-bar .seg.real { background: var(--real); } .rv-bar .seg.reward { background: var(--reward); }
  .rv-dash { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; width: 100%; }
  .rv-dash .cell { border: 1px solid var(--border-bright); border-radius: 8px; padding: 10px; font-family: var(--mono); font-size: 11px; color: var(--muted-dim); }
  .rv-dash .cell b { display: block; color: var(--real); font-size: 14px; margin-top: 2px; }
  .rv-alert { display: flex; align-items: center; gap: 12px; }
  .rv-bell { width: 42px; height: 42px; border-radius: 50%; border: 1.5px solid var(--real-dim); display: flex; align-items: center; justify-content: center; color: var(--real); position: relative; }
  .rv-bell::after { content: ''; position: absolute; inset: -6px; border-radius: 50%; border: 1px solid var(--real-glow); animation: numPing 1.6s ease-out infinite; }
  .rv-alert .txt { font-family: var(--mono); font-size: 11px; color: var(--muted); line-height: 1.6; }
  .rv-wallet { display: flex; align-items: center; gap: 10px; font-family: var(--mono); font-size: 11px; color: var(--muted); }
  .rv-node { border: 1px solid var(--border-bright); border-radius: 8px; padding: 8px 10px; background: var(--surface); }
  .rv-node.you { border-color: var(--real-dim); color: var(--real); }
  .rv-line { width: 26px; height: 1px; border-top: 1px dashed var(--border-bright); }
  .rv-ai { font-family: var(--mono); font-size: 11px; color: var(--muted); line-height: 1.7; text-align: left; }
  .rv-ai .hl { color: var(--reward); }

  /* comparison */
  .cmp { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; margin-top: 52px; }
  .cmp-col { background: var(--surface); border: 1px solid var(--border-bright); border-radius: 18px; padding: 20px 32px; }
  .cmp-col.us { border-color: rgba(217,164,65,0.35); box-shadow: 0 0 60px -20px var(--real-glow); }
  .cmp-head { text-align: center; font-weight: 700; font-size: 15px; padding: 8px 26px; border: 1px solid var(--border-bright); border-radius: 999px; margin: 0 auto 12px; width: fit-content; color: var(--muted); }
  .cmp-col.us .cmp-head { border-color: var(--real-dim); color: var(--real); }
  .cmp-row { display: flex; justify-content: space-between; align-items: center; padding: 15px 0; border-bottom: 1px solid var(--border); font-size: 14px; }
  .cmp-row:last-child { border-bottom: none; }
  .cmp-row .lbl { color: var(--muted); }
  .cmp-row .val { font-weight: 600; }

  /* risk */
  .risk-box { background: var(--surface-2); border: 1px solid var(--border-bright); border-radius: 16px; padding: 34px; margin-top: 32px; }
  .risk-box p { color: var(--muted); font-size: 14px; line-height: 1.75; }
  .risk-box p + p { margin-top: 12px; }
  .risk-box strong { color: var(--text); font-weight: 700; }

  /* faq */
  .faq { margin-top: 52px; max-width: 780px; margin-left: auto; margin-right: auto; }
  .faq-item { border: 1px solid var(--border); border-radius: 14px; margin-bottom: 12px; overflow: hidden; background: var(--surface); transition: border-color .15s; }
  .faq-item.open { border-color: var(--border-bright); }
  .faq-q { display: flex; justify-content: space-between; align-items: center; padding: 22px 26px; cursor: pointer; font-size: 15px; font-weight: 600; user-select: none; }
  .faq-toggle { width: 26px; height: 26px; border-radius: 50%; background: var(--surface-2); flex-shrink: 0; display: flex; align-items: center; justify-content: center; color: var(--real); font-size: 16px; transition: transform .2s; }
  .faq-item.open .faq-toggle { transform: rotate(45deg); }
  .faq-a { max-height: 0; overflow: hidden; transition: max-height .25s ease; }
  .faq-item.open .faq-a { max-height: 520px; }
  .faq-all { display:flex; align-items:center; justify-content:center; gap:8px; margin-top:22px; padding:15px 22px; border:1px solid var(--border-bright, rgba(255,255,255,.18)); border-radius:14px; color:var(--text, #F3F4F1); font-weight:700; font-size:14.5px; text-decoration:none; transition:border-color .2s, background .2s; } .faq-all:hover { border-color:#C5E87C; background:rgba(197,232,124,.08); color:#C5E87C; }
  .faq-a-inner { padding: 0 26px 24px; color: var(--muted); font-size: 14px; line-height: 1.7; }

  footer { border-top: 1px solid var(--border); padding: 52px 0; position: relative; overflow: hidden; }
  .foot-ring { position: absolute; bottom: -300px; right: -200px; width: 600px; height: 600px; border-radius: 50%; border: 1px solid var(--border-bright); opacity: 0.4; pointer-events: none; }
  .foot-ring.inner { bottom: -220px; right: -120px; width: 440px; height: 440px; }
  .foot-grid { display: grid; grid-template-columns: 1.5fr repeat(3, 1fr); gap: 32px; position: relative; z-index: 1; }
  .foot-logo { font-size: 18px; font-weight: 700; margin-bottom: 12px; }
  .foot-logo span { color: var(--real); }
.foot-soc{display:flex;gap:8px;margin-top:16px}.foot-soc a{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;color:#A0A2A8;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.02);transition:color .15s,border-color .15s}.foot-soc a:hover{color:var(--lime,#C5E87C);border-color:var(--lime,#C5E87C)}.foot-soc svg{width:19px;height:19px}
  .foot-desc { color: var(--muted-dim); font-size: 13.5px; max-width: 260px; line-height: 1.6; }
  .foot-col h5 { font-size: 12.5px; color: var(--muted-dim); font-weight: 700; margin-bottom: 14px; }
  .foot-col a { display: block; color: var(--muted); font-size: 14px; margin-bottom: 10px; transition: color .15s; }
  .foot-col a:hover { color: var(--text); }
  .foot-bottom { display: flex; justify-content: space-between; margin-top: 44px; padding-top: 24px; border-top: 1px solid var(--border); font-size: 12.5px; color: var(--muted-dim); position: relative; z-index: 1; }

  @media (max-width: 900px) {
    h1 { font-size: 36px; }
    h1 { font-size: 44px; }
    .hero { min-height: auto; padding: 40px 0; }
    .mock { display: none; }
    .nav-pill { border-radius: 20px; }
    .navlinks { display: none; }
    .mech-grid, .cmp, .foot-grid, .wave-grid, .chain-grid { grid-template-columns: 1fr; }
    .scan-table { display: block; overflow-x: auto; }
    .hub-wrap { display: none; }
  }

  /* ===== Cuetick architecture ===== */
  .eng-grid { display: grid; grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.35fr); gap: 22px; margin-top: 44px; align-items: stretch; }
  .eng-panel { border: 1px solid var(--border); border-radius: 18px; overflow: hidden;
    background: linear-gradient(180deg, rgba(255,255,255,0.025), rgba(255,255,255,0.004)), #15171A;
    box-shadow: 0 30px 60px -40px rgba(0,0,0,0.9); }
  .eng-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 12px 16px;
    border-bottom: 1px solid var(--border); font-family: var(--mono); font-size: 11.5px; color: var(--muted-dim); }
  .eng-dots { display: flex; gap: 6px; } .eng-dots i { width: 9px; height: 9px; border-radius: 50%; background: #2B2F2A; }
  .eng-live { display: inline-flex; align-items: center; gap: 7px; color: var(--real); }
  .eng-live::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: var(--real); box-shadow: 0 0 8px var(--real); animation: engPulse 1.6s infinite; }
  @keyframes engPulse { 50% { opacity: 0.25; } }
  .eng-cfg { padding: 16px 18px 10px; font-family: var(--mono); font-size: 12.5px; }
  .eng-cfg .cm { color: #56615A; padding: 0 0 8px; }
  .eng-cfg .k-row { display: flex; justify-content: space-between; gap: 12px; padding: 9px 0; border-bottom: 1px dashed rgba(255,255,255,0.06); }
  .eng-cfg .k-row:last-child { border-bottom: 0; }
  .eng-cfg .k { color: var(--muted-dim); } .eng-cfg .v { color: var(--text); text-align: right; }
  .eng-cfg .v.g { color: var(--real); } .eng-cfg .v.a { color: var(--reward); }
  .eng-stages { display: flex; gap: 6px; padding: 12px 16px; border-bottom: 1px solid var(--border); flex-wrap: wrap; }
  .eng-stage { font-family: var(--mono); font-size: 11px; padding: 5px 11px; border-radius: 999px; border: 1px solid var(--border);
    color: var(--muted-dim); transition: all .25s ease; }
  .eng-stage.done { color: var(--real); border-color: rgba(197,232,124,0.3); }
  .eng-stage.on { color: #0C120E; background: var(--real); border-color: var(--real); box-shadow: 0 0 18px rgba(197,232,124,0.35); }
  .eng-log { padding: 14px 16px 18px; font-family: var(--mono); font-size: 12.5px; line-height: 1.9; min-height: 312px; }
  .eng-line { display: grid; grid-template-columns: 64px 50px minmax(0, 1fr) auto; gap: 12px; white-space: nowrap;
    opacity: 0; transform: translateY(4px); animation: engIn .3s ease-out forwards; }
  @keyframes engIn { to { opacity: 1; transform: none; } }
  .eng-line .t { color: #56615A; } .eng-line .s { color: var(--muted); } .eng-line .m { color: var(--text); overflow: hidden; text-overflow: ellipsis; }
  .eng-line .tag { font-size: 11px; padding: 0 8px; border-radius: 6px; }
  .tag.ok { color: var(--real); background: rgba(197,232,124,0.10); } .tag.no { color: #E0786C; background: rgba(196,86,74,0.14); }
  .tag.am { color: var(--reward); background: rgba(232,163,61,0.12); }
  .eng-cursor { display: inline-block; width: 7px; height: 14px; background: var(--real); vertical-align: -2px; animation: engPulse 1s steps(1) infinite; }
  .eng-stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; margin-top: 22px; }
  .eng-stat { border: 1px solid var(--border); border-radius: 16px; padding: 18px 20px; background: #15171A; position: relative; overflow: hidden; }
  .eng-stat::after { content: ''; position: absolute; left: 20px; right: 20px; top: 0; height: 1px; background: linear-gradient(90deg, transparent, rgba(197,232,124,0.5), transparent); }
  .eng-stat b { display: block; font-family: var(--mono); font-size: 30px; font-weight: 600; color: var(--text); letter-spacing: -0.02em; line-height: 1.1; }
  .eng-stat span { display: block; margin-top: 6px; font-size: 13px; color: var(--muted); }

  /* ===== Cuesight risk score ===== */
  .re-grid { display: grid; grid-template-columns: minmax(0, 0.72fr) minmax(0, 1.5fr); gap: 22px; margin-top: 44px; align-items: start; }
  .re-list { display: flex; flex-direction: column; gap: 10px; }
  .re-pick { display: flex; align-items: center; gap: 12px; width: 100%; text-align: left; padding: 14px 16px; border-radius: 14px;
    border: 1px solid var(--border); background: #15171A; color: var(--text); font: inherit; cursor: pointer; transition: all .2s ease; }
  .re-pick:hover { border-color: var(--border-bright); transform: translateX(2px); }
  .re-pick.on { border-color: rgba(197,232,124,0.45); background: linear-gradient(90deg, rgba(197,232,124,0.08), transparent 70%), #15171A; }
  .re-pick b { display: block; font-size: 14px; font-weight: 600; } .re-pick small { display: block; color: var(--muted-dim); font-size: 12px; margin-top: 2px; }
  .re-pick .sc { margin-left: auto; font-family: var(--mono); font-size: 12px; padding: 3px 8px; border-radius: 6px; flex: none; }
  .sc.lo { color: var(--real); background: rgba(197,232,124,0.10); } .sc.mid { color: var(--reward); background: rgba(232,163,61,0.12); }
  .sc.hi { color: #E0786C; background: rgba(196,86,74,0.14); }
  .av { width: 30px; height: 30px; border-radius: 50%; display: grid; place-items: center; font: 800 10px var(--sans); color: #0C0F0D; flex: none; }
  .re-card { border: 1px solid var(--border); border-radius: 18px; padding: 24px;
    background: linear-gradient(180deg, rgba(255,255,255,0.025), rgba(255,255,255,0.004)), #15171A; box-shadow: 0 30px 60px -40px rgba(0,0,0,0.9); }
  .re-top { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; flex-wrap: wrap; }
  .re-top h3 { font-size: 19px; } .re-top p { color: var(--muted-dim); font-size: 13px; margin-top: 4px; }
  .re-score { text-align: right; } .re-score b { font-family: var(--mono); font-size: 42px; line-height: 1; font-weight: 600; }
  .re-score span { font-family: var(--mono); color: var(--muted-dim); font-size: 14px; }
  .re-meter { display: grid; grid-template-columns: repeat(5, 1fr); gap: 6px; margin: 20px 0 10px; }
  .re-meter i { height: 8px; border-radius: 4px; background: #262A25; transition: background .4s ease; }
  .re-meta { display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; font-family: var(--mono); font-size: 12px; color: var(--muted-dim); }
  .re-verdict { font-family: var(--mono); font-size: 11.5px; font-weight: 600; padding: 5px 10px; border-radius: 999px; }
  .re-verdict.ok { color: #0C120E; background: var(--real); } .re-verdict.no { color: #E0786C; background: rgba(196,86,74,0.14); border: 1px solid rgba(196,86,74,0.35); }
  .re-sigs { margin-top: 18px; display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
  .re-sig { display: flex; gap: 12px; align-items: flex-start; padding: 13px 14px; border-radius: 12px; border: 1px solid var(--border);
    background: rgba(255,255,255,0.015); transition: border-color .3s ease, background .3s ease; }
  .re-sig.hit { border-color: rgba(196,86,74,0.35); background: rgba(196,86,74,0.06); }
  .re-sig .ic { flex: none; width: 22px; height: 22px; border-radius: 50%; display: grid; place-items: center; font-size: 11px; font-weight: 800;
    background: rgba(197,232,124,0.12); color: var(--real); }
  .re-sig.hit .ic { background: rgba(196,86,74,0.18); color: #E0786C; }
  .re-sig b { display: block; font-size: 13.5px; font-weight: 600; } .re-sig small { display: block; color: var(--muted-dim); font-size: 12px; margin-top: 2px; line-height: 1.45; }
  .re-sig .pt { margin-left: auto; font-family: var(--mono); font-size: 11.5px; color: var(--muted-dim); flex: none; }
  .re-sig.hit .pt { color: #E0786C; }

  /* risk score teaser */
  .rs-card { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 0.8fr); gap: 36px; align-items: center; padding: 34px 40px; border-radius: 24px; border: 1px solid var(--border);
    background: linear-gradient(180deg, rgba(255,255,255,0.025), rgba(255,255,255,0.004)), #15171A; }
  .rs-card h2 { margin-top: 10px; font-size: clamp(26px, 2.8vw, 34px); } .rs-card .lede { margin-top: 10px; font-size: 15px; max-width: 460px; }
  .rs-meter { display: grid; grid-template-columns: repeat(5, 1fr); gap: 6px; margin: 22px 0 8px; max-width: 360px; }
  .rs-meter i { height: 8px; border-radius: 4px; background: #262A25; } .rs-meter i.on { background: var(--real); }
  .rs-scale { display: flex; justify-content: space-between; gap: 12px; max-width: 360px; font: 500 11.5px var(--mono); color: var(--muted-dim); }
  .rs-card .rf-btn { margin-top: 24px; padding: 11px 20px; font-size: 14.5px; }
  .rs-locked { display: grid; gap: 10px; padding: 18px; border-radius: 18px; border: 1px dashed var(--border-bright); background: rgba(255,255,255,0.015); }
  .rs-row { display: flex; align-items: center; gap: 12px; padding: 12px 14px; border-radius: 12px; border: 1px solid var(--border); background: #111315; }
  .rs-av { width: 28px; height: 28px; border-radius: 50%; background: #262A25; flex: none; }
  .rs-bars { flex: 1; display: grid; gap: 6px; } .rs-bars u { display: block; height: 7px; border-radius: 4px; background: #262A25; filter: blur(1.5px); } .rs-bars u:last-child { width: 55%; }
  .rs-lock { color: var(--real); display: grid; } .rs-lock svg { width: 16px; height: 16px; }
  .rs-note { margin: 2px 2px 0; font-size: 12.5px; color: var(--muted-dim); text-align: center; }
  @media (max-width: 880px) { .rs-card { grid-template-columns: minmax(0, 1fr); padding: 26px 22px; gap: 24px; } }

  /* ===== Pools table ===== */
  .pt-bar { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin: 36px 0 14px; flex-wrap: wrap; }
  .pt-seg { display: inline-flex; padding: 4px; border-radius: 12px; border: 1px solid var(--border); background: #15171A; }
  .pt-seg button { font: 600 12.5px var(--sans); color: var(--muted); background: none; border: 0; padding: 8px 14px; border-radius: 9px; cursor: pointer; transition: all .2s; }
  .pt-seg button.on { background: var(--surface-2); color: var(--text); box-shadow: inset 0 0 0 1px var(--border-bright); }
  .pt-meta { font-family: var(--mono); font-size: 11.5px; color: var(--muted-dim); }
  .pt-wrap { border: 1px solid var(--border); border-radius: 18px; overflow-x: auto; background: #15171A; }
  table.pt { width: 100%; border-collapse: collapse; min-width: 780px; font-size: 13.5px; }
  .pt th { text-align: left; font: 600 10.5px var(--mono); letter-spacing: 0.07em; text-transform: uppercase; color: var(--muted-dim);
    padding: 14px 16px; border-bottom: 1px solid var(--border); background: rgba(255,255,255,0.015); }
  .pt td { padding: 12px 16px; border-bottom: 1px solid rgba(255,255,255,0.045); white-space: nowrap; }
  .pt tbody tr:last-child td { border-bottom: 0; }
  .pt tbody tr { transition: background .2s; } .pt tbody tr:hover { background: rgba(255,255,255,0.025); }
  .pt tbody tr.in { animation: engIn .35s ease-out both; }
  .pt .num, .pt th.num { text-align: right; } .pt .num { font-family: var(--mono); }
  .pt .pname { display: flex; align-items: center; gap: 10px; font-weight: 600; } .pt .av { width: 26px; height: 26px; font-size: 9px; }
  .pt .chain { color: var(--muted); }
  .pt .rate { color: var(--real); font-weight: 600; } .pt .rate.hot { color: var(--reward); }
  .pt .d.up { color: var(--real); } .pt .d.down { color: #E0786C; } .pt .d.flat { color: var(--muted-dim); }
  .pt .rbars { display: inline-flex; gap: 3px; vertical-align: middle; margin-right: 8px; } .pt .rbars i { width: 6px; height: 14px; border-radius: 2px; background: #2A2E28; }
  .pt .rtxt { font-family: var(--mono); font-size: 12px; color: var(--muted-dim); }
  .pt .st { font: 600 10.5px var(--mono); padding: 4px 9px; border-radius: 999px; border: 1px solid transparent; letter-spacing: 0.02em; }
  .st.alloc { color: #0C120E; background: var(--real); } .st.elig { color: var(--real); border-color: rgba(197,232,124,0.35); }
  .st.filt { color: #E0786C; border-color: rgba(196,86,74,0.4); background: rgba(196,86,74,0.08); }

  @media (max-width: 900px) {
    .eng-grid, .re-grid { grid-template-columns: 1fr; }
    .eng-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .re-sigs { grid-template-columns: 1fr; }
    .eng-line { grid-template-columns: 54px 42px minmax(0, 1fr); font-size: 11.5px; }
    .eng-line > :nth-child(4) { display: none; }
  }

  /* ===== How it works: intro + video placeholder ===== */
  .mech-top { display: grid; grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.3fr); gap: 88px; align-items: stretch; }
  .mech-intro h2 { max-width: 480px; }
  .mech-intro .lede { max-width: 470px; }
  .mech-points { list-style: none; margin: 28px 0 0; padding: 0; display: flex; flex-direction: column; gap: 14px; }
  .mech-points li { display: flex; gap: 14px; align-items: flex-start; }
  .mp-ic { flex: none; width: 34px; height: 34px; border-radius: 10px; display: grid; place-items: center; font: 600 11.5px var(--mono);
    color: var(--real); border: 1px solid rgba(197,232,124,0.3); background: rgba(197,232,124,0.07); }
  .mech-points b { display: block; font-size: 15px; font-weight: 600; color: var(--text); }
  .mech-points small { display: block; font-size: 13.5px; color: var(--muted); margin-top: 2px; }
  .vid-wrap { display: flex; flex-direction: column; gap: 14px; padding-top: 37px; }
  .vid-frame { position: relative; flex: 1; min-height: 320px; border-radius: 20px; padding: 1px;
    background: linear-gradient(140deg, rgba(197,232,124,0.45), rgba(255,255,255,0.06) 40%, rgba(232,163,61,0.3));
    box-shadow: 0 40px 80px -40px rgba(0,0,0,0.9), 0 0 60px -30px rgba(197,232,124,0.35); }
  .vid-frame > * { border-radius: 19px; width: 100%; height: 100%; display: block; }
  .vid-ph { position: relative; overflow: hidden; cursor: pointer; background: radial-gradient(120% 90% at 30% 20%, #1D2620 0%, #121412 60%, #0E0F0E 100%); outline: none; }
  .vid-ph:focus-visible { box-shadow: 0 0 0 2px var(--real); }
  .vid-grid { position: absolute; inset: 0; opacity: 0.35;
    background-image: linear-gradient(rgba(255,255,255,0.05) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,0.05) 1px, transparent 1px);
    background-size: 36px 36px; -webkit-mask-image: radial-gradient(circle at 50% 45%, #000 20%, transparent 75%); mask-image: radial-gradient(circle at 50% 45%, #000 20%, transparent 75%); }
  .vid-glow { position: absolute; width: 60%; height: 70%; left: 20%; top: 12%; border-radius: 50%;
    background: radial-gradient(circle, rgba(197,232,124,0.18), transparent 65%); filter: blur(10px); }
  .vid-topbar { position: absolute; top: 16px; left: 18px; right: 18px; display: flex; justify-content: space-between; font: 600 10.5px var(--mono); letter-spacing: 0.08em; color: var(--muted-dim); }
  .vid-rec { display: inline-flex; align-items: center; gap: 7px; }
  .vid-rec::before { content: ''; width: 7px; height: 7px; border-radius: 50%; background: var(--real); box-shadow: 0 0 8px var(--real); }
  .vid-center { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; text-align: center; padding: 0 20px; }
  .vid-play { position: relative; width: 74px; height: 74px; border-radius: 50%; display: grid; place-items: center; color: #0C120E;
    background: var(--real); box-shadow: 0 10px 30px rgba(197,232,124,0.35); transition: transform .25s cubic-bezier(.2,.8,.2,1); margin-bottom: 8px; }
  .vid-play svg { width: 28px; height: 28px; margin-left: 3px; }
  .vid-play::before, .vid-play::after { content: ''; position: absolute; inset: 0; border-radius: 50%; border: 1.5px solid rgba(197,232,124,0.5); animation: vidRing 2.4s ease-out infinite; }
  .vid-play::after { animation-delay: 1.2s; }
  @keyframes vidRing { from { transform: scale(1); opacity: 0.8; } to { transform: scale(1.9); opacity: 0; } }
  .vid-ph:hover .vid-play { transform: scale(1.07); }
  .vid-center b { font-family: var(--serif); font-size: 22px; font-weight: 600; color: var(--text); }
  .vid-center small { font-size: 13.5px; color: var(--muted); transition: color .2s; }
  .vid-center small.soon { color: var(--reward); }
  .vid-bottom { position: absolute; left: 18px; right: 18px; bottom: 14px; }
  .vid-bar { height: 3px; border-radius: 2px; background: rgba(255,255,255,0.08); overflow: hidden; }
  .vid-bar i { display: block; width: 0; height: 100%; background: var(--real); }
  .vid-ctrls { display: flex; justify-content: space-between; margin-top: 9px; font: 500 11px var(--mono); color: var(--muted-dim); }
  .vid-soon { color: var(--reward); }
  .vid-chapters { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
  .vid-chapters li { padding: 10px 12px; border-radius: 12px; border: 1px solid var(--border); background: #15171A; font-size: 12.5px; color: var(--muted); line-height: 1.35; }
  .vid-chapters span { display: block; font: 600 11px var(--mono); color: var(--real); margin-bottom: 3px; }
  @media (max-width: 900px) {
    .mech-top { grid-template-columns: 1fr; gap: 32px; }
    .vid-chapters { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .vid-play { width: 58px; height: 58px; } .vid-play svg { width: 22px; height: 22px; }
    .vid-center b { font-size: 18px; }
    .vid-wrap { padding-top: 0; }
    .vid-frame { flex: none; min-height: 0; aspect-ratio: 4 / 3; }
  }

  /* ===== Packages v2 ===== */
  .pk-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; margin-top: 48px; }
  .pk-fund { margin: 26px auto 0; max-width: 820px; text-align: center; color: var(--muted, #A4A4AA); font-size: 14px; line-height: 1.65; }
  .pk-fund b { color: var(--text, #F4F4F1); }
  @media (max-width: 1100px) { .pk-grid { grid-template-columns: 1fr 1fr; } }
  .pk-card { --c: var(--real); --cg: rgba(197,232,124,0.10); position: relative; overflow: hidden; display: flex; flex-direction: column;
    padding: 28px; border-radius: 22px; border: 1px solid var(--border);
    background: radial-gradient(120% 60% at 0% 0%, var(--cg), transparent 55%), linear-gradient(180deg, rgba(255,255,255,0.03), rgba(255,255,255,0.005)), #16181A;
    box-shadow: 0 40px 70px -45px rgba(0,0,0,0.9); transition: border-color .25s ease, transform .25s ease; }
  .pk-card.growth { --c: var(--reward); --cg: rgba(232,163,61,0.11); }
  .pk-card:hover { border-color: color-mix(in srgb, var(--c) 40%, transparent); }
  .pk-card::after { content: ''; position: absolute; left: 28px; right: 28px; top: 0; height: 1px; background: linear-gradient(90deg, transparent, var(--c), transparent); opacity: 0.6; }
  .pk-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 16px; }
  .pk-badge { display: inline-flex; align-items: center; gap: 8px; padding: 6px 13px; border-radius: 999px; font-weight: 700; font-size: 14px;
    color: var(--c); border: 1px solid color-mix(in srgb, var(--c) 45%, transparent); background: color-mix(in srgb, var(--c) 8%, transparent); }
  .pk-badge .dot { width: 8px; height: 8px; border-radius: 50%; background: var(--c); box-shadow: 0 0 8px var(--c); }
  .pk-tag { margin-top: 10px; font-size: 15px; font-weight: 600; color: var(--text); }
  .pk-rate { text-align: right; }
  .pk-rate b { display: block; font-family: var(--mono); font-size: 40px; font-weight: 600; line-height: 1; color: var(--c); letter-spacing: -0.03em; }
  .pk-rate span { display: block; margin-top: 7px; font-size: 13.5px; font-weight: 600; color: var(--text); opacity: .9; }
  .pk-wave { width: 100%; height: 56px; margin: 18px 0 6px; display: block; }
  .pk-daily { margin: 14px 0 4px; padding: 10px 14px; border-radius: 12px; border: 1px solid color-mix(in srgb, var(--c) 35%, transparent); background: color-mix(in srgb, var(--c) 8%, transparent); font-size: 14px; color: var(--muted); }
  .pk-daily b { font-size: 20px; font-weight: 800; color: var(--c); margin-right: 4px; letter-spacing: -0.01em; }
  .pk-pitch { font-size: 14.5px; line-height: 1.6; color: var(--muted); }
  .pk-best { margin-top: 14px; padding: 11px 14px; border-radius: 12px; font-size: 13.5px; color: var(--text); line-height: 1.5;
    background: color-mix(in srgb, var(--c) 7%, transparent); border: 1px solid color-mix(in srgb, var(--c) 22%, transparent); }
  .pk-best span { display: block; font: 600 10.5px var(--mono); letter-spacing: 0.08em; text-transform: uppercase; color: var(--c); margin-bottom: 3px; }
  .pk-terms { display: grid; grid-template-columns: 1fr 1fr; gap: 1px; margin-top: 18px; border-radius: 14px; overflow: hidden; background: var(--border); border: 1px solid var(--border); }
  .pk-term { background: #141619; padding: 13px 15px; }
  .pk-term span { display: block; font-size: 13px; font-weight: 600; color: var(--muted-dim); }
  .pk-term b { display: block; margin-top: 4px; font-family: var(--mono); font-size: 16px; font-weight: 600; color: var(--text); }
  .pk-feats { list-style: none; margin: 18px 0 22px; padding: 0; display: flex; flex-direction: column; gap: 10px; }
  .pk-feats li { display: flex; align-items: center; gap: 10px; font-size: 13.5px; color: var(--muted); }
  .pk-feats li.own { color: var(--text); font-weight: 600; }
  .pk-feats i { flex: none; width: 20px; height: 20px; border-radius: 6px; display: grid; place-items: center; color: var(--c); background: color-mix(in srgb, var(--c) 10%, transparent); }
  .pk-feats i svg { width: 12px; height: 12px; }
  .pk-terms .pk-term:nth-child(3):last-child { grid-column: 1 / -1; }
  .pk-foot { margin-top: auto; padding-top: 18px; display: flex; align-items: center; justify-content: space-between; gap: 14px; flex-wrap: wrap; }
  .pk-feats + .pk-foot { border-top: 1px solid var(--border); }
  .pk-pool span { display: block; font-size: 11.5px; color: var(--muted-dim); } .pk-pool b { display: block; margin-top: 2px; font-size: 13px; color: var(--text); }
  .pk-foot .pk-cta { width: 100%; justify-content: center; }
  .pk-cta { display: inline-flex; align-items: center; gap: 8px; padding: 11px 18px; border-radius: 12px; font-weight: 700; font-size: 14px;
    color: #0C120E; background: var(--c); box-shadow: 0 10px 24px -10px color-mix(in srgb, var(--c) 70%, transparent); transition: transform .15s ease; }
  .pk-cta:hover { transform: translateY(-1px); } .pk-cta svg { width: 14px; height: 14px; }
  .pkc { margin-top: 22px; border: 1px solid var(--border); border-radius: 18px; overflow: hidden; background: #15171A; }
  .pkc-row { display: grid; grid-template-columns: 1.3fr 1fr 1fr; gap: 12px; padding: 13px 22px; border-top: 1px solid rgba(255,255,255,0.045); font-size: 13.5px; align-items: center; }
  .pkc-row:first-child { border-top: 0; }
  .pkc-row span { color: var(--muted); }
  .pkc-row b { font-family: var(--mono); font-weight: 600; font-size: 13.5px; }
  .pkc-row b.s { color: var(--real); } .pkc-row b.g { color: var(--reward); }
  .pkc-row.head { background: rgba(255,255,255,0.02); padding: 14px 22px; }
  .pkc-row.head span { font: 600 10.5px var(--mono); letter-spacing: 0.08em; text-transform: uppercase; color: var(--muted-dim); }
  .pkc-row.head b { font-family: var(--sans); font-size: 14px; display: inline-flex; align-items: center; gap: 8px; }
  .pkc-row.head b i { width: 8px; height: 8px; border-radius: 50%; background: currentColor; }
  .pk-note { margin-top: 16px; font-size: 12.5px; line-height: 1.6; color: var(--muted-dim); max-width: 860px; }
  .pk-note b { color: var(--muted); }
  @media (max-width: 900px) {
    .pk-grid { grid-template-columns: 1fr; }
    .pk-card { padding: 22px; } .pk-rate b { font-size: 32px; }
    .pkc-row { grid-template-columns: 1.1fr 1fr 1fr; padding: 12px 14px; font-size: 12.5px; } .pkc-row b { font-size: 12.5px; }
  }

  /* ===== Earnings calculator ===== */
  .ec { --c: var(--real); --cg: rgba(197,232,124,0.12); margin: 44px auto 0; max-width: 960px; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    border: 1px solid var(--border); border-radius: 22px; overflow: hidden;
    background: radial-gradient(90% 70% at 100% 0%, var(--cg), transparent 60%), #15171A; box-shadow: 0 40px 70px -45px rgba(0,0,0,0.9);
    transition: background .4s ease; }
  .ec.growth { --c: var(--reward); --cg: rgba(232,163,61,0.12); }
  .ec-inputs { padding: 22px 24px; border-right: 1px solid var(--border); }
  .ec-out { padding: 22px 24px; display: flex; flex-direction: column; }
  .ec-kick { font: 600 11px var(--mono); letter-spacing: 0.08em; text-transform: uppercase; color: var(--c); }
  .ec-title h3 { font-family: var(--serif); font-size: 20px; font-weight: 600; margin-top: 6px; }
  .ec-lbl { display: block; margin: 16px 0 8px; font: 600 11px var(--mono); letter-spacing: 0.07em; text-transform: uppercase; color: var(--muted-dim); }
  .ec-pkgs { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 10px; }
  @media (max-width: 560px) { .ec-pkgs { grid-template-columns: 1fr; } }
  .ec-pkgs button { display: flex; align-items: center; gap: 11px; text-align: left; padding: 13px 14px; border-radius: 14px; cursor: pointer;
    border: 1px solid var(--border); background: #111315; color: var(--text); font: inherit; transition: all .2s ease; }
  .ec-pkgs button i { width: 16px; height: 16px; border-radius: 50%; border: 2px solid var(--border-bright); flex: none; transition: all .2s; }
  .ec-pkgs button b { display: block; font-size: 14.5px; } .ec-pkgs button small { display: block; font-size: 12px; color: var(--muted-dim); font-family: var(--mono); margin-top: 1px; }
  .ec-pkgs button[data-pkg="steady"].on { border-color: rgba(197,232,124,0.6); background: rgba(197,232,124,0.07); }
  .ec-pkgs button[data-pkg="steady"].on i { border-color: var(--real); background: radial-gradient(circle, var(--real) 45%, transparent 50%); }
  .ec-pkgs button[data-pkg="growth"].on { border-color: rgba(232,163,61,0.6); background: rgba(232,163,61,0.07); }
  .ec-pkgs button[data-pkg="growth"].on i { border-color: var(--reward); background: radial-gradient(circle, var(--reward) 45%, transparent 50%); }
  .ec-amt { display: flex; align-items: center; gap: 6px; padding: 4px 16px; border-radius: 14px; border: 1px solid var(--border-bright); background: #111315; transition: border-color .2s; }
  .ec-amt:focus-within { border-color: var(--c); box-shadow: 0 0 0 3px color-mix(in srgb, var(--c) 18%, transparent); }
  .ec-amt span { font: 600 24px var(--mono); color: var(--muted-dim); }
  .ec-amt input { flex: 1; min-width: 0; background: none; border: 0; outline: none; color: var(--text); font: 600 26px var(--mono); padding: 10px 0; -moz-appearance: textfield; }
  .ec-amt input::-webkit-outer-spin-button, .ec-amt input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
  .ec-range { width: 100%; margin: 14px 0 4px; accent-color: var(--c); }
  .ec-chips { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 8px; }
  .ec-chips button, .ec-seg button { font: 600 12.5px var(--mono); color: var(--muted); background: #111315; border: 1px solid var(--border);
    padding: 7px 11px; border-radius: 9px; cursor: pointer; transition: all .2s ease; }
  .ec-chips button:hover, .ec-seg button:hover { color: var(--text); border-color: var(--border-bright); }
  .ec-chips button.on, .ec-seg button.on { color: #0C120E; background: var(--c); border-color: var(--c); }
  .ec-seg { display: grid; grid-template-columns: repeat(4, 1fr); gap: 7px; }
  .ec-seg button { padding: 10px 6px; }
  .ec-warn { margin-top: 10px; font-size: 12.5px; color: var(--reward); }
  .ec-stats { display: grid; grid-template-columns: 1fr 1.3fr; gap: 12px; }
  .ec-stat { padding: 13px 16px; border-radius: 16px; border: 1px solid var(--border); background: rgba(255,255,255,0.02); }
  .ec-stat.main { border-color: color-mix(in srgb, var(--c) 40%, transparent); background: color-mix(in srgb, var(--c) 7%, transparent); }
  .ec-stat span { display: block; font-size: 12px; color: var(--muted-dim); }
  .ec-stat b { display: block; margin-top: 6px; font: 600 22px var(--mono); letter-spacing: -0.02em; color: var(--text); line-height: 1.1; word-break: break-all; }
  .ec-stat.main b { color: var(--c); font-size: 26px; }
  .ec-stat small { display: block; margin-top: 5px; font-size: 12px; color: var(--muted-dim); }
  .ec-chart { position: relative; margin-top: 18px; touch-action: pan-y; } .ec-chart svg { width: 100%; height: 200px; display: block; overflow: visible; }
  .ec-chart .yl, .ec-chart .xl { font: 500 10.5px var(--mono); fill: var(--muted-dim); }
  .ec-chart .endl { font: 700 11.5px var(--mono); }
  .ec-tip { position: absolute; top: 0; pointer-events: none; padding: 9px 12px; border-radius: 10px; background: #0F1112; border: 1px solid var(--border-bright);
    box-shadow: 0 12px 30px rgba(0,0,0,0.5); font: 500 12px var(--mono); color: var(--muted); white-space: nowrap; transform: translateX(-50%); z-index: 2; }
  .ec-tip b { display: block; color: var(--text); font-size: 13px; margin-bottom: 3px; } .ec-tip .up { color: var(--c); }
    .ec-rows { margin-top: 12px; border-top: 1px solid var(--border); }
  .ec-row { display: flex; justify-content: space-between; gap: 12px; padding: 11px 0; border-bottom: 1px solid rgba(255,255,255,0.045); font-size: 13.5px; }
  .ec-row span { color: var(--muted); } .ec-row b { font-family: var(--mono); font-weight: 600; color: var(--text); }
  .ec-row.alt b { color: var(--muted); }
  .ec-fine { margin-top: auto; padding-top: 14px; font-size: 11.5px; color: var(--muted-dim); line-height: 1.55; }
  @media (max-width: 900px) {
    .ec { grid-template-columns: minmax(0, 1fr); } .ec-row { flex-wrap: wrap; } .ec-inputs { border-right: 0; border-bottom: 1px solid var(--border); padding: 22px; } .ec-out { padding: 22px; }
    .ec-stats { grid-template-columns: 1fr; } .ec-seg { grid-template-columns: repeat(2, 1fr); }
  }

  /* ===== Package pool-scan visual ===== */
  .pk-scan { margin: 20px 0 20px; padding: 14px 14px 12px; border-radius: 16px; border: 1px solid var(--border);
    background: linear-gradient(180deg, rgba(0,0,0,0.18), rgba(0,0,0,0.05)); }
  .ps-top { display: flex; justify-content: space-between; align-items: baseline; gap: 10px; margin-bottom: 30px; }
  .ps-cap { font-size: 12.5px; color: var(--muted); } .ps-cap b { color: var(--c); font-weight: 700; }
  .ps-meta { font: 500 10.5px var(--mono); color: var(--muted-dim); letter-spacing: 0.02em; white-space: nowrap; }
  .ps-meta b { color: var(--text); font-weight: 600; display: inline-block; min-width: 1.2ch; text-align: right; } .ps-meta b.ps-f { color: #E0786C; }
  .ps-bars { position: relative; height: 74px; display: flex; align-items: flex-end; gap: 6px; }
  .ps-bar { position: relative; flex: 1; height: 100%; display: flex; align-items: flex-end; }
  .ps-bar i { display: block; width: 100%; height: var(--h); min-height: 3px; border-radius: 5px 5px 2px 2px; background: rgba(255,255,255,0.08);
    transition: background .25s ease, box-shadow .35s ease, opacity .35s ease, transform .35s ease; transform-origin: bottom; }
  .ps-bar.seen i { background: rgba(255,255,255,0.22); }
  .ps-bar.filt.seen i { background: repeating-linear-gradient(135deg, rgba(224,120,108,0.55) 0 4px, rgba(224,120,108,0.18) 4px 8px); }
  .ps-bar.cap i { border-radius: 2px; -webkit-mask: linear-gradient(#000 0 0) top/100% 10px no-repeat, linear-gradient(#000 0 0) bottom/100% calc(100% - 14px) no-repeat;
    mask: linear-gradient(#000 0 0) top/100% 10px no-repeat, linear-gradient(#000 0 0) bottom/100% calc(100% - 14px) no-repeat; }
  .ps-x { position: absolute; left: 50%; bottom: calc(var(--h) + 4px); transform: translateX(-50%); font: 700 10px var(--mono); color: #E0786C; opacity: 0; transition: opacity .25s; }
  .ps-bar.filt.seen .ps-x { opacity: 1; }
  .ps-bar.ok.seen i { background: color-mix(in srgb, var(--c) 30%, rgba(255,255,255,0.06)); }
  .ps-bar.now i { background: var(--c); opacity: 0.9; }
  .ps-bar.filt.now i { background: repeating-linear-gradient(135deg, rgba(224,120,108,0.9) 0 4px, rgba(224,120,108,0.35) 4px 8px); }
  .pk-scan.done .ps-bar:not(.win) i { opacity: 0.4; }
  .pk-scan.done .ps-bar.filt i { opacity: 0.7; }
  .pk-scan .ps-bar.win i { background: var(--c); opacity: 1; transform: scaleY(1.04); animation: psPulse 1.8s ease-in-out infinite; }
  @keyframes psPulse { 0%, 100% { box-shadow: 0 0 14px color-mix(in srgb, var(--c) 45%, transparent), 0 0 0 1px color-mix(in srgb, var(--c) 70%, transparent); }
    50% { box-shadow: 0 0 28px color-mix(in srgb, var(--c) 75%, transparent), 0 0 0 2px color-mix(in srgb, var(--c) 55%, transparent); } }
  .ps-lbl { position: absolute; left: 50%; bottom: calc(var(--h) + 8px); transform: translate(-50%, 6px); white-space: nowrap; pointer-events: none;
    padding: 4px 8px; border-radius: 7px; background: #0F1112; border: 1px solid color-mix(in srgb, var(--c) 55%, transparent);
    font: 600 10.5px var(--mono); color: var(--c); opacity: 0; transition: opacity .3s ease, transform .3s ease; z-index: 2; }
  .ps-bar.win .ps-lbl { opacity: 1; transform: translate(-50%, 0); }
  .ps-beam { position: absolute; top: -6px; bottom: 0; width: 2px; left: 0; border-radius: 2px; opacity: 0; pointer-events: none;
    background: linear-gradient(180deg, transparent, var(--c)); box-shadow: 0 0 12px var(--c); transition: left .1s linear, opacity .2s; }
  .pk-scan.scanning .ps-beam { opacity: 0.9; }
  .ps-dots { display: flex; gap: 6px; margin-top: 7px; } .ps-dots span { flex: 1; display: flex; justify-content: center; }
  .ps-dots i { width: 6px; height: 6px; border-radius: 50%; opacity: 0.35; transition: opacity .25s, transform .25s; }
  .ps-dots i.seen { opacity: 0.85; } .ps-dots i.win { opacity: 1; background: var(--c) !important; transform: scale(1.5); box-shadow: 0 0 0 2px #15171A, 0 0 0 3px var(--c); }
  .ps-log { margin-top: 12px; padding: 8px 10px; border-radius: 9px; background: rgba(0,0,0,0.22); border: 1px solid rgba(255,255,255,0.05);
    font: 500 11px var(--mono); color: var(--muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-height: 33px; }
  .ps-log .pr { color: var(--c); margin-right: 6px; } .ps-log .ok { color: var(--c); } .ps-log .no { color: #E0786C; } .ps-log .dim { color: var(--muted-dim); }
  .ps-log.final { white-space: normal; line-height: 1.55; color: var(--text); border-color: color-mix(in srgb, var(--c) 30%, transparent); background: color-mix(in srgb, var(--c) 6%, rgba(0,0,0,0.2)); }
  .ps-foot { display: flex; justify-content: space-between; margin-top: 9px; font: 500 10px var(--mono); color: var(--muted-dim); }
  .ps-foot .k { display: inline-flex; align-items: center; gap: 5px; } .ps-foot .k i { width: 8px; height: 8px; border-radius: 2px; display: inline-block; }
    .ps-short { display: none; }
  @media (max-width: 560px) { .ps-full { display: none; } .ps-short { display: inline; } .ps-top { flex-direction: column; align-items: flex-start; gap: 3px; margin-bottom: 34px; } .ps-bars, .ps-dots { gap: 4px; } .ps-foot { gap: 10px; } .ps-log { font-size: 10.5px; } }

  /* ===== Security section ===== */
  .sec-intro { max-width: 640px; }
  .sec-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; margin-top: 44px; }
  .sec-card { --c: var(--real); position: relative; overflow: hidden; padding: 26px; border-radius: 20px; border: 1px solid var(--border);
    background: radial-gradient(120% 70% at 0% 0%, color-mix(in srgb, var(--c) 10%, transparent), transparent 55%), linear-gradient(180deg, rgba(255,255,255,0.03), rgba(255,255,255,0.005)), #16181A;
    box-shadow: 0 40px 70px -45px rgba(0,0,0,0.9); transition: border-color .25s ease, transform .25s ease; }
  .sec-card:hover { border-color: color-mix(in srgb, var(--c) 40%, transparent); transform: translateY(-3px); }
  .sec-card::after { content: ''; position: absolute; left: 26px; right: 26px; top: 0; height: 1px; background: linear-gradient(90deg, transparent, var(--c), transparent); opacity: 0.6; }
  .sec-account { --c: #7CC4FF; } .sec-records { --c: var(--reward); }
  .sec-top { display: flex; align-items: center; justify-content: space-between; }
  .sec-ic { width: 46px; height: 46px; border-radius: 14px; display: grid; place-items: center; color: var(--c);
    background: color-mix(in srgb, var(--c) 10%, transparent); border: 1px solid color-mix(in srgb, var(--c) 30%, transparent); box-shadow: 0 0 24px -8px var(--c); }
  .sec-ic svg { width: 24px; height: 24px; }
  .sec-tag { font: 600 10.5px var(--mono); letter-spacing: 0.08em; text-transform: uppercase; color: var(--muted-dim); }
  .sec-card h3 { margin-top: 18px; font-size: 20px; }
  .sec-lead { margin-top: 6px; font-size: 14px; color: var(--muted); line-height: 1.55; }
  .sec-list { list-style: none; margin: 20px 0 0; padding: 18px 0 0; border-top: 1px solid var(--border); display: flex; flex-direction: column; gap: 14px; }
  .sec-list li { display: flex; gap: 11px; align-items: flex-start; }
  .sec-list i { flex: none; width: 20px; height: 20px; border-radius: 6px; margin-top: 1px; display: grid; place-items: center; color: var(--c); background: color-mix(in srgb, var(--c) 12%, transparent); }
  .sec-list i svg { width: 12px; height: 12px; }
  .sec-list b { display: block; font-size: 14px; color: var(--text); font-weight: 600; }
  .sec-list small { display: block; margin-top: 2px; font-size: 12.5px; color: var(--muted-dim); line-height: 1.5; }
  .hk { margin-top: 26px; padding: 30px; border-radius: 22px; border: 1px solid rgba(224,120,108,0.25);
    background: radial-gradient(90% 80% at 100% 0%, rgba(224,120,108,0.08), transparent 60%), #15171A; }
  .hk-head { max-width: 640px; }
  .hk-badge { display: inline-flex; align-items: center; gap: 8px; padding: 5px 12px; border-radius: 999px; font: 600 11px var(--mono); letter-spacing: 0.06em; text-transform: uppercase;
    color: #E0786C; background: rgba(224,120,108,0.1); border: 1px solid rgba(224,120,108,0.3); }
  .hk-badge::before { content: ''; width: 7px; height: 7px; border-radius: 50%; background: #E0786C; box-shadow: 0 0 8px #E0786C; }
  .hk-head h3 { margin-top: 14px; font-size: 22px; } .hk-head p { margin-top: 6px; font-size: 14.5px; color: var(--muted); line-height: 1.6; }
  .hk-steps { list-style: none; margin: 24px 0 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; counter-reset: none; }
  .hk-steps li { position: relative; padding: 18px; border-radius: 16px; border: 1px solid var(--border); background: rgba(255,255,255,0.015); }
  .hk-steps li:not(:last-child)::after { content: ''; position: absolute; top: 34px; right: -12px; width: 12px; height: 1px; background: var(--border-bright); }
  .hk-n { display: inline-grid; place-items: center; width: 30px; height: 30px; border-radius: 9px; font: 600 11.5px var(--mono); color: var(--real);
    background: rgba(197,232,124,0.08); border: 1px solid rgba(197,232,124,0.3); }
  .hk-steps b { display: block; margin-top: 12px; font-size: 15.5px; color: var(--text); }
  .hk-steps small { display: block; margin-top: 4px; font-size: 13px; color: var(--muted); line-height: 1.5; }
  .hk-note { margin-top: 18px; font-size: 12.5px; color: var(--muted-dim); line-height: 1.6; max-width: 760px; }
  @media (max-width: 960px) {
    .sec-grid { grid-template-columns: minmax(0, 1fr); }
    .hk-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); } .hk-steps li::after { display: none; }
    .hk { padding: 22px; }
  }
  @media (max-width: 520px) { .hk-steps { grid-template-columns: minmax(0, 1fr); } }

  /* ===== Security hub v2 ===== */
  /* Split techno cube */
  .h2-cube-wrap { --cs: 124px; --hh: calc(var(--cs) * .47); --gap: calc(var(--cs) * .04); }
  .h2-cube { animation: h2Spin 16s linear infinite; }
  .gb-half, .gb-band { position: absolute; left: 0; width: var(--cs); transform-style: preserve-3d; }
  .gb-half { height: var(--hh); top: calc(50% - var(--hh) / 2); }
  .gb-half.up { transform: translateY(calc(-1 * (var(--hh) / 2 + var(--gap) / 2))); }
  .gb-half.dn { transform: translateY(calc(var(--hh) / 2 + var(--gap) / 2)); }
  .gb-f { position: absolute; left: 0; top: 0; width: var(--cs); height: var(--hh); background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20120%20120%22%3E%3Crect%20width%3D%22120%22%20height%3D%22120%22%20fill%3D%22%230b0d0c%22/%3E%3Crect%20x%3D%222%22%20y%3D%225%22%20width%3D%224%22%20height%3D%2210%22%20fill%3D%22%23232826%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%22112%22%20y%3D%2260%22%20width%3D%226%22%20height%3D%226%22%20fill%3D%22%23161a18%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%224%22%20y%3D%2226%22%20width%3D%223%22%20height%3D%226%22%20fill%3D%22%23111413%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2268%22%20y%3D%2211%22%20width%3D%228%22%20height%3D%2218%22%20fill%3D%22%23161a18%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%223%22%20y%3D%2269%22%20width%3D%2224%22%20height%3D%2214%22%20fill%3D%22%23232826%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%221%22%20y%3D%2267%22%20width%3D%2214%22%20height%3D%223%22%20fill%3D%22%23161a18%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2211%22%20y%3D%2269%22%20width%3D%228%22%20height%3D%2210%22%20fill%3D%22%231c201e%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2270%22%20y%3D%2269%22%20width%3D%2214%22%20height%3D%2218%22%20fill%3D%22%23161a18%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%224%22%20y%3D%2268%22%20width%3D%2210%22%20height%3D%223%22%20fill%3D%22%23111413%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2264%22%20y%3D%2250%22%20width%3D%224%22%20height%3D%2218%22%20fill%3D%22%231c201e%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2242%22%20y%3D%2234%22%20width%3D%2214%22%20height%3D%2210%22%20fill%3D%22%23161a18%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2227%22%20y%3D%226%22%20width%3D%2230%22%20height%3D%224%22%20fill%3D%22%23232826%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2239%22%20y%3D%2289%22%20width%3D%2210%22%20height%3D%2210%22%20fill%3D%22%230e100f%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2211%22%20y%3D%2261%22%20width%3D%2210%22%20height%3D%2210%22%20fill%3D%22%230e100f%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2258%22%20y%3D%2249%22%20width%3D%226%22%20height%3D%228%22%20fill%3D%22%23111413%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2269%22%20y%3D%2297%22%20width%3D%2224%22%20height%3D%223%22%20fill%3D%22%231c201e%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2259%22%20y%3D%2270%22%20width%3D%2214%22%20height%3D%2210%22%20fill%3D%22%230e100f%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2256%22%20y%3D%2285%22%20width%3D%226%22%20height%3D%223%22%20fill%3D%22%23111413%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2278%22%20y%3D%2269%22%20width%3D%226%22%20height%3D%2214%22%20fill%3D%22%230e100f%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2281%22%20y%3D%2240%22%20width%3D%2214%22%20height%3D%2210%22%20fill%3D%22%23111413%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2210%22%20y%3D%2259%22%20width%3D%226%22%20height%3D%2214%22%20fill%3D%22%23111413%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2227%22%20y%3D%2246%22%20width%3D%226%22%20height%3D%228%22%20fill%3D%22%230e100f%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2253%22%20y%3D%2247%22%20width%3D%228%22%20height%3D%2230%22%20fill%3D%22%23232826%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%22106%22%20y%3D%2266%22%20width%3D%2210%22%20height%3D%224%22%20fill%3D%22%231c201e%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2283%22%20y%3D%22109%22%20width%3D%2224%22%20height%3D%228%22%20fill%3D%22%230e100f%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2215%22%20y%3D%2225%22%20width%3D%224%22%20height%3D%228%22%20fill%3D%22%23161a18%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2219%22%20y%3D%2229%22%20width%3D%226%22%20height%3D%228%22%20fill%3D%22%231c201e%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2243%22%20y%3D%2274%22%20width%3D%224%22%20height%3D%226%22%20fill%3D%22%23232826%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2261%22%20y%3D%2275%22%20width%3D%2210%22%20height%3D%224%22%20fill%3D%22%23111413%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2246%22%20y%3D%2246%22%20width%3D%2214%22%20height%3D%2214%22%20fill%3D%22%230e100f%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2247%22%20y%3D%223%22%20width%3D%223%22%20height%3D%2214%22%20fill%3D%22%23161a18%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2210%22%20y%3D%2239%22%20width%3D%224%22%20height%3D%226%22%20fill%3D%22%23232826%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2215%22%20y%3D%2264%22%20width%3D%223%22%20height%3D%226%22%20fill%3D%22%23111413%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%22107%22%20y%3D%2222%22%20width%3D%2210%22%20height%3D%2210%22%20fill%3D%22%23232826%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2240%22%20y%3D%2273%22%20width%3D%2214%22%20height%3D%224%22%20fill%3D%22%231c201e%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2258%22%20y%3D%2255%22%20width%3D%223%22%20height%3D%2214%22%20fill%3D%22%230e100f%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%229%22%20y%3D%2291%22%20width%3D%226%22%20height%3D%2214%22%20fill%3D%22%231c201e%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2284%22%20y%3D%2216%22%20width%3D%226%22%20height%3D%2224%22%20fill%3D%22%23232826%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2263%22%20y%3D%2242%22%20width%3D%226%22%20height%3D%224%22%20fill%3D%22%23161a18%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2293%22%20y%3D%2263%22%20width%3D%2224%22%20height%3D%2210%22%20fill%3D%22%231c201e%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2229%22%20y%3D%2262%22%20width%3D%2224%22%20height%3D%223%22%20fill%3D%22%231c201e%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2264%22%20y%3D%2265%22%20width%3D%228%22%20height%3D%226%22%20fill%3D%22%23232826%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2299%22%20y%3D%2296%22%20width%3D%2214%22%20height%3D%2210%22%20fill%3D%22%23161a18%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2290%22%20y%3D%2298%22%20width%3D%2230%22%20height%3D%224%22%20fill%3D%22%23161a18%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2289%22%20y%3D%22-1%22%20width%3D%2210%22%20height%3D%228%22%20fill%3D%22%23111413%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2220%22%20y%3D%2284%22%20width%3D%226%22%20height%3D%2230%22%20fill%3D%22%23232826%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2288%22%20y%3D%2240%22%20width%3D%2210%22%20height%3D%228%22%20fill%3D%22%231c201e%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2256%22%20y%3D%2221%22%20width%3D%224%22%20height%3D%226%22%20fill%3D%22%231c201e%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%22111%22%20y%3D%2274%22%20width%3D%228%22%20height%3D%228%22%20fill%3D%22%23111413%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2278%22%20y%3D%226%22%20width%3D%2214%22%20height%3D%2214%22%20fill%3D%22%23111413%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2257%22%20y%3D%22109%22%20width%3D%2214%22%20height%3D%2214%22%20fill%3D%22%23161a18%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2298%22%20y%3D%2288%22%20width%3D%2214%22%20height%3D%2214%22%20fill%3D%22%230e100f%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%226%22%20y%3D%2288%22%20width%3D%2214%22%20height%3D%228%22%20fill%3D%22%23161a18%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2271%22%20y%3D%22111%22%20width%3D%224%22%20height%3D%228%22%20fill%3D%22%230e100f%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%22101%22%20y%3D%2272%22%20width%3D%2214%22%20height%3D%2230%22%20fill%3D%22%230e100f%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2266%22%20y%3D%2212%22%20width%3D%226%22%20height%3D%2224%22%20fill%3D%22%23111413%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2263%22%20y%3D%2291%22%20width%3D%226%22%20height%3D%2214%22%20fill%3D%22%23161a18%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2223%22%20y%3D%22-1%22%20width%3D%2214%22%20height%3D%224%22%20fill%3D%22%231c201e%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2293%22%20y%3D%2271%22%20width%3D%228%22%20height%3D%226%22%20fill%3D%22%231c201e%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2212%22%20y%3D%223%22%20width%3D%2210%22%20height%3D%2210%22%20fill%3D%22%231c201e%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%22111%22%20y%3D%2262%22%20width%3D%2214%22%20height%3D%2214%22%20fill%3D%22%230e100f%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2215%22%20y%3D%2263%22%20width%3D%2210%22%20height%3D%2230%22%20fill%3D%22%23232826%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2273%22%20y%3D%22-4%22%20width%3D%226%22%20height%3D%228%22%20fill%3D%22%23161a18%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2288%22%20y%3D%2211%22%20width%3D%224%22%20height%3D%228%22%20fill%3D%22%23232826%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2263%22%20y%3D%2267%22%20width%3D%226%22%20height%3D%226%22%20fill%3D%22%230e100f%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%223%22%20y%3D%2227%22%20width%3D%2230%22%20height%3D%223%22%20fill%3D%22%23161a18%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2260%22%20y%3D%2253%22%20width%3D%2210%22%20height%3D%223%22%20fill%3D%22%23232826%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2274%22%20y%3D%2260%22%20width%3D%223%22%20height%3D%226%22%20fill%3D%22%23232826%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2253%22%20y%3D%2261%22%20width%3D%2218%22%20height%3D%224%22%20fill%3D%22%23232826%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2227%22%20y%3D%2285%22%20width%3D%2230%22%20height%3D%228%22%20fill%3D%22%23232826%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2233%22%20y%3D%2271%22%20width%3D%222%22%20height%3D%223%22%20fill%3D%22%236f7a74%22%20opacity%3D%22.55%22/%3E%3Crect%20x%3D%2217%22%20y%3D%2253%22%20width%3D%222%22%20height%3D%223%22%20fill%3D%22%236f7a74%22%20opacity%3D%22.55%22/%3E%3Crect%20x%3D%2256%22%20y%3D%2240%22%20width%3D%222%22%20height%3D%222%22%20fill%3D%22%236f7a74%22%20opacity%3D%22.55%22/%3E%3Crect%20x%3D%2254%22%20y%3D%229%22%20width%3D%222%22%20height%3D%223%22%20fill%3D%22%236f7a74%22%20opacity%3D%22.55%22/%3E%3Crect%20x%3D%22100%22%20y%3D%2215%22%20width%3D%222%22%20height%3D%223%22%20fill%3D%22%236f7a74%22%20opacity%3D%22.55%22/%3E%3Crect%20x%3D%2218%22%20y%3D%2232%22%20width%3D%222%22%20height%3D%223%22%20fill%3D%22%236f7a74%22%20opacity%3D%22.55%22/%3E%3Crect%20x%3D%2228%22%20y%3D%2295%22%20width%3D%222%22%20height%3D%223%22%20fill%3D%22%236f7a74%22%20opacity%3D%22.55%22/%3E%3Crect%20x%3D%2262%22%20y%3D%2220%22%20width%3D%224%22%20height%3D%222%22%20fill%3D%22%236f7a74%22%20opacity%3D%22.55%22/%3E%3Crect%20x%3D%2220%22%20y%3D%2290%22%20width%3D%223%22%20height%3D%223%22%20fill%3D%22%236f7a74%22%20opacity%3D%22.55%22/%3E%3Crect%20x%3D%2243%22%20y%3D%2253%22%20width%3D%222%22%20height%3D%223%22%20fill%3D%22%236f7a74%22%20opacity%3D%22.55%22/%3E%3C/svg%3E") center / cover, #0b0d0c;
    box-shadow: inset 0 0 0 1px rgba(160,190,175,.12); }
  .gb-half.up .gb-f:not(.tp):not(.bt) { background-image: linear-gradient(to top, rgba(197,232,124,.55), rgba(197,232,124,0) 32%), url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20120%20120%22%3E%3Crect%20width%3D%22120%22%20height%3D%22120%22%20fill%3D%22%230b0d0c%22/%3E%3Crect%20x%3D%222%22%20y%3D%225%22%20width%3D%224%22%20height%3D%2210%22%20fill%3D%22%23232826%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%22112%22%20y%3D%2260%22%20width%3D%226%22%20height%3D%226%22%20fill%3D%22%23161a18%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%224%22%20y%3D%2226%22%20width%3D%223%22%20height%3D%226%22%20fill%3D%22%23111413%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2268%22%20y%3D%2211%22%20width%3D%228%22%20height%3D%2218%22%20fill%3D%22%23161a18%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%223%22%20y%3D%2269%22%20width%3D%2224%22%20height%3D%2214%22%20fill%3D%22%23232826%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%221%22%20y%3D%2267%22%20width%3D%2214%22%20height%3D%223%22%20fill%3D%22%23161a18%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2211%22%20y%3D%2269%22%20width%3D%228%22%20height%3D%2210%22%20fill%3D%22%231c201e%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2270%22%20y%3D%2269%22%20width%3D%2214%22%20height%3D%2218%22%20fill%3D%22%23161a18%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%224%22%20y%3D%2268%22%20width%3D%2210%22%20height%3D%223%22%20fill%3D%22%23111413%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2264%22%20y%3D%2250%22%20width%3D%224%22%20height%3D%2218%22%20fill%3D%22%231c201e%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2242%22%20y%3D%2234%22%20width%3D%2214%22%20height%3D%2210%22%20fill%3D%22%23161a18%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2227%22%20y%3D%226%22%20width%3D%2230%22%20height%3D%224%22%20fill%3D%22%23232826%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2239%22%20y%3D%2289%22%20width%3D%2210%22%20height%3D%2210%22%20fill%3D%22%230e100f%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2211%22%20y%3D%2261%22%20width%3D%2210%22%20height%3D%2210%22%20fill%3D%22%230e100f%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2258%22%20y%3D%2249%22%20width%3D%226%22%20height%3D%228%22%20fill%3D%22%23111413%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2269%22%20y%3D%2297%22%20width%3D%2224%22%20height%3D%223%22%20fill%3D%22%231c201e%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2259%22%20y%3D%2270%22%20width%3D%2214%22%20height%3D%2210%22%20fill%3D%22%230e100f%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2256%22%20y%3D%2285%22%20width%3D%226%22%20height%3D%223%22%20fill%3D%22%23111413%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2278%22%20y%3D%2269%22%20width%3D%226%22%20height%3D%2214%22%20fill%3D%22%230e100f%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2281%22%20y%3D%2240%22%20width%3D%2214%22%20height%3D%2210%22%20fill%3D%22%23111413%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2210%22%20y%3D%2259%22%20width%3D%226%22%20height%3D%2214%22%20fill%3D%22%23111413%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2227%22%20y%3D%2246%22%20width%3D%226%22%20height%3D%228%22%20fill%3D%22%230e100f%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2253%22%20y%3D%2247%22%20width%3D%228%22%20height%3D%2230%22%20fill%3D%22%23232826%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%22106%22%20y%3D%2266%22%20width%3D%2210%22%20height%3D%224%22%20fill%3D%22%231c201e%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2283%22%20y%3D%22109%22%20width%3D%2224%22%20height%3D%228%22%20fill%3D%22%230e100f%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2215%22%20y%3D%2225%22%20width%3D%224%22%20height%3D%228%22%20fill%3D%22%23161a18%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2219%22%20y%3D%2229%22%20width%3D%226%22%20height%3D%228%22%20fill%3D%22%231c201e%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2243%22%20y%3D%2274%22%20width%3D%224%22%20height%3D%226%22%20fill%3D%22%23232826%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2261%22%20y%3D%2275%22%20width%3D%2210%22%20height%3D%224%22%20fill%3D%22%23111413%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2246%22%20y%3D%2246%22%20width%3D%2214%22%20height%3D%2214%22%20fill%3D%22%230e100f%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2247%22%20y%3D%223%22%20width%3D%223%22%20height%3D%2214%22%20fill%3D%22%23161a18%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2210%22%20y%3D%2239%22%20width%3D%224%22%20height%3D%226%22%20fill%3D%22%23232826%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2215%22%20y%3D%2264%22%20width%3D%223%22%20height%3D%226%22%20fill%3D%22%23111413%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%22107%22%20y%3D%2222%22%20width%3D%2210%22%20height%3D%2210%22%20fill%3D%22%23232826%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2240%22%20y%3D%2273%22%20width%3D%2214%22%20height%3D%224%22%20fill%3D%22%231c201e%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2258%22%20y%3D%2255%22%20width%3D%223%22%20height%3D%2214%22%20fill%3D%22%230e100f%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%229%22%20y%3D%2291%22%20width%3D%226%22%20height%3D%2214%22%20fill%3D%22%231c201e%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2284%22%20y%3D%2216%22%20width%3D%226%22%20height%3D%2224%22%20fill%3D%22%23232826%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2263%22%20y%3D%2242%22%20width%3D%226%22%20height%3D%224%22%20fill%3D%22%23161a18%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2293%22%20y%3D%2263%22%20width%3D%2224%22%20height%3D%2210%22%20fill%3D%22%231c201e%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2229%22%20y%3D%2262%22%20width%3D%2224%22%20height%3D%223%22%20fill%3D%22%231c201e%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2264%22%20y%3D%2265%22%20width%3D%228%22%20height%3D%226%22%20fill%3D%22%23232826%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2299%22%20y%3D%2296%22%20width%3D%2214%22%20height%3D%2210%22%20fill%3D%22%23161a18%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2290%22%20y%3D%2298%22%20width%3D%2230%22%20height%3D%224%22%20fill%3D%22%23161a18%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2289%22%20y%3D%22-1%22%20width%3D%2210%22%20height%3D%228%22%20fill%3D%22%23111413%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2220%22%20y%3D%2284%22%20width%3D%226%22%20height%3D%2230%22%20fill%3D%22%23232826%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2288%22%20y%3D%2240%22%20width%3D%2210%22%20height%3D%228%22%20fill%3D%22%231c201e%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2256%22%20y%3D%2221%22%20width%3D%224%22%20height%3D%226%22%20fill%3D%22%231c201e%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%22111%22%20y%3D%2274%22%20width%3D%228%22%20height%3D%228%22%20fill%3D%22%23111413%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2278%22%20y%3D%226%22%20width%3D%2214%22%20height%3D%2214%22%20fill%3D%22%23111413%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2257%22%20y%3D%22109%22%20width%3D%2214%22%20height%3D%2214%22%20fill%3D%22%23161a18%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2298%22%20y%3D%2288%22%20width%3D%2214%22%20height%3D%2214%22%20fill%3D%22%230e100f%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%226%22%20y%3D%2288%22%20width%3D%2214%22%20height%3D%228%22%20fill%3D%22%23161a18%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2271%22%20y%3D%22111%22%20width%3D%224%22%20height%3D%228%22%20fill%3D%22%230e100f%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%22101%22%20y%3D%2272%22%20width%3D%2214%22%20height%3D%2230%22%20fill%3D%22%230e100f%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2266%22%20y%3D%2212%22%20width%3D%226%22%20height%3D%2224%22%20fill%3D%22%23111413%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2263%22%20y%3D%2291%22%20width%3D%226%22%20height%3D%2214%22%20fill%3D%22%23161a18%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2223%22%20y%3D%22-1%22%20width%3D%2214%22%20height%3D%224%22%20fill%3D%22%231c201e%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2293%22%20y%3D%2271%22%20width%3D%228%22%20height%3D%226%22%20fill%3D%22%231c201e%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2212%22%20y%3D%223%22%20width%3D%2210%22%20height%3D%2210%22%20fill%3D%22%231c201e%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%22111%22%20y%3D%2262%22%20width%3D%2214%22%20height%3D%2214%22%20fill%3D%22%230e100f%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2215%22%20y%3D%2263%22%20width%3D%2210%22%20height%3D%2230%22%20fill%3D%22%23232826%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2273%22%20y%3D%22-4%22%20width%3D%226%22%20height%3D%228%22%20fill%3D%22%23161a18%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2288%22%20y%3D%2211%22%20width%3D%224%22%20height%3D%228%22%20fill%3D%22%23232826%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2263%22%20y%3D%2267%22%20width%3D%226%22%20height%3D%226%22%20fill%3D%22%230e100f%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%223%22%20y%3D%2227%22%20width%3D%2230%22%20height%3D%223%22%20fill%3D%22%23161a18%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2260%22%20y%3D%2253%22%20width%3D%2210%22%20height%3D%223%22%20fill%3D%22%23232826%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2274%22%20y%3D%2260%22%20width%3D%223%22%20height%3D%226%22%20fill%3D%22%23232826%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2253%22%20y%3D%2261%22%20width%3D%2218%22%20height%3D%224%22%20fill%3D%22%23232826%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2227%22%20y%3D%2285%22%20width%3D%2230%22%20height%3D%228%22%20fill%3D%22%23232826%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2233%22%20y%3D%2271%22%20width%3D%222%22%20height%3D%223%22%20fill%3D%22%236f7a74%22%20opacity%3D%22.55%22/%3E%3Crect%20x%3D%2217%22%20y%3D%2253%22%20width%3D%222%22%20height%3D%223%22%20fill%3D%22%236f7a74%22%20opacity%3D%22.55%22/%3E%3Crect%20x%3D%2256%22%20y%3D%2240%22%20width%3D%222%22%20height%3D%222%22%20fill%3D%22%236f7a74%22%20opacity%3D%22.55%22/%3E%3Crect%20x%3D%2254%22%20y%3D%229%22%20width%3D%222%22%20height%3D%223%22%20fill%3D%22%236f7a74%22%20opacity%3D%22.55%22/%3E%3Crect%20x%3D%22100%22%20y%3D%2215%22%20width%3D%222%22%20height%3D%223%22%20fill%3D%22%236f7a74%22%20opacity%3D%22.55%22/%3E%3Crect%20x%3D%2218%22%20y%3D%2232%22%20width%3D%222%22%20height%3D%223%22%20fill%3D%22%236f7a74%22%20opacity%3D%22.55%22/%3E%3Crect%20x%3D%2228%22%20y%3D%2295%22%20width%3D%222%22%20height%3D%223%22%20fill%3D%22%236f7a74%22%20opacity%3D%22.55%22/%3E%3Crect%20x%3D%2262%22%20y%3D%2220%22%20width%3D%224%22%20height%3D%222%22%20fill%3D%22%236f7a74%22%20opacity%3D%22.55%22/%3E%3Crect%20x%3D%2220%22%20y%3D%2290%22%20width%3D%223%22%20height%3D%223%22%20fill%3D%22%236f7a74%22%20opacity%3D%22.55%22/%3E%3Crect%20x%3D%2243%22%20y%3D%2253%22%20width%3D%222%22%20height%3D%223%22%20fill%3D%22%236f7a74%22%20opacity%3D%22.55%22/%3E%3C/svg%3E"); background-size: 100% 100%, cover; }
  .gb-half.dn .gb-f:not(.tp):not(.bt) { background-image: linear-gradient(to bottom, rgba(197,232,124,.55), rgba(197,232,124,0) 32%), url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20120%20120%22%3E%3Crect%20width%3D%22120%22%20height%3D%22120%22%20fill%3D%22%230b0d0c%22/%3E%3Crect%20x%3D%222%22%20y%3D%225%22%20width%3D%224%22%20height%3D%2210%22%20fill%3D%22%23232826%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%22112%22%20y%3D%2260%22%20width%3D%226%22%20height%3D%226%22%20fill%3D%22%23161a18%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%224%22%20y%3D%2226%22%20width%3D%223%22%20height%3D%226%22%20fill%3D%22%23111413%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2268%22%20y%3D%2211%22%20width%3D%228%22%20height%3D%2218%22%20fill%3D%22%23161a18%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%223%22%20y%3D%2269%22%20width%3D%2224%22%20height%3D%2214%22%20fill%3D%22%23232826%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%221%22%20y%3D%2267%22%20width%3D%2214%22%20height%3D%223%22%20fill%3D%22%23161a18%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2211%22%20y%3D%2269%22%20width%3D%228%22%20height%3D%2210%22%20fill%3D%22%231c201e%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2270%22%20y%3D%2269%22%20width%3D%2214%22%20height%3D%2218%22%20fill%3D%22%23161a18%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%224%22%20y%3D%2268%22%20width%3D%2210%22%20height%3D%223%22%20fill%3D%22%23111413%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2264%22%20y%3D%2250%22%20width%3D%224%22%20height%3D%2218%22%20fill%3D%22%231c201e%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2242%22%20y%3D%2234%22%20width%3D%2214%22%20height%3D%2210%22%20fill%3D%22%23161a18%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2227%22%20y%3D%226%22%20width%3D%2230%22%20height%3D%224%22%20fill%3D%22%23232826%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2239%22%20y%3D%2289%22%20width%3D%2210%22%20height%3D%2210%22%20fill%3D%22%230e100f%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2211%22%20y%3D%2261%22%20width%3D%2210%22%20height%3D%2210%22%20fill%3D%22%230e100f%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2258%22%20y%3D%2249%22%20width%3D%226%22%20height%3D%228%22%20fill%3D%22%23111413%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2269%22%20y%3D%2297%22%20width%3D%2224%22%20height%3D%223%22%20fill%3D%22%231c201e%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2259%22%20y%3D%2270%22%20width%3D%2214%22%20height%3D%2210%22%20fill%3D%22%230e100f%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2256%22%20y%3D%2285%22%20width%3D%226%22%20height%3D%223%22%20fill%3D%22%23111413%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2278%22%20y%3D%2269%22%20width%3D%226%22%20height%3D%2214%22%20fill%3D%22%230e100f%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2281%22%20y%3D%2240%22%20width%3D%2214%22%20height%3D%2210%22%20fill%3D%22%23111413%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2210%22%20y%3D%2259%22%20width%3D%226%22%20height%3D%2214%22%20fill%3D%22%23111413%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2227%22%20y%3D%2246%22%20width%3D%226%22%20height%3D%228%22%20fill%3D%22%230e100f%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2253%22%20y%3D%2247%22%20width%3D%228%22%20height%3D%2230%22%20fill%3D%22%23232826%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%22106%22%20y%3D%2266%22%20width%3D%2210%22%20height%3D%224%22%20fill%3D%22%231c201e%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2283%22%20y%3D%22109%22%20width%3D%2224%22%20height%3D%228%22%20fill%3D%22%230e100f%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2215%22%20y%3D%2225%22%20width%3D%224%22%20height%3D%228%22%20fill%3D%22%23161a18%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2219%22%20y%3D%2229%22%20width%3D%226%22%20height%3D%228%22%20fill%3D%22%231c201e%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2243%22%20y%3D%2274%22%20width%3D%224%22%20height%3D%226%22%20fill%3D%22%23232826%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2261%22%20y%3D%2275%22%20width%3D%2210%22%20height%3D%224%22%20fill%3D%22%23111413%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2246%22%20y%3D%2246%22%20width%3D%2214%22%20height%3D%2214%22%20fill%3D%22%230e100f%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2247%22%20y%3D%223%22%20width%3D%223%22%20height%3D%2214%22%20fill%3D%22%23161a18%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2210%22%20y%3D%2239%22%20width%3D%224%22%20height%3D%226%22%20fill%3D%22%23232826%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2215%22%20y%3D%2264%22%20width%3D%223%22%20height%3D%226%22%20fill%3D%22%23111413%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%22107%22%20y%3D%2222%22%20width%3D%2210%22%20height%3D%2210%22%20fill%3D%22%23232826%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2240%22%20y%3D%2273%22%20width%3D%2214%22%20height%3D%224%22%20fill%3D%22%231c201e%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2258%22%20y%3D%2255%22%20width%3D%223%22%20height%3D%2214%22%20fill%3D%22%230e100f%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%229%22%20y%3D%2291%22%20width%3D%226%22%20height%3D%2214%22%20fill%3D%22%231c201e%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2284%22%20y%3D%2216%22%20width%3D%226%22%20height%3D%2224%22%20fill%3D%22%23232826%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2263%22%20y%3D%2242%22%20width%3D%226%22%20height%3D%224%22%20fill%3D%22%23161a18%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2293%22%20y%3D%2263%22%20width%3D%2224%22%20height%3D%2210%22%20fill%3D%22%231c201e%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2229%22%20y%3D%2262%22%20width%3D%2224%22%20height%3D%223%22%20fill%3D%22%231c201e%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2264%22%20y%3D%2265%22%20width%3D%228%22%20height%3D%226%22%20fill%3D%22%23232826%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2299%22%20y%3D%2296%22%20width%3D%2214%22%20height%3D%2210%22%20fill%3D%22%23161a18%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2290%22%20y%3D%2298%22%20width%3D%2230%22%20height%3D%224%22%20fill%3D%22%23161a18%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2289%22%20y%3D%22-1%22%20width%3D%2210%22%20height%3D%228%22%20fill%3D%22%23111413%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2220%22%20y%3D%2284%22%20width%3D%226%22%20height%3D%2230%22%20fill%3D%22%23232826%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2288%22%20y%3D%2240%22%20width%3D%2210%22%20height%3D%228%22%20fill%3D%22%231c201e%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2256%22%20y%3D%2221%22%20width%3D%224%22%20height%3D%226%22%20fill%3D%22%231c201e%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%22111%22%20y%3D%2274%22%20width%3D%228%22%20height%3D%228%22%20fill%3D%22%23111413%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2278%22%20y%3D%226%22%20width%3D%2214%22%20height%3D%2214%22%20fill%3D%22%23111413%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2257%22%20y%3D%22109%22%20width%3D%2214%22%20height%3D%2214%22%20fill%3D%22%23161a18%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2298%22%20y%3D%2288%22%20width%3D%2214%22%20height%3D%2214%22%20fill%3D%22%230e100f%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%226%22%20y%3D%2288%22%20width%3D%2214%22%20height%3D%228%22%20fill%3D%22%23161a18%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2271%22%20y%3D%22111%22%20width%3D%224%22%20height%3D%228%22%20fill%3D%22%230e100f%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%22101%22%20y%3D%2272%22%20width%3D%2214%22%20height%3D%2230%22%20fill%3D%22%230e100f%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2266%22%20y%3D%2212%22%20width%3D%226%22%20height%3D%2224%22%20fill%3D%22%23111413%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2263%22%20y%3D%2291%22%20width%3D%226%22%20height%3D%2214%22%20fill%3D%22%23161a18%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2223%22%20y%3D%22-1%22%20width%3D%2214%22%20height%3D%224%22%20fill%3D%22%231c201e%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2293%22%20y%3D%2271%22%20width%3D%228%22%20height%3D%226%22%20fill%3D%22%231c201e%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2212%22%20y%3D%223%22%20width%3D%2210%22%20height%3D%2210%22%20fill%3D%22%231c201e%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%22111%22%20y%3D%2262%22%20width%3D%2214%22%20height%3D%2214%22%20fill%3D%22%230e100f%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2215%22%20y%3D%2263%22%20width%3D%2210%22%20height%3D%2230%22%20fill%3D%22%23232826%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2273%22%20y%3D%22-4%22%20width%3D%226%22%20height%3D%228%22%20fill%3D%22%23161a18%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2288%22%20y%3D%2211%22%20width%3D%224%22%20height%3D%228%22%20fill%3D%22%23232826%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2263%22%20y%3D%2267%22%20width%3D%226%22%20height%3D%226%22%20fill%3D%22%230e100f%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%223%22%20y%3D%2227%22%20width%3D%2230%22%20height%3D%223%22%20fill%3D%22%23161a18%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2260%22%20y%3D%2253%22%20width%3D%2210%22%20height%3D%223%22%20fill%3D%22%23232826%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2274%22%20y%3D%2260%22%20width%3D%223%22%20height%3D%226%22%20fill%3D%22%23232826%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2253%22%20y%3D%2261%22%20width%3D%2218%22%20height%3D%224%22%20fill%3D%22%23232826%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2227%22%20y%3D%2285%22%20width%3D%2230%22%20height%3D%228%22%20fill%3D%22%23232826%22%20stroke%3D%22%236f7a74%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2233%22%20y%3D%2271%22%20width%3D%222%22%20height%3D%223%22%20fill%3D%22%236f7a74%22%20opacity%3D%22.55%22/%3E%3Crect%20x%3D%2217%22%20y%3D%2253%22%20width%3D%222%22%20height%3D%223%22%20fill%3D%22%236f7a74%22%20opacity%3D%22.55%22/%3E%3Crect%20x%3D%2256%22%20y%3D%2240%22%20width%3D%222%22%20height%3D%222%22%20fill%3D%22%236f7a74%22%20opacity%3D%22.55%22/%3E%3Crect%20x%3D%2254%22%20y%3D%229%22%20width%3D%222%22%20height%3D%223%22%20fill%3D%22%236f7a74%22%20opacity%3D%22.55%22/%3E%3Crect%20x%3D%22100%22%20y%3D%2215%22%20width%3D%222%22%20height%3D%223%22%20fill%3D%22%236f7a74%22%20opacity%3D%22.55%22/%3E%3Crect%20x%3D%2218%22%20y%3D%2232%22%20width%3D%222%22%20height%3D%223%22%20fill%3D%22%236f7a74%22%20opacity%3D%22.55%22/%3E%3Crect%20x%3D%2228%22%20y%3D%2295%22%20width%3D%222%22%20height%3D%223%22%20fill%3D%22%236f7a74%22%20opacity%3D%22.55%22/%3E%3Crect%20x%3D%2262%22%20y%3D%2220%22%20width%3D%224%22%20height%3D%222%22%20fill%3D%22%236f7a74%22%20opacity%3D%22.55%22/%3E%3Crect%20x%3D%2220%22%20y%3D%2290%22%20width%3D%223%22%20height%3D%223%22%20fill%3D%22%236f7a74%22%20opacity%3D%22.55%22/%3E%3Crect%20x%3D%2243%22%20y%3D%2253%22%20width%3D%222%22%20height%3D%223%22%20fill%3D%22%236f7a74%22%20opacity%3D%22.55%22/%3E%3C/svg%3E"); background-size: 100% 100%, cover; }
  .gb-f.fr { transform: translateZ(calc(var(--cs) / 2)); }
  .gb-f.bk { transform: rotateY(180deg) translateZ(calc(var(--cs) / 2)); }
  .gb-f.rt { transform: rotateY(90deg) translateZ(calc(var(--cs) / 2)); filter: brightness(.75); }
  .gb-f.lf { transform: rotateY(-90deg) translateZ(calc(var(--cs) / 2)); filter: brightness(.75); }
  .gb-f.tp, .gb-f.bt { height: var(--cs); top: calc((var(--hh) - var(--cs)) / 2); }
  .gb-f.tp { transform: rotateX(90deg) translateZ(calc(var(--hh) / 2)); background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20120%20120%22%3E%3Crect%20width%3D%22120%22%20height%3D%22120%22%20fill%3D%22%2318201c%22/%3E%3Crect%20x%3D%2295%22%20y%3D%2255%22%20width%3D%2214%22%20height%3D%2210%22%20fill%3D%22%231a221e%22%20stroke%3D%22%239fe9c6%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2298%22%20y%3D%2261%22%20width%3D%2210%22%20height%3D%2218%22%20fill%3D%22%231a221e%22%20stroke%3D%22%239fe9c6%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%228%22%20y%3D%2253%22%20width%3D%2224%22%20height%3D%2210%22%20fill%3D%22%232d3c35%22%20stroke%3D%22%239fe9c6%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%22109%22%20y%3D%2284%22%20width%3D%228%22%20height%3D%223%22%20fill%3D%22%231f2a25%22%20stroke%3D%22%239fe9c6%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2279%22%20y%3D%2290%22%20width%3D%2218%22%20height%3D%228%22%20fill%3D%22%2334473e%22%20stroke%3D%22%239fe9c6%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%22102%22%20y%3D%2263%22%20width%3D%2224%22%20height%3D%224%22%20fill%3D%22%231f2a25%22%20stroke%3D%22%239fe9c6%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2226%22%20y%3D%2272%22%20width%3D%223%22%20height%3D%226%22%20fill%3D%22%231f2a25%22%20stroke%3D%22%239fe9c6%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2271%22%20y%3D%22103%22%20width%3D%228%22%20height%3D%2230%22%20fill%3D%22%2326332d%22%20stroke%3D%22%239fe9c6%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2259%22%20y%3D%22-4%22%20width%3D%2218%22%20height%3D%224%22%20fill%3D%22%231f2a25%22%20stroke%3D%22%239fe9c6%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2266%22%20y%3D%22115%22%20width%3D%2214%22%20height%3D%2214%22%20fill%3D%22%231f2a25%22%20stroke%3D%22%239fe9c6%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2225%22%20y%3D%2261%22%20width%3D%226%22%20height%3D%2224%22%20fill%3D%22%232d3c35%22%20stroke%3D%22%239fe9c6%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%229%22%20y%3D%2247%22%20width%3D%226%22%20height%3D%223%22%20fill%3D%22%231f2a25%22%20stroke%3D%22%239fe9c6%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%22-2%22%20y%3D%22104%22%20width%3D%226%22%20height%3D%2230%22%20fill%3D%22%231f2a25%22%20stroke%3D%22%239fe9c6%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%222%22%20y%3D%2256%22%20width%3D%228%22%20height%3D%224%22%20fill%3D%22%231a221e%22%20stroke%3D%22%239fe9c6%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2268%22%20y%3D%2276%22%20width%3D%228%22%20height%3D%2224%22%20fill%3D%22%2326332d%22%20stroke%3D%22%239fe9c6%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%227%22%20y%3D%2235%22%20width%3D%2214%22%20height%3D%2230%22%20fill%3D%22%232d3c35%22%20stroke%3D%22%239fe9c6%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2211%22%20y%3D%2213%22%20width%3D%226%22%20height%3D%228%22%20fill%3D%22%2326332d%22%20stroke%3D%22%239fe9c6%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2255%22%20y%3D%2298%22%20width%3D%223%22%20height%3D%2224%22%20fill%3D%22%231a221e%22%20stroke%3D%22%239fe9c6%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2253%22%20y%3D%2261%22%20width%3D%228%22%20height%3D%2214%22%20fill%3D%22%2326332d%22%20stroke%3D%22%239fe9c6%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2245%22%20y%3D%2210%22%20width%3D%224%22%20height%3D%2224%22%20fill%3D%22%231a221e%22%20stroke%3D%22%239fe9c6%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%22106%22%20y%3D%2298%22%20width%3D%224%22%20height%3D%2214%22%20fill%3D%22%2334473e%22%20stroke%3D%22%239fe9c6%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2246%22%20y%3D%22105%22%20width%3D%223%22%20height%3D%2210%22%20fill%3D%22%2334473e%22%20stroke%3D%22%239fe9c6%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2214%22%20y%3D%2223%22%20width%3D%2210%22%20height%3D%2224%22%20fill%3D%22%231a221e%22%20stroke%3D%22%239fe9c6%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2238%22%20y%3D%22102%22%20width%3D%2210%22%20height%3D%223%22%20fill%3D%22%232d3c35%22%20stroke%3D%22%239fe9c6%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2222%22%20y%3D%2270%22%20width%3D%223%22%20height%3D%2214%22%20fill%3D%22%2326332d%22%20stroke%3D%22%239fe9c6%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2275%22%20y%3D%2254%22%20width%3D%2210%22%20height%3D%226%22%20fill%3D%22%2326332d%22%20stroke%3D%22%239fe9c6%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2213%22%20y%3D%22106%22%20width%3D%2218%22%20height%3D%228%22%20fill%3D%22%231a221e%22%20stroke%3D%22%239fe9c6%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%22112%22%20y%3D%2225%22%20width%3D%2214%22%20height%3D%228%22%20fill%3D%22%2334473e%22%20stroke%3D%22%239fe9c6%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2290%22%20y%3D%2276%22%20width%3D%2214%22%20height%3D%228%22%20fill%3D%22%2334473e%22%20stroke%3D%22%239fe9c6%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%22108%22%20y%3D%2257%22%20width%3D%228%22%20height%3D%2214%22%20fill%3D%22%2334473e%22%20stroke%3D%22%239fe9c6%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%229%22%20y%3D%220%22%20width%3D%228%22%20height%3D%226%22%20fill%3D%22%2334473e%22%20stroke%3D%22%239fe9c6%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2246%22%20y%3D%2228%22%20width%3D%2210%22%20height%3D%224%22%20fill%3D%22%231a221e%22%20stroke%3D%22%239fe9c6%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2262%22%20y%3D%2218%22%20width%3D%2210%22%20height%3D%2230%22%20fill%3D%22%231f2a25%22%20stroke%3D%22%239fe9c6%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2279%22%20y%3D%22105%22%20width%3D%224%22%20height%3D%228%22%20fill%3D%22%2334473e%22%20stroke%3D%22%239fe9c6%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%22113%22%20y%3D%22113%22%20width%3D%223%22%20height%3D%2218%22%20fill%3D%22%2326332d%22%20stroke%3D%22%239fe9c6%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2248%22%20y%3D%2253%22%20width%3D%223%22%20height%3D%2224%22%20fill%3D%22%2326332d%22%20stroke%3D%22%239fe9c6%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2243%22%20y%3D%2263%22%20width%3D%223%22%20height%3D%226%22%20fill%3D%22%2334473e%22%20stroke%3D%22%239fe9c6%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%22110%22%20y%3D%2253%22%20width%3D%223%22%20height%3D%228%22%20fill%3D%22%232d3c35%22%20stroke%3D%22%239fe9c6%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2270%22%20y%3D%2213%22%20width%3D%2224%22%20height%3D%2214%22%20fill%3D%22%2334473e%22%20stroke%3D%22%239fe9c6%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2241%22%20y%3D%2285%22%20width%3D%223%22%20height%3D%226%22%20fill%3D%22%232d3c35%22%20stroke%3D%22%239fe9c6%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%225%22%20y%3D%2257%22%20width%3D%226%22%20height%3D%223%22%20fill%3D%22%231f2a25%22%20stroke%3D%22%239fe9c6%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%225%22%20y%3D%225%22%20width%3D%226%22%20height%3D%2224%22%20fill%3D%22%231a221e%22%20stroke%3D%22%239fe9c6%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%22111%22%20y%3D%22115%22%20width%3D%2218%22%20height%3D%226%22%20fill%3D%22%2326332d%22%20stroke%3D%22%239fe9c6%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2283%22%20y%3D%2256%22%20width%3D%226%22%20height%3D%2230%22%20fill%3D%22%231f2a25%22%20stroke%3D%22%239fe9c6%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%22-1%22%20y%3D%22106%22%20width%3D%2230%22%20height%3D%228%22%20fill%3D%22%231a221e%22%20stroke%3D%22%239fe9c6%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2244%22%20y%3D%2244%22%20width%3D%2218%22%20height%3D%223%22%20fill%3D%22%2334473e%22%20stroke%3D%22%239fe9c6%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%227%22%20y%3D%2277%22%20width%3D%2210%22%20height%3D%226%22%20fill%3D%22%231f2a25%22%20stroke%3D%22%239fe9c6%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2245%22%20y%3D%22115%22%20width%3D%2210%22%20height%3D%228%22%20fill%3D%22%2334473e%22%20stroke%3D%22%239fe9c6%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2265%22%20y%3D%226%22%20width%3D%228%22%20height%3D%2214%22%20fill%3D%22%2334473e%22%20stroke%3D%22%239fe9c6%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2272%22%20y%3D%227%22%20width%3D%2210%22%20height%3D%2230%22%20fill%3D%22%231a221e%22%20stroke%3D%22%239fe9c6%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2210%22%20y%3D%2259%22%20width%3D%226%22%20height%3D%224%22%20fill%3D%22%2334473e%22%20stroke%3D%22%239fe9c6%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%22-3%22%20y%3D%2243%22%20width%3D%228%22%20height%3D%2224%22%20fill%3D%22%232d3c35%22%20stroke%3D%22%239fe9c6%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2262%22%20y%3D%2217%22%20width%3D%228%22%20height%3D%2214%22%20fill%3D%22%232d3c35%22%20stroke%3D%22%239fe9c6%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2226%22%20y%3D%2237%22%20width%3D%228%22%20height%3D%2224%22%20fill%3D%22%231a221e%22%20stroke%3D%22%239fe9c6%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2251%22%20y%3D%2298%22%20width%3D%226%22%20height%3D%2224%22%20fill%3D%22%2326332d%22%20stroke%3D%22%239fe9c6%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%22113%22%20y%3D%2236%22%20width%3D%228%22%20height%3D%228%22%20fill%3D%22%2326332d%22%20stroke%3D%22%239fe9c6%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%22103%22%20y%3D%22110%22%20width%3D%224%22%20height%3D%228%22%20fill%3D%22%231f2a25%22%20stroke%3D%22%239fe9c6%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2231%22%20y%3D%22101%22%20width%3D%2224%22%20height%3D%223%22%20fill%3D%22%2326332d%22%20stroke%3D%22%239fe9c6%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%22114%22%20y%3D%2223%22%20width%3D%228%22%20height%3D%226%22%20fill%3D%22%231a221e%22%20stroke%3D%22%239fe9c6%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2282%22%20y%3D%2236%22%20width%3D%2214%22%20height%3D%2214%22%20fill%3D%22%2334473e%22%20stroke%3D%22%239fe9c6%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%220%22%20y%3D%2231%22%20width%3D%226%22%20height%3D%2214%22%20fill%3D%22%2334473e%22%20stroke%3D%22%239fe9c6%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2269%22%20y%3D%2241%22%20width%3D%226%22%20height%3D%2214%22%20fill%3D%22%232d3c35%22%20stroke%3D%22%239fe9c6%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2213%22%20y%3D%2247%22%20width%3D%2210%22%20height%3D%2224%22%20fill%3D%22%231a221e%22%20stroke%3D%22%239fe9c6%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2230%22%20y%3D%2226%22%20width%3D%228%22%20height%3D%223%22%20fill%3D%22%2326332d%22%20stroke%3D%22%239fe9c6%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2210%22%20y%3D%2253%22%20width%3D%2230%22%20height%3D%223%22%20fill%3D%22%231f2a25%22%20stroke%3D%22%239fe9c6%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2299%22%20y%3D%2243%22%20width%3D%2224%22%20height%3D%2210%22%20fill%3D%22%231f2a25%22%20stroke%3D%22%239fe9c6%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2256%22%20y%3D%2228%22%20width%3D%224%22%20height%3D%2224%22%20fill%3D%22%2326332d%22%20stroke%3D%22%239fe9c6%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2264%22%20y%3D%2287%22%20width%3D%2224%22%20height%3D%223%22%20fill%3D%22%231f2a25%22%20stroke%3D%22%239fe9c6%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2240%22%20y%3D%2265%22%20width%3D%224%22%20height%3D%228%22%20fill%3D%22%2334473e%22%20stroke%3D%22%239fe9c6%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2216%22%20y%3D%2246%22%20width%3D%2218%22%20height%3D%2210%22%20fill%3D%22%2326332d%22%20stroke%3D%22%239fe9c6%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2288%22%20y%3D%2245%22%20width%3D%226%22%20height%3D%228%22%20fill%3D%22%2326332d%22%20stroke%3D%22%239fe9c6%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%22109%22%20y%3D%22112%22%20width%3D%228%22%20height%3D%2214%22%20fill%3D%22%231f2a25%22%20stroke%3D%22%239fe9c6%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%22108%22%20y%3D%2260%22%20width%3D%2214%22%20height%3D%2210%22%20fill%3D%22%232d3c35%22%20stroke%3D%22%239fe9c6%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2222%22%20y%3D%228%22%20width%3D%2214%22%20height%3D%226%22%20fill%3D%22%231f2a25%22%20stroke%3D%22%239fe9c6%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%227%22%20y%3D%2235%22%20width%3D%228%22%20height%3D%224%22%20fill%3D%22%2334473e%22%20stroke%3D%22%239fe9c6%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2287%22%20y%3D%22105%22%20width%3D%226%22%20height%3D%2230%22%20fill%3D%22%231f2a25%22%20stroke%3D%22%239fe9c6%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2252%22%20y%3D%2239%22%20width%3D%2210%22%20height%3D%2210%22%20fill%3D%22%2334473e%22%20stroke%3D%22%239fe9c6%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%22-1%22%20y%3D%2223%22%20width%3D%226%22%20height%3D%2214%22%20fill%3D%22%231f2a25%22%20stroke%3D%22%239fe9c6%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%2238%22%20y%3D%2283%22%20width%3D%223%22%20height%3D%2214%22%20fill%3D%22%2326332d%22%20stroke%3D%22%239fe9c6%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%22111%22%20y%3D%2288%22%20width%3D%2214%22%20height%3D%224%22%20fill%3D%22%2334473e%22%20stroke%3D%22%239fe9c6%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%22.5%22/%3E%3Crect%20x%3D%22107%22%20y%3D%2286%22%20width%3D%224%22%20height%3D%223%22%20fill%3D%22%239fe9c6%22%20opacity%3D%22.55%22/%3E%3Crect%20x%3D%2263%22%20y%3D%2274%22%20width%3D%224%22%20height%3D%222%22%20fill%3D%22%239fe9c6%22%20opacity%3D%22.55%22/%3E%3Crect%20x%3D%2297%22%20y%3D%2228%22%20width%3D%223%22%20height%3D%223%22%20fill%3D%22%239fe9c6%22%20opacity%3D%22.55%22/%3E%3Crect%20x%3D%22106%22%20y%3D%2293%22%20width%3D%224%22%20height%3D%222%22%20fill%3D%22%239fe9c6%22%20opacity%3D%22.55%22/%3E%3Crect%20x%3D%2266%22%20y%3D%2265%22%20width%3D%224%22%20height%3D%223%22%20fill%3D%22%239fe9c6%22%20opacity%3D%22.55%22/%3E%3Crect%20x%3D%2239%22%20y%3D%2285%22%20width%3D%223%22%20height%3D%222%22%20fill%3D%22%239fe9c6%22%20opacity%3D%22.55%22/%3E%3Crect%20x%3D%2238%22%20y%3D%22108%22%20width%3D%222%22%20height%3D%223%22%20fill%3D%22%239fe9c6%22%20opacity%3D%22.55%22/%3E%3Crect%20x%3D%2273%22%20y%3D%2263%22%20width%3D%222%22%20height%3D%223%22%20fill%3D%22%239fe9c6%22%20opacity%3D%22.55%22/%3E%3Crect%20x%3D%2268%22%20y%3D%2214%22%20width%3D%224%22%20height%3D%222%22%20fill%3D%22%239fe9c6%22%20opacity%3D%22.55%22/%3E%3Crect%20x%3D%2277%22%20y%3D%2248%22%20width%3D%222%22%20height%3D%222%22%20fill%3D%22%239fe9c6%22%20opacity%3D%22.55%22/%3E%3C/svg%3E") center / cover, #18201c; }
  .gb-f.bt { transform: rotateX(-90deg) translateZ(calc(var(--hh) / 2)); filter: brightness(.5); }
  .gb-half.dn .gb-f.tp { background: radial-gradient(circle at 50% 50%, rgba(197,232,124,.25), rgba(197,232,124,0) 70%), #0c100e; box-shadow: none; }
  .gb-half.up .gb-f.bt { background: #0c100e; filter: none; }
  .gb-band { height: var(--gap); top: calc(50% - var(--gap) / 2); }
  .gb-b { position: absolute; left: 0; top: 0; width: var(--cs); height: var(--gap); background: #B6FFDD;
    box-shadow: 0 0 6px #B6FFDD, 0 0 18px #C5E87C, 0 0 44px rgba(197,232,124,.85); animation: gbGlow 2.6s ease-in-out infinite; }
  @keyframes gbGlow { 50% { box-shadow: 0 0 4px #7CF5BD, 0 0 10px #C5E87C, 0 0 20px rgba(197,232,124,.5); } }
  .gb-b.fr { transform: translateZ(calc(var(--cs) / 2 - 2px)); }
  .gb-b.bk { transform: rotateY(180deg) translateZ(calc(var(--cs) / 2 - 2px)); }
  .gb-b.rt { transform: rotateY(90deg) translateZ(calc(var(--cs) / 2 - 2px)); }
  .gb-b.lf { transform: rotateY(-90deg) translateZ(calc(var(--cs) / 2 - 2px)); }
  .h2-ground { animation: h2GroundPulse 4s ease-in-out infinite; transform-origin: 520px 352px; }
  @keyframes h2GroundPulse { 50% { opacity: .12; transform: scaleX(.86); } }
  @media (max-width: 1080px) { .h2-cube-wrap { --cs: 92px; } }
  @media (max-width: 600px) { .h2-cube-wrap { --cs: 72px; } }
  @media (prefers-reduced-motion: reduce) { .gb-b, .h2-ground { animation: none; } }

  /* 3D cube at the centre of the security hub */
  .h2-cube-wrap { --cs: 100px; position: absolute; left: 50%; top: 50%; width: var(--cs); height: var(--cs); margin: calc(var(--cs) / -2) 0 0 calc(var(--cs) / -2);
    perspective: 700px; pointer-events: none; z-index: 1; animation: h2Float 4s ease-in-out infinite; }
  @keyframes h2Float { 50% { transform: translateY(-7px); } }
  .h2-cube { position: relative; width: 100%; height: 100%; transform-style: preserve-3d; animation: h2Spin 14s linear infinite; }
  @keyframes h2Spin { from { transform: rotateX(-24deg) rotateY(0deg) rotateZ(4deg); } to { transform: rotateX(-24deg) rotateY(360deg) rotateZ(4deg); } }
  .h2-face { position: absolute; inset: 0; display: grid; place-items: center; color: #C5E87C;
    border: 1.5px solid rgba(197,232,124,0.8); border-radius: 6px;
    background: linear-gradient(rgba(197,232,124,0.10) 1px, transparent 1px) 0 0 / 20px 20px, linear-gradient(90deg, rgba(197,232,124,0.10) 1px, transparent 1px) 0 0 / 20px 20px,
      linear-gradient(135deg, rgba(197,232,124,0.22), rgba(16,40,31,0.6));
    box-shadow: inset 0 0 24px rgba(197,232,124,0.28), 0 0 18px rgba(197,232,124,0.18); }
  .h2-face svg { width: 40%; height: 40%; filter: drop-shadow(0 0 6px rgba(197,232,124,0.8)); }
  .h2-face.fr { transform: translateZ(calc(var(--cs) / 2)); }
  .h2-face.bk { transform: rotateY(180deg) translateZ(calc(var(--cs) / 2)); }
  .h2-face.rt { transform: rotateY(90deg) translateZ(calc(var(--cs) / 2)); }
  .h2-face.lf { transform: rotateY(-90deg) translateZ(calc(var(--cs) / 2)); }
  .h2-face.tp { transform: rotateX(90deg) translateZ(calc(var(--cs) / 2)); }
  .h2-face.bt { transform: rotateX(-90deg) translateZ(calc(var(--cs) / 2)); }
  .h2-core { position: absolute; inset: 28%; border-radius: 50%; background: radial-gradient(circle, rgba(197,232,124,0.9), rgba(197,232,124,0) 70%); filter: blur(4px); animation: h2Core 2.4s ease-in-out infinite; }
  @keyframes h2Core { 50% { opacity: .55; transform: scale(.8); } }
  @media (max-width: 1080px) { .h2-cube-wrap { --cs: 80px; top: 160px; } }
  @media (max-width: 600px) { .h2-cube-wrap { --cs: 66px; top: 140px; } }
  @media (prefers-reduced-motion: reduce) { .h2-cube-wrap, .h2-cube, .h2-core { animation: none; } .h2-cube { transform: rotateX(-24deg) rotateY(35deg); } }

  .h2-ticks { transform-origin: 520px 260px; animation: hubSpin 22s linear infinite; }
  .h2-orb { transform-origin: 520px 260px; animation: hubSpin 7s linear infinite; }
  .h2-orb.o2 { animation-duration: 11s; animation-direction: reverse; }
  .h2-orb.o3 { animation-duration: 15s; }
  .h2-scan { animation: h2Scan 2.6s ease-in-out infinite alternate; }
  @keyframes h2Scan { from { transform: translateY(0); } to { transform: translateY(118px); } }
  .h2-shield { transform-origin: 520px 260px; animation: h2Breathe 2.8s ease-in-out infinite; }
  @keyframes h2Breathe { 50% { transform: scale(1.09); filter: drop-shadow(0 0 8px #C5E87C); } }
  @media (prefers-reduced-motion: reduce) { .h2-ticks, .h2-orb, .h2-scan, .h2-shield { animation: none; } }

  .hub2 { position: relative; width: 1040px; max-width: 100%; height: 520px; margin: 56px auto 0; }
  .h2-svg { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }
  .h2-ring-out { transform-origin: 520px 260px; animation: hubSpin 60s linear infinite reverse; }
  .h2-arc { transform-origin: 520px 260px; animation: hubSpin 9s linear infinite; }
  .h2-sweep { transform-origin: 520px 260px; animation: hubSpin 5s linear infinite; }
  .h2-pulse { fill: none; stroke: #C5E87C; stroke-width: 1.5; transform-origin: 520px 260px; animation: h2Pulse 3.2s ease-out infinite; }
  .h2-pulse.p2 { animation-delay: 1.6s; }
  @keyframes h2Pulse { from { transform: scale(1); opacity: .55; } to { transform: scale(2.1); opacity: 0; } }
  .h2-conn { fill: none; stroke: var(--border-bright); stroke-width: 1.3; stroke-dasharray: 4 6; animation: h2Dash 1.2s linear infinite; transition: stroke .3s; }
  @keyframes h2Dash { to { stroke-dashoffset: -20; } }
  .h2-conn.on { stroke: #C5E87C; stroke-width: 1.8; filter: drop-shadow(0 0 4px rgba(197,232,124,.7)); }
  .h2-flow { fill: #C5E87C; filter: drop-shadow(0 0 5px #C5E87C); opacity: .9; }
  .h2-node { fill: #C5E87C; transform-box: fill-box; transform-origin: center; animation: dotPulse 2.2s ease-in-out infinite; transition: r .3s; }
  .h2-node.on { r: 8; filter: drop-shadow(0 0 8px #C5E87C); }
  .h2-card { position: absolute; width: 260px; display: flex; gap: 12px; align-items: flex-start; padding: 16px 18px; border-radius: 14px;
    background: linear-gradient(180deg, rgba(255,255,255,0.03), rgba(255,255,255,0.005)), #16181A; border: 1px solid var(--border-bright); text-align: left;
    opacity: 0; transform: translateX(var(--from, -18px)); transition: opacity .6s ease, transform .6s cubic-bezier(.2,.8,.2,1), border-color .35s ease, box-shadow .35s ease;
    transition-delay: calc(var(--d) * 110ms), calc(var(--d) * 110ms), 0s, 0s; }
  .h2-card.r { --from: 18px; }
  .hub2.in .h2-card { opacity: 1; transform: none; }
  .h2-card.on, .h2-card:hover { border-color: rgba(197,232,124,0.55); box-shadow: 0 0 0 1px rgba(197,232,124,0.15), 0 16px 40px -18px rgba(197,232,124,0.45); }
  .h2-ic { flex: none; width: 36px; height: 36px; border-radius: 11px; display: grid; place-items: center; color: #C5E87C;
    background: rgba(197,232,124,0.08); border: 1px solid rgba(197,232,124,0.25); transition: background .35s, box-shadow .35s; }
  .h2-card.on .h2-ic { background: rgba(197,232,124,0.16); box-shadow: 0 0 18px -4px #C5E87C; }
  .h2-ic svg { width: 19px; height: 19px; }
  .h2-tag { display: inline-block; margin-bottom: 6px; font-family: var(--mono); font-size: 10.5px; letter-spacing: .08em; text-transform: uppercase; color: var(--real); }
  .h2-tag.platform { color: var(--reward); }
  .h2-card h5 { font-size: 14.5px; font-weight: 700; margin-bottom: 4px; }
  .h2-card p { font-size: 12.5px; color: var(--muted); line-height: 1.55; }
  @media (max-width: 1080px) {
    .hub2 { height: auto; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
    .h2-svg { display: block; position: relative; inset: auto; grid-column: 1 / -1; width: 100%; height: 320px; margin-bottom: 8px; }
    .h2-conn, .h2-node, .h2-flow { display: none; }
    .h2-card { position: static; width: auto; }
  }
  @media (max-width: 600px) { .hub2 { grid-template-columns: minmax(0, 1fr); } .h2-svg { height: 280px; } }
  @media (prefers-reduced-motion: reduce) {
    .h2-ring-out, .h2-arc, .h2-sweep, .h2-pulse, .h2-conn, .h2-node { animation: none; }
    .h2-flow { display: none; } .h2-card { opacity: 1; transform: none; transition: none; }
  }

  /* Tablet: cube sits in the middle column between the cards */
  @media (max-width: 1080px) and (min-width: 761px) {
    .hub2 { grid-template-columns: minmax(0, 1fr) 230px minmax(0, 1fr); align-items: stretch; }
    .h2-svg { grid-column: 2; grid-row: 1 / span 3; height: 100%; margin: 0; }
    .h2-card.l { grid-column: 1; } .h2-card.r { grid-column: 3; }
    .h2-card[data-i="0"], .h2-card[data-i="3"] { grid-row: 1; }
    .h2-card[data-i="1"], .h2-card[data-i="4"] { grid-row: 2; }
    .h2-card[data-i="2"], .h2-card[data-i="5"] { grid-row: 3; }
    .h2-cube-wrap { --cs: 64px; top: 50%; }
  }

  /* Upgraded security card icons */
  .h2-ic { position: relative; overflow: hidden; width: 42px; height: 42px; border-radius: 13px; color: #6FF0B4;
    background: linear-gradient(150deg, rgba(197,232,124,0.24), rgba(197,232,124,0.05) 60%, rgba(197,232,124,0.12));
    border: 1px solid rgba(197,232,124,0.32);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.10), inset 0 -8px 16px rgba(0,0,0,0.25), 0 6px 18px -8px rgba(197,232,124,0.45);
    transition: background .35s ease, box-shadow .35s ease, border-color .35s ease, transform .35s ease; }
  .h2-ic svg { width: 22px; height: 22px; position: relative; z-index: 1; filter: drop-shadow(0 0 4px rgba(197,232,124,0.45)); }
  .h2-ic::after { content: ''; position: absolute; top: -20%; left: -80%; width: 50%; height: 140%; transform: rotate(20deg);
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.28), transparent); opacity: 0; }
  .h2-card.on .h2-ic, .h2-card:hover .h2-ic { border-color: rgba(197,232,124,0.6); transform: translateY(-1px);
    background: linear-gradient(150deg, rgba(197,232,124,0.36), rgba(197,232,124,0.10) 60%, rgba(197,232,124,0.20));
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.14), 0 0 22px -4px rgba(197,232,124,0.7); }
  .h2-card.on .h2-ic::after, .h2-card:hover .h2-ic::after { animation: icShine 1.2s ease-out; }
  @keyframes icShine { 0% { left: -80%; opacity: 1; } 100% { left: 130%; opacity: 0; } }
  @media (prefers-reduced-motion: reduce) { .h2-ic::after { display: none; } }

  /* ===== How Cuetick's AI works (flow) ===== */
  #ai-flow .af-title { font-size: clamp(34px, 4.4vw, 54px); line-height: 1.08; letter-spacing: -0.02em; }
  #ai-flow .af-title span { color: var(--real); }
  #ai-flow .af-title { max-width: 920px; margin-left: auto; margin-right: auto; font-size: clamp(32px, 3.8vw, 50px); }
  .af-node.out { padding: 0 20px; } .af-node.out small { white-space: nowrap; font-size: 11.5px; }
  #ai-flow .lede { margin-left: auto; margin-right: auto; }
  .af-stage { position: relative; height: 420px; margin: 56px auto 0; max-width: 1040px; }
  .af-svg { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }
  .af-line { fill: none; stroke: rgba(255,255,255,0.18); stroke-width: 1.4; stroke-dasharray: 4 6; animation: afDash 1.1s linear infinite; vector-effect: non-scaling-stroke; }
  .af-line.hot { stroke: rgba(197,232,124,0.55); }
  .af-line.bad { stroke: rgba(224,120,108,0.5); }
  @keyframes afDash { to { stroke-dashoffset: -20; } }
  .af-dot { fill: #C5E87C; filter: drop-shadow(0 0 5px #C5E87C); }
  .af-dot.bad { fill: #E0786C; filter: drop-shadow(0 0 5px #E0786C); }
  .af-x circle { fill: #15171A; stroke: #E0786C; stroke-width: 1.5; }
  .af-x path { stroke: #E0786C; stroke-width: 2; stroke-linecap: round; }
  .af-node { position: absolute; display: flex; flex-direction: column; justify-content: center; gap: 3px; padding: 0 20px; text-align: left;
    border-radius: 16px; border: 1px solid var(--border-bright); background: linear-gradient(180deg, rgba(255,255,255,0.035), rgba(255,255,255,0.01)), #1A1C1E;
    box-shadow: 0 20px 40px -28px rgba(0,0,0,0.9); transition: transform .3s ease, box-shadow .3s ease; }
  .af-node:hover { transform: translateY(-3px); }
  .af-node b { font-size: 15.5px; color: var(--text); font-weight: 600; }
  .af-node small { font: 500 12px var(--mono); color: var(--muted); }
  .af-k { font-size: 11.5px; color: var(--muted-dim); }
  .af-k.ok { color: var(--real); } .af-k.no { color: #E0786C; }
  .af-node.dep { align-items: center; text-align: center; }
  .af-node.pa { border-color: rgba(197,232,124,0.45); box-shadow: 0 0 0 1px rgba(197,232,124,0.08), 0 18px 40px -24px rgba(197,232,124,0.45); }
  .af-node.pb { border-color: rgba(224,120,108,0.35); opacity: .78; }
  .af-node.pb b { text-decoration: line-through; text-decoration-color: rgba(224,120,108,0.6); }
  .af-node.ai { align-items: center; border-color: rgba(197,232,124,0.4); animation: afPulse 2.6s ease-in-out infinite; }
  .af-node.ai b span { color: var(--real); }
  @keyframes afPulse { 50% { box-shadow: 0 0 0 1px rgba(197,232,124,0.15), 0 0 30px -6px rgba(197,232,124,0.55); } }
  .af-node.out { padding: 0 24px; border-color: rgba(197,232,124,0.5); background: radial-gradient(120% 90% at 0% 0%, rgba(197,232,124,0.12), transparent 60%), #1A1C1E; }
  .af-big { font: 700 12px var(--mono); letter-spacing: 0.1em; color: var(--real); }
  .af-node.out strong { font: 700 34px var(--mono); color: var(--real); letter-spacing: -0.02em; line-height: 1.1; }
  .af-node.out small b { font-size: 12px; color: var(--text); font-family: var(--mono); }
  .af-cards { display: flex; justify-content: center; align-items: flex-end; margin: 70px auto 0; max-width: 1000px; }
  .af-card { position: relative; flex: 1 1 0; max-width: 340px; min-height: 300px; padding: 30px 28px; text-align: left; border-radius: 22px;
    border: 1px solid var(--border); background: linear-gradient(180deg, rgba(255,255,255,0.035), rgba(255,255,255,0.008)), #18191B;
    box-shadow: 0 40px 70px -40px rgba(0,0,0,0.95); transition: transform .45s cubic-bezier(.2,.8,.2,1), border-color .3s ease; }
  .af-card.left { transform: rotate(-5deg) translate(28px, 22px); z-index: 1; }
  .af-card.right { transform: rotate(5deg) translate(-28px, 22px); z-index: 1; }
  .af-card.mid { z-index: 2; transform: translateY(40px); }
  .af-cards:hover .af-card { transform: none; }
  .af-card:hover { border-color: rgba(197,232,124,0.4); z-index: 3; }
  .af-cards:hover .af-card:hover { transform: translateY(-8px); }
  .af-num { display: inline-grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; font: 600 16px var(--mono); color: var(--real);
    border: 1.5px solid rgba(197,232,124,0.55); box-shadow: 0 0 20px -6px rgba(197,232,124,0.6); }
  .af-card h3 { margin-top: 60px; font-size: 21px; }
  .af-card p { margin-top: 14px; padding-left: 14px; border-left: 2px solid rgba(197,232,124,0.5); font-size: 14.5px; color: var(--muted); line-height: 1.6; }
  @media (max-width: 960px) {
    .af-stage { height: auto; display: flex; flex-direction: column; align-items: center; gap: 22px; }
    .af-svg { display: none; }
    .af-node { position: relative; left: auto !important; top: auto !important; width: min(420px, 100%) !important; height: auto !important; min-height: 64px; padding: 14px 20px; }
    .af-node:not(:last-child)::after { content: '\2193'; position: absolute; left: 50%; bottom: -21px; transform: translateX(-50%); color: var(--real); font-size: 16px; }
    .af-node.pb::after { content: '\2715  not used'; color: #E0786C; font-size: 11px; white-space: nowrap; }
    .af-node.dep { order: 0; } .af-node.pb { order: 1; } .af-node.pa { order: 2; } .af-node.ai { order: 3; } .af-node.out { order: 4; }
    .af-cards { flex-direction: column; align-items: center; gap: 16px; margin-top: 44px; }
    .af-card, .af-card.left, .af-card.right, .af-card.mid { transform: none; max-width: 520px; width: 100%; min-height: 0; }
    .af-card h3 { margin-top: 22px; }
  }
  @media (prefers-reduced-motion: reduce) { .af-line, .af-node.ai { animation: none; } .af-dot { display: none; } }

  /* ===== Referral (home page teaser) ===== */
  .rf-card { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr); align-items: center; gap: 32px; padding: 48px 52px; border-radius: 28px;
    border: 1px solid rgba(197,232,124,0.28); position: relative; overflow: hidden;
    background: radial-gradient(80% 90% at 100% 50%, rgba(197,232,124,0.12), transparent 60%), radial-gradient(60% 80% at 0% 0%, rgba(197,232,124,0.06), transparent 60%), #15171A;
    box-shadow: 0 50px 90px -50px rgba(0,0,0,0.9); }
  .rf-card h2 { margin-top: 10px; font-size: clamp(32px, 3.6vw, 46px); line-height: 1.08; } .rf-card h2 span { color: var(--real); }
  .rf-lede { margin-top: 14px; font-size: 16px; color: var(--muted); line-height: 1.6; max-width: 440px; }
  .rf-steps { list-style: none; margin: 26px 0 0; padding: 0; display: flex; flex-direction: column; gap: 14px; }
  .rf-steps li { display: flex; gap: 14px; align-items: flex-start; }
  .rf-steps span { flex: none; width: 32px; height: 32px; border-radius: 10px; display: grid; place-items: center; font: 600 11.5px var(--mono); color: var(--real);
    background: rgba(197,232,124,0.08); border: 1px solid rgba(197,232,124,0.3); }
  .rf-steps b { display: block; font-size: 15px; color: var(--text); } .rf-steps small { display: block; margin-top: 2px; font-size: 13.5px; color: var(--muted); }
  .rf-btn { display: inline-flex; align-items: center; gap: 10px; margin-top: 30px; padding: 13px 22px; border-radius: 14px; font-weight: 700; font-size: 15px;
    color: #0C120E; background: var(--real); box-shadow: 0 14px 30px -12px rgba(197,232,124,0.7); transition: transform .2s ease, box-shadow .2s ease; }
  /* compact referral card */
  .rf-compact { padding: 30px 40px; gap: 20px; grid-template-columns: minmax(0, 1.4fr) minmax(0, 0.7fr); border-radius: 24px; }
  .rf-compact h2 { font-size: clamp(26px, 2.8vw, 34px); }
  .rf-compact .rf-lede { margin-top: 10px; font-size: 15px; max-width: 460px; }
  .rf-compact .rf-svg { max-width: 220px; }
  .rf-compact .rf-btn { margin-top: 22px; padding: 11px 20px; font-size: 14.5px; }
  .rf-stats { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 20px; }
  .rf-stats > div { padding: 12px 16px; border-radius: 14px; border: 1px solid var(--border); background: rgba(255,255,255,0.025); min-width: 118px; }
  .rf-stats b { display: block; font-size: 24px; font-weight: 800; letter-spacing: -0.02em; color: var(--real); line-height: 1.1; }
  .rf-stats small { display: block; margin-top: 3px; font-size: 12px; color: var(--muted); }
  @media (max-width: 880px) { .rf-compact { padding: 26px 22px; grid-template-columns: minmax(0, 1fr); } .rf-compact .rf-visual { display: none; } }
  .rf-btn svg { width: 15px; height: 15px; transition: transform .2s ease; }
  .rf-btn:hover { transform: translateY(-2px); box-shadow: 0 18px 36px -12px rgba(197,232,124,0.85); } .rf-btn:hover svg { transform: translateX(3px); }
  .rf-visual { display: grid; place-items: center; }
  .rf-svg { width: 100%; max-width: 440px; height: auto; overflow: visible; }
  .rf-orbit { transform-origin: 220px 180px; animation: hubSpin 40s linear infinite; }
  .rf-line { fill: none; stroke: rgba(197,232,124,0.35); stroke-width: 1.4; stroke-dasharray: 4 6; animation: afDash 1.2s linear infinite reverse; }
  .rf-coin { fill: #C5E87C; filter: drop-shadow(0 0 6px #C5E87C); }
  .rf-friend { transform-box: fill-box; transform-origin: center; animation: rfBob 3.2s ease-in-out infinite; animation-delay: calc(var(--d) * -0.8s); }
  @keyframes rfBob { 50% { transform: translateY(-6px); } }
  .rf-ping { fill: none; stroke: #C5E87C; stroke-width: 1.5; transform-origin: 220px 180px; animation: h2Pulse 2.6s ease-out infinite; }
  @media (max-width: 900px) {
    .rf-card { grid-template-columns: minmax(0, 1fr); padding: 32px 24px; gap: 8px; }
    .rf-visual { order: -1; } .rf-svg { max-width: 320px; }
  }
  @media (prefers-reduced-motion: reduce) { .rf-orbit, .rf-line, .rf-friend, .rf-ping { animation: none; } .rf-coin { display: none; } }

  /* mobile menu */
  .nav-menu { display:none; width:40px; height:40px; border-radius:12px; border:1px solid var(--border-bright, rgba(255,255,255,.14)); background:rgba(255,255,255,.03); cursor:pointer; flex-direction:column; align-items:center; justify-content:center; gap:4px; padding:0; }
  .nav-menu span { display:block; width:16px; height:2px; border-radius:2px; background:currentColor; color:#E8EAE8; transition:transform .2s, opacity .2s; }
  .nav-pill.menu-open .nav-menu span:nth-child(1) { transform:translateY(6px) rotate(45deg); }
  .nav-pill.menu-open .nav-menu span:nth-child(2) { opacity:0; }
  .nav-pill.menu-open .nav-menu span:nth-child(3) { transform:translateY(-6px) rotate(-45deg); }
  @media (max-width: 1180px) {
    .nav-act { margin-left:auto; }
    .navlinks { display:none; }
    .nav-pill { position:relative; }
    .nav-menu { display:flex; margin-left:8px; }
    .nav-pill .btn-outline { display:none; }
    .nav-pill.menu-open .navlinks { display:flex; flex-direction:column; position:absolute; left:0; right:0; top:calc(100% + 8px); padding:8px; gap:2px;
      background:#121416; border:1px solid rgba(255,255,255,.1); border-radius:18px; box-shadow:0 24px 50px -20px rgba(0,0,0,.8); backdrop-filter:blur(12px); z-index:60; }
    .nav-pill.menu-open .navlinks a { padding:13px 14px; border-radius:12px; font-size:15px; }
    .nav-pill.menu-open .navlinks a:hover { background:rgba(255,255,255,.04); }
  }

  .nav-wrap { z-index: 50; }

  .nav-login { color:#C9CCC9; font-weight:600; font-size:14px; margin-right:12px; text-decoration:none; white-space:nowrap; }
  .nav-login:hover { color:#fff; }
  .navlinks .m-only { display:none; }
  @media (max-width: 1180px) {
    .nav-login { display:none; }
    .nav-pill.menu-open .navlinks .m-only { display:block; }
    .nav-pill.menu-open .navlinks .m-only:first-of-type { margin-top:6px; border-top:1px solid rgba(255,255,255,.08); padding-top:16px; border-radius:0 0 12px 12px; }
    .nav-pill.menu-open .navlinks .m-cta { margin-top:6px; text-align:center; font-weight:800; color:#0B1A12; background:var(--real, #C5E87C); border-radius:12px; }
  }

/* ===== shared site header + footer ===== */
.sh { position:sticky; top:0; z-index:70; background:rgba(13,14,16,.86); backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px); border-bottom:1px solid rgba(255,255,255,.07); font-family:'Plus Jakarta Sans',system-ui,sans-serif; }
.sh-in { max-width:1240px; margin:0 auto; padding:12px 28px; display:flex; align-items:center; gap:24px; position:relative; }
.sh-logo { display:inline-flex; align-items:center; gap:10px; font-weight:800; font-size:19px; letter-spacing:-.02em; color:#F3F4F1 !important; text-decoration:none !important; flex:none; }
.sh-logo svg { width:28px; height:28px; } .sh-logo em { font-style:normal; color:var(--sa); }
.sh-links { display:flex; gap:4px; margin:0 auto; }
.sh-links a { padding:8px 12px; border-radius:10px; color:#A0A2A8 !important; font-size:14px; font-weight:600; text-decoration:none !important; transition:color .15s, background .15s; }
.sh-links a:hover, .sh-links a.cur { color:#F3F4F1 !important; background:rgba(255,255,255,.04); }
.sh-links .sh-m { display:none; }
.sh-act { display:flex; align-items:center; gap:10px; flex:none; }
.sh-login { color:#E0E2DE !important; font-weight:700; font-size:14px; text-decoration:none !important; padding:8px 10px; }
.sh-cta { padding:9px 16px; border-radius:12px; background:var(--sa); color:#10160B !important; font-weight:800; font-size:14px; text-decoration:none !important; box-shadow:0 10px 22px -14px var(--sa); }
.sh-menu { display:none; width:40px; height:40px; border-radius:12px; border:1px solid rgba(255,255,255,.14); background:rgba(255,255,255,.03); cursor:pointer; flex-direction:column; align-items:center; justify-content:center; gap:4px; padding:0; }
.sh-menu span { display:block; width:16px; height:2px; border-radius:2px; background:#E8EAE8; transition:transform .2s, opacity .2s; }
.sh.open .sh-menu span:nth-child(1) { transform:translateY(6px) rotate(45deg); } .sh.open .sh-menu span:nth-child(2) { opacity:0; } .sh.open .sh-menu span:nth-child(3) { transform:translateY(-6px) rotate(-45deg); }
@media (max-width:900px) {
  .sh-in { padding:10px 16px; }
  .sh-links { display:none; } .sh-login, .sh-cta { display:none; } .sh-menu { display:flex; }
  .sh.open .sh-links { display:flex; flex-direction:column; position:absolute; left:12px; right:12px; top:calc(100% + 8px); padding:8px; gap:2px; background:#121416; border:1px solid rgba(255,255,255,.1); border-radius:18px; box-shadow:0 24px 50px -20px rgba(0,0,0,.8); }
  .sh.open .sh-links a { padding:13px 14px; font-size:15px; }
  .sh.open .sh-links .sh-m { display:block; } .sh.open .sh-links .sh-m:first-of-type { margin-top:6px; border-top:1px solid rgba(255,255,255,.08); border-radius:0; padding-top:16px; }
  .sh.open .sh-links .sh-mcta { margin-top:6px; text-align:center; background:var(--sa); color:#10160B !important; font-weight:800; border-radius:12px; }
}
.sf { border-top:1px solid rgba(255,255,255,.07); background:#0B0C0D; font-family:'Plus Jakarta Sans',system-ui,sans-serif; color:#A0A2A8; }
.sf-in { max-width:1240px; margin:0 auto; padding:44px 28px 26px; }
.sf-grid { display:grid; grid-template-columns:minmax(0,1.5fr) repeat(4,minmax(0,1fr)); gap:28px; }
.sf-brand p { margin-top:14px; font-size:14px; line-height:1.6; max-width:360px; }
.sf-soc { display:flex; gap:8px; margin-top:16px; }
.sf-soc a { width:36px; height:36px; border-radius:11px; display:grid; place-items:center; color:#A0A2A8; border:1px solid rgba(255,255,255,.08); background:rgba(255,255,255,.02); transition:color .15s, border-color .15s; }
.sf-soc a:hover { color:var(--sa); border-color:var(--sa); } .sf-soc svg { width:19px; height:19px; }
.sf-col h5 { font-size:12px; letter-spacing:.12em; text-transform:uppercase; color:#6C6E75; font-weight:800; margin:4px 0 12px; }
.sf-col a { display:block; padding:5px 0; font-size:14px; color:#C9CBC6 !important; text-decoration:none !important; } .sf-col a:hover { color:var(--sa) !important; }
.sf-bot { display:flex; justify-content:space-between; gap:12px; flex-wrap:wrap; margin-top:34px; padding-top:18px; border-top:1px solid rgba(255,255,255,.06); font-size:12.5px; color:#6C6E75; }
@media (max-width:900px) { .sf-grid { grid-template-columns:1fr 1fr; } .sf-brand { grid-column:1 / -1; } .sf-in { padding:34px 20px 22px; } }

  /* ===== how it works: interactive flow (shared with About us) ===== */
  #mechanism { --ac:#C5E87C; --ac-2:rgba(197,232,124,.12); --ac-3:rgba(197,232,124,.32); --ac-ink:#141A0C; --bg:#14161A; --bg2:#121316; --card:#17181B; --card3:#24262B;
    --ln:rgba(255,255,255,.07); --ln2:rgba(255,255,255,.13); --tx:#F3F4F1; --mu:#A0A2A8; --mu2:#6C6E75; --gd:#D9B45A; font-family:var(--sans); }
  #mechanism .hw { padding-top:6px; padding-bottom:6px; }
  .hw-k { font-family:var(--mono); font-size:13px; color:#C5E87C; } .hw-h { max-width:none !important; margin-top:10px; font-family:var(--sans); font-weight:800; font-size:44px; letter-spacing:-.025em; line-height:1.1; } .hw-h span { color:#C5E87C; }
  .hw-sub { margin-top:10px; color:var(--mu); font-size:17px; }
  #mechanism .bp-ic { width:34px; height:34px; flex:none; border-radius:10px; display:grid; place-items:center; color:var(--ac); background:var(--ac-2); border:1px solid var(--ac-3); }
  #mechanism .bp-ic svg { width:17px; height:17px; }
.flow { position:relative; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; margin-top:52px; }
.fl-line { position:absolute; left:12.5%; right:12.5%; top:30px; height:2px; background:var(--ln2); border-radius:2px; overflow:hidden; }
.fl-line i { position:absolute; inset:0; background:linear-gradient(90deg, transparent, var(--ac), transparent); background-size:40% 100%; background-repeat:no-repeat; animation:flowline 3.2s linear infinite; }
@keyframes flowline { from { background-position:-40% 0; } to { background-position:140% 0; } }
.fs { position:relative; text-align:center; padding:0 6px; }
.fs-node { position:relative; width:62px; height:62px; margin:0 auto; border-radius:20px; display:grid; place-items:center; background:var(--bg); border:1px solid var(--ac-3); box-shadow:0 0 0 6px var(--bg), 0 12px 30px -14px rgba(197,232,124,.7); transition:transform .2s; }
.fs-node .bp-ic { width:46px; height:46px; border-radius:14px; } .fs-node .bp-ic svg { width:22px; height:22px; }
.fs-node b { position:absolute; top:-8px; right:-8px; width:24px; height:24px; border-radius:50%; display:grid; place-items:center; background:var(--ac); color:var(--ac-ink); font:800 12px var(--mono); box-shadow:0 0 0 3px var(--bg); }
.fs:hover .fs-node { transform:translateY(-3px); }
.fs h3 { margin-top:16px; font-size:16.5px; font-weight:800; } .fs p { margin-top:6px; font-size:14px; color:var(--mu); line-height:1.6; }
.fs-chip { display:inline-flex; align-items:center; gap:6px; margin-top:12px; padding:5px 11px; border-radius:999px; border:1px solid var(--ln2); background:var(--card); font-size:12px; font-weight:700; color:var(--tx); }
.fs-chip svg { width:13px; height:13px; color:var(--ac); flex:none; }
.fs-ok { position:absolute; left:50%; top:-40px; transform:translateX(-50%); z-index:2; display:inline-flex; align-items:center; gap:6px; padding:4px 11px; border-radius:999px; background:#2B2A1C; border:1px solid rgba(217,180,90,.45); color:var(--gd); font-size:11.5px; font-weight:800; white-space:nowrap; }
.fs-ok svg { width:13px; height:13px; flex:none; }
@keyframes flowlinev { from { background-position:0 -40%; } to { background-position:0 140%; } }
.fs { cursor:pointer; outline:none; border-radius:18px; transition:opacity .25s; }
.flow.live .fs { opacity:.55; } .flow.live .fs.on { opacity:1; }
.fs.on .fs-node { transform:translateY(-3px); border-color:var(--ac); box-shadow:0 0 0 6px var(--bg), 0 0 0 8px rgba(197,232,124,.25), 0 16px 36px -14px rgba(197,232,124,.9); }
.fs:focus-visible .fs-node { box-shadow:0 0 0 6px var(--bg), 0 0 0 8px var(--ac); }
.fs-pop { position:relative; margin-top:22px; border-radius:18px; border:1px solid var(--ac-3); background:linear-gradient(180deg, rgba(197,232,124,.07), rgba(197,232,124,.02)), var(--card); box-shadow:0 24px 50px -30px rgba(0,0,0,.9); }
.fs-caret { position:absolute; top:-8px; width:14px; height:14px; transform:translateX(-50%) rotate(45deg); background:#1E2118; border-left:1px solid var(--ac-3); border-top:1px solid var(--ac-3); transition:left .35s cubic-bezier(.2,.8,.2,1); }
.fs-pop-in { padding:20px 22px 16px; display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.6fr); gap:22px; align-items:start; }
.fs-pop-in.pop { animation:popin .35s cubic-bezier(.2,.8,.2,1); } @keyframes popin { from { opacity:0; transform:translateY(8px) scale(.985); } to { opacity:1; transform:none; } }
.fs-pop-in .k { font:700 12px var(--mono); color:var(--ac); letter-spacing:.06em; } .fs-pop-in h4 { margin-top:4px; font-size:19px; font-weight:800; letter-spacing:-.01em; } .fs-pop-in .lead2 { margin-top:6px; font-size:14px; color:var(--mu); line-height:1.6; }
.fs-pop-in ul { list-style:none; display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.fs-pop-in li { position:relative; padding:11px 12px 11px 34px; border-radius:12px; background:var(--bg2); border:1px solid var(--ln); font-size:13.5px; color:#D5D7D2; line-height:1.5; }
.fs-pop-in li::before { content:'\2713'; position:absolute; left:12px; top:11px; color:var(--ac); font-weight:800; } .fs-pop-in li b { color:var(--tx); }
.fs-prog { height:3px; margin:0 22px 14px; border-radius:3px; background:var(--card3); overflow:hidden; } .fs-prog i { display:block; height:100%; width:0; background:var(--ac); border-radius:3px; }
.fs-prog.run i { animation:fsprog linear forwards; } @keyframes fsprog { from { width:0; } to { width:100%; } }
.fs-pop .fs-ctl { position:absolute; left:22px; bottom:28px; display:flex; gap:6px; }
.fs-pop-in > div:first-child { padding-bottom:44px; }
.fs-ctl button { width:30px; height:30px; border-radius:9px; border:1px solid var(--ln2); background:var(--bg2); color:var(--mu); cursor:pointer; font-size:14px; line-height:1; } .fs-ctl button:hover { color:var(--tx); border-color:var(--ac-3); }
@media (max-width:760px) {
  .flow { grid-template-columns:minmax(0,1fr); gap:24px; }
  .fl-line { left:30px; right:auto; top:30px; bottom:30px; width:2px; height:auto; } .fl-line i { background:linear-gradient(180deg, transparent, var(--ac), transparent); background-size:100% 40%; animation:flowlinev 3.2s linear infinite; }
  .fs { display:grid; grid-template-columns:62px minmax(0,1fr); column-gap:16px; text-align:left; padding:0; } .fs-node { margin:0; grid-row:span 3; }
  .fs h3 { margin-top:2px; } .fs-chip { justify-self:start; }
  .fs-ok { position:static; transform:none; justify-self:start; margin-left:78px; }
  .rstrip { grid-template-columns:1fr 1fr; } .rstrip div { border-right:1px solid var(--ln) !important; border-bottom:1px solid var(--ln); } .rstrip div:nth-child(2n) { border-right:0 !important; }
}@media (max-width:760px) {
  .fs-pop { grid-column:1 / -1; margin:-6px 0 0 78px; } .fs-caret { left:22px !important; }
  .fs-pop-in { grid-template-columns:minmax(0,1fr); gap:12px; padding:16px; } .fs-pop-in ul { grid-template-columns:minmax(0,1fr); }
  .fs-prog { margin:0 16px 12px; }
  .fs-pop .fs-ctl { left:auto; right:14px; bottom:auto; top:14px; } .fs-pop-in > div:first-child { padding-bottom:0; padding-right:70px; }
}
  @media (max-width:760px) { .hw-h { font-size:32px; } }

  .endcta { padding:30px 0 90px; }
  .endc { display:flex; justify-content:space-between; align-items:center; gap:28px; flex-wrap:wrap; padding:40px 44px; border-radius:28px; position:relative; overflow:hidden;
    background:radial-gradient(70% 140% at 0% 0%, #D6F29A 0%, #C5E87C 40%, #9CCB55 100%); color:#141A0C; box-shadow:0 40px 80px -40px rgba(197,232,124,.5); font-family:var(--sans); }
  .endc::after { content:''; position:absolute; right:-90px; top:-90px; width:300px; height:300px; border-radius:50%; border:46px solid rgba(20,26,12,.06); }
  .endc-k { font:700 13px var(--mono); opacity:.7; } .endc h2 { font-family:var(--sans) !important; max-width:none !important; margin-top:8px; font-size:40px; font-weight:800; letter-spacing:-.025em; line-height:1.1; } .endc h2 span { opacity:.75; }
  .endc p { margin-top:10px; font-size:16px; opacity:.8; max-width:560px; }
  .endc-ticks { display:flex; gap:16px; flex-wrap:wrap; margin-top:16px; font-size:13.5px; font-weight:700; } .endc-ticks span::before { content:'\2713  '; }
  .endc-a { display:flex; flex-direction:column; align-items:flex-start; gap:12px; position:relative; z-index:1; }
  .endc-btn { padding:16px 26px; border-radius:16px; background:#141A0C; color:#E9F7C8 !important; font-weight:800; font-size:16px; text-decoration:none !important; box-shadow:0 16px 30px -16px rgba(20,26,12,.8); }
  .endc-link { font-weight:700; font-size:14px; color:#141A0C !important; text-decoration:none !important; opacity:.8; }
  @media (max-width:760px) { .endc { padding:28px 22px; } .endc h2 { font-size:30px; } }

  .nav-pill .nav-lg { margin-right:0; }
  .nav-act { display:flex; align-items:center; gap:8px; flex:none; }
  @media (max-width:900px) { .nav-pill .nav-lg { display:none; } .nav-act { margin-left:auto; } }

  /* Log in: quiet "returning member" chip, distinct from Get started */
  .login-chip { display:inline-flex; align-items:center; gap:9px; padding:5px 15px 5px 5px; border-radius:999px; border:1px solid rgba(255,255,255,.14); background:rgba(255,255,255,.04);
    color:#EDEFEA !important; font-weight:700; font-size:14px; text-decoration:none !important; white-space:nowrap; transition:border-color .2s, background .2s, transform .2s; backdrop-filter:blur(6px); }
  .login-chip .lc-ic { width:30px; height:30px; flex:none; border-radius:50%; display:grid; place-items:center; background:rgba(197,232,124,.14); color:#C5E87C; border:1px solid rgba(197,232,124,.35); transition:background .2s, color .2s; }
  .login-chip .lc-ic svg { width:15px; height:15px; transition:transform .25s cubic-bezier(.2,.8,.2,1); }
  .login-chip:hover { border-color:rgba(197,232,124,.55); background:rgba(197,232,124,.07); }
  .login-chip:hover .lc-ic { background:#C5E87C; color:#141A0C; } .login-chip:hover .lc-ic svg { transform:translateX(2px); }
  .login-chip:focus-visible { outline:2px solid #C5E87C; outline-offset:2px; }

  /* ===== package cards: trimmed ===== */
  .pk-card { padding:20px; }
  .pk-scan { margin:14px 0; padding:12px 12px 10px; }
  .pk-scan .ps-top { margin-bottom:16px; }
  .pk-scan .ps-bars { height:52px; }
  .pk-scan .ps-log { margin-top:8px; min-height:30px; padding:6px 10px; }
  .pk-scan .ps-foot { margin-top:6px; }
  .pk-pitch { font-size:14px; line-height:1.55; }
  .pk-best { margin-top:10px; padding:8px 12px; font-size:13px; } .pk-best span { display:inline; margin:0 8px 0 0; }
  .pk-terms { grid-template-columns:repeat(2,minmax(0,1fr)); margin-top:12px; }
  .pk-term { padding:10px 12px; } .pk-term span { font-size:12px; } .pk-term b { font-size:13.5px; margin-top:2px; }
  .pk-feats { display:grid; grid-template-columns:1fr 1fr; gap:8px 14px; margin:14px 0 16px; }
  .pk-feats li { font-size:13px; align-items:flex-start; line-height:1.4; } .pk-feats i { margin-top:-1px; }
  .pk-foot { padding-top:16px; }
  @media (max-width:560px) { .pk-terms { grid-template-columns:1fr 1fr; } .pk-feats { grid-template-columns:minmax(0,1fr); } .pk-scan .ps-top { margin-bottom:14px; } }

  /* ===== Cuetick logo on the security cube ===== */
  .gb-half .gb-f:not(.tp):not(.bt)::after, .gb-half.up .gb-f.tp::after { content:''; position:absolute; inset:0; pointer-events:none; background-repeat:no-repeat; background-size:100% 100%; }
  .gb-half.up .gb-f:not(.tp):not(.bt)::after { background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%2047%22%20preserveAspectRatio%3D%22none%22%3E%3Crect%20width%3D%22100%22%20height%3D%2247%22%20fill%3D%22%23070908%22%20fill-opacity%3D%22.42%22%2F%3E%3Cpath%20d%3D%22M11%2047V21a10%2010%200%200%201%2010-10h58a10%2010%200%200%201%2010%2010v26%22%20fill%3D%22none%22%20stroke%3D%22%23EEF5E4%22%20stroke-opacity%3D%22.38%22%20stroke-width%3D%222.6%22%2F%3E%3Crect%20x%3D%2222%22%20y%3D%2225%22%20width%3D%2256%22%20height%3D%2212%22%20rx%3D%226%22%20fill%3D%22%23C5E87C%22%2F%3E%3Crect%20x%3D%2222%22%20y%3D%2225%22%20width%3D%2256%22%20height%3D%225%22%20rx%3D%222.5%22%20fill%3D%22%23fff%22%20fill-opacity%3D%22.25%22%2F%3E%3C%2Fsvg%3E"); filter:drop-shadow(0 0 4px rgba(197,232,124,.55)); }
  .gb-half.dn .gb-f:not(.tp):not(.bt)::after { background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%2047%22%20preserveAspectRatio%3D%22none%22%3E%3Crect%20width%3D%22100%22%20height%3D%2247%22%20fill%3D%22%23070908%22%20fill-opacity%3D%22.42%22%2F%3E%3Cpath%20d%3D%22M11%200v26a10%2010%200%200%200%2010%2010h58a10%2010%200%200%200%2010-10V0%22%20fill%3D%22none%22%20stroke%3D%22%23EEF5E4%22%20stroke-opacity%3D%22.38%22%20stroke-width%3D%222.6%22%2F%3E%3Crect%20x%3D%2222%22%20y%3D%229%22%20width%3D%2234%22%20height%3D%2212%22%20rx%3D%226%22%20fill%3D%22%23C5E87C%22%2F%3E%3Crect%20x%3D%2261%22%20y%3D%229%22%20width%3D%2217%22%20height%3D%2212%22%20rx%3D%226%22%20fill%3D%22%23E8A33D%22%2F%3E%3C%2Fsvg%3E"); filter:drop-shadow(0 0 4px rgba(197,232,124,.55)); }
  .gb-half.up .gb-f.tp::after { background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%20100%22%3E%3Crect%20width%3D%22100%22%20height%3D%22100%22%20fill%3D%22%23070908%22%20fill-opacity%3D%22.45%22%2F%3E%3Cg%20transform%3D%22rotate%2890%2050%2050%29%22%3E%3Crect%20x%3D%2214%22%20y%3D%2214%22%20width%3D%2272%22%20height%3D%2272%22%20rx%3D%2218%22%20fill%3D%22none%22%20stroke%3D%22%23EEF5E4%22%20stroke-opacity%3D%22.4%22%20stroke-width%3D%223%22%2F%3E%3Crect%20x%3D%2228%22%20y%3D%2234%22%20width%3D%2244%22%20height%3D%2212%22%20rx%3D%226%22%20fill%3D%22%23C5E87C%22%2F%3E%3Crect%20x%3D%2228%22%20y%3D%2254%22%20width%3D%2226%22%20height%3D%2212%22%20rx%3D%226%22%20fill%3D%22%23C5E87C%22%2F%3E%3Crect%20x%3D%2258%22%20y%3D%2254%22%20width%3D%2214%22%20height%3D%2212%22%20rx%3D%226%22%20fill%3D%22%23E8A33D%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); filter:drop-shadow(0 0 5px rgba(197,232,124,.5)); }

  /* ===================== scroll story (hero = slide 01) ===================== */
  @keyframes hmping { 70% { box-shadow:0 0 0 6px rgba(197,232,124,0); } 100% { box-shadow:0 0 0 0 rgba(197,232,124,0); } }
  .story { position:relative; height:calc(100vh + 1 * 110vh); }
  .story > .hero-outer { position:sticky; top:0; height:100vh; min-height:640px; }
  .story .hero { min-height:calc(100vh - 110px); will-change:opacity, transform; }
  .story .hero .mock { will-change:opacity; }
  .st-layer { position:absolute; inset:0; pointer-events:none; }
  .st-panels { z-index:8; } .st-stagephone { z-index:14; } .st-count { z-index:16; }
  .nav-wrap { z-index:50; }
  .st-panel { position:absolute; inset:0; clip-path:polygon(110% 0, 110% 0, 135% 100%, 135% 100%); }
  .st-panel.dark { background:radial-gradient(60% 70% at 50% 55%, rgba(197,232,124,.10), transparent 70%), linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px) 0 0/48px 48px, linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px) 0 0/48px 48px, #0D0F11; }
  .st-panel.lime { background:radial-gradient(70% 90% at 15% 10%, #DDF5A6 0%, #C5E87C 45%, #A6D261 100%); }
  .st-slide { position:absolute; left:0; right:0; top:110px; bottom:70px; max-width:1180px; margin:0 auto; padding:0 32px; display:grid; grid-template-columns:minmax(0,1fr) 300px minmax(0,1fr); gap:40px; align-items:center; }
  .st-slide .st-left, .st-slide .st-right { transition:transform .6s cubic-bezier(.2,.8,.2,1), opacity .5s; }
  .st-slide.on { pointer-events:auto; }
  .st-left { grid-column:1; } .st-right { grid-column:3; }
  .st-kick { display:flex; align-items:center; gap:10px; font:600 13px var(--mono); letter-spacing:.06em; text-transform:uppercase; color:#C5E87C; }
  .st-kick b { padding:3px 8px; border-radius:8px; background:rgba(197,232,124,.14); border:1px solid rgba(197,232,124,.35); }
  .st-slide h2 { margin-top:16px; font-family:var(--sans); font-weight:800; font-size:48px; line-height:1.06; letter-spacing:-.03em; color:#F3F4F1; max-width:none; }
  .st-slide h2 span { color:#C5E87C; }
  .st-p { margin-top:14px; font-size:17px; line-height:1.6; color:#A9ACA6; max-width:420px; }
  .st-right { list-style:none; display:grid; gap:12px; justify-self:end; }
  .st-right li { display:flex; align-items:center; gap:12px; padding:14px 16px; border-radius:16px; background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.09); color:#E6E8E3; font-size:15px; font-weight:600; backdrop-filter:blur(6px); }
  .st-right i { width:26px; height:26px; flex:none; border-radius:8px; display:grid; place-items:center; background:rgba(197,232,124,.16); color:#C5E87C; } .st-right i svg { width:14px; height:14px; }
  .st-slide.lime .st-kick { color:#1E2A0E; } .st-slide.lime .st-kick b { background:rgba(20,26,12,.1); border-color:rgba(20,26,12,.25); }
  .st-slide.lime h2 { color:#141A0C; } .st-slide.lime h2 span { color:#141A0C; opacity:.62; } .st-slide.lime .st-p { color:#2D3A1A; }
  .st-slide.lime .st-right li { background:rgba(20,26,12,.08); border-color:rgba(20,26,12,.16); color:#141A0C; } .st-slide.lime .st-right i { background:#141A0C; color:#C5E87C; }
  .st-ctas { display:flex; gap:12px; align-items:center; margin-top:22px; flex-wrap:wrap; }
  .st-btn { padding:15px 24px; border-radius:16px; background:#141A0C; color:#E9F7C8 !important; font-weight:800; text-decoration:none !important; box-shadow:0 16px 30px -16px rgba(20,26,12,.8); }
  .st-ghost { font-weight:800; color:#141A0C !important; text-decoration:none !important; }
  /* phone */
  .st-stagephone { display:grid; place-items:center; }
  .st-phone { position:absolute; left:50%; top:calc(50% + 20px); width:250px; height:510px; margin:-255px 0 0 -125px; opacity:0; will-change:transform, opacity; }
  .ph-body { position:relative; width:100%; height:100%; border-radius:42px; padding:12px; background:linear-gradient(145deg, #2B2E33, #0E0F11); box-shadow:0 0 0 1.5px rgba(255,255,255,.12), 0 50px 90px -30px rgba(0,0,0,.9), 0 0 60px -10px rgba(197,232,124,.25); }
  .ph-notch { position:absolute; top:20px; left:50%; width:84px; height:22px; margin-left:-42px; border-radius:12px; background:#050606; z-index:3; }
  .ph-scr { position:absolute; inset:12px; border-radius:31px; padding:52px 16px 16px; background:#101114; color:#F3F4F1; font-family:var(--sans); display:flex; flex-direction:column; gap:9px; opacity:0; transition:opacity .45s ease; overflow:hidden; }
  .ph-scr.on { opacity:1; }
  .ph-h { display:flex; justify-content:space-between; align-items:center; } .ph-h b { font-size:17px; font-weight:800; } .ph-h span { font-size:11px; color:#8E9096; font-weight:700; }
  .ph-h .live { display:inline-flex; align-items:center; gap:5px; color:#C5E87C; } .ph-h .live i { width:6px; height:6px; border-radius:50%; background:#C5E87C; animation:hmping 1.8s infinite; }
  .ph-chips { display:flex; gap:6px; } .ph-chips span { padding:5px 9px; border-radius:9px; background:#1D1F23; font-size:10.5px; font-weight:700; color:#A0A2A8; } .ph-chips span.on { background:#C5E87C; color:#141A0C; }
  .ph-qr { align-self:center; width:118px; height:118px; padding:8px; border-radius:14px; background:#fff; margin-top:4px; } .ph-qr svg { width:100%; height:100%; display:block; }
  .ph-lbl { font-size:9.5px; letter-spacing:.1em; text-transform:uppercase; color:#6C6E75; font-weight:800; }
  .ph-addr { padding:9px 10px; border-radius:11px; background:#1A1C20; border:1px solid rgba(255,255,255,.07); font:600 11px var(--mono); color:#D5D7D2; }
  .ph-btn { margin-top:auto; padding:11px; border-radius:13px; background:#C5E87C; color:#141A0C; text-align:center; font-weight:800; font-size:13px; }
  .ph-row { display:flex; justify-content:space-between; align-items:center; padding:7px 0; border-bottom:1px solid rgba(255,255,255,.06); font-size:11.5px; color:#A0A2A8; } .ph-row b { color:#F3F4F1; font-family:var(--mono); } .ph-row b.g { color:#C5E87C; }
  .ph-prog { height:6px; border-radius:6px; background:#2A2C31; overflow:hidden; } .ph-prog i { display:block; height:100%; width:100%; border-radius:6px; background:linear-gradient(90deg,#9FCB5B,#C5E87C); }
  .ph-pool { display:flex; justify-content:space-between; align-items:center; padding:9px 11px; border-radius:11px; background:#17181B; border:1px solid rgba(255,255,255,.06); font-size:11.5px; font-weight:700; }
  .ph-pool.ok b { color:#C5E87C; } .ph-pool.no { opacity:.6; } .ph-pool.no b { color:#E0786C; }
  .ph-ring { position:relative; width:150px; height:150px; align-self:center; margin:4px 0 6px; } .ph-ring svg { width:100%; height:100%; }
  .ph-ring div { position:absolute; inset:0; display:grid; place-content:center; text-align:center; } .ph-ring b { font-size:22px; font-weight:800; } .ph-ring small { font-size:11px; color:#8E9096; }
  .ph-amt { font:500 38px var(--mono); letter-spacing:-.03em; } .ph-amt span { font-size:.55em; color:#8E9096; }
  /* floating cards */
  .st-card { position:absolute; left:50%; top:50%; display:flex; align-items:center; gap:10px; padding:11px 14px 11px 11px; border-radius:16px; background:rgba(16,17,20,.92); border:1px solid rgba(255,255,255,.12);
    box-shadow:0 20px 40px -18px rgba(0,0,0,.8); color:#F3F4F1; font-family:var(--sans); white-space:nowrap; opacity:0; transform:translate(var(--x), var(--y)) scale(.85); transition:opacity .35s ease, transform .5s cubic-bezier(.2,.9,.25,1.25); backdrop-filter:blur(8px); }
  .st-card.on { opacity:1; transform:translate(var(--x), var(--y)) scale(1); }
  .st-card.c0 { --x:96px; --y:-248px; } .st-card.c1 { --x:-262px; --y:262px; transition-delay:.12s; }
  .st-card .ic { width:30px; height:30px; flex:none; border-radius:10px; display:grid; place-items:center; font-weight:800; font-size:14px; background:rgba(197,232,124,.16); color:#C5E87C; }
  .st-card.no .ic { background:rgba(224,120,108,.16); color:#E0786C; } .st-card.nt .ic { background:rgba(255,255,255,.08); color:#E8A33D; }
  .st-card b { display:block; font-size:14px; font-weight:800; } .st-card small { display:block; font-size:11.5px; color:#9A9CA2; margin-top:1px; }
  /* counter */
  .st-count { top:auto; bottom:26px; left:0; right:0; max-width:1180px; margin:0 auto; padding:0 32px; display:flex; align-items:baseline; gap:8px; height:auto; color:#C5E87C; font-family:var(--mono); }
  .st-count b { font-size:30px; font-weight:600; letter-spacing:.02em; } .st-count span { font-size:13px; opacity:.6; }
  .st-line { position:relative; width:200px; height:2px; margin-left:12px; background:rgba(255,255,255,.14); border-radius:2px; overflow:hidden; align-self:center; } .st-line i { position:absolute; left:0; top:0; bottom:0; width:0; background:currentColor; }
  .st-count small { margin-left:10px; font-size:10.5px; letter-spacing:.16em; text-transform:uppercase; opacity:.7; align-self:center; }
  .hero-outer.st-lime .nav-pill { background:rgba(14,16,18,.94); border-color:rgba(255,255,255,.1); box-shadow:0 14px 40px -18px rgba(20,26,12,.6); }
  .nav-pill { transition:background-color .2s ease, border-color .2s ease; }
  .st-count.ink { color:#141A0C; } .st-count.ink .st-line { background:rgba(20,26,12,.2); }
  @media (max-width:1200px) { .st-slide h2 { font-size:40px; } .st-slide { grid-template-columns:minmax(0,1fr) 270px minmax(0,1fr); gap:28px; } }

  /* ----- slide 02 polish ----- */
  .st-radar { position:absolute; left:50%; top:50%; width:760px; height:760px; margin:-380px 0 0 -380px; pointer-events:none; z-index:-1; }
  .st-radar i { position:absolute; inset:0; border-radius:50%; border:1.5px solid rgba(20,26,12,.13); }
  .st-radar i:nth-child(2) { inset:15%; } .st-radar i:nth-child(3) { inset:30%; border-style:dashed; } .st-radar i:nth-child(4) { inset:45%; border-color:rgba(20,26,12,.2); }
  .st-radar b { position:absolute; inset:0; border-radius:50%; background:conic-gradient(from 0deg, rgba(20,26,12,.16), rgba(20,26,12,0) 70deg, transparent 360deg); animation:radar 6s linear infinite;
    -webkit-mask:radial-gradient(circle, transparent 0 8%, #000 9%); mask:radial-gradient(circle, transparent 0 8%, #000 9%); }
  @keyframes radar { to { transform:rotate(360deg); } }
  .st-panel.lime::after { content:''; position:absolute; inset:0; background-image:radial-gradient(rgba(20,26,12,.16) 1px, transparent 1.4px); background-size:22px 22px;
    -webkit-mask:radial-gradient(70% 70% at 50% 50%, #000, transparent 80%); mask:radial-gradient(70% 70% at 50% 50%, #000, transparent 80%); pointer-events:none; }
  .st-slide { z-index:1; }
  .st-trust { display:flex; gap:16px; margin-top:16px; font-size:13px; font-weight:700; color:#2D3A1A; } .st-trust span::before { content:'\2713  '; }
  .st-rc { justify-self:end; width:100%; max-width:330px; }
  .sc-card { padding:18px; border-radius:22px; background:rgba(14,16,18,.93); color:#F3F4F1; box-shadow:0 30px 60px -30px rgba(20,26,12,.75); border:1px solid rgba(255,255,255,.06); font-family:var(--sans); }
  .sc-h { display:flex; align-items:center; gap:8px; font-size:12px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; color:#A0A2A8; }
  .sc-dot { width:8px; height:8px; border-radius:50%; background:#C5E87C; box-shadow:0 0 0 0 rgba(197,232,124,.6); animation:hmping 1.8s infinite; }
  .sc-stats { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; margin-top:14px; }
  .sc-stats div { padding:10px; border-radius:14px; background:#17181B; border:1px solid rgba(255,255,255,.06); }
  .sc-stats b { display:block; font:700 26px var(--mono); letter-spacing:-.02em; } .sc-stats b.g { color:#C5E87C; } .sc-stats b.r { color:#E0786C; }
  .sc-stats small { display:block; margin-top:2px; font-size:10.5px; color:#8E9096; }
  .sc-chips { display:grid; grid-template-columns:1fr 1fr; gap:6px; margin-top:12px; }
  .sc-chips span { padding:8px 9px; border-radius:10px; background:rgba(197,232,124,.08); border:1px solid rgba(197,232,124,.2); font-size:11.5px; font-weight:700; color:#E6E8E3; }
  .sc-chips span::before { content:'\2713  '; color:#C5E87C; }
  .sc-foot { display:flex; flex-direction:column; gap:6px; margin-top:12px; padding-top:12px; border-top:1px solid rgba(255,255,255,.07); font-size:12px; color:#C9CBC6; font-weight:600; }
  .sc-foot span, .ph-pick span { display:inline-flex; align-items:center; gap:7px; } .sc-foot i, .ph-pick i { width:8px; height:8px; border-radius:50%; } .sc-foot i.f, .ph-pick i.f { background:#C5E87C; } .sc-foot i.p, .ph-pick i.p { background:#E8A33D; }
  .ph-list { display:flex; flex-direction:column; gap:6px; }
  .ph-pool { display:grid; grid-template-columns:minmax(0,1fr) auto 14px; gap:6px; padding:7px 9px; font-size:10.5px; transition:opacity .3s, border-color .3s, background .3s; }
  .ph-pool span { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
  .ph-list { gap:5px !important; } .ph-scr[data-k="1"] { gap:7px; }
  .ph-pool em { font-style:normal; font:600 10px var(--mono); color:#6C6E75; } .ph-pool b { text-align:right; }
  .ph-pool.wait { opacity:.35; } .ph-pool.wait b { color:transparent; }
  .ph-pool.scan { border-color:rgba(197,232,124,.5); background:rgba(197,232,124,.06); } .ph-pool.scan b { width:12px; height:12px; border-radius:50%; border:2px solid rgba(197,232,124,.3); border-top-color:#C5E87C; color:transparent; animation:phspin .7s linear infinite; justify-self:end; }
  @keyframes phspin { to { transform:rotate(360deg); } }
  .ph-pool.no em { color:#E0786C; opacity:.8; }
  .ph-pick { margin-top:auto; padding:10px; border-radius:13px; background:#17181B; border:1px solid rgba(197,232,124,.25); display:flex; flex-direction:column; gap:5px; }
  .ph-pick small { font-size:9.5px; letter-spacing:.1em; text-transform:uppercase; color:#6C6E75; font-weight:800; }
  .ph-pick div { display:flex; justify-content:space-between; font-size:11px; color:#A0A2A8; } .ph-pick b { color:#F3F4F1; font-size:11px; }
  .ph-prog i { transition:width .35s ease; }
  .st-slide .st-rc i { width:8px; height:8px; border-radius:50%; display:inline-block; flex:none; }
  .st-slide .st-rc .sc-foot i.f { background:#C5E87C; } .st-slide .st-rc .sc-foot i.p { background:#E8A33D; }
  @media (max-width:1200px) { .st-rc { max-width:290px; } .sc-stats b { font-size:22px; } }

  /* ----- glass slide + living phone ----- */
  .st-panel.glass { background:linear-gradient(125deg, rgba(197,232,124,.16) 0%, rgba(197,232,124,.04) 38%, rgba(12,14,16,.42) 100%); -webkit-backdrop-filter:blur(26px) saturate(150%); backdrop-filter:blur(26px) saturate(150%); }
  .st-panel.glass::before { content:''; position:absolute; inset:0; background:radial-gradient(60% 55% at 62% 50%, rgba(197,232,124,.16), transparent 70%), linear-gradient(180deg, rgba(255,255,255,.06), transparent 30%); pointer-events:none; }
  .st-panel.glass::after { content:''; position:absolute; inset:0; background-image:radial-gradient(rgba(197,232,124,.22) 1px, transparent 1.4px); background-size:22px 22px;
    -webkit-mask:radial-gradient(70% 70% at 55% 50%, #000, transparent 80%); mask:radial-gradient(70% 70% at 55% 50%, #000, transparent 80%); pointer-events:none; }
  .st-slide.glass .st-radar i { border-color:rgba(197,232,124,.16); } .st-slide.glass .st-radar i:nth-child(4) { border-color:rgba(197,232,124,.28); }
  .st-slide.glass .st-radar b { background:conic-gradient(from 0deg, rgba(197,232,124,.22), rgba(197,232,124,0) 70deg, transparent 360deg); }
  .st-slide.glass .st-trust { color:#C9CBC6; } .st-slide.glass .st-trust span::before { color:#C5E87C; }
  .st-slide.glass .st-btn { background:#C5E87C; color:#141A0C !important; box-shadow:0 16px 34px -16px rgba(197,232,124,.8); } .st-slide.glass .st-ghost { color:#E6E8E3 !important; }
  /* CEO video card on slide 2 */
  .st-rc.cv-wrap { max-width: none; width: clamp(400px, 34vw, 500px); margin-right: calc(-1 * clamp(0px, 50vw - 582px, 150px)); }
  .st-slide.glass .cv-card, .cv-card { padding: 0; background: none; border: 0; box-shadow: none; backdrop-filter: none; }
  .cv-stage { position: relative; margin-top: 0; box-shadow: 0 30px 70px -20px rgba(0,0,0,.7); aspect-ratio: 4 / 3; border-radius: 20px; overflow: hidden; background: radial-gradient(120% 120% at 30% 20%, rgba(197,232,124,.18), rgba(14,16,18,.95) 62%); border: 0; }
  .cv-v { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; background: #0b0c0e; opacity: 0; }
  .cv-stage.playing .cv-v { opacity: 1; }
  .cv-play { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; background: transparent; border: 0; cursor: pointer; color: #F3F4F1; font-family: var(--sans); transition: opacity .25s; }
  .cv-stage.playing .cv-play, .cv-stage.soon .cv-play { opacity: 0; pointer-events: none; }
  .cv-pb { width: 64px; height: 64px; border-radius: 50%; display: grid; place-items: center; background: #C5E87C; color: #0D1710; box-shadow: 0 0 0 8px rgba(197,232,124,.16), 0 12px 30px -8px rgba(197,232,124,.5); transition: transform .2s; }
  .cv-play:hover .cv-pb { transform: scale(1.08); }
  .cv-pb svg { width: 26px; height: 26px; margin-left: 3px; }
  .cv-cap { text-align: center; } .cv-cap b { display: block; font-size: 15px; font-weight: 700; } .cv-cap small { display: block; margin-top: 2px; font-size: 12px; color: #A0A2A8; }
  .cv-soon { position: absolute; inset: 0; display: none; align-items: center; justify-content: center; font-size: 14px; font-weight: 600; color: #A0A2A8; }
  .cv-stage.soon .cv-soon { display: flex; }
  .cv-who { display: flex; align-items: center; gap: 12px; margin-top: 14px; }
  .cv-av { width: 40px; height: 40px; border-radius: 12px; border: 1px dashed rgba(255,255,255,.22); display: grid; place-items: center; font-weight: 700; color: #8E9096; background: rgba(255,255,255,.04); }
  .cv-who b { display: block; font-size: 14px; font-weight: 700; } .cv-who small { display: block; margin-top: 1px; font-size: 12px; color: #C5E87C; }
  @media (max-width: 1200px) { .st-rc.cv-wrap { max-width: 360px; width: 360px; margin-right: -20px; } }
  .st-slide.glass .sc-card { background:rgba(14,16,18,.62); -webkit-backdrop-filter:blur(14px); backdrop-filter:blur(14px); border-color:rgba(197,232,124,.18); box-shadow:0 30px 70px -30px rgba(0,0,0,.8), inset 0 1px 0 rgba(255,255,255,.06); }
  .st-slide.glass .sc-stats div { background:rgba(255,255,255,.04); }
  .st-slide.glass .st-kick b { background:rgba(197,232,124,.14); }
  .st-phone { perspective:900px; }
  .ph-float { position:absolute; inset:0; animation:phfloat 5.5s ease-in-out infinite; transform-style:preserve-3d; }
  @keyframes phfloat { 0%,100% { transform:translateY(0); } 50% { transform:translateY(-14px); } }
  .ph-body { transform:rotateY(var(--ry, 0deg)) rotateX(var(--rx, 0deg)); transition:transform .25s ease-out; overflow:hidden; }
  .ph-glare { position:absolute; inset:0; border-radius:42px; pointer-events:none; z-index:4; background:linear-gradient(115deg, transparent 35%, rgba(255,255,255,.16) 45%, rgba(255,255,255,.04) 52%, transparent 60%); background-size:250% 100%; animation:phglare 4.8s ease-in-out infinite; }
  @keyframes phglare { 0%, 55% { background-position:130% 0; } 100% { background-position:-60% 0; } }
  .ph-orbit { position:absolute; left:50%; top:50%; width:420px; height:420px; margin:-210px 0 0 -210px; border-radius:50%; border:1px dashed rgba(197,232,124,.18); animation:phorbit 14s linear infinite; transform:rotateX(64deg); }
  .ph-orbit i { position:absolute; width:9px; height:9px; border-radius:50%; background:#C5E87C; box-shadow:0 0 12px #C5E87C; }
  .ph-orbit i:nth-child(1) { top:-4px; left:50%; } .ph-orbit i:nth-child(2) { bottom:-4px; left:30%; background:#E8A33D; box-shadow:0 0 12px #E8A33D; }
  .ph-orbit i:nth-child(3) { left:-4px; top:40%; width:6px; height:6px; } .ph-orbit i:nth-child(4) { right:-4px; top:62%; width:6px; height:6px; background:#E8A33D; box-shadow:0 0 10px #E8A33D; }
  @keyframes phorbit { to { transform:rotateX(64deg) rotate(360deg); } }
  .ph-pings { position:absolute; left:50%; top:50%; width:0; height:0; }
  .ph-ping { position:absolute; left:-140px; top:-140px; width:280px; height:280px; border-radius:50%; border:2px solid rgba(197,232,124,.55); animation:phping 1.4s cubic-bezier(.2,.7,.3,1) forwards; }
  .ph-ping.no { border-color:rgba(224,120,108,.5); }
  @keyframes phping { from { transform:scale(.6); opacity:.9; } to { transform:scale(1.9); opacity:0; } }
  .ph-list { position:relative; }
  .ph-beam { position:absolute; left:-6px; right:-6px; height:26px; top:0; z-index:2; pointer-events:none; opacity:0; background:linear-gradient(180deg, transparent, rgba(197,232,124,.28), transparent); border-bottom:1px solid rgba(197,232,124,.7); }
  .ph-scr.scanning .ph-beam { opacity:1; animation:phbeam 1.5s ease-in-out infinite; }
  @keyframes phbeam { 0% { top:-26px; } 100% { top:100%; } }
  .ph-pick.flash { animation:phflash 1s ease; } @keyframes phflash { 0% { box-shadow:0 0 0 0 rgba(197,232,124,.7); border-color:#C5E87C; } 100% { box-shadow:0 0 0 14px rgba(197,232,124,0); } }
  .ph-toast { position:absolute; left:14px; right:14px; bottom:14px; z-index:3; padding:9px 11px; border-radius:12px; background:#C5E87C; color:#141A0C; font-size:11px; font-weight:800; text-align:center; transform:translateY(130%); opacity:0; transition:transform .45s cubic-bezier(.2,.9,.25,1.2), opacity .3s; }
  .ph-toast.on { transform:none; opacity:1; }

  /* ----- phone v3: device + app ----- */
  .st-phone { width:262px !important; height:540px !important; margin:-270px 0 0 -131px !important; }
  .ph-device { position:absolute; inset:0; border-radius:48px; padding:4px; background:linear-gradient(135deg, #8B9088 0%, #3B3E42 18%, #6D7178 40%, #2A2C30 62%, #9AA09A 82%, #3A3D41 100%);
    box-shadow:0 0 0 1px rgba(0,0,0,.6), 0 60px 90px -40px rgba(0,0,0,.95), 0 0 70px -20px rgba(197,232,124,.45); transform:rotateY(var(--ry, 0deg)) rotateX(var(--rx, 0deg)); transition:transform .25s ease-out; }
  .ph-device::before { content:''; position:absolute; inset:1px; border-radius:47px; box-shadow:inset 0 0 0 1px rgba(255,255,255,.18), inset 0 2px 1px rgba(255,255,255,.25); pointer-events:none; }
  .ph-btn-side { position:absolute; width:3px; border-radius:2px; background:linear-gradient(90deg,#55595F,#9A9EA4); }
  .ph-btn-side.pw { right:-2px; top:150px; height:74px; } .ph-btn-side.v1 { left:-2px; top:128px; height:46px; } .ph-btn-side.v2 { left:-2px; top:186px; height:46px; }
  .st-phone .ph-body { position:absolute; inset:4px; border-radius:44px; padding:9px; background:#050607; transform:none; transition:none; box-shadow:none; overflow:hidden; }
  .ph-island { position:absolute; top:15px; left:50%; width:92px; height:27px; margin-left:-46px; border-radius:16px; background:#000; z-index:6; }
  .ph-island i { position:absolute; right:12px; top:8px; width:11px; height:11px; border-radius:50%; background:radial-gradient(circle at 35% 35%, #3B4A62, #0C1220 70%); box-shadow:inset 0 0 0 1.5px #151a24; }
  .st-phone .ph-glare { border-radius:44px; }
  .st-phone .ph-scr { inset:9px; border-radius:36px; padding:10px 12px 6px; gap:6px; background:radial-gradient(120% 60% at 50% 0%, rgba(197,232,124,.10), transparent 60%), #0E0F12; }
  .ph-status { display:flex; justify-content:space-between; align-items:center; padding:3px 10px 0 14px; height:22px; font-size:12px; color:#F3F4F1; }
  .ph-status span { display:flex; align-items:center; gap:5px; } .ph-status svg { width:15px; height:11px; fill:#F3F4F1; }
  .ph-status .bat { width:22px; height:11px; border-radius:3px; border:1.4px solid rgba(243,244,241,.7); padding:1.5px; position:relative; } .ph-status .bat i { display:block; width:76%; height:100%; border-radius:1.5px; background:#C5E87C; }
  .ph-app { display:flex; align-items:center; gap:9px; margin-top:4px; } .ph-logo svg { width:26px; height:26px; display:block; }
  .ph-app b { display:block; font-size:15px; font-weight:800; line-height:1.1; } .ph-app small { display:block; font-size:10px; color:#7C7F86; }
  .ph-live { margin-left:auto; display:inline-flex; align-items:center; gap:5px; padding:4px 8px; border-radius:999px; background:rgba(197,232,124,.12); border:1px solid rgba(197,232,124,.3); color:#C5E87C; font-size:9.5px; font-weight:800; }
  .ph-live i { width:6px; height:6px; border-radius:50%; background:#C5E87C; animation:hmping 1.8s infinite; }
  .ph-gauge { display:grid; grid-template-columns:50px 1fr; align-items:center; gap:10px; padding:7px 10px; border-radius:16px; background:linear-gradient(135deg, #17191C, #121316); border:1px solid rgba(255,255,255,.06); position:relative; }
  .ph-gauge svg { width:50px; height:50px; } #phProg { transition:stroke-dashoffset .35s ease; }
  .ph-gnum { position:absolute; left:10px; top:7px; width:50px; height:50px; display:grid; place-content:center; text-align:center; } .ph-gnum b { font:700 17px var(--mono); line-height:1; } .ph-gnum small { font-size:8.5px; color:#7C7F86; }
  .ph-gtxt b { display:block; font-size:11.5px; font-weight:800; margin-bottom:4px; } .ph-gtxt span { display:flex; align-items:center; gap:6px; font-size:10.5px; color:#A0A2A8; margin-top:2px; }
  .ph-gtxt i { width:7px; height:7px; border-radius:50%; } .ph-gtxt i.g { background:#C5E87C; } .ph-gtxt i.r { background:#E0786C; }
  .st-phone .ph-list { gap:4px !important; }
  .st-phone .ph-pool { grid-template-columns:22px minmax(0,1fr) auto; gap:8px; padding:5px 8px; border-radius:12px; background:#15161A; border:1px solid rgba(255,255,255,.05); font-size:11px; font-weight:800; align-items:center; }
  .ph-pool .tk { width:22px; height:22px; border-radius:50%; display:grid; place-items:center; font:800 8.5px 'Plus Jakarta Sans',sans-serif; font-style:normal; color:#0E0F12; background:var(--c); }
  .st-phone .ph-pool span { display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; line-height:1.2; } .ph-pool span small { display:block; font-size:9px; font-weight:600; color:#6C6E75; }
  .st-phone .ph-pool b { padding:3px 6px; border-radius:6px; font-size:8.5px; letter-spacing:.06em; background:rgba(197,232,124,.14); color:#C5E87C; text-align:center; }
  .st-phone .ph-pool.no { opacity:.75; } .st-phone .ph-pool.no b { background:rgba(224,120,108,.14); color:#E0786C; }
  .st-phone .ph-pool.wait { opacity:.3; } .st-phone .ph-pool.wait b { color:transparent; background:rgba(255,255,255,.05); }
  .st-phone .ph-pool.scan { border-color:rgba(197,232,124,.5); background:rgba(197,232,124,.07); }
  .st-phone .ph-pool.scan b { width:12px; height:12px; padding:0; border-radius:50%; background:none; border:2px solid rgba(197,232,124,.3); border-top-color:#C5E87C; color:transparent; animation:phspin .7s linear infinite; justify-self:end; }
  .st-phone .ph-pick { margin-top:0; padding:7px; border-radius:14px; gap:5px; background:#121316; border:1px solid rgba(255,255,255,.06); }
  .ph-picks { display:grid; grid-template-columns:1fr 1fr; gap:6px; }
  .ph-picks > div { display:flex; flex-direction:column; padding:6px 8px; border-radius:10px; background:#17191C; border-top:2px solid #C5E87C; min-width:0; } .ph-picks > div.p { border-top-color:#E8A33D; }
  .ph-picks span { font-size:9px; font-weight:800; color:#C5E87C; text-transform:uppercase; letter-spacing:.08em; } .ph-picks .p span { color:#E8A33D; }
  .ph-picks b { font-size:10px; color:#F3F4F1; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-top:2px; } .ph-picks em { font:600 9px var(--mono); color:#8E9096; font-style:normal; margin-top:1px; }
  .ph-tabs { margin-top:auto; display:grid; grid-template-columns:repeat(4,1fr); padding:6px 4px 0; border-top:1px solid rgba(255,255,255,.06); }
  .ph-tabs span { display:flex; flex-direction:column; align-items:center; gap:2px; font-size:8.5px; font-weight:700; color:#6C6E75; } .ph-tabs svg { width:15px; height:15px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
  .ph-tabs span.on { color:#C5E87C; }
  .ph-home { width:96px; height:4px; border-radius:4px; background:rgba(243,244,241,.55); margin:5px auto 0; flex:none; }
  .st-phone .ph-toast { top:8px; bottom:auto; left:22px; right:22px; padding:10px 12px; border-radius:18px; background:rgba(20,22,24,.96); color:#F3F4F1; border:1px solid rgba(197,232,124,.35); box-shadow:0 14px 30px -12px rgba(0,0,0,.9); transform:translateY(-120%) scale(.6); transform-origin:top center; z-index:7; }
  .st-phone .ph-toast.on { transform:translateY(0) scale(1); }
  .st-phone .ph-toast::first-letter { color:#C5E87C; }
  .ph-floor { position:absolute; left:10%; right:10%; bottom:-46px; height:40px; border-radius:50%; background:radial-gradient(closest-side, rgba(0,0,0,.55), transparent); filter:blur(6px); animation:phfloor 5.5s ease-in-out infinite; }
  @keyframes phfloor { 0%,100% { transform:scaleX(1); opacity:.9; } 50% { transform:scaleX(.86); opacity:.6; } }
  /* phones, tablets and reduce-motion: plain hero, no pinned story */
  @media (max-width:1080px) { .story { height:auto; } .story > .hero-outer { position:relative; height:auto; min-height:0; } .st-layer { display:none; } .story .hero { min-height:auto; } }
  @media (prefers-reduced-motion: reduce) { .story { height:auto; } .story > .hero-outer { position:relative; height:auto; } .st-layer { display:none; } }

  /* ===== live values: inherit the look of whatever they sit in ===== */
  em.lv { font:inherit; font-style:normal !important; color:inherit; display:inline !important; letter-spacing:inherit; }

/* ===== language switcher ===== */
.ct-lang { position:relative; flex:none; font-family:'Plus Jakarta Sans',system-ui,sans-serif; }
.ct-lb { display:inline-flex; align-items:center; gap:7px; height:40px; padding:0 11px 0 10px; border-radius:12px; border:1px solid rgba(255,255,255,.12); background:rgba(255,255,255,.04);
  color:#E6E8E3; font:700 13px 'Plus Jakarta Sans',system-ui,sans-serif; cursor:pointer; transition:border-color .15s, background .15s; white-space:nowrap; }
.ct-lb:hover, .ct-lang.open .ct-lb { border-color:rgba(197,232,124,.5); background:rgba(197,232,124,.07); }
.ct-lb svg { width:16px; height:16px; flex:none; } .ct-lb .ct-glb { color:#C5E87C; } .ct-lb .ct-chev { width:13px; height:13px; opacity:.6; transition:transform .2s; }
.ct-lang.open .ct-chev { transform:rotate(180deg); }
.ct-lm { position:absolute; right:0; top:calc(100% + 8px); z-index:400; width:230px; max-height:min(440px, 70vh); overflow:auto; padding:6px; border-radius:16px;
  background:#121416; border:1px solid rgba(255,255,255,.1); box-shadow:0 24px 50px -20px rgba(0,0,0,.85); opacity:0; transform:translateY(-6px); pointer-events:none; transition:opacity .15s, transform .15s; }
.ct-lang.open .ct-lm { opacity:1; transform:none; pointer-events:auto; }
.ct-lh { padding:8px 10px 6px; font-size:10.5px; letter-spacing:.12em; text-transform:uppercase; font-weight:800; color:#6C6E75; }
.ct-li { display:flex; align-items:center; gap:10px; width:100%; padding:9px 10px; border:0; border-radius:10px; background:none; color:#E6E8E3; font:600 14px 'Plus Jakarta Sans',system-ui,sans-serif; text-align:left; cursor:pointer; }
.ct-li:hover, .ct-li:focus-visible { background:rgba(255,255,255,.05); outline:none; }
.ct-li small { margin-left:auto; font:600 11px ui-monospace,monospace; color:#6C6E75; }
.ct-li.on { color:#C5E87C; } .ct-li.on small { color:#C5E87C; }
.ct-li .ct-ck { width:16px; height:16px; flex:none; opacity:0; color:#C5E87C; } .ct-li.on .ct-ck { opacity:1; }
.ct-note { margin:6px 4px 2px; padding:9px 10px; border-radius:10px; font-size:12px; line-height:1.45; color:#D9B45A; background:rgba(217,180,90,.08); border:1px solid rgba(217,180,90,.3); }
.ct-note[hidden] { display:none; }
@media (max-width:560px) { .ct-lb .ct-cd { display:none; } .ct-lb { padding:0 9px; } .ct-lm { right:-40px; } }
/* hide Google's own toolbar and tooltips */
.goog-te-banner-frame, iframe.goog-te-banner-frame, .goog-te-balloon-frame, #goog-gt-tt, .goog-te-spinner-pos, body > .skiptranslate { display:none !important; }
body { top:0 !important; } .goog-text-highlight { background:none !important; box-shadow:none !important; }
#ct_gt { display:none !important; }

  /* roadmap: four quarters side by side */
  .rmq { position: relative; max-width: 1180px; margin: 48px auto 0; text-align: left; }
  .rmq-rail { position: absolute; left: 12.5%; right: 12.5%; top: 9px; height: 2px; background: var(--border); border-radius: 2px; }
  .rmq-rail i { display: block; width: 18%; height: 100%; background: linear-gradient(90deg, var(--real), var(--real-dim)); }
  .rmq-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
  .rmq-card { position: relative; padding-top: 38px; }
  .rmq-dot { position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 20px; height: 20px; border-radius: 50%; background: var(--bg); border: 2px solid var(--border-bright); display: grid; place-items: center; z-index: 1; }
  .rmq-dot i { width: 6px; height: 6px; border-radius: 50%; background: var(--muted-dim); }
  .rmq-card.live .rmq-dot { border-color: var(--real); box-shadow: 0 0 0 6px rgba(197,232,124,.12), 0 0 18px var(--real-glow); }
  .rmq-card.live .rmq-dot i { background: var(--real); animation: dotPulse 1.8s ease-in-out infinite; }
  .rmq-card > .rmq-head, .rmq-card > ul { position: relative; }
  .rmq-card { --pad: 22px; }
  .rmq-card .rmq-head, .rmq-card ul { background: var(--surface); border-left: 1px solid var(--border-bright); border-right: 1px solid var(--border-bright); padding-left: var(--pad); padding-right: var(--pad); }
  .rmq-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 10px; border-top: 1px solid var(--border-bright); border-radius: 18px 18px 0 0; padding-top: 22px; padding-bottom: 18px; }
  .rmq-head small { font-family: var(--mono); font-size: 12.5px; color: var(--muted-dim); letter-spacing: .04em; }
  .rmq-head h3 { font-size: 21px; white-space: nowrap; font-weight: 800; letter-spacing: -.02em; margin-top: 4px; }
  .rmq-badge { display: inline-flex; align-items: center; gap: 6px; font-size: 11.5px; font-weight: 600; color: var(--muted); border: 1px solid var(--border-bright); border-radius: 999px; padding: 4px 10px; white-space: nowrap; }
  .rmq-badge i { width: 6px; height: 6px; border-radius: 50%; background: var(--muted-dim); }
  .rmq-badge.live { color: var(--real); border-color: rgba(197,232,124,.4); }
  .rmq-badge.live i { background: var(--real); }
  .rmq-card ul { list-style: none; margin: 0; display: flex; flex-direction: column; gap: 16px; border-bottom: 1px solid var(--border-bright); border-radius: 0 0 18px 18px; padding-top: 18px; padding-bottom: 24px; box-shadow: inset 0 1px 0 var(--border); }
  .rmq-card li { display: flex; gap: 12px; align-items: flex-start; }
  .rmq-n { flex: none; width: 26px; height: 26px; border-radius: 50%; display: grid; place-items: center; font-family: var(--mono); font-size: 12px; font-weight: 600; color: var(--muted); background: var(--surface-2); border: 1px solid var(--border-bright); }
  .rmq-card.live .rmq-n { color: var(--real); background: rgba(197,232,124,.1); border-color: rgba(197,232,124,.3); }
  .rmq-card li b { display: block; font-size: 15px; font-weight: 700; line-height: 1.3; }
  .rmq-card li div span { display: block; margin-top: 3px; font-size: 13px; line-height: 1.5; color: var(--muted); }
  .rmq-card.live .rmq-head, .rmq-card.live ul { border-color: rgba(197,232,124,.45); }
  .rmq-card.live .rmq-head { background: linear-gradient(180deg, rgba(197,232,124,.07), transparent), var(--surface); }
  .rmq-card:hover .rmq-head, .rmq-card:hover ul { border-color: var(--real-dim); }
  @media (max-width: 980px) { .rmq-grid { grid-template-columns: 1fr 1fr; } .rmq-rail { display: none; } }
  @media (max-width: 600px) { .rmq-grid { grid-template-columns: 1fr; } }

  /* how-it-works video */
  .hw-video { position: relative; max-width: 960px; margin: 56px auto 0; aspect-ratio: 16 / 9; border-radius: 22px; overflow: hidden; border: 1px solid var(--border-bright); background: linear-gradient(160deg, #1E2418 0%, #0B0C0E 72%); cursor: pointer; }
  .hw-video .hv-mock { position: absolute; inset: 0; padding: 7%; display: flex; flex-direction: column; gap: 4%; opacity: .45; }
  .hw-video .hv-mock i { display: block; border-radius: 10px; background: #2A2C30; }
  .hw-video .hv-shade { position: absolute; inset: 0; background: radial-gradient(circle at 50% 45%, rgba(5,6,6,.25), rgba(5,6,6,.7)); }
  .hw-video .hv-play { position: absolute; left: 50%; top: 45%; transform: translate(-50%,-50%); width: 92px; height: 92px; border-radius: 50%; background: var(--real); display: grid; place-items: center; box-shadow: 0 0 0 12px rgba(197,232,124,.12), 0 20px 50px rgba(0,0,0,.5); transition: transform .2s; }
  .hw-video:hover .hv-play { transform: translate(-50%,-50%) scale(1.06); }
  .hw-video .hv-play svg { width: 34px; height: 34px; margin-left: 5px; }
  .hw-video .hv-time { position: absolute; top: 18px; right: 18px; font-family: var(--mono); font-size: 12.5px; color: var(--real); background: rgba(0,0,0,.55); border-radius: 999px; padding: 6px 12px; }
  .hw-video .hv-cap { position: absolute; left: 0; right: 0; bottom: 0; padding: 26px 30px; background: linear-gradient(0deg, rgba(0,0,0,.75), transparent); }
  .hw-video .hv-cap b { display: block; font-size: 20px; font-weight: 700; }
  .hw-video .hv-cap span { display: block; margin-top: 4px; font-size: 14px; color: var(--muted); }

  /* roadmap: milestone status */
  .rm-q { font-family: var(--mono); font-size: 13px; color: var(--muted); letter-spacing: .04em; }
  .rm-card.live .rm-q { color: var(--real); }
  .rm-status { font-size: 26px; font-weight: 800; letter-spacing: -.02em; margin: -6px 0 16px; color: var(--muted); }
  .rm-status.live { color: var(--real); }
  .rm-status.next { color: var(--text); }
  .rmc-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 10px; }
  .rmc-list li { display: flex; align-items: center; gap: 12px; padding: 11px 12px; border-radius: 12px; border: 1px solid var(--border); background: var(--surface-2); }
  .rmc-list li div { flex: 1; min-width: 0; }
  .rmc-list li b { display: block; font-size: 14.5px; font-weight: 700; line-height: 1.3; }
  .rmc-list li small { display: block; font-size: 12.5px; color: var(--muted); margin-top: 2px; }
  .rmc-list li em { font-style: normal; flex: none; font-size: 11px; font-weight: 700; border-radius: 999px; padding: 3px 9px; border: 1px solid var(--border-bright); color: var(--muted-dim); }
  .rmc-ic { flex: none; width: 28px; height: 28px; border-radius: 50%; display: grid; place-items: center; border: 1px solid var(--border-bright); color: var(--muted-dim); }
  .rmc-ic svg { width: 14px; height: 14px; }
  .rmc-list li.done { border-color: rgba(197,232,124,.35); background: rgba(197,232,124,.07); }
  .rmc-list li.done .rmc-ic { background: var(--real); border-color: var(--real); color: #0D1710; }
  .rmc-list li.done em { color: #0D1710; background: var(--real); border-color: var(--real); }
  .rmc-list li.now { border-color: rgba(197,232,124,.22); }
  .rmc-list li.now .rmc-ic { color: var(--real); border-color: rgba(197,232,124,.45); }
  .rmc-list li.now em { color: var(--real); border-color: rgba(197,232,124,.4); }
  .rmc-list li.next .rmc-ic, .rmc-list li.next em { color: var(--text); }
  .rm-card .rm-visual { height: 120px; }

  /* hero is a single slide now */
  .story { height:auto; } .story > .hero-outer { position:relative; height:auto; min-height:0; } .story .hero { min-height:88vh; }
  /* smaller how-it-works video */
  .hw-video { max-width: 640px; margin-top: 36px; margin-bottom: 72px; border-radius: 18px; }
  .hw-video .hv-play { width: 68px; height: 68px; box-shadow: 0 0 0 9px rgba(197,232,124,.12), 0 14px 36px rgba(0,0,0,.5); }
  .hw-video .hv-play svg { width: 26px; height: 26px; margin-left: 4px; }
  .hw-video .hv-cap { padding: 18px 22px; } .hw-video .hv-cap b { font-size: 16px; } .hw-video .hv-cap span { font-size: 12.5px; }

  /* packages: pricing-card style */
  .pkx-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 420px)); justify-content: center; gap: 24px; margin-top: 48px; }
  .pkx { position: relative; border-radius: 28px; padding: 30px 30px 26px; border: 1px solid rgba(255,255,255,.09); overflow: hidden;
    background: radial-gradient(120% 60% at 50% 0%, rgba(197,232,124,.18), rgba(197,232,124,0) 60%), #1C1E20; box-shadow: 0 30px 60px -36px rgba(0,0,0,.9); }
  .pkx.boost { background: radial-gradient(120% 60% at 50% 0%, rgba(232,163,61,.2), rgba(232,163,61,0) 60%), #1C1E20; }
  .pkx-top { display: flex; align-items: center; gap: 12px; }
  .pkx-top h3 { font-size: 34px; font-weight: 800; letter-spacing: -.03em; text-transform: uppercase; }
  .pkx-badge { font-size: 12.5px; font-weight: 800; letter-spacing: .02em; padding: 4px 10px; border-radius: 8px; transform: skewX(-8deg); background: var(--real); color: #0D1710; }
  .pkx.boost .pkx-badge { background: #E8A33D; }
  .pkx-sub { margin-top: 8px; font-size: 15px; color: var(--muted); }
  .pkx-box { margin-top: 22px; padding: 18px; border-radius: 18px; background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.04); }
  .pkx-rate { display: flex; align-items: center; gap: 10px; font-size: 17px; }
  .pkx-rate svg { width: 18px; height: 18px; color: var(--text); }
  .pkx-rate b { font-weight: 700; }
  .pkx-chip { display: flex; align-items: center; gap: 10px; margin-top: 14px; padding: 13px 16px; border-radius: 12px; background: rgba(255,255,255,.05); color: var(--muted); font-size: 14px; }
  .pkx-chip svg, .pkx-feats svg { width: 15px; height: 15px; flex: none; }
  .pkx-cap { display: flex; justify-content: space-between; margin-top: 24px; font-size: 14.5px; color: var(--muted); }
  .pkx-cap b { font-weight: 500; color: var(--real); }
  .pkx.boost .pkx-cap b { color: #F2B650; }
  .pkx-bar { margin-top: 10px; height: 6px; border-radius: 999px; background: rgba(255,255,255,.08); overflow: hidden; }
  .pkx-bar i { display: block; height: 100%; border-radius: 999px; background: var(--real); }
  .pkx.boost .pkx-bar i { background: #E8A33D; }
  .pkx-feats { list-style: none; margin: 22px 0 0; padding: 0; display: flex; flex-direction: column; gap: 12px; }
  .pkx-feats li { display: flex; gap: 12px; align-items: flex-start; font-size: 15px; line-height: 1.4; }
  .pkx-feats svg { margin-top: 3px; color: var(--muted); }
  .pkx-price { display: flex; align-items: baseline; gap: 10px; margin-top: 24px; }
  .pkx-price b { font-size: 48px; font-weight: 800; letter-spacing: -.04em; line-height: 1; }
  .pkx-price span { font-size: 15px; color: var(--muted); }
  .pkx-cta { margin-top: 20px; border-radius: 18px; border: 1px solid rgba(255,255,255,.08); background: rgba(255,255,255,.02); }
  .pkx-btn { display: block; text-align: center; padding: 18px; border-radius: 18px; font-size: 17px; font-weight: 700; color: #0D1710;
    background: linear-gradient(180deg, #D4F08E, var(--real)); box-shadow: 0 10px 30px -10px rgba(197,232,124,.45); transition: transform .15s, box-shadow .15s; }
  .pkx-btn:hover { transform: translateY(-2px); box-shadow: 0 14px 34px -10px rgba(197,232,124,.6); }
  .pkx.boost .pkx-btn { background: linear-gradient(180deg, #F5C468, #E8A33D); box-shadow: 0 10px 30px -10px rgba(232,163,61,.45); }
  .pkx-foot { padding: 12px; text-align: center; font-size: 14px; color: var(--muted); }
  .pkx-foot b { color: var(--text); font-weight: 700; }
  @media (max-width: 900px) { .pkx-grid { grid-template-columns: minmax(0, 460px); } }

.ct-fl { display:inline-flex; flex:none; width:22px; height:15px; border-radius:3px; overflow:hidden; box-shadow:0 0 0 1px rgba(255,255,255,.14); }
.ct-fl svg { width:100%; height:100%; display:block; }
.ct-li .ct-ck { margin-left:6px; }
.ct-li small { margin-left:auto; } .ct-li > span:not(.ct-fl) { white-space:nowrap; } .ct-lm { min-width:240px; }

  /* packages v2 refinements */
  .pkx { padding: 32px 30px 26px; }
  .pkx-rate { display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap; }
  .pkx-rate b { font-size: 26px; font-weight: 800; letter-spacing: -.02em; }
  .pkx-rate span { font-size: 13.5px; color: var(--muted); }
  .pkx-box .pkx-cap { margin-top: 18px; font-size: 13px; }
  .pkx-box .pkx-bar { height: 5px; }
  .pkx-day { margin-top: 18px; padding: 18px; border-radius: 18px; border: 1px solid rgba(255,255,255,.06); background: rgba(0,0,0,.18); }
  .pkx-day-h { display: flex; justify-content: space-between; align-items: baseline; font-size: 13.5px; color: var(--muted); }
  .pkx-day-h b { font-family: var(--mono); font-size: 14px; color: var(--text); }
  .pkx-range { position: relative; margin: 14px 0 6px; height: 22px; }
  .pkx-range input { -webkit-appearance: none; appearance: none; width: 100%; height: 22px; background: transparent; position: relative; z-index: 2; margin: 0; cursor: pointer; }
  .pkx-range input::-webkit-slider-runnable-track { height: 6px; border-radius: 999px; background: linear-gradient(90deg, var(--pc) 0 var(--p, 0%), rgba(255,255,255,.09) var(--p, 0%) 100%); }
  .pkx-range input::-moz-range-track { height: 6px; border-radius: 999px; background: rgba(255,255,255,.09); }
  .pkx-range input::-moz-range-progress { height: 6px; border-radius: 999px; background: var(--pc); }
  .pkx-range input::-webkit-slider-thumb { -webkit-appearance: none; width: 20px; height: 20px; margin-top: -7px; border-radius: 50%; background: #fff; border: 4px solid var(--pc); box-shadow: 0 2px 10px rgba(0,0,0,.5); }
  .pkx-range input::-moz-range-thumb { width: 12px; height: 12px; border-radius: 50%; background: #fff; border: 4px solid var(--pc); }
  .pkx-mk { position: absolute; top: 3px; width: 2px; height: 16px; margin-left: 10px; transform: translateX(-50%); background: rgba(255,255,255,.5); border-radius: 2px; z-index: 1; }
  .pkx-day-ax { position: relative; display: flex; justify-content: space-between; font-family: var(--mono); font-size: 11px; color: var(--muted-dim); }
  .pkx-day-ax .e { position: absolute; transform: translateX(-50%); color: var(--muted); }
  .pkx-day-r { margin-top: 12px; font-size: 13.5px; line-height: 1.5; color: var(--muted); min-height: 40px; }
  .pkx-day-r b { color: var(--text); }
  .pkx-day-r .ok { color: var(--pc); font-weight: 700; }
  .pkx { display: flex; flex-direction: column; } .pkx-feats { flex: 1; }
  .pkx.starter { --pc: #C5E87C; } .pkx.boost { --pc: #E8A33D; }
  .pkx-feats { gap: 11px; } .pkx-feats li { font-size: 14.5px; } .pkx-feats svg { color: var(--pc); }

  .pkx-early { display: flex; gap: 14px; align-items: flex-start; margin-top: 18px; padding: 16px 18px; border-radius: 18px; border: 1px solid rgba(232,163,61,.4); background: linear-gradient(135deg, rgba(232,163,61,.16), rgba(232,163,61,.04)); }
  .pkx-early-ic { flex: none; width: 36px; height: 36px; border-radius: 11px; display: grid; place-items: center; background: #E8A33D; color: #1A1206; }
  .pkx-early-ic svg { width: 18px; height: 18px; }
  .pkx-early b { display: block; font-size: 15px; font-weight: 700; color: #F5C468; }
  .pkx-early div span { display: block; margin-top: 4px; font-size: 13.5px; line-height: 1.5; color: var(--muted); }

  .pkx-tag2-old { position: absolute; top: 14px; right: 16px; font-size: 11.5px; font-weight: 700; color: #F5C468; border: 1px solid rgba(232,163,61,.45); background: rgba(232,163,61,.1); border-radius: 999px; padding: 4px 10px; white-space: nowrap; }

  .pkx-ribbon { position: absolute; top: 0; left: 0; right: 0; display: flex; align-items: center; justify-content: center; gap: 8px; padding: 9px 16px;
    background: linear-gradient(90deg, #E8A33D, #F5C468 50%, #E8A33D); color: #2A1A04; font-size: 12.5px; font-weight: 600; letter-spacing: .01em;
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.15); }
  .pkx-ribbon svg { width: 14px; height: 14px; }
  .pkx-ribbon b { font-weight: 800; }
  .pkx-grid { align-items: stretch; }

  .pkx.boost .pkx-top { margin-top: 0; }

  .pkx-box { position: relative; }
  .pkx-etag { position: absolute; top: 12px; right: 14px; display: inline-flex; align-items: center; gap: 6px; padding: 5px 10px 5px 8px; border-radius: 999px;
    font-size: 11px; font-weight: 700; color: #F5C468; background: rgba(232,163,61,.12); border: 1px solid rgba(232,163,61,.35); }
  .pkx-etag i { width: 6px; height: 6px; border-radius: 50%; background: #F5C468; box-shadow: 0 0 0 3px rgba(232,163,61,.2); }

  .pkx-feats li.pkx-hl { position: relative; margin: 2px -30px; padding: 11px 30px; color: #2A1A04; font-weight: 700;
    background: linear-gradient(90deg, #E8A33D, #F5C468 60%, #E8A33D); box-shadow: 0 8px 24px -12px rgba(232,163,61,.7); }
  .pkx-feats li.pkx-hl svg { color: #2A1A04; }

  .pkx-min { align-self: flex-start; display: inline-flex; align-items: baseline; gap: 6px; margin-top: 12px; padding: 6px 12px; border-radius: 10px; background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.08); font-size: 13px; color: var(--muted); }
  .pkx-min b { font-size: 15px; font-weight: 800; color: var(--pc); }
  .pkx-min + .pkx-sub { margin-top: 10px; }

  .pkx-note { display: flex; gap: 14px; align-items: flex-start; max-width: 864px; margin: 22px auto 0; padding: 16px 20px; border-radius: 16px; border: 1px solid var(--border-bright); background: var(--surface); }
  .pkx-note-ic { flex: none; width: 30px; height: 30px; border-radius: 9px; display: grid; place-items: center; color: var(--real); background: rgba(197,232,124,.1); }
  .pkx-note-ic svg { width: 17px; height: 17px; }
  .pkx-note p { font-size: 14px; line-height: 1.6; color: var(--muted); } .pkx-note b { color: var(--text); }