@font-face { font-family: 'Geist'; src: url('/marketing/assets/fonts/geist-light.woff2') format('woff2'); font-weight: 300; font-style: normal; font-display: swap; }
@font-face { font-family: 'Geist'; src: url('/marketing/assets/fonts/geist-ultralight.woff2') format('woff2'); font-weight: 200; font-style: normal; font-display: swap; }
@font-face { font-family: 'Geist'; src: url('/marketing/assets/fonts/Y9k9QrlZAqio88Klkmbd8VoMQc.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'Geist'; src: url('/marketing/assets/fonts/b6Y37FthZeALduNqHicBT6FutY.woff2') format('woff2'); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: 'Geist'; src: url('/marketing/assets/fonts/5vvr9Vy74if2I6bQbJvbw7SY1pQ.woff2') format('woff2'); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: 'Geist'; src: url('/marketing/assets/fonts/xYYWaj7wCU5zSQH0eXvSaS19wo.woff2') format('woff2'); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: 'Geist'; src: url('/marketing/assets/fonts/otTaNuNpVK4RbdlT7zDDdKvQBA.woff2') format('woff2'); font-weight: 800; font-style: normal; font-display: swap; }
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; -webkit-font-smoothing: antialiased; }
body { font-family: 'Geist', 'Geist Sans', Inter, -apple-system, sans-serif; color: #251F19; background: #F7F7F4; overflow-x: hidden; }
h1, h2, h3, h4, h5, h6 { font-family: 'DM Sans', 'Geist', sans-serif; font-weight: 500; }
a { text-decoration: none; color: inherit; }
img { max-width: 100%; height: auto; display: block; }
button { cursor: pointer; border: none; background: none; font-family: inherit; }
:root {
  --orange: #FA4001;
  --orange-light: #FF6B3D;
  --dark: #251F19;
  --text-2: #68615A;
  --text-3: #948B81;
  --hairline: #DDD8D3;
  --card-border: #251F1917;
  --cream: #EEEDE6;
  --bg: #F7F7F4;
  --shadow-btn: inset 0 1px 0 0 rgba(255,255,255,0.3), 0 2px 4px 0 rgba(250, 64, 1,0.2), 0 8px 18px -4px rgba(250, 64, 1,0.35);
  --shadow-card: 0 .602187px .602187px -1.25px #0000002e, 0 2.28853px 2.28853px -2.5px #00000029, 0 10px 10px -3.75px #0000000f;
}
.frame {
  max-width: 1080px;
  margin: 0 auto;
  border-left: 1px solid var(--hairline);
  border-right: 1px solid var(--hairline);
}
.hairline-b { border-bottom: 1px solid var(--hairline); }
.top-banner {
  background: linear-gradient(90deg, var(--orange), var(--orange-light));
  color: #fff;
  text-align: center;
  padding: 8px 16px;
  font-size: 13px;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.top-banner .dot { width: 8px; height: 8px; background: #34d399; border-radius: 50%; box-shadow: 0 0 6px 0 rgb(34,197,94); }
.top-banner .badge { background: rgba(255,255,255,0.2); padding: 3px 10px; border-radius: 999px; font-size: 11px; font-weight: 600; }
.top-banner .see-how { background: rgba(0,0,0,0.15); padding: 4px 12px; border-radius: 999px; font-size: 12px; color: #fff; transition: background .2s; }
.top-banner .see-how:hover { background: rgba(0,0,0,0.25); }
.navbar {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 28px;
}
.navbar-logo { display: flex; align-items: center; gap: 10px; font-weight: 500; font-size: 20px; }
.navbar-logo img { width: 38px; height: 38px; border-radius: 8px; }
.nav-logo-badge { width: 38px; height: 38px; border-radius: 8px; display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; background: #0a0a0a; box-shadow: 0 2px 6px -1px rgba(250,64,1,.28); overflow: hidden; }
.nav-logo-badge img { width: 24px; height: 24px; display: block; object-fit: contain; }
.nav-logo-badge { overflow: hidden; }
.nav-logo-badge loadersz-loader { display: block; width: 20px; height: 20px; }
.nav-logo-badge canvas { width: 20px !important; height: 20px !important; }
.navbar-links { display: flex; align-items: center; gap: 2px; }
.nav-item { position: static; }
.nav-item.nav-mini { position: relative; }
.nav-item > a {
  display: inline-flex; align-items: center; gap: 5px;
  font-size: 15px; font-weight: 500; color: var(--text-2);
  padding: 8px 14px; border-radius: 10px;
  transition: color .18s, background .18s;
}
.nav-item:hover > a { color: var(--dark); background: #f1f1f1; }
.nav-item > a.dd::after {
  content: ''; width: 0; height: 0;
  border-left: 4px solid transparent; border-right: 4px solid transparent;
  border-top: 5px solid currentColor; opacity: .5;
  margin-left: 3px; transition: transform .2s;
}
.nav-item:hover > a.dd::after { transform: rotate(180deg); }
.mega {
  position: absolute; top: 100%; left: 50%;
  transform: translateX(-50%) translateY(4px);
  margin-top: -26px; padding-top: 36px; /* invisible hover bridge that covers the navbar gap */
  opacity: 0; visibility: hidden; pointer-events: none;
  transition: opacity .16s ease, transform .16s ease, visibility .16s;
  z-index: 200;
}
.nav-item:hover .mega {
  opacity: 1; visibility: visible; pointer-events: auto;
  transform: translateX(-50%) translateY(0);
}
.mega-inner {
  background: #f6f6f7; border: 1px solid #ececec;
  border-radius: 20px; overflow: hidden; padding: 3px;
  box-shadow: 0 18px 44px -20px rgba(0,0,0,.18), 0 6px 16px -8px rgba(0,0,0,.07);
}
.mega-cols { display: grid; background: #fff; border: 1px solid #eee; border-radius: 16px; }
.mega-col { padding: 18px 22px; }
.mega-h { font-size: 12.5px; font-weight: 500; color: #a0a0a0; margin-bottom: 12px; }
.mega-link { display: block; padding: 7px 10px; margin: 1px -10px; border-radius: 10px; transition: background .15s; }
.mega-link:hover { background: #f6f6f6; }
.mega-link .t { display: flex; align-items: center; gap: 7px; font-size: 13.5px; font-weight: 500; color: #171717; }
.mega-link .d { font-size: 12px; color: var(--text-2); margin-top: 1px; }
.badge-soft { font-size: 10px; font-weight: 600; padding: 1px 7px; border-radius: 999px; background: #e6f7ec; color: #17a04e; }
.dot-blue { width: 7px; height: 7px; border-radius: 50%; background: #2f6fed; flex: 0 0 auto; }
.mega-foot {
  display: flex; align-items: center; justify-content: space-between;
  padding: 11px 20px; background: transparent; border-top: none;
}
.mega-foot .msg { font-size: 12.5px; color: #9a9a9a; }
.mega-foot .act { font-size: 12.5px; font-weight: 600; color: #141414; transition: color .18s; }
.mega-foot .act:hover { color: var(--orange); }
.mega-product .mega-inner { width: 780px; }
.mega-product .mega-cols { grid-template-columns: 0.82fr 1.18fr; }
.mega-col-nav .mega-link.active { background: #f5f5f5; }
.mega-col-preview { padding: 14px 14px 14px 8px; display: flex; align-items: center; }
.mega-preview { width: 100%; border: 1px solid #ececec; border-radius: 12px; overflow: hidden; background: #f4f4f5; aspect-ratio: 16 / 10; box-shadow: 0 8px 22px -12px rgba(0,0,0,.16); }
.mega-preview-img { width: 100%; height: 100%; object-fit: cover; object-position: left top; display: block; transition: opacity .12s ease; }
.mega-preview-img.missing { opacity: 0; }
.feat-card {
  position: relative; height: 232px; margin-top: 14px;
  background: #f7f7f7; border: 1px solid var(--hairline); border-radius: 16px;
  overflow: hidden;
}
.feat-card .arc { position: absolute; inset: 0; width: 100%; height: 100%; }
.fc-chip {
  position: absolute; width: 56px; height: 56px; border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  background: #fff; border: 1px solid #ececec;
  box-shadow: 0 5px 14px -4px rgba(0,0,0,.14); z-index: 2;
  transform: translate(-50%, -50%);
}
.fc-ico {
  width: 40px; height: 40px; border-radius: 12px;
  display: flex; align-items: center; justify-content: center;
  font-weight: 500; font-size: 17px; color: #171717;
}
.fc-ico svg { width: 22px; height: 22px; }
.fc-chip.sm { width: 46px; height: 46px; }
.fc-chip.sm .fc-ico { width: 32px; height: 32px; border-radius: 10px; }
.fc-chip.hi { box-shadow: 0 0 0 3px rgba(250, 64, 1,.12), 0 6px 16px -4px rgba(0,0,0,.16); }
.fc-copy {
  position: absolute; left: 50%; bottom: 20px; transform: translateX(-50%);
  display: flex; align-items: center; gap: 10px; z-index: 3;
  background: #fff; border: 1px solid #e6e6e6; border-radius: 10px;
  padding: 10px 12px 10px 16px; box-shadow: 0 6px 18px -6px rgba(0,0,0,.18);
  font-family: 'Geist Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 14px; color: #232323; white-space: nowrap;
}
.fc-copy button { display: flex; color: #a2a2a2; transition: color .15s; }
.fc-copy button:hover { color: #333; }
.mega-resources .mega-inner { width: 900px; }
.mega-resources .mega-cols { grid-template-columns: repeat(4, 1fr); }
.mega-pricing .mega-inner { width: 300px; }
.mega-pricing .mega-cols { grid-template-columns: 1fr; }
.mega-tools .mega-inner { width: 780px; }
.mega-tools .mega-cols { grid-template-columns: 1fr 1fr; padding: 10px; }
.tool-link { display: flex; align-items: flex-start; gap: 12px; padding: 11px 12px; border-radius: 12px; transition: background .15s; min-width: 0; }
.tool-link:hover { background: #f6f6f6; }
.tool-ico { flex: 0 0 auto; width: 42px; height: 42px; border-radius: 13px; background: linear-gradient(158deg, #fffaf5 0%, #ffe7d1 100%); border: 1px solid rgba(250, 64, 1,.18); box-shadow: inset 0 1px 0 rgba(255,255,255,.95), inset 0 -7px 12px -7px rgba(250, 64, 1,.16), 0 4px 11px -5px rgba(250, 64, 1,.30); color: var(--orange); display: flex; align-items: center; justify-content: center; transition: transform .18s ease, box-shadow .18s ease; }
.tool-ico svg { width: 22px; height: 22px; filter: drop-shadow(0 1px 1px rgba(250, 64, 1,.18)); }
.tool-link:hover .tool-ico { transform: translateY(-1px); box-shadow: inset 0 1px 0 rgba(255,255,255,1), inset 0 -7px 12px -7px rgba(250, 64, 1,.18), 0 9px 20px -6px rgba(250, 64, 1,.40); }
.tool-txt { min-width: 0; }
.tool-txt .t { display: flex; align-items: center; gap: 7px; font-size: 14.5px; font-weight: 500; color: #171717; }
.tool-txt .d { font-size: 12.5px; color: var(--text-3); margin-top: 2px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.navbar-actions { display: flex; align-items: center; gap: 10px; }
.btn-outline {
  font-size: 15px; font-weight: 500; color: var(--dark);
  padding: 9px 18px; border: 1px solid var(--hairline); border-radius: 10px;
  background: #fff; transition: background .18s, border-color .18s;
}
.btn-outline:hover { background: #f6f6f6; border-color: #dcdcdc; }
.btn-login { font-size: 14px; font-weight: 500; }
.btn-primary {
  background: linear-gradient(0deg, rgba(70,26,0,.08), rgba(70,26,0,.08)), linear-gradient(135deg, var(--orange-light), var(--orange));
  color: #fff; font-size: 14px; font-weight: 600;
  padding: 9px 10px 9px 18px; border-radius: 11px;
  display: inline-flex; align-items: center; gap: 8px;
  box-shadow: inset 0 1px 0 0 rgba(255,255,255,.30), 0 6px 16px -4px rgba(214,88,0,.28);
  transition: box-shadow .2s ease;
}
.btn-primary:hover { transform: none; box-shadow: inset 0 1px 0 0 rgba(255,255,255,.30), 0 6px 16px -4px rgba(214,88,0,.28); }
.cta-chip { display: inline-flex; align-items: center; justify-content: center; width: 22px; height: 22px; border-radius: 7px; background: rgba(255,255,255,.26); border: 1px solid rgba(255,255,255,.32); flex: 0 0 auto; transition: transform .45s cubic-bezier(.32,.72,0,1); }
.cta-chip svg { width: 12px; height: 12px; display: block; }
.btn-primary:hover .cta-chip, .hero-form .btn-cta:hover .cta-chip, .mnav-start:hover .cta-chip { transform: none; }
.btn-dark {
  background: linear-gradient(180deg, #333333, #171717); color: #fff; font-size: 14px; font-weight: 600;
  padding: 10px 20px; border-radius: 10px;
  display: inline-flex; align-items: center; gap: 6px;
  box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.22);
  transition: background .2s, transform .15s;
}
.btn-dark:hover { background: linear-gradient(180deg, #3d3d3d, #222222); transform: translateY(-1px); }
.btn-dark loadersz-loader { display: inline-block; }
.nav-burger { display: none; background: transparent; border: 0; padding: 10px; cursor: pointer; }
.nav-burger span { display: block; width: 22px; height: 2px; background: #1a1a1a; border-radius: 2px; margin: 4.5px 0; }
.mnav { display: none; position: fixed; inset: 0; z-index: 2000; background: #f6f6f4; overflow-y: auto; padding: 14px 20px 40px; }
body.mnav-open { overflow: hidden; }
body.mnav-open .mnav { display: block; }
.mnav-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 16px; }
.mnav-close { background: transparent; border: 0; padding: 10px; cursor: pointer; color: #1a1a1a; }
.mnav-item button { width: 100%; display: flex; align-items: center; justify-content: space-between; background: transparent; border: 0; font-family: inherit; font-size: 19px; font-weight: 600; letter-spacing: -.02em; color: #0a0a0a; padding: 16px 14px; border-radius: 12px; cursor: pointer; text-align: left; }
.mnav-item.open > button { background: #ececea; }
.mnav-item .chev { transition: transform .2s; color: #6b6b6b; }
.mnav-item.open .chev { transform: rotate(180deg); }
.mnav-sub { display: none; padding: 4px 14px 10px; }
.mnav-item.open .mnav-sub { display: block; }
.mnav-sub a { display: flex; align-items: center; gap: 8px; padding: 13px 0; font-size: 17px; color: #555; }
.mnav-badge { font-size: 11px; font-weight: 600; padding: 2px 8px; border-radius: 6px; background: #e6f7ec; color: #17a04e; }
.mnav-flat { display: block; font-size: 19px; font-weight: 600; letter-spacing: -.02em; color: #0a0a0a; padding: 16px 14px; }
.mnav-ctas { display: grid; gap: 12px; margin-top: 24px; }
.mnav-login { display: block; text-align: center; padding: 15px; border-radius: 12px; background: #fff; border: 1px solid #e2e2e0; font-size: 16px; font-weight: 600; color: #0a0a0a; }
.mnav-start { display: block; text-align: center; padding: 15px; border-radius: 12px; background: linear-gradient(180deg, var(--orange-light), var(--orange)); box-shadow: var(--shadow-btn); font-size: 16px; font-weight: 600; color: #fff; }
@media (max-width: 1000px) {
  .navbar .navbar-links, .navbar .navbar-actions { display: none; }
  .nav-burger { display: block; margin-left: auto; }
}
.hero { position: relative; overflow: hidden; text-align: center; padding: 88px 24px 0; }
.hero > *:not(.hero-grid) { position: relative; z-index: 1; }
.hero-grid { position: absolute; inset: 0; z-index: 0; pointer-events: none; overflow: hidden;
  -webkit-mask-image: radial-gradient(125% 105% at 50% 32%, #000 0%, rgba(0,0,0,0.3) 32%, transparent 66%);
  mask-image: radial-gradient(125% 105% at 50% 32%, #000 0%, rgba(0,0,0,0.3) 32%, transparent 66%); }
.hero-grid-svg { position: absolute; top: -42%; left: -25%; width: 150%; height: 205%;
  transform: perspective(1000px) rotateX(26deg) rotate(-6deg) scale(1.08);
  transform-origin: 50% 28%; fill: rgba(156,163,175,0.16); }
.hero h1 {
  font-size: clamp(28px, 4vw,44px);
  font-weight: 500;
  line-height: 1.06;
  letter-spacing: -2px;
  max-width: 760px;
  margin: 0 auto 22px;
}
.hero .sub {
  font-size: 16px;
  color: var(--text-2);
  max-width: 620px;
  margin: 0 auto 48px;
  line-height: 1.6;
}
.hero-form-band { border-top: 1px solid var(--hairline); border-bottom: 1px solid var(--hairline); padding: 32px 24px; background: linear-gradient(180deg,#fff, #fafafa); }
.hero-form {
  max-width: 760px; margin: 0 auto;
  background: #fff; border-radius: 16px; padding: 24px 28px;
  border: 1px solid var(--hairline);
  box-shadow: 0px .86px .86px -.75px rgba(0,0,0,0.13), 0px 2.34px 2.34px -1.5px rgba(0,0,0,0.12), 0px 11.41px 11.41px -3px rgba(0,0,0,0.08), 0px 29px 29px -3.75px rgba(0,0,0,0.04);
  text-align: left;
}
.hero-form label { font-size: 14px; font-weight: 600; display: block; margin-bottom: 12px; }
.hero-form-row { display: flex; gap: 12px; align-items: center; }
.hero-form input {
  flex: 1; border: 1px solid #e8e8e8; border-radius: 10px;
  padding: 14px 16px; font-size: 15px; font-family: inherit; outline: none;
  transition: border-color .2s;
}
.hero-form input::placeholder { color: #c7c7c7; }
.hero-form input:focus { border-color: var(--orange); }
.hero-form .btn-cta {
  background: linear-gradient(180deg, var(--orange-light), var(--orange));
  color: #fff; font-size: 15px; font-weight: 600;
  padding: 14px 24px; border-radius: 10px; white-space: nowrap;
  box-shadow: var(--shadow-btn); transition: transform .15s;
}
.hero-form .btn-cta:hover { transform: translateY(-1px); }
.hero-form .subtext { font-size: 13px; color: var(--text-3); margin-top: 12px; }
.audit-overlay {
  position: fixed; inset: 0; z-index: 900;
  background: rgba(10,10,10,.38);
  backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px);
  display: flex; align-items: center; justify-content: center;
  opacity: 0; visibility: hidden;
  transition: opacity .25s ease, visibility .25s;
}
.audit-overlay.open { opacity: 1; visibility: visible; }
.audit-modal {
  width: min(460px, calc(100vw - 32px));
  background: #fff; border-radius: 22px;
  box-shadow: 0 30px 80px -20px rgba(0,0,0,.45), var(--shadow-card);
  padding: 34px 32px 30px;
  transform: translateY(14px) scale(.97);
  transition: transform .3s cubic-bezier(.2,.8,.2,1);
}
.audit-overlay.open .audit-modal { transform: translateY(0) scale(1); }
.audit-modal .am-head { display: flex; align-items: center; gap: 12px; margin-bottom: 22px; }
.audit-modal .am-head img { width: 40px; height: 40px; border-radius: 9px; }
.audit-modal .am-head .t { font-size: 17px; font-weight: 500; letter-spacing: -.3px; }
.audit-modal .am-head .s { font-size: 12.5px; color: var(--text-3); margin-top: 1px; }
.audit-bar { height: 8px; border-radius: 999px; background: #f1f1f1; overflow: hidden; margin-bottom: 20px; }
.audit-bar .fill {
  height: 100%; width: 0%;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--orange), var(--orange-light));
  box-shadow: 0 0 10px rgba(250, 64, 1,.5);
  transition: width .5s cubic-bezier(.2,.8,.2,1);
}
.audit-steps { list-style: none; display: flex; flex-direction: column; gap: 13px; }
.audit-steps li { display: flex; align-items: center; gap: 11px; font-size: 14px; color: #c2c2c2; transition: color .3s; }
.audit-steps li .ic { width: 20px; height: 20px; border-radius: 50%; border: 2px solid #e5e5e5; flex-shrink: 0; display: inline-flex; align-items: center; justify-content: center; transition: all .3s; }
.audit-steps li.active { color: var(--dark); font-weight: 500; }
.audit-steps li.active .ic { border-color: var(--orange); border-top-color: transparent; animation: audit-spin .7s linear infinite; }
.audit-steps li.done { color: var(--dark); }
.audit-steps li.done .ic { border-color: var(--orange); background: var(--orange); animation: none; }
.audit-steps li.done .ic svg { display: block; }
.audit-steps li .ic svg { display: none; }
.audit-steps li .lbl b { font-weight: 600; }
.audit-steps li .ct { margin-left: auto; font-size: 12px; color: #b8b8b8; font-variant-numeric: tabular-nums; white-space: nowrap; }
.audit-steps li.active .ct { color: var(--orange); font-weight: 600; }
@keyframes audit-spin { to { transform: rotate(360deg); } }
.audit-toast {
  position: fixed; bottom: 22px; left: 50%; transform: translate(-50%, 80px);
  z-index: 950;
  display: inline-flex; align-items: center; gap: 9px;
  background: #171717; color: rgba(255,255,255,.92);
  font-size: 13px; font-weight: 500;
  padding: 11px 18px; border-radius: 999px;
  box-shadow: 0 12px 32px -8px rgba(0,0,0,.5);
  opacity: 0; visibility: hidden;
  transition: opacity .3s ease, transform .3s cubic-bezier(.2,.8,.2,1), visibility .3s;
  white-space: nowrap;
}
.audit-toast.show { opacity: 1; visibility: visible; transform: translate(-50%, 0); }
.audit-toast .warn { color: var(--orange-light); display: inline-flex; }
.audit-gate { display: none; }
.audit-modal.ready .audit-progress { display: none; }
.audit-modal.ready .audit-gate { display: block; animation: gate-in .35s cubic-bezier(.2,.8,.2,1); }
@keyframes gate-in { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }
.audit-gate .g-badge {
  display: inline-flex; align-items: center; gap: 7px;
  background: rgba(52,199,89,.12); color: #1f9d4d;
  font-size: 12px; font-weight: 500;
  padding: 5px 12px; border-radius: 999px; margin-bottom: 14px;
}
.audit-gate h3 { font-size: 24px; font-weight: 500; letter-spacing: -.8px; margin-bottom: 8px; }
.audit-gate .g-sub { font-size: 13.5px; color: var(--text-2); line-height: 1.55; margin-bottom: 20px; }
.audit-gate .g-field { margin-bottom: 12px; }
.audit-gate .g-field label { display: block; font-size: 12.5px; font-weight: 600; margin-bottom: 6px; }
.audit-gate .g-field input {
  width: 100%; border: 1px solid #e2e2e2; border-radius: 11px;
  padding: 12px 14px; font-size: 14px; font-family: inherit; outline: none;
  transition: border-color .2s;
}
.audit-gate .g-field input:focus { border-color: var(--orange); }
.audit-gate .g-field input.err { border-color: #e5484d; }
.audit-gate .g-cta {
  width: 100%; justify-content: center; margin-top: 6px;
  padding: 14px 24px; font-size: 15px; border-radius: 999px;
}
.audit-gate .g-note { font-size: 11.5px; color: var(--text-3); text-align: center; margin-top: 12px; }
.audit-success { display: none; text-align: center; padding: 10px 0 4px; }
.audit-modal.sent .audit-gate { display: none; }
.audit-modal.sent .audit-progress { display: none; }
.audit-modal.sent .audit-success { display: block; animation: gate-in .35s cubic-bezier(.2,.8,.2,1); }
.audit-success .ok {
  width: 56px; height: 56px; border-radius: 50%; margin: 0 auto 16px;
  background: linear-gradient(180deg, var(--orange-light), var(--orange));
  display: flex; align-items: center; justify-content: center;
  box-shadow: var(--shadow-btn);
}
.audit-success h3 { font-size: 21px; font-weight: 500; letter-spacing: -.6px; margin-bottom: 8px; }
.audit-success p { font-size: 13.5px; color: var(--text-2); line-height: 1.55; }
.audit-success .redir { display: inline-flex; align-items: center; gap: 8px; margin-top: 16px; font-size: 13px; font-weight: 600; color: var(--orange); }
.audit-success .redir .sp { width: 14px; height: 14px; border-radius: 50%; border: 2px solid var(--orange); border-top-color: transparent; animation: audit-spin .7s linear infinite; }
@media (max-width: 560px) {
  .audit-modal { padding: 26px 20px 24px; }
  .audit-toast { font-size: 12px; padding: 10px 14px; max-width: calc(100vw - 24px); white-space: normal; text-align: center; }
}
.trusted { text-align: center; padding: 44px 5px 28px; }
.trusted p { font-size: 14px; color: var(--text-3); }
.trusted p strong { color: var(--dark); font-weight: 600; }
.trusted .sub { font-size: 13px; margin-top: 2px; }
.logo-grid { display: grid; grid-template-columns: repeat(7, 1fr); border-top: 1px solid var(--hairline); }
.logo-cell { display: flex; align-items: center; justify-content: center; padding: 26px 16px; border-right: 1px solid var(--hairline); border-bottom: 1px solid var(--hairline); background: #fff; min-height: 96px; }
.logo-cell:nth-child(7n) { border-right: none; }
.logo-cell img { max-height: 24px; max-width: 130px; opacity: .8; filter: grayscale(100%); transition: opacity .2s, filter .2s; }
.logo-cell:hover img { opacity: 1; filter: none; }
.logo-wordmark { font-size: 18px; font-weight: 500; letter-spacing: -.4px; color: #232323; opacity: .55; filter: grayscale(100%); white-space: nowrap; transition: opacity .2s; }
.logo-cell:hover .logo-wordmark { opacity: .9; }
.all-in-one { padding: 88px 0; background: #fafafa; }
.all-in-one .metrics-head { padding-left: 40px; padding-right: 40px; }
.all-in-one .metrics-body { border-radius: 0; border-left: none; border-right: none; }
.pill-badge {
  display: inline-flex; align-items: center; gap: 6px;
  background: #fff; border: 1px solid #dedede85; border-radius: 5px;
  padding: 5px 10px;
  font-size: 12px; font-weight: 500; letter-spacing: -0.04em;
  color: rgb(43,43,43);
  box-shadow: 0 1px 2px rgba(0,0,0,0.05);
  margin-bottom: 18px;
}
.pill-badge .ic { color: var(--orange); display: inline-flex; }
.aio-header {
  display: flex; justify-content: space-between; align-items: center;
  gap: 40px; margin-bottom: 36px;
}
.aio-header h2 {
  flex: .4 0 0;
  font-size: 28px; font-weight: 500;
  letter-spacing: -0.04em; line-height: 1.08em;
}
.aio-header h2 span { color: var(--orange); }
.aio-header .desc { flex: .5 0 0; font-size: 17px; color: var(--text-2); line-height: 1.55; }
.tabs-row { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin-bottom: 28px; }
.tab-pill {
  position: relative; display: inline-flex; align-items: center; justify-content: center;
  gap: 8px; padding: 10px 20px; border-radius: 999px;
  font-size: 15px; font-weight: 500;
  background: #fff; border: 1px solid rgba(0,0,0,0.08); color: var(--dark);
  transition: background .2s ease, border-color .2s ease, color .2s ease;
}
.tab-pill .ic { display: inline-flex; color: rgb(102,102,102); transition: color .2s; }
.tab-pill.active { background: rgb(255,247,239); border-color: rgba(250, 64, 1,0.25); color: var(--orange); }
.tab-pill.active .ic { color: var(--orange); }
.tab-frame {
  width: 100%; max-width: 1260px; margin: 0 auto;
  aspect-ratio: 1.7;
  border-radius: 16px; border: 1px solid rgba(0,0,0,0.08);
  background: rgb(247,247,247);
  overflow: hidden; position: relative;
  box-shadow: 0 1px 3px rgba(71,71,71,0.08);
}
.tab-panel {
  position: absolute; inset: 0;
  opacity: 0; pointer-events: none;
  transition: opacity .25s ease;
}
.tab-panel.active { opacity: 1; pointer-events: auto; }
.tab-panel > img.shot { width: 100%; height: 100%; object-fit: contain; display: block; }
.tab-panel .grad {
  position: absolute; left: 0; right: 0; bottom: 0; height: 48%;
  background: linear-gradient(to top, rgba(8,8,11,0.9) 0%, rgba(8,8,11,0.55) 40%, rgba(8,8,11,0) 100%);
  z-index: 2;
  transition: height .4s cubic-bezier(.22,1,.36,1);
}
.tab-panel .cap {
  position: absolute; left: 22px; right: 22px; bottom: 18px; z-index: 3;
  display: flex; flex-direction: column; gap: 3px;
  max-width: min(76%, 600px); pointer-events: none;
}
.tab-panel .cap .t { font-size: 13px; font-weight: 600; color: var(--orange); letter-spacing: .01em; text-shadow: 0 1px 12px rgba(0,0,0,0.6); }
.tab-panel .cap .tag { font-size: 13.5px; font-weight: 400; color: #fff; line-height: 1.45; text-shadow: 0 1px 12px rgba(0,0,0,0.6); }
.tab-panel .cap .desc {
  overflow: hidden; max-height: 0; opacity: 0; margin-top: 0;
  transition: max-height .4s cubic-bezier(.22,1,.36,1), opacity .32s ease, margin-top .32s ease;
  font-size: 12.5px; color: rgba(255,255,255,0.82); line-height: 1.5;
}
.tab-panel:hover .cap .desc { max-height: 200px; opacity: 1; margin-top: 6px; }
.tab-panel:hover .grad { height: 68%; }
.tab-panel.warmup > img.shot { object-fit: cover; filter: blur(7px) saturate(115%); transform: scale(1.08); }
.tab-panel.warmup .scrim { position: absolute; inset: 0; background: rgba(12,10,18,0.5); z-index: 1; }
.tab-panel.warmup .soon {
  position: absolute; inset: 0; z-index: 2;
  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px;
}
.tab-panel.warmup .soon .l1 { font-size: 15px; font-weight: 500; letter-spacing: .16em; text-transform: uppercase; color: rgba(255,255,255,0.92); }
.tab-panel.warmup .soon .l2 { font-family: ui-monospace, 'SF Mono', Menlo, monospace; font-size: 13px; font-weight: 500; letter-spacing: .08em; color: rgba(255,255,255,0.62); font-variant-numeric: tabular-nums; }
.discover {
  background: var(--orange);
  padding: 150px 24px;
  text-align: center;
}
.discover h2 {
  color: #fff;
  font-size: clamp(28px, 4.6vw,47px);
  font-weight: 500;
  letter-spacing: -2px;
  line-height: 1.12;
  max-width: 880px;
  margin: 0 auto;
}
.features { padding: 88px 5px; }
.features-header {
  display: flex; justify-content: space-between; align-items: center;
  gap: 40px; margin-bottom: 36px;
}
.features-header .left { flex: .45 0 0; }
.features-header h2 { font-size: 26px; font-weight: 500; letter-spacing: -0.04em; line-height: 1.1; }
.features-header .desc { flex: .5 0 0; font-size: 16px; color: var(--text-2); line-height: 1.55; }
.bento { display: grid; grid-template-columns: repeat(3, 1fr); gap: 5px; }
.bcard {
  background: #FFFFFF;
  border: 1px solid #E8E8E8;
  border-radius: 3px;
  padding: 20px;
  display: flex; flex-direction: column; gap: 10px;
  overflow: hidden;
}
.bcard h3 { font-size: 16px; font-weight: 500; letter-spacing: -0.02em; }
.bcard p { font-size: 14px; color: var(--text-2); line-height: 1.55; }
.bcard .ph {
  flex: 1;
  min-height: 200px;
  border-radius: 6px;
  background: #F7F7F7;
  border: 1px solid #E8E8E8;
}
.bcard.w2 { grid-column: span 2; }
.bcard.w3 { grid-column: span 3; flex-direction: row; align-items: stretch; gap: 20px; }
.bcard.w3 .txt { flex: 0 0 300px; display: flex; flex-direction: column; justify-content: center; gap: 10px; }
.bcard.w3 .ph { flex: 1; min-height: 200px; }
.channels-visual {
  flex: 1;
  background: #F7F7F7; border: 1px solid #E8E8E8; border-radius: 6px;
  padding: 14px;
}
.channels-visual .cv-title { font-size: 12px; font-weight: 600; color: var(--dark); margin-bottom: 10px; }
.cv-row { display: flex; align-items: center; gap: 8px; padding: 7px 8px; border-radius: 7px; font-size: 13px; font-weight: 500; }
.cv-row + .cv-row { margin-top: 4px; }
.cv-row .chk {
  width: 16px; height: 16px; border-radius: 4px;
  background: var(--orange); color: #fff;
  display: inline-flex; align-items: center; justify-content: center;
  font-size: 10px; flex-shrink: 0;
}
.cv-row:nth-child(odd) { background: #fafafa; }
.metrics { padding: 88px 40px; }
.metrics-head { text-align: center; margin-bottom: 44px; }
.metrics-head .pill-badge { margin: 0 auto 18px; }
.metrics-head h2 { font-size: clamp(23px, 3.4vw,35px); font-weight: 500; letter-spacing: -1.5px; line-height: 1.1; margin-bottom: 14px; }
.metrics-head p { font-size: 17px; color: var(--text-2); max-width: 560px; margin: 0 auto; line-height: 1.5; }
.metrics-body {
  display: grid; grid-template-columns: 0.82fr 1.18fr; gap: 4px; align-items: stretch;
  background: #f7f7f8;
  border: 1px solid #ececec;
  border-radius: 10px;
  padding: 2px;
}
.metrics-tabs {
  display: flex; flex-direction: column; gap: 4px;
}
.mtab {
  flex: 1;
  text-align: left; border-radius: 8px; padding: 30px 28px;
  background: #fbfbfb; border: 1px solid rgba(0,0,0,0.015);
  transition: background .2s, box-shadow .2s, border-color .2s; cursor: pointer;
}
.mtab .mtab-inner { padding-left: 0; }
.mtab .mtab-head { display: flex; align-items: center; gap: 10px; margin-bottom: 11px; }
.mtab .mtab-head .ic { color: #7a7a7a; display: inline-flex; transition: color .2s; }
.mtab .mtab-head .t { font-size: 17px; font-weight: 600; color: #52525b; letter-spacing: -0.01em; transition: color .2s; }
.mtab p { font-size: 15px; color: #a3a3a3; line-height: 1.55; max-width: 310px; transition: color .2s; }
.mtab:not(.active):hover { background: #fdfdfd; }
.mtab.active {
  background: #fff; border-color: #ededed;
  box-shadow: 0 1px 2px rgba(0,0,0,0.04), 0 10px 28px -10px rgba(0,0,0,0.1);
}
.mtab.active .mtab-head .ic { color: #111; }
.mtab.active .mtab-head .t { color: #111; }
.mtab.active p { color: #6b6b6b; }
.metrics-preview {
  background: #fff; border: 1px solid #ededed; border-radius: 8px;
  overflow: hidden; position: relative; min-height: 520px;
}
.mpreview {
  position: absolute; inset: 0; opacity: 0; pointer-events: none;
  transition: opacity .25s; padding: 20px;
}
.mpreview.active { opacity: 1; pointer-events: auto; }
.mpreview video, .mpreview > img {
  width: 100%; height: 100%; object-fit: cover; border-radius: 10px; display: block;
}
.vph {
  width: 100%; height: 100%; border-radius: 10px;
  background: transparent; border: none;
  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 16px;
}
.vph .play {
  width: 58px; height: 58px; border-radius: 50%;
  background: linear-gradient(180deg, var(--orange-light), var(--orange)); color: #fff;
  display: flex; align-items: center; justify-content: center; box-shadow: var(--shadow-btn);
}
.vph .lbl { font-size: 13px; font-weight: 600; color: var(--dark); }
.vph .hint { font-size: 12px; color: var(--text-3); }
.pfeat { padding: 74px 40px 34px; background: #fff; }
.pfeat-head {
  display: grid; grid-template-columns: 1fr 1fr; gap: 32px;
  align-items: start; margin-bottom: 40px;
}
.pfeat-head h2 {
  font-size: clamp(19px, 2.8vw,28px);
  font-weight: 500; letter-spacing: -1.3px; line-height: 1.08;
}
.pfeat-head p {
  font-size: 14.5px; color: var(--text-2); line-height: 1.6;
  max-width: 440px; justify-self: end; padding-top: 5px;
}
.pfeat-row {
  position: relative;
  display: grid; grid-template-columns: 0.5fr minmax(0, 1fr); gap: 40px;
  align-items: center;
  padding: 34px 0;
}
.pfeat-row::before {
  content: ""; position: absolute; top: 0; left: -40px; right: -40px;
  border-top: 1px solid var(--hairline);
}
.pfeat-row.rev { grid-template-columns: minmax(0, 1fr) 0.5fr; }
.pfeat-row.rev .pfeat-txt { order: 2; }
.pfeat-row.rev .pfeat-visual { order: 1; }
.pfeat-txt h3 {
  font-size: 18px; font-weight: 500; letter-spacing: -0.4px;
  margin-bottom: 9px;
}
.pfeat-txt p {
  font-size: 14px; color: var(--text-2); line-height: 1.58;
  margin-bottom: 17px; max-width: 330px;
}
.pfeat-link {
  font-size: 14px; font-weight: 500; color: var(--dark);
  display: inline-flex; align-items: center; gap: 7px;
  transition: color .2s;
}
.pfeat-link span { transition: transform .2s; }
.pfeat-link:hover { color: var(--orange); }
.pfeat-link:hover span { transform: translateX(3px); }
.pfeat-visual {
  background: linear-gradient(180deg, #f7f7f8 0%, #f0f0f2 100%);
  border: 1px solid #ececec; border-radius: 14px;
  aspect-ratio: 16 / 9; min-width: 0; padding: 16px;
  display: flex; overflow: hidden;
}
.pfeat-visual .vph {
  flex: 1; height: auto; align-self: stretch;
  background: #fff; border: 1px solid #ececec; border-radius: 10px;
  box-shadow: 0 14px 40px -16px rgba(0,0,0,0.12);
}
.rdm { flex: 1; align-self: stretch; position: relative; background: #fff; border: 1px solid #ececec; border-radius: 12px; box-shadow: 0 14px 40px -16px rgba(0,0,0,0.12); padding: 20px 20px 0; display: flex; flex-direction: column; overflow: hidden; font-family: inherit; }
.rdm-thread { position: relative; }
.rdm-thead { display: flex; align-items: center; gap: 7px; font-size: 12.5px; }
.rdm-sub { font-weight: 600; color: #1a1a1a; }
.rdm-user { color: #9a9a9a; }
.rdm-sep { color: #cfcfcf; }
.rdm-badges { margin-left: auto; display: inline-flex; align-items: center; gap: 10px; }
.rdm-score { font-size: 11px; font-weight: 500; color: #FA4001; background: #fff1e0; border-radius: 999px; padding: 2px 8px; }
.rdm-new { display: inline-flex; align-items: center; gap: 5px; font-size: 11.5px; color: #3b82f6; font-weight: 500; }
.rdm-new i { width: 6px; height: 6px; border-radius: 50%; background: #3b82f6; }
.rdm-ttitle { font-size: 15px; font-weight: 500; color: #1a1a1a; margin: 13px 0 7px; }
.rdm-tbody { font-size: 13px; line-height: 1.55; color: #b7b7b7; margin: 0; }
.rdm-ai { position: relative; z-index: 2; margin: -14px -4px 0; background: #fff; border: 1px solid #eee; border-radius: 14px; box-shadow: 0 18px 44px -18px rgba(0,0,0,0.20), 0 4px 14px -8px rgba(0,0,0,0.10); padding: 15px 17px 17px; }
.rdm-ai-head { display: flex; align-items: center; margin-bottom: 11px; }
.rdm-ai-label { display: inline-flex; align-items: center; gap: 8px; font-size: 12.5px; font-weight: 600; color: #1e1e1e; }
.rdm-spark { display: inline-flex; }
.rdm-try { margin-left: auto; display: inline-flex; align-items: center; gap: 5px; font-size: 12px; color: #9a9a9a; background: none; border: none; cursor: pointer; transition: color .15s; }
.rdm-try:hover { color: #FA4001; }
.rdm-try svg { width: 13px; height: 13px; }
.rdm-ai-text { font-size: 14px; line-height: 1.6; color: #1c1c1c; margin: 0; }
.rdm-ai-text mark { background: #c4f5b6; color: #16a34a; font-weight: 500; border-radius: 3px; padding: 0 2px; }
.rdm-foot { margin-top: auto; display: flex; align-items: center; gap: 12px; padding: 15px 0 17px; }
.rdm-posting { font-size: 12px; color: #a2a2a2; }
.rdm-posting b { color: #6b6b6b; font-weight: 600; }
.rdm-actions { margin-left: auto; display: inline-flex; align-items: center; gap: 8px; }
.rdm-skip { font-size: 13px; font-weight: 500; color: #6b6b6b; background: none; border: none; padding: 8px 12px; cursor: pointer; border-radius: 8px; transition: background .15s; }
.rdm-skip:hover { background: #f3f3f3; }
.rdm-send { display: inline-flex; align-items: center; gap: 7px; font-size: 13px; font-weight: 600; color: #fff; background: #171717; border: none; border-radius: 9px; padding: 9px 15px; cursor: pointer; transition: background .15s, transform .15s; }
.rdm-send:hover { background: #000; transform: translateY(-1px); }
.rdm-send svg { width: 14px; height: 14px; }
@media (max-width: 900px) { .rdm { padding: 16px 16px 0; } }
.pgen { flex: 1; align-self: stretch; display: flex; flex-direction: column; gap: 12px; font-family: inherit; }
.pgen-top { display: flex; align-items: center; gap: 12px; }
.pgen-genfor { display: inline-flex; align-items: center; gap: 7px; font-size: 13px; color: #8a8a8a; }
.pgen-genfor b { color: #1a1a1a; font-weight: 600; }
.pgen-genfor svg { width: 15px; height: 15px; }
.pgen-tools { margin-left: auto; display: inline-flex; gap: 8px; }
.pgen-tbtn { display: inline-flex; align-items: center; gap: 6px; font-size: 12.5px; font-weight: 500; color: #3a3a3a; background: #fff; border: 1px solid #e4e4e4; border-radius: 8px; padding: 6px 11px; cursor: pointer; transition: border-color .15s, color .15s; }
.pgen-tbtn:hover { border-color: #FA4001; color: #FA4001; }
.pgen-tbtn svg { width: 13px; height: 13px; }
.pgen-card { position: relative; flex: 1; min-height: 0; background: #fff; border: 1px solid #ececec; border-radius: 12px; box-shadow: 0 14px 40px -16px rgba(0,0,0,0.12); padding: 18px 20px; overflow: hidden; display: flex; flex-direction: column; }
.pgen-post { display: flex; flex-direction: column; flex: 1; min-height: 0; filter: blur(3px); opacity: 0.82; transform: scale(1.01); pointer-events: none; }
.pgen-head { display: flex; align-items: center; gap: 9px; }
.pgen-av { width: 26px; height: 26px; border-radius: 50%; background: #1a1a1a; color: #fff; font-size: 11.5px; font-weight: 500; display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; }
.pgen-meta { font-size: 12.5px; color: #9a9a9a; }
.pgen-meta b { color: #1a1a1a; font-weight: 600; }
.pgen-tag { margin-left: auto; font-size: 11.5px; font-weight: 500; color: #6b6b6b; border: 1px solid #e4e4e4; border-radius: 999px; padding: 2px 11px; }
.pgen-title { font-size: 15.5px; font-weight: 500; color: #1a1a1a; line-height: 1.35; margin: 13px 0 9px; }
.pgen-body { flex: 1 1 auto; font-size: 12.5px; line-height: 1.7; color: #c4c4c4; }
.pgen-body p { margin: 0 0 11px; }
.pgen-check { position: absolute; left: 24px; right: 14px; top: 100px; background: #fff; border: 1px solid #f0f0f0; border-radius: 12px; box-shadow: 0 22px 54px -18px rgba(0,0,0,0.24), 0 6px 16px -8px rgba(0,0,0,0.10); padding: 4px 18px; }
.pgen-risk { position: absolute; top: -14px; right: 12px; display: inline-flex; align-items: center; gap: 6px; font-size: 12px; color: #4a4a4a; background: #fff; border: 1px solid #ececec; border-radius: 999px; padding: 4px 11px; box-shadow: 0 6px 16px -8px rgba(0,0,0,0.14); }
.pgen-risk svg { width: 13px; height: 13px; color: #16a34a; }
.pgen-risk b { color: #16a34a; font-weight: 500; }
.pgen-list { list-style: none; margin: 0; padding: 0; }
.pgen-list li { display: flex; gap: 12px; align-items: flex-start; padding: 12px 0; border-top: 1px solid #f4f4f4; }
.pgen-list li:first-child { border-top: 0; }
.pgen-ci { flex: 0 0 auto; width: 22px; height: 22px; border-radius: 50%; border: 1.5px solid #d6f0dd; background: #f0faf3; color: #16a34a; display: inline-flex; align-items: center; justify-content: center; margin-top: 1px; }
.pgen-ci svg { width: 12px; height: 12px; }
.pgen-ct b { display: block; font-size: 13.5px; font-weight: 600; color: #1a1a1a; }
.pgen-ct span { display: block; font-size: 12px; color: #9a9a9a; margin-top: 2px; }
.pgen-foot { margin-top: auto; display: flex; align-items: center; gap: 14px; padding-top: 15px; border-top: 1px solid #f2f2f2; }
.pgen-acts { display: inline-flex; gap: 20px; }
.pgen-acts span { display: inline-flex; align-items: center; gap: 6px; font-size: 12.5px; color: #8a8a8a; }
.pgen-acts svg, .pgen-save svg { width: 14px; height: 14px; }
.pgen-save { margin-left: auto; display: inline-flex; align-items: center; gap: 6px; font-size: 12.5px; color: #8a8a8a; }
@media (max-width: 900px) { .pgen-card { padding: 16px; } .pgen-check { left: 16px; right: 10px; } }
.warm { flex: 1; align-self: stretch; min-width: 0; display: flex; flex-direction: column; gap: 13px; background: #fff; border: 1px solid #ececec; border-radius: 12px; box-shadow: 0 14px 40px -16px rgba(0,0,0,0.12); padding: 18px 18px 16px; font-family: inherit; }
.warm-head { display: flex; align-items: center; gap: 10px; }
.warm-av { width: 30px; height: 30px; border-radius: 50%; background: linear-gradient(180deg,#FF6B3D,#FA4001); color: #fff; font-size: 14px; font-weight: 500; display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; }
.warm-id { display: flex; flex-direction: column; line-height: 1.25; }
.warm-id b { font-size: 13.5px; font-weight: 500; color: #1a1a1a; }
.warm-id span { font-size: 11.5px; color: #9a9a9a; }
.warm-state { margin-left: auto; display: inline-flex; align-items: center; gap: 6px; font-size: 11.5px; font-weight: 600; color: #b45309; background: #fff5e6; border: 1px solid #ffe4bf; border-radius: 999px; padding: 4px 10px; }
.warm-state i { width: 6px; height: 6px; border-radius: 50%; background: #FA4001; box-shadow: 0 0 0 3px rgba(250, 64, 1,.16); }
.warm-karma { display: flex; align-items: center; gap: 12px; padding: 11px 14px; background: #fafafa; border: 1px solid #f0f0f0; border-radius: 10px; }
.warm-kfig { display: flex; flex-direction: column; line-height: 1; }
.warm-kfig b { font-size: 22px; font-weight: 500; color: #1a1a1a; font-variant-numeric: tabular-nums; }
.warm-kfig span { font-size: 11px; color: #9a9a9a; margin-top: 3px; }
.warm-kdelta { font-size: 12px; font-weight: 600; color: #16a34a; }
.warm-spark { margin-left: auto; display: flex; align-items: flex-end; gap: 3px; height: 30px; }
.warm-spark i { width: 5px; border-radius: 2px; background: #ffd9b0; }
.warm-spark i:last-child { background: #FA4001; }
.warm-prog { height: 6px; border-radius: 999px; background: #f0f0f0; overflow: hidden; }
.warm-prog span { display: block; height: 100%; border-radius: 999px; background: linear-gradient(90deg,#FF6B3D,#FA4001); }
.warm-log { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; }
.warm-log li { display: flex; gap: 11px; align-items: center; padding: 8.5px 0; border-top: 1px solid #f4f4f4; }
.warm-log li:first-child { border-top: 0; }
.wi { flex: 0 0 auto; width: 22px; height: 22px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; }
.wi svg { width: 12px; height: 12px; }
.wi.ok { border: 1.5px solid #d6f0dd; background: #f0faf3; color: #16a34a; }
.wi.lock { border: 1.5px solid #ffe4bf; background: #fff5e6; color: #FA4001; }
.wt { display: flex; flex-direction: column; line-height: 1.3; }
.wt b { font-size: 13px; font-weight: 600; color: #1a1a1a; }
.wt span { font-size: 11.5px; color: #9a9a9a; }
.warm-foot { margin-top: auto; display: inline-flex; align-items: center; gap: 7px; font-size: 11.5px; color: #8a8a8a; padding-top: 12px; border-top: 1px solid #f2f2f2; }
.warm-foot svg { width: 14px; height: 14px; color: #16a34a; flex: 0 0 auto; }
.attr { flex: 1; align-self: stretch; min-width: 0; display: flex; flex-direction: column; gap: 12px; background: #fff; border: 1px solid #ececec; border-radius: 12px; box-shadow: 0 14px 40px -16px rgba(0,0,0,0.12); padding: 18px; font-family: inherit; }
.attr-head { display: flex; align-items: center; }
.attr-title { font-size: 13px; font-weight: 600; color: #1a1a1a; }
.attr-pill { margin-left: auto; font-size: 11.5px; font-weight: 600; color: #16a34a; background: #f0faf3; border: 1px solid #d6f0dd; border-radius: 999px; padding: 3px 10px; }
.attr-lead { display: flex; align-items: center; gap: 10px; padding: 11px 13px; background: #fafafa; border: 1px solid #f0f0f0; border-radius: 10px; }
.attr-dot { width: 8px; height: 8px; border-radius: 50%; background: #16a34a; box-shadow: 0 0 0 3px rgba(22,163,74,.14); flex: 0 0 auto; }
.attr-lmeta { display: flex; flex-direction: column; line-height: 1.3; }
.attr-lmeta b { font-size: 13px; font-weight: 600; color: #1a1a1a; }
.attr-lmeta span { font-size: 11.5px; color: #9a9a9a; }
.attr-val { margin-left: auto; font-size: 15px; font-weight: 500; color: #1a1a1a; font-variant-numeric: tabular-nums; }
.attr-val small { font-size: 10px; color: #9a9a9a; font-weight: 600; }
.attr-chain { position: relative; display: flex; flex-direction: column; gap: 13px; padding: 4px 0 4px 8px; }
.attr-chain::before { content: ""; position: absolute; left: 18px; top: 15px; bottom: 15px; width: 2px; background: linear-gradient(180deg,#ffce9a,#f0f0f0); }
.attr-step { position: relative; display: flex; align-items: center; gap: 12px; }
.ac-ic { position: relative; z-index: 1; flex: 0 0 auto; width: 22px; height: 22px; border-radius: 6px; display: inline-flex; align-items: center; justify-content: center; font-size: 11px; font-weight: 500; }
.ac-ic svg { width: 13px; height: 13px; }
.ac-ic.sub { background: #fff1e0; color: #FA4001; border-radius: 50%; }
.ac-ic.reply { background: #ede9fe; color: #7c3aed; }
.ac-ic.click { background: #e0f2fe; color: #0284c7; }
.ac-tx { display: flex; flex-direction: column; line-height: 1.3; }
.ac-tx b { font-size: 13px; font-weight: 600; color: #1a1a1a; }
.ac-tx span { font-size: 11.5px; color: #9a9a9a; }
.attr-stats { margin-top: auto; display: grid; grid-template-columns: repeat(4,1fr); gap: 8px; padding-top: 13px; border-top: 1px solid #f2f2f2; }
.attr-stats div { display: flex; flex-direction: column; }
.attr-stats b { font-size: 16px; font-weight: 500; color: #1a1a1a; font-variant-numeric: tabular-nums; }
.attr-stats span { font-size: 11px; color: #9a9a9a; margin-top: 2px; }
.geo { flex: 1; align-self: stretch; min-width: 0; display: flex; flex-direction: column; gap: 12px; background: #fff; border: 1px solid #ececec; border-radius: 12px; box-shadow: 0 14px 40px -16px rgba(0,0,0,0.12); padding: 18px; font-family: inherit; }
.geo-head { display: flex; align-items: center; }
.geo-title { font-size: 13px; font-weight: 600; color: #1a1a1a; }
.geo-delta { margin-left: auto; font-size: 11.5px; font-weight: 600; color: #16a34a; }
.geo-chart { height: 84px; border: 1px solid #f0f0f0; border-radius: 10px; background: #fafafa; padding: 9px 11px; }
.geo-chart svg { width: 100%; height: 100%; display: block; }
.geo-models { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; }
.geo-models li { display: flex; align-items: center; gap: 10px; padding: 7.5px 0; border-top: 1px solid #f4f4f4; }
.geo-models li:first-child { border-top: 0; }
.gm-name { display: inline-flex; align-items: center; gap: 8px; font-size: 12.5px; font-weight: 500; color: #1a1a1a; width: 94px; flex: 0 0 auto; }
.gm-name i { width: 8px; height: 8px; border-radius: 50%; flex: 0 0 auto; }
.gm-bar { flex: 1; height: 6px; border-radius: 999px; background: #f0f0f0; overflow: hidden; }
.gm-bar i { display: block; height: 100%; border-radius: 999px; background: linear-gradient(90deg,#FF6B3D,#FA4001); }
.gm-val { font-size: 12px; font-weight: 600; color: #4a4a4a; font-variant-numeric: tabular-nums; width: 34px; text-align: right; flex: 0 0 auto; }
.gm-rank { font-size: 11px; font-weight: 600; width: 36px; text-align: right; flex: 0 0 auto; }
.gm-rank.up { color: #16a34a; }
.gm-rank.flat { color: #b0b0b0; }
.geo-foot { margin-top: auto; font-size: 11.5px; color: #8a8a8a; padding-top: 12px; border-top: 1px solid #f2f2f2; }
.geo-foot b { color: #FA4001; font-weight: 500; }
.pfeat-visual[data-video] { position: relative; }
.pfeat-vid { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; border-radius: 14px; background: #fff; transform: scale(1.1); z-index: 3; opacity: 0; transition: opacity .4s ease; }
.pfeat-visual.has-video .pfeat-vid { opacity: 1; }
.pfeat-visual.has-video > *:not(video) { visibility: hidden; }
@media (max-width: 900px) { .pfeat-vid { inset: 0; width: 100%; height: 100%; } }
@media (max-width: 900px) {
  .pfeat { padding: 64px 20px 20px; }
  .pfeat-head { grid-template-columns: 1fr; gap: 14px; margin-bottom: 40px; }
  .pfeat-head p { justify-self: start; }
  .pfeat-row, .pfeat-row.rev { grid-template-columns: 1fr; gap: 20px; padding: 36px 0; }
  .pfeat-row.rev .pfeat-txt { order: 1; }
  .pfeat-row.rev .pfeat-visual { order: 2; }
  .pfeat-visual { min-height: 0; }
}
.network { padding: 88px 40px 0; }
.network .net-eyebrow {
  font-size: 12px; font-weight: 500; letter-spacing: .12em;
  text-transform: uppercase; color: var(--orange); margin-bottom: 18px;
}
.network h2 {
  font-size: clamp(21px, 2.5vw,28px);
  font-weight: 500; letter-spacing: -1px; line-height: 1.14;
  margin-bottom: 12px;
}
.network h2 span { color: #b3b3b3; }
.net-sub { font-size: 16px; color: var(--text-2); letter-spacing: -0.2px; line-height: 1.4; margin-bottom: 26px; }
.net-band {
  position: relative;
  margin: 44px -40px 0;
  border-top: 1px solid var(--hairline);
  border-bottom: 1px solid var(--hairline);
  overflow: hidden;
}
.net-band::before, .net-band::after {
  content: ''; position: absolute; top: 0; bottom: 0; width: 300px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15'%3E%3Crect x='6.5' y='6.5' width='2.2' height='2.2' fill='%237882a0' fill-opacity='0.16'/%3E%3C/svg%3E");
  background-size: 15px 15px;
  -webkit-mask-image: linear-gradient(to right, #000, transparent);
  mask-image: linear-gradient(to right, #000, transparent);
  pointer-events: none; z-index: 0;
}
.net-band::before { left: 0; }
.net-band::after { right: 0; transform: scaleX(-1); }
.net-grid {
  position: relative; z-index: 1;
  max-width: 1000px; margin: 0 auto;
  display: grid; grid-template-columns: 1fr 1fr; align-items: center;
  gap: 40px; padding: 40px 40px 56px;
}
.net-left h3 { font-size: 22px; font-weight: 500; letter-spacing: -0.6px; margin-bottom: 24px; }
.net-checks { display: flex; flex-direction: column; gap: 14px; margin-bottom: 32px; }
.net-checks li { display: flex; align-items: center; gap: 10px; font-size: 15px; color: #3a3a3a; }
.net-checks .chk { flex-shrink: 0; width: 16px; height: 16px; display: inline-flex; align-items: center; justify-content: center; color: var(--orange); }
.net-checks .chk svg { width: 16px; height: 16px; }
.net-cta { display: inline-flex; align-items: center; gap: 10px; font-size: 15px; padding: 15px 26px; }
.net-graph { position: relative; width: 100%; max-width: 560px; margin: 0 auto; aspect-ratio: 1; justify-self: center; }
.net-lines { position: absolute; inset: 0; width: 100%; height: 100%; z-index: 1; overflow: visible; }
.net-lines .spoke { stroke: #e2e2e6; stroke-width: 1; }
.net-lines .link { stroke: #edeff3; stroke-width: 1; }
.net-lines .ring { fill: none; stroke: #eeeef1; stroke-width: 1; stroke-dasharray: 2 6; }
.net-node {
  position: absolute; transform: translate(-50%, -50%); z-index: 2;
  width: 52px; height: 52px; border-radius: 14px;
  background: #fff; border: 1px solid #ececec;
  box-shadow: 0 2px 10px rgba(0,0,0,.05);
  display: flex; align-items: center; justify-content: center;
  color: #a2a7b0;
  transition: color .2s, box-shadow .2s, transform .2s, border-color .2s;
}
.net-node svg { width: 24px; height: 24px; fill: currentColor; display: block; }
.net-node:hover { color: #111; border-color: #dcdcdc; box-shadow: 0 10px 24px -8px rgba(0,0,0,.2); transform: translate(-50%, -50%) scale(1.07); }
.net-node.float:hover { animation: none; }
.net-node.center {
  left: 50%; top: 50%;
  width: 78px; height: 78px; border-radius: 20px;
  background: #0a0a0a; border: none; color: #fff; padding: 0; overflow: hidden;
  box-shadow: 0 10px 28px rgba(0,0,0,.28); z-index: 4;
}
.net-node.center img { width: 100%; height: 100%; object-fit: cover; }
.net-node.member { width: auto; min-width: 46px; height: 36px; border-radius: 9px; padding: 7px 11px; }
.net-node.member img { max-height: 15px; max-width: 76px; width: auto; height: auto; object-fit: contain; filter: grayscale(100%); opacity: .8; transition: filter .2s, opacity .2s; }
.net-node.member:hover img { filter: none; opacity: 1; }
.net-node.you { background: linear-gradient(180deg, var(--orange-light), var(--orange)); border: none; box-shadow: var(--shadow-btn); color: #fff; font-size: 12.5px; font-weight: 500; letter-spacing: -.2px; white-space: nowrap; }
.net-arrow { position: absolute; right: 18px; bottom: 16px; z-index: 5; display: inline-flex; align-items: center; gap: 9px; }
.net-arrow .hint { font-size: 12px; font-weight: 500; color: var(--text-3); opacity: 0; transform: translateX(6px); transition: opacity .2s ease, transform .25s cubic-bezier(.2,.8,.2,1); }
.net-arrow .disc { width: 34px; height: 34px; border-radius: 50%; background: #fff; border: 1px solid var(--card-border); box-shadow: var(--shadow-card); display: inline-flex; align-items: center; justify-content: center; color: var(--text-2); transition: all .2s; animation: arrow-pulse 2.6s ease-in-out infinite; }
.net-arrow:hover .hint { opacity: 1; transform: translateX(0); }
.net-arrow:hover .disc { background: linear-gradient(180deg, var(--orange-light), var(--orange)); color: #fff; border-color: transparent; box-shadow: var(--shadow-btn); animation: none; }
@keyframes arrow-pulse { 0%,100% { box-shadow: var(--shadow-card); } 50% { box-shadow: 0 0 0 6px rgba(250, 64, 1,.10), var(--shadow-card); } }
.net-node.center:hover { transform: translate(-50%, -50%); }
.net-node.float { animation: netfloat 7s ease-in-out infinite; }
@keyframes netfloat {
  0%, 100% { transform: translate(-50%, -50%) translateY(0); }
  50%      { transform: translate(-50%, -50%) translateY(-4px); }
}
@media (prefers-reduced-motion: reduce) { .net-node.float { animation: none; } }
.net-graph{ max-width:600px; }
.net-node{ cursor:grab; touch-action:none; transition:color .2s, box-shadow .2s, transform .2s, border-color .2s, opacity .2s; }
.net-node.center{ cursor:default; }
.net-node.grabbing{ cursor:grabbing; }
.net-node.active{ color:#111; border-color:#dcdcdc; box-shadow:0 12px 26px -8px rgba(0,0,0,.22); transform:translate(-50%,-50%) scale(1.08); z-index:6; }
.net-node.member.active img{ filter:none; opacity:1; }
.net-lines .link, .net-lines .spoke{ transition:stroke .18s ease, stroke-width .18s ease, opacity .18s ease; }
.net-lines .lit{ stroke:#FA4001; stroke-width:1.6; opacity:1 !important; }
.net-graph.focus .net-node:not(.active):not(.center){ opacity:.32; }
.net-graph.focus .net-lines .link:not(.lit){ opacity:.28; }
.net-graph.focus .net-lines .spoke:not(.lit){ opacity:.5; }
.net-stat{ display:flex; align-items:baseline; gap:13px; margin:0 0 26px; }
.net-stat .num{ font-size:42px; font-weight:500; letter-spacing:-2px; line-height:1; background:linear-gradient(180deg,var(--orange-light),var(--orange)); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; }
.net-stat .lbl{ font-size:14px; color:var(--text-2); max-width:210px; line-height:1.35; }
.mcpchat{ position:relative; box-sizing:border-box; width:100%; padding:88px 40px; background:#fff; font-family:inherit; color:rgb(107,107,107); -webkit-font-smoothing:antialiased; }
.mcpchat *,.mcpchat *::before,.mcpchat *::after{ box-sizing:border-box; }
.mcpchat::before{ content:''; position:absolute; inset:0; z-index:0; pointer-events:none;
  background-image:
    linear-gradient(to right, rgba(70,80,105,0.05) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(70,80,105,0.05) 1px, transparent 1px);
  background-size:78px 78px; background-position:center;
  -webkit-mask-image:radial-gradient(125% 85% at 50% 42%, #000 26%, transparent 76%);
  mask-image:radial-gradient(125% 85% at 50% 42%, #000 26%, transparent 76%); }
.mcpchat::after{ content:''; position:absolute; top:0; left:50%; width:100vw; margin-left:-50vw; border-top:1px solid var(--hairline); pointer-events:none; z-index:0; }
.mcpchat-wrap{ position:relative; z-index:1; max-width:950px; margin:0 auto; }
.mcpchat-head{ display:flex; align-items:flex-start; justify-content:space-between; gap:32px; margin-bottom:48px; }
.mcpchat-head-text{ max-width:600px; }
.mcpchat-eyebrow{ display:inline-block; font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace; font-size:12.5px; font-weight:600; letter-spacing:.1em; text-transform:uppercase; color:#FA4001; margin-bottom:20px; }
.mcpchat-title{ font-size:clamp(33px,4.6vw,50px); line-height:1.0; font-weight:500; letter-spacing:-.035em; color:#0a0a0a; margin:0 0 20px; }
.mcpchat-sub{ font-size:19px; line-height:1.5; color:#0a0a0a; margin:0; max-width:570px; font-weight:400; }
.mcpchat-sub .g{ color:#bcbcbc; }
.mcpchat-cta{ flex:0 0 auto; display:inline-flex; align-items:center; font-size:15px; font-weight:500; color:#0a0a0a; text-decoration:none; background:linear-gradient(180deg,#ffffff 0%,#ebebed 100%); border:1px solid #e2e2e5; border-radius:12px; padding:13px 22px; box-shadow:inset 0 1.5px 0 rgba(255,255,255,0.95), 0 1px 2px rgba(0,0,0,0.06); transition:background .18s, box-shadow .18s; white-space:nowrap; }
.mcpchat-cta:hover{ background:linear-gradient(180deg,#fafafa 0%,#e3e3e6 100%); box-shadow:inset 0 1.5px 0 rgba(255,255,255,0.9), 0 2px 5px rgba(0,0,0,0.08); }
.mcpchat-visual{ max-width:600px; margin:0 auto; }
.tt-cards{ display:grid; grid-template-columns:repeat(3,1fr); gap:11px; position:relative; z-index:1; }
.tt-card{ background:#fff; border:1px solid #ececec; border-radius:12px; padding:12px 13px; box-shadow:0 8px 22px -16px rgba(0,0,0,.16); filter: blur(2px); opacity:.92; transition: filter .25s ease, opacity .25s ease; }
.tt-card:hover{ filter: blur(0); opacity:1; }
.tt-card-label{ font-size:10.5px; color:#a0a0a0; margin-bottom:9px; }
.tt-card-row{ display:flex; align-items:center; justify-content:space-between; gap:6px; }
.tt-card-main{ font-size:13.5px; font-weight:600; color:#1a1a1a; line-height:1.3; }
.tt-delta{ font-size:11px; font-weight:600; color:#FA4001; flex:0 0 auto; }
.tt-bar{ height:5px; border-radius:999px; background:#f1f1f1; margin:11px 0 9px; overflow:hidden; }
.tt-bar > i{ display:block; height:100%; border-radius:999px; background:var(--orange); }
.tt-card-meta{ font-size:11px; color:#9a9a9a; margin-top:9px; }
.tt-tag{ display:inline-block; font-size:10.5px; font-weight:600; color:#5a5a5a; background:#f5f5f5; border-radius:6px; padding:2px 8px; margin-top:9px; }
.tt-prompt{ position:relative; z-index:2; max-width:520px; margin:-12px auto 0; background:#fff; border:1px solid #ececec; border-radius:16px; box-shadow:0 20px 46px -22px rgba(0,0,0,.22); padding:16px 16px 12px; }
.tt-prompt-text{ font-size:15px; color:#1e1e1e; line-height:1.4; margin-bottom:14px; }
.tt-prompt-row{ display:flex; align-items:center; justify-content:space-between; gap:10px; }
.tt-chip{ display:inline-flex; align-items:center; gap:7px; background:#fff6ee; border:1px solid #fcd9bd; color:#0a0a0a; font-size:13px; font-weight:600; border-radius:999px; padding:5px 10px; }
.tt-chip-ic{ width:16px; height:16px; border-radius:5px; overflow:hidden; flex:0 0 auto; display:inline-flex; align-items:center; justify-content:center; }
.tt-chip-ic img{ width:100%; height:100%; object-fit:cover; }
.tt-chip .x{ color:#b6b6b6; font-weight:400; font-size:14px; cursor:pointer; line-height:1; }
.tt-go{ flex:0 0 auto; width:34px; height:34px; border:none; border-radius:50%; background:#FA4001; color:#fff; cursor:pointer; display:inline-flex; align-items:center; justify-content:center; box-shadow:0 5px 14px -4px rgba(250, 64, 1,.5); transition:background .16s; }
.tt-go:hover{ background:#e56800; }
.tt-go svg{ width:15px; height:15px; }
.mcpchat-works{ text-align:center; margin-top:40px; }
.mcpchat-works-label{ display:block; font-size:14px; color:#9a9a9a; margin-bottom:16px; }
.mcpchat-works-logos{ display:inline-flex; align-items:center; gap:12px; }
.mcpchat-logo{ position:relative; width:42px; height:42px; border-radius:50%; background:#fff; border:1px solid #ececec; box-shadow:0 5px 14px -6px rgba(0,0,0,.14); display:inline-flex; align-items:center; justify-content:center; cursor:pointer; transition: transform .22s cubic-bezier(.2,.8,.2,1), box-shadow .22s ease, border-color .22s; }
.mcpchat-logo img{ width:21px; height:21px; object-fit:contain; display:block; transition: transform .22s cubic-bezier(.2,.8,.2,1); }
.mcpchat-logo:hover{ transform: translateY(-6px) scale(1.16); border-color: rgba(250, 64, 1,.4); box-shadow: 0 0 0 4px rgba(250, 64, 1,.1), 0 14px 28px -10px rgba(0,0,0,.28); z-index:6; }
.mcpchat-logo:hover img{ transform: scale(1.05); }
.mcpchat-tip{
  position:absolute; bottom: calc(100% + 12px); left:50%;
  transform: translate(-50%, 6px) scale(.95);
  background:#fff; color:#0a0a0a;
  border:1px solid #21212117;
  padding:9px 13px 8px; border-radius:11px;
  white-space:nowrap; text-align:center;
  box-shadow:0 .6px .6px -1.25px #0000002e, 0 2.3px 2.3px -2.5px #00000029, 0 18px 34px -12px rgba(0,0,0,.22);
  opacity:0; visibility:hidden; pointer-events:none;
  transition: opacity .18s ease, transform .22s cubic-bezier(.2,.8,.2,1), visibility .18s;
  z-index:7;
}
.mcpchat-tip::after{
  content:''; position:absolute; top:100%; left:50%; transform:translateX(-50%);
  border:6px solid transparent; border-top-color:#fff; border-bottom:none;
  filter: drop-shadow(0 1px 0 rgba(0,0,0,.08));
}
.mcpchat-tip .tn{ display:block; font-size:12px; font-weight:500; letter-spacing:-.1px; margin-bottom:3px; }
.mcpchat-tip .tn.ok{ color:#1f9d4d; }
.mcpchat-tip .tc{ display:block; font-family:ui-monospace, SFMono-Regular, Menlo, monospace; font-size:11px; color:#FA4001; }
.mcpchat-logo:hover .mcpchat-tip{ opacity:1; visibility:visible; transform: translate(-50%, 0) scale(1); }
@media (max-width:860px){ .mcpchat-head{ flex-direction:column; gap:24px; } }
@media (max-width:560px){ .mcpchat{ padding:58px 16px; } .tt-cards{ grid-template-columns:1fr; max-width:340px; margin:0 auto; } .tt-prompt{ margin-top:16px; } }
.pm-quote { padding: 24px 0; }
.pm-quote-card {
  height: 420px;
  background: #ffffff54;
  border: none;
  border-top: 1px solid #e8e8e8;
  border-bottom: 1px solid #e8e8e8;
  border-radius: 0;
  padding: 20px;
  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 24px;
  text-align: center;
}
.pm-quote-card .avatar { width: 100px; height: 102px; border-radius: 95px; object-fit: cover; }
.pm-quote-card .q { font-size: 16px; font-weight: 500; line-height: 1.5em; max-width: 560px; }
.pm-quote-card .who { font-size: 14px; color: var(--text-2); line-height: 1.5em; }
.feedbacks { padding: 81px 40px; }
.feedbacks-header { text-align: center; margin-bottom: 28px; }
.feedbacks-header .pill-badge { margin-bottom: 14px; }
.feedbacks-header h2 { font-size: 26px; font-weight: 500; line-height: 1.1em; letter-spacing: -0.02em; }
.fb-grid { display: flex; flex-direction: column; gap: 12px; max-width: 1020px; margin: 0 auto; }
.fb-row { display: flex; gap: 12px; }
.fb-card {
  flex: 1 0 0;
  background: #fff;
  border: 1px solid var(--card-border);
  border-radius: 10px;
  padding: 21px;
  display: flex; flex-direction: column; gap: 21px;
  justify-content: space-between;
  box-shadow: var(--shadow-card);
}
.fb-card .q { font-size: 12px; color: var(--text-2); line-height: 1.5em; width: 89%; }
.fb-foot { display: flex; align-items: center; gap: 10px; }
.fb-foot .av-sq { width: 43px; height: 43px; border-radius: 25%; object-fit: cover; }
.fb-foot .av-ci { width: 38px; height: 38px; border-radius: 50%; object-fit: cover; }
.fb-foot .meta { flex: 1; }
.fb-foot .n { font-size: 12px; font-weight: 500; color: var(--dark); }
.fb-foot .r { font-size: 12px; color: var(--text-2); }
.fb-foot .logo { max-height: 23px; max-width: 110px; object-fit: contain; }
.fb-foot .logo-txt { font-size: 12px; font-weight: 500; color: rgb(61,61,61); }
.fb-foot .logo-txt.mt .thin { font-weight: 300; }
.fb-ghost-row { display: flex; gap: 12px; }
.fb-ghost { flex: 1 0 0; min-height: 110px; border-radius: 10px; }
.fb-ghost-row.top .fb-ghost { background: linear-gradient(#fafafa 0%, #fff 100%); }
.fb-ghost-row.bottom .fb-ghost { background: linear-gradient(#fff 0%, #fafafa 100%); }
.bottom-cta { padding: 40px; }
.bottom-cta-card {
  border: 1px solid var(--hairline);
  border-radius: 20px;
  background: linear-gradient(180deg, #FFFFFF 0%, #F8F8F9 100%);
  display: flex; align-items: center; gap: 24px;
  overflow: hidden;
  min-height: 380px;
  position: relative;
}
.bottom-cta-card .txt { flex: 0 0 46%; padding: 56px 0 56px 56px; position: relative; z-index: 2; }
.bottom-cta-card h2 { font-size: clamp(23px, 3vw,31px); font-weight: 500; letter-spacing: -0.04em; margin-bottom: 26px; }
.bottom-cta-card h2 span { color: var(--orange); }
.bottom-cta-card .btns { display: flex; gap: 12px; }
.bottom-cta-card .shots {
  position: absolute; inset: 0; z-index: 1; pointer-events: none;
  -webkit-mask-image: linear-gradient(100deg, transparent 34%, #000 62%);
  mask-image: linear-gradient(100deg, transparent 34%, #000 62%);
}
.bottom-cta-card .shot {
  position: absolute; border-radius: 12px;
  border: 1px solid rgba(0,0,0,0.05);
  box-shadow: 0 24px 60px -20px rgba(0,0,0,0.18);
  overflow: hidden; aspect-ratio: 16/10; background: #fff;
}
.bottom-cta-card .shot img {
  width: 116%; max-width: none; height: auto;
  transform: translate(-13.5%, -15.5%);
}
.bottom-cta-card .shot.back {
  right: 34%; top: 12%; width: 34%;
  transform: perspective(1200px) rotateX(8deg) rotateY(-9deg) rotate(-4deg);
  filter: blur(3px); opacity: .45;
}
.bottom-cta-card .shot.mid {
  right: 15%; top: 4%; width: 40%;
  transform: perspective(1200px) rotateX(7deg) rotateY(-8deg) rotate(-3deg);
  filter: blur(1.6px); opacity: .8;
}
.bottom-cta-card .shot.front {
  right: -7%; top: 16%; width: 48%;
  transform: perspective(1200px) rotateX(5deg) rotateY(-7deg) rotate(-2deg);
  filter: blur(.4px);
}
.faq { background: #fff; padding: 104px 48px; overflow: hidden; border-top: 1px solid var(--hairline); }
.faq-grid { display: grid; grid-template-columns: 1fr 1.25fr; gap: 90px; max-width: 990px; margin: 0 auto; align-items: start; }
.faq-eyebrow { display: block; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 12px; font-weight: 600; letter-spacing: .1em; color: var(--orange); margin-bottom: 20px; }
.faq-left h2 { color: var(--dark); font-size: clamp(26px, 3.4vw,37px); font-weight: 400; letter-spacing: -2px; line-height: 1.04; margin-bottom: 20px; }
.faq-left .faq-sub { font-size: 14px; color: var(--text-3); line-height: 1.65; max-width: 280px; }
.faq-left .faq-sub a { color: var(--dark); text-decoration: underline; text-underline-offset: 3px; transition: color .2s; }
.faq-left .faq-sub a:hover { color: var(--orange); }
.faq-item { position: relative; }
.faq-item::after { content: ""; position: absolute; bottom: 0; left: -3000px; right: -3000px; border-top: 1px dashed #d4d4d4; pointer-events: none; }
.faq-q {
  width: 100%; display: flex; align-items: center; justify-content: space-between;
  text-align: left; padding: 23px 4px;
  font-size: 15px; font-weight: 300; letter-spacing: -.2px; color: var(--dark);
}
.faq-q .chev { flex-shrink: 0; margin-left: 16px; color: var(--text-3); transition: transform .25s; display: inline-flex; }
.faq-a {
  max-height: 0; overflow: hidden; transition: max-height .3s ease;
  font-size: 14px; color: var(--text-2); line-height: 1.65; padding: 0 4px; max-width: 94%;
}
.faq-item.open .faq-a { max-height: 220px; padding-bottom: 23px; }
.faq-item.open .faq-q .chev { transform: rotate(180deg); }
@media (max-width: 860px) { .faq { padding: 64px 20px; } .faq-grid { grid-template-columns: 1fr; gap: 40px; } }
footer.rfoot { background: #16140f; color: #f2efe8; font-size: 14px; position: relative; overflow: hidden; }
.rf-inner { max-width: 1200px; margin: 0 auto; padding: 0 40px; }
.rf-nav { display: flex; flex-wrap: wrap; gap: 12px 36px; padding: 56px 0 0; }
.rf-nav a { font-size: 13.5px; font-weight: 200; color: #1B1B1B; }
.rf-nav a:hover { opacity: .65; }
.rf-cols { display: grid; grid-template-columns: repeat(5, 1fr); gap: 48px 32px; padding: 54px 0 88px; }
.rf-col .rf-h { font-size: 14px; font-weight: 600; margin: 0 0 20px; }
.rf-col .rf-h.rf-later { margin-top: 46px; }
.rf-col .rf-h.rf-underline { text-decoration: underline; text-underline-offset: 3px; }
.rf-col ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 14px; }
.rf-col li { line-height: 20px; }
.rf-col a { color: #4B4B47; transition: color .15s; }
.rf-col a:hover { color: #1B1B1B; }
.rf-badge { display: inline-block; margin-left: 7px; padding: 2px 6px 1px; font-size: 10px; font-weight: 600; letter-spacing: .05em; background: #FFE3C7; color: #8F4A00; border-radius: 3px; vertical-align: 1px; white-space: nowrap; }
.rf-band { border-top: 1px solid #E5E5E0; }
.rf-band-in { display: grid; grid-template-columns: .95fr 1.1fr 1.4fr; gap: 44px; align-items: center; padding-top: 52px; padding-bottom: 52px; }
.rf-logo { display: flex; align-items: center; gap: 9px; font-weight: 500; font-size: 21px; letter-spacing: -.04em; }
.rf-logo img { width: 30px; height: 30px; border-radius: 8px; }
.rf-logo .ai { font-weight: 300; color: #8A8A85; letter-spacing: -.02em; }
.rf-addr { font-style: normal; margin-top: 16px; color: #6E6E68; line-height: 1.65; font-size: 14px; }
.rf-join { font-size: 28px; line-height: 1.3; font-weight: 500; letter-spacing: -.02em; max-width: 520px; }
.rf-form { display: flex; align-items: center; gap: 10px; background: #fff; border: 1px solid #ECECE6; border-radius: 12px; padding: 6px 6px 6px 22px; box-shadow: 0 1px 2px rgba(0,0,0,.05); }
.rf-form input { flex: 1; border: 0; outline: 0; background: transparent; font-family: inherit; font-size: 15px; color: #1B1B1B; min-width: 0; }
.rf-form input::placeholder { color: #8A8A85; }
.rf-form button { flex: 0 0 auto; height: 48px; padding: 0 22px; border: 0; border-radius: 9px; background: linear-gradient(0deg, rgba(70,26,0,.06), rgba(70,26,0,.06)), linear-gradient(135deg, var(--orange-light), var(--orange)); color: #fff; font-family: inherit; font-size: 15px; font-weight: 600; box-shadow: inset 0 1px 0 0 rgba(255,255,255,.42), inset 0 0 8px 0 rgba(255,255,255,.26), 0 4px 12px -2px rgba(214,88,0,.22), 0 12px 28px -8px rgba(250, 64, 1,.34), 0 0 40px 0 rgba(250, 64, 1,.18); cursor: pointer; transition: transform .3s cubic-bezier(.32,.72,0,1), box-shadow .3s cubic-bezier(.32,.72,0,1); }
.rf-form button:hover { transform: translateY(-1px); box-shadow: inset 0 1px 0 0 rgba(255,255,255,.48), inset 0 0 10px 0 rgba(255,255,255,.3), 0 6px 16px -2px rgba(214,88,0,.26), 0 16px 34px -8px rgba(250, 64, 1,.44), 0 0 54px 0 rgba(250, 64, 1,.26); }
.rf-legal { border-top: 1px solid #E5E5E0; }
.rf-legal-in { display: grid; grid-template-columns: 1fr 330px; gap: 48px; padding-top: 44px; padding-bottom: 84px; }
.rf-legal-left p { font-size: 13.5px; color: #6E6E68; line-height: 1.6; margin: 0 0 13px; max-width: 780px; }
.rf-legal-left a { text-decoration: underline; text-underline-offset: 2px; color: #55554F; }
.rf-legal-left a:hover { color: #1B1B1B; }
.rf-privacy { display: inline-flex; align-items: center; gap: 7px; }
.rf-right { display: flex; flex-direction: column; align-items: flex-end; gap: 14px; }
.rf-right-row { display: flex; align-items: center; gap: 20px; }
.rf-store { display: inline-flex; align-items: center; gap: 10px; background: #000; color: #fff; border-radius: 8px; padding: 8px 16px 8px 13px; }
.rf-store svg { width: 22px; height: 22px; flex: 0 0 auto; }
.rf-store .s1 { display: block; font-size: 9px; line-height: 1.2; opacity: .85; letter-spacing: .02em; }
.rf-store .s2 { display: block; font-size: 15px; font-weight: 600; line-height: 1.2; letter-spacing: -.01em; }
.rf-soc { display: flex; gap: 14px; }
.rf-soc a { color: #3A3A36; opacity: .8; transition: opacity .15s; }
.rf-soc a:hover { opacity: 1; }
.rf-soc svg { width: 19px; height: 19px; display: block; }
@media (max-width: 1000px) {
  .rf-cols { grid-template-columns: repeat(2, 1fr); padding-bottom: 56px; }
  .rf-band-in { grid-template-columns: 1fr; gap: 30px; }
  .rf-join { max-width: none; }
  .rf-legal-in { grid-template-columns: 1fr; }
  .rf-right { align-items: flex-start; }
}
.rf-nav a { color: rgba(242,239,232,.68); }
.rf-nav a:hover { opacity: 1; color: #fff; }
.rf-col .rf-h { color: #fff; }
.rf-col a { color: rgba(242,239,232,.58); }
.rf-col a:hover { color: #fff; }
.rf-band { border-top: 1px solid rgba(255,255,255,.09); }
.rf-logo { color: #fff; }
.rf-logo .ai { color: rgba(242,239,232,.5); }
.rf-addr { color: rgba(242,239,232,.55); }
.rf-join { color: #fff; }
.rf-form { background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.12); box-shadow: none; }
.rf-form input { color: #fff; }
.rf-form input::placeholder { color: rgba(242,239,232,.45); }
.rf-legal { border-top: 1px solid rgba(255,255,255,.09); }
.rf-legal-left p { color: rgba(242,239,232,.5); }
.rf-legal-left a { color: rgba(242,239,232,.75); }
.rf-legal-left a:hover { color: #fff; }
.rf-soc a { color: rgba(242,239,232,.65); }
.rf-soc a:hover { color: #fff; opacity: 1; }
.rf-founder { border-top: 1px solid rgba(255,255,255,.09) !important; }
.rf-founder p { color: rgba(242,239,232,.55) !important; }
.rf-founder a { color: rgba(242,239,232,.85) !important; }
.rf-founder a:hover { color: var(--orange, #FA4001) !important; }
.rf-askai { border-top: 1px solid rgba(255,255,255,.09); padding: 20px 0; }
.rf-band-compact { border-top: 1px solid rgba(255,255,255,.09); padding: 20px 0; }
.rf-band-compact .rf-inner { display: flex; align-items: center; gap: 18px; flex-wrap: wrap; }
.rf-band-compact .rf-addr { margin: 0; font-size: 12.5px; }
@media (max-width: 700px) { .rf-band-compact .rf-inner { flex-direction: column; align-items: flex-start; gap: 8px; } }
.rf-askai-in { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; }
.rf-askai-txt { font-size: 13px; color: rgba(242,239,232,.55); }
.rf-askai-icons { display: flex; gap: 8px; }
.rf-askai-icons a {
  width: 34px; height: 34px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center;
  background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.1); transition: background .15s, transform .15s;
}
.rf-askai-icons a:hover { background: rgba(255,255,255,.14); transform: translateY(-2px); }
.rf-askai-icons svg, .rf-askai-icons img { width: 16px; height: 16px; display: block; }
.rf-dots {
  position: relative; height: 34px;
  -webkit-mask-image: radial-gradient(140% 220% at 50% 100%, #000 60%, transparent 100%);
  mask-image: radial-gradient(140% 220% at 50% 100%, #000 60%, transparent 100%);
  background-image: radial-gradient(rgba(242,239,232,.6) 1.4px, transparent 1.4px);
  background-size: 13px 13px;
  background-position: 0 100%;
  opacity: .4;
}
@media (max-width: 900px) {
  .aio-header, .features-header { flex-direction: column; align-items: flex-start; gap: 14px; }
  .aio-header h2, .aio-header .desc, .features-header .left, .features-header .desc { flex: none; }
  .bento { grid-template-columns: 1fr 1fr; }
  .bcard.w3 { grid-column: span 2; flex-direction: column; align-items: stretch; }
  .bcard.w3 .txt { flex: none; }
  .fb-row { flex-direction: column; }
  .bottom-cta-card { flex-direction: column; min-height: 0; }
  .bottom-cta-card .txt { flex: none; padding: 40px 32px 0; }
  .bottom-cta-card { padding-bottom: 44px; }
  .bottom-cta-card .shots { -webkit-mask-image: linear-gradient(180deg, transparent 30%, #000 60%); mask-image: linear-gradient(180deg, transparent 30%, #000 60%); }
  .bottom-cta-card .shot.back, .bottom-cta-card .shot.mid { display: none; }
  .bottom-cta-card .shot.front { right: -10%; top: 46%; width: 88%; }
}
@media (max-width: 640px) {
  .navbar-links { display: none; }
  .hero h1 { font-size: 30px; letter-spacing: -1px; }
  .hero-form-row { flex-direction: column; }
  .hero-form .btn-cta { width: 100%; }
  .bento { grid-template-columns: 1fr; }
  .bcard.w2, .bcard.w3 { grid-column: span 1; }
  .discover { padding: 90px 20px; }
  .all-in-one, .features, .mcp, .feedbacks, .bottom-cta { padding-left: 20px; padding-right: 20px; }
  .footer-bottom { flex-direction: column; align-items: flex-start; gap: 12px; }
  .pm-quote-card { height: auto; padding: 40px 20px; }
  .network { padding: 64px 20px 0; }
  .net-band { margin: 32px -20px 0; }
  .net-grid { grid-template-columns: 1fr; gap: 32px; padding: 32px 20px 40px; }
  .net-graph { max-width: 380px; }
}
@media (max-width: 900px) {
  .net-grid { gap: 28px; }
  .metrics-body { grid-template-columns: 1fr; }
  .metrics-preview { min-height: 360px; order: 2; }
  .metrics-tabs { order: 1; }
}
@font-face { font-family: 'Plus Jakarta Sans'; src: url('/marketing/assets/fonts/plus-jakarta-sans-var.woff2') format('woff2'); font-weight: 200 800; font-style: normal; font-display: swap; }
.navbar-logo { font-family: 'Plus Jakarta Sans', 'Geist', sans-serif; font-weight: 500; font-size: 22px; letter-spacing: -0.05em; gap: 9px; align-items: center; }
.navbar-logo .lg-ai { font-weight: 300; letter-spacing: -0.03em; margin-left: 3px; }
.footer-brand .name { font-family: 'Plus Jakarta Sans', 'Geist', sans-serif; font-weight: 500; font-size: 18px; letter-spacing: -0.05em; }
.footer-brand .ai { font-family: 'Plus Jakarta Sans', 'Geist', sans-serif; font-weight: 300; font-size: 18px; letter-spacing: -0.03em; margin-left: 3px; }
html { overflow-x: clip; }
body { overflow-x: clip; }
.fullbar { position: absolute; left: 50%; transform: translateX(-50%); width: 100vw; border-top: 1px solid var(--hairline); pointer-events: none; z-index: 0; }
.fullbar.top { top: 0; }
.fullbar.bot { bottom: 0; }
.hairline-b { border-bottom: none; }
.navbar {
  position: sticky; top: 12px; z-index: 200;
  margin: 12px 14px 0; border-radius: 18px;
  background: rgba(255,255,255,.86); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px);
  border: 1px solid var(--hairline);
  box-shadow: 0 4px 20px -12px rgba(0,0,0,.10);
  transition: box-shadow .22s ease, background .22s ease;
}
.navbar.scrolled { background: rgba(255,255,255,.97); box-shadow: 0 10px 30px -12px rgba(0,0,0,.20), 0 1px 0 rgba(0,0,0,.03); }
.navbar .fullbar.bot { display: none; }
@media (max-width: 640px) { .navbar { margin: 10px 10px 0; border-radius: 16px; } }
.logo-grid { border-top: none; position: relative; }
.logo-cell { border-bottom: none; }
.hero-form-band { border-top: none; border-bottom: none; position: relative; }
.net-band { border-top: none; border-bottom: none; overflow: visible; }
.mcpchat { position: relative; }
.faq { overflow: visible; border-top: none; position: relative; }
.faq-item::after { left: 0; right: 0; transform: none; width: auto; }
.btn-primary { border: 1.5px solid rgba(255,255,255,.28); }
.hero-form .btn-cta { border: 1.5px solid rgba(255,255,255,.28); }
.net-tip {
  position: absolute; z-index: 20;
  display: inline-flex; align-items: center; gap: 8px;
  white-space: nowrap;
  background: #fff; border: 1px solid #e8e8e8; border-radius: 8px;
  padding: 8px 13px;
  font-size: 12.5px; font-weight: 500; color: #1a1a1a;
  box-shadow: 0 2px 6px rgba(0,0,0,0.05), 0 10px 24px -10px rgba(0,0,0,0.14);
  pointer-events: none;
  opacity: 0; transform: translate(-50%, calc(-100% - 40px)) scale(.97);
  transition: opacity .18s ease, transform .22s cubic-bezier(.2,.8,.2,1);
}
.net-tip.show { opacity: 1; transform: translate(-50%, calc(-100% - 32px)) scale(1); }
.net-tip.show.below { transform: translate(-50%, 32px) scale(1); }
.net-tip .dot {
  width: 7px; height: 7px; border-radius: 50%; flex-shrink: 0;
  background: #22c55e; box-shadow: 0 0 6px rgba(34,197,94,0.6);
}
.hero h1, .audit-gate h3, .audit-success h3,
.metrics-head h2, .discover h2, .pfeat-head h2,
.network h2, .net-left h3, .cta-head h2, .mcpchat-title,
h1, h2, h3 {
  font-weight: 500 !important;
}
.brand-wordmark .wm-letter { font-weight: 600 !important; }
.mcpchat-title { font-size: clamp(30px, 4vw,42px) !important; }
.hero h1 { font-size: clamp(26px, 3.8vw,40px) !important; }
.mcpchat-eyebrow, .mcpchat-tip .tc, .faq-eyebrow,
.tab-panel.warmup .soon .l2, .tt-prompt-text, .tt-chip, .fc-copy {
  font-family: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
  font-variant-numeric: tabular-nums;
}
.cmp { position: relative; }
.cmp-dots { height: 64px; background-color: #fbfbfa; background-image: radial-gradient(#d9d9d4 1.1px, transparent 1.1px); background-size: 13px 13px; }
.cmp-dots.top { border-bottom: 1px solid var(--hairline); }
.cmp-dots.bot { border-top: 1px solid var(--hairline); }
.cmp-head { text-align: center; padding: 84px 24px 66px; }
.cmp-eyebrow { display: block; font-family: 'Geist Mono', ui-monospace, monospace; font-size: 13px; font-weight: 600; letter-spacing: .12em; color: var(--orange); margin-bottom: 24px; }
.cmp-head h2 { font-size: clamp(26px, 3.4vw,37px); font-weight: 600; letter-spacing: -0.04em; line-height: 1.15; color: #1a1a1a; margin: 0 0 24px; }
.cmp-head p { font-size: 17px; color: #4b4b4b; line-height: 1.6; max-width: 640px; margin: 0 auto; }
.cmp-grid { display: grid; grid-template-columns: 1fr 1fr 1fr; border-top: 1px solid var(--hairline); }
.cmp-col + .cmp-col { border-left: 1px solid var(--hairline); }
.cmp-art { height: 320px; display: flex; align-items: center; justify-content: center; overflow: hidden; }
.cmp-txt { border-top: 1px solid #f0f0f0; padding: 28px 32px 46px; }
.cmp-txt h3 { font-family: 'Geist Mono', ui-monospace, monospace; font-size: 14px; font-weight: 600; letter-spacing: .07em; color: #1a1a1a; margin: 0 0 12px; }
.cmp-txt p { font-size: 15px; color: #555; line-height: 1.65; max-width: 400px; margin: 0; }
.cmp-fan { position: relative; width: 320px; height: 240px; }
.cmp-fan .fcard { position: absolute; left: 50%; top: 50%; width: 142px; height: 168px; margin: -84px 0 0 -71px; background: #fff; border: 1px solid #ececec; border-radius: 14px; box-shadow: 0 12px 26px -14px rgba(0,0,0,.18); padding: 14px; }
.cmp-fan .fcard.l { transform: translate(-76px, 12px) rotate(-13deg); }
.cmp-fan .fcard.m { z-index: 2; transform: translateY(-4px); }
.cmp-fan .fcard.r { transform: translate(76px, 12px) rotate(13deg); }
.cmp-fan .fc-ic { display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; border-radius: 8px; border: 1px solid #ececec; color: #6b6b6b; margin-bottom: 9px; }
.cmp-fan .fc-ic svg { width: 15px; height: 15px; }
.cmp-fan .fc-l { display: block; font-family: 'Geist Mono', ui-monospace, monospace; font-size: 10.5px; font-weight: 600; letter-spacing: .06em; color: #3a3a3a; margin-bottom: 12px; white-space: nowrap; }
.cmp-fan .fcard i { display: block; height: 6px; border-radius: 3px; background: #f1f1ef; margin-top: 9px; }
.cmp-fan .fcard i:last-child { width: 65%; }
.cmp-merge { display: flex; flex-direction: column; align-items: center; }
.cmp-chips { display: flex; gap: 16px; }
.cmp-chip { width: 104px; height: 96px; background: #fff; border: 1px solid #ececec; border-radius: 14px; box-shadow: 0 10px 22px -14px rgba(0,0,0,.16); display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 9px; color: #6b6b6b; }
.cmp-chip svg { width: 19px; height: 19px; }
.cmp-chip span { font-family: 'Geist Mono', ui-monospace, monospace; font-size: 10.5px; font-weight: 600; letter-spacing: .05em; color: #3a3a3a; }
.cmp-lines { display: block; margin: -2px 0; }
.cmp-hub { width: 88px; height: 88px; background: #fff; border: 1px solid #ececec; border-radius: 20px; box-shadow: 0 12px 26px -14px rgba(0,0,0,.18); display: flex; align-items: center; justify-content: center; color: #2b2b2b; }
.cmp-hub svg { width: 30px; height: 30px; }
.cmp-wave { position: relative; width: 100%; max-width: 340px; height: 240px; display: flex; align-items: center; justify-content: center; }
.cmp-bars { display: flex; align-items: center; gap: 4px; position: absolute; inset: 0; justify-content: space-between; padding: 0 6px; }
.cmp-bars i { width: 2px; border-radius: 2px; background: #e3e3e0; flex: 0 0 auto; }
.cmp-wave .cmp-hub { position: relative; z-index: 2; width: 96px; height: 96px; border-radius: 22px; }
@media (max-width: 900px) {
  .cmp-grid { grid-template-columns: 1fr; }
  .cmp-col + .cmp-col { border-left: none; border-top: 1px solid var(--hairline); }
}
.hero {
  padding: 132px 24px 128px;
  background:
    radial-gradient(100% 62% at 50% 112%, #ffffff 0%, rgba(255,255,255,.97) 36%, rgba(255,255,255,0) 68%),
    radial-gradient(52% 58% at 13% 22%, rgba(255,228,120,.9) 0%, rgba(255,228,120,0) 68%),
    radial-gradient(52% 58% at 87% 20%, rgba(255,214,90,.85) 0%, rgba(255,214,90,0) 68%),
    radial-gradient(85% 95% at 50% 50%, rgba(255,150,50,.9) 0%, rgba(250,120,15,.75) 48%, rgba(250,120,15,0) 82%),
    linear-gradient(180deg, #f5983a 0%, #fa8c28 32%, #ffcf96 66%, #ffffff 100%);
}
.hero::after {
  content: ''; position: absolute; inset: 0; z-index: 0; pointer-events: none;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='300' height='300'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/><feColorMatrix type='saturate' values='0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");
  background-size: 240px 240px;
  opacity: .65; mix-blend-mode: overlay;
}
.hero::before {
  content: ''; position: absolute; inset: 0; z-index: 0; pointer-events: none;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='300' height='300'><filter id='m'><feTurbulence type='fractalNoise' baseFrequency='0.55' numOctaves='3' stitchTiles='stitch'/><feColorMatrix type='saturate' values='0'/></filter><rect width='100%25' height='100%25' filter='url(%23m)'/></svg>");
  background-size: 420px 420px;
  opacity: .35; mix-blend-mode: soft-light;
}
.hero .hero-grid { display: none; }
.hero h1 { color: #fff !important; }
.hero .sub { color: rgba(255,255,255,.96); }
.ag-card, .pfeat-row, .mtab, .logo-cell, .ag-flow-step, .dh-card, .cmp-col {
  opacity: 0; transform: translateY(18px);
  transition: opacity .6s cubic-bezier(.22,.72,.2,1), transform .6s cubic-bezier(.22,.72,.2,1);
}
.ag-card.reveal-in, .pfeat-row.reveal-in, .mtab.reveal-in, .logo-cell.reveal-in,
.ag-flow-step.reveal-in, .dh-card.reveal-in, .cmp-col.reveal-in {
  opacity: 1; transform: none;
}
@media (prefers-reduced-motion: reduce) {
  .ag-card, .pfeat-row, .mtab, .logo-cell, .ag-flow-step, .dh-card, .cmp-col {
    opacity: 1; transform: none; transition: none;
  }
}
.hero-quiz { max-width: 460px; margin: 36px auto 0; background: linear-gradient(180deg, #fff, #fdfaf6); border: 1px solid #F0DEC0; border-radius: 20px; padding: 22px 24px; text-align: left;
  box-shadow: 0px .86px .86px -.75px rgba(0,0,0,0.13), 0px 2.34px 2.34px -1.5px rgba(0,0,0,0.12), 0px 11.41px 11.41px -3px rgba(0,0,0,0.08), 0px 29px 29px -3.75px rgba(0,0,0,0.04); }
.hero-quiz-top { display: flex; align-items: center; gap: 12px; margin-bottom: 16px; }
.hero-quiz-badge { flex: 0 0 auto; width: 28px; height: 28px; border-radius: 50%; background: linear-gradient(135deg, var(--orange-light), var(--orange)); color: #fff; font-size: 13px; font-weight: 700; display: flex; align-items: center; justify-content: center; }
.hero-quiz-h { font-size: 17px; font-weight: 700; letter-spacing: -0.02em; color: var(--dark); }
.hero-quiz-sub { font-size: 13px; color: var(--orange); font-weight: 600; margin-top: 1px; }
.hero-quiz-select-wrap { position: relative; }
.hero-quiz-select { width: 100%; appearance: none; -webkit-appearance: none; background: #fff; border: 1.5px solid #F0DEC0; border-radius: 13px; padding: 15px 44px 15px 18px; font-family: inherit; font-size: 15.5px; font-weight: 700; color: var(--dark); cursor: pointer; transition: border-color .2s, box-shadow .2s; }
.hero-quiz-select:focus { outline: none; border-color: var(--orange); box-shadow: 0 0 0 3px rgba(244,141,22,.14); }
.hero-quiz-select option { font-weight: 500; }
.hero-quiz-chevron { position: absolute; right: 16px; top: 50%; transform: translateY(-50%); pointer-events: none; color: var(--orange); }
.hero-quiz-secondary { display: inline-block; margin-top: 16px; font-size: 13.5px; font-weight: 500; color: var(--text-3); }
.hero-quiz-secondary:hover { color: var(--dark); }
@media (max-width: 560px) { .hero-quiz { margin-top: 28px; padding: 18px 18px; } }
.frame > .navbar {
  position: fixed;
  top: 14px;
  left: 0;
  right: 0;
  margin: 0 auto;
  transform: none;
  width: min(960px, calc(100% - 36px));
  z-index: 300;
  padding: 9px 10px 9px 16px;
  border-radius: 12px !important;
  background: transparent;
  /* generic .navbar still has blur — kill it so megas aren't trapped in the filter group */
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border: 1px solid rgba(255,255,255,0.18);
  box-shadow: 0 10px 32px rgba(0,0,0,0.16), inset 0 1px 0 rgba(255,255,255,0.08);
  gap: 8px;
  overflow: visible;
}
.frame > .navbar::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: inherit;
  pointer-events: none;
  background: rgba(40, 14, 6, 0.42);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
.frame > .navbar > * { position: static; z-index: auto; }
.frame > .navbar.scrolled::before {
  background: rgba(40, 14, 6, 0.55);
}
.frame > .navbar.scrolled {
  box-shadow: 0 12px 36px rgba(0,0,0,0.2), inset 0 1px 0 rgba(255,255,255,0.08);
}
.frame > .navbar .navbar-logo {
  gap: 0;
  flex: 0 0 auto;
}
.frame > .navbar .navbar-logo .nav-wordmark {
  display: block;
  width: 80px;
  height: auto;
  border-radius: 0;
  max-width: none;
}
.frame > .navbar .nav-logo-badge,
.frame > .navbar .lg-txt,
.frame > .navbar .lg-ai { display: none; }
.frame > .navbar .navbar-links { gap: 2px; }
.frame > .navbar .nav-item > a {
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  padding: 8px 9px;
  border-radius: 10px;
}
.frame > .navbar .nav-item:hover > a {
  color: #fff;
  background: rgba(255,255,255,0.12);
}
.frame > .navbar .dd::after {
  display: none !important;
  content: none !important;
}
.frame > .navbar .nav-burger span { background: #fff; }
.frame > .navbar .mega {
  top: 100%;
  left: 0;
  right: 0;
  width: 100%;
  margin-top: 0;
  padding-top: 14px; /* hover bridge: nav → panel */
  display: none;
  justify-content: center;
  transform: none !important;
  overflow: visible;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  z-index: 200;
  transition: none !important;
}
.frame > .navbar .nav-item:hover > .mega {
  display: flex;
  opacity: 1;
  visibility: visible;
  z-index: 260;
  transform: none !important;
  pointer-events: auto; /* must receive events or mouse-out gap kills :hover */
}
.frame > .navbar .nav-item:not(:hover) > .mega {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}
.frame > .navbar:has(.navbar-actions:hover) .mega,
.frame > .navbar:has(.navbar-logo:hover) .mega,
.frame > .navbar:has(.nav-burger:hover) .mega {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}
.frame > .navbar .mega-inner {
  position: relative;
  flex: 0 0 auto;
  overflow: hidden;
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 12px;
  isolation: auto;
  pointer-events: auto;
  box-shadow:
    0 22px 50px -18px rgba(0, 0, 0, 0.45),
    0 8px 22px -10px rgba(0, 0, 0, 0.22),
    inset 0 1px 0 rgba(255, 255, 255, 0.08);
}
.frame > .navbar .mega-inner::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 0;
  border-radius: inherit;
  pointer-events: none;
  background: rgba(35, 12, 6, 0.55);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
.frame > .navbar .mega-inner > * { position: relative; z-index: 1; }
.frame > .navbar .mega-cols {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
}
.frame > .navbar .mega-h {
  color: rgba(255, 255, 255, 0.45);
}
.frame > .navbar .mega-link .t {
  color: #fff;
}
.frame > .navbar .mega-link .d {
  color: rgba(255, 255, 255, 0.55);
}
.frame > .navbar .mega-link:hover,
.frame > .navbar .mega-col-nav .mega-link.active {
  background: rgba(255, 255, 255, 0.10);
}
.frame > .navbar .mega-foot {
  background: rgba(0, 0, 0, 0.18);
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  margin: 0 -3px -3px;
  border-radius: 0 0 14px 14px;
}
.frame > .navbar .mega-foot .msg {
  color: rgba(255, 255, 255, 0.45);
}
.frame > .navbar .mega-foot .act {
  color: #fff;
}
.frame > .navbar .mega-foot .act:hover {
  color: #FFB08A;
}
.frame > .navbar .tool-link:hover {
  background: rgba(255, 255, 255, 0.10);
}
.frame > .navbar .tool-txt .t {
  color: #fff;
}
.frame > .navbar .tool-txt .d {
  color: rgba(255, 255, 255, 0.55);
}
.frame > .navbar .tool-ico {
  background: rgba(255, 255, 255, 0.10);
  border-color: rgba(255, 255, 255, 0.14);
  box-shadow: none;
  color: #FF8A5C;
}
.frame > .navbar .tool-link:hover .tool-ico {
  transform: none;
  box-shadow: none;
  background: rgba(255, 255, 255, 0.14);
}
.frame > .navbar .mega-preview {
  border-color: rgba(255, 255, 255, 0.12);
  background: rgba(0, 0, 0, 0.2);
  box-shadow: none;
}
.btn-nav-glass {
  display: inline-flex; align-items: center; justify-content: center;
  height: 36px; padding: 0 16px; border-radius: 10px;
  background: #fff; color: #111; font-size: 13px; font-weight: 600;
  box-shadow: 0 2px 8px rgba(0,0,0,0.10);
  transition: background .15s ease;
  white-space: nowrap;
}
.btn-nav-glass:hover { background: #f4f4f4; color: #111; }
@media (max-width: 640px) {
  .frame > .navbar {
    top: 10px;
    left: 0;
    right: 0;
    margin: 0 auto;
    transform: none;
    width: calc(100% - 20px);
    padding: 8px 8px 8px 12px;
    position: fixed;
  }
}
.ag-hero { position: relative; overflow: hidden; background: linear-gradient(180deg,#f5983a 0%,#fa8c28 32%,#ffcf96 66%,#ffffff 100%); isolation: isolate; }
.ag-hero::before { content:''; position:absolute; inset:-12% -6% 0; z-index:0; pointer-events:none;
  background:
    radial-gradient(42% 60% at 15% 8%, rgba(255,228,120,.85), rgba(255,228,120,0) 62%),
    radial-gradient(42% 60% at 85% 4%, rgba(255,214,90,.80), rgba(255,214,90,0) 62%),
    radial-gradient(72% 92% at 50% 40%, rgba(255,150,50,.82), rgba(250,120,15,.45) 46%, rgba(250,120,15,0) 80%);
  animation: heroBandDrift 13s ease-in-out infinite alternate; }
.ag-hero::after { content:''; position:absolute; inset:0; z-index:0; pointer-events:none;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='300' height='300'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/><feColorMatrix type='saturate' values='0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>"); background-size:240px 240px; opacity:.28; mix-blend-mode:overlay; }
.ag-hero > * { position: relative; z-index: 1; }
.ag-hero h1 { color:#fff !important; text-shadow:0 1px 10px rgba(0,0,0,.14); }
@keyframes heroBandDrift { from { transform: translate3d(0,0,0) scale(1); } to { transform: translate3d(2%,3%,0) scale(1.06); } }
.ag-hero .eyebrow{color:rgba(255,255,255,.92)!important}
.ag-hero p.sub{color:rgba(255,255,255,.9)!important}
.ag-hero h1 .accent{color:#fff!important}
.btn-dark{
  border:1.5px solid rgba(255,255,255,.16) !important;
  background:linear-gradient(0deg,rgba(0,0,0,.10),rgba(0,0,0,.10)),linear-gradient(180deg,#3a3a3a,#141414) !important;
  box-shadow:inset 0 1px 0 0 rgba(255,255,255,.22), 0 2px 4px 0 rgba(0,0,0,.26), 0 8px 18px -4px rgba(0,0,0,.44) !important;
  transition:background .2s, transform .15s, box-shadow .2s !important;
}
.btn-dark:hover{
  transform:translateY(-2px) !important;
  background:linear-gradient(0deg,rgba(0,0,0,.06),rgba(0,0,0,.06)),linear-gradient(180deg,#454545,#1c1c1c) !important;
  box-shadow:inset 0 1px 0 0 rgba(255,255,255,.34), inset 0 0 10px 0 rgba(255,255,255,.10), 0 20px 40px 0 rgba(0,0,0,.30), 0 10px 20px 0 rgba(0,0,0,.26), 0 5px 10px 0 rgba(0,0,0,.22) !important;
}
.logo-lk{display:inline-flex;align-items:center;gap:6px;line-height:1;vertical-align:middle;}
.logo-lk-i{height:19px!important;width:auto!important;max-width:22px!important;min-width:0!important;}
.logo-lk-t{font-size:16px;font-weight:600;letter-spacing:-.3px;color:#1b1b1b;white-space:nowrap;opacity:.72;}
.logo-cell:hover .logo-lk-t,.ts-logos:hover .logo-lk-t{opacity:.95;}
.logo-cell img,.ts-logos img{max-height:22px;}
img[alt="PeakLab"]{max-height:18px!important}
img[alt="Trendtrack"]{max-height:19px!important}
img[alt="SoftSearch"]{max-height:20px!important}
img[alt="Speechly"]{max-height:21px!important}
img[alt="taap.it"]{max-height:21px!important}
img[alt="Skyden"]{max-height:21px!important}
img[alt="Uplix"]{max-height:23px!important}
.logo-lk-i{height:20px!important;max-width:24px!important}
.logo-lk-t{font-size:15px}
.logo-cell img,.ts-logos img,.logo-lk-i{filter:grayscale(1) brightness(0)!important;opacity:.5!important;transition:opacity .2s!important;}
.logo-cell:hover img,.logo-cell:hover .logo-lk-i,.ts-logos:hover img{filter:grayscale(1) brightness(0)!important;opacity:.75!important;}
.logo-lk-t{color:#000!important;opacity:.5!important;}
.logo-cell:hover .logo-lk-t{opacity:.75!important;}
.logo-cell img[alt="Trendtrack"],.ts-logos img[alt="Trendtrack"]{filter:grayscale(1)!important;opacity:.6!important;}
.logo-cell:hover img[alt="Trendtrack"],.ts-logos:hover img[alt="Trendtrack"]{filter:grayscale(1)!important;opacity:.85!important;}
.ag-hero { text-align:center; padding: 96px 24px 40px; }
.ag-hero .eyebrow { display:inline-block; font-family:ui-monospace,"SF Mono",Menlo,monospace; font-size:12.5px; font-weight:600; letter-spacing:.1em; text-transform:uppercase; color:var(--orange); margin-bottom:18px; }
.ag-hero h1 { font-size: clamp(33px, 5.4vw,54px); font-weight: 500; letter-spacing: -0.03em; line-height: 1.05em; max-width: 820px; margin: 0 auto; }
.ag-hero p.sub { font-size: 17px; color: var(--text-2); line-height: 1.55em; max-width: 640px; margin: 22px auto 0; }
.ag-hero .btns { display:flex; gap:12px; justify-content:center; margin-top:28px; flex-wrap:wrap; }
.ag-section { max-width: 980px; margin: 0 auto; padding: 64px 24px; border-top: 1px solid var(--hairline); }
.ag-section h2 { font-size: clamp(23px, 3.4vw,31px); font-weight: 650; letter-spacing: -0.02em; line-height: 1.12em; max-width: 620px; }
.ag-section .lead { font-size: 16px; color: var(--text-2); line-height: 1.6em; max-width: 640px; margin-top: 14px; }
.ag-cards { display:grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin-top: 32px; }
.ag-card { border: 1px solid var(--card-border); border-radius: 14px; padding: 22px; background: #fff; }
.ag-card .k { font-family:ui-monospace,"SF Mono",Menlo,monospace; font-size: 12px; font-weight:600; letter-spacing:.08em; text-transform:uppercase; color: var(--orange); }
.ag-card h3 { font-size: 16.5px; font-weight: 600; margin: 10px 0 8px; letter-spacing: -0.01em; }
.ag-card p { font-size: 14px; color: var(--text-2); line-height: 1.55em; }
.ag-grid2 { display:grid; grid-template-columns: repeat(2, 1fr); gap: 14px; margin-top: 32px; }
.ag-table { width:100%; border-collapse:collapse; margin-top: 28px; font-size: 15px; }
.ag-table th { text-align:left; font-size: 12.5px; font-weight:600; letter-spacing:.06em; text-transform:uppercase; color: var(--text-3); padding: 10px 14px; border-bottom: 1px solid var(--hairline); }
.ag-table td { padding: 14px; border-bottom: 1px solid var(--hairline); }
.ag-table td.m { font-weight: 500; color: var(--orange); }
.ag-quote { border-left: 3px solid var(--orange); padding: 6px 0 6px 20px; margin-top: 28px; font-size: 17px; line-height: 1.55em; font-weight: 500; max-width: 640px; }
.ag-price { margin-top: 22px; font-size: 15px; color: var(--text-2); }
.ag-price strong { color: var(--dark); }
.ag-proof { display:grid; grid-template-columns: repeat(2, 1fr); gap: 14px; margin-top: 32px; }
.ag-cta { text-align:center; padding: 80px 24px 96px; border-top: 1px solid var(--hairline); }
.ag-cta h2 { font-size: clamp(24px, 4vw,37px); font-weight: 500; letter-spacing: -0.025em; }
.ag-cta p { font-size: 16px; color: var(--text-2); line-height: 1.6em; max-width: 560px; margin: 16px auto 26px; }
@media (max-width: 860px){ .ag-cards, .ag-grid2, .ag-proof { grid-template-columns: 1fr; } }
@media (max-width: 640px) {
  .navbar-links { display: none; }
  .top-banner .badge { display: none; }
}
.rf-founder { border-top: 1px solid #E5E5E0; padding: 20px 40px 26px; }
.rf-founder-in { max-width: 100%; margin: 0; width: auto; padding: 0; display: inline-flex; align-items: center; gap: 10px; }
.rf-founder p { margin: 0; font-size: 13px; line-height: 1.5; color: #6E6E68; font-weight: 400; letter-spacing: -.01em; white-space: nowrap; }
@media (max-width: 560px) { .rf-founder-in { display: flex; } .rf-founder p { white-space: normal; } }
.rf-founder a { font-weight: 500; color: #3A3A34; text-decoration: underline; text-underline-offset: 2px; }
.rf-founder a:hover { color: var(--orange, #DF6B24); }
.lm-overlay { position: fixed; inset: 0; z-index: 3000; background: rgba(10,10,10,.5); backdrop-filter: blur(3px); display: flex; align-items: center; justify-content: center; padding: 16px; opacity: 0; visibility: hidden; transition: opacity .2s ease, visibility .2s; }
.lm-overlay.open { opacity: 1; visibility: visible; }
.lm-modal { background: #fff; border-radius: 20px; width: 100%; max-width: 460px; padding: 32px 28px 28px; box-shadow: 0 40px 80px -20px rgba(0,0,0,.35); transform: translateY(14px) scale(.98); transition: transform .22s cubic-bezier(.2,.8,.2,1); position: relative; max-height: calc(100vh - 32px); overflow-y: auto; -webkit-overflow-scrolling: touch; }
.lm-overlay.open .lm-modal { transform: translateY(0) scale(1); }
@media (max-width: 560px) { .lm-overlay { display: block; padding: 0; } .lm-modal { position: fixed; left: 0; right: 0; bottom: 0; top: auto; width: auto; max-width: none; box-sizing: border-box; border-radius: 20px 20px 0 0; padding: 24px 20px calc(20px + env(safe-area-inset-bottom)); max-height: 92vh; transform: translateY(100%); } .lm-overlay.open .lm-modal { transform: translateY(0); } }
.lm-close { position: absolute; top: 16px; right: 16px; width: 36px; height: 36px; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: var(--text-2); background: #f4f4f2; border: 0; cursor: pointer; z-index: 2; }
.lm-close:hover { background: #ececea; }
.lm-steps-track { display: flex; gap: 6px; margin: 0 44px 20px 0; }
.lm-steps-track span { flex: 1; height: 3px; border-radius: 999px; background: var(--hairline); }
.lm-steps-track span.done { background: var(--orange); }
.lm-step { display: none; }
.lm-step.active { display: block; animation: lm-in .25s ease; }
@keyframes lm-in { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: translateY(0); } }
.lm-eyebrow { font-size: 11.5px; font-weight: 600; text-transform: uppercase; letter-spacing: .06em; color: var(--orange); margin-bottom: 8px; }
.lm-h { font-size: 21px; font-weight: 500; letter-spacing: -.02em; margin-bottom: 6px; line-height: 1.2; }
.lm-sub { font-size: 13.5px; color: var(--text-2); margin-bottom: 20px; line-height: 1.5; }
.lm-opts { display: flex; flex-direction: column; gap: 10px; }
.lm-opt { display: flex; align-items: center; gap: 12px; text-align: left; padding: 14px 16px; border: 1.5px solid var(--hairline); border-radius: 12px; background: #fff; cursor: pointer; transition: all .15s; font-family: inherit; }
.lm-opt:hover { border-color: var(--orange); background: #fff9f3; }
.lm-opt .ic { flex: 0 0 auto; width: 32px; height: 32px; border-radius: 9px; background: #f6f3ee; display: flex; align-items: center; justify-content: center; color: var(--orange); }
.lm-opt > span:last-child { display: flex; flex-direction: column; gap: 2px; }
.lm-opt .t { font-size: 14px; font-weight: 600; color: var(--dark); }
.lm-opt .d { font-size: 12px; color: var(--text-2); }
.lm-back { display: inline-flex; align-items: center; gap: 4px; font-size: 12.5px; font-weight: 500; color: var(--text-2); background: none; border: 0; cursor: pointer; margin-bottom: 14px; padding: 0; }
.lm-back:hover { color: var(--dark); }
.lm-field { display: block; margin-bottom: 14px; }
.lm-field span { display: block; font-size: 12.5px; font-weight: 600; color: var(--dark); margin-bottom: 6px; }
.lm-field input, .lm-field select { width: 100%; padding: 11px 13px; border: 1.5px solid var(--hairline); border-radius: 10px; font-size: 14px; font-family: inherit; background: #fff; color: var(--dark); }
.lm-field input:focus, .lm-field select:focus { outline: none; border-color: var(--orange); }
.lm-field select { appearance: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23948B81' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 12px center; padding-right: 34px; }
.lm-summary { background: #f6f3ee; border-radius: 10px; padding: 10px 14px; font-size: 12.5px; color: var(--text-2); margin-bottom: 16px; }
.lm-summary b { color: var(--dark); }
.lm-submit { width: 100%; justify-content: center; padding: 12px; border-radius: 999px; font-size: 14px; }
.lm-success { text-align: center; padding: 20px 0; }
.lm-success .ok { width: 48px; height: 48px; border-radius: 50%; background: #16a34a; color: #fff; display: flex; align-items: center; justify-content: center; margin: 0 auto 16px; }
/* React interaction and accessibility rules; contractor layout lives in common/page CSS. */
[hidden] { display: none !important; }
:focus-visible { outline: 2px solid #FA4001; outline-offset: 4px; }
.skip-link { position:fixed; top:-100px; left:16px; z-index:9999; padding:12px; background:white; color:#251F19; }
.skip-link:focus { top:12px; }
#main { min-height:50vh; }
.nav-item > button.dd { display:inline-flex; align-items:center; gap:5px; font-size:15px; font-weight:500; color:inherit; padding:8px 14px; border-radius:10px; }
.nav-item > button.dd::after { content:''; border:4px solid transparent; border-top:5px solid currentColor; margin-top:5px; opacity:.5; }
.nav-item.menu-open .mega { opacity:1; visibility:visible; pointer-events:auto; transform:translateX(-50%) translateY(0); }
.nav-item:not(.menu-open) .mega { opacity:0; visibility:hidden; pointer-events:none; }
.mega-tools .mega-col-nav { display:grid; grid-template-columns:1fr 1fr; gap:8px 24px; }
.mega-tools .mega-cols { display:block; }
.mega-resources .mega-col-nav { display:grid; grid-template-columns:1fr 1fr; gap:8px 24px; }
.mega-resources .mega-cols { display:block; }
.dot-loader { display:inline-grid; grid-template-columns:repeat(3,1fr); gap:2px; flex-shrink:0; }
.dot-loader i { border-radius:50%; background:currentColor; animation:dot-pulse 1.8s ease-in-out infinite alternate; }
@keyframes dot-pulse { to { opacity:.2; transform:scale(.6); } }
.lead-dialog.lm-modal { position:fixed; left:50%; top:50%; transform:translate(-50%,-50%); z-index:3000; display:block; background:#fff; color:#251F19; border-radius:20px; padding:32px 28px 28px; width:calc(100% - 32px); max-width:460px; max-height:calc(100dvh - 32px); overflow:auto; }
.lm-overlay { z-index:2999; background:#0008; }
.lead-dialog .lm-h { margin:12px 0; font-size:24px; line-height:1.2; }
.lead-dialog .lm-sub { margin-bottom:18px; }
.delivery-notice { margin-top:18px; padding:16px; background:#fff5ee; border:1px solid #f5c5a5; border-radius:10px; font-size:14px; line-height:1.6; color:#251F19; }
.delivery-notice a,.contact-form p a { text-decoration:underline; text-underline-offset:3px; }
.mobile-dialog { position:fixed; inset:0; transform:none; width:100%; max-width:none; height:100dvh; max-height:100dvh; overflow:auto; background:#f6f6f4; color:#251F19; border-radius:0; padding:25px 20px; display:block; z-index:3000; }
.mobile-dialog [data-slot="dialog-title"] { margin-bottom:24px; font-size:24px; }
.mobile-dialog .mnav-start { width:100%; margin-top:24px; }
.faq-item[open] .faq-a { display:block; max-height:none; opacity:1; padding-bottom:24px; }
.faq-item summary { list-style:none; cursor:pointer; }
.faq-item summary::-webkit-details-marker { display:none; }
.faq-item[open] .chev { transform:rotate(180deg); }
.code-block { position:relative; }
.code-block pre { white-space:pre-wrap; overflow-wrap:anywhere; padding-top:42px; }
.copy-code { position:absolute; right:12px; top:10px; color:#fff; background:#3e3e3e; border-radius:5px; padding:4px 9px; font-size:12px; }
.contact-form form { max-width:560px; margin:24px 0; }
.lm-field textarea,.rdm textarea { width:100%; min-height:110px; padding:12px; border:1px solid #DDD8D3; border-radius:10px; font:inherit; }
.contact-form p { margin-top:16px; }
.legal-prose { padding:30px 40px 80px; max-width:900px; margin:auto; line-height:1.75; color:#68615A; }
.legal-prose h2 { font-size:26px; color:#251F19; margin:40px 0 14px; }
.legal-prose h3 { font-size:20px; color:#251F19; margin:28px 0 12px; }
.legal-prose p,.legal-prose ul { margin:16px 0; }
.legal-prose ul { padding-left:24px; list-style:disc; }
.legal-prose a { text-decoration:underline; }
.legal-prose table { display:block; overflow:auto; width:100%; font-size:13px; }
.legal-prose td,.legal-prose th { border-bottom:1px solid #DDD8D3; padding:12px; min-width:130px; }
.changelog-filters { display:flex; gap:8px; flex-wrap:wrap; margin-bottom:30px; }
.changelog-filters button { padding:8px 16px; border:1px solid #DDD8D3; border-radius:20px; }
.changelog-filters [aria-pressed="true"] { color:white; background:#FA4001; border-color:#FA4001; }
.changelog-entry { padding:28px 0; border-top:1px solid #DDD8D3; }
.changelog-entry time { margin-right:15px; }
.changelog-entry h2 { font-size:24px; margin:14px 0; }
.changelog-entry p { color:#68615A; line-height:1.7; }
.sample-notice { padding:12px; font-size:12px; color:#68615A; }
.network-pulse { animation:dot-pulse 2.8s infinite alternate; }
@media (max-width:560px) { .lead-dialog.lm-modal { top:auto; bottom:0; left:0; transform:none; width:100%; max-width:none; border-radius:20px 20px 0 0; max-height:92dvh; padding:24px 20px calc(20px + env(safe-area-inset-bottom)); } .legal-prose { padding:24px 20px 60px; } }
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; } }
.frame > .navbar .nav-item > button.dd { color:rgba(255,255,255,.84); font-size:14px; }
.frame > .navbar .nav-item > button.dd:hover,.frame > .navbar .nav-item > button.dd[aria-expanded="true"] { color:#fff; background:rgba(255,255,255,.12); }
.metrics-tabs > button.mtab { text-align:left; width:100%; }
/* Mega-menu visibility belongs to React state (.menu-open), but the generated page CSS
   drives it off :hover with !important, so click and keyboard opens never showed. */
.frame > .navbar .nav-item.menu-open.menu-open > .mega { display:flex!important; opacity:1!important; visibility:visible!important; pointer-events:auto!important; }
.frame > .navbar .nav-item:not(.menu-open):not(.menu-open) > .mega { display:none!important; opacity:0!important; visibility:hidden!important; pointer-events:none!important; }
/* Pull the panel's hover bridge up over the navbar's 9px bottom padding: without it the
   pointer leaves .nav-item on the way down and the menu closes before it can be reached. */
.frame > .navbar .nav-item > .mega { margin-top:-10px!important; padding-top:24px!important; }
.frame > .navbar .nav-item > button.dd { padding:8px 9px; font-weight:600; color:#fff; }
.lead-dialog.lm-modal,.mobile-dialog { translate:none; }
html,body { overflow-x:clip; }
/* Content remains visible before hydration and with JavaScript disabled. */
.ag-card,.pfeat-row,.mtab,.ag-flow-step,.dh-card,.cmp-col,
.rdm-thread,.rdm-ai,.rdm-foot,.cg-user,.cg-ans,.cg-src,
.gw-req,.gw-json,.pgen-list li,.warm-head,.warm-karma,.warm-prog,.warm-log li,.warm-foot { opacity:1; transform:none; }
.warm-prog span { width:var(--w,66%)!important; }
.frame [id] { scroll-margin-top:90px; }
:root { --orange:var(--color-brand,#FA4001); --orange-light:var(--color-brand-light,#FF6B3D); --dark:var(--color-ink,#251F19); --text-2:var(--color-muted-foreground,#68615A); --bg:var(--color-paper,#F7F7F4); --cream:var(--color-cream,#EEEDE6); --hairline:var(--color-hairline,#DDD8D3); }
.logo-grid:not(.logo-swap) .logo-cell { opacity:1; transform:none; }
@font-face { font-family:'DM Sans'; font-style:normal; font-weight:500; font-display:swap; src:url('/marketing/assets/fonts/dm-sans-medium.ttf') format('truetype'); }
body { line-height:normal; }
/* Section eyebrow on the billing-service pages: a tighter cmp-eyebrow. */
.cmp-eyebrow.compact { display:block; font-family:'Geist Mono', ui-monospace, monospace; font-size:12.5px; font-weight:600; letter-spacing:.1em; color:var(--orange); margin-bottom:14px; }