:root{--av-ink: #171A1E;--av-violet: #6D5CE7;--av-violet-hover: #7C6CEB;--av-violet-press: #5A4BD1;--av-accent: #8B7CFF;--av-mist: #EEEAFE;--av-mist-ink: #4C3FBE;--av-neutral: #5C6572;--av-success: #18A875;--av-warning: #E39A15;--av-error: #E24A4A;--av-bg: #FFFFFF;--av-surface: #F5F7FA;--av-dark: #0D0F14;--av-dark-text: #9AA3B0;--av-border: #E3E7ED;--av-border-strong: #C9D0DA;--av-font: "Helvetica Neue", Helvetica, Arial, system-ui, sans-serif;--av-font-mono: "IBM Plex Mono", Menlo, ui-monospace, monospace;--av-size-display: 56px;--av-size-h1: 42px;--av-size-h2: 30px;--av-size-h3: 22px;--av-size-body-lg: 18px;--av-size-body: 16px;--av-size-body-sm: 14px;--av-size-label: 11px;--av-space-1: 4px;--av-space-2: 8px;--av-space-3: 12px;--av-space-4: 16px;--av-space-6: 24px;--av-space-8: 32px;--av-space-12: 48px;--av-space-16: 64px;--av-radius-sm: 2px;--av-radius-md: 4px;--av-radius-lg: 8px;--av-shell: 1200px;--av-duration: .16s;--av-duration-fast: .12s;--av-easing: cubic-bezier(.2, 0, .2, 1);--av-focus: 0 0 0 2px #FFFFFF, 0 0 0 4px var(--av-violet);--av-app-mark: url(/appavio-app-icon.png);--av-app-mark-size: 24px}.av-page{color:var(--av-ink);background:var(--av-bg);font-family:var(--av-font);font-size:var(--av-size-body);line-height:24px;margin:0;text-rendering:optimizeLegibility}.av-shell{margin-inline:auto;max-inline-size:var(--av-shell);padding-inline:var(--av-space-4)}.av-section{padding-block:var(--av-space-12)}.av-section--surface{background:var(--av-surface);border-block:1px solid var(--av-border)}.av-section--dark{background:var(--av-dark);color:#fff}.av-eyebrow{color:var(--av-neutral);font:600 var(--av-size-label)/16px var(--av-font-mono);letter-spacing:.08em;text-transform:uppercase}.av-h1{font-size:clamp(32px,5.5vw,var(--av-size-display));font-weight:620;letter-spacing:-.02em;line-height:1.07;margin:0;max-inline-size:15ch;text-wrap:balance}.av-h2{font-size:clamp(24px,3.4vw,var(--av-size-h2));font-weight:600;letter-spacing:-.01em;line-height:1.2;margin:0}.av-h3{font-size:var(--av-size-h3);font-weight:600;letter-spacing:-.01em;line-height:28px;margin:0}.av-lede{color:var(--av-neutral);font-size:var(--av-size-body-lg);line-height:28px;margin:0;max-inline-size:52ch;text-wrap:pretty}.av-mono{font-family:var(--av-font-mono);font-size:var(--av-size-body-sm)}.av-link{color:var(--av-ink);text-decoration:underline;text-underline-offset:3px}.av-link:hover{color:var(--av-violet)}.av-link:visited{color:var(--av-ink)}.av-page :focus-visible{border-radius:var(--av-radius-md);box-shadow:var(--av-focus);outline:2px solid transparent;outline-offset:2px}.av-section--dark :focus-visible,.av-footer :focus-visible{box-shadow:0 0 0 2px var(--av-dark),0 0 0 4px var(--av-accent)}.av-btn{align-items:center;border:1px solid transparent;border-radius:var(--av-radius-md);cursor:pointer;display:inline-flex;font:600 var(--av-size-body-sm)/1 var(--av-font);gap:var(--av-space-2);justify-content:center;min-block-size:44px;padding-inline:var(--av-space-4);text-decoration:none;transition:background-color var(--av-duration) var(--av-easing),border-color var(--av-duration) var(--av-easing),color var(--av-duration) var(--av-easing)}.av-btn--lg{font-size:var(--av-size-body);min-block-size:52px;padding-inline:var(--av-space-6)}.av-btn--primary{background:var(--av-violet);color:#fff}.av-btn--primary:hover{background:var(--av-violet-hover)}.av-btn--primary:active{background:var(--av-violet-press)}.av-btn--secondary{background:var(--av-bg);border-color:var(--av-border-strong);color:var(--av-ink)}.av-btn--secondary:hover{border-color:var(--av-ink)}.av-btn--secondary:active{background:var(--av-surface)}.av-btn--tertiary{background:transparent;color:var(--av-ink);padding-inline:var(--av-space-2)}.av-btn--tertiary:hover{background:var(--av-surface)}.av-btn[aria-disabled=true],.av-btn[disabled]{cursor:not-allowed;opacity:.4}.av-btn--full{inline-size:100%}.av-nav{background:var(--av-bg);border-block-end:1px solid var(--av-border);inset-block-start:0;position:sticky;z-index:40}.av-nav.is-scrolled{box-shadow:0 1px 2px #171a1e0f}.av-nav__bar{align-items:center;display:flex;gap:var(--av-space-6);justify-content:space-between;min-block-size:72px}.av-nav__logo{align-items:center;color:var(--av-ink);display:inline-flex;gap:var(--av-space-3);min-block-size:44px;text-decoration:none}.av-nav__wordmark{font:620 22px/1 var(--av-font);letter-spacing:-.01em}.av-nav__links{display:none;gap:var(--av-space-8)}.av-nav__link{color:var(--av-neutral);font:500 var(--av-size-body-sm)/44px var(--av-font);text-decoration:none}.av-nav__link:hover{color:var(--av-ink)}.av-nav__toggle{align-items:center;background:none;border:0;border-radius:var(--av-radius-md);color:var(--av-ink);cursor:pointer;display:inline-flex;justify-content:center;min-block-size:44px;min-inline-size:44px}.av-nav__toggle:hover{background:var(--av-surface)}.av-nav__menu{border-block-start:1px solid var(--av-border);display:none;padding-block-end:var(--av-space-4)}.av-nav__menu.is-open{display:block}.av-nav__menu .av-nav__link{display:block;font-size:var(--av-size-body);line-height:48px}.av-hero{align-items:center;display:flex;flex-wrap:wrap;gap:var(--av-space-12)}.av-hero__copy{align-items:flex-start;display:flex;flex:1 1 420px;flex-direction:column;gap:var(--av-space-6);min-inline-size:min(100%,280px)}.av-hero__actions{display:flex;flex-wrap:wrap;gap:var(--av-space-3)}.av-figure{display:flex;flex:1 1 380px;flex-direction:column;gap:var(--av-space-3);margin:0;min-inline-size:min(100%,280px)}.av-frame{aspect-ratio:16 / 10;background:var(--av-surface);border:1px solid var(--av-border);border-radius:var(--av-radius-lg);overflow:hidden}.av-frame--portrait{aspect-ratio:9 / 16;inline-size:min(320px,100%)}.av-frame img{block-size:100%;display:block;inline-size:100%;object-fit:cover}.av-figure__caption{color:var(--av-neutral);font:400 13px/18px var(--av-font-mono)}.av-video{aspect-ratio:16 / 9;background:var(--av-dark);border:1px solid var(--av-border-strong);border-radius:var(--av-radius-lg);overflow:hidden;position:relative}.av-video img,.av-video iframe{block-size:100%;border:0;display:block;inline-size:100%;top:0;right:0;bottom:0;left:0;object-fit:cover;position:absolute}.av-video__play{align-items:center;background:var(--av-violet);border:0;border-radius:var(--av-radius-md);color:#fff;cursor:pointer;display:inline-flex;font:600 var(--av-size-body)/1 var(--av-font);gap:var(--av-space-3);inset-block-end:var(--av-space-4);inset-inline-start:var(--av-space-4);min-block-size:56px;padding-inline:var(--av-space-6) var(--av-space-4);position:absolute;transition:background-color var(--av-duration) var(--av-easing)}.av-video__play:hover{background:var(--av-violet-hover)}.av-video__play:active{background:var(--av-violet-press)}.av-video__play.is-loading{cursor:progress;opacity:.72}.av-video__duration{font-family:var(--av-font-mono);font-size:12px;opacity:.72}.av-chapters{display:flex;flex-direction:column;gap:var(--av-space-3);list-style:none;margin:0;padding:0}.av-chapters li{border-block-start:1px solid var(--av-border);display:flex;gap:var(--av-space-4);padding-block:var(--av-space-2)}.av-chapters__time{color:var(--av-neutral);font:400 13px/20px var(--av-font-mono)}.av-grid{display:grid;gap:var(--av-space-6);grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}.av-step{border-block-start:2px solid var(--av-ink);display:flex;flex-direction:column;gap:var(--av-space-3);padding-block-start:var(--av-space-4)}.av-step--final{border-block-start-color:var(--av-violet)}.av-card{background:var(--av-bg);border:1px solid var(--av-border);border-radius:var(--av-radius-lg);display:flex;flex-direction:column;gap:var(--av-space-3);padding:var(--av-space-6)}.av-card--emphasis{border-color:var(--av-ink)}.av-card__body{color:var(--av-neutral);margin:0}.av-checklist{display:flex;flex-direction:column;gap:var(--av-space-3);list-style:none;margin:0;padding:0}.av-checklist li{display:flex;gap:var(--av-space-3)}.av-checklist svg{flex:none;margin-block-start:4px}.av-badge{background:var(--av-mist);border-radius:var(--av-radius-sm);color:var(--av-mist-ink);display:inline-block;font:600 12px/18px var(--av-font);padding:2px var(--av-space-2)}.av-spec{margin:0}.av-spec__row{border-block-start:1px solid var(--av-border);display:flex;flex-wrap:wrap;gap:var(--av-space-2) var(--av-space-6);padding-block:var(--av-space-4)}.av-spec__row:last-child{border-block-end:1px solid var(--av-border)}.av-spec dt{color:var(--av-neutral);flex:0 0 180px;font:600 var(--av-size-label)/20px var(--av-font-mono);letter-spacing:.08em;text-transform:uppercase}.av-spec dd{flex:1 1 200px;margin:0}.av-faq{display:grid;gap:0 var(--av-space-12);grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr))}.av-faq__item{border-block-end:1px solid var(--av-border-strong)}.av-faq__summary{align-items:center;cursor:pointer;display:flex;font:600 var(--av-size-body-lg)/28px var(--av-font);gap:var(--av-space-4);justify-content:space-between;list-style:none;min-block-size:44px;padding-block:var(--av-space-4)}.av-faq__summary::-webkit-details-marker{display:none}.av-faq__caret{flex:none;transition:transform var(--av-duration) var(--av-easing)}.av-faq__item[open] .av-faq__caret{transform:rotate(180deg)}.av-faq__answer{color:var(--av-neutral);margin:0 0 var(--av-space-4);max-inline-size:60ch;padding-inline-end:40px}.av-band{align-items:center;display:flex;flex-wrap:wrap;gap:var(--av-space-8);justify-content:space-between}.av-band .av-h2,.av-footer__wordmark{color:#fff}.av-band__note,.av-footer p,.av-footer__label{color:var(--av-dark-text)}.av-footer{background:var(--av-dark);border-block-start:1px solid rgba(255,255,255,.12)}.av-footer__cols{display:flex;flex-wrap:wrap;gap:var(--av-space-8) var(--av-space-12);justify-content:space-between;padding-block:var(--av-space-12)}.av-footer a{color:#fff;font:400 var(--av-size-body-sm)/32px var(--av-font);text-decoration:none}.av-footer a:hover{color:var(--av-accent)}.av-footer__label{font:600 var(--av-size-label)/16px var(--av-font-mono);letter-spacing:.08em;text-transform:uppercase}.av-footer__legal{border-block-start:1px solid rgba(255,255,255,.12);color:var(--av-dark-text);font:400 12px/20px var(--av-font-mono);padding-block:var(--av-space-4)}.av-sticky{align-items:center;background:var(--av-bg);border-block-start:1px solid var(--av-border);box-shadow:0 -1px 2px #171a1e0f;display:flex;gap:var(--av-space-3);inset-block-end:0;inset-inline:0;padding:var(--av-space-3) var(--av-space-4);padding-block-end:calc(var(--av-space-3) + env(safe-area-inset-bottom));position:fixed;transform:translateY(120%);transition:transform var(--av-duration) var(--av-easing);z-index:50}.av-sticky.is-visible{transform:translateY(0)}.av-sticky__note{color:var(--av-neutral);flex:1 1 auto;font-size:13px;line-height:18px}@media(min-width:600px){.av-shell{padding-inline:20px}}@media(min-width:900px){.av-shell{padding-inline:var(--av-space-6)}.av-section{padding-block:var(--av-space-16)}.av-nav__links{display:flex}.av-nav__toggle,.av-sticky{display:none}}@media(min-width:1248px){.av-shell{padding-inline:0}}@media(prefers-reduced-motion:reduce){.av-btn,.av-faq__caret,.av-sticky,.av-video__play{transition-duration:1ms}.av-sticky{transform:translateY(120%)}.av-sticky.is-visible{transform:translateY(0)}}