.landing-page .dental-demo{--demo-paper:#f4f7f6;--demo-surface:#fff;--demo-ink:#173f37;--demo-text:#102321;--demo-selected:#e4ede7;--demo-film:#f1f4ef;--demo-ease:cubic-bezier(.22, 1, .36, 1);color:var(--demo-text);background:var(--demo-paper);padding:48px 0 0}.dental-demo__watch,.dental-demo__chapters,.dental-demo__next{width:min(1280px,100% - 80px);margin-inline:auto}.dental-demo__intro{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:start;gap:40px;margin-bottom:32px;display:grid}.landing-page .dental-demo h1{font:630 clamp(52px, 6vw, 82px)/.98 var(--serif);letter-spacing:-.055em;color:var(--ink);text-wrap:balance;margin:0}.dental-demo__intro>div{max-width:600px}.dental-demo__intro p{margin:0;font-size:20px;line-height:1.55}.dental-demo button,.dental-demo a{-webkit-tap-highlight-color:transparent}.dental-demo__next>a{background:var(--demo-ink);min-height:48px;color:var(--demo-surface);font:inherit;cursor:pointer;transition:transform .16s var(--demo-ease), background-color .16s ease;border:0;border-radius:0;justify-content:center;align-items:center;gap:12px;padding:12px 20px;font-weight:650;text-decoration:none;display:inline-flex}.dental-demo__next>a:active{transform:scale(.98)}.dental-demo__player{background:var(--demo-film);scroll-margin-top:110px}.dental-demo__player video{aspect-ratio:16/9;-o-object-fit:contain;object-fit:contain;background:var(--demo-film);width:100%;height:auto;max-height:min(720px,max(320px,100svh - 330px));display:block}.dental-demo__caption{justify-content:space-between;align-items:start;gap:32px;margin-top:18px;display:flex}.dental-demo__caption p{max-width:650px;margin:0;font-size:16px;line-height:1.6}.dental-demo__caption a,.dental-demo__chapter-intro a{color:var(--demo-ink);text-underline-offset:5px;flex-shrink:0;align-items:center;gap:10px;font-size:16px;display:inline-flex}.dental-demo__chapters{grid-template-columns:42fr 58fr;align-items:start;gap:40px;padding-block:110px;display:grid}.landing-page .dental-demo h2{letter-spacing:-.035em;color:var(--demo-ink);text-wrap:balance;margin:0;font-size:clamp(30px,3vw,42px);font-weight:600;line-height:1.08}.dental-demo__chapter-intro{max-width:360px}.dental-demo__chapter-intro p{margin:20px 0;font-size:18px;line-height:1.6}.dental-demo__chapter-list{gap:8px;display:grid}.dental-demo__chapter{width:100%;color:var(--demo-text);background:var(--demo-surface);text-align:left;font:inherit;cursor:pointer;transition:background-color .18s ease, transform .16s var(--demo-ease);border:0;border-radius:0;grid-template-columns:128px 1fr auto;align-items:center;gap:18px;padding:14px;display:grid}.dental-demo__chapter:hover,.dental-demo__chapter[aria-current=true]{background:var(--demo-selected)}.dental-demo__chapter:active{transform:scale(.99)}.dental-demo__chapter img{-o-object-fit:contain;object-fit:contain;background:var(--demo-film);width:128px;height:72px;display:block}.dental-demo__chapter strong{font-size:18px;font-weight:650;line-height:1.3;display:block}.dental-demo__chapter>span>span{margin-top:5px;font-size:16px;line-height:1.5;display:block}.dental-demo__time{font-variant-numeric:tabular-nums;flex-direction:column;align-items:center;gap:12px;font-size:14px;display:flex}.dental-demo :is(a,button,video):focus-visible{outline:3px solid var(--demo-ink);outline-offset:5px}.dental-demo__next{background:var(--demo-ink);color:var(--demo-surface);justify-content:space-between;align-items:center;gap:40px;margin-bottom:96px;padding:52px;display:flex}.landing-page .dental-demo__next h2{color:var(--demo-surface)}.dental-demo__next p{max-width:540px;margin:16px 0 0;font-size:18px;line-height:1.6}.dental-demo__next>a{background:var(--demo-surface);color:var(--demo-ink);flex-shrink:0}.dental-demo__next>a:hover{background:var(--demo-selected)}.dental-demo__error{background:var(--demo-surface);flex-wrap:wrap;align-items:center;gap:16px;padding:20px;display:flex}.dental-demo__error p{flex-basis:100%;margin:0}.dental-demo__error button{background:var(--demo-ink);color:var(--demo-surface);font:inherit;cursor:pointer;border:0;padding:10px 18px}.dental-demo__error a{color:var(--demo-ink);text-decoration:underline}@media (prefers-reduced-motion:no-preference){.dental-demo__intro h1{padding-bottom:.08em;overflow:hidden}.dental-demo__intro h1>span{animation:dental-demo-title .68s var(--demo-ease) both;display:block}.dental-demo__intro p{animation:dental-demo-arrive .5s var(--demo-ease) 90ms both}.dental-demo__player{animation:dental-demo-arrive .6s var(--demo-ease) .18s both}.dental-demo__chapter{animation:dental-demo-arrive .5s var(--demo-ease) both}.dental-demo__chapter:nth-child(2){animation-delay:70ms}.dental-demo__chapter:nth-child(3){animation-delay:.14s}.dental-demo__chapter:nth-child(4){animation-delay:.21s}.dental-demo__chapter:nth-child(5){animation-delay:.28s}}@keyframes dental-demo-title{0%{transform:translateY(105%)}to{transform:translateY(0)}}@keyframes dental-demo-arrive{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media (width<=1000px){.dental-demo__intro,.dental-demo__chapters{grid-template-columns:1fr;gap:28px}.dental-demo__chapter-intro{max-width:600px}.dental-demo__chapters{padding-block:72px}.dental-demo__next{padding:36px}}@media (width<=600px){.landing-page .dental-demo{padding-top:32px}.dental-demo__watch,.dental-demo__chapters,.dental-demo__next{width:calc(100% - 40px)}.landing-page .dental-demo h1{font-size:clamp(36px,11vw,44px)}.dental-demo__intro p{font-size:18px}.dental-demo__caption{flex-direction:column;gap:18px}.dental-demo__chapter{grid-template-columns:84px 1fr;gap:14px;padding:12px}.dental-demo__chapter img{width:84px;height:48px}.dental-demo__chapter>span>span{font-size:16px}.dental-demo__chapter .dental-demo__time{flex-direction:row;grid-column:2;gap:8px;margin-top:-4px}.dental-demo__next{margin-bottom:64px;padding:28px;display:block}.dental-demo__next>a{width:100%;margin-top:24px}}
