/* Dante Live: quiet studio surfaces; system typography; cyan signal. */
:root{--dl-bg:#101317;--dl-surface:#1b2026;--dl-raised:#242c34;--dl-text:#f3f6f8;--dl-muted:#b6c1ca;--dl-accent:#52c3d0;--dl-line:#38434c;color-scheme:dark;scroll-behavior:smooth;scroll-padding-top:100px}
.dante-live-page{margin:0;background:var(--dl-bg);color:var(--dl-text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased}
.dante-live-page *{box-sizing:border-box}.dante-live-page img{max-width:100%;height:auto;display:block}.dante-live-page figure{margin:0;min-width:0}.dante-live-page a{color:var(--dl-accent);text-underline-offset:5px}.dante-live-page a:hover{text-decoration-thickness:2px}.dante-live-page button{font:inherit;cursor:pointer}.dante-live-page :focus-visible{outline:3px solid #9ce9f1;outline-offset:5px}.dante-live-page p{color:var(--dl-muted);margin:0 0 20px}.dante-live-page h1,.dante-live-page h2,.dante-live-page h3{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--dl-text);text-wrap:balance;margin:0 0 22px;letter-spacing:-.045em;line-height:1.1}.dante-live-page h1{font-size:clamp(42px,5.5vw,78px);font-weight:750}.dante-live-page h2{font-size:clamp(32px,3.8vw,52px);font-weight:700}.dante-live-page h3{font-size:23px;letter-spacing:-.025em;line-height:1.3;margin-bottom:12px}.dl-wrap{width:min(1280px,94%);margin-inline:auto}.dl-skip{position:fixed;left:20px;top:-100px;z-index:99;background:var(--dl-text);color:#101317!important;padding:12px}.dl-skip:focus{top:16px}.dl-top{border-bottom:1px solid var(--dl-line);background:#101317f5;position:sticky;top:0;z-index:20}.admin-bar .dl-top{top:32px}.dl-nav{min-height:84px;display:flex;align-items:center;justify-content:space-between;gap:20px}.dl-brand{display:flex;gap:12px;align-items:center;text-decoration:none;color:var(--dl-text)!important;font-size:21px;font-weight:750;letter-spacing:-.025em;white-space:nowrap}.dl-nav nav{display:flex;align-items:center;gap:28px}.dl-nav-link{font-size:14px;text-decoration:none;color:var(--dl-muted)!important}.dl-button{display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:14px 24px;border-radius:9px;background:var(--dl-accent);color:#0b272b!important;font-size:16px;font-weight:700;text-decoration:none!important;border:1px solid transparent;line-height:1.5;transition:background .15s,transform .15s;text-align:center}.dl-button:hover{background:#7ed9e2;transform:translateY(-2px)}.dl-button-small{padding:10px 16px;font-size:14px}.dl-hero{padding:65px 0 0;background:radial-gradient(ellipse at 80% 38%,#18313866,transparent 55%)}.dl-hero-copy{max-width:900px;margin:0 auto 42px;text-align:center}.dl-eyebrow{font-size:12px!important;letter-spacing:.15em;font-weight:700;color:var(--dl-accent)!important;display:flex;align-items:center;gap:12px;margin-bottom:22px!important}.dl-hero .dl-eyebrow{justify-content:center}.dl-dot{width:7px;height:7px;border-radius:50%;background:var(--dl-accent)}.dl-lead{font-size:21px;line-height:1.6;max-width:700px;margin:0 auto 25px!important}.dl-actions{display:flex;align-items:center;justify-content:center;gap:28px;flex-wrap:wrap}.dl-text-link{display:inline-block;font-size:15px;font-weight:600}.dl-requirements{font-size:13px;margin:18px 0 0!important;line-height:1.8}.dl-requirements strong{font-weight:500;color:var(--dl-text)}.dl-screen{display:block;position:relative;border:1px solid var(--dl-line);border-radius:12px;overflow:hidden;background:#191d23;box-shadow:0 24px 64px #0003}.dl-screen img{width:100%}.dl-enlarge{position:absolute;bottom:12px;right:12px;padding:5px 10px;border:1px solid #64717a;border-radius:6px;background:#101317ed;color:#f3f6f8;font-size:12px}.dante-live-page figcaption,.dl-caption{font-size:12px!important;line-height:1.6;color:var(--dl-muted);margin-top:13px!important}.dl-hero-screen figcaption{text-align:center}.dl-trust{display:flex;gap:22px;flex-wrap:wrap;justify-content:center;margin-top:38px;padding:26px 0;border-block:1px solid var(--dl-line);font-size:13px;color:var(--dl-muted)}.dl-trust span:before{content:'✓';color:var(--dl-accent);margin-right:8px}.dl-section{padding:96px 0}.dl-surface{background:var(--dl-surface);border-block:1px solid #303b44}.dl-heading{display:grid;grid-template-columns:1.2fr 1fr;align-items:end;gap:70px;margin-bottom:42px}.dl-heading h2{margin-bottom:0}.dl-heading>p{max-width:450px;margin-bottom:0}.dl-split{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:64px;align-items:center}.dl-split>*{min-width:0}.dl-features>div+div{padding-top:22px;border-top:1px solid var(--dl-line)}.dl-features p{font-size:15px}.dl-section-lead{font-size:19px;max-width:760px;margin-bottom:32px!important}.dl-note{padding:22px 24px;border-left:3px solid var(--dl-accent);background:#242c344d;margin-top:28px}.dl-note p{font-size:15px;margin:8px 0 0}.dl-note strong{font-size:16px}kbd{font:12px ui-monospace,monospace;border:1px solid #67737c;border-radius:4px;padding:2px 6px;color:var(--dl-text)}.dl-mixer{max-width:490px;width:100%;justify-self:center}.dl-mixer-crop{display:block;aspect-ratio:1.12;position:relative;overflow:hidden;border:1px solid var(--dl-line);border-radius:14px;background:#1f1f1f}.dl-mixer-crop img{position:absolute;width:440%;max-width:none!important;height:auto!important;left:-204%;top:-170%}.dl-badge{display:inline-block;border:1px solid #79858e;color:var(--dl-text);padding:4px 8px;border-radius:5px;font-size:10px;letter-spacing:.08em;vertical-align:middle}.dante-live-page details{border-bottom:1px solid var(--dl-line);padding:18px 0}.dante-live-page summary{cursor:pointer;font-weight:600;line-height:1.5}.dante-live-page details p{font-size:15px;margin:18px 0 0}.dl-guest-diagram{border:1px solid var(--dl-line);border-radius:18px;padding:32px;background:var(--dl-bg);text-align:center}.dl-diagram-title{font:11px ui-monospace,monospace;letter-spacing:.15em;color:var(--dl-muted);margin-bottom:26px}.dl-guests{display:grid;grid-template-columns:1fr 1fr;gap:16px}.dl-guests>div{border:1px solid #3b666e;border-radius:12px;padding:20px 8px;background:#18303833}.dl-guests>div:nth-child(2){border-color:#6a658d}.dl-guests span{font-size:34px;color:var(--dl-accent);display:block}.dl-guests>div:nth-child(2) span{color:#b7afe5}.dl-guests strong{display:block;font-size:15px}.dl-guests small{font-size:11px;color:var(--dl-muted)}.dl-flow-arrow{font-size:32px;color:var(--dl-accent);margin:14px}.dl-diagram-host{display:flex;gap:14px;align-items:center;text-align:left;background:var(--dl-raised);padding:18px;border-radius:12px}.dl-diagram-host span{display:block;color:var(--dl-muted);font-size:12px}.dl-guest-diagram>p{font-size:15px;color:var(--dl-text);margin:20px 0}.dl-guest-diagram>p span{font-size:12px;color:var(--dl-muted)}.dl-steps{padding-left:28px;margin:0;counter-reset:step}.dl-steps li{padding-left:15px;margin:0 0 28px}.dl-steps li::marker{color:var(--dl-accent);font-weight:700}.dl-steps p{font-size:16px}.dl-tutorial{background:var(--dl-raised);padding:36px;border-radius:16px;border:1px solid var(--dl-line)}.dl-play{display:inline-grid;place-items:center;width:56px;height:44px;border-radius:12px;background:#d94545;color:white;margin-bottom:24px}.dl-tutorial h3{font-size:27px}.dl-tutorial p{font-size:15px}.dl-tutorial .dl-text-link{display:block;margin-top:20px}.dl-appearance{max-width:360px;margin-top:28px!important}.dl-light-gallery{margin-top:36px}.dl-light-gallery figure{margin-top:24px;max-width:980px}.dl-release{background:var(--dl-surface);padding:38px;border:1px solid var(--dl-line);border-radius:16px}.dl-release h3{margin-top:20px;font-size:32px}.dl-release>a{display:block;margin:12px 0;font-size:15px}.dl-faq{padding-top:20px}.dl-faq-list{max-width:950px}.dl-faq-list details{padding:23px 0}.dl-faq-list summary{font-size:18px}.dl-final{text-align:center;padding:72px 0;background:linear-gradient(180deg,#18262d,#101317);border-top:1px solid var(--dl-line)}.dl-final img{margin:0 auto 24px}.dl-final>a,.dl-final .dl-wrap>a:last-child{display:inline-block;margin-top:18px;font-size:14px}.dl-footer{border-top:1px solid var(--dl-line);padding:30px 0}.dl-footer .dl-wrap{display:flex;align-items:center;justify-content:space-between;gap:30px}.dl-footer nav{display:flex;gap:24px;flex-wrap:wrap}.dl-footer nav a{font-size:13px;color:var(--dl-muted)}.dl-dialog{width:min(96vw,1440px);max-width:96vw;max-height:94dvh;padding:16px;background:var(--dl-bg);color:var(--dl-text);border:1px solid var(--dl-line);border-radius:12px}.dl-dialog::backdrop{background:#000d}.dl-dialog img{object-fit:contain;width:100%;height:min(73dvh,820px)}.dl-dialog-tools{display:flex;justify-content:flex-end;gap:10px;margin-bottom:12px}.dl-dialog button{background:var(--dl-raised);color:var(--dl-text);border:1px solid #69757e;padding:8px 16px;border-radius:6px;min-width:44px;min-height:44px}.dl-dialog p{font-size:13px;margin:12px 0 0}.dl-modal-open{overflow:hidden}
@media(max-width:1000px){.dl-split{gap:34px}.dl-heading{gap:32px}.dl-nav nav{gap:16px}.dl-section{padding:70px 0}.dl-mixer-crop img{top:-170%}}
@media(max-width:760px){.dl-nav-link{display:none}.dl-nav{min-height:72px;gap:10px}.dl-brand{font-size:18px;gap:6px}.dl-brand img{width:36px}.dl-button-small{font-size:12px;padding:10px}.dl-hero{padding-top:42px}.dl-hero-copy{margin-bottom:30px}.dl-lead{font-size:18px}.dl-requirements{font-size:12px}.dl-heading,.dl-split{grid-template-columns:minmax(0,1fr);gap:30px}.dl-heading{margin-bottom:30px}.dl-section{padding:58px 0}.dl-trust{justify-content:flex-start;gap:10px;font-size:12px;padding:22px}.dl-trust span{width:100%}.dl-section-lead{font-size:18px}.dl-tutorial,.dl-release,.dl-guest-diagram{padding:24px}.dl-eyebrow{font-size:10px!important}.dl-footer .dl-wrap{flex-direction:column;align-items:flex-start}.dl-footer nav{gap:16px}.dl-mixer{max-width:440px}.dl-note{padding:18px}.dl-hero-screen .dl-enlarge{font-size:10px;bottom:5px;right:5px}.dl-appearance{max-width:100%}.dl-appearance img{max-height:330px;object-fit:contain}.dl-dialog-tools{gap:6px}.dl-dialog button{padding:8px 10px}.dl-dialog img{height:65dvh}.admin-bar .dl-top{top:46px}}
@media(max-width:380px){.dl-brand{font-size:16px}.dl-button-small{padding:8px}.dl-actions{gap:15px}.dl-guests{gap:8px}.dl-guest-diagram{padding:18px}.dl-diagram-host{padding:12px;gap:8px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}.dante-live-page *{animation:none!important;transition:none!important}.dl-button:hover{transform:none}}

/* Authorized presenter, official brand and genuine interface. */
.dl-presentation{display:grid;grid-template-columns:minmax(0,.30fr) minmax(0,.70fr);gap:0 24px;align-items:end;position:relative;padding:28px 24px 0;border:1px solid var(--dl-line);border-radius:24px;background:radial-gradient(ellipse at 28% 80%,#1b485344,transparent 65%),#11171d;overflow:hidden}
.dl-presenter{grid-column:1;grid-row:1 / span 2;position:relative;align-self:end;min-width:0}.dl-presenter img{width:100%;mask-image:linear-gradient(#000 88%,transparent 100%)}.dl-presenter>span{display:block;text-align:center;font-size:11px;color:var(--dl-muted);padding:12px 0 20px}
.dl-presentation-brand{grid-column:2;grid-row:1;display:flex;align-items:center;gap:20px;padding:0 0 22px}.dl-presentation-brand img{width:100px;height:100px;object-fit:contain;flex-shrink:0}.dl-presentation-brand strong{display:block;font-size:clamp(28px,3vw,44px);letter-spacing:-.04em;line-height:1.2}.dl-presentation-brand span{display:block;color:var(--dl-muted);font-size:15px;margin-top:8px}.dl-presentation .dl-hero-screen{grid-column:2;grid-row:2;align-self:end;padding-bottom:22px}
@media(prefers-reduced-motion:no-preference){.dl-presenter{animation:dl-present 1s ease-out both}.dl-presentation-brand{animation:dl-present .8s .15s ease-out both}.dl-presentation .dl-hero-screen{animation:dl-present .8s .25s ease-out both}}
@keyframes dl-present{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:760px){.dl-presentation{grid-template-columns:minmax(0,.42fr) minmax(0,.58fr);gap:0 12px;padding:16px 12px 0;border-radius:16px}.dl-presenter{grid-row:1}.dl-presenter>span{font-size:9px;padding:0 0 12px}.dl-presentation-brand{align-self:center;flex-direction:column;text-align:center;gap:12px;padding:0 0 18px}.dl-presentation-brand img{width:90px;height:90px}.dl-presentation-brand strong{font-size:26px}.dl-presentation-brand span{font-size:12px}.dl-presentation .dl-hero-screen{grid-column:1 / -1;grid-row:2;padding-bottom:16px}.dl-presentation figcaption{text-align:left}}