.nav{position:relative;z-index:10}.nav__in{gap:28px;height:76px}.nav__brand,.nav__in{display:flex;align-items:center}.nav__brand{gap:9px;font-family:var(--display);font-weight:700;font-size:17px;letter-spacing:-.01em}.nav__logo{width:26px;height:26px;border-radius:7px;flex:none}.nav__links{display:flex;gap:22px;font-size:14.5px;color:var(--ink-2);margin-left:8px}.nav__links a:hover{color:var(--ink)}.nav__cta{margin-left:auto;display:flex;align-items:center;gap:16px}.nav__admin,.nav__signin{font-size:14.5px;color:var(--ink-2)}.nav__admin:hover,.nav__signin:hover{color:var(--ink)}.nav--dark .nav__admin,.nav--dark .nav__brand,.nav--dark .nav__links a,.nav--dark .nav__signin{color:#fff}.nav--dark .nav__links a{opacity:.8}.nav--dark .nav__links a:hover,.nav--dark .nav__signin:hover{opacity:1}.nav--dark .nav__mark{background:var(--mint)}.nav--dark .nav__mark:after{filter:brightness(0) saturate(100%) invert(14%) sepia(30%) saturate(1200%) hue-rotate(130deg)}@media (max-width:720px){.nav__links{display:none}}.hero{padding:64px 0 0}.hero__in{padding-bottom:44px}.hero__in>*{max-width:820px}.hero h1{margin:16px 0 22px}.hero__lede{font-size:20px;max-width:46ch}.hero__cta{display:flex;gap:12px;margin-top:32px;flex-wrap:wrap}.hero__fine{margin-top:18px;font-family:var(--mono);font-size:12px;color:var(--ink-3)}.hero__demo{padding-bottom:8px}.hero__frame{padding:14px;border-radius:24px;background:linear-gradient(180deg,var(--paper-2),var(--paper));border:1px solid var(--line);box-shadow:0 40px 100px -40px #14201e33}.hero__frame .replay{height:520px;box-shadow:0 1px 2px #14201e14,0 20px 50px -30px #14201e40}@media (max-width:720px){.hero{padding-top:32px}.hero__frame{padding:8px;border-radius:18px}.hero__frame .replay{height:440px}}.sec{padding:112px 24px}.sec--tight{padding-top:40px}.sec h2{margin:12px 0 40px;max-width:26ch}.does{display:grid;grid-gap:0;gap:0;border-top:1px solid var(--line)}.does__row{display:grid;grid-template-columns:160px 1fr;grid-gap:24px;gap:24px;align-items:baseline;padding:26px 0;border-bottom:1px solid var(--line)}.does__k{font-family:var(--display);font-weight:500;font-size:24px;letter-spacing:-.02em;color:var(--ink);font-variation-settings:"opsz" 48,"SOFT" 40}.does__row p{color:var(--ink-2);max-width:62ch}@media (max-width:600px){.does__row{grid-template-columns:1fr;gap:6px}}.plans{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:14px;gap:14px}.plan{position:relative;background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);padding:24px 22px;display:flex;flex-direction:column;gap:10px}.plan--featured{border-color:var(--teal);box-shadow:0 0 0 1px var(--teal) inset}.plan--free{background:var(--paper-2)}.plan__tag{position:absolute;top:-11px;left:20px;font-size:10.5px;letter-spacing:.08em;background:var(--teal);color:#fff;padding:3px 9px;border-radius:999px}.plan__name,.plan__tag{font-family:var(--mono);text-transform:uppercase}.plan__name{font-size:11.5px;letter-spacing:.12em;color:var(--ink-3)}.plan__price{font-family:var(--display);font-weight:500;font-size:44px;letter-spacing:-.03em;line-height:1;font-variation-settings:"opsz" 72}.plan__price span{font-size:15px;font-weight:500;color:var(--ink-3);letter-spacing:0;margin-left:2px}.plan__for{color:var(--ink-2);font-size:14px;min-height:2.6em}.plan__list{list-style:none;margin:0 0 8px;padding:0;display:grid;grid-gap:6px;gap:6px;font-size:13.5px;color:var(--ink-2);flex:1 1}.plan__list li{padding-left:16px;position:relative}.plan__list li:before{content:"";position:absolute;left:0;top:.55em;width:7px;height:7px;border-radius:50%;background:var(--teal)}.plan .btn{justify-content:center}.plans__note{margin-top:18px;font-size:13.5px;color:var(--ink-3);max-width:70ch}@media (max-width:960px){.plans{grid-template-columns:repeat(2,1fr)}}@media (max-width:520px){.plans{grid-template-columns:1fr}}.honest{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:28px;gap:28px;margin-top:10px}.honest h3{margin-bottom:8px}.honest p{font-size:14.5px}@media (max-width:800px){.honest{grid-template-columns:1fr}}.foot{border-top:1px solid var(--line);padding:28px 0 40px;margin-top:40px}.foot__in{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.foot__brand{font-family:var(--display);font-weight:500;font-size:18px}.foot__links{display:flex;gap:18px;font-size:13.5px;color:var(--ink-2);margin-left:auto;flex-wrap:wrap}.foot__links a:hover{color:var(--ink)}