.aw{--aw-slate:#161b1d;--aw-slate-card:#1d2325;--aw-slate-line:#ffffff14;--aw-magenta:#ec71cc;--aw-teal:#3ebfac;--aw-pad-y:clamp(84px, 13vh, 156px)}body:has(.aw) header.sticky{background:#000}.aw-tone{padding-block:var(--aw-pad-y);position:relative}.aw-black{background:#000}.aw-slate{--text-faint:#868686;--hairline:var(--aw-slate-line);--hairline-sage:var(--aw-slate-line);background:var(--aw-slate)}.aw-accent,.aw .text-accent{color:var(--aw-magenta)}.aw-shot{border-radius:10px;width:100%;height:auto;display:block;box-shadow:0 44px 120px #000000d1,0 0 0 1px #ffffff1f}.aw-primary{background:var(--accent);height:56px;color:var(--accent-ink);letter-spacing:.04em;justify-content:center;align-items:center;gap:12px;padding:0 28px;font-family:JetBrains Mono,monospace;font-size:15px;font-weight:500;transition:background-color .15s;display:inline-flex}.aw-primary:hover{background:var(--accent-bright)}.aw-primary:active{transform:translateY(1px)}@media (max-width:479px){.aw-primary{letter-spacing:.01em;gap:10px;padding:0 18px;font-size:13.5px}}.aw-ghost{height:56px;color:var(--text);letter-spacing:.04em;border:1px solid #ffffff80;justify-content:center;align-items:center;gap:8px;padding:0 22px;font-family:JetBrains Mono,monospace;font-size:14px;font-weight:500;transition:border-color .15s,background-color .15s,color .15s;display:inline-flex}.aw-ghost:hover{border-color:var(--text);background:var(--text);color:#000}.aw-grid{border:1px solid var(--hairline);background:var(--hairline);gap:1px;display:grid;overflow:hidden}.aw-grid>*{background:#0b0d0e}.aw-slate .aw-grid>*{background:var(--aw-slate-card)}.aw-rule{border-bottom:1px solid #ec71cc59}.aw-dot{background:var(--aw-teal);border-radius:999px;flex-shrink:0;width:4px;height:4px;margin-top:9px}.aw-hero{grid-template-areas:"head""shot""body";row-gap:clamp(24px,3.6vh,34px);display:grid}.aw-hero-head{grid-area:head}.aw-hero-shot{grid-area:shot;margin:0}.aw-hero-body{grid-area:body}@media (min-width:1024px){.aw-hero{grid-template:".shot"1fr"head shot""body shot"".shot"1fr/minmax(0,.95fr) minmax(0,1.2fr);gap:0 clamp(36px,4.4vw,68px)}.aw-hero-shot{align-self:center}.aw-hero-body{margin-top:clamp(20px,3vh,28px)}}.aw-tabs{border:1px solid var(--hairline);background:var(--aw-slate-card);gap:5px;padding:5px;display:grid}@media (min-width:720px){.aw-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}}.aw-tab{min-height:50px;color:var(--muted);text-align:left;align-items:center;gap:11px;padding:10px 14px;font-size:15px;font-weight:500;line-height:1.3;transition:background-color .15s,color .15s,box-shadow .15s;display:flex}.aw-tab:hover{color:var(--text)}.aw-tab[aria-selected=true]{color:var(--text);background:#000;box-shadow:0 0 0 1px #ffffff24}.aw-tab-n{border:1px solid var(--hairline-strong);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-family:JetBrains Mono,monospace;font-size:11.5px;font-weight:600;display:inline-flex}.aw-tab[aria-selected=true] .aw-tab-n{border-color:var(--aw-magenta);background:var(--aw-magenta);color:#000}.aw-demo-frame{flex-direction:column;gap:16px;width:100%;display:flex}.aw-demo-bar{gap:14px;display:grid}.aw-demo-caption{min-height:4.5em}@media (min-width:640px){.aw-demo-frame{width:min(100%, calc((100vh - 250px) * var(--r,2.14)));width:min(100%, calc((100svh - 250px) * var(--r,2.14)))}.aw-demo-caption{min-height:3em}}@media (min-width:1024px){.aw-demo-bar{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:24px}}.aw-stage{display:grid}.aw-stage>*{grid-area:1/1}.aw-frame{opacity:0;visibility:hidden;transition:opacity .28s,visibility .28s}.aw-frame[data-on=true]{opacity:1;visibility:visible}.aw-frame-full{display:none}@media (min-width:640px){.aw-frame-crop{display:none}.aw-frame-full{display:block}}.aw-pip{background:var(--hairline-strong);border-radius:999px;width:7px;height:7px;transition:width .2s,background-color .2s}.aw-pip[data-on=true]{background:var(--aw-magenta);width:20px}.aw-step{height:46px;color:var(--text);border:1px solid #ffffff80;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-family:JetBrains Mono,monospace;font-size:14px;font-weight:500;transition:border-color .15s,background-color .15s;display:inline-flex}.aw-step:hover:not(:disabled){border-color:var(--text)}.aw-step-next{border-color:var(--text);background:var(--text);color:#000}.aw-step-next:hover:not(:disabled){background:#fff;border-color:#fff}.aw-step:disabled{opacity:.38;cursor:default}.aw-marked{margin:0;position:relative}.aw-mark{box-shadow:0 0 0 2px var(--aw-magenta), 0 0 0 5px #00000080;pointer-events:none;border-radius:7px;position:absolute}.aw-mark-n{background:var(--aw-magenta);color:#000;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-family:JetBrains Mono,monospace;font-size:12.5px;font-weight:700;line-height:1;display:inline-flex}.aw-mark>.aw-mark-n{position:absolute;top:0;left:0;transform:translate(-55%,-55%);box-shadow:0 0 0 3px #000}@media (max-width:719px){.aw-mark{box-shadow:0 0 0 1.5px var(--aw-magenta), 0 0 0 3.5px #00000080;border-radius:4px}.aw-mark>.aw-mark-n{width:18px;height:18px;font-size:10px;box-shadow:0 0 0 2px #000}}.aw-detail{border-radius:8px}.aw-sticky{z-index:60;background:#000;border-top:1px solid #ffffff1f;transition:transform .28s;position:fixed;bottom:0;left:0;right:0;transform:translateY(110%);box-shadow:0 -18px 40px #00000073}.aw-sticky[data-shown=true]{transform:translateY(0)}@media (prefers-reduced-motion:reduce){.aw-sticky,.aw-frame,.aw-pip{transition:none}.aw-primary:active{transform:none}}