:root {
  --smm-bg: #05070a;
  --smm-bg-soft: #080c12;
  --smm-panel: rgba(13, 20, 31, 0.72);
  --smm-panel-solid: #0d141f;
  --smm-panel-hover: rgba(18, 29, 45, 0.88);
  --smm-white: #f8fbff;
  --smm-text: #d8e1ee;
  --smm-muted: #8795a8;
  --smm-blue: #2478ff;
  --smm-blue-bright: #55a2ff;
  --smm-cyan: #37d5ff;
  --smm-border: rgba(151, 179, 220, 0.14);
  --smm-border-bright: rgba(80, 156, 255, 0.34);
  --smm-shadow: 0 24px 70px rgba(0, 0, 0, 0.42);
  --smm-glow: 0 0 60px rgba(36, 120, 255, 0.24);
  --smm-radius-xl: 30px;
  --smm-radius-lg: 22px;
  --smm-radius-md: 16px;
  --smm-container: 1240px;
  --smm-section-space: clamp(64px, 7vw, 104px);
  --smm-ease: cubic-bezier(.2,.75,.25,1);
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--smm-bg); color: var(--smm-text); font-family: Inter, "Segoe UI", Helvetica, Arial, sans-serif; line-height: 1.65; overflow-x: hidden; }
body::before { content: ""; position: fixed; inset: 0; pointer-events: none; z-index: -3; background: radial-gradient(circle at var(--cursor-x, 50%) var(--cursor-y, 20%), rgba(36,120,255,.09), transparent 28%); }
img, svg { display: block; max-width: 100%; }
a { color: inherit; text-decoration: none; }
button, input, textarea, select { font: inherit; }
button { color: inherit; }
::selection { background: rgba(54, 139, 255, .35); color: #fff; }

.smm-svg-sprite { position: absolute; width: 0; height: 0; overflow: hidden; }
.smm-skip-link { position: fixed; left: 16px; top: -100px; z-index: 9999; background: #fff; color: #05070a; padding: 10px 15px; border-radius: 10px; font-weight: 700; transition: top .2s; }
.smm-skip-link:focus { top: 16px; }
.smm-page { position: relative; isolation: isolate; overflow: hidden; }
.smm-container { width: min(calc(100% - 40px), var(--smm-container)); margin-inline: auto; }
.smm-section { position: relative; padding-block: var(--smm-section-space); }
.smm-section--tinted { background: linear-gradient(180deg, rgba(9,14,22,.62), rgba(5,7,10,.1)); border-block: 1px solid rgba(255,255,255,.025); }
.smm-glass-card { background: linear-gradient(145deg, rgba(18,29,45,.76), rgba(8,13,21,.72)); border: 1px solid var(--smm-border); box-shadow: var(--smm-shadow); backdrop-filter: blur(24px); -webkit-backdrop-filter: blur(24px); }
.smm-grid-noise { position: absolute; inset: 0; opacity: .24; z-index: -2; background-image: linear-gradient(rgba(93,139,199,.07) 1px, transparent 1px), linear-gradient(90deg, rgba(93,139,199,.07) 1px, transparent 1px); background-size: 70px 70px; mask-image: linear-gradient(to bottom, #000 20%, transparent 92%); }
.smm-gradient-text { background: linear-gradient(120deg, #fff 12%, var(--smm-blue-bright) 55%, var(--smm-cyan)); color: transparent; background-clip: text; -webkit-background-clip: text; }
.smm-kicker { display: block; color: var(--smm-blue-bright); font-size: .72rem; line-height: 1.2; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.smm-section-tag, .smm-eyebrow { display: inline-flex; align-items: center; gap: 9px; padding: 8px 12px; border: 1px solid rgba(78,151,255,.22); border-radius: 999px; background: rgba(34,103,210,.09); color: #a9ccff; font-size: .75rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.smm-section-heading { max-width: 760px; margin-bottom: 54px; }
.smm-section-heading--center { margin-inline: auto; text-align: center; }
.smm-section-heading--split { max-width: none; display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(300px, .7fr); align-items: end; gap: 50px; }
.smm-section-heading--split p { margin-bottom: 7px; }
.smm-section-heading h2 { margin: 18px 0 18px; color: var(--smm-white); font-size: clamp(2.15rem, 4.4vw, 4rem); line-height: 1.08; letter-spacing: -.045em; }
.smm-section-heading p { margin-top: 0; color: var(--smm-muted); font-size: 1.04rem; }

.smm-btn { position: relative; display: inline-flex; align-items: center; justify-content: center; gap: 11px; min-height: 54px; padding: 0 22px; border: 1px solid transparent; border-radius: 14px; font-size: .93rem; font-weight: 800; overflow: hidden; isolation: isolate; transition: transform .35s var(--smm-ease), border-color .35s, box-shadow .35s, background .35s; }
.smm-btn::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(110deg, transparent 20%, rgba(255,255,255,.24), transparent 70%); transform: translateX(-120%); transition: transform .7s var(--smm-ease); }
.smm-btn:hover::before { transform: translateX(120%); }
.smm-btn:hover { transform: translateY(-3px); }
.smm-btn svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.8; }
.smm-btn--primary { background: linear-gradient(135deg, var(--smm-blue), #145bd7); color: #fff; box-shadow: 0 14px 35px rgba(31,108,239,.28), inset 0 1px rgba(255,255,255,.22); }
.smm-btn--primary:hover { box-shadow: 0 18px 45px rgba(31,108,239,.4), inset 0 1px rgba(255,255,255,.22); }
.smm-btn--secondary { border-color: rgba(181,205,239,.16); background: rgba(255,255,255,.035); color: var(--smm-white); }
.smm-btn--secondary:hover { border-color: rgba(80,156,255,.45); background: rgba(34,100,197,.1); }
.smm-button-row { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 32px; }
.smm-button-row--center { justify-content: center; }
.smm-text-link { display: inline-flex; align-items: center; gap: 8px; color: #a9ccff; font-weight: 800; }
.smm-text-link svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2; transition: transform .3s; }
.smm-text-link:hover svg { transform: translateX(5px); }
.smm-pill { display: inline-flex; align-items: center; padding: 7px 10px; border-radius: 999px; background: rgba(36,120,255,.1); color: #9fc7ff; border: 1px solid rgba(59,136,245,.18); font-size: .72rem; font-weight: 800; }

/* Hero */
.smm-hero { min-height: clamp(720px, 84vh, 860px); padding-top: clamp(64px, 7vw, 96px); padding-bottom: 64px; display: flex; flex-direction: column; justify-content: center; }
.smm-hero__glow { position: absolute; border-radius: 50%; filter: blur(10px); pointer-events: none; z-index: -2; }
.smm-hero__glow--one { width: 650px; height: 650px; right: -220px; top: -170px; background: radial-gradient(circle, rgba(27,105,245,.22), transparent 67%); animation: smm-float-slow 10s ease-in-out infinite; }
.smm-hero__glow--two { width: 460px; height: 460px; left: -260px; top: 310px; background: radial-gradient(circle, rgba(18,188,255,.1), transparent 68%); animation: smm-float-slow 13s ease-in-out infinite reverse; }
.smm-hero__layout { display: grid; grid-template-columns: minmax(0, .95fr) minmax(520px, 1.05fr); align-items: center; gap: clamp(48px, 6vw, 92px); }
.smm-hero__content h1 { max-width: 720px; margin: 22px 0 24px; color: var(--smm-white); font-size: clamp(3.25rem, 6.4vw, 6.7rem); line-height: .95; letter-spacing: -.065em; }
.smm-hero__lead { max-width: 680px; margin: 0; color: #c0ccdc; font-size: clamp(1.06rem, 1.45vw, 1.28rem); }
.smm-hero__note { max-width: 680px; display: flex; align-items: flex-start; gap: 11px; color: var(--smm-muted); font-size: .88rem; margin: 24px 0 0; }
.smm-hero__note svg { flex: 0 0 18px; width: 18px; height: 18px; margin-top: 3px; fill: none; stroke: var(--smm-blue-bright); stroke-width: 1.5; }
.smm-eyebrow__dot { width: 7px; height: 7px; border-radius: 50%; background: var(--smm-cyan); box-shadow: 0 0 16px var(--smm-cyan); animation: smm-pulse 2s infinite; }
.smm-hero__trust { display: flex; flex-wrap: wrap; gap: 12px 22px; margin-top: 30px; color: #8190a4; font-size: .78rem; font-weight: 700; }
.smm-hero__trust span { display: flex; align-items: center; gap: 7px; }
.smm-hero__trust svg { width: 15px; height: 15px; fill: none; stroke: #59a3ff; stroke-width: 2.2; }
.smm-hero-visual { position: relative; perspective: 1200px; }
.smm-dashboard { position: relative; min-height: 620px; padding: 24px; border-radius: var(--smm-radius-xl); transform: rotateY(-3deg) rotateX(1deg); transform-style: preserve-3d; box-shadow: -20px 30px 80px rgba(0,0,0,.5), 0 0 90px rgba(37,114,236,.13); transition: transform .7s var(--smm-ease); }
.smm-dashboard:hover { transform: rotateY(0) rotateX(0) translateY(-4px); }
.smm-dashboard::after { content: ""; position: absolute; inset: 0; border-radius: inherit; pointer-events: none; background: linear-gradient(120deg, rgba(255,255,255,.07), transparent 20% 75%, rgba(39,124,255,.07)); }
.smm-dashboard__topbar, .smm-blueprint__top { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; }
.smm-dashboard__topbar h2 { margin: 8px 0 0; color: #f8fbff; font-size: 1.35rem; }
.smm-status { display: inline-flex; align-items: center; gap: 8px; padding: 7px 10px; border-radius: 999px; border: 1px solid rgba(113,167,242,.16); background: rgba(36,120,255,.08); color: #a8caff; font-size: .68rem; font-weight: 800; white-space: nowrap; }
.smm-status i { width: 6px; height: 6px; border-radius: 50%; background: #55d6ff; box-shadow: 0 0 12px #55d6ff; }
.smm-dashboard__tabs { display: flex; gap: 5px; margin: 24px 0 20px; padding: 5px; border-radius: 12px; background: rgba(2,5,9,.5); border: 1px solid rgba(255,255,255,.035); }
.smm-dashboard__tabs button { flex: 1; border: 0; border-radius: 9px; background: transparent; color: #6f7e92; padding: 9px 12px; font-size: .72rem; font-weight: 800; cursor: pointer; transition: .3s; }
.smm-dashboard__tabs button.is-active { background: linear-gradient(135deg, rgba(37,118,244,.28), rgba(37,118,244,.08)); color: #d8e9ff; box-shadow: inset 0 0 0 1px rgba(78,151,255,.18); }
.smm-dashboard__panel { display: none; animation: smm-fade-panel .45s var(--smm-ease); }
.smm-dashboard__panel.is-active { display: block; }
.smm-score-card { display: grid; grid-template-columns: 108px 1fr; align-items: center; gap: 20px; padding: 18px; border-radius: 18px; background: rgba(2,6,12,.5); border: 1px solid rgba(255,255,255,.045); }
.smm-score-card h3 { margin: 5px 0 5px; color: #fff; font-size: 1rem; }
.smm-score-card p { margin: 0; color: #758499; font-size: .76rem; line-height: 1.55; }
.smm-score-ring, .smm-blueprint-ring { --thickness: 8px; position: relative; width: 92px; aspect-ratio: 1; display: grid; place-items: center; border-radius: 50%; background: conic-gradient(var(--smm-blue-bright) calc(var(--score) * 1%), rgba(255,255,255,.055) 0); box-shadow: 0 0 35px rgba(39,126,255,.16); }
.smm-score-ring::before, .smm-blueprint-ring::before { content: ""; position: absolute; inset: var(--thickness); border-radius: inherit; background: #0a1019; }
.smm-score-ring strong, .smm-blueprint-ring strong { position: relative; color: #fff; font-size: 1.25rem; line-height: 1; }
.smm-score-ring span { position: absolute; top: 59px; color: #718096; font-size: .55rem; font-weight: 800; text-transform: uppercase; }
.smm-mini-metrics { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-top: 12px; }
.smm-mini-metrics article { position: relative; min-width: 0; padding: 14px; border-radius: 14px; background: rgba(2,6,12,.42); border: 1px solid rgba(255,255,255,.04); overflow: hidden; }
.smm-mini-metrics svg { width: 20px; height: 20px; fill: none; stroke: #59a3ff; stroke-width: 1.7; margin-bottom: 14px; }
.smm-mini-metrics span { display: block; color: #758399; font-size: .61rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.smm-mini-metrics strong { display: block; color: #eaf3ff; font-size: 1rem; margin-top: 3px; }
.smm-mini-metrics i { position: absolute; left: 0; bottom: 0; width: var(--bar); height: 2px; background: linear-gradient(90deg, var(--smm-blue), var(--smm-cyan)); }
.smm-dashboard__chart { margin-top: 12px; padding: 16px; border-radius: 16px; background: rgba(2,6,12,.46); border: 1px solid rgba(255,255,255,.04); }
.smm-chart__head { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; }
.smm-chart__head strong { display: block; color: #eaf3ff; font-size: .8rem; margin-top: 5px; }
.smm-chart__head > span { color: #617086; font-size: .62rem; }
.smm-dashboard__chart svg { width: 100%; margin-top: 10px; overflow: visible; }
.smm-chart-grid { fill: none; stroke: rgba(171,199,236,.07); stroke-width: 1; }
.smm-chart-area { fill: url(#chartFill); }
.smm-chart-line { fill: none; stroke: #4d9aff; stroke-width: 3; stroke-linecap: round; filter: drop-shadow(0 0 6px rgba(64,151,255,.5)); stroke-dasharray: 1; stroke-dashoffset: 1; animation: smm-draw 2.2s .4s var(--smm-ease) forwards; }
.smm-chart-points circle { fill: #09111d; stroke: #63b3ff; stroke-width: 3; }
.smm-floating-chip { position: absolute; z-index: 4; display: flex; align-items: center; gap: 9px; padding: 10px 13px; border-radius: 13px; background: rgba(12,20,32,.9); border: 1px solid rgba(85,159,255,.22); box-shadow: 0 18px 35px rgba(0,0,0,.35); color: #c4d8f4; font-size: .7rem; font-weight: 800; backdrop-filter: blur(16px); animation: smm-float 4.8s ease-in-out infinite; }
.smm-floating-chip span { display: grid; place-items: center; width: 24px; height: 24px; border-radius: 8px; background: linear-gradient(135deg, #2f81ff, #2ad5ff); color: #fff; font-size: .58rem; }
.smm-floating-chip svg { width: 20px; height: 20px; fill: none; stroke: #5eabff; stroke-width: 1.8; }
.smm-floating-chip--chat { right: -28px; top: 80px; }
.smm-floating-chip--graph { left: -38px; bottom: 92px; animation-delay: -2s; }
.smm-entity-map { position: relative; min-height: 365px; border-radius: 18px; background: radial-gradient(circle at center, rgba(42,125,255,.15), transparent 46%), rgba(2,6,12,.45); border: 1px solid rgba(255,255,255,.04); overflow: hidden; }
.smm-entity-map svg { position: absolute; inset: 0; width: 100%; height: 100%; }
.smm-entity-map path { fill: none; stroke: rgba(85,163,255,.32); stroke-width: 1.4; stroke-dasharray: 6 8; animation: smm-dash 14s linear infinite; }
.smm-entity-node { position: absolute; z-index: 2; display: grid; place-items: center; min-width: 76px; min-height: 34px; padding: 5px 12px; border-radius: 10px; background: #0d1725; border: 1px solid rgba(86,158,255,.22); color: #bcd6f9; font-size: .66rem; font-weight: 800; box-shadow: 0 12px 35px rgba(0,0,0,.4); }
.smm-entity-node--center { left: 50%; top: 50%; transform: translate(-50%,-50%); min-width: 112px; min-height: 48px; color: #fff; background: linear-gradient(135deg, #185ed0, #0f3f92); box-shadow: 0 0 40px rgba(36,120,255,.35); }
.smm-entity-node--one { left: 10%; top: 12%; }.smm-entity-node--two { right: 9%; top: 10%; }.smm-entity-node--three { left: 8%; bottom: 12%; }.smm-entity-node--four { right: 7%; bottom: 12%; }
.smm-panel-note { margin: 14px 8px 0; color: #79879b; font-size: .76rem; }
.smm-code-window { min-height: 365px; border-radius: 18px; background: #050911; border: 1px solid rgba(255,255,255,.05); overflow: hidden; }
.smm-code-window__dots { display: flex; align-items: center; gap: 6px; padding: 12px 15px; border-bottom: 1px solid rgba(255,255,255,.04); background: rgba(255,255,255,.018); }
.smm-code-window__dots i { width: 8px; height: 8px; border-radius: 50%; background: #233149; }.smm-code-window__dots i:first-child { background: #e66c75; }.smm-code-window__dots i:nth-child(2) { background: #dfb750; }.smm-code-window__dots i:nth-child(3) { background: #59bf84; }
.smm-code-window__dots span { margin-left: 8px; color: #5e6b7d; font-size: .62rem; }
.smm-code-window pre { margin: 0; padding: 26px 22px; overflow: auto; color: #8da3bd; font: .72rem/1.8 "SFMono-Regular", Consolas, monospace; }
.smm-code-window b { color: #63aeff; font-weight: 600; }
.smm-metric-strip { display: grid; grid-template-columns: repeat(4, 1fr); margin-top: 70px; border-block: 1px solid rgba(255,255,255,.055); }
.smm-metric-strip article { position: relative; padding: 28px 20px; text-align: center; }
.smm-metric-strip article + article::before { content: ""; position: absolute; left: 0; top: 25%; bottom: 25%; width: 1px; background: rgba(255,255,255,.07); }
.smm-metric-strip strong { display: block; color: #f9fbff; font-size: 2rem; line-height: 1; }
.smm-metric-strip span { display: block; margin-top: 8px; color: #748398; font-size: .74rem; }

/* Comparison */
.smm-pathway-grid { display: grid; grid-template-columns: 1fr auto 1fr; align-items: stretch; gap: 18px; }
.smm-pathway-card { position: relative; padding: 35px; border-radius: var(--smm-radius-lg); overflow: hidden; transition: transform .4s var(--smm-ease), border-color .4s; }
.smm-pathway-card:hover { transform: translateY(-8px); border-color: var(--smm-border-bright); }
.smm-pathway-card--featured::after { content: ""; position: absolute; width: 240px; height: 240px; right: -130px; top: -140px; border-radius: 50%; background: rgba(36,120,255,.18); filter: blur(24px); }
.smm-pathway-card__icon { display: grid; place-items: center; width: 48px; height: 48px; margin-bottom: 26px; border-radius: 14px; background: rgba(38,116,237,.13); border: 1px solid rgba(71,147,255,.16); }
.smm-pathway-card__icon svg { width: 24px; height: 24px; fill: none; stroke: #5eaaff; stroke-width: 1.6; }
.smm-pathway-card h3 { margin: 10px 0; color: #fff; font-size: 1.8rem; }
.smm-pathway-card strong { color: #d6e9ff; font-size: 1rem; }
.smm-pathway-card p { margin-bottom: 0; color: #79879b; font-size: .9rem; }
.smm-pathway-arrow { display: grid; place-items: center; width: 32px; height: 32px; margin: 15px 0; border-radius: 50%; background: rgba(255,255,255,.04); transform: rotate(90deg); }
.smm-pathway-arrow svg { width: 15px; height: 15px; fill: none; stroke: #66809f; stroke-width: 1.8; }
.smm-vs-badge { align-self: center; display: grid; place-items: center; width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(80,151,249,.22); background: #09111c; color: #83b9ff; font-size: .7rem; font-weight: 900; box-shadow: 0 0 30px rgba(35,119,237,.2); }
.smm-comparison { margin-top: 30px; border-radius: var(--smm-radius-lg); padding: 30px; }
.smm-comparison__header { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 25px; }
.smm-comparison__header h3 { margin: 7px 0 0; color: #fff; font-size: 1.35rem; }
.smm-comparison__table { overflow: hidden; border-radius: 14px; border: 1px solid rgba(255,255,255,.045); }
.smm-comparison__row { display: grid; grid-template-columns: .7fr 1fr 1fr; }
.smm-comparison__row > * { padding: 16px 18px; border-bottom: 1px solid rgba(255,255,255,.045); color: #8d9db1; font-size: .82rem; }
.smm-comparison__row > * + * { border-left: 1px solid rgba(255,255,255,.045); }
.smm-comparison__row:last-child > * { border-bottom: 0; }
.smm-comparison__row strong { color: #d6e0ec; }
.smm-comparison__row--head { background: rgba(34,106,218,.09); }
.smm-comparison__row--head > * { color: #a8caff; font-size: .68rem; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.smm-signal-cloud { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin-top: 34px; }
.smm-signal-cloud span { padding: 9px 14px; border-radius: 999px; color: #8e9eb2; background: rgba(255,255,255,.025); border: 1px solid rgba(255,255,255,.055); font-size: .76rem; transition: .3s; }
.smm-signal-cloud span:hover { color: #cde2ff; border-color: rgba(67,143,250,.28); transform: translateY(-3px); }

/* Cards */
.smm-card-grid { display: grid; gap: 16px; }.smm-card-grid--four { grid-template-columns: repeat(4, 1fr); }
.smm-feature-card { position: relative; min-height: 255px; padding: 28px; border-radius: var(--smm-radius-md); background: linear-gradient(145deg, rgba(15,23,35,.72), rgba(8,12,18,.55)); border: 1px solid var(--smm-border); overflow: hidden; transition: transform .4s var(--smm-ease), border-color .4s, background .4s; }
.smm-feature-card::after { content: ""; position: absolute; width: 140px; height: 140px; right: -80px; bottom: -85px; border-radius: 50%; background: rgba(36,120,255,.18); filter: blur(18px); opacity: 0; transition: opacity .4s; }
.smm-feature-card:hover { transform: translateY(-8px); border-color: rgba(74,149,255,.32); background: var(--smm-panel-hover); }.smm-feature-card:hover::after { opacity: 1; }
.smm-feature-card > svg { width: 27px; height: 27px; fill: none; stroke: #54a4ff; stroke-width: 1.55; margin-bottom: 28px; }
.smm-feature-card h3 { margin: 0 0 10px; color: #edf5ff; font-size: 1rem; }.smm-feature-card p { margin: 0; color: #77869a; font-size: .82rem; }
.smm-feature-card__num { position: absolute; right: 19px; top: 17px; color: rgba(159,195,242,.19); font: 700 .7rem/1 monospace; }

/* Process */
.smm-process-layout { display: grid; grid-template-columns: 260px minmax(0, 1fr); gap: clamp(40px, 7vw, 90px); align-items: start; }
.smm-process-nav { position: sticky; top: 24px; padding: 23px; border-radius: 20px; }
.smm-process-nav__progress { height: 3px; margin: 18px 0; border-radius: 999px; background: rgba(255,255,255,.06); overflow: hidden; }.smm-process-nav__progress i { display: block; width: var(--process-progress, 10%); height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--smm-blue), var(--smm-cyan)); transition: width .5s var(--smm-ease); }
.smm-process-nav__buttons { display: grid; gap: 4px; }
.smm-process-nav button { display: flex; align-items: center; gap: 12px; width: 100%; padding: 10px; border: 0; border-radius: 10px; background: transparent; color: #708096; font-size: .74rem; font-weight: 800; cursor: pointer; text-align: left; transition: .3s; }
.smm-process-nav button span { display: grid; place-items: center; width: 29px; height: 29px; border-radius: 8px; background: rgba(255,255,255,.035); color: #67778e; font-size: .61rem; transition: .3s; }
.smm-process-nav button:hover, .smm-process-nav button.is-active { background: rgba(36,120,255,.1); color: #d4e7ff; }.smm-process-nav button.is-active span { background: linear-gradient(135deg, #2376f4, #1852bd); color: #fff; box-shadow: 0 7px 18px rgba(32,103,222,.25); }
.smm-process-timeline { position: relative; }.smm-process-timeline::before { content: ""; position: absolute; left: 28px; top: 42px; bottom: 42px; width: 1px; background: linear-gradient(to bottom, rgba(53,137,255,.55), rgba(53,137,255,.08)); }
.smm-process-step { position: relative; display: grid; grid-template-columns: 58px minmax(0, 1fr); gap: 25px; padding-bottom: 25px; }
.smm-process-step__marker { position: sticky; top: 40px; z-index: 2; display: grid; place-items: center; width: 58px; height: 58px; border-radius: 17px; background: #09101a; border: 1px solid rgba(76,150,255,.2); color: #7099cf; font: 800 .75rem/1 monospace; transition: .35s; }
.smm-process-step.is-active .smm-process-step__marker { color: #fff; background: linear-gradient(135deg, #2d83ff, #174da8); border-color: rgba(96,168,255,.55); box-shadow: 0 0 35px rgba(40,126,244,.28); }
.smm-process-step__body { padding: 33px 35px; border-radius: 21px; background: linear-gradient(145deg, rgba(15,23,35,.72), rgba(7,11,17,.55)); border: 1px solid var(--smm-border); transition: .4s; }
.smm-process-step.is-active .smm-process-step__body { border-color: rgba(76,149,255,.26); background: linear-gradient(145deg, rgba(19,31,49,.82), rgba(8,13,21,.7)); box-shadow: 0 20px 55px rgba(0,0,0,.2); }
.smm-process-step h3 { margin: 8px 0 8px; color: #fff; font-size: 1.55rem; }.smm-process-step p { margin: 0 0 20px; color: #7c8b9f; font-size: .88rem; }
.smm-process-step ul { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none; }
.smm-process-step li { padding: 7px 10px; border-radius: 8px; background: rgba(255,255,255,.028); border: 1px solid rgba(255,255,255,.045); color: #95a5ba; font-size: .7rem; }

/* Orbit grid & tools */
.smm-orbit-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }
.smm-orbit-card { position: relative; min-height: 210px; padding: 28px; border-radius: 18px; background: rgba(10,16,25,.68); border: 1px solid var(--smm-border); transition: .4s var(--smm-ease); overflow: hidden; }
.smm-orbit-card::before { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 50% -20%, rgba(38,128,255,.22), transparent 45%); opacity: 0; transition: opacity .4s; }
.smm-orbit-card:hover { transform: translateY(-7px) scale(1.01); border-color: rgba(78,153,255,.3); }.smm-orbit-card:hover::before { opacity: 1; }
.smm-orbit-card svg { position: relative; width: 27px; height: 27px; margin-bottom: 25px; fill: none; stroke: #5aa7ff; stroke-width: 1.5; }.smm-orbit-card h3 { position: relative; margin: 0 0 8px; color: #eef6ff; font-size: .98rem; }.smm-orbit-card p { position: relative; margin: 0; color: #758499; font-size: .78rem; }
.smm-tool-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; }
.smm-tool-card { display: flex; align-items: center; gap: 18px; padding: 20px; border-radius: 16px; background: rgba(11,17,26,.66); border: 1px solid var(--smm-border); transition: .35s; }
.smm-tool-card:hover { transform: translateY(-5px); border-color: rgba(73,149,255,.28); background: rgba(15,24,38,.82); }
.smm-tool-card__logo { flex: 0 0 48px; height: 48px; display: grid; place-items: center; border-radius: 13px; background: linear-gradient(145deg, rgba(41,123,245,.23), rgba(25,83,177,.09)); border: 1px solid rgba(72,147,253,.18); color: #8fc2ff; font-size: .66rem; font-weight: 900; }
.smm-tool-card h3 { margin: 0 0 4px; color: #eaf3ff; font-size: .9rem; }.smm-tool-card p { margin: 0; color: #738297; font-size: .73rem; }

/* Deliverables */
.smm-deliverables-layout { display: grid; grid-template-columns: .85fr 1.15fr; gap: clamp(45px, 7vw, 100px); align-items: center; }
.smm-deliverables-layout .smm-section-heading { margin-bottom: 0; }
.smm-deliverables-visual { margin-top: 35px; min-height: 215px; display: grid; place-items: center; border-radius: 20px; overflow: hidden; background-image: radial-gradient(circle at center, rgba(36,120,255,.13), transparent 55%); }
.smm-doc-stack { position: relative; width: min(100%, 360px); height: 145px; }.smm-doc-stack article { position: absolute; width: 80%; height: 76px; left: 10%; display: grid; grid-template-columns: 32px 1fr; align-items: center; gap: 12px; padding: 15px 18px; border-radius: 14px; background: #0c1522; border: 1px solid rgba(93,158,248,.18); box-shadow: 0 15px 35px rgba(0,0,0,.35); }
.smm-doc-stack article:nth-child(1) { top: 0; transform: scale(.88); opacity: .4; }.smm-doc-stack article:nth-child(2) { top: 31px; transform: scale(.94); opacity: .7; }.smm-doc-stack article:nth-child(3) { top: 65px; }
.smm-doc-stack span { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 8px; background: rgba(38,123,246,.16); color: #77b3ff; font-size: .62rem; font-weight: 900; }.smm-doc-stack strong { color: #dcecff; font-size: .77rem; }.smm-doc-stack i { grid-column: 2; width: 75%; height: 4px; margin-top: -16px; border-radius: 999px; background: rgba(255,255,255,.06); }
.smm-checklist-card { padding: 28px; border-radius: var(--smm-radius-lg); }
.smm-checklist { margin: 0; padding: 0; list-style: none; display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; }
.smm-checklist li { display: flex; align-items: flex-start; gap: 13px; padding: 17px; border-radius: 13px; background: rgba(2,6,12,.32); border: 1px solid rgba(255,255,255,.035); }
.smm-checklist li > svg { flex: 0 0 24px; width: 24px; height: 24px; padding: 5px; border-radius: 7px; background: rgba(43,132,255,.14); fill: none; stroke: #69afff; stroke-width: 2.2; }
.smm-checklist strong { display: block; color: #dce9f8; font-size: .8rem; }.smm-checklist span { display: block; margin-top: 3px; color: #718096; font-size: .68rem; line-height: 1.45; }

/* Roadmap */
.smm-roadmap { position: relative; display: grid; grid-template-columns: repeat(6, 1fr); gap: 13px; padding-top: 40px; }
.smm-roadmap__line { position: absolute; top: 13px; left: 8.33%; right: 8.33%; height: 2px; background: rgba(255,255,255,.055); overflow: hidden; }.smm-roadmap__line i { display: block; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, #2d82ff, #42ccff, transparent); transform: translateX(-100%); animation: smm-roadmap-line 4s ease-in-out infinite; }
.smm-roadmap article { position: relative; min-height: 245px; padding: 24px 20px; border-radius: 17px; background: rgba(11,17,26,.68); border: 1px solid var(--smm-border); text-align: center; transition: .4s; }.smm-roadmap article::before { content: ""; position: absolute; width: 10px; height: 10px; left: calc(50% - 5px); top: -32px; border-radius: 50%; background: #1670ed; border: 3px solid #0b111a; box-shadow: 0 0 0 1px rgba(90,161,255,.45), 0 0 16px rgba(52,135,249,.7); }
.smm-roadmap article:hover { transform: translateY(-7px); border-color: rgba(76,150,255,.3); }
.smm-roadmap article > span { color: #6faeff; font-size: .66rem; font-weight: 900; text-transform: uppercase; letter-spacing: .1em; }.smm-roadmap svg { width: 27px; height: 27px; margin: 24px auto 18px; fill: none; stroke: #65adff; stroke-width: 1.5; }.smm-roadmap h3 { margin: 0 0 9px; color: #edf5ff; font-size: .95rem; }.smm-roadmap p { margin: 0; color: #738196; font-size: .73rem; }

/* Blueprint */
.smm-blueprint-section { background: radial-gradient(circle at 50% 45%, rgba(29,100,211,.1), transparent 46%); }
.smm-blueprint { display: grid; grid-template-columns: 220px 1fr; min-height: 730px; border-radius: 28px; overflow: hidden; box-shadow: 0 35px 100px rgba(0,0,0,.48), 0 0 80px rgba(33,111,232,.1); }
.smm-blueprint__sidebar { padding: 23px 15px; background: rgba(3,7,12,.64); border-right: 1px solid rgba(255,255,255,.05); }
.smm-blueprint__brand { display: flex; align-items: center; gap: 11px; padding: 8px 8px 24px; border-bottom: 1px solid rgba(255,255,255,.05); }.smm-blueprint__brand > svg { width: 35px; height: 35px; padding: 8px; border-radius: 10px; background: linear-gradient(135deg, #277cf6, #1656c4); fill: none; stroke: #fff; stroke-width: 1.5; }.smm-blueprint__brand span { display: block; color: #fff; font-size: .8rem; font-weight: 900; }.smm-blueprint__brand strong { display: block; color: #627187; font-size: .56rem; font-weight: 700; }
.smm-blueprint__sidebar nav { display: grid; gap: 5px; margin-top: 23px; }.smm-blueprint__sidebar nav button { display: flex; align-items: center; gap: 10px; width: 100%; padding: 10px 12px; border: 0; border-radius: 9px; background: transparent; color: #68788e; font-size: .69rem; font-weight: 800; text-align: left; }.smm-blueprint__sidebar nav button.is-active { color: #d8e9ff; background: rgba(37,117,236,.12); }.smm-blueprint__sidebar nav svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.6; }
.smm-blueprint__label { margin-top: 180px; padding: 15px; border-radius: 13px; background: rgba(36,120,255,.07); border: 1px solid rgba(67,142,247,.13); }.smm-blueprint__label span { display: block; color: #617187; font-size: .57rem; text-transform: uppercase; letter-spacing: .08em; }.smm-blueprint__label strong { display: block; margin-top: 5px; color: #bcd7fa; font-size: .76rem; }
.smm-blueprint__main { padding: 28px; min-width: 0; }.smm-blueprint__top h3 { margin: 7px 0 0; color: #f5f9ff; font-size: 1.4rem; }
.smm-blueprint__metrics { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; margin-top: 27px; }.smm-blueprint__metrics article { display: grid; justify-items: center; gap: 11px; padding: 18px 10px; border-radius: 14px; background: rgba(2,6,12,.38); border: 1px solid rgba(255,255,255,.04); }.smm-blueprint__metrics article > span { color: #75859a; font-size: .65rem; }.smm-blueprint__metrics small { color: #526175; font-size: .57rem; }.smm-blueprint-ring { --thickness: 6px; width: 68px; }.smm-blueprint-ring strong { font-size: .95rem; }
.smm-blueprint__content-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 12px; }.smm-blueprint-panel { min-height: 185px; padding: 21px; border-radius: 15px; background: rgba(2,6,12,.38); border: 1px solid rgba(255,255,255,.04); }.smm-blueprint-panel h4 { margin: 7px 0 8px; color: #deedff; font-size: .9rem; }.smm-blueprint-panel p { margin: 0 0 16px; color: #6f7f94; font-size: .7rem; }
.smm-panel-title { display: flex; justify-content: space-between; gap: 15px; }.smm-panel-title > svg { width: 24px; height: 24px; fill: none; stroke: #5ca8ff; stroke-width: 1.5; }
.smm-small-entity-map { position: relative; height: 100px; margin-top: 12px; }.smm-small-entity-map b, .smm-small-entity-map span { position: absolute; z-index: 2; display: grid; place-items: center; min-width: 48px; height: 24px; padding: 0 6px; border-radius: 7px; background: #0c1725; border: 1px solid rgba(86,158,255,.18); color: #7f9fc6; font-size: .52rem; }.smm-small-entity-map b { left: 50%; top: 38%; transform: translate(-50%,-50%); min-width: 60px; height: 30px; background: #165bbf; color: #fff; }.smm-small-entity-map span:nth-of-type(1) { left: 0; top: 0; }.smm-small-entity-map span:nth-of-type(2) { right: 0; top: 0; }.smm-small-entity-map span:nth-of-type(3) { left: 0; bottom: 0; }.smm-small-entity-map span:nth-of-type(4) { right: 0; bottom: 0; }.smm-small-entity-map i { position: absolute; left: 50%; top: 38%; width: 44%; height: 1px; background: rgba(73,149,255,.18); transform-origin: left; }.smm-small-entity-map i:nth-last-of-type(1){transform:rotate(-154deg)}.smm-small-entity-map i:nth-last-of-type(2){transform:rotate(-26deg)}.smm-small-entity-map i:nth-last-of-type(3){transform:rotate(154deg)}.smm-small-entity-map i:nth-last-of-type(4){transform:rotate(26deg)}
.smm-compact-list { margin: 12px 0 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; gap: 7px; }.smm-compact-list li { padding: 6px 8px; border-radius: 7px; background: rgba(255,255,255,.025); border: 1px solid rgba(255,255,255,.04); color: #8090a5; font-size: .6rem; }.smm-compact-list--check li::before { content: "✓"; color: #5ca8ff; margin-right: 5px; }
.smm-blueprint__outcomes { margin-top: 12px; padding: 18px 20px; border-radius: 15px; background: linear-gradient(135deg, rgba(35,114,233,.1), rgba(2,6,12,.36)); border: 1px solid rgba(69,144,247,.12); }.smm-blueprint__outcomes > div { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 11px; }.smm-blueprint__outcomes > div span { padding: 7px 9px; border-radius: 7px; background: rgba(2,6,12,.38); color: #8aa0bd; font-size: .61rem; }

/* Choose */
.smm-choice-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }.smm-choice-grid article { position: relative; min-height: 220px; padding: 28px; border-radius: 18px; border: 1px solid var(--smm-border); background: linear-gradient(150deg, rgba(16,25,39,.7), rgba(7,11,17,.5)); overflow: hidden; transition: .4s; }.smm-choice-grid article::after { content: ""; position: absolute; left: 0; bottom: 0; width: 0; height: 2px; background: linear-gradient(90deg, #277cf6, #46d0ff); transition: width .4s; }.smm-choice-grid article:hover { transform: translateY(-7px); border-color: rgba(75,149,252,.28); }.smm-choice-grid article:hover::after { width: 100%; }.smm-choice-grid svg { width: 28px; height: 28px; fill: none; stroke: #5faaff; stroke-width: 1.55; margin-bottom: 27px; }.smm-choice-grid h3 { margin: 0 0 9px; color: #ecf5ff; font-size: .95rem; }.smm-choice-grid p { margin: 0; color: #758399; font-size: .77rem; }

/* FAQ */
.smm-faq-layout { display: grid; grid-template-columns: .68fr 1.32fr; gap: clamp(55px, 8vw, 110px); align-items: start; }.smm-faq-intro { position: sticky; top: 40px; }.smm-faq-intro .smm-text-link { margin-top: 10px; }
.smm-accordion { border-top: 1px solid rgba(255,255,255,.07); }.smm-accordion__item { border-bottom: 1px solid rgba(255,255,255,.07); }.smm-accordion__item h3 { margin: 0; }.smm-accordion__item button { width: 100%; display: grid; grid-template-columns: 30px 1fr 24px; align-items: center; gap: 13px; padding: 21px 4px; border: 0; background: transparent; color: #cbd7e6; cursor: pointer; text-align: left; font-size: .9rem; font-weight: 800; }.smm-accordion__item button > span { color: #4d6f99; font: 800 .6rem/1 monospace; }.smm-accordion__item button svg { width: 20px; height: 20px; fill: none; stroke: #6684a9; stroke-width: 1.7; transition: transform .35s; }.smm-accordion__item.is-open button { color: #f2f7ff; }.smm-accordion__item.is-open button svg { transform: rotate(45deg); stroke: #63aaff; }.smm-accordion__panel { display: grid; grid-template-rows: 0fr; transition: grid-template-rows .4s var(--smm-ease); }.smm-accordion__panel > p { overflow: hidden; margin: 0; color: #7d8da1; font-size: .82rem; }.smm-accordion__item.is-open .smm-accordion__panel { grid-template-rows: 1fr; }.smm-accordion__item.is-open .smm-accordion__panel > p { padding: 0 44px 23px; }

/* Audit & CTA */
.smm-audit-card { position: relative; display: grid; grid-template-columns: 1fr 1fr; gap: clamp(40px, 8vw, 100px); padding: clamp(36px, 6vw, 70px); border-radius: 30px; overflow: hidden; }.smm-audit-card__glow { position: absolute; width: 500px; height: 500px; left: -200px; top: -250px; border-radius: 50%; background: rgba(37,121,244,.2); filter: blur(65px); pointer-events: none; }.smm-audit-card__copy { position: relative; }.smm-audit-card__copy h2 { margin: 18px 0 17px; color: #fff; font-size: clamp(2.2rem, 4vw, 4rem); line-height: 1.05; letter-spacing: -.04em; }.smm-audit-card__copy p { color: #9aa9bc; }.smm-audit-card__copy small { display: block; margin-top: 18px; color: #617085; font-size: .68rem; }
.smm-audit-card__list { position: relative; padding: 28px; border-radius: 19px; background: rgba(2,6,12,.42); border: 1px solid rgba(255,255,255,.05); }.smm-audit-card__list ul { margin: 20px 0 0; padding: 0; list-style: none; display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; }.smm-audit-card__list li { display: flex; align-items: center; gap: 9px; color: #a9b9cc; font-size: .74rem; }.smm-audit-card__list svg { flex: 0 0 19px; width: 19px; height: 19px; padding: 4px; border-radius: 6px; background: rgba(38,126,252,.14); fill: none; stroke: #61aaff; stroke-width: 2.4; }
.smm-final-cta { padding-block: clamp(100px, 13vw, 180px); text-align: center; overflow: hidden; }.smm-final-cta .smm-container { max-width: 900px; }.smm-final-cta h2 { margin: 20px auto; color: #fff; font-size: clamp(2.7rem, 6vw, 6rem); line-height: 1; letter-spacing: -.06em; }.smm-final-cta p { max-width: 740px; margin: 0 auto; color: #8f9fb3; font-size: 1.03rem; }.smm-final-cta__orb { position: absolute; border-radius: 50%; filter: blur(40px); }.smm-final-cta__orb--one { width: 480px; height: 480px; left: -250px; top: 10%; background: rgba(29,107,238,.13); }.smm-final-cta__orb--two { width: 520px; height: 520px; right: -260px; bottom: 0; background: rgba(32,193,248,.08); }

/* Reveal */
.js [data-reveal] { opacity: 0; transition: opacity .75s var(--smm-ease), transform .75s var(--smm-ease); transition-delay: var(--reveal-delay, 0ms); }.js [data-reveal="up"] { transform: translateY(35px); }.js [data-reveal="left"] { transform: translateX(-45px); }.js [data-reveal="right"] { transform: translateX(45px); }.js [data-reveal="scale"] { transform: scale(.94); }.js [data-reveal].is-visible { opacity: 1; transform: none; }

@keyframes smm-pulse { 0%,100% { opacity: .5; transform: scale(.85); } 50% { opacity: 1; transform: scale(1.15); } }
@keyframes smm-float { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }
@keyframes smm-float-slow { 0%,100% { transform: translate3d(0,0,0) scale(1); } 50% { transform: translate3d(0,25px,0) scale(1.06); } }
@keyframes smm-fade-panel { from { opacity: 0; transform: translateY(7px); } to { opacity: 1; transform: none; } }
@keyframes smm-draw { to { stroke-dashoffset: 0; } }
@keyframes smm-dash { to { stroke-dashoffset: -100; } }
@keyframes smm-roadmap-line { 0% { transform: translateX(-100%); } 50%,100% { transform: translateX(100%); } }

@media (max-width: 1100px) {
  .smm-hero { min-height: auto; }.smm-hero__layout { grid-template-columns: 1fr; }.smm-hero__content { text-align: center; }.smm-hero__content h1, .smm-hero__lead, .smm-hero__note { margin-inline: auto; }.smm-hero__note { justify-content: center; }.smm-hero__content .smm-button-row, .smm-hero__trust { justify-content: center; }.smm-hero-visual { max-width: 760px; width: 100%; margin-inline: auto; }.smm-dashboard { transform: none; }
  .smm-card-grid--four, .smm-orbit-grid, .smm-choice-grid { grid-template-columns: repeat(2, 1fr); }
  .smm-roadmap { grid-template-columns: repeat(3, 1fr); row-gap: 45px; }.smm-roadmap__line { display: none; }.smm-roadmap article::before { top: -18px; }
  .smm-blueprint { grid-template-columns: 180px 1fr; }.smm-blueprint__metrics { grid-template-columns: repeat(2, 1fr); }.smm-blueprint__label { margin-top: 110px; }
}

@media (max-width: 850px) {
  :root { --smm-section-space: 72px; }
  .smm-container { width: min(calc(100% - 28px), var(--smm-container)); }
  .smm-section-heading--split, .smm-deliverables-layout, .smm-faq-layout { grid-template-columns: 1fr; gap: 30px; }.smm-faq-intro { position: static; }
  .smm-pathway-grid { grid-template-columns: 1fr; }.smm-vs-badge { margin: -3px auto; }
  .smm-comparison__row { grid-template-columns: .55fr 1fr 1fr; }
  .smm-process-layout { grid-template-columns: 1fr; }.smm-process-nav { position: static; z-index: 3; padding: 15px; }.smm-process-nav__buttons { display: flex; overflow-x: auto; padding-bottom: 4px; scrollbar-width: thin; }.smm-process-nav button { flex: 0 0 auto; width: auto; }.smm-process-nav button:not(.is-active) { font-size: 0; gap: 0; }
  .smm-tool-grid { grid-template-columns: 1fr; }
  .smm-blueprint { grid-template-columns: 1fr; }.smm-blueprint__sidebar { display: none; }
  .smm-audit-card { grid-template-columns: 1fr; }
}

@media (max-width: 620px) {
  :root { --smm-radius-xl: 22px; --smm-radius-lg: 18px; --smm-section-space: 56px; }
  .smm-section-heading { margin-bottom: 38px; }.smm-section-heading h2 { font-size: clamp(2rem, 11vw, 3.1rem); }.smm-section-heading p { font-size: .94rem; }
  .smm-hero { padding-top: 72px; }.smm-hero__content h1 { font-size: clamp(3rem, 15vw, 4.5rem); }.smm-hero__lead { font-size: 1rem; }.smm-hero__note { font-size: .78rem; }
  .smm-button-row, .smm-button-row .smm-btn { width: 100%; }.smm-btn { min-height: 52px; }
  .smm-dashboard { min-height: 0; padding: 15px; }.smm-dashboard__topbar { align-items: center; }.smm-dashboard__topbar .smm-status { display: none; }.smm-score-card { grid-template-columns: 82px 1fr; padding: 14px; }.smm-score-ring { width: 75px; }.smm-score-ring span { top: 48px; }.smm-mini-metrics { grid-template-columns: 1fr; }.smm-mini-metrics article { display: grid; grid-template-columns: 28px 1fr auto; align-items: center; gap: 7px; }.smm-mini-metrics svg { margin: 0; }.smm-mini-metrics strong { margin: 0; }.smm-dashboard__chart { display: none; }.smm-floating-chip { display: none; }
  .smm-metric-strip { grid-template-columns: repeat(2, 1fr); margin-top: 48px; }.smm-metric-strip article:nth-child(3)::before { display: none; }.smm-metric-strip article { padding: 22px 10px; }
  .smm-comparison { padding: 18px; overflow-x: auto; }.smm-comparison__header { align-items: flex-start; }.smm-comparison__header .smm-pill { display: none; }.smm-comparison__table { min-width: 670px; }
  .smm-card-grid--four, .smm-orbit-grid, .smm-choice-grid { grid-template-columns: 1fr; }.smm-feature-card, .smm-orbit-card, .smm-choice-grid article { min-height: 0; }
  .smm-process-timeline::before { left: 20px; }.smm-process-step { grid-template-columns: 42px 1fr; gap: 12px; }.smm-process-step__marker { width: 42px; height: 42px; border-radius: 13px; font-size: .65rem; }.smm-process-step__body { padding: 24px 20px; }.smm-process-step h3 { font-size: 1.25rem; }
  .smm-checklist { grid-template-columns: 1fr; }.smm-checklist-card { padding: 16px; }
  .smm-roadmap { grid-template-columns: 1fr; gap: 28px; padding-top: 18px; }.smm-roadmap article { min-height: 0; text-align: left; display: grid; grid-template-columns: 42px 1fr; column-gap: 13px; }.smm-roadmap article::before { left: 18px; top: -10px; }.smm-roadmap article > span { grid-column: 2; }.smm-roadmap svg { grid-row: 1 / span 3; margin: 4px 0 0; }.smm-roadmap h3, .smm-roadmap p { grid-column: 2; }
  .smm-blueprint__main { padding: 18px; }.smm-blueprint__top { display: block; }.smm-blueprint__top .smm-status { margin-top: 12px; }.smm-blueprint__metrics, .smm-blueprint__content-grid { grid-template-columns: 1fr 1fr; }.smm-blueprint__metrics article { padding: 14px 6px; }.smm-blueprint__content-grid .smm-blueprint-panel { grid-column: 1 / -1; }
  .smm-accordion__item button { font-size: .82rem; padding-block: 18px; }.smm-accordion__item.is-open .smm-accordion__panel > p { padding-left: 0; padding-right: 0; }
  .smm-audit-card { padding: 27px 20px; }.smm-audit-card__list { padding: 21px 17px; }.smm-audit-card__list ul { grid-template-columns: 1fr; }.smm-final-cta h2 { font-size: clamp(2.7rem, 14vw, 4.5rem); }
}

@media (max-width: 420px) {
  .smm-blueprint__metrics { grid-template-columns: 1fr; }.smm-blueprint__metrics article { grid-template-columns: 1fr auto; justify-items: start; text-align: left; }.smm-blueprint__metrics .smm-blueprint-ring { grid-row: 1 / span 2; grid-column: 2; }.smm-blueprint__metrics small { align-self: start; }
}

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

/* Social Media Marketing page extensions */
.smm-hero__content h1 { max-width: 760px; font-size: clamp(3.05rem, 5.7vw, 6.05rem); }
.smm-chart-area { fill: url(#socialChartFill); }
.smm-score-card--social { grid-template-columns: 102px 1fr; }

.smm-social-orbit { position: absolute; z-index: -1; display: grid; place-items: center; width: 64px; height: 64px; border-radius: 20px; color: rgba(193,221,255,.46); background: rgba(14,27,45,.45); border: 1px solid rgba(83,157,255,.14); box-shadow: 0 20px 60px rgba(0,0,0,.3), inset 0 1px rgba(255,255,255,.06); backdrop-filter: blur(14px); font-size: 1.15rem; font-weight: 900; }
.smm-social-orbit--one { left: 5%; top: 19%; transform: rotate(-11deg); }
.smm-social-orbit--two { right: 3%; bottom: 15%; transform: rotate(10deg); }

.smm-mini-calendar { min-height: 366px; padding: 18px; border-radius: 18px; background: rgba(2,6,12,.48); border: 1px solid rgba(255,255,255,.045); }
.smm-mini-calendar__head { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding-bottom: 14px; border-bottom: 1px solid rgba(255,255,255,.05); }
.smm-mini-calendar__head strong { color: #edf6ff; font-size: .88rem; }
.smm-mini-calendar__head span { color: #64758c; font-size: .62rem; }
.smm-mini-calendar__days, .smm-mini-calendar__grid { display: grid; grid-template-columns: repeat(7, 1fr); gap: 7px; }
.smm-mini-calendar__days { margin: 15px 0 8px; }
.smm-mini-calendar__days span { color: #536277; font-size: .55rem; font-weight: 800; text-align: center; text-transform: uppercase; }
.smm-mini-calendar__grid > * { min-height: 49px; display: grid; place-items: center; border-radius: 9px; background: rgba(255,255,255,.018); border: 1px solid rgba(255,255,255,.028); color: #708095; font-size: .47rem; font-weight: 900; }
.smm-mini-calendar__grid b { color: #bcd7fa; background: rgba(31,104,215,.1); border-color: rgba(66,143,249,.15); }
.smm-mini-calendar__grid b.is-blue { background: rgba(36,120,255,.18); color: #d9eaff; }
.smm-mini-calendar__grid b.is-cyan { background: rgba(38,194,235,.1); border-color: rgba(73,208,243,.16); color: #aeefff; }

.smm-campaign-funnel { display: grid; justify-items: center; gap: 7px; margin-top: 20px; }
.smm-campaign-funnel span { display: grid; place-items: center; width: var(--w); min-height: 30px; padding: 7px 11px; border-radius: 7px; background: linear-gradient(90deg, rgba(29,101,211,.18), rgba(35,139,244,.09)); border: 1px solid rgba(73,149,255,.12); color: #94b9e6; font-size: .58rem; font-weight: 800; text-align: center; }
.smm-campaign-funnel--hero { min-height: 365px; align-content: center; gap: 12px; padding: 24px; border-radius: 18px; background: radial-gradient(circle at 50% 45%, rgba(29,111,228,.14), transparent 52%), rgba(2,6,12,.48); border: 1px solid rgba(255,255,255,.045); }
.smm-campaign-funnel--hero span { min-height: 62px; display: flex; justify-content: space-between; gap: 16px; padding: 12px 18px; text-align: left; }
.smm-campaign-funnel--hero b { color: #dcecff; font-size: .72rem; }
.smm-campaign-funnel--hero small { max-width: 240px; color: #6f829a; font-size: .58rem; font-weight: 600; text-align: right; }

.smm-platform-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.smm-platform-card { position: relative; min-height: 260px; padding: 29px; border-radius: 20px; background: linear-gradient(145deg, rgba(16,25,39,.76), rgba(7,11,17,.58)); border: 1px solid var(--smm-border); overflow: hidden; transition: transform .42s var(--smm-ease), border-color .42s, box-shadow .42s; }
.smm-platform-card::before { content: ""; position: absolute; width: 170px; height: 170px; right: -95px; top: -100px; border-radius: 50%; background: rgba(36,120,255,.16); filter: blur(25px); opacity: .4; transition: opacity .4s, transform .4s; }
.smm-platform-card:hover { transform: translateY(-8px); border-color: rgba(79,153,255,.33); box-shadow: 0 28px 65px rgba(0,0,0,.31); }
.smm-platform-card:hover::before { opacity: 1; transform: scale(1.15); }
.smm-platform-mark { position: relative; display: grid; place-items: center; width: 52px; height: 52px; margin-bottom: 28px; border-radius: 16px; color: #fff; background: linear-gradient(135deg, #287fff, #1456c7); box-shadow: 0 13px 28px rgba(31,104,221,.24), inset 0 1px rgba(255,255,255,.23); font-size: 1rem; font-weight: 900; letter-spacing: -.04em; }
.smm-platform-mark--instagram { background: linear-gradient(135deg, #834dff, #e6499f 58%, #ff9e3d); }
.smm-platform-mark--linkedin { background: linear-gradient(135deg, #1475d1, #075297); }
.smm-platform-mark--youtube { background: linear-gradient(135deg, #ff3b4f, #b60016); }
.smm-platform-mark--pinterest { background: linear-gradient(135deg, #e63946, #9c0010); }
.smm-platform-mark--threads { background: linear-gradient(135deg, #2b3440, #080b10); }
.smm-platform-mark--x { background: linear-gradient(135deg, #2b3440, #05070a); }
.smm-platform-mark--tiktok { background: linear-gradient(135deg, #16d4dc, #090b11 46%, #f24d74); }
.smm-platform-mark--google { background: conic-gradient(from 45deg, #4285f4, #34a853, #fbbc05, #ea4335, #4285f4); }
.smm-platform-card h3 { margin: 0 0 10px; color: #f0f6ff; font-size: 1.08rem; }
.smm-platform-card p { margin: 0 0 22px; color: #78879b; font-size: .81rem; }
.smm-platform-card > span { display: inline-flex; padding: 7px 10px; border-radius: 999px; color: #8dbaf2; background: rgba(35,111,220,.09); border: 1px solid rgba(67,143,248,.14); font-size: .62rem; font-weight: 800; }

.smm-tool-grid--social article { align-items: center; }
.smm-tool-logo { flex: 0 0 52px; display: grid; place-items: center; width: 52px; height: 52px; border-radius: 15px; color: #fff; background: linear-gradient(135deg, #287fff, #1457c9); box-shadow: 0 11px 24px rgba(31,104,221,.2), inset 0 1px rgba(255,255,255,.2); font-size: 1rem; font-weight: 900; }
.smm-tool-logo--canva { background: linear-gradient(135deg, #23c4d8, #7c43e8); }
.smm-tool-logo--adobe { background: linear-gradient(135deg, #f34d4d, #b30d1e); }
.smm-tool-logo--capcut { background: linear-gradient(135deg, #f0f5ff, #8f9cad); color: #0a1018; }
.smm-tool-logo--later { background: linear-gradient(135deg, #ff6f68, #7a55ec); }
.smm-tool-logo--buffer { background: linear-gradient(135deg, #2f82ff, #1d4c9e); }
.smm-tool-logo--hootsuite { background: linear-gradient(135deg, #191d28, #58677d); }
.smm-tool-logo--metricool { background: linear-gradient(135deg, #e44fff, #5f2ad8); }
.smm-tool-logo--analytics { background: linear-gradient(135deg, #f5ae2d, #d5531b); }
.smm-tool-logo--chatgpt { background: linear-gradient(135deg, #20b99a, #087a6a); }

.smm-deliverables-note { display: flex; align-items: center; gap: 15px; margin-top: 33px; padding: 18px; border-radius: 16px; background: rgba(36,120,255,.07); border: 1px solid rgba(69,145,248,.13); }
.smm-deliverables-note > svg { flex: 0 0 42px; width: 42px; height: 42px; padding: 10px; border-radius: 12px; background: rgba(38,119,239,.15); fill: none; stroke: #61aaff; stroke-width: 1.6; }
.smm-deliverables-note strong, .smm-deliverables-note span { display: block; }
.smm-deliverables-note strong { color: #dcecff; font-size: .82rem; }
.smm-deliverables-note span { margin-top: 3px; color: #718299; font-size: .69rem; }

.smm-roadmap--five { grid-template-columns: repeat(5, 1fr); }
.smm-roadmap--five .smm-roadmap__line { left: 10%; right: 10%; }

.smm-blueprint-summary { display: grid; grid-template-columns: 1.25fr .75fr; gap: 10px; margin-top: 23px; }
.smm-blueprint-summary article { padding: 16px 18px; border-radius: 13px; background: rgba(2,6,12,.38); border: 1px solid rgba(255,255,255,.04); }
.smm-blueprint-summary p { margin: 7px 0 0; color: #8292a7; font-size: .7rem; }
.smm-channel-pills { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 9px; }
.smm-channel-pills span { padding: 6px 8px; border-radius: 7px; color: #89a8ce; background: rgba(36,120,255,.07); border: 1px solid rgba(65,141,247,.1); font-size: .57rem; }
.smm-blueprint__metrics--social .smm-score-ring::before { inset: var(--thickness, 6px); }
.smm-blueprint__metrics--social .smm-score-ring strong { width: 52px; font-size: .66rem; text-align: center; }
.smm-blueprint__content-grid--social { grid-template-columns: 1.1fr .9fr; }
.smm-blueprint-panel--calendar { grid-column: 1 / -1; }
.smm-week-strip { display: grid; grid-template-columns: repeat(7, 1fr); gap: 6px; margin-top: 16px; }
.smm-week-strip span { min-width: 0; display: grid; justify-items: center; gap: 6px; padding: 9px 4px; border-radius: 9px; background: rgba(255,255,255,.018); border: 1px solid rgba(255,255,255,.03); }
.smm-week-strip b { color: #65768c; font-size: .53rem; }
.smm-week-strip i { width: 28px; height: 28px; border-radius: 8px; background: linear-gradient(135deg, rgba(36,120,255,.75), rgba(39,196,240,.45)); }
.smm-week-strip i.is-story { background: linear-gradient(135deg, #8c4fe8, #ef5e91); }
.smm-week-strip i.is-reel { background: linear-gradient(135deg, #2ed0dd, #27487e 50%, #ee5c80); }
.smm-week-strip i.is-proof { background: linear-gradient(135deg, #1d875f, #5fd19d); }
.smm-week-strip i.is-offer { background: linear-gradient(135deg, #ef8b2d, #dc3c45); }
.smm-week-strip i.is-community { background: linear-gradient(135deg, #55657e, #252d3c); }
.smm-week-strip small { max-width: 100%; color: #64758a; font-size: .5rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.smm-engagement-bars { display: grid; gap: 11px; margin-top: 17px; }
.smm-engagement-bars span { display: grid; grid-template-columns: 1fr 80px; gap: 10px; align-items: center; }
.smm-engagement-bars b { color: #73849a; font-size: .58rem; font-weight: 700; }
.smm-engagement-bars i { height: 5px; border-radius: 999px; background: rgba(255,255,255,.05); overflow: hidden; }
.smm-engagement-bars i::after { content: ""; display: block; width: var(--bar); height: 100%; border-radius: inherit; background: linear-gradient(90deg, #277cf6, #44c8f1); }
.smm-blueprint-bottom-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 12px; }
.smm-blueprint-bottom-grid article { padding: 17px 19px; border-radius: 14px; background: linear-gradient(135deg, rgba(34,108,217,.08), rgba(2,6,12,.36)); border: 1px solid rgba(67,142,247,.1); }
.smm-blueprint-bottom-grid article > div { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px; }
.smm-blueprint-bottom-grid article > div span { padding: 6px 8px; border-radius: 7px; color: #7f94ae; background: rgba(2,6,12,.38); border: 1px solid rgba(255,255,255,.035); font-size: .55rem; }
.smm-blueprint-bottom-grid small { display: block; margin-top: 9px; color: #56667b; font-size: .52rem; }

.smm-audit-points { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px 18px; margin-top: 28px; }
.smm-audit-points span { display: inline-flex; align-items: center; gap: 7px; color: #8192a7; font-size: .72rem; font-weight: 700; }
.smm-audit-points svg { width: 16px; height: 16px; padding: 3px; border-radius: 5px; background: rgba(36,120,255,.12); fill: none; stroke: #61aaff; stroke-width: 2.2; }

@media (max-width: 1100px) {
  .smm-platform-grid { grid-template-columns: repeat(2, 1fr); }
  .smm-roadmap--five { grid-template-columns: repeat(3, 1fr); }
  .smm-blueprint__content-grid--social { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 850px) {
  .smm-social-orbit { display: none; }
  .smm-platform-grid { grid-template-columns: repeat(2, 1fr); }
  .smm-blueprint-summary, .smm-blueprint-bottom-grid { grid-template-columns: 1fr; }
  .smm-blueprint__content-grid--social { grid-template-columns: 1fr; }
  .smm-blueprint-panel--calendar { grid-column: auto; }
}

@media (max-width: 620px) {
  .smm-hero__content h1 { font-size: clamp(2.85rem, 14vw, 4.25rem); }
  .smm-score-card--social { grid-template-columns: 80px 1fr; }
  .smm-mini-calendar { min-height: 0; padding: 13px; }
  .smm-mini-calendar__grid > * { min-height: 34px; font-size: .38rem; }
  .smm-campaign-funnel--hero { min-height: 0; padding: 17px; }
  .smm-campaign-funnel--hero span { width: 100%; min-height: 54px; }
  .smm-campaign-funnel--hero small { display: none; }
  .smm-platform-grid { grid-template-columns: 1fr; }
  .smm-platform-card { min-height: 0; }
  .smm-week-strip { grid-template-columns: repeat(4, 1fr); }
  .smm-blueprint-bottom-grid { grid-template-columns: 1fr; }
  .smm-audit-points { display: grid; grid-template-columns: 1fr 1fr; justify-items: start; max-width: 390px; margin-inline: auto; }
}

@media (max-width: 420px) {
  .smm-mini-calendar__days, .smm-mini-calendar__grid { gap: 4px; }
  .smm-mini-calendar__grid > * { min-height: 30px; }
  .smm-week-strip { grid-template-columns: repeat(3, 1fr); }
  .smm-audit-points { grid-template-columns: 1fr; }
}

[data-parallax] { transform: translate3d(0, var(--parallax-y, 0), 0); will-change: transform; }
.smm-social-orbit[data-parallax] { transform: translate3d(0, var(--parallax-y, 0), 0) rotate(-8deg); }
.smm-social-orbit--two[data-parallax] { transform: translate3d(0, var(--parallax-y, 0), 0) rotate(9deg); }