/* Shared by the two built-out vlogmi.com concepts. Fonts are the ones already bundled in the app. */
@font-face{font-family:"Montserrat";src:url("fonts/Montserrat.ttf") format("truetype");font-weight:100 900;font-display:swap}
@font-face{font-family:"Space Mono";src:url("fonts/SpaceMono-Regular.ttf") format("truetype");font-weight:400;font-display:swap}
@font-face{font-family:"Anton";src:url("fonts/Anton-Regular.ttf") format("truetype");font-weight:400;font-display:swap}
:root{
  --ink:#101112;--secondary:#626267;--warm:#FAF9F7;--white:#FFFFFF;--border:#E7E7E9;--coral:#FF765E;--pink:#FA3E72;
  /* The dot above the "i" in the wordmark. */
  --dot:linear-gradient(135deg,#FF8A4C 8%,#FA3E72 52%,#A53DF5 96%);
  --gutter:48px;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:"Montserrat",system-ui,sans-serif;font-weight:500;font-size:17px;line-height:1.5;color:var(--ink);background:var(--warm);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img,video{display:block;max-width:100%}
img{height:auto}
h1,h2,h3,p,ul,ol,figure{margin:0;padding:0}
ul,ol{list-style:none}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;text-align:inherit}
.mono{font-family:"Space Mono",ui-monospace,monospace;font-weight:400}
.wrap{max-width:1240px;margin:0 auto;padding-left:var(--gutter);padding-right:var(--gutter)}
.dot{display:block;flex:none;width:20px;height:20px;border-radius:50%;background:var(--dot)}
.top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:24px;padding-bottom:24px}
.top .logo img{width:118px;height:auto}
.top nav{display:flex;align-items:center;gap:32px;font-weight:600;font-size:15px}
.cta{flex:none;min-width:max-content;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 26px;border-radius:999px;background:var(--ink);color:#fff;font-weight:600;font-size:16px;white-space:nowrap;transition:transform .12s ease}
.cta:hover{transform:translateY(-1px)}
.cta.small{min-height:44px;padding:0 20px;font-size:15px}
.cta.line{background:transparent;color:inherit;box-shadow:inset 0 0 0 2px currentColor}
.cta.light{background:#fff;color:var(--ink)}
.cta .play{width:0;height:0;border-style:solid;border-width:7px 0 7px 11px;border-color:transparent transparent transparent currentColor}
:focus-visible{outline:3px solid var(--pink);outline-offset:3px}
.tag{position:absolute;left:10px;bottom:10px;padding:4px 8px;border-radius:8px;background:rgba(16,17,18,.62);color:#fff;font-size:11px;line-height:1.2;pointer-events:none}
.foot{padding:40px 0 48px;font-size:14px;color:var(--secondary)}
.foot .wrap{display:flex;flex-wrap:wrap;align-items:center;gap:16px 32px}
.foot .logo img{width:84px;height:auto}
.foot nav{display:flex;gap:24px;font-weight:600;color:var(--ink)}
.foot .other{margin-left:auto}
.foot .other a{color:var(--ink);font-weight:600;text-decoration:underline;text-underline-offset:3px}
@media (max-width:720px){
  :root{--gutter:20px}
  body{font-size:16px}
  .top{padding-top:16px;padding-bottom:16px}
  .top .logo img{width:96px}
  .top nav a:not(.cta){display:none}
  .foot .other{margin-left:0;flex-basis:100%}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
[hidden]{display:none!important}