.landing-demo{--mock-accent: var(--vermilion);--mock-primary: var(--vermilion);--mock-chart-1: color-mix(in oklch, var(--vermilion) 100%, transparent);--mock-chart-2: color-mix(in oklch, var(--vermilion) 60%, transparent);--mock-chart-3: color-mix(in oklch, var(--vermilion) 25%, transparent);--mock-rule: var(--rule);--mock-ink: var(--foreground);--mock-ink-2: var(--muted-foreground);--mock-paper: var(--background);--mock-card: color-mix(in oklch, var(--muted) 30%, transparent);min-height:600px;display:flex;flex-direction:column;gap:24px}.demo-chat{--chat-bg: color-mix(in oklch, var(--background) 92%, var(--foreground) 8%);--chat-panel-bg: color-mix( in oklch, var(--background) 96%, var(--foreground) 4% );--chat-rule: color-mix(in oklch, var(--foreground) 10%, transparent);--chat-rule-strong: color-mix(in oklch, var(--foreground) 18%, transparent);--chat-ink: var(--foreground);--chat-ink-2: color-mix(in oklch, var(--foreground) 65%, transparent);--chat-ink-3: color-mix(in oklch, var(--foreground) 45%, transparent);display:grid;grid-template-columns:220px minmax(0,1fr) 260px;gap:0;border:1px solid var(--chat-rule-strong);border-radius:12px;overflow:hidden;background:var(--chat-bg);box-shadow:0 1px color-mix(in oklch,var(--foreground) 4%,transparent) inset,0 1px 2px color-mix(in oklch,var(--foreground) 8%,transparent),0 24px 48px -24px color-mix(in oklch,var(--foreground) 14%,transparent);min-height:380px}@media(max-width:880px){.demo-chat{grid-template-columns:1fr;grid-template-rows:auto auto auto}}.demo-chat__sidebar,.demo-chat__rail{padding:18px;font-family:var(--font-mono);font-size:.78rem;color:var(--chat-ink-2);background:var(--chat-bg)}.demo-chat__sidebar{border-right:1px solid var(--chat-rule)}.demo-chat__rail{border-left:1px solid var(--chat-rule)}@media(max-width:880px){.demo-chat__sidebar{border-right:none;border-bottom:1px solid var(--chat-rule)}.demo-chat__rail{border-left:none;border-top:1px solid var(--chat-rule)}}.demo-chat__sidebar-label,.demo-chat__rail-label{font-size:.66rem;text-transform:uppercase;letter-spacing:.14em;color:var(--chat-ink-3);margin-bottom:14px}.demo-chat__sidebar-row{display:inline-flex;align-items:center;gap:9px;color:var(--chat-ink);font-weight:500;font-size:.85rem}.demo-chat__sidebar-sub{margin-top:6px;font-size:.7rem;color:var(--chat-ink-3);padding-left:16px}.demo-chat__dot{display:inline-block;width:7px;height:7px;background:var(--vermilion);border-radius:999px;flex-shrink:0;box-shadow:0 0 0 3px color-mix(in oklch,var(--vermilion) 16%,transparent)}.demo-chat__rail-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px;font-size:.78rem;color:var(--chat-ink-2)}.demo-chat__rail-list li{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border:1px solid var(--chat-rule);border-radius:4px;background:var(--chat-panel-bg);width:fit-content}.demo-chat__rail-arrow{display:inline-block;color:var(--chat-ink-3)}.demo-chat__main{display:flex;flex-direction:column;min-height:0;background:var(--chat-panel-bg)}.demo-chat__messages{flex:1;padding:32px 32px 24px;display:flex;flex-direction:column;gap:14px;min-height:240px}.demo-chat__bubble{align-self:flex-end;max-width:80%;background:color-mix(in oklch,var(--foreground) 7%,transparent);border:1px solid var(--chat-rule);border-radius:10px;padding:12px 16px}.demo-chat__bubble[data-just-sent]{animation:demo-bubble-in .28s ease-out;transform-origin:bottom right}@keyframes demo-bubble-in{0%{opacity:0;transform:translateY(8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){.demo-chat__bubble[data-just-sent]{animation:none}}.demo-chat__bubble-meta{font-family:var(--font-mono);font-size:.66rem;text-transform:uppercase;letter-spacing:.14em;color:var(--chat-ink-3);margin-bottom:4px}.demo-chat__bubble p{margin:0;font-size:.94rem;color:var(--chat-ink);line-height:1.5}.demo-chat__input-row{display:flex;gap:10px;padding:14px 18px 18px;border-top:1px solid var(--chat-rule);background:var(--chat-panel-bg)}.demo-chat__input{flex:1;min-width:0;border:1px solid var(--chat-rule);border-radius:10px;padding:10px 14px;font-family:var(--font-sans);font-size:.92rem;color:var(--chat-ink);background:var(--chat-bg);cursor:not-allowed;outline:none;box-shadow:0 0 0 1px color-mix(in oklch,var(--vermilion) 18%,transparent) inset}.demo-chat__input::placeholder{color:var(--chat-ink-3)}.demo-chat__input:disabled{color:var(--chat-ink);opacity:1;-webkit-text-fill-color:var(--chat-ink)}.demo-chat__send{display:inline-flex;align-items:center;gap:6px;border:none;background:var(--vermilion);color:var(--background);padding:9px 14px;border-radius:8px;font-family:var(--font-mono);font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;cursor:pointer;transition:filter .16s ease,transform 80ms ease;animation:demo-pulse 2.4s ease-in-out infinite}.demo-chat__send:hover{filter:brightness(1.08)}.demo-chat__send:active{transform:translateY(1px)}.demo-chat__send:disabled{opacity:.55;cursor:not-allowed;animation:none}.demo-chat__send:focus-visible{outline:2px solid color-mix(in oklch,var(--vermilion) 40%,transparent);outline-offset:2px}@keyframes demo-pulse{0%,to{box-shadow:0 0 color-mix(in oklch,var(--vermilion) 40%,transparent)}50%{box-shadow:0 0 0 8px color-mix(in oklch,var(--vermilion) 0%,transparent)}}@media(prefers-reduced-motion:reduce){.demo-chat__send{animation:none}}.demo-frame{position:relative;border:1px solid var(--mock-rule);background:var(--mock-card);border-radius:8px;overflow:hidden;box-shadow:0 1px color-mix(in oklch,var(--foreground) 6%,transparent) inset,0 1px 2px color-mix(in oklch,var(--foreground) 12%,transparent),0 12px 24px -12px color-mix(in oklch,var(--foreground) 18%,transparent),0 36px 80px -32px color-mix(in oklch,var(--foreground) 30%,transparent);transition:background-color .24s ease,border-color .24s ease}.demo-frame[data-published]{box-shadow:0 0 0 1px color-mix(in oklch,var(--mock-accent) 30%,transparent),0 1px 2px color-mix(in oklch,var(--foreground) 12%,transparent),0 12px 24px -12px color-mix(in oklch,var(--foreground) 18%,transparent),0 36px 80px -32px color-mix(in oklch,var(--mock-accent) 30%,transparent)}.demo-frame__chrome{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 20px;border-bottom:1px solid var(--mock-rule);font-family:var(--font-mono);font-size:.78rem;color:var(--mock-ink-2);opacity:0;transition:opacity .2s ease}.demo-frame__chrome[data-visible]{opacity:1}@media(max-width:720px){.demo-frame__chrome{flex-wrap:wrap;row-gap:10px}}.demo-frame__url{display:flex;align-items:center;gap:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.demo-frame__dot{width:7px;height:7px;background:var(--mock-accent);flex-shrink:0}.demo-frame__url-text{color:var(--mock-ink-2)}.demo-frame__url-id{color:var(--mock-ink)}.demo-frame__controls{display:inline-flex;align-items:center;gap:8px;flex-shrink:0}.demo-frame__ctrl{display:inline-flex;align-items:center;gap:4px;border:1px solid color-mix(in oklch,var(--mock-rule) 80%,transparent);background:var(--mock-paper);color:var(--mock-ink);font-family:var(--font-mono);font-size:.74rem;padding:4px 8px;border-radius:4px;cursor:pointer;transition:background-color .16s ease,border-color .16s ease,color .16s ease}.demo-frame__ctrl:hover:not(:disabled){border-color:color-mix(in oklch,var(--mock-accent) 60%,transparent)}.demo-frame__ctrl:disabled{opacity:.55;cursor:default}.demo-frame__ctrl:focus-visible{outline:2px solid color-mix(in oklch,var(--mock-accent) 40%,transparent);outline-offset:2px}.demo-frame__publish{display:inline-flex;align-items:center;border:1px solid var(--mock-ink);background:var(--mock-ink);color:var(--mock-paper);font-family:var(--font-mono);font-size:.74rem;text-transform:uppercase;letter-spacing:.06em;padding:4px 10px;border-radius:4px;cursor:pointer;transition:background-color .16s ease,border-color .16s ease,opacity .16s ease}.demo-frame__publish:hover:not(:disabled){background:var(--mock-accent);border-color:var(--mock-accent)}.demo-frame__publish:disabled{opacity:.45;cursor:not-allowed}.demo-frame__published{display:inline-flex;align-items:center;gap:6px;background:color-mix(in oklch,var(--mock-accent) 16%,transparent);color:var(--mock-accent);border:1px solid color-mix(in oklch,var(--mock-accent) 40%,transparent);font-family:var(--font-mono);font-size:.74rem;text-transform:uppercase;letter-spacing:.06em;padding:4px 10px;border-radius:999px}.demo-frame__body{padding:clamp(20px,3vw,36px);background:var(--mock-paper)}.demo-frame__title-block,.demo-kpis,.demo-chart,.demo-table,.demo-frame__footnote{opacity:0;transform:translateY(4px);transition:opacity .28s ease,transform .28s ease}.demo-frame__title-block[data-visible],.demo-kpis[data-visible],.demo-chart[data-visible],.demo-table[data-visible],.demo-frame__footnote[data-visible]{opacity:1;transform:translateY(0)}@media(prefers-reduced-motion:reduce){.demo-frame__title-block,.demo-kpis,.demo-chart,.demo-table,.demo-frame__footnote{transition:none;transform:none}}.demo-frame__title{font-family:var(--font-display);font-weight:500;font-size:1.25rem;letter-spacing:-.015em;margin:0 0 4px;color:var(--mock-ink)}.demo-frame__subtitle{font-family:var(--font-mono);font-size:.78rem;color:var(--mock-ink-2);margin:0 0 28px}.demo-kpis{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--mock-rule);border-bottom:1px solid var(--mock-rule)}.demo-kpi{padding:18px 20px 18px 0;border-right:1px solid var(--mock-rule)}.demo-kpi:last-child{border-right:none;padding-right:0}.demo-kpi:not(:first-child){padding-left:20px}.demo-kpi__label{font-family:var(--font-mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--mock-ink-2);margin-bottom:10px}.demo-kpi__value{font-family:var(--font-display);font-size:1.7rem;font-weight:400;letter-spacing:-.02em;color:var(--mock-ink);display:flex;align-items:baseline;gap:8px}.demo-kpi__delta{font-family:var(--font-mono);font-size:.74rem;color:var(--mock-ink-2)}.demo-kpi__delta[data-trend=up]{color:var(--mock-accent)}@media(max-width:720px){.demo-kpis{grid-template-columns:repeat(2,1fr)}.demo-kpi{padding:14px;border-right:1px solid var(--mock-rule);border-bottom:1px solid var(--mock-rule)}.demo-kpi:nth-child(2n){border-right:none}.demo-kpi:nth-last-child(-n+2){border-bottom:none}}.demo-chart-wrap{margin-top:32px;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:32px}@media(max-width:820px){.demo-chart-wrap{grid-template-columns:1fr}}.demo-chart{border:1px solid var(--mock-rule);padding:20px}.demo-chart__head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:18px}.demo-chart__title{font-family:var(--font-display);font-weight:500;font-size:.95rem;letter-spacing:-.01em;color:var(--mock-ink)}.demo-chart__note{font-family:var(--font-mono);font-size:.72rem;color:var(--mock-ink-2)}.demo-chart svg{width:100%;height:200px;display:block}.demo-chart__line{fill:none;stroke:var(--mock-ink);stroke-width:1.5}.demo-chart__area{fill:color-mix(in oklch,var(--mock-accent) 14%,transparent)}.demo-chart__grid{stroke:var(--mock-rule);stroke-width:1}.demo-chart__axis{font-family:var(--font-mono);font-size:10px;fill:var(--mock-ink-2)}.demo-chart__marker{fill:var(--mock-paper);stroke:var(--mock-accent);stroke-width:1.5}.demo-table{border:1px solid var(--mock-rule);font-size:.86rem}.demo-table__row{display:grid;grid-template-columns:1fr auto auto;gap:12px;padding:11px 14px;border-bottom:1px solid var(--mock-rule);align-items:center}.demo-table__row:last-child{border-bottom:none}.demo-table__row--head{font-family:var(--font-mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--mock-ink-2);background:color-mix(in oklch,var(--mock-ink) 6%,transparent)}.demo-table__id{font-family:var(--font-mono);color:var(--mock-ink-2)}.demo-table__val{font-family:var(--font-mono);color:var(--mock-ink)}.demo-table__status{font-family:var(--font-mono);font-size:.74rem;color:var(--mock-ink-2);display:inline-flex;align-items:center;gap:6px}.demo-table__status:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--mock-ink-2)}.demo-table__status[data-status=ok]:before{background:var(--mock-accent)}.demo-frame__footnote{padding:12px 20px;border-top:1px solid color-mix(in oklch,var(--mock-rule) 80%,transparent);background:color-mix(in oklch,var(--mock-card) 60%,transparent);font-family:var(--font-mono);font-size:10px;color:var(--mock-ink-2);text-align:center;text-transform:uppercase;letter-spacing:.12em}.landing-demo__footer{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-top:16px;border-top:1px solid var(--rule)}@media(max-width:640px){.landing-demo__footer{flex-direction:column;align-items:flex-start}}.landing-demo__caption{margin:0;font-size:.92rem;color:var(--muted-foreground);max-width:60ch}.landing-demo__caption code{font-family:var(--font-mono);font-size:.85em;color:var(--foreground);background:color-mix(in oklch,var(--vermilion) 10%,transparent);padding:1px 6px}.landing-demo__reset{background:transparent;border:1px solid var(--rule);color:var(--muted-foreground);font-family:var(--font-mono);font-size:.74rem;text-transform:uppercase;letter-spacing:.06em;padding:6px 12px;border-radius:4px;cursor:pointer;transition:color .16s ease,border-color .16s ease}.landing-demo__reset:hover{color:var(--vermilion);border-color:var(--vermilion)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:880px){.landing-demo{min-height:auto;gap:16px}.demo-chat{min-height:auto}.demo-chat__messages{min-height:auto;padding:18px 18px 14px;gap:10px}}@media(max-width:540px){.demo-chat__sidebar,.demo-chat__rail{padding:14px 16px;font-size:.74rem}.demo-chat__sidebar-label,.demo-chat__rail-label{margin-bottom:10px;font-size:.62rem}.demo-chat__rail-list{flex-direction:row;flex-wrap:wrap;gap:6px}}@media(max-width:480px){.demo-chat__input-row{padding:12px 14px 14px;gap:8px}.demo-chat__input{padding:9px 12px;font-size:.88rem}.demo-chat__send{flex:0 0 auto;padding:8px 10px;font-size:.72rem;letter-spacing:.04em}.demo-frame__chrome{padding:10px 12px;gap:8px;font-size:.72rem}.demo-frame__url{flex:1 1 0}.demo-frame__url-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.demo-frame__ctrl,.demo-frame__publish,.demo-frame__published{font-size:.7rem;padding:3px 8px}.demo-frame__body{padding:clamp(12px,3vw,36px)}.demo-frame__title{font-size:1.1rem}.demo-frame__subtitle{margin-bottom:20px;font-size:.72rem}.demo-chart{padding:16px 14px}.demo-chart__title{font-size:.85rem}.demo-chart__note{font-size:.68rem}.demo-chart svg{height:160px}.demo-table{font-size:.78rem}.demo-table__row{padding:9px 10px;gap:8px}.demo-kpi__value{font-size:1.4rem}}@media(max-width:420px){.demo-kpis{grid-template-columns:1fr}.demo-kpi{padding:12px 14px;border-right:none;border-bottom:1px solid var(--mock-rule)}.demo-kpi:last-child{border-bottom:none}}html{scroll-behavior:smooth;scroll-padding-top:80px}.ink-1:where(.astro-j7pv25f6){color:var(--foreground)}.ink-2:where(.astro-j7pv25f6){color:var(--muted-foreground)}.ink-3:where(.astro-j7pv25f6){color:color-mix(in oklch,var(--muted-foreground) 70%,transparent)}.rule:where(.astro-j7pv25f6){border:0;border-top:1px solid var(--rule)}.container:where(.astro-j7pv25f6){max-width:1180px;margin:0 auto;padding:0 clamp(20px,4vw,56px)}.topbar:where(.astro-j7pv25f6){border-bottom:1px solid var(--rule);background:color-mix(in oklch,var(--background) 88%,transparent);position:sticky;top:0;z-index:50;backdrop-filter:blur(8px)}.topbar__inner:where(.astro-j7pv25f6){display:flex;align-items:center;justify-content:space-between;padding:18px 0}.topbar__nav:where(.astro-j7pv25f6){display:flex;align-items:center;gap:28px;font-family:var(--font-mono);font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted-foreground)}.topbar__nav:where(.astro-j7pv25f6) a:where(.astro-j7pv25f6){color:inherit;text-decoration:none;transition:color .16s ease}.topbar__nav:where(.astro-j7pv25f6) a:where(.astro-j7pv25f6):hover{color:var(--foreground)}@media(max-width:720px){.topbar__nav__links:where(.astro-j7pv25f6){display:none}.topbar__nav:where(.astro-j7pv25f6){gap:12px}}.btn:where(.astro-j7pv25f6){display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border:1px solid var(--rule);background:transparent;color:var(--foreground);font-family:var(--font-mono);font-size:.78rem;letter-spacing:.04em;text-transform:uppercase;text-decoration:none;transition:border-color .16s ease,color .16s ease,background .16s ease}.btn:where(.astro-j7pv25f6):hover{border-color:var(--vermilion);color:var(--vermilion)}.btn--solid:where(.astro-j7pv25f6){background:var(--foreground);color:var(--background);border-color:var(--foreground)}.btn--solid:where(.astro-j7pv25f6):hover{background:var(--vermilion);border-color:var(--vermilion);color:var(--background)}.hero:where(.astro-j7pv25f6){padding:clamp(60px,10vw,120px) 0 clamp(40px,6vw,64px);border-bottom:1px solid var(--rule)}.eyebrow:where(.astro-j7pv25f6){font-family:var(--font-mono);font-size:.74rem;text-transform:uppercase;letter-spacing:.16em;color:var(--vermilion);display:inline-flex;align-items:center;gap:10px}.eyebrow:where(.astro-j7pv25f6):before{content:"";display:inline-block;width:18px;height:1px;background:var(--vermilion)}.hero:where(.astro-j7pv25f6) h1:where(.astro-j7pv25f6){font-family:var(--font-display);font-weight:400;font-size:clamp(1.95rem,8.4vw,4.6rem);line-height:1.04;letter-spacing:-.03em;margin:28px 0 24px;max-width:16ch;color:var(--foreground);overflow-wrap:anywhere;hyphens:auto}.hero:where(.astro-j7pv25f6) h1:where(.astro-j7pv25f6) .hl:where(.astro-j7pv25f6){color:var(--muted-foreground);position:relative}.hero:where(.astro-j7pv25f6) h1:where(.astro-j7pv25f6) .hl:where(.astro-j7pv25f6):before{content:"";position:absolute;left:-.08em;right:-.08em;bottom:.08em;height:.36em;background:color-mix(in oklch,var(--vermilion) 14%,transparent);z-index:-1}.hero__sub:where(.astro-j7pv25f6){font-size:clamp(1rem,1.6vw,1.18rem);line-height:1.55;color:var(--muted-foreground);max-width:56ch;margin:0 0 36px}.hero__ctas:where(.astro-j7pv25f6){display:flex;gap:12px;flex-wrap:wrap;margin-bottom:48px}.hero__meta:where(.astro-j7pv25f6){display:flex;flex-wrap:wrap;gap:16px 32px;padding-top:24px;border-top:1px solid var(--rule);font-family:var(--font-mono);font-size:.78rem;color:var(--muted-foreground);letter-spacing:.02em}.hero__meta:where(.astro-j7pv25f6) strong:where(.astro-j7pv25f6){color:var(--foreground);font-weight:500;margin-right:8px}@media(max-width:540px){.hero:where(.astro-j7pv25f6){padding:clamp(36px,12vw,72px) 0 clamp(32px,8vw,48px)}.hero:where(.astro-j7pv25f6) h1:where(.astro-j7pv25f6){margin:20px 0 18px;max-width:none}.hero__sub:where(.astro-j7pv25f6){margin-bottom:28px}.hero__ctas:where(.astro-j7pv25f6){margin-bottom:32px;gap:10px}.hero__ctas:where(.astro-j7pv25f6) .btn:where(.astro-j7pv25f6){flex:1 1 100%;justify-content:center;padding:14px 16px;font-size:.82rem}.hero__meta:where(.astro-j7pv25f6){gap:12px 20px;font-size:.72rem}.hero__meta:where(.astro-j7pv25f6) strong:where(.astro-j7pv25f6){margin-right:6px}.eyebrow:where(.astro-j7pv25f6){font-size:.68rem;letter-spacing:.14em}}@media(max-width:420px){.topbar:where(.astro-j7pv25f6) .btn:where(.astro-j7pv25f6):not(.btn--solid){display:none}.topbar__inner:where(.astro-j7pv25f6){padding:14px 0}}.section:where(.astro-j7pv25f6){padding:clamp(72px,9vw,112px) 0;border-bottom:1px solid var(--rule)}.section-head:where(.astro-j7pv25f6){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:clamp(24px,5vw,80px);margin-bottom:48px;align-items:end}.section-head__label:where(.astro-j7pv25f6){font-family:var(--font-mono);font-size:.78rem;text-transform:uppercase;letter-spacing:.14em;color:var(--muted-foreground);padding-top:6px;border-top:1px solid var(--foreground)}.section-head__title:where(.astro-j7pv25f6){font-family:var(--font-display);font-weight:400;font-size:clamp(1.6rem,3vw,2.2rem);line-height:1.15;letter-spacing:-.02em;margin:0;color:var(--foreground);max-width:28ch}@media(max-width:720px){.section-head:where(.astro-j7pv25f6){grid-template-columns:1fr;gap:16px;align-items:start}}.mat:where(.astro-j7pv25f6){--mock-accent: var(--vermilion);position:relative;padding:clamp(20px,3vw,40px) 0 clamp(40px,5vw,80px)}.mat:where(.astro-j7pv25f6):before{content:"";position:absolute;inset:10% 8% 0;background:radial-gradient(60% 50% at 50% 30%,color-mix(in oklch,var(--mock-accent) 12%,transparent),transparent 70%);z-index:-1;pointer-events:none;filter:blur(40px)}.steps:where(.astro-j7pv25f6){border-top:1px solid var(--foreground)}.step:where(.astro-j7pv25f6){display:grid;grid-template-columns:60px minmax(0,1fr) minmax(0,1.2fr);gap:clamp(20px,5vw,64px);padding:32px 0;border-bottom:1px solid var(--rule);align-items:start}.step:where(.astro-j7pv25f6):last-child{border-bottom:1px solid var(--foreground)}.step__num:where(.astro-j7pv25f6){font-family:var(--font-mono);font-size:.78rem;color:var(--muted-foreground);letter-spacing:.06em;padding-top:6px}.step__title:where(.astro-j7pv25f6){font-family:var(--font-display);font-weight:400;font-size:clamp(1.2rem,2vw,1.6rem);letter-spacing:-.02em;line-height:1.2;margin:0;color:var(--foreground)}.step__body:where(.astro-j7pv25f6){color:var(--muted-foreground);font-size:.98rem;line-height:1.55;margin:0}.step__body:where(.astro-j7pv25f6) code:where(.astro-j7pv25f6){font-family:var(--font-mono);font-size:.86em;color:var(--foreground);background:color-mix(in oklch,var(--muted) 60%,transparent);padding:1px 6px;border-radius:2px}@media(max-width:720px){.step:where(.astro-j7pv25f6){grid-template-columns:1fr;gap:14px;padding:22px 0}.step__num:where(.astro-j7pv25f6){padding-top:0}}.examples:where(.astro-j7pv25f6){display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--foreground);border-bottom:1px solid var(--foreground)}.example:where(.astro-j7pv25f6){padding:28px 24px;border-right:1px solid var(--rule);display:flex;flex-direction:column;gap:16px}.example:where(.astro-j7pv25f6):last-child{border-right:none}@media(max-width:880px){.examples:where(.astro-j7pv25f6){grid-template-columns:1fr}.example:where(.astro-j7pv25f6){border-right:none;border-bottom:1px solid var(--rule)}.example:where(.astro-j7pv25f6):last-child{border-bottom:none}}.example__tag:where(.astro-j7pv25f6){font-family:var(--font-mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:var(--vermilion)}.example__title:where(.astro-j7pv25f6){font-family:var(--font-display);font-weight:500;font-size:1.15rem;letter-spacing:-.015em;margin:0;color:var(--foreground)}.example__desc:where(.astro-j7pv25f6){font-size:.92rem;color:var(--muted-foreground);margin:0;flex-grow:1}.example__snippet:where(.astro-j7pv25f6){font-family:var(--font-mono);font-size:.74rem;color:var(--muted-foreground);background:color-mix(in oklch,var(--muted) 30%,transparent);border-left:2px solid var(--vermilion);padding:10px 14px;line-height:1.5;white-space:pre;overflow-x:auto;margin:0}.example__snippet:where(.astro-j7pv25f6) .k:where(.astro-j7pv25f6){color:var(--foreground)}.example__snippet:where(.astro-j7pv25f6) .s:where(.astro-j7pv25f6){color:var(--vermilion)}.pricing:where(.astro-j7pv25f6){display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--foreground);border-bottom:1px solid var(--foreground)}.tier:where(.astro-j7pv25f6){padding:36px 32px;border-right:1px solid var(--rule);display:flex;flex-direction:column;gap:16px}.tier:where(.astro-j7pv25f6):last-child{border-right:none;background:color-mix(in oklch,var(--muted) 22%,transparent)}@media(max-width:720px){.pricing:where(.astro-j7pv25f6){grid-template-columns:1fr}.tier:where(.astro-j7pv25f6){border-right:none;border-bottom:1px solid var(--rule)}.tier:where(.astro-j7pv25f6):last-child{border-bottom:none}}.tier__name:where(.astro-j7pv25f6){font-family:var(--font-mono);font-size:.78rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted-foreground)}.tier__price:where(.astro-j7pv25f6){font-family:var(--font-display);font-size:2.4rem;font-weight:400;letter-spacing:-.03em;line-height:1;color:var(--foreground);display:flex;align-items:baseline;gap:8px}.tier__period:where(.astro-j7pv25f6){font-family:var(--font-mono);font-size:.82rem;color:var(--muted-foreground)}.tier__features:where(.astro-j7pv25f6){list-style:none;padding:16px 0 0;margin:0;display:flex;flex-direction:column;gap:10px;font-size:.92rem;color:var(--muted-foreground);border-top:1px solid var(--rule)}.tier__features:where(.astro-j7pv25f6) li:where(.astro-j7pv25f6){padding-left:18px;position:relative}.tier__features:where(.astro-j7pv25f6) li:where(.astro-j7pv25f6):before{content:"";position:absolute;left:0;top:.55em;width:8px;height:1px;background:var(--vermilion)}.tier__cta:where(.astro-j7pv25f6){margin-top:8px;align-self:flex-start}.tier__note:where(.astro-j7pv25f6){font-family:var(--font-mono);font-size:.74rem;color:var(--muted-foreground);margin:0}.dev-band:where(.astro-j7pv25f6){background:color-mix(in oklch,var(--muted) 22%,transparent)}.dev-band__grid:where(.astro-j7pv25f6){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:clamp(24px,5vw,64px);align-items:start}@media(max-width:820px){.dev-band__grid:where(.astro-j7pv25f6){grid-template-columns:minmax(0,1fr)}.code-tabs:where(.astro-j7pv25f6){min-width:0}}.dev-band:where(.astro-j7pv25f6) h2:where(.astro-j7pv25f6){font-family:var(--font-display);font-weight:400;font-size:clamp(1.6rem,3vw,2.2rem);letter-spacing:-.02em;line-height:1.15;margin:0 0 16px}.dev-band:where(.astro-j7pv25f6) p:where(.astro-j7pv25f6){color:var(--muted-foreground);max-width:36ch;margin:0 0 24px}.dev-band__links:where(.astro-j7pv25f6){display:flex;flex-wrap:wrap;gap:16px;font-family:var(--font-mono);font-size:.8rem;text-transform:uppercase;letter-spacing:.06em}.dev-band__links:where(.astro-j7pv25f6) a:where(.astro-j7pv25f6){color:var(--muted-foreground);text-decoration:none;transition:color .16s ease}.dev-band__links:where(.astro-j7pv25f6) a:where(.astro-j7pv25f6):hover{color:var(--vermilion)}.dev-band__links:where(.astro-j7pv25f6) a:where(.astro-j7pv25f6):before{content:"→ ";color:var(--vermilion)}.code:where(.astro-j7pv25f6){--code-bg: oklch(.165 .012 268);--code-ink: oklch(.94 .007 265);--code-ink-2: oklch(.66 .012 268);--code-rule: oklch(.28 .012 268);--code-key: oklch(.88 .04 90);--code-comment: oklch(.6 .04 158);background:var(--code-bg);color:var(--code-ink);font-family:var(--font-mono);font-size:.84rem;line-height:1.65;padding:18px 22px 22px;overflow-x:auto;position:relative;border:1px solid var(--code-rule);border-radius:0}.code__head:where(.astro-j7pv25f6){display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--code-rule);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--code-ink-2)}.code:where(.astro-j7pv25f6) pre:where(.astro-j7pv25f6){margin:0;font:inherit;white-space:pre;color:var(--code-ink)}.code:where(.astro-j7pv25f6) .tk-key:where(.astro-j7pv25f6){color:var(--code-key)}.code:where(.astro-j7pv25f6) .tk-str:where(.astro-j7pv25f6){color:var(--vermilion)}.code:where(.astro-j7pv25f6) .tk-pun:where(.astro-j7pv25f6){color:var(--code-ink-2)}.code:where(.astro-j7pv25f6) .tk-comment:where(.astro-j7pv25f6){color:var(--code-comment);font-style:italic}.code:where(.astro-j7pv25f6) .tk-cmd:where(.astro-j7pv25f6){color:var(--code-ink)}.code__copy:where(.astro-j7pv25f6){background:transparent;border:1px solid var(--code-rule);color:var(--code-ink-2);font-family:var(--font-mono);font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;padding:4px 10px;cursor:pointer;transition:border-color .16s ease,color .16s ease}.code__copy:where(.astro-j7pv25f6):hover{border-color:var(--vermilion);color:var(--vermilion)}.code-tabs__bar:where(.astro-j7pv25f6){display:inline-flex;gap:0;border:1px solid var(--rule);border-bottom:none;background:var(--background)}.code-tabs__tab:where(.astro-j7pv25f6){background:transparent;border:none;font-family:var(--font-mono);font-size:.74rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted-foreground);padding:8px 14px;cursor:pointer;transition:color .16s ease,background-color .16s ease}.code-tabs__tab:where(.astro-j7pv25f6)+.code-tabs__tab:where(.astro-j7pv25f6){border-left:1px solid var(--rule)}.code-tabs__tab:where(.astro-j7pv25f6):hover{color:var(--foreground)}.code-tabs__tab:where(.astro-j7pv25f6)[aria-selected=true]{color:var(--foreground);background:color-mix(in oklch,var(--vermilion) 10%,transparent)}.code-tabs__tab:where(.astro-j7pv25f6):focus-visible{outline:2px solid color-mix(in oklch,var(--vermilion) 40%,transparent);outline-offset:-2px}.inline-code:where(.astro-j7pv25f6){font-family:var(--font-mono);font-size:.86em;color:var(--foreground);background:color-mix(in oklch,var(--vermilion) 10%,transparent);padding:1px 6px;border-radius:2px}.site-footer:where(.astro-j7pv25f6){padding:48px 0 64px;border-top:1px solid var(--foreground)}.site-footer__inner:where(.astro-j7pv25f6){display:flex;justify-content:space-between;align-items:end;gap:32px;flex-wrap:wrap}.site-footer__legal:where(.astro-j7pv25f6){font-family:var(--font-mono);font-size:.74rem;color:var(--muted-foreground);display:flex;gap:18px;flex-wrap:wrap}.site-footer__legal:where(.astro-j7pv25f6) a:where(.astro-j7pv25f6){color:inherit;text-decoration:none;transition:color .16s ease}.site-footer__legal:where(.astro-j7pv25f6) a:where(.astro-j7pv25f6):hover{color:var(--vermilion)}.btn:where(.astro-j7pv25f6):focus-visible,.code__copy:where(.astro-j7pv25f6):focus-visible{outline:2px solid color-mix(in oklch,var(--vermilion) 40%,transparent);outline-offset:2px}:where(.astro-j7pv25f6)::selection{background:var(--vermilion);color:var(--background)}.scroll-hint:where(.astro-j7pv25f6){position:relative}.scroll-hint:where(.astro-j7pv25f6):after{content:"";position:absolute;top:0;right:0;bottom:0;width:24px;pointer-events:none;background:linear-gradient(to right,transparent,color-mix(in oklch,var(--background) 80%,transparent))}.scroll-hint:where(.astro-j7pv25f6).scroll-hint--code:after{background:linear-gradient(to right,transparent,color-mix(in oklch,oklch(.165 .012 268) 80%,transparent))}@media(min-width:720px){.scroll-hint:where(.astro-j7pv25f6):after{display:none}}@media(max-width:540px){.container:where(.astro-j7pv25f6){padding:0 16px}.section:where(.astro-j7pv25f6){padding:clamp(48px,9vw,112px) 0}.section-head:where(.astro-j7pv25f6){margin-bottom:28px}.example:where(.astro-j7pv25f6){padding:22px 18px;gap:12px}.example__snippet:where(.astro-j7pv25f6){font-size:.7rem;padding:10px 16px 10px 12px}.tier:where(.astro-j7pv25f6){padding:28px 22px;gap:14px}.tier__price:where(.astro-j7pv25f6){font-size:clamp(2rem,7vw,2.4rem)}.tier__features:where(.astro-j7pv25f6){font-size:.86rem}.code:where(.astro-j7pv25f6){font-size:.76rem;padding:14px 16px 16px}.code__head:where(.astro-j7pv25f6){font-size:.66rem}.code-tabs__tab:where(.astro-j7pv25f6){padding:7px 12px;font-size:.7rem}.dev-band__links:where(.astro-j7pv25f6){gap:12px;font-size:.74rem}.site-footer:where(.astro-j7pv25f6){padding:36px 0 48px}.site-footer__inner:where(.astro-j7pv25f6){flex-direction:column;align-items:flex-start;gap:16px}.site-footer__legal:where(.astro-j7pv25f6){gap:12px;font-size:.7rem}}@media(max-width:360px){.sb-brand:where(.astro-j7pv25f6){font-size:1.05rem}.topbar__inner:where(.astro-j7pv25f6){padding:12px 0}.hero:where(.astro-j7pv25f6) h1:where(.astro-j7pv25f6){font-size:clamp(1.75rem,9vw,4.6rem)}}@media(prefers-reduced-motion:reduce){:where(.astro-j7pv25f6){transition:none!important;animation:none!important}}