#dbt-stream-preview{font-family:"Helvetica Neue",Arial,sans-serif;color:#20272b;background:#f9faf8;border-radius:8px;overflow:hidden;--people:#8ba64f;--business:#9a8ac4;--tech:#607f9f}
    #dbt-stream-preview *{box-sizing:border-box}
    #dbt-stream-preview .intro{padding:32px 30px 0}
    #dbt-stream-preview .eyebrow{font:10px monospace;letter-spacing:1.7px;color:#68716e;margin-bottom:17px}
    #dbt-stream-preview h2{font-size:clamp(27px,5vw,42px);line-height:1.1;letter-spacing:-1.8px;font-weight:500;margin:0}
    #dbt-stream-preview h2 span{color:#9180b0}
    #dbt-stream-preview .scene{position:relative;height:490px;margin-top:24px;background:radial-gradient(ellipse at 50% 48%,#e9e6f080,transparent 48%)}
    #dbt-stream-preview .mesh{position:absolute;inset:0;background-image:linear-gradient(#394a4010 1px,transparent 1px),linear-gradient(90deg,#394a4010 1px,transparent 1px);background-size:36px 36px;mask-image:radial-gradient(ellipse,black,transparent 72%)}
    #dbt-stream-preview .source-row{position:absolute;top:8px;left:18px;right:18px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;z-index:3}
    #dbt-stream-preview .source{color:#20272b;border:0;background:none;padding:12px 4px;display:flex;flex-direction:column;align-items:center;gap:9px;font-family:inherit;cursor:pointer;border-radius:5px}
    #dbt-stream-preview .source:hover,#dbt-stream-preview .source[aria-pressed=true]{background:#ffffffa8}
    #dbt-stream-preview button:focus-visible{outline:2px solid #8474b2;outline-offset:3px}
    #dbt-stream-preview .source strong{font-size:13px;font-weight:500;letter-spacing:-.2px;min-height:32px;display:flex;align-items:center;max-width:160px}
    #dbt-stream-preview .source small{font-size:11px;color:#707875}
    #dbt-stream-preview .source i{height:7px;width:7px;border-radius:50%;background:var(--tone);box-shadow:0 0 0 5px color-mix(in srgb,var(--tone) 12%,transparent);font-style:normal}
    #dbt-stream-preview .paths{position:absolute;left:0;top:0;width:100%;height:100%;overflow:visible}
    #dbt-stream-preview .ribbon{fill:none;stroke-width:17;opacity:.08}
    #dbt-stream-preview .wire{fill:none;stroke-width:1.3;opacity:.45}
    #dbt-stream-preview .trace{fill:none;stroke-width:3;stroke-linecap:round;stroke-dasharray:2 98;animation:dbt-flow 5s linear infinite}
    #dbt-stream-preview .stream{transition:opacity .35s}
    #dbt-stream-preview .scene[data-active] .stream{opacity:.13}
    #dbt-stream-preview .scene[data-active=people] .people,#dbt-stream-preview .scene[data-active=business] .business,#dbt-stream-preview .scene[data-active=tech] .tech{opacity:1}
    #dbt-stream-preview .center{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);width:170px;height:108px;display:flex;align-items:center;justify-content:center;z-index:2;mix-blend-mode:multiply;pointer-events:none}
    #dbt-stream-preview .center img{display:block;width:126px;height:auto}
    #dbt-stream-preview .currents{z-index:3;pointer-events:none}
    #dbt-stream-preview .energy{position:absolute;left:50%;top:48%;width:230px;height:190px;transform:translate(-50%,-50%);pointer-events:none;z-index:1}
    #dbt-stream-preview .energy-field{position:absolute;inset:-10px;border-radius:50%;background:radial-gradient(ellipse at 25% 40%,#b5cf8075,transparent 55%),radial-gradient(ellipse at 72% 38%,#ac96d875,transparent 58%),radial-gradient(ellipse at 50% 78%,#94b5ce60,transparent 57%);filter:blur(14px);animation:dbt-energy-drift 13s ease-in-out infinite alternate}
    #dbt-stream-preview .scene[data-active=people] .energy-field{background:radial-gradient(ellipse,#b5cf8080,transparent 65%)}
    #dbt-stream-preview .scene[data-active=business] .energy-field{background:radial-gradient(ellipse,#ac96d880,transparent 65%)}
    #dbt-stream-preview .scene[data-active=tech] .energy-field{background:radial-gradient(ellipse,#94b5ce80,transparent 65%)}
    #dbt-stream-preview .outputs{position:absolute;left:24px;right:24px;top:82%;display:grid;grid-template-columns:1fr 1fr;gap:24px}
    #dbt-stream-preview .ecosystem-brand{padding:17px 10px;text-align:center;background:#f9faf8;border-top:1px solid #ccd3c8;z-index:2}
    #dbt-stream-preview .ecosystem-brand strong{display:block;font-size:clamp(14px,2.5vw,21px);letter-spacing:-.65px;font-weight:500}
    #dbt-stream-preview .ecosystem-brand small{display:block;font-size:11px;color:#727b75;margin-top:9px}
    #dbt-stream-preview .ecosystem-brand:last-child{border-color:#c8bedb}
    #dbt-stream-preview .selected{margin:0;padding:18px 30px 26px;border-top:1px solid #e2e5df;color:#68716c;font-size:12px;min-height:76px;line-height:1.6}
    @keyframes dbt-energy-drift{0%{transform:rotate(-18deg) scale(.92,.9)}50%{transform:rotate(12deg) scale(1.06,1.02)}100%{transform:rotate(35deg) scale(.96,1.08)}}
    @media(prefers-reduced-motion:reduce){#dbt-stream-preview .energy-field{animation:none}#dbt-stream-preview .stream{transition:none}}
    @media(max-width:420px){#dbt-stream-preview .intro{padding:25px 20px 0}#dbt-stream-preview .eyebrow{font-size:9px;letter-spacing:1px}#dbt-stream-preview .scene{height:460px}#dbt-stream-preview .source-row{left:6px;right:6px;gap:0}#dbt-stream-preview .source strong{font-size:12px;max-width:100px;min-height:44px}#dbt-stream-preview .source small{font-size:11px;max-width:95px;line-height:1.4}#dbt-stream-preview .outputs{left:12px;right:12px;gap:12px}#dbt-stream-preview .ecosystem-brand{padding:14px 2px}#dbt-stream-preview .ecosystem-brand small{line-height:1.5}#dbt-stream-preview .center{width:132px;height:92px}#dbt-stream-preview .center img{width:92px}#dbt-stream-preview .selected{padding:16px 20px 22px}}
  
/* Approved composition: soft, connected streams with a transparent logo. */
#dbt-stream-preview{height:auto;min-height:640px;overflow:visible;border-radius:0;margin-top:-20px;align-self:start;--people:#8ba64f;--business:#9a8ac4;--tech:#607f9f}
#dbt-stream-preview:before{display:none}
#dbt-stream-preview .intro{padding:10px 0 0 12px}
#dbt-stream-preview .eyebrow{font-size:8px;letter-spacing:1.1px;margin-bottom:15px}
#dbt-stream-preview h2{font-size:clamp(25px,2.5vw,38px);letter-spacing:-1.5px;line-height:1.12}
#dbt-stream-preview .scene{height:470px;margin-top:25px}
#dbt-stream-preview .source strong{font-size:12px;min-height:36px;text-align:center;max-width:150px}
#dbt-stream-preview .source small{font-size:11px;line-height:1.45;text-align:center}
#dbt-stream-preview .energy{width:230px;height:200px}
#dbt-stream-preview .energy-orbit{position:absolute;inset:8px 24px;border:1px solid #9a8ac42b;border-radius:50%;transform:rotate(-23deg);animation:ecosystem-orbit 22s linear infinite}
#dbt-stream-preview .energy-orbit:after{content:"";position:absolute;left:18%;top:8%;width:4px;height:4px;border-radius:50%;background:var(--business)}
#dbt-stream-preview .orbit-two{inset:18px 14px;transform:rotate(39deg);border-color:#8ba64f2b;animation:ecosystem-orbit-two 29s linear infinite reverse}
#dbt-stream-preview .orbit-two:after{background:var(--people)}
#dbt-stream-preview .orbit-three{inset:35px -8px;transform:rotate(-41deg);border-color:#607f9f24;animation:ecosystem-orbit-three 33s linear infinite}
#dbt-stream-preview .orbit-three:after{background:var(--tech);width:3px;height:3px}
#dbt-stream-preview .trace{stroke-width:2.7;stroke-dasharray:1 99;animation:ecosystem-flow 6s linear infinite}
#dbt-stream-preview .business .trace{animation-delay:-2s}
#dbt-stream-preview .tech .trace{animation-delay:-4s}
#dbt-stream-preview .paths>g:nth-child(4) .trace{animation-delay:-1s}
#dbt-stream-preview .paths>g:nth-child(5) .trace{animation-delay:-3s}
#dbt-stream-preview .selected{padding:18px 12px;font-size:11px;min-height:65px;line-height:1.6}
#dbt-stream-preview .outputs{top:82%}
#dbt-stream-preview .ecosystem-brand strong{font-size:clamp(14px,1.5vw,21px)}
#dbt-stream-preview .ecosystem-brand small{line-height:1.6}
#dbt-stream-preview .ecosystem-brand:hover strong{text-decoration:underline;text-underline-offset:5px}
#dbt-stream-preview.eco-paused *{animation-play-state:paused!important}
@keyframes ecosystem-flow{to{stroke-dashoffset:-100}}
@keyframes ecosystem-orbit{from{transform:rotate(-23deg)}to{transform:rotate(337deg)}}
@keyframes ecosystem-orbit-two{from{transform:rotate(39deg)}to{transform:rotate(399deg)}}
@keyframes ecosystem-orbit-three{from{transform:rotate(-41deg)}to{transform:rotate(319deg)}}
@media(min-width:761px){.hero{grid-template-columns:1fr 1.1fr;column-gap:20px;min-height:850px}.hero h1{font-size:clamp(67px,7vw,110px)}.hero-actions{gap:20px;flex-wrap:wrap}}
@media(max-width:1100px) and (min-width:761px){.hero{grid-template-columns:1fr 1.2fr;column-gap:15px}.hero h1{font-size:7vw}#dbt-stream-preview .source-row{left:0;right:0}#dbt-stream-preview .source strong{font-size:11px;min-height:42px}#dbt-stream-preview .source small{font-size:11px}#dbt-stream-preview .outputs{left:8px;right:8px;gap:12px}#dbt-stream-preview .ecosystem-brand strong{font-size:14px}#dbt-stream-preview .ecosystem-brand small{font-size:11px}}
@media(max-width:760px){#dbt-stream-preview{width:100%;max-width:640px;min-height:0;margin:55px auto 20px}#dbt-stream-preview .intro{padding:0}#dbt-stream-preview .intro h2{font-size:clamp(28px,6vw,38px)}#dbt-stream-preview .scene{height:485px}#dbt-stream-preview .selected{padding:18px 0}#dbt-stream-preview .ecosystem-brand strong{font-size:clamp(14px,3.3vw,20px)}}
@media(max-width:420px){#dbt-stream-preview .scene{height:470px}#dbt-stream-preview .source-row{left:0;right:0}#dbt-stream-preview .source strong{font-size:11px;min-height:44px;max-width:94px}#dbt-stream-preview .source small{font-size:11px;max-width:92px}#dbt-stream-preview .outputs{left:0;right:0;gap:12px}#dbt-stream-preview .ecosystem-brand small{font-size:11px}#dbt-stream-preview .center img{width:100px}}
@media(prefers-reduced-motion:reduce){#dbt-stream-preview *{animation:none!important;transition:none!important}}
/* Brand signatures occupy their own row below the illustration. */
#dbt-stream-preview .scene{height:400px}
#dbt-stream-preview .center,#dbt-stream-preview .energy{top:57.317%}
#dbt-stream-preview .outputs{position:relative;inset:auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:18px;margin:0 12px}
#dbt-stream-preview .ecosystem-brand{display:block;min-width:0;min-height:0;height:auto;margin:0;padding:14px 3px 17px;border:0;border-top:1px solid #ccd3c8;border-radius:0;background:transparent;box-shadow:none;overflow:visible}
#dbt-stream-preview .ecosystem-brand:last-child{border-top-color:#c8bedb}
#dbt-stream-preview .ecosystem-brand strong{font-size:clamp(12px,1.25vw,17px);font-weight:500;letter-spacing:-.45px;overflow-wrap:anywhere}
#dbt-stream-preview .ecosystem-brand small{font-size:11px;line-height:1.6;margin-top:7px}
@media(max-width:760px){#dbt-stream-preview .outputs{margin-inline:0}#dbt-stream-preview .ecosystem-brand strong{font-size:clamp(12px,3vw,17px)}}
@media(max-width:420px){#dbt-stream-preview .scene{height:370px}#dbt-stream-preview .outputs{gap:14px}#dbt-stream-preview .ecosystem-brand{padding:12px 0 16px}}
/* Simplified footer of the opening section, after removing auxiliary labels. */
.hero-bottom{justify-content:center}
#dbt-stream-preview{min-height:0}