/* HandyCafe Genesis landing page — dark, benefit-led product system. */
:root {
  --hc-bg: #060a12;
  --hc-bg-soft: #09101c;
  --hc-surface: #0c1422;
  --hc-surface-2: #101b2c;
  --hc-line: rgba(148, 163, 184, 0.16);
  --hc-line-strong: rgba(94, 234, 212, 0.3);
  --hc-text: #f7fafc;
  --hc-muted: #9aa9bd;
  --hc-teal: #2dd4bf;
  --hc-teal-deep: #0f766e;
  --hc-purple: #a78bfa;
  --hc-wrap: 1200px;
  --hc-radius: 20px;
}

body.hc-landing-page {
  background: var(--hc-bg) !important;
  color: var(--hc-text) !important;
  font-family: 'Manrope', ui-sans-serif, system-ui, sans-serif;
  overflow-x: clip;
}

/* The header is owned by includes/header.php and themed by its own Tailwind
   classes. Restyling #main-nav from here re-implemented that theming a second
   time and drifted: landing pages ended up 1200px wide while download and
   pricing stayed at max-w-6xl, so the same header rendered two ways depending
   on the page. The mobile menu panel follows header.php for the same reason. */
.hc-landing-page footer { background: #05080e; border-color: var(--hc-line) !important; margin-top: 0 !important; }
.hc-landing-page footer p, .hc-landing-page footer a { color: #8492a6 !important; }

.hc-landing,
.hc-landing * { box-sizing: border-box; }

.hc-landing {
  background: var(--hc-bg);
  color: var(--hc-text);
  overflow: hidden;
}

.hc-landing a { text-decoration: none; }
.hc-landing h1,
.hc-landing h2,
.hc-landing h3,
.hc-landing p { margin: 0; }
.hc-landing h1,
.hc-landing h2,
.hc-landing h3 { text-wrap: balance; }
.hc-landing :focus-visible { outline: 2px solid var(--hc-teal); outline-offset: 4px; }

.hc-wrap { width: min(100% - 48px, var(--hc-wrap)); margin-inline: auto; }
.hc-section { position: relative; padding: 112px 0; border-top: 1px solid var(--hc-line); }
.hc-section-head { max-width: 720px; margin: 0 auto 54px; text-align: center; }
.hc-section-head-left { margin-inline: 0; text-align: left; }
.hc-section-head h2,
.hc-copy h2,
.hc-price-panel h2,
.hc-final h2 {
  font-size: clamp(34px, 4.4vw, 56px);
  line-height: 1.05;
  letter-spacing: -0.04em;
  font-weight: 700;
}
.hc-section-head > p,
.hc-section-lead,
.hc-price-panel > div > p,
.hc-final-inner > p {
  color: var(--hc-muted);
  font-size: clamp(17px, 1.7vw, 19px);
  line-height: 1.7;
  margin-top: 18px;
  max-width: 64ch;
}
.hc-section-head > p { margin-inline: auto; }
.hc-section-head-left > p { margin-inline: 0; }
.hc-eyebrow,
.hc-kicker {
  color: var(--hc-teal);
  font: 500 12px/1.4 'IBM Plex Mono', ui-monospace, monospace;
  letter-spacing: 0.13em;
  text-transform: uppercase;
  margin-bottom: 18px;
}

.hc-grid-bg {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(148, 163, 184, 0.055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(148, 163, 184, 0.055) 1px, transparent 1px);
  background-size: 52px 52px;
  mask-image: linear-gradient(to bottom, #000 0%, rgba(0,0,0,.8) 60%, transparent 100%);
}
.hc-aurora {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(60% 50% at 84% 15%, rgba(45, 212, 191, 0.14), transparent 72%),
    radial-gradient(45% 42% at 65% 20%, rgba(139, 92, 246, 0.1), transparent 72%);
}

.hc-hero { position: relative; min-height: 790px; display: grid; align-items: center; padding: 96px 0 84px; }
.hc-hero-grid { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, 5fr) minmax(520px, 7fr); gap: 58px; align-items: center; }
.hc-hero-copy { max-width: 590px; }
.hc-kicker { display: inline-flex; gap: 10px; align-items: center; }
.hc-live-dot { width: 7px; height: 7px; border-radius: 99px; background: var(--hc-teal); box-shadow: 0 0 0 6px rgba(45,212,191,.08), 0 0 24px rgba(45,212,191,.75); }
.hc-hero h1 { font-size: clamp(48px, 5.6vw, 70px); line-height: .99; letter-spacing: -0.055em; font-weight: 700; }
.hc-hero h1 span { display: block; color: transparent; background: linear-gradient(90deg, var(--hc-teal), #76e4d5 55%, var(--hc-purple)); background-clip: text; -webkit-background-clip: text; }
.hc-lead { color: #acb8c9; font-size: clamp(18px, 1.8vw, 20px); line-height: 1.65; margin-top: 28px !important; max-width: 58ch; }
.hc-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 32px; }
.hc-btn { min-height: 48px; padding: 13px 21px; border-radius: 12px; display: inline-flex; justify-content: center; align-items: center; gap: 10px; font-size: 15px; font-weight: 700; border: 1px solid transparent; transition: transform .2s ease, border-color .2s ease, background .2s ease, box-shadow .2s ease; }
.hc-btn:hover { transform: translateY(-2px); }
.hc-btn-primary { background: linear-gradient(135deg, #0f8f82, var(--hc-teal-deep)); color: #fff !important; box-shadow: 0 14px 38px rgba(13,148,136,.25), inset 0 1px rgba(255,255,255,.18); }
.hc-btn-primary:hover { background: linear-gradient(135deg, #11a494, #0f8278); box-shadow: 0 18px 44px rgba(13,148,136,.32); }
.hc-btn-secondary { background: rgba(255,255,255,.025); border-color: rgba(148,163,184,.26); color: #e7edf5 !important; }
.hc-btn-secondary:hover { border-color: rgba(94,234,212,.5); background: rgba(45,212,191,.05); }
.hc-text-link { display: inline-flex; gap: 7px; margin-top: 20px; color: var(--hc-teal) !important; font-size: 14px; font-weight: 700; }
.hc-trust-line { display: flex; flex-wrap: wrap; gap: 16px; padding-top: 26px; margin-top: 28px; border-top: 1px solid var(--hc-line); }
.hc-trust-line span { color: #8291a6; font: 500 11px/1.4 'IBM Plex Mono', monospace; }
.hc-trust-line span::before { content: '✓'; color: var(--hc-teal); margin-right: 6px; }

.hc-product-stage { position: relative; min-height: 590px; display: grid; align-items: center; }
.hc-dashboard-window { position: relative; width: 780px; max-width: none; border: 1px solid rgba(148,163,184,.22); border-radius: var(--hc-radius); overflow: hidden; background: #0a1019; box-shadow: 0 40px 110px rgba(0,0,0,.6), 0 0 80px rgba(45,212,191,.07), inset 0 1px rgba(255,255,255,.06); transform: perspective(1600px) rotateY(-4deg) rotateX(1deg); transform-origin: center left; }
.hc-dashboard-window img { width: 100%; height: auto; display: block; opacity: .9; }
.hc-window-bar { height: 42px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; padding: 0 15px; border-bottom: 1px solid var(--hc-line); color: #77869a; font: 500 10px/1 'IBM Plex Mono', monospace; }
.hc-window-bar > div { display: flex; gap: 6px; }
.hc-window-bar > div i { width: 8px; height: 8px; background: #293548; border-radius: 99px; }
.hc-window-status { justify-self: end; display: flex; align-items: center; gap: 6px; color: #94a3b8; }
.hc-window-status b { width: 6px; height: 6px; background: var(--hc-teal); border-radius: 99px; }
.hc-orbit { position: absolute; border: 1px solid rgba(45,212,191,.1); border-radius: 50%; pointer-events: none; }
.hc-orbit-one { width: 520px; height: 520px; left: 120px; top: 30px; }
.hc-orbit-two { width: 680px; height: 680px; left: 40px; top: -50px; border-color: rgba(167,139,250,.08); }
.hc-float-card { position: absolute; z-index: 2; display: flex; align-items: center; gap: 11px; min-width: 185px; padding: 13px 15px; border: 1px solid rgba(148,163,184,.22); border-radius: 14px; background: rgba(10,17,29,.86); backdrop-filter: blur(14px); box-shadow: 0 20px 50px rgba(0,0,0,.4); }
.hc-float-card strong, .hc-float-card small { display: block; }
.hc-float-card strong { font-size: 12px; color: #eef4f8; }
.hc-float-card small { margin-top: 3px; font: 500 9px/1.3 'IBM Plex Mono', monospace; color: #718196; }
.hc-float-icon { display: grid; place-items: center; width: 32px; height: 32px; color: var(--hc-teal); background: rgba(45,212,191,.1); border-radius: 9px; }
.hc-float-cloud { left: -48px; top: 52px; }
.hc-float-remote { right: -65px; bottom: 72px; }
.hc-signal { display: flex; align-items: end; gap: 2px; width: 32px; height: 32px; padding: 8px; background: rgba(45,212,191,.1); border-radius: 9px; }
.hc-signal i { width: 3px; background: var(--hc-teal); border-radius: 2px; }
.hc-signal i:nth-child(1) { height: 7px; }.hc-signal i:nth-child(2) { height: 11px; }.hc-signal i:nth-child(3) { height: 15px; }
.hc-phone-card { position: absolute; z-index: 3; right: -34px; top: 4px; width: 176px; padding: 18px; border: 1px solid rgba(148,163,184,.24); border-radius: 27px; background: linear-gradient(145deg, rgba(16,27,44,.96), rgba(7,12,21,.98)); box-shadow: 0 32px 70px rgba(0,0,0,.55); }
.hc-phone-top, .hc-phone-status { display: flex; justify-content: space-between; align-items: center; }
.hc-phone-top span { font-size: 9px; font-weight: 700; }.hc-phone-top i { width: 6px; height: 6px; border-radius: 50%; background: var(--hc-teal); box-shadow: 0 0 12px var(--hc-teal); }
.hc-phone-metric { padding: 22px 0 12px; }.hc-phone-metric small, .hc-phone-metric strong { display: block; }.hc-phone-metric small { color: #7e8da1; font-size: 8px; }.hc-phone-metric strong { font-size: 32px; margin-top: 3px; }
.hc-phone-bars { display: flex; align-items: end; gap: 5px; height: 52px; border-bottom: 1px solid var(--hc-line); }.hc-phone-bars i { flex: 1; background: linear-gradient(var(--hc-teal), rgba(45,212,191,.18)); border-radius: 3px 3px 0 0; }.hc-phone-bars i:nth-child(1){height:33%}.hc-phone-bars i:nth-child(2){height:62%}.hc-phone-bars i:nth-child(3){height:47%}.hc-phone-bars i:nth-child(4){height:88%}.hc-phone-bars i:nth-child(5){height:70%}
.hc-phone-status { padding-top: 14px; font: 500 8px/1 'IBM Plex Mono', monospace; }.hc-phone-status span { color: #7e8da1; }.hc-phone-status span b { display:inline-block; width:5px;height:5px;background:var(--hc-teal);border-radius:50%;margin-right:4px }.hc-phone-status strong{font-size:8px;color:#cbd5e1}

.hc-proof-band { padding-bottom: 14px; border-top: 1px solid var(--hc-line); border-bottom: 1px solid var(--hc-line); background: #070d16; }
.hc-proof-grid { display: grid; grid-template-columns: repeat(4, 1fr); }
.hc-proof-item { display: grid; align-content: center; min-height: 94px; padding: 22px 24px; border-right: 1px solid var(--hc-line); }
.hc-proof-item:last-child { border-right: 0; }
.hc-proof-item strong, .hc-proof-item small { display: block; }
.hc-proof-value { color: var(--hc-teal); font-size: clamp(21px, 2vw, 30px); line-height: 1; letter-spacing: -.035em; }
.hc-proof-item small { color: #8b9bb0; font-size: 11px; line-height: 1.45; margin-top: 8px; }
.hc-proof-note { margin-top: 10px; color: #74849a; font-size: 10px; line-height: 1.5; text-align: center; }

.hc-ecosystem-grid { display: grid; grid-template-columns: 1.15fr 1fr 1fr; gap: 18px; }
.hc-bento { position: relative; padding: 30px; border: 1px solid var(--hc-line); border-radius: var(--hc-radius); background: linear-gradient(145deg, rgba(16,27,44,.74), rgba(9,16,28,.86)); overflow: hidden; box-shadow: inset 0 1px rgba(255,255,255,.035); transition: transform .2s ease, border-color .2s ease; }
.hc-bento:hover { transform: translateY(-3px); border-color: rgba(94,234,212,.28); }
.hc-bento::before { content: ''; position: absolute; width: 220px; height: 220px; border-radius: 50%; right: -90px; top: -120px; background: rgba(45,212,191,.08); filter: blur(30px); pointer-events: none; }
.hc-card-top { display: flex; justify-content: space-between; align-items: center; margin-bottom: 34px; }
.hc-chip { display: inline-flex; padding: 5px 9px; border: 1px solid rgba(45,212,191,.25); border-radius: 99px; background: rgba(45,212,191,.08); color: var(--hc-teal); font: 500 10px/1.2 'IBM Plex Mono', monospace; text-transform: uppercase; letter-spacing: .08em; }
.hc-chip-purple { color: #c4b5fd; border-color: rgba(167,139,250,.28); background: rgba(139,92,246,.1); }
.hc-card-symbol { position: relative; z-index: 1; font-size: 24px; color: rgba(94,234,212,.7); }
.hc-bento h3 { font-size: 25px; letter-spacing: -.025em; }
.hc-product-type { display: inline-flex; margin-top: 7px; color: var(--hc-teal); font: 600 10px/1.3 'IBM Plex Mono', monospace; letter-spacing: .06em; text-transform: uppercase; }
.hc-bento > p { color: var(--hc-muted); font-size: 15px; line-height: 1.7; margin-top: 11px; }
.hc-bento ul { list-style: none; padding: 0; margin: 24px 0; display: grid; gap: 10px; }
.hc-bento li { color: #a9b6c7; font-size: 13px; }.hc-bento li::before { content: '✓'; color: var(--hc-teal); margin-right: 9px; }
.hc-card-link { display: inline-flex; gap: 7px; align-items: center; color: var(--hc-teal) !important; font-size: 13px; font-weight: 700; margin-top: 22px; }
.hc-mini-panel { padding: 17px; margin-top: 28px; border: 1px solid var(--hc-line); border-radius: 13px; background: rgba(3,7,13,.36); }
.hc-mini-panel span, .hc-mini-panel strong { display:block; }.hc-mini-panel span { color:#718196;font:500 9px/1.3 'IBM Plex Mono',monospace }.hc-mini-panel span i { display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--hc-teal);margin-right:6px }.hc-mini-panel strong{font-size:13px;margin-top:9px}
.hc-gamer-flow { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-top: 30px; padding: 18px 0; border-block: 1px solid var(--hc-line); }.hc-gamer-flow span { font:500 9px/1.3 'IBM Plex Mono',monospace;color:#a9b6c7 }.hc-gamer-flow i{color:var(--hc-teal);font-style:normal}

.hc-remote-section { background: #050911; }
.hc-split { display: grid; grid-template-columns: minmax(0, 1fr) minmax(470px, .9fr); gap: 56px; align-items: center; }
.hc-remote-section .hc-copy h2 { font-size: clamp(34px, 3.8vw, 50px); }
.hc-remote-visual { border: 1px solid rgba(148,163,184,.22); border-radius: 22px; overflow: hidden; background: #080e18; box-shadow: 0 40px 100px rgba(0,0,0,.5), 0 0 80px rgba(45,212,191,.06); }
.hc-remote-toolbar { height: 48px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; padding: 0 17px; border-bottom: 1px solid var(--hc-line); font:500 10px/1 'IBM Plex Mono',monospace; color:#77869a }.hc-remote-toolbar span{display:flex;gap:7px;align-items:center}.hc-remote-toolbar span i{width:6px;height:6px;background:var(--hc-teal);border-radius:50%;box-shadow:0 0 10px var(--hc-teal)}.hc-remote-toolbar strong{color:#d5dde7}.hc-remote-toolbar small{text-align:right}
.hc-remote-screen { position: relative; aspect-ratio: 16/9; overflow: hidden; background:#03060b }
.hc-remote-console { display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:34px;align-items:center;padding:42px;background:radial-gradient(circle at 33% 50%,rgba(13,148,136,.13),transparent 36%),linear-gradient(145deg,#050a12,#08111d) }
.hc-console-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(148,163,184,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(148,163,184,.045) 1px,transparent 1px);background-size:36px 36px;mask-image:radial-gradient(circle at 42% 50%,#000,transparent 75%)}
.hc-connection-rings{position:absolute;left:31%;top:50%;width:260px;height:260px;transform:translate(-50%,-50%)}.hc-connection-rings i{position:absolute;inset:0;border:1px solid rgba(45,212,191,.12);border-radius:50%}.hc-connection-rings i:nth-child(2){inset:34px}.hc-connection-rings i:nth-child(3){inset:70px;border-color:rgba(45,212,191,.28);box-shadow:0 0 32px rgba(45,212,191,.08)}
.hc-remote-node{position:relative;z-index:2;justify-self:center;display:flex;flex-direction:column;align-items:center;width:176px;padding:28px 18px;border:1px solid rgba(45,212,191,.28);border-radius:22px;background:rgba(7,17,27,.88);box-shadow:0 18px 52px rgba(0,0,0,.38),0 0 40px rgba(45,212,191,.08)}.hc-node-status{display:flex;align-items:center;gap:7px;color:var(--hc-teal);font:500 9px/1.3 'IBM Plex Mono',monospace}.hc-node-status i{width:6px;height:6px;border-radius:50%;background:var(--hc-teal);box-shadow:0 0 12px var(--hc-teal)}.hc-remote-node small{color:#718196;font-size:10px;margin-top:28px}.hc-remote-node strong{font-size:28px;letter-spacing:-.03em;margin-top:4px}
.hc-remote-metrics{position:relative;z-index:2;display:grid;gap:9px}.hc-remote-metrics>div{padding:14px 15px;border:1px solid var(--hc-line);border-radius:11px;background:rgba(9,16,28,.86)}.hc-remote-metrics span,.hc-remote-metrics strong{display:block}.hc-remote-metrics span{color:#718196;font:500 8px/1.3 'IBM Plex Mono',monospace;text-transform:uppercase;letter-spacing:.07em}.hc-remote-metrics strong{color:#dbe5ef;font-size:12px;margin-top:6px}.hc-remote-metrics strong::before{content:'✓';color:var(--hc-teal);margin-right:6px}
.hc-control-beam{position:absolute;z-index:1;left:46%;right:230px;top:50%;height:1px;background:linear-gradient(90deg,var(--hc-teal),rgba(45,212,191,.08))}.hc-control-beam i{position:absolute;right:0;top:-3px;width:7px;height:7px;border-radius:50%;background:var(--hc-teal);box-shadow:0 0 14px var(--hc-teal)}
.hc-remote-actions { height:58px;display:flex;justify-content:center;align-items:center;gap:9px;border-top:1px solid var(--hc-line) }.hc-remote-actions span{display:grid;place-items:center;width:34px;height:30px;border:1px solid var(--hc-line);border-radius:8px;color:#8ea0b5;font-size:12px}
.hc-copy .hc-section-lead { margin-bottom: 28px; }
.hc-benefit-list { display: grid; gap: 18px; margin: 30px 0; }
.hc-benefit-list > div { display: grid; grid-template-columns: 34px 1fr; gap: 14px; padding-top: 18px; border-top: 1px solid var(--hc-line); }
.hc-benefit-list > div > span { color: var(--hc-teal); font:500 10px/1.5 'IBM Plex Mono',monospace }.hc-benefit-list p{color:#8291a6;font-size:13px;line-height:1.6}.hc-benefit-list p strong{display:block;color:#dce5ef;font-size:14px;margin-bottom:3px}

.hc-qr-section { background: var(--hc-bg-soft); }
.hc-qr-journey { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; border: 1px solid var(--hc-line); border-radius: var(--hc-radius); overflow: hidden; background: var(--hc-line); }
.hc-journey-step { position: relative; padding: 32px; background: #0a1220; min-height: 430px; }
.hc-step-number { color:#64748b;font:500 10px/1 'IBM Plex Mono',monospace }
.hc-flow-visual{position:relative;width:100%;height:218px;margin:20px auto 22px;border:1px solid rgba(148,163,184,.16);border-radius:20px;overflow:hidden;background:radial-gradient(circle at 50% 25%,rgba(45,212,191,.1),transparent 48%),linear-gradient(145deg,#0a1422,#07101b);box-shadow:inset 0 1px rgba(255,255,255,.035)}
.hc-flow-visual::before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(148,163,184,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(148,163,184,.04) 1px,transparent 1px);background-size:24px 24px;mask-image:linear-gradient(to bottom,#000,transparent 90%)}
.hc-phone-notch{position:absolute;z-index:3;top:7px;left:50%;width:27px;height:5px;transform:translateX(-50%);border-radius:8px;background:#172538}
.hc-flow-monitor{position:absolute;left:34px;top:35px;width:168px;height:112px;border:1px solid rgba(148,163,184,.27);border-radius:10px;background:linear-gradient(145deg,#101e2e,#07101a);box-shadow:0 18px 40px rgba(0,0,0,.38)}
.hc-monitor-dots{display:flex;gap:4px;padding:9px;border-bottom:1px solid rgba(148,163,184,.12)}.hc-monitor-dots i{width:4px;height:4px;border-radius:50%;background:#34445a}.hc-monitor-dots i:first-child{background:#22c8b5}
.hc-monitor-stand{position:absolute;left:50%;bottom:-19px;width:52px;height:18px;transform:translateX(-50%);border-bottom:4px solid #25364a}.hc-monitor-stand::before{content:'';position:absolute;left:24px;top:0;width:4px;height:15px;background:#25364a}
.hc-flow-qr{position:absolute;z-index:3;left:82px;top:67px;width:70px;height:70px;padding:7px;border-radius:9px;background:#fff;box-shadow:0 0 0 1px rgba(45,212,191,.35),0 0 32px rgba(45,212,191,.18);transition:transform .2s ease,box-shadow .2s ease}.hc-flow-qr:hover{transform:scale(1.05);box-shadow:0 0 0 1px rgba(45,212,191,.65),0 14px 38px rgba(45,212,191,.26)}.hc-flow-qr svg{width:100%;height:100%}
.hc-scan-phone{position:absolute;z-index:4;right:38px;bottom:-17px;width:90px;height:166px;border:1px solid rgba(148,163,184,.3);border-radius:20px;background:linear-gradient(160deg,#142337,#08111d);box-shadow:0 24px 50px rgba(0,0,0,.5);transform:rotate(5deg)}
.hc-scan-phone::before{content:'';position:absolute;inset:21px 10px 27px;border-radius:8px;background:radial-gradient(circle at center,rgba(45,212,191,.12),rgba(3,8,14,.8))}
.hc-scan-corners{position:absolute;left:28px;top:57px;width:34px;height:34px;border:2px solid var(--hc-teal);border-left-color:transparent;border-right-color:transparent;border-radius:7px}.hc-scan-corners::before{content:'';position:absolute;inset:-2px;border:2px solid var(--hc-teal);border-top-color:transparent;border-bottom-color:transparent;border-radius:7px}.hc-scan-phone b{position:absolute;left:39px;bottom:13px;width:12px;height:3px;border-radius:4px;background:#33445b}
.hc-scan-beam{position:absolute;z-index:5;left:153px;right:94px;top:101px;height:1px;background:linear-gradient(90deg,var(--hc-teal),rgba(45,212,191,.2));box-shadow:0 0 10px var(--hc-teal)}
.hc-flow-approve{display:grid;place-items:center}.hc-security-ring{position:absolute;width:176px;height:176px;border:1px solid rgba(45,212,191,.09);border-radius:50%}.hc-security-ring::before,.hc-security-ring::after{content:'';position:absolute;border:1px solid rgba(45,212,191,.11);border-radius:50%}.hc-security-ring::before{inset:22px}.hc-security-ring::after{inset:48px;border-color:rgba(45,212,191,.2)}.hc-security-ring i{position:absolute;width:5px;height:5px;border-radius:50%;background:var(--hc-teal);box-shadow:0 0 13px var(--hc-teal)}.hc-security-ring i:first-child{left:12px;top:49px}.hc-security-ring i:last-child{right:16px;bottom:38px}
.hc-flow-phone-shell{position:relative;z-index:2;width:114px;height:190px;padding:25px 12px 12px;border:1px solid rgba(148,163,184,.3);border-radius:22px;background:linear-gradient(155deg,#142338,#08111d);box-shadow:0 25px 55px rgba(0,0,0,.5)}
.hc-app-mark{display:grid;place-items:center;width:24px;height:24px;margin:auto;border-radius:8px;background:linear-gradient(145deg,#20cbb8,#0f766e);color:#fff;font:800 11px/1 'Manrope',sans-serif;box-shadow:0 8px 20px rgba(45,212,191,.22)}
.hc-identity-row{position:relative;height:25px;margin-top:11px;padding-left:29px}.hc-identity-row span{position:absolute;left:0;top:1px;width:22px;height:22px;border-radius:50%;background:linear-gradient(145deg,#334863,#18283d)}.hc-identity-row i{display:block;width:50px;height:4px;margin-top:5px;border-radius:5px;background:#35475e}.hc-identity-row i:last-child{width:34px;background:#223248}
.hc-device-confirm{position:relative;margin-top:8px;padding:9px 7px 8px 31px;border:1px solid rgba(148,163,184,.15);border-radius:9px;background:rgba(3,8,14,.45)}.hc-device-confirm b{display:block;color:#dce8f3;font:600 7px/1 'IBM Plex Mono',monospace}.hc-device-confirm i{display:block;width:32px;height:3px;margin-top:4px;border-radius:5px;background:#2e4157}.hc-device-screen{position:absolute;left:7px;top:9px;width:18px;height:14px;border:1px solid #3f5973;border-radius:3px}.hc-device-screen::after{content:'';position:absolute;left:6px;bottom:-4px;width:6px;height:3px;border-top:1px solid #3f5973}
.hc-approve-action{display:grid;place-items:center;width:38px;height:38px;margin:10px auto 0;border-radius:50%;background:linear-gradient(145deg,#23cdb9,#0f766e);color:#fff;box-shadow:0 0 0 6px rgba(45,212,191,.07),0 10px 24px rgba(45,212,191,.2)}.hc-approve-action svg{width:20px;height:20px}
.hc-flow-session{display:grid;place-items:center}.hc-session-glow{position:absolute;width:220px;height:150px;border-radius:50%;background:rgba(45,212,191,.1);filter:blur(36px)}
.hc-session-phone{position:relative;z-index:2;width:176px;height:190px;padding:24px 16px 14px;border:1px solid rgba(148,163,184,.28);border-radius:22px;background:linear-gradient(155deg,#142338,#08111d);box-shadow:0 25px 55px rgba(0,0,0,.5)}
.hc-session-status{display:flex;align-items:center;justify-content:space-between}.hc-session-status span{display:block;width:45px;height:5px;border-radius:5px;background:#273b51}.hc-session-status span i{display:block;width:5px;height:5px;border-radius:50%;background:var(--hc-teal);box-shadow:0 0 10px var(--hc-teal)}.hc-session-status b{color:#8fa2b8;font:600 7px/1 'IBM Plex Mono',monospace}.hc-session-phone>strong{display:block;margin-top:15px;color:#edf8f6;font:700 24px/1 'IBM Plex Mono',monospace;letter-spacing:-.05em}
.hc-session-chart{display:flex;align-items:end;gap:4px;height:40px;margin-top:10px;border-bottom:1px solid rgba(148,163,184,.12)}.hc-session-chart i{flex:1;border-radius:2px 2px 0 0;background:linear-gradient(var(--hc-teal),rgba(45,212,191,.12))}.hc-session-chart i:nth-child(1){height:28%}.hc-session-chart i:nth-child(2){height:46%}.hc-session-chart i:nth-child(3){height:40%}.hc-session-chart i:nth-child(4){height:70%}.hc-session-chart i:nth-child(5){height:58%}.hc-session-chart i:nth-child(6){height:90%}.hc-session-chart i:nth-child(7){height:76%}
.hc-session-meta{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:10px}.hc-session-meta>span{position:relative;height:30px;padding:8px;border:1px solid rgba(148,163,184,.12);border-radius:7px;background:rgba(3,8,14,.3)}.hc-session-meta i,.hc-session-meta b{display:block;height:3px;border-radius:4px;background:#33475d}.hc-session-meta i{width:26px}.hc-session-meta b{width:38px;margin-top:5px;background:#1d9f92}
.hc-loyalty-progress{height:4px;margin-top:10px;border-radius:5px;background:#1e3044;overflow:hidden}.hc-loyalty-progress span{display:block;width:72%;height:100%;background:linear-gradient(90deg,var(--hc-teal),#79eadb);box-shadow:0 0 10px rgba(45,212,191,.4)}.hc-live-badge{position:absolute;z-index:4;right:51px;top:31px;display:grid;place-items:center;width:24px;height:24px;border:1px solid rgba(45,212,191,.3);border-radius:50%;background:#0a1c24;box-shadow:0 8px 22px rgba(0,0,0,.3)}.hc-live-badge i{width:6px;height:6px;border-radius:50%;background:var(--hc-teal);box-shadow:0 0 10px var(--hc-teal)}
.hc-journey-step h3{font-size:20px;text-align:center}.hc-journey-step p{color:var(--hc-muted);font-size:14px;line-height:1.65;text-align:center;margin-top:10px}

.hc-revenue-section { background: #060b13; }
.hc-revenue-grid { display: grid; grid-template-columns: 1.15fr .85fr; gap: 18px; }
.hc-ai-card { min-height: 490px; }.hc-ai-card::before{background:rgba(139,92,246,.13)}
.hc-ai-query { display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:28px;padding:16px 18px;border:1px solid rgba(167,139,250,.24);border-radius:13px;background:rgba(139,92,246,.06);color:#d9d2ff;font-size:13px }.hc-ai-query i{font-style:normal;color:var(--hc-purple)}
.hc-ai-answer{display:grid;grid-template-columns:1fr 150px;align-items:end;gap:20px;margin-top:12px;padding:18px;border:1px solid var(--hc-line);border-radius:13px;background:rgba(3,7,13,.4)}.hc-ai-answer strong,.hc-ai-answer small{display:block}.hc-ai-answer strong{font-size:13px}.hc-ai-answer small{color:#8291a6;font-size:11px;margin-top:5px}
.hc-spark-bars{display:flex;height:58px;align-items:end;gap:5px}.hc-spark-bars i{flex:1;background:linear-gradient(var(--hc-purple),rgba(139,92,246,.12));border-radius:3px 3px 0 0}.hc-spark-bars i:nth-child(1){height:30%}.hc-spark-bars i:nth-child(2){height:42%}.hc-spark-bars i:nth-child(3){height:38%}.hc-spark-bars i:nth-child(4){height:62%}.hc-spark-bars i:nth-child(5){height:76%}.hc-spark-bars i:nth-child(6){height:95%}
.hc-card-note{display:block;color:#67778d;font-size:10px;line-height:1.5;margin-top:20px}
.hc-price-timeline{display:flex;align-items:end;gap:12px;height:150px;margin-top:24px;padding:22px 10px 0;border-bottom:1px solid var(--hc-line)}.hc-price-timeline span{height:100%;flex:1;display:flex;flex-direction:column;justify-content:end;align-items:center;gap:8px}.hc-price-timeline i{width:100%;max-width:34px;background:linear-gradient(var(--hc-teal),rgba(45,212,191,.08));border-radius:4px 4px 0 0}.hc-price-timeline small{color:#66778c;font:500 8px/1 'IBM Plex Mono',monospace}.hc-price-timeline .hot i{background:linear-gradient(#5eead4,var(--hc-teal-deep));box-shadow:0 0 18px rgba(45,212,191,.16)}
.hc-price-options{display:flex;flex-wrap:wrap;gap:7px;margin-top:22px}.hc-price-options span{padding:6px 8px;border:1px solid var(--hc-line);border-radius:7px;color:#94a3b8;font:500 9px/1.2 'IBM Plex Mono',monospace}

.hc-operations { background: var(--hc-bg-soft); }
.hc-operations-grid { display:grid;grid-template-columns:repeat(2,1fr);gap:16px }.hc-operation-card{position:relative;padding:28px;border:1px solid var(--hc-line);border-radius:18px;background:rgba(12,20,34,.7)}.hc-operation-large{min-height:230px}.hc-operation-mark{display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(45,212,191,.22);border-radius:11px;color:var(--hc-teal);background:rgba(45,212,191,.06);margin-bottom:42px}.hc-operation-card h3{font-size:21px}.hc-operation-card p{color:var(--hc-muted);font-size:14px;line-height:1.65;margin-top:9px;max-width:58ch}

.hc-price-cta { background:#050911; }
.hc-price-panel { display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,440px);gap:64px;align-items:center;padding:50px;border:1px solid rgba(94,234,212,.22);border-radius:24px;background:linear-gradient(135deg,rgba(13,148,136,.11),rgba(16,27,44,.82) 45%,rgba(139,92,246,.08));box-shadow:inset 0 1px rgba(255,255,255,.05) }
.hc-price-block { padding:30px;border:1px solid var(--hc-line);border-radius:18px;background:rgba(4,8,15,.55);text-align:center }.hc-price-block small,.hc-price-block strong,.hc-price-block span{display:block}.hc-price-block small{color:#7f8fa3;font:500 10px/1.3 'IBM Plex Mono',monospace;text-transform:uppercase;letter-spacing:.1em}.hc-price-block strong{font-size:62px;line-height:1;margin-top:14px;letter-spacing:-.05em}.hc-price-block span{color:#b9c6d5;font-size:13px;margin-top:8px}.hc-price-block p{color:#66778c;font-size:11px;line-height:1.5;margin-top:20px}
.hc-launch-price-block { position:relative;padding:22px;overflow:hidden }.hc-save-badge{position:absolute;top:0;right:0;padding:9px 14px;border-radius:0 17px 0 12px;background:var(--hc-teal);color:#04110f!important;font:800 11px/1 'IBM Plex Mono',monospace!important;letter-spacing:.08em;box-shadow:0 8px 24px rgba(45,212,191,.2)}
.hc-launch-price-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:22px}.hc-launch-price-option{padding:19px 12px;border:1px solid var(--hc-line);border-radius:13px;background:rgba(255,255,255,.025)}.hc-launch-price-option s{display:block;margin-top:12px;color:#7f8fa3;font:600 13px/1 'IBM Plex Mono',monospace}.hc-launch-price-option strong{font-size:38px;margin-top:7px}.hc-launch-price-option span{font-size:10px;margin-top:7px}.hc-launch-price-block .hc-offer-terms{margin-top:14px;color:#d6e2ec;font-size:11px;font-weight:700}.hc-launch-price-block .hc-offer-deadline{margin-top:7px;color:#9ee9df;font-weight:700}.hc-launch-price-block>p:last-child{margin-top:8px}

.hc-faq-grid { display:grid;grid-template-columns:.7fr 1.3fr;gap:80px;align-items:start }.hc-accordion{border-top:1px solid var(--hc-line)}.hc-accordion details{border-bottom:1px solid var(--hc-line)}.hc-accordion summary{list-style:none;display:flex;justify-content:space-between;gap:20px;align-items:center;padding:23px 0;color:#dfe7ef;font-size:16px;font-weight:650;cursor:pointer}.hc-accordion summary::-webkit-details-marker{display:none}.hc-accordion summary span{color:var(--hc-teal);font-size:22px;font-weight:400;transition:transform .2s}.hc-accordion details[open] summary span{transform:rotate(45deg)}.hc-accordion details p{color:var(--hc-muted);font-size:14px;line-height:1.7;padding:0 40px 24px 0}

.hc-final { position:relative;padding:120px 0;border-top:1px solid var(--hc-line);background:#050911;text-align:center;overflow:hidden }.hc-final-inner{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center}.hc-final h2{max-width:800px}.hc-final-inner > p{max-width:620px}.hc-final .hc-actions{justify-content:center}

/* Light mode keeps the product previews dark while opening up the page canvas. */
html:not(.dark) {
  --hc-bg: #f8fafc;
  --hc-bg-soft: #eef3f7;
  --hc-surface: #ffffff;
  --hc-surface-2: #f3f7fa;
  --hc-line: rgba(15, 23, 42, 0.12);
  --hc-line-strong: rgba(13, 148, 136, 0.28);
  --hc-text: #0b1220;
  --hc-muted: #536276;
  --hc-teal: #0f8f82;
  --hc-teal-deep: #0f766e;
  --hc-purple: #6d5bd0;
}

html:not(.dark) body.hc-landing-page {
  background: #f8fafc !important;
  color: var(--hc-text) !important;
}
/* The light-mode half of the header override above. Removed with it: these
   only existed to undo it, and header.php's own dark: classes already do the
   same job on every page. */
html:not(.dark) .hc-landing-page footer { background: #edf2f6; }
html:not(.dark) .hc-landing-page footer p,
html:not(.dark) .hc-landing-page footer a { color: #526174 !important; }
html:not(.dark) .hc-landing-page #cookie-banner button[onclick="acceptCookies()"] { color: #fff !important; background: #0f766e !important; }

html:not(.dark) .hc-landing {
  background: #f8fafc;
  color: var(--hc-text);
}
html:not(.dark) .hc-grid-bg {
  background-image:
    linear-gradient(rgba(15, 118, 110, 0.07) 1px, transparent 1px),
    linear-gradient(90deg, rgba(15, 118, 110, 0.07) 1px, transparent 1px);
}
html:not(.dark) .hc-aurora {
  background:
    radial-gradient(60% 50% at 84% 15%, rgba(13, 148, 136, 0.13), transparent 72%),
    radial-gradient(45% 42% at 65% 20%, rgba(109, 91, 208, 0.09), transparent 72%);
}
html:not(.dark) .hc-lead { color: #526174; }
html:not(.dark) .hc-btn-secondary {
  background: rgba(255, 255, 255, 0.72);
  border-color: rgba(15, 23, 42, 0.18);
  color: #172033 !important;
}
html:not(.dark) .hc-btn-secondary:hover { background: #fff; border-color: rgba(13, 148, 136, 0.42); }
html:not(.dark) .hc-trust-line span { color: #607086; }

html:not(.dark) .hc-proof-band { background: #ffffff; }
html:not(.dark) .hc-proof-value { color: #0f766e; }
html:not(.dark) .hc-proof-item small,
html:not(.dark) .hc-proof-note { color: #526174; }
html:not(.dark) .hc-bento {
  background: linear-gradient(145deg, rgba(255,255,255,.98), rgba(241,246,249,.98));
  box-shadow: 0 18px 50px rgba(15,23,42,.055), inset 0 1px rgba(255,255,255,.8);
}
html:not(.dark) .hc-bento li { color: #526174; }
html:not(.dark) .hc-mini-panel,
html:not(.dark) .hc-ai-answer { background: rgba(255,255,255,.72); }
html:not(.dark) .hc-mini-panel span,
html:not(.dark) .hc-card-note,
html:not(.dark) .hc-ai-answer small { color: #64748b; }
html:not(.dark) .hc-gamer-flow span { color: #536276; }

html:not(.dark) .hc-remote-section { background: #eef3f7; }
html:not(.dark) .hc-benefit-list p { color: #607086; }
html:not(.dark) .hc-benefit-list p strong { color: #172033; }
html:not(.dark) .hc-qr-section { background: #f8fafc; }
html:not(.dark) .hc-journey-step { background: #ffffff; }
html:not(.dark) .hc-step-number { color: #64748b; }

html:not(.dark) .hc-revenue-section { background: #eef3f7; }
html:not(.dark) .hc-ai-query { background: rgba(109,91,208,.07); color: #5142a7; }
html:not(.dark) .hc-price-options span { color: #526174; background: rgba(255,255,255,.55); }
html:not(.dark) .hc-operations { background: #f8fafc; }
html:not(.dark) .hc-operation-card {
  background: rgba(255,255,255,.9);
  box-shadow: 0 15px 45px rgba(15,23,42,.045);
}
html:not(.dark) .hc-price-cta { background: #eef3f7; }
html:not(.dark) .hc-price-panel {
  background: linear-gradient(135deg,rgba(13,148,136,.1),rgba(255,255,255,.95) 45%,rgba(109,91,208,.08));
  box-shadow: 0 22px 64px rgba(15,23,42,.06), inset 0 1px #fff;
}
html:not(.dark) .hc-price-block { background: rgba(255,255,255,.78); }
html:not(.dark) .hc-price-block small,
html:not(.dark) .hc-price-block p { color: #64748b; }
html:not(.dark) .hc-price-block span { color: #475569; }
html:not(.dark) .hc-launch-price-option { background: rgba(255,255,255,.7); }
html:not(.dark) .hc-launch-price-option s { color: #64748b; }
html:not(.dark) .hc-launch-price-block .hc-offer-terms { color: #334155; }
html:not(.dark) .hc-launch-price-block .hc-offer-deadline { color: #0f766e; }
html:not(.dark) .hc-accordion summary { color: #172033; }
html:not(.dark) .hc-final { background: #edf2f6; }

[data-reveal] { opacity:1; transform:none; }
.js [data-reveal] { opacity:0; transform:translateY(14px); transition:opacity .7s ease,transform .7s ease; }
.js [data-reveal].is-visible { opacity:1; transform:none; }

@media (max-width: 1180px) {
  .hc-hero-grid { grid-template-columns: 1fr 1fr; gap: 32px; }
  .hc-dashboard-window { width: 650px; }
  .hc-phone-card { right: -10px; }
  .hc-float-remote { right: -30px; }
}

@media (max-width: 980px) {
  .hc-section { padding: 88px 0; }
  .hc-hero { padding-top: 72px; }
  .hc-hero-grid { grid-template-columns:1fr; }
  .hc-hero-copy { max-width:760px; }
  .hc-product-stage { min-height:520px; }
  .hc-dashboard-window { width:calc(100vw - 48px);max-width:780px;transform:none; }
  .hc-phone-card { right: 12px; top: -18px; }
  .hc-float-cloud { left: 18px; }
  .hc-float-remote { right:18px;bottom:25px }
  .hc-proof-grid { grid-template-columns:repeat(2,1fr) }.hc-proof-item:nth-child(2){border-right:0}.hc-proof-item:nth-child(-n+2){border-bottom:1px solid var(--hc-line)}
  .hc-ecosystem-grid { grid-template-columns:1fr 1fr }.hc-cloud-card{grid-column:1/-1}
  .hc-split,.hc-revenue-grid,.hc-faq-grid { grid-template-columns:1fr;gap:52px }
  .hc-price-panel{grid-template-columns:1fr;gap:36px}.hc-price-block{max-width:440px}
}

@media (max-width: 700px) {
  .hc-wrap { width:min(100% - 32px,var(--hc-wrap)) }
  .hc-section { padding:72px 0 }
  .hc-section-head { margin-bottom:38px }
  .hc-hero { min-height:auto;padding:64px 0 72px }
  .hc-hero h1{font-size:clamp(42px,13vw,58px)}
  .hc-actions{display:grid;grid-template-columns:1fr}.hc-btn{width:100%}
  .hc-trust-line{display:grid;gap:9px}
  .hc-product-stage{min-height:400px;margin-top:18px}.hc-dashboard-window{width:calc(100vw - 32px)}.hc-window-status{display:none}.hc-window-bar{grid-template-columns:1fr auto}.hc-window-bar>span:nth-child(2){justify-self:end}
  .hc-phone-card{width:142px;padding:14px;border-radius:22px;right:-6px;top:-8px}.hc-phone-metric{padding-top:15px}.hc-phone-bars{height:40px}.hc-float-card{min-width:0;padding:10px}.hc-float-card div{display:none}.hc-float-cloud{left:8px;top:28px}.hc-float-remote{right:6px;bottom:32px}.hc-orbit{display:none}
  .hc-proof-grid,.hc-ecosystem-grid,.hc-qr-journey,.hc-operations-grid { grid-template-columns:1fr }.hc-proof-item{border-right:0;border-bottom:1px solid var(--hc-line)}.hc-proof-item:last-child{border-bottom:0}.hc-cloud-card{grid-column:auto}
  .hc-qr-journey{gap:1px}.hc-journey-step{min-height:auto}.hc-flow-visual{max-width:360px}
  .hc-remote-console{aspect-ratio:auto;min-height:440px;grid-template-columns:1fr;padding:34px 24px}.hc-connection-rings{left:50%;top:35%;width:220px;height:220px}.hc-remote-metrics{grid-template-columns:repeat(3,1fr);width:100%;align-self:end}.hc-remote-metrics>div{padding:11px}.hc-control-beam{display:none}
  .hc-split{gap:40px}.hc-remote-toolbar{grid-template-columns:1fr auto}.hc-remote-toolbar small{display:none}.hc-remote-visual{border-radius:16px}
  .hc-ai-answer{grid-template-columns:1fr}.hc-spark-bars{height:46px}
  .hc-price-panel{padding:28px}.hc-price-block{width:100%}.hc-price-block strong{font-size:52px}.hc-launch-price-option strong{font-size:34px}
  .hc-faq-grid{gap:42px}.hc-accordion details p{padding-right:0}
  .hc-final{padding:88px 0}
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior:auto !important; animation:none !important; transition-duration:.01ms !important; }
  [data-reveal] { opacity:1; transform:none; }
}