/* P10: decorative atmosphere only. Diagram state and shared app styles are independent. */
body.dt-landing{--dt-ink-950:#05121f;--dt-ink-900:#0a2030;--dt-ink-800:#143449;--dt-dark-muted:#b2c7d5;--dt-teal-300:#7de6e5;--dt-teal-600:#086d77;--dt-focus:#009eac;--dt-paper:#f6f8fb;--dt-grey-300:#dce3ec;--dt-grey-600:#4d6175}
.hero-opening{position:relative;isolation:isolate;overflow:clip;background:#05121f}
.data-atmosphere{position:absolute;inset:0 0 auto;height:740px;z-index:0;pointer-events:none;overflow:hidden}
.hero-opening>.hero{position:relative;z-index:1}
.data-atmosphere img{width:100%;height:100%;object-fit:cover;object-position:center 42%;display:block;transform:translateY(var(--atmosphere-shift,0px)) scale(1.055)}
.data-atmosphere::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#05121f1a 0%,#05121f00 55%,#05121f 98%),linear-gradient(90deg,#05121f33,transparent 75%)}
.atmosphere-trails{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity 300ms;fill:none;stroke:#a5f1ff;stroke-width:1.5;filter:drop-shadow(0 0 4px #37c9ff)}
.atmosphere-trails path{stroke-dasharray:3 260;stroke-linecap:round;animation:dt-atmosphere-flow 22s linear infinite;animation-play-state:paused}
.atmosphere-trails path:nth-child(2){stroke:#ffc583;animation-duration:28s;animation-delay:-8s}.atmosphere-trails path:nth-child(3){animation-duration:32s;animation-delay:-16s}
body[data-backdrop-motion=on] .atmosphere-trails{opacity:.65}body[data-backdrop-motion=on][data-backdrop-visible=true] .atmosphere-trails path{animation-play-state:running}
@keyframes dt-atmosphere-flow{to{stroke-dashoffset:-1052}}
.hero-opening .hero{padding-top:70px}
.hero-opening .hero-intro{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:26px;min-height:355px;margin:0 0 24px;max-width:920px}
.hero-opening .hero h1{font-size:clamp(40px,4.45vw,71px);line-height:1.09;letter-spacing:-.052em;text-wrap:balance;text-shadow:0 2px 24px #05121f55}
.hero-opening .hero h1 span{color:#c3d9ea}
.hero-opening .hero-copy{display:block;max-width:560px}.hero-opening .hero-copy>p{font-size:16px;color:#c3d4e0;max-width:515px}.hero-opening .hero-actions{margin-top:24px;max-width:none;gap:10px 24px}
.hero-opening .eyebrow{font-size:11px;letter-spacing:.16em}.hero-opening .hero-intro .eyebrow{margin-bottom:22px}
.atmosphere-caption{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:12px 0 18px;min-height:44px;color:#a6c5d8;font-size:10px;letter-spacing:.13em}
#backdrop-motion{display:inline-flex;align-items:center;gap:9px;background:#071b2dbd;border:1px solid #416078;border-radius:8px;color:#d0e1ed;font-size:11px;letter-spacing:0;min-height:44px;padding:8px 13px;flex:none}
#backdrop-motion [data-motion-label]{color:#9ddeda;border-left:1px solid #3b5870;padding-left:9px}#backdrop-motion:disabled{opacity:1;cursor:default}#backdrop-motion:disabled [data-motion-label]{color:#b9cad6}#backdrop-motion:hover:not(:disabled){border-color:#79d7e3;background:#102d42}
.hero-opening .demo-shell{border-color:#45617a;box-shadow:0 26px 80px #0005,0 0 45px #329eca09;background:#0a2030}
.hero-opening .demo-toolbar{background:#102b3e}.hero-opening .journey-scroll{background-color:#0d2433;background-image:radial-gradient(#34536b 1px,transparent 1px)}
.hero-opening .journey-node{background:#17364b;border-color:#526e85}.hero-opening .journey-node[data-state=passed]{background:#123e3c;border-color:#4aab94}.hero-opening .journey-node[data-state=blocked]{background:#3a281b;border-color:#e2b574}
.hero-opening .demo-heading,.hero-opening .demo-toolbar,.hero-opening .data-inspector,.hero-opening .demo-foot{border-color:#36546b}.hero-opening .data-inspector{background:#0d2639}
.hero-opening .node-system,.hero-opening .node-state{font-size:10px}.hero-opening .inspector-system small{font-size:9px}.hero-opening .inspector-boundary,.hero-opening .observation-path{font-size:10px}.hero-opening .payload-disclosure pre{font-size:11px}
.hero-opening .run-status,.hero-opening .demo-foot,.hero-opening .synthetic-label{font-size:11px}.hero-opening .demo-foot a{min-height:44px}
.dt-landing .library-section{background:#edf2f8;border-color:#dce4ed}.dt-landing .card{border-color:#d3dfeb;box-shadow:0 2px 3px #0f355204}.dt-landing .card:hover{box-shadow:0 10px 28px #183f7012;border-color:#258bb2}.dt-landing .card .tag{background:#edf3f8;color:#3b5b73}
.dt-landing .product-steps article{position:relative}.dt-landing .product-steps article::before{content:'';position:absolute;top:-1px;left:0;width:48px;height:2px;background:#1396b0}
.dt-landing .product-steps article:nth-child(2)::before{background:#8061cc}.dt-landing .product-steps article:nth-child(3)::before{background:#b38436}
.dt-landing .closing{background:radial-gradient(ellipse at 50% 140%,#123c5a,transparent 65%),#05121f}.dt-landing .closing::before,.dt-landing .closing::after{border-color:#365e794d;box-shadow:0 0 0 40px #05121f,0 0 0 41px #365e7933,0 0 0 80px #05121f,0 0 0 81px #365e7933}
@media(min-width:1800px){.hero-opening .hero-intro{min-height:395px}.data-atmosphere{height:820px}}
@media(max-width:1100px){.hero-opening .hero{padding-top:48px}.hero-opening .hero-intro{min-height:370px;max-width:730px}.data-atmosphere{height:720px}.data-atmosphere img{object-position:57% center;opacity:.88}.hero-opening .hero h1{font-size:clamp(40px,5.5vw,61px)}}
@media(max-width:800px){.hero-opening .hero-intro{min-height:370px}.data-atmosphere img{object-position:65% center;opacity:.7}.data-atmosphere::after{background:linear-gradient(180deg,#05121f33,#05121f00 45%,#05121f 98%),linear-gradient(90deg,#05121f77,transparent)}.hero-opening .hero h1{font-size:46px}.hero-opening .hero-copy>p{font-size:15px}.atmosphere-caption>span{font-size:9px;max-width:240px}.hero-opening .demo-foot{font-size:10px}}
@media(max-width:560px){.hero-opening .hero{padding-top:36px}.hero-opening .hero-intro{min-height:390px;gap:22px}.hero-opening .hero h1{font-size:38px}.hero-opening .hero-copy>p{font-size:14px;line-height:1.8}.hero-opening .hero-intro .eyebrow{font-size:9px;letter-spacing:.11em}.hero-opening .hero-actions{margin-top:21px}.data-atmosphere{height:730px}.data-atmosphere img{object-position:66% center;opacity:.56}.atmosphere-caption{align-items:center;gap:12px}.atmosphere-caption>span{font-size:8px;max-width:130px}#backdrop-motion{font-size:10px;padding-inline:10px;gap:7px}.hero-opening .run-status{font-size:10px}.hero-opening .synthetic-label{font-size:10px}.hero-opening .demo-foot{font-size:9px}.hero-opening .demo-controls .button.play{font-size:11px}}
@media(prefers-reduced-motion:reduce){.data-atmosphere img{transform:none!important}.atmosphere-trails{display:none!important}html{scroll-behavior:auto!important}}
body[data-backdrop-motion=off] .data-atmosphere img{transform:none}body[data-backdrop-motion=off] .atmosphere-trails{display:none}