.sponsor-intro{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:end;padding-block:76px 46px}.sponsor-intro h1{font-size:clamp(44px,5vw,72px);line-height:1.02}.sponsor-intro h1 span{color:var(--blue)}.sponsor-intro>div:last-child p{font-size:18px;line-height:1.6;color:var(--muted);margin:0 0 23px}.sponsor-intro .availability{font-size:14px;color:#345573;background:#e5efff;border-left:3px solid var(--blue);padding:13px 16px;margin:0}
.sponsor-flow{padding-bottom:102px}.flow-stage{background:#fff;border:1px solid var(--line);border-radius:17px;padding:34px;box-shadow:0 28px 75px #0b1e3d14}.flow-label{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--blue);margin:0 0 27px}.flow-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.flow-step{min-width:0;border:1px solid var(--line);background:#f7faff;border-radius:11px;padding:24px;min-height:278px;display:flex;flex-direction:column}.step-number{font-size:12px;letter-spacing:.1em;font-weight:800;color:var(--blue)}.flow-step h2{font-size:23px;line-height:1.2;margin:22px 0 10px}.flow-step p{font-size:15px;line-height:1.55;color:var(--muted);margin:0}.step-visual{margin-top:auto;padding-top:23px}.sample-ad{background:#fff;border:1px solid #d5e1ee;border-radius:9px;padding:14px;font-size:13px;box-shadow:0 4px 18px #0b1e3d0b}.sample-ad span,.sample-chat span{display:block;color:#60748b;font-size:11px;font-weight:700;letter-spacing:.04em;margin-bottom:8px}.sample-ad strong{display:block;color:var(--ink);font-size:15px}.sample-ad small{display:inline-block;color:var(--blue);font-size:12px;font-weight:700;margin-top:10px}.sample-chat{background:#fff;border:1px solid #d5e1ee;border-radius:9px;padding:14px;font-size:13px;line-height:1.45;box-shadow:0 4px 18px #0b1e3d0b}.sample-chat strong{display:block;font-size:14px;margin-bottom:8px}.sample-chat em{display:block;font-style:normal;color:#536078}.sample-site{background:#fff;border:1px solid #d5e1ee;border-radius:9px;padding:14px;box-shadow:0 4px 18px #0b1e3d0b}.sample-site span{font-size:11px;font-weight:800;color:#60748b}.sample-site strong{display:block;font-size:15px;margin:8px 0}.sample-site b{font-size:12px;color:var(--blue)}.flow-note{font-size:12px;color:#6a7890;margin:15px 0 0}
.sponsor-value{background:var(--ink);color:#fff;padding-block:95px}.sponsor-value .eyebrow{color:#8cc6ff}.sponsor-value h2{max-width:760px;font-size:clamp(34px,3.7vw,52px);line-height:1.1}.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:57px}.value-grid article{border-top:1px solid #527095;padding-top:24px}.value-grid h3{font-size:21px;margin:0 0 13px}.value-grid p{color:#c3d2e5;font-size:16px;line-height:1.6;margin:0}
.sponsor-clarity{display:grid;grid-template-columns:.8fr 1fr;gap:90px;align-items:start;padding-block:105px}.sponsor-clarity h2{font-size:clamp(34px,3.6vw,49px);line-height:1.12}.sponsor-clarity p{font-size:17px;line-height:1.7;color:var(--muted);margin:0 0 21px}.sponsor-clarity .source-link{font-size:14px;color:var(--blue);text-decoration:underline;text-underline-offset:4px}.sponsor-clarity .source-link:hover{color:var(--ink)}
@media(max-width:900px){.sponsor-intro{gap:30px}.flow-stage{padding:20px}.flow-steps{gap:10px}.flow-step{padding:17px}.flow-step h2{font-size:20px}.sponsor-clarity{gap:35px}}
@media(max-width:760px){.sponsor-intro{display:block;padding-block:55px 30px}.sponsor-intro>div:last-child{margin-top:24px}.sponsor-intro>div:last-child p{font-size:17px}.sponsor-flow{padding-bottom:70px}.flow-steps,.value-grid,.sponsor-clarity{display:block}.flow-step{min-height:0;margin-bottom:12px}.step-visual{margin-top:12px}.sponsor-value{padding-block:70px}.value-grid{margin-top:35px}.value-grid article{margin-top:26px}.sponsor-clarity{padding-block:70px}.sponsor-clarity>div:last-child{margin-top:28px}}

/* A labeled ad becomes a branded, opt-in conversation. */
.sponsor-intro { grid-template-columns:.92fr 1.08fr; gap:50px; align-items:center; padding-block:68px 72px; }
.sponsor-hero-copy { min-width:0; }
.sponsor-intro .sponsor-lede { max-width:520px; margin:28px 0 22px; font-size:18px; line-height:1.6; color:var(--muted); }
.sponsor-intro .availability { max-width:500px; line-height:1.5; }
.sponsor-motion { position:relative; min-width:0; height:550px; overflow:hidden; border:1px solid #c9dcf4; border-radius:19px; background:linear-gradient(145deg,#e5efff 0%,#cbdcff 48%,#9dc3ff 100%); box-shadow:0 30px 70px #0755f521; }
.motion-glow { position:absolute; width:480px; height:480px; top:-145px; right:-180px; border-radius:50%; background:radial-gradient(circle,#ffffffd9,transparent 68%); animation:sponsor-glow 11s ease-in-out infinite; }
.motion-window { position:relative; width:calc(100% - 56px); max-width:520px; height:460px; margin:43px auto 0; overflow:hidden; border:1px solid #d8e2ed; border-radius:17px; background:#fff; box-shadow:0 28px 60px #0b32604a; animation:sponsor-window 11s ease-in-out infinite; }
.motion-toolbar { display:flex; align-items:center; justify-content:space-between; gap:12px; height:56px; padding:0 21px; border-bottom:1px solid #e8eef5; }
.motion-app { display:flex; align-items:center; gap:9px; color:#10233e; font-size:14px; font-weight:700; }
.motion-app img { display:block; width:22px; height:22px; object-fit:contain; }
.motion-preview { color:#7a8ba2; font-size:10px; font-weight:700; letter-spacing:.07em; white-space:nowrap; }
.motion-content { position:relative; height:354px; padding:20px; }
.motion-query { width:max-content; max-width:84%; margin-left:auto; padding:12px 15px; border-radius:14px 14px 4px 14px; background:#eef3fa; color:#24344c; font-size:13px; line-height:1.35; }
.motion-ad,.motion-agent { position:absolute; left:24px; right:24px; border:1px solid #d8e4f2; border-radius:14px; background:#fff; box-shadow:0 15px 35px #0b1e3d1b; }
.motion-ad { top:98px; padding:18px; animation:sponsor-ad 11s ease-in-out infinite; }
.motion-sponsored,.motion-label { display:inline-block; border-radius:4px; background:#ecf3ff; color:#3264ab; font-size:10px; font-weight:700; letter-spacing:.04em; padding:5px 7px; }
.motion-ad-row { display:flex; align-items:center; gap:13px; padding:14px 0; }
.motion-ad-mark,.motion-agent-mark { display:grid; place-items:center; width:52px; height:52px; flex:none; border-radius:10px; background:#0b1e3d; color:#fff; font-size:18px; font-weight:700; letter-spacing:-.06em; }
.motion-ad-mark span,.motion-agent-mark span { color:#72a9ff; }
.motion-ad-row strong,.motion-agent-head strong { display:block; color:#10233e; font-size:15px; }
.motion-ad-row small,.motion-agent-head small { display:block; margin-top:4px; color:#60748b; font-size:12px; }
.motion-ad-action { display:flex; justify-content:space-between; gap:10px; padding-top:13px; border-top:1px solid #e4ebf4; color:#0755f5; font-size:13px; font-weight:700; }
.motion-ad-action b,.motion-visit b { font-size:16px; }
.motion-agent { top:92px; padding:15px; opacity:0; animation:sponsor-agent 11s ease-in-out infinite; }
.motion-agent-head { display:flex; align-items:center; gap:10px; padding-bottom:13px; border-bottom:1px solid #e5ebf2; }
.motion-agent-mark { width:36px; height:36px; font-size:13px; border-radius:8px; }
.motion-agent-head strong { font-size:13px; }
.motion-agent-head small { font-size:11px; }
.motion-label { margin-left:auto; font-size:9px; }
.motion-question { width:max-content; max-width:84%; margin:16px 0 13px auto; padding:10px 12px; border-radius:12px 12px 4px 12px; background:#edf3fb; color:#1b2c47; font-size:12px; }
.motion-answer { max-width:88%; padding:11px 13px; border-left:3px solid #0755f5; border-radius:3px 10px 10px 3px; background:#f4f8fe; color:#26384f; font-size:12px; line-height:1.45; }
.motion-visit { display:flex; justify-content:space-between; align-items:center; gap:10px; margin-top:16px; padding:10px 12px; border-radius:7px; background:#0755f5; color:#fff; font-size:12px; font-weight:700; opacity:0; animation:sponsor-visit 11s ease-in-out infinite; }
.motion-timeline { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; padding:14px 20px; border-top:1px solid #e8eef5; background:#f8fbff; }
.motion-timeline span { position:relative; padding-top:9px; color:#667993; font-size:10px; font-weight:700; text-align:center; }
.motion-timeline span::before { content:""; position:absolute; top:0; left:0; right:0; height:3px; border-radius:3px; background:#d8e4f2; animation:sponsor-progress 11s ease-in-out infinite; }
.motion-timeline span:nth-child(2)::before { animation-delay:3s; }
.motion-timeline span:nth-child(3)::before { animation-delay:7s; }
@keyframes sponsor-glow { 0%,100% { transform:translate(0,0); } 50% { transform:translate(-100px,90px); } }
@keyframes sponsor-window { 0%,100% { transform:translateY(3px); } 50% { transform:translateY(-5px); } }
@keyframes sponsor-ad { 0%,25% { opacity:1; transform:translateY(0); } 34%,91% { opacity:0; transform:translateY(-15px); } 100% { opacity:1; transform:translateY(0); } }
@keyframes sponsor-agent { 0%,28% { opacity:0; transform:translateY(20px); } 39%,90% { opacity:1; transform:translateY(0); } 100% { opacity:0; transform:translateY(16px); } }
@keyframes sponsor-visit { 0%,59% { opacity:0; transform:translateY(7px); } 70%,90% { opacity:1; transform:translateY(0); } 100% { opacity:0; } }
@keyframes sponsor-progress { 0%,8%,100% { background:#d8e4f2; } 13%,85% { background:#0755f5; } 95% { background:#d8e4f2; } }
@media(max-width:900px) { .sponsor-intro { grid-template-columns:1fr 1fr; gap:24px; } .motion-window { width:calc(100% - 30px); } .motion-ad,.motion-agent { left:14px; right:14px; } }
@media(max-width:760px) { .sponsor-intro { display:block; padding-block:55px 55px; } .sponsor-intro .sponsor-lede { font-size:17px; } .sponsor-motion { height:530px; margin-top:32px; } .motion-window { height:460px; margin-top:34px; } .motion-content { height:354px; padding:17px; } .motion-ad { top:88px; } .motion-agent { top:84px; } .motion-toolbar { padding-inline:15px; } .motion-timeline { padding:12px 15px; } }
@media(max-width:390px) { .motion-preview { font-size:8px; } .motion-ad { padding:13px; } .motion-agent { padding:12px; } .motion-ad-row { gap:8px; } .motion-ad-mark { width:42px; height:42px; font-size:15px; } .motion-label { font-size:8px; } }
@media(prefers-reduced-motion:reduce) { .sponsor-motion * { animation:none!important; } .motion-ad { opacity:0; } .motion-agent,.motion-visit { opacity:1; transform:none; } }