/* Get a demo: focused landing stage. Form is the hero object, the headline owns the left, proof sits tight under it. */
.dm{position:relative;display:flex;align-items:center;min-height:min(100svh,980px);padding:132px 0 84px;background:#001b31;color:#fff;overflow:hidden;isolation:isolate}
.dm .hero__trail{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}
/* atmosphere */
.dm__bg{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.dm__glow{position:absolute;border-radius:50%;filter:blur(70px)}
.dm__glow--a{right:-8%;top:-18%;width:70vw;height:70vw;max-width:1100px;max-height:1100px;background:radial-gradient(closest-side,rgba(30,152,255,.5),rgba(30,152,255,0))}
.dm__glow--b{left:-14%;bottom:-34%;width:62vw;height:62vw;max-width:980px;max-height:980px;background:radial-gradient(closest-side,rgba(136,129,242,.28),rgba(136,129,242,0))}
.dm__dots{position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.2) 1px,transparent 1.4px);background-size:26px 26px;-webkit-mask-image:radial-gradient(75% 85% at 72% 42%,#000,transparent 78%);mask-image:radial-gradient(75% 85% at 72% 42%,#000,transparent 78%);opacity:.55}
.dm__orbit{position:absolute;right:max(-14vw,-200px);top:50%;width:min(1000px,78vw);height:auto;margin-top:calc(min(1000px,78vw) / -2);opacity:.6}
.dm__orbit-arcs{transform-box:view-box;transform-origin:400px 400px;transform:rotate(-90deg);animation:dmorbit 140s linear infinite}
@keyframes dmorbit{from{transform:rotate(-90deg)}to{transform:rotate(270deg)}}
.dm__grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);grid-template-areas:"copy form" "quotes form";grid-template-rows:auto auto;align-content:center;column-gap:clamp(40px,6vw,104px);row-gap:0;align-items:start}
.dm__copy{grid-area:copy;align-self:end}
.dm__copy h1{margin:0;font-size:clamp(46px,6.1vw,92px);line-height:1;letter-spacing:-.048em;color:#fff;font-weight:500}
.dm__copy h1 em{display:block;padding-bottom:.08em;background:linear-gradient(100deg,#7fe3ff 0%,#2ea3ff 52%,#9a93ff 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:#2ea3ff}
/* form column */
.dm__side{grid-area:form;min-width:0;align-self:center;position:relative}
/* quote stage: glass panel tight under the headline */
.dm__quotes{grid-area:quotes;align-self:start;margin-top:clamp(28px,3.4vw,52px);max-width:600px;min-width:0}
.dmq{position:relative;overflow:hidden;border-radius:24px;padding:clamp(22px,2.2vw,32px) clamp(22px,2.4vw,34px) clamp(24px,2.4vw,34px);background:linear-gradient(160deg,rgba(255,255,255,.1),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.14);box-shadow:0 30px 60px -40px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.12);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.dmq__slides{display:grid}
.dmq__slide{grid-area:1/1;margin:0;display:flex;flex-direction:column;opacity:0;visibility:hidden;transition:opacity .6s ease,visibility 0s linear .6s}
.dmq__slide.is-on{opacity:1;visibility:visible;transition:opacity .6s ease,visibility 0s}
.dmq__quote{margin:0;font-size:clamp(18px,1.62vw,24px);line-height:1.45;letter-spacing:-.018em;color:rgba(255,255,255,.96);text-wrap:pretty;flex:1}
.dmq__quote::before{content:"";display:block;width:30px;height:23px;margin-bottom:16px;background:linear-gradient(135deg,#7fe3ff,#2ea3ff);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 20'%3E%3Cpath d='M0 20V11.2C0 4.6 3.6.9 9.4 0l1 2.8C7 3.8 5.5 5.7 5.3 8.6H10V20zM15.6 20V11.2C15.6 4.6 19.2.9 25 0l1 2.8c-3.4 1-4.9 2.9-5.1 5.8H25.6V20z'/%3E%3C/svg%3E") no-repeat center/contain;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 20'%3E%3Cpath d='M0 20V11.2C0 4.6 3.6.9 9.4 0l1 2.8C7 3.8 5.5 5.7 5.3 8.6H10V20zM15.6 20V11.2C15.6 4.6 19.2.9 25 0l1 2.8c-3.4 1-4.9 2.9-5.1 5.8H25.6V20z'/%3E%3C/svg%3E") no-repeat center/contain}
.dmq__who{display:flex;align-items:center;gap:14px;margin-top:22px}
.dmq__who>img:first-child{width:54px;height:54px;border-radius:50%;object-fit:cover;flex:none;background:#0b2c49;box-shadow:0 0 0 2px #001b31,0 0 0 3.5px rgba(127,227,255,.75)}
.dmq__who span{display:block;min-width:0}
.dmq__who strong{display:block;font-weight:500;font-size:16px;line-height:1.3;color:#fff}
.dmq__who small{display:block;font-size:13px;line-height:1.4;color:rgba(255,255,255,.68)}
.dmq__who .dmq__logo{width:auto;height:26px;border-radius:0;background:none;object-fit:contain;margin-left:auto;flex:none;max-width:104px;filter:brightness(0) invert(1);opacity:.9}
/* quiet progress hairline, no controls */
.dmq__prog{position:absolute;left:0;right:0;bottom:0;height:2px;background:rgba(255,255,255,.1);pointer-events:none}
.dmq__prog::after{content:"";position:absolute;left:0;top:0;bottom:0;width:0;background:linear-gradient(90deg,#2ea3ff,#7fe3ff)}
.dmq.is-playing .dmq__prog::after{animation:dmqfill var(--dmq-ms,6s) linear forwards}
@keyframes dmqfill{to{width:100%}}
.dmq.is-hold .dmq__prog::after{animation-play-state:paused}
.dm a:focus-visible,.dm summary:focus-visible{outline:2px solid #8ec5ff;outline-offset:3px;border-radius:6px}
.dm__note{margin:6px 0 0;font:500 11px/1.5 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.7)}
.dm__note a{color:#cfe6ff}
/* slim header: logo only */
.dmh{position:absolute;top:0;left:0;right:0;z-index:6;padding:30px 0 0}
.dmh__in{display:flex;align-items:center}
.dmh__brand{display:inline-flex;border-radius:10px}
.dmh__brand:focus-visible{outline:2px solid #8ec5ff;outline-offset:6px}
.dmh__logo{display:block;width:118px;height:auto}
.dmh__logo path[fill="#2699FB"]{fill:#fff}
/* Logo wall */
.dml{padding:56px 0 72px;background:#fff}
.dml__title{margin:0 0 30px;text-align:center;font-size:clamp(20px,2.1vw,28px);line-height:1.25;letter-spacing:-.03em;max-width:640px;margin-inline:auto}
.dml__rail{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.dml__track{display:flex;width:max-content;list-style:none;margin:0;padding:0;animation:dmlrun 46s linear infinite}
.dml__track li{flex:none;padding:0 clamp(22px,3vw,44px);display:flex;align-items:center}
.dml__track img{display:block;height:calc(34px * var(--logo-s, 1));width:auto;max-width:calc(130px * var(--logo-s, 1));object-fit:contain;object-position:center;filter:grayscale(1);opacity:.55;transition:filter .3s,opacity .3s}
.dml__track li:hover img{filter:none;opacity:1}
.dml__rail:hover .dml__track,.dml__rail.is-off .dml__track{animation-play-state:paused}
@keyframes dmlrun{to{transform:translateX(-50%)}}
@media (max-width:900px){
  .dm{display:block;min-height:0;padding:104px 0 52px}
  .dm__grid{display:block}
  .dm__copy h1{font-size:clamp(44px,12.4vw,66px)}
  .dm__side{margin-top:28px}
  .dm__quotes{max-width:none;margin-top:28px}
  .dm__orbit{width:150vw;right:-60vw;top:62%;margin-top:-75vw;opacity:.55}
  .dmh{padding-top:24px}
  .dmh__logo{width:104px}
  .dml{padding:44px 0 52px}
}
@media (max-width:520px){
  .dmq{padding:20px 18px 22px;border-radius:20px}
  .dmq__logo{display:none}
  .dmq__quote{font-size:17px}
}
@media (prefers-reduced-motion:reduce){
  .dmq__slide{transition:none}
  .dm__orbit-arcs{animation:none}
  .dml__track{animation:none;flex-wrap:wrap;justify-content:center;width:auto;row-gap:18px}
  .dml__track li[aria-hidden="true"]{display:none}
  .dml__rail{-webkit-mask-image:none;mask-image:none}
  .dmq.is-playing .dmq__prog::after{animation:none;width:100%}
}

/* Trail draws over the quote cards and copy; the form card stays above it. */
.dm .dm__grid{z-index:auto}
.dm .hero__trail{z-index:3}
.dm .dm__side{z-index:4}