
/* no rubber-band or pull-to-refresh: the page stays put when you pull past the top or bottom (Ben, 3 Nov) */
html,body{overscroll-behavior-y:none}
.dn-nav{--dn-ink:#161413;--dn-ink2:#3E434A;--dn-ink3:#5F6670;--dn-paper:#FBFAF4;--dn-sand:#F3F1E8;--dn-y:#DCD400;--dn-blue:#304999;
  --dn-ease:cubic-bezier(.16,1,.3,1);--dn-io:cubic-bezier(.77,0,.175,1);--dn-shadow:0 24px 60px -30px rgba(22,20,19,.28),0 2px 6px -2px rgba(22,20,19,.08);
  position:fixed;left:0;right:0;top:12px;z-index:50;height:60px;pointer-events:none;font-family:"Franklin Gothic ATF","Franklin",-apple-system,"Helvetica Neue",Arial,sans-serif;-webkit-font-smoothing:antialiased}
.dn-nav *{box-sizing:border-box}
.dn-nav a{color:inherit;text-decoration:none}
.dn-bar{pointer-events:auto;width:min(1280px,100% - 2*clamp(16px,4vw,64px));margin-inline:auto;height:100%;display:flex;align-items:center;gap:20px;padding:0 10px 0 22px;border-radius:999px;
  background:rgba(251,250,244,.78);-webkit-backdrop-filter:blur(18px) saturate(1.4);backdrop-filter:blur(18px) saturate(1.4);box-shadow:inset 0 0 0 1px rgba(255,255,255,.7),0 10px 30px -18px rgba(22,20,19,.35);color:var(--dn-ink)}
