@font-face{font-family:'Caveat';font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/caveat-700-v1.woff2) format('woff2')}
/* Personal demo pages (/demos/<industry>/). Uses the shared Adaptify tokens. */
.dm-hero{padding-block:clamp(2rem,5vh,3.5rem) clamp(2.5rem,6vh,4.5rem);background:radial-gradient(ellipse at 15% 0,var(--c-bg-tint),transparent 55%),radial-gradient(ellipse at 100% 60%,#EAF8F0,transparent 45%),var(--c-bg)}
.dm-hero__top{max-width:46rem}
.dm-hero h1{margin-top:var(--s-4);font-size:clamp(2.125rem,1.5rem + 2.6vw,3.5rem);line-height:1.08}
.dm-hero .lead{margin-top:var(--s-5);max-width:40rem}
.dm-hello{white-space:normal}
.dm-wave{display:inline-block;transform-origin:70% 80%}
@media(prefers-reduced-motion:no-preference){
  .dm-wave{animation:dm-wave 2.2s .4s ease-in-out 2}
  @keyframes dm-wave{0%,60%,100%{transform:rotate(0)}10%,30%{transform:rotate(16deg)}20%{transform:rotate(-8deg)}40%{transform:rotate(-4deg)}50%{transform:rotate(10deg)}}
  .dm-hero__top>*{animation:dm-up .6s both cubic-bezier(.2,.8,.2,1)}.dm-hero__top>:nth-child(2){animation-delay:.08s}.dm-hero__top>:nth-child(3){animation-delay:.16s}
  .dm-stage{animation:dm-up .7s .25s both cubic-bezier(.2,.8,.2,1)}
  @keyframes dm-up{from{opacity:0;transform:translateY(14px)}}
}
.dm-chip{display:inline-flex;align-items:center;gap:var(--s-2);padding:var(--s-2) var(--s-4);border:1px solid var(--c-line);border-radius:var(--r-pill);background:var(--c-bg);box-shadow:var(--sh-sm);font-size:var(--fs-sm);font-weight:600;color:var(--c-navy)}
.dm-chip__dot{width:8px;height:8px;border-radius:50%;background:var(--c-green);box-shadow:0 0 0 4px rgba(34,197,94,.18)}

/* Stage: call card + player */
.dm-stage{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,.8fr);gap:var(--s-6);margin-top:var(--s-10);align-items:start}
.dm-call{padding:var(--s-6);border-radius:var(--r-lg);background:linear-gradient(160deg,var(--c-navy-900),var(--c-navy));color:#fff;box-shadow:var(--sh-lg)}
.dm-call__head{display:flex;gap:var(--s-3);align-items:center}
.dm-call__badge{display:grid;place-items:center;width:3rem;height:3rem;flex:none;border-radius:50%;background:var(--c-green);color:#fff;position:relative}
.dm-call small{display:block;font-size:var(--fs-xs);letter-spacing:.04em;color:rgba(255,255,255,.7)}
.dm-call strong{display:block;font-family:var(--f-head);font-size:var(--fs-lg);line-height:1.25}
.dm-call__who{margin-top:var(--s-3);font-size:var(--fs-sm);color:rgba(255,255,255,.75)}
.dm-call__agent{display:flex;gap:var(--s-3);align-items:center;margin-top:var(--s-5);padding:var(--s-4);border-radius:var(--r-md);background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12)}
.dm-call__agent strong{font-size:var(--fs-sm)}
.dm-eq{display:flex;align-items:center;gap:3px;height:28px;flex:none;padding:0 4px}
.dm-eq i{display:block;width:4px;height:6px;border-radius:2px;background:var(--c-blue);transition:height .3s}
.dm-call__label{margin-top:var(--s-6);font-size:.6875rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--c-blue)}
.dm-call__label{display:flex;align-items:center;gap:var(--s-2)}
.dm-live{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.35)}
.is-playing:not(.is-paused) .dm-live{background:#F04438;box-shadow:0 0 0 0 rgba(240,68,56,.6);animation:dm-live 1.4s infinite}
@keyframes dm-live{70%{box-shadow:0 0 0 7px rgba(240,68,56,0)}100%{box-shadow:0 0 0 0 rgba(240,68,56,0)}}
.dm-log{list-style:none;display:grid;gap:var(--s-3);margin-top:var(--s-3);position:relative}
.dm-log li{display:flex;gap:var(--s-3);align-items:flex-start;font-size:var(--fs-sm);color:rgba(255,255,255,.5);transition:color .3s,opacity .3s}
.dm-log__text{flex:1}.dm-log__text small{display:block;font-size:var(--fs-xs);color:rgba(255,255,255,.6)}
.dm-log time{font-variant-numeric:tabular-nums;font-size:var(--fs-xs);color:var(--c-blue);opacity:0;transition:opacity .3s}
.dm-log li.is-on time{opacity:1}
.dm-log__saved{margin-top:var(--s-1);padding-top:var(--s-3);border-top:1px dashed rgba(255,255,255,.18)}
.dm-log li.is-on{color:#fff}
@media(prefers-reduced-motion:no-preference){.dm-log li.is-on{animation:dm-in .35s both}@keyframes dm-in{from{opacity:.3;transform:translateX(-4px)}}}
.dm-tick{display:grid;place-items:center;width:1.375rem;height:1.375rem;flex:none;border-radius:50%;border:1.5px solid rgba(255,255,255,.3);color:transparent;transition:background .3s,border-color .3s,color .3s,transform .3s}
.dm-log li.is-on .dm-tick{background:var(--c-green);border-color:var(--c-green);color:#fff;transform:scale(1.08)}
.is-playing .dm-call__badge::after{content:"";position:absolute;inset:-6px;border-radius:50%;border:2px solid var(--c-green);animation:dm-ring 1.6s infinite}
@keyframes dm-ring{from{opacity:.9;transform:scale(.85)}to{opacity:0;transform:scale(1.35)}}
.is-playing:not(.is-paused) .dm-eq i{animation:dm-eq 1s infinite ease-in-out}
.dm-eq i:nth-child(2){animation-delay:-.2s!important}.dm-eq i:nth-child(3){animation-delay:-.45s!important}.dm-eq i:nth-child(4){animation-delay:-.7s!important}.dm-eq i:nth-child(5){animation-delay:-.35s!important}
@keyframes dm-eq{0%,100%{height:6px}50%{height:26px}}
.is-done .dm-eq i{height:4px;background:var(--c-green)}

.dm-video{position:relative;aspect-ratio:16/9;border-radius:var(--r-lg);overflow:hidden;background:var(--c-navy-900);box-shadow:var(--sh-lg)}
.dm-video img,.dm-video iframe,.dm-video>div{position:absolute;inset:0;width:100%;height:100%;border:0;object-fit:cover}
.dm-play{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s-4);border:0;cursor:pointer;color:#fff;background:linear-gradient(180deg,rgba(7,42,75,.25),rgba(7,42,75,.72));font:inherit}
.dm-play__btn{display:grid;place-items:center;width:5.5rem;height:5.5rem;border-radius:50%;background:var(--c-action);box-shadow:0 0 0 10px rgba(59,169,245,.28),var(--sh-lg);padding-left:4px;transition:transform .2s}
.dm-play:hover .dm-play__btn,.dm-play:focus-visible .dm-play__btn{transform:scale(1.07)}
.dm-play__text{font-family:var(--f-head);font-weight:700;font-size:clamp(1.125rem,1rem + .6vw,1.5rem);text-align:center;text-shadow:0 2px 12px rgba(0,0,0,.35)}
.dm-play__text small{display:block;margin-top:var(--s-1);font-family:var(--f-body,inherit);font-weight:500;font-size:var(--fs-sm);opacity:.85}
@media(prefers-reduced-motion:no-preference){.dm-play__btn{animation:dm-pulse 2.4s 1.2s infinite}@keyframes dm-pulse{0%,100%{box-shadow:0 0 0 10px rgba(59,169,245,.28),var(--sh-lg)}50%{box-shadow:0 0 0 18px rgba(59,169,245,.12),var(--sh-lg)}}}
.dm-video.is-loading .dm-play__btn{animation:none;opacity:.7}
.dm-note{margin-top:var(--s-3);font-size:var(--fs-xs);color:var(--c-muted)}

/* Next step */
.dm-next{padding-bottom:var(--sec-m)}
.dm-next__card{display:grid;grid-template-columns:1.2fr .8fr;gap:var(--s-8);align-items:center;padding:clamp(1.5rem,1rem + 2vw,2.5rem);border-radius:var(--r-lg);border:1px solid var(--c-line);background:linear-gradient(120deg,var(--c-bg-tint),var(--c-bg-soft));transition:box-shadow .4s,border-color .4s,transform .4s}
.dm-next.is-lit .dm-next__card{border-color:var(--c-action);box-shadow:0 0 0 6px rgba(59,169,245,.15),var(--sh-lg)}
.dm-next__kicker{font-size:var(--fs-sm);font-weight:700;color:var(--c-action)}
.dm-next h2{margin-top:var(--s-2);font-size:clamp(1.5rem,1.2rem + 1.2vw,2.125rem)}
.dm-next__card p{margin-top:var(--s-3);color:var(--c-muted)}
.dm-next__actions{display:grid;gap:var(--s-3)}
.dm-next__actions .btn{width:100%;justify-content:center}
.dm-next__or{text-align:center;font-size:var(--fs-sm);margin-top:var(--s-1)!important}

/* What you'd get */
.dm-get{padding-top:0}
.dm-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s-5)}
.dm-grid article{padding:var(--s-6);border:1px solid var(--c-line);border-radius:var(--r-lg);background:var(--c-bg)}
.dm-grid h3{margin-top:var(--s-4);font-size:var(--fs-lg)}.dm-grid p{margin-top:var(--s-2);font-size:var(--fs-sm);color:var(--c-muted)}
.dm-ic{display:grid;place-items:center;width:var(--s-12);height:var(--s-12);border-radius:var(--r-md);background:var(--c-bg-tint);color:var(--c-action)}
.dm-price{margin:var(--s-8) auto 0;max-width:44rem;text-align:center;font-size:var(--fs-sm);color:var(--c-muted)}.dm-price strong{color:var(--c-navy)}

/* More demos */
.dm-more__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s-5)}
.dm-more__card{display:block;border-radius:var(--r-lg);overflow:hidden;background:var(--c-bg);border:1px solid var(--c-line);transition:transform .2s,box-shadow .2s}
.dm-more__card:hover{transform:translateY(-3px);box-shadow:var(--sh-md)}
.dm-more__card img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.dm-more__card span{display:block;padding:var(--s-4) var(--s-5) var(--s-5)}
.dm-more__card small{display:block;font-size:var(--fs-xs);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--c-action)}
.dm-more__card strong{display:block;margin-top:var(--s-1);font-family:var(--f-head);color:var(--c-navy)}

