html{background:#101014;scrollbar-color:rgba(246,243,238,.35) #18181e}
body{margin:0;overflow-x:hidden}
.site-header{position:fixed;z-index:70;top:14px;left:18px;right:18px;display:flex;align-items:center;justify-content:space-between;gap:16px;pointer-events:none;font-family:system-ui,sans-serif}
.site-brand,.site-nav{display:flex;align-items:center;gap:9px;pointer-events:auto}
.site-logo{display:flex;align-items:center;padding:3px 8px;border-radius:8px;background:rgba(9,11,17,.32);backdrop-filter:blur(8px)}
.site-logo img{display:block;width:112px;height:auto}
.ss-edit{display:grid;place-items:center;width:38px;height:38px;padding:9px;border-radius:50%;border:1px solid rgba(255,255,255,.28);cursor:pointer;background:rgba(9,11,17,.55);backdrop-filter:blur(8px);color:#e8e5df;transition:color .18s ease,border-color .18s ease}
.ss-edit:hover{color:#79bfff;border-color:#79bfff}
.ss-edit svg{display:block;width:100%;height:100%}
.site-nav{font-size:12px;font-weight:650;letter-spacing:.04em}
.site-nav a{color:#f4f2ec;text-decoration:none;padding:10px 13px;border:1px solid rgba(255,255,255,.2);border-radius:7px;background:rgba(9,11,17,.52);backdrop-filter:blur(8px)}
.site-nav a:hover{border-color:#79bfff;color:#b9dcff}
.site-nav .site-download{background:#79bfff;border-color:#79bfff;color:#0b1420}
.site-nav .site-download:hover{background:#a8d5ff;color:#0b1420}
.site-beta{color:#b9dcff;font:650 10px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.12em;text-transform:uppercase;padding:8px 10px;border-radius:6px;background:rgba(9,11,17,.42)}
.demo-wordmark{display:block;font-size:clamp(48px,10.5vw,150px);line-height:.86;letter-spacing:-.075em;text-transform:none;text-shadow:0 3px 30px rgba(0,0,0,.45)}
.demo-wordmark em{font-style:normal;color:#79bfff}
@supports (container-type:inline-size){.demo-wordmark{font-size:clamp(48px,12.5cqw,150px)}}
.demo-small-title{font-size:clamp(30px,4.6vw,70px);line-height:1.04;letter-spacing:-.045em}
@supports (container-type:inline-size){.demo-small-title{font-size:clamp(30px,5.3cqw,76px)}}
.demo-lede{font-size:clamp(17px,1.65vw,24px);line-height:1.55;text-wrap:balance}
.demo-lede,.demo-panel,.demo-note,.demo-track,.demo-attribution,.demo-stat-label{text-shadow:0 1px 3px rgba(0,0,0,.85),0 0 16px rgba(0,0,0,.5)}
.demo-panel{display:inline-block;text-align:left;padding:1.15em 1.3em;background:linear-gradient(110deg,rgba(8,12,20,.82),rgba(8,12,20,.42));border-left:2px solid #79bfff;border-radius:0 8px 8px 0;backdrop-filter:blur(8px)}
.demo-panel p{margin:0}
.demo-quote{font-family:Georgia,'Times New Roman',serif;font-style:normal;font-size:clamp(26px,3.6vw,54px);line-height:1.25;letter-spacing:-.025em;text-wrap:balance}
.demo-attribution{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#d9e8f5}
.demo-note{font-size:clamp(10px,1vw,13px);line-height:1.6;letter-spacing:.12em;text-transform:uppercase;color:#d6dbe4}
.demo-note a{color:#b9dcff;text-decoration:none;border-bottom:1px solid rgba(185,220,255,.45)}
.demo-track{font:650 clamp(12px,1.2vw,16px)/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.07em;color:#e7f2ff}
.demo-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px}
.demo-button{display:inline-block;padding:14px 19px;border:1px solid rgba(255,255,255,.55);border-radius:7px;background:rgba(9,11,17,.66);backdrop-filter:blur(8px);color:#f4f2ec;font:700 13px/1 system-ui,sans-serif;letter-spacing:.025em;text-decoration:none;text-shadow:none}
.demo-button:hover{border-color:#b9dcff;background:rgba(21,35,50,.9)}
.demo-button.primary{background:#79bfff;border-color:#79bfff;color:#09131f}
.demo-button.primary:hover{background:#b9dcff}
.demo-stat-label{display:inline-block;margin-top:8px;font:650 11px/1.4 system-ui,sans-serif;letter-spacing:.15em;text-transform:uppercase;color:#e4e9f1}
.le-t-credit{display:inline-block;padding:.38em .65em;border-radius:5px;background:rgba(7,10,15,.68);backdrop-filter:blur(6px);font-size:clamp(9px,1vw,11px);font-weight:400;line-height:1.4;letter-spacing:.025em;text-transform:none;color:#e2e8f0;text-shadow:0 1px 4px #000}
.le-t-credit a{color:inherit;text-decoration:none;border-bottom:1px dotted rgba(226,232,240,.65)}
.le-t-credit a:hover{border-bottom-style:solid}
.le-musicbox .le-inner{filter:drop-shadow(0 10px 30px rgba(0,0,0,.25))}
.le-mb-title{letter-spacing:.1em}
html.le-editing .site-header{display:none}
.no-js{position:fixed;inset:30vh 10vw auto;z-index:100001;padding:24px;background:#171921;color:#f4f2ec;border:1px solid #79bfff;font:18px/1.6 system-ui}
.no-js a{color:#79bfff}
@media (max-width:760px){
  html:not(.le-editing) .le-fab{display:none}
  .site-header{top:10px;left:10px;right:10px;gap:8px}
  .site-brand,.site-nav{gap:6px}
  .site-logo{padding:2px 5px}
  .site-logo img{width:88px}
  .ss-edit{width:33px;height:33px;padding:8px}
  .site-beta{display:none}
  .site-nav{font-size:10px}
  .site-nav a{padding:9px 10px}
  .demo-lede{font-size:clamp(16px,4.5vw,20px)}
  .demo-panel{padding:1em;background:rgba(8,12,20,.7);border-left-width:1px}
  .demo-quote{font-size:clamp(24px,7.2vw,34px)}
  .demo-actions{gap:9px}
  .demo-button{padding:13px 15px;font-size:12px}
  .le-t-credit{font-size:9px;max-width:82vw}
}
@media (prefers-reduced-motion:reduce){.ss-edit,.site-nav a{transition:none}}