.ddhero{position:relative;isolation:isolate;overflow:hidden;background:var(--dd-primary);color:var(--dd-on-primary-muted);padding:calc(76px + 72px) 0 132px;font-family:var(--dd-font-text)}
.ddhero-bg{position:absolute;inset:-20%;z-index:-2;background:radial-gradient(40% 45% at 78% 22%,rgba(0,169,201,.55),transparent 70%),radial-gradient(35% 40% at 12% 85%,rgba(51,150,211,.35),transparent 70%),radial-gradient(60% 60% at 50% 120%,#001A2E,transparent 70%);animation:ddheroDrift 22s ease-in-out infinite alternate}
@keyframes ddheroDrift{to{transform:translate3d(-4%,3%,0) scale(1.06)}}
.ddhero-spot{position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:0;transition:opacity .4s;background:radial-gradient(420px circle at var(--mx,50%) var(--my,50%),rgba(79,209,230,.16),transparent 60%)}
.ddhero:hover .ddhero-spot{opacity:1}
.ddhero-in{max-width:var(--dd-container);margin:0 auto;padding:0 var(--dd-gutter);display:grid;grid-template-columns:1.05fr .95fr;gap:64px;align-items:center}
.ddhero-h1{font-family:var(--dd-font-display);font-size:var(--dd-fs-display);font-weight:800;line-height:1.02;letter-spacing:-.025em;color:#fff;margin:0 0 24px}
.ddhero-rot{display:inline-grid;vertical-align:bottom}
.ddhero-rot>span{grid-area:1/1;transition:opacity .45s cubic-bezier(.16,1,.3,1),transform .45s cubic-bezier(.16,1,.3,1)}
.ddhero-rot>span:not(.is-cur){opacity:0;transform:translateY(.35em)}
.ddhero-mark{position:relative;z-index:0;white-space:nowrap;padding:0 .12em;margin:0 -.04em;color:#fff;transition:color .35s .75s}
.ddhero-mark:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:8px;background:var(--dd-accent);transform:scaleX(0);transform-origin:left;transition:transform .9s cubic-bezier(.16,1,.3,1) .45s}
.ddhero-mark.is-on{color:var(--dd-primary-deep)}
.ddhero-mark.is-on:before{transform:scaleX(1)}
.ddhero-sub{font-size:var(--dd-fs-sub);line-height:1.6;color:var(--dd-on-primary-muted);max-width:52ch;margin:0}
.ddhero-ctas{display:flex;gap:14px;flex-wrap:wrap;margin-top:36px}
.ddhero-arr{transition:transform .18s cubic-bezier(.16,1,.3,1)}
.dd-btn:hover .ddhero-arr{transform:translateX(4px)}
.ddhero-tools{list-style:none;padding:0;margin:44px 0 0;display:flex;gap:8px;flex-wrap:wrap}
.ddhero-tools li{padding:6px 12px;border:1px solid rgba(255,255,255,.18);border-radius:999px;font-size:14px;color:#9FB6C3;transition:border-color .2s,color .2s}
.ddhero-tools li:hover{border-color:var(--dd-teal-on-dark);color:#fff}
.ddhero-photo{position:relative;margin:0;perspective:1000px}
.ddhero-tilt{position:relative;transform-style:preserve-3d;transition:transform .5s cubic-bezier(.16,1,.3,1);will-change:transform}
.ddhero-photo img{display:block;width:100%;height:auto;aspect-ratio:4/3.4;object-fit:cover;border-radius:var(--dd-radius-xl);box-shadow:0 40px 80px -30px rgba(0,0,0,.6);outline:1px solid rgba(255,255,255,.12);outline-offset:-1px}
.ddhero-live{position:absolute;left:-36px;bottom:-34px;width:min(330px,80%);background:#fff;color:var(--dd-ink);border-radius:var(--dd-radius-lg);padding:16px 18px;box-shadow:0 24px 50px -20px rgba(0,0,0,.55);transform:translateZ(40px)}
.ddhero-live-h{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--dd-muted);margin-bottom:8px}
.ddhero-live-h i{width:8px;height:8px;border-radius:50%;background:var(--dd-success);animation:ddheroPing 2s infinite}
@keyframes ddheroPing{0%{box-shadow:0 0 0 0 rgba(43,182,115,.6)}70%{box-shadow:0 0 0 8px rgba(43,182,115,0)}100%{box-shadow:0 0 0 0 rgba(43,182,115,0)}}
.ddhero-live-p{font-family:var(--dd-font-display);font-weight:500;font-size:16px;line-height:1.45;min-height:4.4em;margin:0}
.ddhero-live-p:after{content:"";display:inline-block;width:2px;height:1.05em;background:var(--dd-teal-text);margin-left:2px;vertical-align:-2px;animation:ddheroBlink 1s steps(1) infinite}
@keyframes ddheroBlink{50%{opacity:0}}
.ddhero-rise{opacity:0;transform:translateY(22px);animation:ddheroRise .8s cubic-bezier(.16,1,.3,1) forwards}
.ddhero-d1{animation-delay:.08s}.ddhero-d2{animation-delay:.18s}.ddhero-d3{animation-delay:.28s}.ddhero-d4{animation-delay:.2s}
@keyframes ddheroRise{to{opacity:1;transform:none}}
@supports (animation-timeline: view()){.ddhero-photo{animation:ddheroRise .8s cubic-bezier(.16,1,.3,1) .2s forwards,ddheroPara linear both;animation-timeline:auto,view();animation-range:normal,exit 0% exit 100%}@keyframes ddheroPara{to{translate:0 60px}}}
@media (max-width:980px){
  .ddhero{padding:calc(64px + 48px) 0 96px}
  .ddhero-in{grid-template-columns:1fr;gap:56px}
  .ddhero-live{left:12px;bottom:-28px}
}
@media (prefers-reduced-motion: reduce){
  .ddhero-bg,.ddhero-rise,.ddhero-photo,.ddhero-live-h i{animation:none!important}
  .ddhero-rise{opacity:1;transform:none}
  .ddhero-live-p:after{display:none}
  .ddhero-mark{transition:none;color:var(--dd-primary-deep)}
  .ddhero-mark:before{transition:none;transform:scaleX(1)}
}