.dn-spacer{height:84px}
.dn-ps{position:relative;margin-right:12px;--dn-ink:#161413;--dn-ink3:#5F6670;--dn-sand:#F3F1E8;--dn-y:#DCD400;--dn-blue:#304999;--dn-ease:cubic-bezier(.16,1,.3,1);--dn-shadow:0 24px 60px -30px rgba(22,20,19,.28),0 2px 6px -2px rgba(22,20,19,.08)}
.dn-ps>button{all:unset;cursor:pointer;display:inline-flex;align-items:center;gap:4px;padding:6px 8px;margin:-6px -8px;border-radius:12px;color:var(--dn-ink)}
.dn-ps>button:focus-visible,.dn-menu a:focus-visible,.dn-cta a:focus-visible{outline:2px solid var(--dn-ink);outline-offset:2px}
.dn-mark{width:82px;height:23px;display:block}
.dn-prod{align-self:flex-start;font-size:11px;font-weight:700;color:var(--dn-blue);letter-spacing:.08em;line-height:1;margin-top:1px;text-transform:uppercase}
.dn-chev{width:12px;height:12px;margin-left:4px;color:var(--dn-ink3);transition:transform 180ms var(--dn-ease)}
.dn-ps.open .dn-chev,.dn-has-dd.open .dn-chev{transform:rotate(180deg)}
.dn-dd{position:absolute;left:-14px;top:calc(100% + 18px);min-width:300px;background:#fff;border-radius:18px;box-shadow:var(--dn-shadow),0 0 0 1px rgba(22,20,19,.05);padding:8px;display:grid;gap:2px;
  opacity:0;transform:translateY(-6px) scale(.98);transform-origin:top left;pointer-events:none;transition:opacity 180ms var(--dn-ease),transform 180ms var(--dn-ease)}
.dn-dd::before{content:"";position:absolute;left:0;right:0;top:-22px;height:22px}
.dn-ps.open>.dn-dd,.dn-has-dd.open>.dn-dd{opacity:1;transform:none;pointer-events:auto}
.dn-dd a{display:grid;gap:3px;padding:12px 14px;border-radius:12px}
.dn-dd a:hover,.dn-dd a[aria-current]{background:var(--dn-sand)}
.dn-dd b{display:flex;align-items:center;gap:8px;font-size:16px}
.dn-dd small{font-size:14px;color:var(--dn-ink3);line-height:1.35}
.dn-new{padding:2px 8px;border-radius:999px;background:var(--dn-y);color:var(--dn-ink);font-size:10.5px;letter-spacing:.06em}
.dn-menu{display:flex;align-items:center;gap:6px;flex:1;margin:0;padding:0;list-style:none}
.dn-menu>li{position:relative;list-style:none}
.dn-menu>li>a,.dn-menu>li>button{all:unset;cursor:pointer;display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 14px;border-radius:999px;font-size:16px;color:var(--dn-ink);transition:background 200ms ease}
.dn-menu .dn-dd{left:0;top:calc(100% + 8px)}
.dn-menu .dn-dd a{grid-template-columns:36px 1fr;align-items:center;gap:12px}
.dn-menu .dn-dd i{width:36px;height:36px;border-radius:10px;background:var(--dn-sand);display:grid;place-items:center}
@media (hover:hover) and (pointer:fine){.dn-menu>li>a:hover,.dn-menu>li>button:hover,.dn-cta .dn-login:hover{background:rgba(22,20,19,.06)}}
.dn-cta{display:flex;align-items:center;gap:8px;margin-left:auto}
.dn-login{display:inline-flex;align-items:center;height:40px;padding:0 14px;border-radius:999px;font-size:16px}
.dn-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:42px;padding:0 18px;border-radius:999px;font-weight:700;font-size:15px;white-space:nowrap;background:var(--dn-y);color:var(--dn-ink);transition:transform 160ms var(--dn-ease)}
.dn-btn:active{transform:scale(.97)}
.dn-burger{all:unset;cursor:pointer;display:none;width:44px;height:44px;border-radius:50%;place-items:center;margin-left:auto}
.dn-burger span,.dn-burger span::before,.dn-burger span::after{display:block;width:20px;height:2px;background:var(--dn-ink);position:relative;transition:transform 220ms var(--dn-io),background 120ms}
.dn-burger span::before,.dn-burger span::after{content:"";position:absolute;left:0}
.dn-burger span::before{top:-6px}.dn-burger span::after{top:6px}
.dn-sheet{display:none}
@media (max-width:900px){
  .dn-menu,.dn-cta{display:none}
  .dn-burger{display:grid}
  .dn-sheet{display:block;position:fixed;inset:0;z-index:45;background:var(--dn-paper);padding:112px 24px 24px;overflow:auto;opacity:0;transform:translateY(-8px);pointer-events:none;
    transition:opacity 220ms var(--dn-ease),transform 260ms var(--dn-ease);font-family:"Franklin Gothic ATF","Franklin",-apple-system,Arial,sans-serif;color:#161413}
  html.dn-menu-open .dn-sheet{opacity:1;transform:none;pointer-events:auto}
  html.dn-menu-open{overflow:hidden}
  html.dn-menu-open .dn-bar{background:#FBFAF4}
  html.dn-menu-open .dn-burger span{background:transparent}
  html.dn-menu-open .dn-burger span::before{transform:translateY(6px) rotate(45deg)}
  html.dn-menu-open .dn-burger span::after{transform:translateY(-6px) rotate(-45deg)}
  .dn-sheet a{color:#161413;text-decoration:none}
  .dn-sheet .dn-big{display:flex;justify-content:space-between;align-items:center;font-size:28px;font-weight:700;letter-spacing:-.02em;padding:16px 0;border-bottom:1px solid rgba(22,20,19,.08)}
  .dn-sheet .dn-ctas{display:grid;gap:10px;margin-top:28px}
  .dn-sheet .dn-ctas a{display:flex;align-items:center;justify-content:center;height:56px;border-radius:999px;font-weight:700;font-size:17px;box-shadow:inset 0 0 0 1.5px rgba(22,20,19,.18)}
  .dn-sheet .dn-ctas a.dn-primary{background:#DCD400;box-shadow:none}
  .dn-dd{left:-8px;min-width:0;width:min(300px,calc(100vw - 48px))}
}
@media (prefers-reduced-motion:reduce){.dn-dd,.dn-sheet,.dn-chev{transition:none}}
