:root {
  --ink: #101936;
  --muted: #64708c;
  --blue: #2457f5;
  --blue-dark: #163ec2;
  --cyan: #33d6c8;
  --lime: #c7f56b;
  --cream: #f6f6f0;
  --line: #dce2ee;
  --navy: #0b1736;
  --white: #fff;
  --shadow: 0 24px 70px rgba(23, 43, 100, .14);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top:76px; }
body {
  margin: 0;
  color: var(--ink);
  background: #fbfcff;
  font-family: "PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", "Source Han Sans SC", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
}
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; }
button { cursor: pointer; }
.page-noise {
  position: fixed; inset: 0; z-index: 20; pointer-events: none; opacity: .035;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E");
}

.site-header {
  height: 76px; padding: 0 max(24px, calc((100vw - 1240px) / 2));
  display: flex; align-items: center; gap: 42px; position: sticky; top: 0; z-index: 15;
  background: rgba(255,255,255,.88); backdrop-filter: blur(18px);
  border-bottom: 1px solid rgba(220,226,238,.75);
}
.brand { display: flex; align-items: center; gap: 11px; margin-right: auto; }
.brand-mark {
  width: 38px; height: 38px; display: grid; place-items: center; color: #fff;
  background: var(--blue); border-radius: 10px; font: 800 21px/1 Manrope, sans-serif;
  box-shadow: 0 8px 18px rgba(36,87,245,.28);
}
.brand strong { display: block; font: 800 18px/1.05 Manrope, sans-serif; letter-spacing: -.4px; }
.brand small { display: block; margin-top: 4px; color: #7a849d; font-size: 10px; letter-spacing: .08em; }
.desktop-nav { display: flex; gap: 21px; font-size: 14px; font-weight: 600; color: #48536c; }
.desktop-nav a { position: relative; }
.desktop-nav a::after { content:""; position:absolute; left:0; right:100%; bottom:-8px; height:2px; background:var(--blue); transition:.25s; }
.desktop-nav a:hover::after { right:0; }
.desktop-nav .mobile-login-link { display:none; }
.login-actions { display:flex; align-items:center; gap:8px; }
.login-link {
  min-height:40px; display:inline-flex; align-items:center; justify-content:center; padding:0 14px;
  border:1px solid #d8dfeb; border-radius:10px; background:#fff; color:#56617a;
  font-size:13px; font-weight:800; white-space:nowrap; transition:.2s;
}
.login-link:hover { transform:translateY(-1px); border-color:#b9c6de; box-shadow:0 8px 18px rgba(24,42,89,.08); }
.login-link-customer { color:var(--blue); background:#edf2ff; border-color:#cfdafe; }
.login-link-employee { color:#26314d; }
.header-cta {
  background: var(--ink); color: #fff; padding: 12px 18px; border-radius: 10px;
  font-size: 13px; font-weight: 700; box-shadow: 0 8px 20px rgba(16,25,54,.16);
}
.header-cta span { color: var(--lime); margin-left: 6px; }
.menu-button { display:none; border:0; background:none; padding:10px; }
.menu-button span { display:block; width:22px; height:2px; background:var(--ink); margin:5px; }

.hero {
  min-height: 620px; position: relative; overflow: hidden; padding: 44px max(24px, calc((100vw - 1240px) / 2)) 64px;
  display: grid; grid-template-columns: .98fr 1.02fr; align-items: center; gap: 44px;
  background: radial-gradient(circle at 72% 42%, rgba(44, 221, 201, .15), transparent 30%),
              linear-gradient(145deg, #f7f8f3 0%, #f7f8f4 54%, #eef5f4 100%);
}
.hero-orb { position:absolute; pointer-events:none; }
.hero::before { content:""; position:absolute; inset:0; background-image:linear-gradient(rgba(20,40,90,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(20,40,90,.035) 1px,transparent 1px); background-size:44px 44px; mask-image:linear-gradient(to right,#000,transparent 45%); }
.hero-copy, .hero-visual { position: relative; z-index: 2; }
.eyebrow, .section-kicker { color: var(--blue); font: 800 11px/1 Manrope, "Noto Sans SC", sans-serif; letter-spacing: .16em; text-transform: uppercase; }
.eyebrow { display:flex; align-items:center; gap:9px; margin-bottom: 18px; font-size:14px; letter-spacing:.12em; }
.eyebrow span { width: 28px; height: 2px; background: var(--blue); }
.hero h1 { margin:0; font-size:clamp(46px,4.35vw,68px); line-height:1.12; letter-spacing:0; font-weight:800; }
.hero h1 span { color: var(--blue); position:relative; white-space:nowrap; }
.hero h1 span:last-child::after { content:""; position:absolute; left:0; right:0; bottom:-3px; height:7px; background:var(--lime); z-index:-1; transform:skewX(-16deg); }
.conversion-hero-title {
  max-width:690px;
  color:#0b1736;
  text-wrap:balance;
}
.pr-hero-title { max-width:none; display:grid; gap:6px; }
.pr-hero-keywords { display:flex; align-items:center; gap:10px; white-space:nowrap; }
.hero h1 .pr-hero-keywords { color:var(--ink); }
.pr-hero-keywords b {
  color:inherit;
  font-size:clamp(26px,2.25vw,35px);
  font-weight:800;
  line-height:1.18;
}
.hero h1.pr-hero-title .pr-hero-keywords::after { display:none; }
.pr-hero-title em {
  margin-top:0;
  color:var(--ink);
  font-size:clamp(26px,2.25vw,35px);
  font-style:normal;
  line-height:1.2;
  white-space:nowrap;
}
.hero-lead { margin:26px 0 30px; max-width:550px; color:#56617a; font-size:17px; line-height:1.85; }
.hero-value-list {
  max-width:620px;
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:10px;
  margin:-8px 0 28px;
}
.hero-value-list span {
  min-height:42px;
  display:flex;
  align-items:center;
  gap:8px;
  padding:0 13px;
  border:1px solid rgba(196,207,225,.92);
  border-radius:10px;
  background:rgba(255,255,255,.72);
  color:#26314d;
  font-size:13px;
  font-weight:800;
  box-shadow:0 10px 24px rgba(23,43,100,.06);
}
.hero-value-list span::before {
  content:"";
  width:7px;
  height:7px;
  flex:0 0 auto;
  border-radius:50%;
  background:var(--blue);
  box-shadow:0 0 0 4px rgba(36,87,245,.1);
}
.hero-actions { display:flex; align-items:center; gap:14px; }
.button { min-height:49px; display:inline-flex; align-items:center; justify-content:center; gap:12px; padding:0 22px; border-radius:10px; font-size:14px; font-weight:700; border:1px solid transparent; }
.button-primary { color:#fff; background:var(--blue); box-shadow:0 13px 27px rgba(36,87,245,.25); }
.button-primary:hover { background:var(--blue-dark); transform:translateY(-1px); }
.button-secondary { border-color:#cbd3e2; background:rgba(255,255,255,.7); }
.play { width:22px; height:22px; display:grid; place-items:center; font-size:8px; color:var(--blue); border:1px solid #bfc9db; border-radius:50%; }
.hero-proof { display:flex; gap:14px; align-items:center; margin-top:35px; }
.avatar-stack { display:flex; padding-left:8px; }
.avatar-stack span { width:34px; height:34px; margin-left:-8px; display:grid; place-items:center; border:2px solid #fff; border-radius:50%; background:var(--navy); color:#fff; font:700 9px Manrope; }
.avatar-stack span:nth-child(2) { background:#171717; color:#55efd9; }
.avatar-stack span:nth-child(3) { background:linear-gradient(135deg,#9b2dca,#f55153,#f2bf48); }
.avatar-stack span:nth-child(4) { background:#000; }
.hero-proof p { margin:0; color:#7a8498; font-size:11px; line-height:1.5; }
.hero-proof strong { color:var(--ink); font-size:12px; }

.hero-visual { min-width: 0; }
.visual-glow { position:absolute; width:72%; height:70%; border-radius:50%; background:rgba(48,224,203,.28); filter:blur(55px); right:5%; bottom:0; }
.dashboard-shell { position:relative; overflow:hidden; background:#fff; border:1px solid rgba(188,200,218,.8); border-radius:18px; box-shadow:var(--shadow); transform:perspective(1400px) rotateY(-2.2deg) rotateX(1deg); }
.dashboard-top { height:52px; display:flex; align-items:center; gap:20px; padding:0 15px; border-bottom:1px solid #e9edf4; }
.mini-brand { display:flex; align-items:center; gap:7px; width:122px; font:700 10px Manrope; }
.mini-brand span { width:24px; height:24px; display:grid; place-items:center; border-radius:6px; color:#fff; background:var(--blue); }
.mini-search { flex:1; background:#f4f6fa; border:1px solid #eaedf3; border-radius:7px; padding:7px 10px; color:#9ca5b7; font-size:8px; }
.mini-search kbd { float:right; border:1px solid #dfe4ed; border-radius:4px; padding:1px 4px; background:#fff; }
.mini-user { width:26px; height:26px; display:grid; place-items:center; border-radius:50%; background:#edf1ff; color:var(--blue); font:700 8px Manrope; }
.dashboard-body { display:grid; grid-template-columns:142px 1fr; min-height:405px; }
.dashboard-body aside { padding:17px 10px; background:#0d1b3e; color:#8590ab; }
.dashboard-body aside span { display:flex; align-items:center; gap:10px; padding:10px; margin-bottom:4px; border-radius:7px; font-size:10px; font-style:normal; }
.dashboard-body aside i { font-style:normal; }
.dashboard-body aside .active { color:#fff; background:rgba(76,120,241,.25); border-left:2px solid #55decf; }
.dashboard-content { min-width:0; padding:20px; background:#f5f7fb; }
.content-heading { display:flex; align-items:center; justify-content:space-between; }
.content-heading small { display:block; color:#8994a9; font-size:9px; }
.content-heading strong { display:block; margin-top:5px; font-size:15px; }
.content-heading button { border:0; border-radius:6px; background:var(--blue); color:#fff; padding:8px 11px; font-size:8px; }
.filter-row { display:flex; align-items:center; gap:7px; margin:18px 0 14px; }
.filter-row span { border:1px solid #dce3ee; border-radius:15px; padding:6px 10px; background:#fff; font-size:8px; color:#68738a; }
.filter-row b { margin-left:auto; border-radius:5px; padding:6px 11px; background:#15254d; color:#fff; font-size:8px; }
.creator-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }
.creator-grid article { overflow:hidden; border:1px solid #e2e6ee; border-radius:9px; background:#fff; }
.creator-cover { height:135px; position:relative; background-size:cover; background-position:center; }
.cover-one { background:linear-gradient(145deg,rgba(8,14,35,.1),rgba(34,84,255,.25)),linear-gradient(135deg,#161c2d 0 34%,#66d3ca 35% 60%,#edf5f4 61%); }
.cover-two { background:linear-gradient(145deg,rgba(8,14,35,.1),rgba(34,84,255,.12)),linear-gradient(45deg,#1d1f24 0 38%,#cddeff 39% 64%,#4669ff 65%); }
.cover-three { background:linear-gradient(145deg,rgba(8,14,35,.05),rgba(145,74,255,.18)),radial-gradient(circle at 50% 38%,#f9da9e 0 15%,transparent 16%),linear-gradient(130deg,#7e4ae6,#38d6ce); }
.creator-cover span { position:absolute; left:8px; bottom:7px; background:rgba(5,12,30,.7); color:#fff; border-radius:4px; padding:3px 6px; font-size:7px; }
.creator-info { padding:9px; }
.creator-info b, .creator-info em { display:block; }
.creator-info b { font:700 9px Manrope; }
.creator-info em { margin:3px 0 6px; color:#7e8799; font-size:7px; font-style:normal; }
.creator-info small { display:flex; gap:4px; }
.creator-info i { padding:2px 5px; border-radius:3px; background:#f0f3f8; color:#778198; font-size:6px; font-style:normal; }
.pr-board-grid { display:grid; grid-template-columns:1.12fr .88fr; gap:11px; }
.pr-board-grid article {
  min-height:132px;
  padding:14px;
  border:1px solid #e2e6ee;
  border-radius:10px;
  background:#fff;
  box-shadow:0 10px 24px rgba(15,31,69,.05);
}
.pr-board-grid small { display:block; color:#8b96aa; font-size:8px; font-weight:800; }
.strategy-card { grid-row:span 2; display:flex; flex-direction:column; justify-content:space-between; }
.strategy-card strong { color:#111936; font-size:18px; line-height:1.55; }
.strategy-card span, .monitor-card span { color:#69758c; font-size:10px; line-height:1.5; }
.resource-card { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; align-content:end; }
.resource-card small { grid-column:1/-1; }
.resource-card div { padding:10px 7px; border-radius:8px; background:#f4f7fb; text-align:center; }
.resource-card b { display:block; color:var(--blue); font-size:22px; line-height:1; }
.resource-card span { display:block; margin-top:5px; color:#68738a; font-size:8px; }
.monitor-card { display:flex; flex-direction:column; gap:10px; }
.monitor-line { height:54px; display:flex; align-items:end; gap:7px; padding:7px 8px 0; border-radius:9px; background:linear-gradient(180deg,#f4f8ff,#eef4f6); }
.monitor-line i { flex:1; min-width:12px; border-radius:7px 7px 0 0; background:linear-gradient(180deg,#33d6c8,#2457f5); }
.floating-card { position:absolute; display:flex; align-items:center; gap:10px; padding:12px 14px; border:1px solid rgba(206,216,232,.9); border-radius:12px; background:rgba(255,255,255,.95); box-shadow:0 16px 35px rgba(21,42,94,.18); }
.floating-card small,.floating-card strong { display:block; }
.floating-card small { color:#8c96a8; font-size:8px; }
.floating-card strong { margin-top:2px; font-size:10px; }
.match-card { top:-26px; right:-20px; }
.card-icon { width:31px; height:31px; display:grid; place-items:center; border-radius:8px; color:var(--blue); background:#edf1ff; }
.trend { margin-left:10px; border-radius:10px; padding:4px 7px; background:#e6f9ef; color:#1d9c5c; font-size:7px; }
.message-card { left:-32px; bottom:-24px; }
.message-avatar { width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,#ffcf7f,#ee7e64);color:#fff;font:800 9px Manrope; }
.online-dot { width:8px;height:8px;border:2px solid #fff;border-radius:50%;background:#35c67c;position:absolute;left:38px;top:36px; }

.platform-strip { min-height:104px; padding:22px max(24px,calc((100vw - 1180px)/2)); display:grid; grid-template-columns:auto minmax(0,1fr); align-items:center; gap:28px; border-top:1px solid #e5e9f0; border-bottom:1px solid #e5e9f0; background:#fff; }
.platform-strip > span { color:#98a0b0; font-size:11px; letter-spacing:.08em; white-space:nowrap; }
.platform-list { display:grid; grid-template-columns:repeat(7,minmax(116px,1fr)); gap:12px; width:100%; }
.platform-list div { min-height:44px; display:flex; align-items:center; justify-content:center; gap:9px; padding:0 12px; border:1px solid #eef2f7; border-radius:12px; background:#fff; color:#4b556b; font:700 16px Manrope,sans-serif; box-shadow:0 10px 24px rgba(20,42,92,.04); }
.platform-strip b { width:27px;height:27px;display:grid;place-items:center;border-radius:8px;font-style:normal; }
.youtube { color:#f22; background:#fff0f0; font-size:10px; }.tiktok { color:#111; background:#e9fffb; }.instagram { color:#c036a3;background:#fff1fb; }.x-logo { color:#fff;background:#111; }.linkedin{color:#fff;background:#0a66c2;font-size:11px}.facebook{color:#fff;background:#1877f2;font-size:16px}.reddit{color:#ff4500;background:#fff0ea;font-size:15px}

.trust-section {
  padding:64px max(24px, calc((100vw - 1160px) / 2));
  display:grid;
  grid-template-columns:.78fr 1.22fr;
  gap:42px;
  align-items:start;
  background:#fff;
  border-bottom:1px solid #e5eaf3;
}
.trust-copy h2 {
  margin:16px 0 14px;
  color:#0b1736;
  font-size:clamp(30px,2.6vw,42px);
  line-height:1.22;
  letter-spacing:-.025em;
}
.trust-copy p {
  margin:0;
  color:#64708c;
  font-size:14px;
  line-height:1.9;
}
.trust-grid {
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:12px;
}
.trust-grid article {
  min-height:196px;
  padding:22px;
  border:1px solid #e1e7f1;
  border-radius:12px;
  background:linear-gradient(145deg,#fff,#f8fbff);
  box-shadow:0 18px 42px rgba(20,42,92,.06);
}
.trust-grid span {
  display:inline-flex;
  min-height:30px;
  align-items:center;
  padding:0 10px;
  border-radius:16px;
  background:#edf2ff;
  color:var(--blue);
  font:900 13px/1 Manrope, sans-serif;
}
.trust-grid strong {
  display:block;
  margin:18px 0 9px;
  color:#111936;
  font-size:16px;
}
.trust-grid p {
  margin:0;
  color:#657089;
  font-size:12px;
  line-height:1.75;
}

.featured-resources-section { background:#f7f9fc; }
.resource-toolbar { display:flex; align-items:center; justify-content:space-between; gap:18px; min-height:18px; margin:22px 0 14px; color:#6b758b; font-size:12px; font-weight:700; }
.resource-pager { display:flex; align-items:center; gap:10px; }
.resource-pager button { min-height:36px; padding:0 14px; border:1px solid #d5deed; border-radius:8px; background:#fff; color:#27324d; font-size:12px; font-weight:800; }
.resource-pager button:hover:not(:disabled) { border-color:#9eb3f7; color:var(--blue); box-shadow:0 8px 18px rgba(36,87,245,.09); }
.resource-pager button:disabled { color:#a4adbd; cursor:not-allowed; background:#f1f4f8; }
.resource-pager span { color:#3d4860; font:800 12px Manrope, sans-serif; }
.featured-resource-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:15px; }
.resource-card-item { min-height:210px; display:flex; flex-direction:column; padding:18px; border:1px solid #e1e7f1; border-radius:12px; background:#fff; box-shadow:0 14px 30px rgba(20,42,92,.06); transition:.24s; }
.resource-card-item:nth-child(odd) { background:linear-gradient(145deg,#fff,#f5fbfa); }
.resource-card-item:nth-child(even) { background:linear-gradient(145deg,#fff,#f7f8ff); }
.resource-card-item:hover { transform:translateY(-4px); border-color:#c7d5f8; box-shadow:0 24px 48px rgba(20,42,92,.11); }
.resource-card-top { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:12px; }
.resource-card-top span { display:inline-flex; align-items:center; min-height:25px; padding:0 10px; border-radius:14px; background:#edf2ff; color:var(--blue); font-size:10px; font-weight:900; letter-spacing:.06em; }
.resource-card-top strong { color:#0f8f83; font:900 22px/1 Manrope, sans-serif; white-space:nowrap; }
.resource-card-item h3 { min-height:48px; margin:0 0 12px; color:#111936; font-size:19px; line-height:1.32; letter-spacing:0; word-break:break-word; }
.resource-meta-grid { display:grid; gap:6px; margin-top:auto; }
.resource-meta-grid span { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:6px 8px; border-radius:7px; background:rgba(239,243,249,.78); color:#566176; font-size:10px; line-height:1.35; }
.resource-meta-grid b { color:#8791a4; font-size:10px; }
.resource-url { display:inline-flex; align-items:center; gap:6px; margin-top:12px; color:var(--blue); font-size:11px; font-weight:900; }
.resource-url:hover { text-decoration:underline; text-underline-offset:4px; }
.resource-empty-card { grid-column:1/-1; min-height:170px; padding:28px; border:1px solid #e1e7f1; border-radius:14px; background:#fff; box-shadow:0 18px 42px rgba(20,42,92,.06); }
.resource-empty-card span { display:inline-flex; margin-bottom:14px; padding:5px 10px; border-radius:16px; background:#edf2ff; color:var(--blue); font-size:10px; font-weight:800; letter-spacing:.08em; }
.resource-empty-card h3 { margin:0; font-size:22px; }
.resource-empty-card p { margin:12px 0 0; color:#667189; font-size:13px; line-height:1.8; }

.social-hotspots-section { background:#fff; }
section.social-hotspots-section { padding-top:62px; padding-bottom:62px; }
.social-hotspot-head { display:flex; align-items:center; justify-content:space-between; gap:18px; margin:24px 0 14px; }
.social-hotspot-head strong { font-size:18px; }
.social-hotspot-head span { color:#748095; font-size:12px; font-weight:800; }
.social-hotspot-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:15px; }
.social-hotspot-grid article {
  min-height:206px; position:relative; display:flex; flex-direction:column; padding:20px;
  border:1px solid #e1e7f1; border-radius:14px; background:linear-gradient(145deg,#fff,#f9fbff);
  box-shadow:0 14px 30px rgba(20,42,92,.06);
}
.social-hotspot-grid article.featured { grid-row:auto; min-height:206px; background:linear-gradient(145deg,#10204a,#183b7d); color:#fff; }
.social-hotspot-top { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:12px; }
.social-hotspot-top span { display:inline-flex; align-items:center; min-height:25px; padding:0 10px; border-radius:14px; background:#edf2ff; color:var(--blue); font-size:10px; font-weight:900; letter-spacing:.06em; }
.social-hotspot-grid article.featured .social-hotspot-top span { background:rgba(116,223,212,.15); color:#74dfd4; }
.social-hotspot-top strong { width:34px; height:34px; display:grid; place-items:center; border-radius:50%; background:#e9fff9; color:#0f8f83; font:900 14px Manrope, sans-serif; }
.social-hotspot-grid article.featured .social-hotspot-top strong { background:var(--lime); color:#17213d; }
.social-hotspot-grid h3 { margin:0; font-size:19px; line-height:1.35; letter-spacing:0; }
.social-hotspot-grid article.featured h3 { font-size:22px; line-height:1.3; }
.social-hotspot-grid h3 a:hover { color:var(--blue); text-decoration:underline; text-underline-offset:4px; }
.social-hotspot-grid article.featured h3 a:hover { color:var(--lime); }
.social-hotspot-grid p { display:-webkit-box; margin:10px 0 0; overflow:hidden; color:#667189; font-size:12px; line-height:1.7; -webkit-box-orient:vertical; -webkit-line-clamp:3; }
.social-hotspot-grid article.featured p { color:#c8d3e8; font-size:13px; line-height:1.7; }
.social-hotspot-meta { display:flex; flex-wrap:wrap; gap:7px; margin-top:auto; padding-top:12px; }
.social-hotspot-meta small { display:inline-flex; padding:5px 9px; border-radius:14px; background:#f0f4fb; color:#63708a; font-size:9px; font-weight:800; }
.social-hotspot-grid article.featured .social-hotspot-meta small { background:rgba(255,255,255,.11); color:#dce6fa; }
.social-hotspot-empty { grid-column:1/-1!important; min-height:170px!important; color:var(--ink)!important; background:#fff!important; }
.social-hotspot-empty span { display:inline-flex; margin-bottom:14px; padding:5px 10px; border-radius:16px; background:#edf2ff; color:var(--blue); font-size:10px; font-weight:800; letter-spacing:.08em; }
.social-hotspot-empty h3 { margin:0; font-size:22px!important; }
.social-hotspot-empty p { margin:12px 0 0; color:#667189!important; font-size:13px!important; line-height:1.8; }

.platform-intro { --platform-slide-height:max(calc(100vh - 76px), 760px); position:relative; min-height:var(--platform-slide-height); scroll-margin-top:76px; overflow:hidden; background:#fff; }
.platform-slide { display:none; min-height:var(--platform-slide-height); height:var(--platform-slide-height); overflow:hidden; }
.platform-slide.active { display:block; animation:platform-slide-in .45s ease both; }
.platform-slide.active.audience-section { display:grid; }
.platform-slide.active.faq-section { display:block; }
@keyframes platform-slide-in { from{opacity:0;transform:translateX(18px)} to{opacity:1;transform:none} }
.platform-arrow {
  position:fixed; top:50%; z-index:18; width:46px; height:46px; border:1px solid rgba(188,200,218,.9);
  border-radius:50%; background:rgba(255,255,255,.88); color:#14203d; font-size:32px; line-height:1;
  box-shadow:0 16px 34px rgba(20,42,92,.16); backdrop-filter:blur(10px); transform:translateY(-50%); transition:.2s;
  opacity:0; pointer-events:none;
}
.platform-intro-visible .platform-arrow { opacity:1; pointer-events:auto; }
.platform-arrow:hover { transform:translateY(-50%) scale(1.04); border-color:#9fb2f2; color:var(--blue); }
.platform-arrow-prev { left:18px; }
.platform-arrow-next { right:18px; }
.platform-slide-status {
  position:fixed; left:50%; bottom:24px; z-index:18; display:flex; align-items:center; gap:14px;
  min-height:42px; padding:0 16px; border:1px solid rgba(207,216,232,.9); border-radius:22px;
  background:rgba(255,255,255,.9); color:#26314d; box-shadow:0 16px 34px rgba(20,42,92,.12);
  transform:translateX(-50%); backdrop-filter:blur(12px); white-space:nowrap;
  opacity:0; pointer-events:none;
}
.platform-intro-visible .platform-slide-status { opacity:1; pointer-events:auto; }
.platform-slide-status span { font-size:12px; font-weight:900; }
.platform-slide-dots { display:flex; align-items:center; gap:7px; }
.platform-slide-dots button {
  width:8px; height:8px; padding:0; border:0; border-radius:50%; background:#c8d1e2;
}
.platform-slide-dots button.active { width:22px; border-radius:8px; background:var(--blue); }

.section { padding: 105px max(24px, calc((100vw - 1160px) / 2)); }
.section-heading { margin-top:19px; }
.section-heading h2 { margin:0; font-size:clamp(35px,3.2vw,51px); line-height:1.23; letter-spacing:-.045em; }
.section-heading h2 span, .audience-copy h2 span { color:var(--blue); }
.section-heading p { color:var(--muted); font-size:15px; line-height:1.85; }
.split-heading { display:grid; grid-template-columns:1.3fr .7fr; gap:90px; align-items:end; }
.split-heading p { margin:0 0 5px; }
.center-heading { max-width:760px; margin:19px auto 48px; text-align:center; }
.center-heading p { max-width:600px; margin:17px auto 0; }

.problem-section { background:#fff; }
.problem-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; margin-top:55px; }
.problem-grid article { min-height:310px; position:relative; padding:25px; border:1px solid #e1e6ee; border-radius:14px; background:linear-gradient(145deg,#fff,#f9fafc); transition:.3s; }
.problem-grid article:hover { transform:translateY(-6px); box-shadow:0 22px 45px rgba(22,43,94,.09); border-color:#cbd7f7; }
.problem-number { position:absolute; top:22px; right:23px; color:#c1c7d2; font:700 11px Manrope; }
.line-icon { height:105px; position:relative; margin-bottom:16px; }
.line-icon::before,.line-icon::after,.line-icon i { position:absolute; content:""; }
.radar-icon::before { width:72px;height:72px;left:3px;top:17px;border:1px solid #aeb9cf;border-radius:50%;box-shadow:inset 0 0 0 18px #fff,inset 0 0 0 19px #d1d8e5; }
.radar-icon::after { width:35px;height:35px;left:40px;top:9px;border-top:2px solid var(--blue);transform:rotate(40deg); }
.radar-icon i:first-child { width:7px;height:7px;left:36px;top:49px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 6px rgba(36,87,245,.12); }
.target-icon::before { width:78px;height:78px;left:3px;top:14px;border:1px solid #b7c0d2;border-radius:50%;box-shadow:inset 0 0 0 17px #fff,inset 0 0 0 18px #d9dfeb,inset 0 0 0 34px #fff,inset 0 0 0 35px #d9dfeb; }
.target-icon::after { width:42px;height:2px;left:43px;top:25px;background:var(--blue);transform:rotate(-38deg);transform-origin:left; }
.target-icon i:first-child { width:10px;height:10px;left:37px;top:48px;border-radius:50%;background:var(--blue); }
.contact-icon::before { width:58px;height:42px;left:8px;top:22px;border:1px solid #b7c0d2;border-radius:9px; }
.contact-icon::after { width:21px;height:21px;left:52px;top:53px;border:2px solid var(--blue);border-radius:50%;box-shadow:15px 8px 0 -3px #fff,15px 8px 0 -1px var(--blue); }
.contact-icon i:first-child { width:26px;height:1px;left:24px;top:37px;background:#b7c0d2;box-shadow:0 9px #d2d8e4; }
.payment-icon::before { width:70px;height:45px;left:4px;top:32px;border:1px solid #b7c0d2;border-radius:8px;transform:rotate(-7deg); }
.payment-icon::after { width:70px;height:45px;left:20px;top:18px;border:1px solid var(--blue);border-radius:8px;background:rgba(255,255,255,.9);transform:rotate(8deg); }
.payment-icon i { z-index:2;font:700 14px Manrope;color:var(--blue);font-style:normal; }.payment-icon i:first-child{left:38px;top:33px}.payment-icon i:last-child{left:52px;top:42px}
.problem-grid h3 { margin:0 0 10px; font-size:20px; }
.problem-grid p { margin:0; color:#727c91; font-size:13px; line-height:1.75; }

.product-section { padding-top:64px; padding-bottom:92px; background:var(--navy); color:#fff; position:relative; overflow:hidden; }
.product-section::before { content:""; position:absolute; width:600px;height:600px;right:-200px;top:100px;border-radius:50%;background:rgba(40,92,247,.12);filter:blur(20px); }
.section-kicker.light { color:#71dcd2; }
.product-section .section-heading p,.plans-section .section-heading p { color:#9aa6c2; }
.product-section .section-heading h2 span { color:var(--lime); }
.product-page-head {
  position:relative;
  z-index:1;
  max-width:1120px;
  margin:0 auto 26px;
  display:grid;
  grid-template-columns:minmax(0, .95fr) minmax(260px, .55fr);
  gap:42px;
  align-items:end;
}
.product-page-head h2 {
  margin:14px 0 0;
  font-size:clamp(31px,2.75vw,44px);
  line-height:1.2;
  letter-spacing:-.04em;
}
.product-page-head h2 span { color:var(--lime); }
.product-page-head p {
  margin:0 0 4px;
  color:#9aa6c2;
  font-size:14px;
  line-height:1.75;
}
.feature-showcase { position:relative; z-index:1; max-width:1120px; margin:0 auto; }
.feature-tabs { display:grid; grid-template-columns:repeat(4,1fr); border-bottom:1px solid #2a385b; }
.feature-tabs button { position:relative; padding:13px 7px 15px; border:0; color:#8d99b5; background:none; text-align:left; font-size:13px; font-weight:600; }
.feature-tabs button::after { content:""; position:absolute; left:0;right:100%;bottom:-1px;height:2px;background:var(--lime);transition:.3s; }
.feature-tabs button.active { color:#fff; }
.feature-tabs button.active::after { right:8%; }
.feature-tabs button span { margin-right:9px; color:#667496; font:700 10px Manrope; }
.feature-tabs button.active span { color:var(--lime); }
.feature-panels { margin-top:24px; }
.feature-panel { min-height:345px; display:none; grid-template-columns:.78fr 1.22fr; gap:42px; align-items:center; }
.feature-panel.active { display:grid; animation:panel-in .45s ease both; }
@keyframes panel-in { from{opacity:0;transform:translateY(10px)} to{opacity:1;transform:none} }
.feature-tag { color:#74ded4; font:800 9px Manrope; letter-spacing:.14em; }
.feature-copy h3 { margin:12px 0 13px; font-size:26px; line-height:1.35; }
.feature-copy p { margin:0; color:#9da8c1; font-size:12px; line-height:1.75; }
.feature-copy ul { list-style:none; margin:17px 0 0; padding:0; display:grid; gap:8px; font-size:11px; color:#d9dfea; }
.feature-copy li span { display:inline-grid;place-items:center;width:19px;height:19px;margin-right:9px;border-radius:50%;background:rgba(91,220,206,.13);color:#67ded2;font-size:10px; }
.product-shot { overflow:hidden; padding:8px; border:1px solid #344365; border-radius:14px; background:#172549; box-shadow:0 28px 65px rgba(0,0,0,.3); }
.product-shot img { display:block; width:100%; max-height:330px; object-fit:cover; object-position:top center; border-radius:8px; }
.semantic-mockup { min-height:300px;padding:26px;border:1px solid #344365;border-radius:16px;background:linear-gradient(145deg,#152549,#0e1936);box-shadow:0 28px 65px rgba(0,0,0,.28); }
.semantic-query { padding:15px;border:1px solid #39486a;border-radius:10px;background:#101e3e; }
.semantic-query span { display:block;color:#65ded2;font-size:9px;letter-spacing:.13em; }
.semantic-query b { display:block;margin-top:9px;font-size:13px;line-height:1.65; }
.semantic-flow { height:38px;display:flex;justify-content:center;align-items:center;gap:5px; }
.semantic-flow i { width:5px;height:5px;border-radius:50%;background:#3e61c7; }.semantic-flow i:nth-child(2){background:#55dacc}.semantic-flow i:nth-child(3){background:#c7f56b}
.semantic-result { display:grid;gap:8px; }
.semantic-result div { display:grid;grid-template-columns:82px 1fr 42px;align-items:center;padding:11px 13px;border:1px solid #2d3e63;border-radius:8px;background:rgba(255,255,255,.025); }
.semantic-result strong { font-size:10px; }.semantic-result span { color:#a8b2c8;font-size:10px; }.semantic-result em { color:var(--lime);font:700 11px Manrope;font-style:normal;text-align:right; }

.workflow-section { background:var(--cream); }
.workflow-line { display:grid;grid-template-columns:repeat(6,1fr);margin-top:65px;position:relative; }
.workflow-line::before { content:"";position:absolute;left:6%;right:6%;top:59px;border-top:1px dashed #bcc6d6; }
.workflow-line article { position:relative;text-align:center;padding:0 9px; }
.workflow-line article > span { display:block;color:#9da6b6;font:700 9px Manrope;letter-spacing:.14em; }
.workflow-line i { position:relative;z-index:1;width:64px;height:64px;margin:16px auto 20px;display:grid;place-items:center;border:1px solid #cbd3df;border-radius:50%;background:var(--cream);color:var(--blue);font-size:20px;font-style:normal;transition:.3s; }
.workflow-line article:hover i { color:#fff;background:var(--blue);border-color:var(--blue);box-shadow:0 12px 28px rgba(36,87,245,.22); }
.workflow-line h3 { margin:0 0 8px;font-size:15px; }.workflow-line p { margin:0;color:#7a8496;font-size:10px;line-height:1.6; }

.plans-section { background:#0d1938;color:#fff; }
.plans-grid { display:grid;grid-template-columns:repeat(4,1fr);gap:12px; }
.plans-grid article { min-height:390px;position:relative;padding:30px 25px;border:1px solid #2d3a5b;border-radius:13px;background:#111f42; }
.plans-grid .featured-plan { border-color:#4471fd;background:linear-gradient(155deg,#1a3477,#13254e);box-shadow:0 20px 55px rgba(30,78,218,.22); }
.plan-label { color:#65ded2;font-size:10px;letter-spacing:.12em; }
.plans-grid h3 { margin:15px 0 9px;font-size:26px; }
.plan-price {
  display:inline-flex;
  min-height:31px;
  align-items:center;
  margin-bottom:13px;
  padding:0 10px;
  border-radius:8px;
  background:rgba(101,222,210,.12);
  color:#dffdf8;
  font-size:13px;
  font-weight:900;
}
.featured-plan .plan-price {
  background:rgba(199,245,107,.16);
  color:var(--lime);
}
.plans-grid p { min-height:72px;margin:0;color:#9ca8c1;font-size:12px;line-height:1.75; }
.plans-grid ul { list-style:none;margin:23px 0 27px;padding:20px 0 0;border-top:1px solid #29395c;display:grid;gap:11px;color:#d5dbe8;font-size:11px; }
.plans-grid li::before { content:"✓";color:var(--lime);margin-right:8px; }
.plans-grid a { position:absolute;left:25px;bottom:26px;color:#fff;font-size:12px;font-weight:700; }.plans-grid a span { color:var(--lime);margin-left:8px; }
.recommended { position:absolute;right:16px;top:16px;padding:4px 9px;border-radius:12px;background:var(--lime);color:#18213c;font-size:9px;font-weight:800; }
.plan-note { margin:24px 0 0;text-align:center;color:#75819d;font-size:10px; }

.audience-section { grid-template-columns:.82fr 1.18fr;gap:80px;align-items:center;background:#fff;overflow:hidden; }
.audience-copy h2 { margin:18px 0;font-size:clamp(36px,3.4vw,52px);line-height:1.26;letter-spacing:-.045em; }
.audience-copy p { color:var(--muted);font-size:14px;line-height:1.9; }
.audience-tags { display:flex;flex-wrap:wrap;gap:8px;margin-top:25px; }
.audience-tags span { padding:8px 12px;border:1px solid #dce2ec;border-radius:18px;background:#f9fafc;color:#5e687d;font-size:11px; }
.globe-card { min-height:420px;position:relative;display:grid;place-items:center;border-radius:20px;background:radial-gradient(circle at 72% 34%,rgba(82,226,213,.25),transparent 28%),linear-gradient(145deg,#eef3ff,#e9f7f5);overflow:hidden; }
.global-map { position:relative;width:min(100%,720px);height:390px;border:1px solid rgba(173,189,216,.7);border-radius:18px;background:radial-gradient(circle at 68% 38%,rgba(78,224,209,.18),transparent 25%),linear-gradient(180deg,rgba(255,255,255,.72),rgba(239,246,255,.76));box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 26px 65px rgba(42,78,150,.12);overflow:hidden; }
.global-map::before { content:"";position:absolute;inset:-18%;background:radial-gradient(circle at 35% 45%,rgba(36,87,245,.11),transparent 23%),radial-gradient(circle at 72% 36%,rgba(51,214,200,.14),transparent 22%);filter:blur(3px); }
.global-map::after { content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(67,103,190,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(67,103,190,.055) 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent); }
.world-map-base { position:absolute;inset:21px 26px 27px;width:calc(100% - 52px);height:calc(100% - 48px);z-index:1;object-fit:contain;opacity:.43;filter:grayscale(1) sepia(.12) hue-rotate(168deg) saturate(.9) contrast(.9); }
.world-light-map { position:absolute;inset:18px 18px 24px;width:calc(100% - 36px);height:calc(100% - 42px);z-index:2;overflow:visible; }
.map-grid path { fill:none;stroke:#9fb0cf;stroke-width:.8;stroke-dasharray:5 12;opacity:.2; }
.map-land { display:none; }
.map-routes path { fill:none;stroke:#6182ff;stroke-width:1.4;stroke-dasharray:5 8;opacity:.36; }
.map-routes .route-main { stroke:#2457f5;stroke-width:2;opacity:.55; }
.map-lights circle { fill:url(#mapLightGradient);stroke:#fff;stroke-width:2;opacity:.9; }
.map-lights .light-xl { filter:drop-shadow(0 0 18px rgba(36,87,245,.95)); }
.map-lights .light-lg { filter:drop-shadow(0 0 14px rgba(36,87,245,.78)); }
.map-lights .light-md { filter:drop-shadow(0 0 11px rgba(51,214,200,.68)); }
.map-label { position:absolute;z-index:4;padding:6px 10px;border-radius:6px;background:rgba(255,255,255,.82);box-shadow:0 8px 20px rgba(37,66,120,.13);color:#17213d;font-size:10px;font-weight:900;backdrop-filter:blur(8px); }
.label-na { left:31%;top:37%; }.label-eu { left:58%;top:25%; }.label-cn { left:69%;top:42%; }.label-sea { left:72%;top:63%; }
.globe-stat { position:absolute;left:25px;bottom:22px;padding:13px 17px;border:1px solid rgba(255,255,255,.75);border-radius:10px;background:rgba(255,255,255,.74);backdrop-filter:blur(8px); }
.globe-stat span,.globe-stat strong{display:block}.globe-stat span{color:#7f899c;font-size:9px}.globe-stat strong{margin-top:3px;font-size:13px}

.faq-section { background:var(--cream); }
.audience-section.platform-slide,
.faq-section.platform-slide { display:none; }
.audience-section.platform-slide.active { display:grid; }
.faq-section.platform-slide.active { display:block; }
.faq-layout { display:grid;grid-template-columns:.62fr 1.38fr;gap:100px;margin-top:20px; }
.faq-layout h2 { margin:0;font-size:47px;letter-spacing:-.04em; }.faq-layout > div:first-child p { color:var(--muted);font-size:13px;line-height:1.8; }.faq-layout > div:first-child a { display:inline-block;margin-top:13px;color:var(--blue);font-size:12px;font-weight:700; }
.faq-list details { border-bottom:1px solid #d7dde6; }
.faq-list summary { list-style:none;padding:22px 0;display:flex;justify-content:space-between;font-size:14px;font-weight:700;cursor:pointer; }
.faq-list summary::-webkit-details-marker { display:none; }.faq-list summary span { color:var(--blue);font-size:19px;font-weight:400;transition:.25s; }.faq-list details[open] summary span { transform:rotate(45deg); }
.faq-list details p { margin:-5px 40px 22px 0;color:#6e788b;font-size:12px;line-height:1.8; }

.insights-section { margin-top:64px; background:#fff; }
.insights-section .split-heading { margin-bottom:48px; }
.insights-grid { display:grid;grid-template-columns:repeat(4,1fr);gap:15px; }
.insights-grid article { min-height:270px;position:relative;padding:28px;border:1px solid #e1e6ee;border-radius:14px;background:linear-gradient(145deg,#fff,#f9fbff);box-shadow:0 18px 45px rgba(22,43,94,.07); }
.insights-grid .insight-empty-card { grid-column:1/-1;min-height:180px; }
.insights-grid article span { display:inline-flex;margin-bottom:18px;padding:5px 10px;border-radius:16px;background:#edf2ff;color:var(--blue);font-size:10px;font-weight:800;letter-spacing:.08em; }
.insights-grid h3 { margin:0;font-size:21px;line-height:1.45;letter-spacing:-.025em; }
.insights-grid p { margin:14px 0 38px;color:#667189;font-size:13px;line-height:1.8; }
.insight-meta { display:flex;flex-wrap:wrap;gap:6px;margin:-20px 0 36px; }
.insight-meta small { display:inline-flex;padding:4px 8px;border-radius:12px;background:#f0f4fb;color:#63708a;font-size:9px;font-weight:700; }
.insights-grid .insight-title-link { position:static;display:inline;color:inherit;font-size:inherit;font-weight:inherit;text-decoration:none; }
.insights-grid .insight-title-link:hover { color:var(--blue);text-decoration:underline;text-underline-offset:4px; }
.insights-grid article > a,
.insights-grid .insight-action-link { position:absolute;left:28px;bottom:25px;color:var(--blue);font-size:12px;font-weight:800; }
.insights-grid article > a span,
.insights-grid .insight-action-link span { margin-left:7px;background:none;padding:0;color:var(--blue); }

.contact-section { min-height:620px;position:relative;overflow:hidden;padding:90px max(24px,calc((100vw - 1160px)/2));display:grid;grid-template-columns:1.05fr .75fr;gap:95px;align-items:center;background:#17254b;color:#fff; }
.contact-section::before { content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:48px 48px; }
.contact-glow { position:absolute;width:520px;height:520px;left:-100px;bottom:-250px;border-radius:50%;background:rgba(42,96,247,.45);filter:blur(70px); }
.contact-copy,.inquiry-card { position:relative;z-index:1; }
.contact-copy h2 { margin:18px 0 20px;font-size:clamp(39px,3.6vw,54px);line-height:1.28;letter-spacing:-.045em; }
.contact-copy p { max-width:600px;color:#a8b3ca;font-size:14px;line-height:1.9; }
.contact-email-line { margin-top:10px!important; }
.contact-email-line a { color:#74dfd4;font-weight:800;border-bottom:1px solid rgba(116,223,212,.55); }
.contact-steps { display:flex;align-items:center;margin-top:44px;color:#bfc7d8;font-size:10px; }
.contact-steps span { display:flex;align-items:center;gap:6px;white-space:nowrap; }.contact-steps b { width:20px;height:20px;display:grid;place-items:center;border:1px solid #526183;border-radius:50%;color:#74dfd4;font:700 8px Manrope; }.contact-steps i { width:28px;border-top:1px dashed #566483;margin:0 8px; }
.inquiry-card { padding:28px;border-radius:16px;background:#fff;color:var(--ink);box-shadow:0 30px 70px rgba(0,0,0,.25); }
.form-heading { display:flex;justify-content:space-between;align-items:end;margin-bottom:19px; }.form-heading span { font-size:21px;font-weight:800; }.form-heading small { color:#9aa2b2;font-size:9px; }
.inquiry-card label { display:block;margin-bottom:13px;color:#5b6579;font-size:10px;font-weight:600; }
.inquiry-card input,.inquiry-card select,.inquiry-card textarea { width:100%;margin-top:6px;border:1px solid #dce2ec;border-radius:8px;background:#fafbfc;color:var(--ink);padding:11px 12px;outline:none;font-size:11px;resize:vertical; }
.inquiry-card input:focus,.inquiry-card select:focus,.inquiry-card textarea:focus { border-color:#7392f5;box-shadow:0 0 0 3px rgba(36,87,245,.08); }
.form-row { display:grid;grid-template-columns:1fr 1fr;gap:11px; }.form-submit { width:100%;border:0; }.form-status { min-height:18px;margin:8px 0 0;color:#199268;font-size:10px;text-align:center; }.privacy-note { display:block;color:#9da4b2;font-size:8px;line-height:1.5;text-align:center; }

footer { padding:38px max(24px,calc((100vw - 1160px)/2));display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:42px;background:#08122b;color:#fff; }
.footer-brand { margin:0; }.footer-brand small{color:#64708b}.footer-brand .brand-mark{box-shadow:none}
footer > p { margin:0;color:#7f8ba4;font-size:10px; }.footer-links { display:flex;gap:20px;color:#aeb7c8;font-size:10px; }footer > small{color:#5b6780;font-size:8px}

@media (max-width: 1180px) {
  .site-header { gap:24px; }
  .desktop-nav { gap:20px; }
  .login-link { padding:0 12px; }
}

@media (max-width: 1050px) {
  .hero { grid-template-columns:1fr; padding-top:70px; }
  .hero-copy { max-width:720px; }
  .hero-visual { max-width:760px; width:100%; margin:10px auto 0; }
  .platform-strip { grid-template-columns:1fr; gap:16px; }
  .platform-strip > span { text-align:center; }
  .platform-list { grid-template-columns:repeat(4,minmax(0,1fr)); }
  .product-page-head { grid-template-columns:1fr; gap:14px; align-items:start; }
  .product-page-head p { max-width:620px; }
  .trust-section { grid-template-columns:1fr; }
  .trust-copy { max-width:720px; }
  .trust-grid { grid-template-columns:repeat(2,1fr); }
  .problem-grid,.plans-grid,.insights-grid,.featured-resource-grid,.social-hotspot-grid { grid-template-columns:repeat(2,1fr); }
  .social-hotspot-grid article.featured { grid-row:auto; grid-column:1/-1; min-height:320px; }
  .split-heading { gap:45px; }
  .feature-panel { grid-template-columns:1fr; }
  .feature-copy { max-width:650px; }
  .workflow-line { grid-template-columns:repeat(3,1fr); gap:35px 0; }
  .workflow-line::before { display:none; }
  .audience-section,.contact-section { grid-template-columns:1fr; }
  .audience-copy { max-width:650px; }
  .globe-card { max-width:760px;width:100%; }
  .contact-section { gap:50px; }
  .inquiry-card { max-width:620px;width:100%; }
  footer { grid-template-columns:1fr auto; }
}

@media (max-width: 760px) {
  .site-header { height:66px;padding:0 18px; }
  .desktop-nav,.header-cta,.login-actions { display:none; }
  .menu-button { display:block; }
  .site-header.menu-open .desktop-nav { display:flex;position:absolute;left:14px;right:14px;top:72px;flex-direction:column;gap:0;padding:12px;border:1px solid #e1e6ef;border-radius:12px;background:#fff;box-shadow:var(--shadow); }
  .site-header.menu-open .desktop-nav a { padding:13px; }
  .site-header.menu-open .desktop-nav .mobile-login-link { display:block; color:var(--blue); font-weight:800; }
  .site-header.menu-open .desktop-nav .mobile-login-link::after { display:none; }
  .hero { min-height:auto;padding:60px 20px 68px;gap:55px; }
  .hero h1 { font-size:42px; }
  .conversion-hero-title { font-size:38px!important; line-height:1.18!important; }
  .pr-hero-title { gap:7px; }
  .pr-hero-keywords { gap:7px; white-space:normal; flex-wrap:wrap; }
  .pr-hero-keywords b { font-size:24px; }
  .pr-hero-title em { font-size:24px; white-space:normal; }
  .hero-lead { font-size:15px; }
  .hero-value-list { grid-template-columns:1fr; margin-bottom:24px; }
  .hero-value-list span { min-height:40px; font-size:12px; }
  .hero-actions { align-items:stretch;flex-direction:column; }
  .dashboard-shell { transform:none; }
  .dashboard-body { grid-template-columns:55px 1fr; min-height:320px; }
  .dashboard-body aside { padding:14px 6px; }
  .dashboard-body aside span { justify-content:center;padding:9px 5px; }
  .dashboard-body aside i { display:none; }
  .dashboard-content { padding:13px; }
  .content-heading strong { font-size:11px; }.content-heading button{display:none}.filter-row span:nth-child(3){display:none}
  .creator-grid { grid-template-columns:1fr 1fr; }.creator-grid article:last-child{display:none}.creator-cover{height:110px}
  .pr-board-grid { grid-template-columns:1fr; }
  .strategy-card { grid-row:auto; }
  .strategy-card strong { margin:14px 0; font-size:15px; }
  .resource-card b { font-size:18px; }
  .match-card{right:-8px;top:-30px}.message-card{left:15px;bottom:-38px}
  .platform-strip { grid-template-columns:1fr; padding:24px 20px; }
  .platform-list { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
  .platform-list div { min-height:40px; font-size:13px; }
  .trust-section { padding:58px 20px; }
  .trust-grid { grid-template-columns:1fr; }
  .trust-grid article { min-height:auto; padding:20px; }
  .section { padding:78px 20px; }
  .insights-section { margin-top:40px; }
  .product-section { padding:58px 20px 98px; }
  .product-page-head { margin-bottom:20px; }
  .product-page-head h2 { font-size:32px; }
  .product-page-head p { font-size:13px; }
  .platform-intro,.platform-slide { min-height:auto; height:auto; overflow:visible; }
  .platform-intro .section { padding-bottom:98px; }
  .platform-arrow { top:auto; bottom:18px; width:40px; height:40px; font-size:27px; transform:none; }
  .platform-arrow:hover { transform:scale(1.04); }
  .platform-arrow-prev { left:20px; }
  .platform-arrow-next { right:20px; }
  .platform-slide-status { bottom:17px; max-width:calc(100vw - 126px); min-height:40px; padding:0 12px; gap:9px; }
  .platform-slide-status span { max-width:74px; overflow:hidden; text-overflow:ellipsis; }
  .split-heading { grid-template-columns:1fr;gap:20px; }.section-heading h2{font-size:36px}
  .problem-grid,.plans-grid,.insights-grid,.featured-resource-grid,.social-hotspot-grid { grid-template-columns:1fr; }.problem-grid article{min-height:270px}
  .social-hotspot-head { align-items:flex-start; flex-direction:column; }
  .social-hotspot-grid article.featured { grid-column:auto; min-height:260px; }
  .social-hotspot-grid article.featured h3 { font-size:25px; }
  .resource-toolbar { align-items:flex-start; flex-direction:column; }
  .resource-pager { width:100%; justify-content:space-between; }
  .resource-card-item { min-height:220px; }
  .feature-tabs { grid-template-columns:1fr 1fr; }.feature-tabs button{padding:12px 6px 13px;font-size:11px}.feature-tabs button.active::after{right:20%}
  .feature-copy h3 { font-size:23px; }.feature-panel{gap:24px;min-height:auto}
  .product-shot img { max-height:none; }
  .semantic-mockup{padding:20px;min-height:auto}.semantic-result div{grid-template-columns:70px 1fr 34px}
  .workflow-line { grid-template-columns:repeat(2,1fr); }
  .plans-grid article{min-height:365px}
  .audience-section{gap:40px}.globe-card{min-height:350px}.global-map{height:300px}.map-label{font-size:9px;padding:5px 8px}.globe-stat{left:18px;bottom:18px}
  .faq-layout { grid-template-columns:1fr;gap:35px; }.faq-layout h2{font-size:40px}
  .contact-section { padding:75px 20px; }.contact-copy h2{font-size:38px}.contact-steps{display:grid;grid-template-columns:1fr 1fr;gap:12px}.contact-steps i{display:none}
  .form-row { grid-template-columns:1fr;gap:0; }
  footer { grid-template-columns:1fr;gap:18px;padding:35px 20px; }.footer-links{flex-wrap:wrap}
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior:auto; }
  *,*::before,*::after { animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important; }
}