/* Site header, menus and footer. Shared by the home, the price page and every content page, so nothing here styles page content. */
@font-face{font-family:Fraunces;font-style:normal;font-weight:300 500;font-display:swap;src:url("/assets/fraunces-latin-normal-v38.woff2") format("woff2")}
@font-face{font-family:"Inter Tight";font-style:normal;font-weight:400 600;font-display:swap;src:url("/assets/inter-tight-latin-v9.woff2") format("woff2")}
@font-face{font-family:"JetBrains Mono";font-style:normal;font-weight:400 500;font-display:swap;src:url("/assets/jetbrains-mono-latin-v24.woff2") format("woff2")}

:root{
  --paper:#f4efe6; --paper-2:#ebe4d5; --card:#fbf8f2;
  --ink:#13110d; --ink-2:#2a2620; --ink-dim:#6b655a; --ink-faint:#9a9488;
  --rule:#c8c0ae; --rule-soft:#dcd4c2;
  --gold:#e39a3b; --gold-deep:#a8711f; --fail:#a8432a;
  --serif:Fraunces,"Times New Roman",Georgia,serif;
  --sans:"Inter Tight",-apple-system,BlinkMacSystemFont,system-ui,sans-serif;
  --mono:"JetBrains Mono",ui-monospace,Menlo,monospace;
  --wrap:1240px; --pad:48px;
}
*{box-sizing:border-box}
html{overflow-x:clip;scroll-behavior:smooth;scroll-padding-top:84px}
body{overflow-x:clip}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 var(--pad)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;border:0;background:var(--ink);color:var(--paper);font:500 15px/1 var(--sans);padding:14px 22px;border-radius:999px;text-decoration:none;cursor:pointer;transition:background .15s}
.btn:hover{background:#2e2a23}
.btn.sm{font-size:14px;padding:10px 16px}
.btn.line{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
.btn.line:hover{background:var(--ink);color:var(--paper)}

/* header */
.site-bar{position:sticky;top:0;z-index:50;background:rgba(244,239,230,.94);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid transparent;transition:border-color .2s;font-family:var(--sans)}
.site-bar a{text-decoration:none}
.site-bar a:not(.btn){color:inherit}
.site-bar.scrolled{border-bottom-color:var(--rule-soft)}
.site-bar .top{position:relative;display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:var(--wrap);margin:0 auto;padding:14px var(--pad)}
.brand{display:inline-flex;align-items:center;gap:11px;font:400 25px/1 var(--serif);letter-spacing:-.02em;color:var(--ink);text-decoration:none}
.brand img{width:22px;height:22px}
.nav{display:flex;align-items:center;gap:4px}
.dd-btn,.nav-link{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;padding:9px 13px;border:0;border-radius:999px;background:none;font:400 15px/1 var(--sans);color:var(--ink-2);cursor:pointer;transition:background .15s,color .15s}
.dd-btn:hover,.dd.open .dd-btn,.nav-link:hover,.nav-link[aria-current]{color:var(--ink);background:rgba(19,17,13,.055)}
.dd-btn svg{transition:transform .2s}
.dd.open .dd-btn svg{transform:rotate(180deg)}
.nav .btn.sm{margin-left:12px}
.menu-btn{display:none}
.dd-k{margin:4px 0 10px;font:500 10.5px/1.4 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-dim)}
.dd-panel{position:absolute;top:calc(100% - 2px);right:var(--pad);width:min(860px,calc(100% - 2 * var(--pad)));display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 250px;gap:32px;padding:24px;background:var(--card);border:1px solid var(--rule-soft);border-radius:12px;box-shadow:0 1px 0 rgba(19,17,13,.03),0 32px 64px -28px rgba(60,40,10,.3);opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .18s ease,transform .18s ease,visibility 0s linear .18s}
.dd.open .dd-panel{opacity:1;visibility:visible;transform:none;transition:opacity .18s ease,transform .18s ease}
.dd-panel:has(.dd-links){grid-template-columns:minmax(0,1fr) 250px;width:min(720px,calc(100% - 2 * var(--pad)))}
.dd-links,.dd-plain,.dd-markets{list-style:none;margin:0;padding:0}
.dd-links{display:grid;gap:2px}
.dd-links a{display:flex;gap:14px;align-items:flex-start;padding:10px 12px;border-radius:8px;transition:background .15s}
.dd-links a:hover{background:var(--paper)}
.dd-links b{display:block;font:400 18px/1.25 var(--serif);letter-spacing:-.01em;color:var(--ink)}
.dd-links small{display:block;margin-top:3px;font-size:13.5px;line-height:1.4;color:var(--ink-dim)}
.dd-plain a{display:block;padding:7px 0;font-size:15px;line-height:1.3;color:var(--ink-2)}
.dd-plain a:hover{color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.dd-markets a{display:flex;justify-content:space-between;align-items:baseline;padding:8px 0;border-bottom:1px solid var(--rule-soft);font:400 18px/1.25 var(--serif);letter-spacing:-.01em;color:var(--ink)}
.dd-markets a:hover{color:var(--gold-deep)}
.dd-markets b{font-weight:400}
.dd-markets em{font:500 10.5px/1 var(--mono);font-style:normal;letter-spacing:.08em;color:var(--ink-faint)}
.dd-feature{display:flex;flex-direction:column;gap:6px;padding:20px;border-radius:10px;background:var(--paper-2);color:var(--ink);transition:background .15s}
.dd-feature:hover{background:#e6dece}
.dd-feature img{width:92px;height:92px;margin:-4px 0 8px -4px;mix-blend-mode:multiply}
.dd-feature b{font:400 20px/1.2 var(--serif);letter-spacing:-.01em}
.dd-feature small{font-size:13.5px;line-height:1.45;color:var(--ink-dim)}
.dd-feature .go{margin-top:auto;padding-top:14px;font-size:14px;font-weight:500}
.dd-feature .big{font:300 64px/.9 var(--serif);letter-spacing:-.04em;margin-bottom:6px}
.vsmini{display:block;padding:10px 0;border-top:1px solid var(--rule)}
.vsmini span{display:block;font:500 10px/1.6 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint)}
.vsmini b{font:400 17px/1.3 var(--serif);color:var(--ink-dim)}
.vsmini.us b{color:var(--ink)}
.glyph{flex:none;display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--rule-soft);border-radius:9px;background:var(--paper)}
.glyph svg{width:22px;height:22px}

/* footer */
.site-foot{max-width:var(--wrap);margin:0 auto;padding:0 var(--pad) 40px;font:400 15px/1.5 var(--sans);color:var(--ink-2)}
.site-foot a{color:inherit;text-decoration:none}
.foot-cols{display:grid;grid-template-columns:repeat(3,minmax(0,260px));gap:32px 56px;padding-top:56px;border-top:1px solid var(--rule)}
.foot-cols h4{margin:0 0 14px;font:500 10.5px/1.4 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-dim)}
.foot-cols ul{list-style:none;margin:0;padding:0}
.foot-cols li{padding:4px 0;font-size:15px;line-height:1.4}
.foot-cols li a:hover{color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.foot-base{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:56px;padding-top:22px;border-top:1px solid var(--rule-soft);font-size:13px;color:var(--ink-dim)}
.foot-base .brand{font-size:19px}
.foot-base .brand img{width:16px;height:16px}

@media (min-width:861px) and (max-width:1000px){.dd-btn,.nav-link{padding:9px 8px}.nav .btn.sm{margin-left:6px}.site-bar .top{gap:12px}}
@media (max-width:860px){
  :root{--pad:22px}
  .menu-btn{display:inline-flex;padding:8px 15px;border:0;border-radius:999px;background:none;box-shadow:inset 0 0 0 1px var(--ink);font:500 14px/1 var(--sans);color:var(--ink);cursor:pointer}
  .nav{display:none;position:fixed;top:61px;left:0;right:0;bottom:0;overflow:auto;flex-direction:column;align-items:stretch;gap:0;padding:8px var(--pad) 40px;background:var(--paper)}
  .site-bar.menu-open{background:var(--paper);-webkit-backdrop-filter:none;backdrop-filter:none}
  .site-bar.menu-open .nav{display:flex}
  .dd-btn,.nav-link{justify-content:space-between;width:100%;padding:18px 0;border-radius:0;border-bottom:1px solid var(--rule-soft);font:400 22px/1.2 var(--serif)}
  .dd-btn:hover,.dd.open .dd-btn,.nav-link:hover,.nav-link[aria-current]{background:none}
  .dd-panel,.dd-panel:has(.dd-links){position:static;display:none;width:auto;grid-template-columns:1fr;gap:18px;padding:8px 0 20px;border:0;background:none;box-shadow:none;opacity:1;visibility:visible;transform:none;transition:none}
  .dd.open .dd-panel{display:grid}
  .dd-links a{padding:10px 0}
  .dd-feature{display:none}
  .nav .btn.sm{margin:24px 0 0;padding:15px;font-size:16px}
  .foot-cols{grid-template-columns:1fr 1fr}
  .foot-cols>div:last-child{grid-column:1/-1}
  .foot-base{flex-direction:column;align-items:flex-start}
}