.theme-b {
  --bg: #fbf9ff;
  --surface: rgba(255,255,255,.83);
  --surface-2: #efe9ff;
  --ink: #272134;
  --muted: #665d75;
  --purple: #7a42dc;
  --purple-deep: #3d1d67;
  --teal: #00a99d;
  --radius: 30px;
  --shadow: 0 28px 80px rgba(83,42,131,.18);
}
.theme-b { overflow-x: clip; background-image: radial-gradient(circle at 80% 5%, rgba(126,66,220,.12), transparent 24%), radial-gradient(circle at 8% 30%, rgba(0,169,157,.1), transparent 18%); }
.theme-b .brand-mark { transform: rotate(-4deg); background: linear-gradient(135deg, var(--purple), var(--teal)); }
.theme-b .button { border-radius: 999px; }
.theme-b .main-nav { gap: 17px; }
.theme-b .main-nav a { font-size: .86rem; }
.theme-b .hero { overflow: hidden; }
.theme-b .hero-grid { grid-template-columns: 1.2fr .8fr; }
.theme-b h1 { max-width: 19ch; font-size: clamp(2.55rem, 3.35vw, 3.65rem); }
.theme-b .service-hero h1,
.theme-b .catalog-hero h1,
.theme-b .ai-hero-copy h1,
.theme-b .article-title { font-size: clamp(2.55rem, 3.35vw, 3.65rem) !important; line-height: 1.04; }
.theme-b .creative-portrait { min-height: 590px; display: flex; align-items: flex-end; justify-content: center; }
.theme-b .creative-portrait::before { content: ""; position: absolute; inset: 8% 2% 4%; border-radius: 48% 52% 34% 66% / 45% 35% 65% 55%; background: linear-gradient(145deg, #dcd0ff, #bef3eb 52%, #f7d7ec); transform: rotate(6deg); }
.theme-b .creative-portrait img { position: relative; z-index: 2; width: auto; max-height: 620px; object-fit: contain; border-radius: 32px 8px 32px 8px; filter: drop-shadow(0 30px 35px rgba(49,24,70,.16)); }
.theme-b .orbit { position: absolute; z-index: 1; border: 1px solid rgba(86,49,145,.3); border-radius: 50%; }
.theme-b .orbit-one { width: 500px; height: 500px; top: 1%; right: -11%; transform: rotate(18deg); }
.theme-b .orbit-two { width: 350px; height: 350px; top: 20%; left: -10%; transform: rotate(-12deg); }
.theme-b .task-section { background: linear-gradient(180deg, transparent, rgba(236,229,253,.65)); }
.theme-b .task-grid { grid-template-columns: 1.2fr .8fr 1fr; }
.theme-b .task-card:nth-child(1), .theme-b .task-card:nth-child(5) { grid-row: span 2; min-height: 472px; }
.theme-b .task-card:nth-child(1) { background: linear-gradient(145deg, #42245e, #7550b3); color: #fff; transform: rotate(-1deg); }
.theme-b .task-card:nth-child(1) span:not(.icon), .theme-b .task-card:nth-child(1) em { color: rgba(255,255,255,.72); }
.theme-b .task-card:nth-child(5) { background: linear-gradient(155deg, #d7fbf4, #f7f1ff); transform: rotate(1deg); }
.theme-b .audience-card:nth-child(2) { transform: translateX(34px); }
.theme-b .service-grid { grid-template-columns: 1.2fr .8fr; }
.theme-b .service-card:nth-child(2), .theme-b .service-card:nth-child(3) { background: linear-gradient(135deg, #f2ecff, #e7fbf7); }
.theme-b .capability-cloud span:nth-child(3n) { background: #342442; color: #fff; transform: rotate(2deg); }
.theme-b .capability-cloud span:nth-child(2n) { transform: rotate(-2deg); }
.theme-b .case-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-rows: 1fr; align-items: stretch; gap: 22px; }
.theme-b .case-card { display: flex; height: 100%; flex-direction: column; transform: none; }
.theme-b .case-image { flex: 0 0 auto; aspect-ratio: 4 / 3; }
.theme-b .case-body { display: flex; flex: 1; flex-direction: column; padding: clamp(24px, 3vw, 32px); }
.theme-b .case-body p { margin-bottom: 12px; }
.theme-b .case-body .text-link { align-self: flex-start; margin-top: auto; padding-top: 10px; }
.theme-b .process-list { gap: 0; }
.theme-b .process-step:nth-child(even) { margin-top: 60px; }
.theme-b .bot-panel { background: linear-gradient(125deg, #3e1d69, #7845d2 54%, #00a99d); transform: rotate(-.35deg); }
.theme-b .article-card:nth-child(2) { transform: translateY(28px); }
.theme-b .article-cover { min-height: 238px; isolation: isolate; }
.theme-b .article-cover::before, .theme-b .article-cover::after { content: none; }
.theme-b .article-cover > span { align-self: flex-start; padding: 7px 11px; border: 1px solid rgba(61,29,103,.13); border-radius: 999px; background: rgba(255,255,255,.72); }
.theme-b .cover-scene { position: absolute; inset: 58px 20px 20px; z-index: 1; }
.theme-b .lead-scene { display: grid; grid-template-columns: 1fr auto 1fr auto 1fr; align-items: center; gap: 8px; }
.theme-b .lead-scene span { display: grid; place-items: center; min-height: 72px; padding: 10px; border-radius: 18px; background: rgba(255,255,255,.78); color: var(--purple-deep); font-size: .72rem; font-weight: 850; box-shadow: 0 12px 28px rgba(72,40,109,.1); }
.theme-b .lead-scene .cover-chat { background: #d9faf3; transform: translateY(-12px) rotate(-2deg); }
.theme-b .lead-scene .cover-goal { background: #362742; color: #fff; transform: rotate(2deg); }
.theme-b .lead-scene b { color: var(--purple); }
.theme-b .funnel-scene { display: grid; grid-template-columns: 1fr; align-content: center; gap: 8px; }
.theme-b .funnel-scene span { position: relative; width: 82%; padding: 10px 14px; border-radius: 12px; background: rgba(255,255,255,.82); color: var(--purple-deep); font-size: .7rem; font-weight: 820; box-shadow: 0 9px 25px rgba(45,61,87,.08); }
.theme-b .funnel-scene span:nth-of-type(2) { width: 68%; margin-left: 14%; background: #e7dcff; }
.theme-b .funnel-scene span:nth-of-type(3) { width: 52%; margin-left: 30%; background: #2d7f79; color: #fff; }
.theme-b .funnel-scene i { position: static; width: 2px; height: 9px; margin-left: 48%; border: 0; border-radius: 0; background: var(--teal); box-shadow: none; }
.theme-b .ai-scene { display: grid; place-items: center; }
.theme-b .ai-core { display: grid; place-items: center; width: 92px; height: 92px; border-radius: 28px; background: linear-gradient(145deg, #4e2c75, #8b53dd); color: #fff; font-size: 1.45rem; font-weight: 900; box-shadow: 0 0 0 14px rgba(122,66,220,.1), 0 18px 38px rgba(61,29,103,.22); }
.theme-b .ai-message { position: absolute; padding: 9px 13px; border-radius: 15px; background: rgba(255,255,255,.9); color: var(--purple-deep); font-size: .68rem; font-weight: 800; box-shadow: 0 10px 24px rgba(61,29,103,.12); }
.theme-b .m-left { left: 5px; top: 23px; transform: rotate(-4deg); }
.theme-b .m-right { right: 2px; bottom: 12px; background: #c8f5ed; transform: rotate(4deg); }
.theme-b .about-photo { border-radius: 36px 10px 36px 10px; transform: rotate(-.7deg); box-shadow: var(--shadow); }
.theme-b .price-panel { background: linear-gradient(115deg, #fff, #f2eaff 52%, #dffaf6); }
.theme-b .final-panel { background: linear-gradient(135deg, #2e2237, #5e318d); border-radius: 44px; }
@media (max-width:960px) {
  .theme-b .hero-grid { grid-template-columns: 1fr; }
  .theme-b .task-grid, .theme-b .service-grid, .theme-b .case-grid { grid-template-columns: 1fr 1fr; }
  .theme-b .task-card:nth-child(1), .theme-b .task-card:nth-child(5) { grid-row: auto; min-height: 228px; }
  .theme-b .case-card:last-child { grid-column: auto; }
}
@media (max-width:640px) {
  .theme-b .hero { padding: 30px 0 40px; }
  .theme-b h1 { font-size: clamp(2.15rem, 9.6vw, 3rem); line-height: 1.02; }
  .theme-b .service-hero h1,
  .theme-b .catalog-hero h1,
  .theme-b .ai-hero-copy h1,
  .theme-b .article-title { font-size: clamp(2.15rem, 9.6vw, 3rem) !important; line-height: 1.04; }
  .theme-b .hero-lead { font-size: .98rem; }
  .theme-b .hero-copy .actions { margin-top: 22px; }
  .theme-b .hero-copy .platforms { margin: 18px 0 0; }
  .theme-b .creative-portrait { min-height: 450px; }.theme-b .creative-portrait img { max-height: 450px; }
  .theme-b .task-grid, .theme-b .service-grid, .theme-b .case-grid { grid-template-columns: 1fr; }
  .theme-b .case-grid { grid-auto-rows: 1fr; gap: 16px; }
  .theme-b .case-card { height: 100%; }
  .theme-b .audience-card:nth-child(2), .theme-b .article-card:nth-child(2), .theme-b .process-step:nth-child(even) { transform: none; margin-top: 0; }
  .theme-b .article-card { min-width: 0; }
  .theme-b .article-cover { width: 100%; min-width: 0; min-height: 240px; }
  .theme-b .cover-scene { inset: 58px 12px 18px; max-width: calc(100% - 24px); }
  .theme-b .lead-scene { grid-template-columns: minmax(0, 1fr) 10px minmax(0, 1fr) 10px minmax(0, 1fr); gap: 5px; }
  .theme-b .lead-scene span { min-width: 0; width: 100%; padding: 9px 4px; overflow-wrap: anywhere; }
  .theme-b .lead-scene b { min-width: 0; text-align: center; }
  .theme-b .funnel-scene span { max-width: 100%; box-sizing: border-box; }
  .theme-b .ai-scene { min-width: 0; }
  .theme-b .ai-message { max-width: 36%; overflow-wrap: anywhere; }
}
@media (max-width:340px) {
  .theme-b .article-cover { min-height: 236px; }
  .theme-b .cover-scene { inset-inline: 9px; max-width: calc(100% - 18px); }
  .theme-b .lead-scene { grid-template-columns: minmax(0, 1fr) 8px minmax(0, 1fr) 8px minmax(0, 1fr); gap: 3px; }
  .theme-b .lead-scene span { padding-inline: 3px; font-size: .66rem; }
}