/* Small bar while the demo plays */
.dm-dock{position:fixed;left:50%;bottom:var(--s-4);z-index:40;display:flex;align-items:center;gap:var(--s-4);padding:var(--s-2) var(--s-2) var(--s-2) var(--s-5);border-radius:var(--r-pill);background:var(--c-navy-900);color:#fff;box-shadow:var(--sh-lg);font-size:var(--fs-sm);font-weight:600;transform:translateX(-50%);max-width:calc(100% - 2 * var(--gutter))}
.dm-dock[hidden]{display:none}
@media(prefers-reduced-motion:no-preference){.dm-dock{animation:dm-dock .4s both}@keyframes dm-dock{from{opacity:0;transform:translate(-50%,12px)}}}

@media(max-width:1023px){
  .dm-stage{grid-template-columns:1fr}
  .dm-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dm-next__card{grid-template-columns:1fr}
}
@media(max-width:767px){
  .dm-hero{padding-top:var(--s-6)}
  .dm-stage{margin-top:var(--s-6);gap:var(--s-4)}
  .dm-play__btn{width:4.5rem;height:4.5rem}
  .dm-call{padding:var(--s-5)}
  .dm-grid,.dm-more__grid{grid-template-columns:1fr}
  .dm-dock span{font-size:var(--fs-xs)}
}
@media(min-width:1024px){.dm-hero__top{margin-inline:auto;text-align:center}.dm-hero .lead{margin-inline:auto}}
@media(max-width:767px){
  .dm-more__card{display:grid;grid-template-columns:7.5rem 1fr;align-items:center}
  .dm-more__card img{height:100%;aspect-ratio:4/3}
  .dm-more__card span{padding:var(--s-3) var(--s-4)}
  .dm-grid{gap:var(--s-3)}.dm-grid article{display:grid;grid-template-columns:auto 1fr;column-gap:var(--s-4);padding:var(--s-5)}.dm-grid .dm-ic{grid-row:span 2;width:var(--s-10);height:var(--s-10)}.dm-grid h3{margin-top:0}
}

/* Trust and facts next to the main buttons */
.dm-next__facts{list-style:none;display:flex;flex-wrap:wrap;gap:var(--s-2) var(--s-5);margin-top:var(--s-4);font-size:var(--fs-sm);font-weight:600;color:var(--c-navy)}
.dm-next__facts li::before{content:'✓';color:var(--c-green-ink);margin-right:var(--s-2)}
.dm-next__proof{display:flex;align-items:center;justify-content:center;gap:var(--s-2);font-size:var(--fs-sm);color:var(--c-muted);margin-top:var(--s-1)!important}
.dm-next__proof strong{color:var(--c-navy)}

/* Missed-call math */
.dm-calc-sec{padding-top:0}
.dm-calc{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-12);align-items:center}
.dm-calc__copy h2{margin-top:var(--s-4);font-size:clamp(1.625rem,1.2rem + 1.4vw,2.375rem)}
.dm-calc__copy p{margin-top:var(--s-4);color:var(--c-muted);font-size:var(--fs-lg);max-width:34rem}
.dm-calc__box{padding:clamp(1.25rem,1rem + 1.5vw,2rem);border:1px solid var(--c-line-2);border-radius:var(--r-lg);background:var(--c-bg);box-shadow:var(--sh-lg);display:grid;gap:var(--s-5)}
.dm-calc__row{display:grid;gap:var(--s-3);font-size:var(--fs-sm);font-weight:600;color:var(--c-navy)}
.dm-calc__row span{display:flex;justify-content:space-between}
.dm-calc__row output{font-family:var(--f-head);font-size:var(--fs-lg);color:var(--c-action)}
.dm-calc__row input{width:100%;accent-color:var(--c-action);height:1.5rem;cursor:pointer}
.dm-calc__out{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-3)}
.dm-calc__out>div{padding:var(--s-4);border-radius:var(--r-md);background:#FEF2F2}
.dm-calc__out>div+div{background:#E8F8EE}
.dm-calc__out small{display:block;font-size:var(--fs-xs);font-weight:600;color:var(--c-muted)}
.dm-calc__out strong{display:block;margin-top:var(--s-1);font-family:var(--f-head);font-size:clamp(1.5rem,1.2rem + 1vw,2rem);color:#B42318;letter-spacing:-.02em}
.dm-calc__out>div+div strong{color:var(--c-green-ink)}
.dm-calc__out em{display:block;font-style:normal;font-size:.6875rem;color:var(--c-muted);margin-top:var(--s-1)}
.dm-calc__box .btn{width:100%;justify-content:center}
.dm-answer{padding:0 var(--s-5) var(--s-5);color:var(--c-muted)}
.dm-final{background:radial-gradient(ellipse at 50% 100%,var(--c-bg-tint),var(--c-bg) 70%)}
.dm-final .lead{margin:var(--s-4) auto 0}.dm-final .btn-row{justify-content:center;margin-top:var(--s-8)}
@media(max-width:1023px){.dm-calc{grid-template-columns:1fr;gap:var(--s-6)}}
@media(max-width:767px){.dm-final .btn-row{flex-direction:column;align-items:stretch}.dm-next__facts{gap:var(--s-2) var(--s-4);font-size:var(--fs-xs)}}

/* Hand-drawn note and arrow from the intro down to the video */
.dm-scribble{display:inline-flex;flex-direction:column;align-items:center;margin-top:var(--s-3);color:var(--c-action);text-decoration:none}
.dm-scribble span{font-family:Caveat,'Segoe Print','Bradley Hand',cursive;font-weight:700;font-size:clamp(1.5rem,1.2rem + 1vw,2rem);line-height:1;transform:rotate(-4deg)}
.dm-scribble svg{width:clamp(84px,7vw,116px);height:auto;margin-top:-2px;margin-left:3.5rem;overflow:visible}
.dm-scribble path{fill:none;stroke:currentColor;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round}
.dm-scribble:hover span{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}
@media(prefers-reduced-motion:no-preference){
  .dm-scribble span{animation:dm-up .6s .3s both cubic-bezier(.2,.8,.2,1)}
  .dm-scribble__line{stroke-dasharray:240;stroke-dashoffset:240;animation:dm-draw 1.1s .6s ease-out forwards}
  .dm-scribble__head{stroke-dasharray:50;stroke-dashoffset:50;animation:dm-draw .35s 1.6s ease-out forwards}
  @keyframes dm-draw{to{stroke-dashoffset:0}}
}
#demo-player{scroll-margin-top:6rem}
@media(max-width:1023px){.dm-scribble{margin-top:var(--s-2)}.dm-scribble svg{margin-left:2.5rem;width:72px}}
/* Older Safari (before 15) has no aspect-ratio: keep the video box 16:9 */
@supports not (aspect-ratio:16/9){.dm-video{height:0;padding-top:56.25%}.dm-more__card img{height:auto}}

/* Video at full width, with what happens in the call listed below it */
.dm-stage{display:block;max-width:64rem;margin-inline:auto}
.dm-about{margin-top:var(--s-5)}
.dm-about__title{font-size:var(--fs-sm);color:var(--c-muted);text-align:center}.dm-about__title strong{color:var(--c-navy)}
.dm-points{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:var(--s-2) var(--s-3)}
.dm-points li{display:flex;align-items:center;gap:var(--s-2);padding:var(--s-2) var(--s-4) var(--s-2) var(--s-2);border:1px solid var(--c-line);border-radius:var(--r-pill);background:var(--c-bg);font-size:var(--fs-sm);font-weight:500;color:var(--c-navy)}
.dm-points .dm-tick{background:var(--c-green);border-color:var(--c-green);color:#fff}
.dm-stage .dm-note{text-align:center;margin:var(--s-4) auto 0;max-width:40rem}
@media(max-width:767px){.dm-points{display:grid;justify-content:stretch}.dm-points li{border-radius:var(--r-md)}}