.ads-loop .loop-mobile-lines{display:none}.ads-loop .loop-play{min-height:44px}.ads-loop :is(.loop-sources,.loop-outcomes){flex-direction:column;align-self:stretch;display:flex}.ads-loop .source-ad-platforms{gap:10px;display:grid;position:relative}.ads-loop .loop-outcomes .outcome-entries{gap:10px;margin:0;display:grid}.ads-loop .loop-sources .source-brand,.ads-loop .outcome-entry{align-items:center;gap:10px;margin:0;font-size:16px;font-weight:650;line-height:1.4;display:flex}.ads-loop .outcome-logo{background:color-mix(in srgb,#438263 7%,var(--card));border-color:color-mix(in srgb,#438263 25%,var(--border))}.ads-loop .outcome-logo svg{color:#347354}.dark .ads-loop .outcome-logo svg{color:#91d1ad}.ads-loop .source-additional{border-top:1px solid var(--border);gap:12px;margin-top:18px;padding-top:16px;display:grid}.ads-loop .loop-outcomes>.source-additional{gap:12px;margin:18px 0 0;display:grid}.ads-loop .source-additional>div{color:var(--muted-foreground);align-items:center;gap:10px;font-size:14px;line-height:1.5;display:flex}.ads-loop .source-additional svg{color:var(--primary);flex-shrink:0}@media (width<=620px){.ads-loop .loop-canvas{gap:32px;min-width:0;padding:27px 22px 0}.ads-loop .loop-mobile-lines{width:100%;height:100%;color:var(--primary);pointer-events:none;display:block;position:absolute;inset:0;overflow:visible}.ads-loop .loop-canvas:before,.ads-loop .loop-node:after{display:none}.ads-loop .loop-node{min-width:0}.ads-loop .loop-return-label{flex-shrink:0;width:100%;max-width:100%;margin-bottom:20px;position:relative;bottom:auto;left:auto;transform:none}.ads-loop .loop-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.ads-loop .loop-steps button{overflow-wrap:anywhere;min-width:0}.ads-loop .loop-steps button:nth-child(2){border-right:0}.ads-loop .loop-steps button:last-child{border-bottom:1px solid var(--border)}}.ads-loop .loop-steps{border:0;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:8px;display:grid}.ads-loop .loop-steps button{border:1px solid var(--border);background:var(--background);min-width:0;color:var(--foreground);border-radius:12px;grid-template-columns:32px minmax(0,1fr);align-items:start;gap:11px;padding:20px 13px 17px;line-height:1.5;transition:background .2s,border-color .2s;display:grid;position:relative}.ads-loop .loop-steps button:last-child{border:1px solid var(--border)}.ads-loop .loop-steps button[aria-selected=true]{border-color:var(--primary);background:var(--accent);box-shadow:inset 0 -3px var(--primary)}.ads-loop .loop-step-icon{background:var(--card);width:32px;height:34px;color:var(--primary);border-radius:8px;place-items:center;display:grid}.ads-loop .loop-step-copy{gap:6px;padding-top:1px;display:grid}.ads-loop .loop-step-copy strong{color:var(--foreground);font-size:16px;font-weight:600;line-height:1.4}.ads-loop .loop-step-copy>span{color:var(--muted-foreground);font-size:14px;line-height:1.5}.ads-loop .loop-step-number{color:var(--muted-foreground);font-size:14px;line-height:1;position:absolute;top:5px;right:9px}.ads-loop .loop-explanation{border:1px solid var(--border);background:var(--background);border-radius:14px;margin-top:14px;padding:0;display:grid}.ads-loop .walkthrough-panel{grid-area:1/1;grid-template-columns:1.1fr 1fr;align-items:center;gap:32px;min-width:0;padding:28px;display:grid}.ads-loop .walkthrough-panel[aria-hidden=true]{visibility:hidden;pointer-events:none}.ads-loop .walkthrough-copy h3{letter-spacing:-.025em;color:var(--foreground);margin:0 0 14px;font-size:clamp(22px,2vw,27px);font-weight:550;line-height:1.25}.ads-loop .walkthrough-copy>p{color:var(--muted-foreground);margin:0;font-size:16px;line-height:1.75}.ads-loop .walkthrough-benefit{color:var(--foreground);align-items:flex-start;gap:9px;margin-top:20px;font-size:15px;line-height:1.65;display:flex}.walkthrough-benefit svg{color:var(--primary);flex-shrink:0;margin-top:3px}.walkthrough-example{background:var(--card);border:1px solid var(--border);border-radius:12px;min-width:0;padding:21px}.example-title{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:9px;padding-bottom:15px;display:flex}.example-title svg{color:var(--primary);flex-shrink:0}.example-title strong{font-size:15px;font-weight:550;line-height:1.5}.example-title>span{color:var(--muted-foreground);background:var(--background);border-radius:5px;margin-left:auto;padding:3px 7px;font-size:14px}.walkthrough-example dl{gap:15px;margin:17px 0 0;display:grid}.walkthrough-example dl>div{grid-template-columns:80px minmax(0,1fr);gap:12px;display:grid}.walkthrough-example dt{color:var(--muted-foreground);font-size:14px;line-height:1.6}.walkthrough-example dd{color:var(--foreground);margin:0;font-size:15px;font-weight:500;line-height:1.6}.ads-loop .loop-footnote{border-top:0;margin-top:14px;padding-top:0}.ads-loop :is([role=tab],.loop-play,.walkthrough-panel):focus-visible{outline:2px solid var(--primary);outline-offset:4px}.ads-loop .loop-track{opacity:.25;transition:opacity .2s,stroke-width .2s}.ads-loop[data-step="0"] .inbound-track,.ads-loop[data-step="1"] .inbound-track,.ads-loop[data-step="2"] .outcome-track,.ads-loop[data-step="3"] .return-track{opacity:1;stroke-width:2px}.ads-loop[data-step="3"] .loop-return-label{border-color:var(--primary);background:var(--accent);box-shadow:0 0 0 3px var(--accent)}@keyframes walkthrough-enter{0%{opacity:.5;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:no-preference){.ads-loop[data-playing=true] .walkthrough-panel[aria-hidden=false]{animation:.28s ease-out both walkthrough-enter}}@media (hover:hover){.ads-loop .loop-steps button:hover{border-color:var(--primary)}}@media (width<=900px){.ads-loop .loop-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.ads-loop .walkthrough-panel{grid-template-columns:1fr;gap:20px;padding:22px}.ads-loop .loop-step-copy strong{font-size:16px}}@media (width<=420px){.ads-loop .loop-steps button{grid-template-columns:1fr;gap:9px;padding:13px 11px}.ads-loop .loop-step-copy{padding:0}.ads-loop .loop-step-number{top:17px;right:12px}.ads-loop .walkthrough-panel{gap:20px;padding:19px 14px}.walkthrough-example{padding:16px 12px}.walkthrough-example dl>div{grid-template-columns:62px minmax(0,1fr);gap:10px}.example-title>span{margin-left:0}}@media (prefers-reduced-motion:reduce){.ads-loop .loop-track,.ads-loop .loop-steps button{transition:none}}