:root {
  --ink: #06163c;
  --muted: #5f6c85;
  --blue: #1265df;
  --blue-dark: #0755c8;
  --blue-soft: #eef5ff;
  --line: #e8edf5;
  --bg: #ffffff;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: var(--ink);
  background: var(--bg);
  -webkit-font-smoothing: antialiased;
}

a { color: inherit; text-decoration: none; }

.site-header {
  height: 108px;
  padding: 0 74px;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  border-bottom: 1px solid #f3f6fa;
  background: rgba(255,255,255,.96);
  position: relative;
  z-index: 20;
}

.brand {
  display: inline-flex;
  align-items: center;
  gap: 13px;
  font-size: 25px;
  font-weight: 800;
  width: fit-content;
}

.brand-mark {
  height: 34px;
  display: inline-flex;
  align-items: center;
  gap: 4px;
}
.brand-mark i {
  display: block;
  width: 4px;
  border-radius: 8px;
  background: linear-gradient(180deg, #2681f3, #0f5ed2);
}
.brand-mark i:nth-child(1), .brand-mark i:nth-child(5) { height: 11px; }
.brand-mark i:nth-child(2), .brand-mark i:nth-child(4) { height: 23px; }
.brand-mark i:nth-child(3) { height: 34px; }

.desktop-nav { display: flex; gap: 47px; align-items: center; font-size: 16px; }
.desktop-nav a { color: #0d1939; font-weight: 500; white-space: nowrap; }
.desktop-nav span { margin-left: 4px; font-size: 13px; }

.header-actions {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 52px;
}
.login { font-weight: 500; }

.btn {
  min-height: 55px;
  padding: 0 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  border-radius: 10px;
  font-weight: 600;
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}
.btn:hover { transform: translateY(-2px); }
.btn-primary {
  color: white;
  background: linear-gradient(180deg, #176fe9, #0e5ed4);
  box-shadow: 0 10px 24px rgba(18,101,223,.18);
}
.btn-primary:hover { background: linear-gradient(180deg, #0e66dc, #0755c8); }
.btn-small { min-height: 55px; padding: 0 31px; }
.menu-toggle { display: none; border: 0; background: none; font-size: 26px; }

.hero {
  min-height: 655px;
  padding: 82px 0 28px 118px;
  display: grid;
  grid-template-columns: 45% 55%;
  align-items: center;
  overflow: hidden;
  background:
    radial-gradient(circle at 78% 48%, rgba(31,119,238,.08), transparent 33%),
    linear-gradient(180deg,#fff 0%,#fff 70%,#f7faff 100%);
}

.hero-copy { padding-bottom: 13px; position: relative; z-index: 2; }
.eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  color: #135fc7;
  background: #f4f8ff;
  border: 1px solid #d5e4f8;
  border-radius: 999px;
  padding: 9px 17px;
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 34px;
}

h1 {
  margin: 0;
  font-size: clamp(52px, 4.2vw, 72px);
  line-height: 1.14;
  letter-spacing: -2.9px;
  font-weight: 800;
  max-width: 780px;
}
h1 span {
  background: linear-gradient(90deg, #135fc8, #2b7be8);
  -webkit-background-clip: text;
  color: transparent;
}
.hero-text {
  margin: 32px 0 39px;
  color: var(--muted);
  max-width: 660px;
  font-size: 19px;
  line-height: 1.55;
}
.hero-actions { display: flex; align-items: center; gap: 43px; }
.watch-link {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: #0c5ecb;
  font-weight: 600;
}
.play-icon {
  width: 21px; height: 21px;
  border: 2px solid #2f7bd7;
  color: #2f7bd7;
  border-radius: 50%;
  display: inline-grid;
  place-items: center;
  font-size: 8px;
  padding-left: 1px;
}
.play-icon.tiny { width: 17px; height: 17px; font-size: 6px; }

.hero-visual {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  min-width: 0;
}
.hero-visual img {
  width: min(1000px, 108%);
  max-width: none;
  transform: translate(-13px, 11px);
  filter: saturate(1.04) contrast(1.02);
}

.trusted {
  padding: 46px 8% 37px;
  text-align: center;
}
.trusted > p { margin: 0 0 29px; color: #56637b; font-weight: 600; font-size: 16px; }
.logo-row {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 38px;
  color: #6c778a;
}
.logo-item { display: flex; align-items: center; gap: 11px; font-size: 22px; }
.logo-item b { font-weight: 600; }
.logo-symbol { font-size: 25px; color: #6b788c; }
.logo-symbol.cloud { font-size: 31px; line-height: 1; }
.logo-symbol.layers { transform: rotate(45deg); font-size: 23px; }
.divider { width: 1px; height: 31px; background: #e2e7ef; }

.features {
  margin: 1px auto 44px;
  width: calc(100% - 236px);
  min-height: 178px;
  border: 1px solid var(--line);
  border-radius: 18px;
  display: grid;
  grid-template-columns: repeat(4,1fr);
  box-shadow: 0 7px 18px rgba(26,54,93,.025);
}
.feature-card {
  padding: 35px 31px;
  display: grid;
  grid-template-columns: 76px 1fr;
  gap: 20px;
  align-items: start;
  position: relative;
}
.feature-card:not(:last-child)::after {
  content: "";
  position: absolute;
  right: 0;
  top: 48px;
  width: 1px;
  height: 79px;
  background: #e9edf4;
}
.feature-icon {
  width: 72px;
  height: 72px;
  border-radius: 15px;
  display: grid;
  place-items: center;
  color: #1469df;
  background: linear-gradient(145deg,#f4f7fe,#eaf2ff);
}
.feature-icon.sparkle { font-size: 33px; }
.feature-card h3 { margin: 7px 0 10px; font-size: 16px; line-height: 1.25; }
.feature-card p { margin: 0; color: #5c687f; font-size: 14px; line-height: 1.55; }

@media (max-width: 1280px) {
  .site-header { padding: 0 35px; }
  .desktop-nav { gap: 27px; }
  .header-actions { gap: 26px; }
  .hero { padding-left: 60px; grid-template-columns: 48% 52%; }
  .features { width: calc(100% - 80px); }
  .feature-card { padding: 28px 20px; grid-template-columns: 62px 1fr; gap: 14px; }
  .feature-icon { width: 58px; height: 58px; }
}

@media (max-width: 920px) {
  .site-header { height: 82px; grid-template-columns: 1fr auto; }
  .desktop-nav, .login { display: none; }
  .header-actions { gap: 12px; }
  .menu-toggle { display: block; }
  .hero { padding: 56px 28px 30px; grid-template-columns: 1fr; }
  .hero-copy { max-width: 720px; }
  .hero-visual { margin-top: 32px; justify-content: center; }
  .hero-visual img { width: 100%; transform: none; }
  .features { width: calc(100% - 48px); grid-template-columns: repeat(2,1fr); }
  .feature-card:nth-child(2)::after { display: none; }
  .logo-row .divider { display: none; }
}

@media (max-width: 620px) {
  .site-header { padding: 0 20px; }
  .brand { font-size: 21px; }
  .btn-small { display: none; }
  .hero { padding: 42px 20px 20px; }
  .eyebrow { font-size: 13px; margin-bottom: 24px; }
  h1 { font-size: 45px; letter-spacing: -2px; }
  .hero-text { font-size: 17px; }
  .hero-actions { align-items: stretch; flex-direction: column; gap: 20px; }
  .watch-link { justify-content: center; }
  .trusted { padding-left: 22px; padding-right: 22px; }
  .logo-row { gap: 20px 28px; }
  .logo-item { font-size: 17px; }
  .features { width: calc(100% - 32px); grid-template-columns: 1fr; }
  .feature-card::after { display: none !important; }
}

/* Product page */
.sticky-header { position: sticky; top: 0; }
.desktop-nav a.active { color: var(--blue); }
.product-hero {
  padding: 92px max(6vw, 72px) 96px;
  display: grid;
  grid-template-columns: 1.02fr .98fr;
  gap: 72px;
  align-items: center;
  background: radial-gradient(circle at 78% 35%, rgba(31,119,238,.12), transparent 31%), linear-gradient(180deg,#fff,#f7faff);
  overflow: hidden;
}
.product-hero h1 { font-size: clamp(50px, 4.5vw, 72px); }
.product-hero-copy { max-width: 760px; }
.insight-panel {
  border: 1px solid #dfe9f7;
  border-radius: 26px;
  padding: 24px;
  background: rgba(255,255,255,.88);
  box-shadow: 0 28px 70px rgba(17,71,145,.15);
  backdrop-filter: blur(12px);
  transform: rotate(1deg);
}
.panel-topbar { display:flex; align-items:center; gap:8px; color:#60708b; font-size:13px; }
.panel-topbar strong { margin-left: 8px; color: var(--ink); }
.panel-dot { width:9px; height:9px; border-radius:50%; background:#dce6f5; }
.audio-line { height:125px; display:flex; align-items:center; justify-content:center; gap:7px; margin:24px 0 18px; border-radius:18px; background:linear-gradient(135deg,#f5f9ff,#edf5ff); }
.audio-line span { width:6px; border-radius:10px; background:linear-gradient(180deg,#3d8cf0,#1265df); }
.audio-line span:nth-child(1),.audio-line span:nth-child(12){height:24px}.audio-line span:nth-child(2),.audio-line span:nth-child(11){height:42px}.audio-line span:nth-child(3),.audio-line span:nth-child(10){height:68px}.audio-line span:nth-child(4),.audio-line span:nth-child(9){height:89px}.audio-line span:nth-child(5),.audio-line span:nth-child(8){height:58px}.audio-line span:nth-child(6){height:104px}.audio-line span:nth-child(7){height:78px}
.metric-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:12px; }
.metric-grid article { padding:17px; border:1px solid #e6edf7; border-radius:15px; background:#fff; }
.metric-grid small,.metric-grid em { display:block; color:#758198; font-size:12px; font-style:normal; }
.metric-grid b { display:block; margin:7px 0 4px; font-size:20px; }
.metric-grid em { color:#1971df; }
.insight-note { margin-top:14px; padding:15px 17px; display:flex; gap:12px; border-radius:15px; background:#0d63d9; color:white; }
.insight-note span { font-size:21px; }
.insight-note p { margin:0; font-size:13px; line-height:1.55; }
.section-shell { padding: 104px max(6vw,72px); }
.section-heading { max-width: 760px; margin-bottom: 50px; }
.section-heading.centered { text-align:center; margin-left:auto; margin-right:auto; }
.section-kicker { display:inline-block; margin-bottom:14px; color:#1768d7; font-size:14px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }
.section-heading h2,.split-copy h2,.final-cta h2 { margin:0; font-size:clamp(36px,3.3vw,52px); line-height:1.13; letter-spacing:-1.8px; }
.section-heading p,.split-copy>p,.final-cta p { color:var(--muted); font-size:18px; line-height:1.7; }
.content-grid { display:grid; gap:20px; }
.four-grid { grid-template-columns:repeat(4,1fr); }
.soft-card { padding:30px; border:1px solid #e5ebf4; border-radius:20px; background:linear-gradient(180deg,#fff,#fbfdff); box-shadow:0 12px 30px rgba(27,62,109,.045); }
.number-icon { width:48px; height:48px; border-radius:14px; display:grid; place-items:center; margin-bottom:28px; background:#eef5ff; color:#1265df; font-weight:800; }
.soft-card h3 { margin:0 0 13px; font-size:19px; line-height:1.35; }
.soft-card p { margin:0; color:var(--muted); font-size:15px; line-height:1.7; }
.light-band { background:#f7faff; }
.split-section { padding:104px max(6vw,72px); display:grid; grid-template-columns:.85fr 1.15fr; gap:90px; align-items:start; }
.split-copy { position:sticky; top:150px; }
.text-link { color:var(--blue); font-weight:700; }
.challenge-list { display:grid; gap:15px; }
.challenge-list article { display:grid; grid-template-columns:52px 1fr; gap:18px; padding:25px; background:#fff; border:1px solid #e5ebf4; border-radius:18px; }
.check-icon { width:44px; height:44px; display:grid; place-items:center; border-radius:13px; background:#eaf3ff; color:#1065db; font-weight:800; }
.challenge-list h3 { margin:1px 0 8px; font-size:18px; }
.challenge-list p { margin:0; color:var(--muted); line-height:1.6; font-size:15px; }
.steps-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:20px; }
.step-card { position:relative; padding:30px; border:1px solid #e5ebf4; border-radius:20px; }
.step-card>span { position:absolute; top:22px; right:24px; color:#cad6e7; font-size:28px; font-weight:800; }
.step-card .feature-icon { margin-bottom:24px; }
.step-card h3 { margin:0 0 10px; font-size:18px; }
.step-card p { margin:0; color:var(--muted); font-size:15px; line-height:1.65; }
.insights-section { padding:104px max(6vw,72px); background:linear-gradient(135deg,#06163c,#0c3f88 65%,#1265df); }
.white-heading h2,.white-heading p { color:#fff; }
.white-heading p { opacity:.75; }
.section-kicker.inverse { color:#8fc2ff; }
.pill-grid { max-width:1120px; margin:0 auto; display:flex; flex-wrap:wrap; justify-content:center; gap:13px; }
.pill-grid span { padding:13px 18px; border:1px solid rgba(255,255,255,.18); border-radius:999px; color:white; background:rgba(255,255,255,.08); font-size:14px; }
.final-cta { margin:90px max(6vw,72px); padding:60px; display:grid; grid-template-columns:1fr auto; gap:50px; align-items:center; border:1px solid #dce7f6; border-radius:28px; background:radial-gradient(circle at 90% 20%,rgba(28,113,228,.12),transparent 35%),#f8fbff; }
.final-cta p { max-width:760px; margin-bottom:0; }
.cta-actions { display:flex; gap:14px; flex-wrap:wrap; }
.btn-secondary { border:1px solid #cbd9ec; background:white; color:var(--ink); }
.site-footer { padding:45px max(6vw,72px); display:grid; grid-template-columns:auto 1fr auto; gap:28px; align-items:center; border-top:1px solid #edf1f6; color:#6c788c; }
.site-footer .brand { color:var(--ink); font-size:20px; }
.site-footer .brand-mark { transform:scale(.75); transform-origin:left center; margin-right:-7px; }
.site-footer p { margin:0; text-align:center; }

@media (max-width: 1100px) {
  .product-hero { grid-template-columns:1fr; padding-left:48px; padding-right:48px; }
  .insight-panel { max-width:760px; transform:none; }
  .four-grid,.steps-grid { grid-template-columns:repeat(2,1fr); }
  .split-section { grid-template-columns:1fr; gap:45px; }
  .split-copy { position:static; }
  .final-cta { grid-template-columns:1fr; }
}
@media (max-width: 700px) {
  .product-hero,.section-shell,.split-section,.insights-section { padding:64px 20px; }
  .product-hero h1 { font-size:43px; }
  .four-grid,.steps-grid,.metric-grid { grid-template-columns:1fr; }
  .final-cta { margin:60px 16px; padding:34px 24px; }
  .cta-actions { flex-direction:column; }
  .site-footer { padding:38px 20px; grid-template-columns:1fr; text-align:center; }
  .site-footer .brand { margin:auto; }
}

/* Solutions page */
.solutions-hero {
  min-height: 720px;
  padding: 90px max(6vw,72px) 100px;
  display:grid;
  grid-template-columns:1fr 1fr;
  align-items:center;
  gap:80px;
  overflow:hidden;
  background:radial-gradient(circle at 76% 42%,rgba(28,112,231,.13),transparent 29%),linear-gradient(180deg,#fff,#f7faff);
}
.solutions-hero-copy { max-width:760px; }
.solutions-hero h1 { font-size:clamp(52px,4.6vw,76px); }
.solution-orbit { position:relative; min-height:520px; }
.solution-orbit::before,.solution-orbit::after { content:""; position:absolute; inset:11% 12%; border:1px solid #dce8f8; border-radius:50%; }
.solution-orbit::after { inset:22% 24%; border-style:dashed; }
.orbit-core { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:190px; height:190px; border-radius:50%; display:flex; flex-direction:column; align-items:center; justify-content:center; background:linear-gradient(145deg,#1265df,#0b4eb2); color:#fff; box-shadow:0 30px 60px rgba(17,88,190,.28); z-index:2; }
.orbit-core .brand-mark { transform:scale(.85); margin-bottom:13px; }
.orbit-core .brand-mark i { background:#fff; }
.orbit-core strong { font-size:20px; }
.orbit-core small { margin-top:6px; opacity:.72; }
.orbit-card { position:absolute; width:210px; padding:17px 19px; display:flex; align-items:center; gap:13px; border:1px solid #dfe8f4; border-radius:17px; background:rgba(255,255,255,.94); box-shadow:0 18px 45px rgba(24,68,126,.11); z-index:3; }
.orbit-card>span { width:42px; height:42px; border-radius:12px; display:grid; place-items:center; color:#1265df; background:#eef5ff; font-size:21px; font-weight:800; }
.orbit-card b,.orbit-card small { display:block; }
.orbit-card b { font-size:15px; }
.orbit-card small { margin-top:4px; color:#758198; font-size:12px; }
.orbit-sales { top:6%; left:4%; }
.orbit-service { top:10%; right:0; }
.orbit-manager { bottom:8%; left:0; }
.orbit-ops { bottom:5%; right:4%; }
.solution-card-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:22px; }
.solution-card { padding:38px; border:1px solid #e1e9f4; border-radius:24px; background:linear-gradient(180deg,#fff,#fbfdff); box-shadow:0 16px 38px rgba(25,61,108,.055); }
.solution-icon { width:62px; height:62px; margin-bottom:25px; display:grid; place-items:center; border-radius:17px; background:#eaf3ff; color:#1265df; font-size:27px; font-weight:800; }
.solution-label { color:#1265df; font-size:13px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.solution-card h3 { margin:13px 0 15px; font-size:25px; line-height:1.28; letter-spacing:-.5px; }
.solution-card>p { color:var(--muted); line-height:1.7; }
.solution-card ul { margin:22px 0 26px; padding:0; list-style:none; display:grid; gap:10px; color:#45526a; font-size:14px; }
.solution-card li::before { content:"✓"; margin-right:9px; color:#1265df; font-weight:800; }
.solution-card>a { color:#1265df; font-weight:700; }
.role-section { padding:110px max(6vw,72px); display:grid; grid-template-columns:1fr 1fr; gap:90px; align-items:center; }
.role-section.reverse { grid-template-columns:1fr 1fr; }
.role-copy h2 { margin:0; font-size:clamp(38px,3.4vw,54px); line-height:1.14; letter-spacing:-1.8px; }
.role-copy>p { color:var(--muted); font-size:18px; line-height:1.7; }
.role-points { margin-top:30px; display:grid; gap:18px; }
.role-points>div { display:grid; grid-template-columns:48px 1fr; gap:15px; align-items:start; }
.role-points span { width:42px; height:42px; border-radius:12px; display:grid; place-items:center; background:#eaf3ff; color:#1265df; font-size:13px; font-weight:800; }
.role-points p { margin:0; color:var(--muted); line-height:1.6; }
.role-points b { color:var(--ink); }
.conversation-board,.quality-dashboard { padding:26px; border:1px solid #dfe8f4; border-radius:25px; background:#fff; box-shadow:0 26px 65px rgba(20,68,130,.13); }
.board-header,.dashboard-top { display:flex; justify-content:space-between; align-items:center; padding-bottom:18px; border-bottom:1px solid #edf1f7; font-size:14px; }
.board-header em { padding:6px 9px; border-radius:999px; background:#eaf8ef; color:#2d8f50; font-size:11px; font-style:normal; }
.conversation-row { margin-top:17px; padding:18px; border-radius:17px; }
.conversation-row.rep { background:#f2f7ff; }
.conversation-row.customer { background:#f8fafc; }
.conversation-row b,.conversation-row small { display:block; }
.conversation-row p { margin:8px 0; color:#33435f; line-height:1.55; }
.conversation-row small { color:#1265df; }
.board-insight { margin-top:18px; padding:17px; display:flex; gap:12px; border-radius:16px; background:#0e62d6; color:#fff; }
.board-insight p { margin:0; font-size:13px; line-height:1.55; }
.dashboard-top span { color:#7c899d; font-size:12px; }
.score-ring { width:180px; height:180px; margin:28px auto; border-radius:50%; display:grid; place-items:center; background:conic-gradient(#1265df 0 92%,#eaf0f8 92% 100%); position:relative; }
.score-ring::after { content:""; position:absolute; width:138px; height:138px; border-radius:50%; background:#fff; }
.score-ring>div { position:relative; z-index:2; text-align:center; }
.score-ring strong,.score-ring small { display:block; }
.score-ring strong { font-size:42px; }
.score-ring small { color:#76839a; }
.quality-bars { display:grid; gap:18px; }
.quality-bars>div { position:relative; padding-bottom:10px; display:grid; grid-template-columns:1fr auto; gap:15px; font-size:13px; }
.quality-bars i { position:absolute; left:0; bottom:0; width:100%; height:6px; border-radius:99px; background:#eaf0f8; overflow:hidden; }
.quality-bars i::after { content:""; display:block; width:var(--w); height:100%; border-radius:99px; background:#1265df; }
.trend-note { margin-top:24px; padding:14px 16px; border-radius:13px; background:#f1f6fe; color:#155fca; font-size:13px; }
.workflow-band { padding:105px max(6vw,72px); background:linear-gradient(135deg,#06163c,#0a3f8f 68%,#1265df); }
.workflow-line { max-width:1240px; margin:0 auto; display:grid; grid-template-columns:1fr auto 1fr auto 1fr auto 1fr; align-items:center; gap:18px; }
.workflow-line article { min-height:190px; padding:26px; border:1px solid rgba(255,255,255,.16); border-radius:20px; background:rgba(255,255,255,.08); color:#fff; }
.workflow-line article>span { width:42px; height:42px; display:grid; place-items:center; border-radius:12px; background:rgba(255,255,255,.13); color:#9bc9ff; font-weight:800; }
.workflow-line h3 { margin:24px 0 9px; }
.workflow-line p { margin:0; color:rgba(255,255,255,.7); line-height:1.6; font-size:14px; }
.workflow-line>i { color:#7fb5f9; font-style:normal; font-size:25px; }
.outcome-layout { display:grid; grid-template-columns:.85fr 1.15fr; gap:80px; align-items:start; }
.outcome-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:18px; }
.outcome-grid article { padding:28px; border:1px solid #e3eaf4; border-radius:20px; background:#fff; }
.outcome-grid strong,.outcome-grid span { display:block; }
.outcome-grid strong { color:#1265df; font-size:34px; }
.outcome-grid span { margin:8px 0 11px; color:var(--ink); font-weight:700; }
.outcome-grid p { margin:0; color:var(--muted); font-size:14px; line-height:1.6; }

@media (max-width:1100px) {
  .solutions-hero,.role-section,.role-section.reverse,.outcome-layout { grid-template-columns:1fr; }
  .solutions-hero { padding-left:48px; padding-right:48px; }
  .solution-orbit { max-width:720px; width:100%; margin:auto; }
  .workflow-line { grid-template-columns:repeat(2,1fr); }
  .workflow-line>i { display:none; }
}
@media (max-width:700px) {
  .solutions-hero,.role-section,.workflow-band { padding:64px 20px; }
  .solutions-hero h1 { font-size:43px; }
  .solution-card-grid,.outcome-grid,.workflow-line { grid-template-columns:1fr; }
  .solution-card { padding:28px 23px; }
  .solution-orbit { min-height:520px; transform:scale(.86); transform-origin:center center; margin:-35px 0; }
  .orbit-card { width:180px; padding:13px; }
}


/* ===== Inner pages ===== */
.inner-page { background: #fff; }
.inner-hero {
  padding: 92px 7.5% 76px;
  text-align: center;
  background:
    radial-gradient(circle at 50% 10%, rgba(31,119,238,.11), transparent 34%),
    linear-gradient(180deg, #f8fbff 0%, #fff 100%);
  border-bottom: 1px solid #edf2f8;
}
.inner-hero .eyebrow { margin-bottom: 25px; }
.inner-hero h1 { margin: 0 auto; max-width: 920px; font-size: clamp(42px, 5vw, 68px); letter-spacing: -2.2px; }
.inner-hero p { max-width: 760px; margin: 26px auto 0; color: var(--muted); font-size: 19px; line-height: 1.7; }
.section-wrap { padding: 88px 7.5%; }
.section-wrap.soft { background: #f7faff; }
.section-head { max-width: 760px; margin: 0 auto 44px; text-align: center; }
.section-head.align-left { margin-left: 0; text-align: left; }
.section-kicker { margin: 0 0 12px; color: var(--blue); font-size: 14px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.section-head h2 { margin: 0; font-size: clamp(34px, 3.5vw, 50px); letter-spacing: -1.5px; line-height: 1.18; }
.section-head p { margin: 18px 0 0; color: var(--muted); line-height: 1.75; font-size: 17px; }
.card-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
.content-card { padding: 30px; border: 1px solid var(--line); border-radius: 18px; background: #fff; box-shadow: 0 10px 28px rgba(26,54,93,.04); }
.content-card .card-icon { width: 50px; height: 50px; border-radius: 14px; display: grid; place-items: center; margin-bottom: 22px; background: var(--blue-soft); color: var(--blue); font-size: 23px; }
.content-card h3 { margin: 0 0 12px; font-size: 21px; }
.content-card p { margin: 0; color: var(--muted); line-height: 1.7; }
.resource-card a { color: var(--blue); font-weight: 700; display: inline-block; margin-top: 18px; }
.feature-list { display: grid; gap: 14px; margin-top: 28px; }
.feature-list div { display: flex; gap: 12px; align-items: flex-start; color: #34425f; line-height: 1.65; }
.check { flex: 0 0 24px; width: 24px; height: 24px; border-radius: 50%; display: grid; place-items: center; color: #fff; background: var(--blue); font-size: 13px; font-weight: 800; margin-top: 1px; }
.pricing-shell { max-width: 1060px; margin: 0 auto; }
.pricing-card { display: grid; grid-template-columns: 1.05fr .95fr; overflow: hidden; border-radius: 24px; border: 1px solid #dfe8f5; background: #fff; box-shadow: 0 22px 60px rgba(18,101,223,.11); }
.pricing-main { padding: 52px; }
.pricing-side { padding: 52px; color: #fff; background: linear-gradient(145deg, #0d5fd2, #0a48ae); }
.price-line { display: flex; align-items: flex-end; gap: 10px; margin: 28px 0 10px; }
.price-line strong { font-size: 64px; letter-spacing: -3px; }
.price-line span { padding-bottom: 10px; color: #6a768d; font-weight: 600; }
.free-badge { display: inline-flex; padding: 8px 13px; border-radius: 999px; color: #0a57c3; background: #eaf3ff; font-weight: 800; font-size: 14px; }
.pricing-side h3 { margin: 0 0 12px; font-size: 26px; }
.pricing-side p { color: rgba(255,255,255,.8); line-height: 1.75; }
.pricing-side .feature-list div { color: #fff; }
.pricing-side .check { color: var(--blue); background: #fff; }
.crypto-box { margin-top: 28px; padding: 20px; border-radius: 16px; background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.18); }
.crypto-box strong { display: block; margin-bottom: 8px; }
.article-layout { max-width: 980px; margin: 0 auto; }
.article-lead { color: var(--muted); font-size: 20px; line-height: 1.75; }
.answer-box { margin: 34px 0; padding: 28px; border: 1px solid #dbe7f6; border-radius: 18px; background: #f7fbff; }
.answer-box h2 { margin: 0 0 12px; font-size: 30px; letter-spacing: -.7px; }
.answer-box p { margin: 0; color: #34425f; line-height: 1.75; }
.article-section { margin-top: 42px; }
.article-section h2 { margin: 0 0 16px; font-size: 31px; letter-spacing: -.8px; }
.article-section h3 { margin: 26px 0 10px; font-size: 21px; }
.article-section p, .article-section li { color: #46546d; line-height: 1.75; font-size: 16px; }
.article-section ul, .article-section ol { padding-left: 22px; display: grid; gap: 10px; }
.article-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 18px; margin-top: 24px; }
.article-mini-card { padding: 22px; border: 1px solid var(--line); border-radius: 16px; background: #fff; }
.article-mini-card strong { display: block; margin-bottom: 8px; font-size: 17px; }
.article-mini-card p { margin: 0; color: var(--muted); line-height: 1.65; }
.article-faq { margin-top: 44px; border-top: 1px solid var(--line); }
.article-faq article { padding: 24px 0; border-bottom: 1px solid var(--line); }
.article-faq h3 { margin: 0 0 9px; font-size: 19px; }
.article-faq p { margin: 0; color: var(--muted); line-height: 1.7; }
.faq-wrap { max-width: 920px; margin: 0 auto; }
.faq-item { border-bottom: 1px solid var(--line); }
.faq-question { width: 100%; border: 0; background: none; padding: 24px 4px; display: flex; justify-content: space-between; align-items: center; gap: 20px; text-align: left; color: var(--ink); font: inherit; font-size: 18px; font-weight: 750; cursor: pointer; }
.faq-question span:last-child { color: var(--blue); font-size: 24px; transition: transform .2s ease; }
.faq-answer { display: none; padding: 0 42px 24px 4px; color: var(--muted); line-height: 1.75; }
.faq-item.open .faq-answer { display: block; }
.faq-item.open .faq-question span:last-child { transform: rotate(45deg); }
.story-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 56px; align-items: center; }
.story-panel { min-height: 430px; padding: 42px; border-radius: 24px; background: linear-gradient(145deg,#eaf3ff,#f9fbff); border: 1px solid #dce9f8; position: relative; overflow: hidden; }
.story-panel::before, .story-panel::after { content:""; position:absolute; border-radius:50%; background:rgba(18,101,223,.08); }
.story-panel::before { width:220px;height:220px;right:-60px;top:-50px; }
.story-panel::after { width:150px;height:150px;left:-40px;bottom:-40px; }
.story-stat { position: relative; z-index: 1; margin-bottom: 28px; }
.story-stat strong { display:block; color:var(--blue); font-size:52px; letter-spacing:-2px; }
.story-stat span { color:var(--muted); }
.values-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
.cta-band { margin: 0 7.5% 86px; padding: 62px 7%; border-radius: 26px; text-align: center; color: #fff; background: linear-gradient(135deg,#0d5fd2,#093f9e); box-shadow: 0 24px 60px rgba(10,76,177,.22); }
.cta-band h2 { margin:0; font-size:clamp(34px,4vw,52px); letter-spacing:-1.5px; }
.cta-band p { max-width:700px; margin:18px auto 30px; color:rgba(255,255,255,.8); line-height:1.7; }
.cta-band .btn-secondary { color:#0b55bc; border:0; }
.btn-secondary { color: var(--ink); background: #fff; border: 1px solid #dfe7f2; box-shadow: 0 8px 20px rgba(26,54,93,.06); }
.site-footer { padding: 52px 7.5%; display: grid; grid-template-columns: 1.4fr repeat(3,1fr); gap: 46px; border-top: 1px solid var(--line); background:#fbfcfe; }
.footer-copy p { color:var(--muted); line-height:1.65; max-width:350px; }
.footer-col h4 { margin:4px 0 18px; }
.footer-col a { display:block; color:var(--muted); margin:12px 0; }
.footer-col a:hover { color:var(--blue); }

@media (max-width: 980px) {
  .card-grid, .values-grid { grid-template-columns: 1fr 1fr; }
  .pricing-card, .story-grid { grid-template-columns: 1fr; }
  .site-footer { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 680px) {
  .inner-hero, .section-wrap { padding-left: 22px; padding-right: 22px; }
  .inner-hero { padding-top: 66px; padding-bottom: 56px; }
  .card-grid, .values-grid, .article-grid { grid-template-columns: 1fr; }
  .pricing-main, .pricing-side { padding: 32px 24px; }
  .price-line strong { font-size: 52px; }
  .cta-band { margin:0 18px 60px; padding:46px 24px; }
  .site-footer { grid-template-columns:1fr; padding:42px 24px; }
}