:root{--bk:#0d0f10;--bk2:#171b1d;--teal:#2de2c6;--off:#eef2ef;--grey:#a9b4b0;--f-mono:"Martian Mono",ui-monospace,monospace;--f-cond:"Archivo Narrow","Arial Narrow",sans-serif}
html{scroll-padding-top:90px}
body{margin:0;background:var(--bk);color:var(--off);font-family:var(--f-cond);font-size:1.08rem;overflow-x:hidden}
a{color:var(--teal)}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px dashed var(--teal);outline-offset:3px}
.dff-bar{position:sticky;top:0;z-index:50;background:var(--bk);border-bottom:1px solid #2a3133}
.dff-demo{margin:0;padding:4px 12px;font:400 .68rem var(--f-mono);letter-spacing:.04em;color:var(--bk);background:var(--teal);text-align:center}
.dff-bar__in{max-width:1200px;margin:0 auto;padding:10px 20px;display:flex;align-items:center;gap:20px}
.dff-logo{font:600 1.3rem var(--f-mono);color:var(--off);text-decoration:none;margin-right:auto}
.dff-logo span{color:var(--teal)}
.dff-nav{display:none;gap:22px}
.dff-nav a{font:400 .78rem var(--f-mono);color:var(--grey);text-decoration:none}
.dff-nav a:hover{color:var(--teal)}
.dff-tel{display:none;font:600 .85rem var(--f-mono);color:var(--teal);text-decoration:none;border:1px solid var(--teal);padding:8px 12px}
.dff-burger{background:none;border:1px solid var(--grey);width:44px;height:44px;position:relative;cursor:pointer}
.dff-burger span,.dff-burger span::before,.dff-burger span::after{display:block;position:absolute;left:11px;width:20px;height:2px;background:var(--off)}
.dff-burger span{top:21px}.dff-burger span::before{content:"";top:-6px;left:0}.dff-burger span::after{content:"";top:6px;left:0}
.dff-mobile{background:var(--bk2);top:100%;inset:auto 0 auto 0;border:0;padding:6px 20px 18px}
.dff-mobile a:not(.btn){display:block;padding:13px 0;border-bottom:1px solid #2a3133;color:var(--off);font:400 .9rem var(--f-mono);text-decoration:none}
@media(min-width:960px){.dff-nav,.dff-tel{display:flex}.dff-burger,.dff-mobile{display:none}}
.dff-hero{max-width:1200px;margin:0 auto;padding:56px 20px 64px;position:relative}
.dff-eq{display:flex;align-items:flex-end;gap:6px;height:90px;margin-bottom:28px}
.dff-eq i{flex:1;max-width:22px;background:var(--teal);height:40%}
.dff-eq i:nth-child(odd){height:75%}.dff-eq i:nth-child(3n){height:25%}.dff-eq i:nth-child(4n){height:95%}
@media(prefers-reduced-motion:no-preference){.dff-eq i{animation:eq 1.1s ease-in-out infinite alternate}.dff-eq i:nth-child(2n){animation-duration:.8s}.dff-eq i:nth-child(3n){animation-duration:1.4s}}
@keyframes eq{to{transform:scaleY(.35)}}
.dff-eq i{transform-origin:bottom}
.dff-now{font:400 .8rem var(--f-mono);color:var(--grey);margin:0 0 18px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.dff-dot{width:10px;height:10px;border-radius:50%;background:#ff4d5e;display:inline-block}
.dff-hero h1{font:700 clamp(2.3rem,7vw,5.4rem)/0.98 var(--f-cond);text-transform:uppercase;margin:0 0 20px;max-width:15ch}
.dff-sub{max-width:46ch;color:var(--grey);line-height:1.55;margin:0 0 28px}
.dff-acts{display:flex;flex-wrap:wrap;gap:12px}
.dff-btn{display:inline-block;font:600 .82rem var(--f-mono);letter-spacing:.03em;padding:15px 20px;background:var(--teal);color:var(--bk);text-decoration:none;border:1px solid var(--teal);cursor:pointer}
.dff-btn--line{background:transparent;color:var(--teal)}
.dff-tracks{background:var(--off);color:var(--bk);padding:56px 20px}
.dff-tracks h2,.dff-tracks ol{max-width:1000px;margin-left:auto;margin-right:auto}
.dff-tracks h2{font:700 clamp(1.8rem,4vw,2.8rem) var(--f-cond);text-transform:uppercase;margin-bottom:20px}
.dff-tracks ol{list-style:none;padding:0}
.dff-tracks li{display:grid;grid-template-columns:56px minmax(0,1fr);gap:14px;padding:16px 0;border-top:1px solid #c6cfcb}
.dff-tracks li:last-child{border-bottom:1px solid #c6cfcb}
.dff-n{font:600 .9rem var(--f-mono);color:#0a7a69;padding-top:3px}
.dff-tracks b{font-size:1.25rem}.dff-tracks p{margin:4px 0 0;color:#3b4542}
.dff-tracks a{color:#06614f}

.dff-heard{max-width:1200px;margin:0 auto;padding:64px 20px;display:grid;gap:28px;grid-template-columns:minmax(0,1fr)}
.dff-heard h2{font:400 .9rem var(--f-mono);color:var(--teal);margin:0}
.dff-heard figure{margin:0}
.dff-heard blockquote{margin:0 0 8px;font:700 clamp(1.5rem,3.6vw,2.6rem)/1.1 var(--f-cond)}
.dff-heard figcaption{font:400 .75rem var(--f-mono);color:var(--grey)}
@media(min-width:900px){.dff-heard{grid-template-columns:200px minmax(0,1fr) minmax(0,1fr)}.dff-more{grid-column:2/4}}
.dff-map{position:relative;border-top:1px solid #2a3133}
.dff-map__h{margin:0;padding:18px 20px;font:600 .85rem var(--f-mono);color:var(--off)}
.dff-map iframe{display:block;width:100%;height:380px;border:0;filter:grayscale(.6)}
.dff-msg{max-width:620px;margin:0 auto;padding:64px 20px}
.dff-msg h2{font:700 2rem var(--f-cond);text-transform:uppercase}
.dff-msg .field{margin-bottom:14px}
.dff-msg label{display:block;font:400 .78rem var(--f-mono);color:var(--grey);margin-bottom:6px}
.dff-msg input,.dff-msg textarea{width:100%;box-sizing:border-box;background:var(--bk2);color:var(--off);border:1px solid #3a4447;padding:12px;font:inherit}
.dff-msg textarea{min-height:110px}
.field-error{color:#ff8a95;font-size:.85rem;margin:4px 0 0}
.form-success{color:var(--off)}
.dff-foot{border-top:4px solid var(--teal);padding:36px 20px;max-width:1200px;margin:0 auto}
.dff-foot table{border-collapse:collapse;width:100%;max-width:640px;font:400 .82rem var(--f-mono)}
.dff-foot caption{text-align:left;font:700 1.6rem var(--f-cond);text-transform:uppercase;padding-bottom:12px}
.dff-foot th,.dff-foot td{text-align:left;padding:10px 8px 10px 0;border-bottom:1px solid #2a3133;vertical-align:top;overflow-wrap:anywhere}
.dff-foot th{color:var(--grey);font-weight:400;width:90px}
.dff-foot p{font:400 .72rem var(--f-mono);color:var(--grey);margin-top:20px}
.dff-topics{font-size:1.3rem;color:var(--grey);margin:0;align-self:end}
