.plate{margin:0;--tide:0.3;--phase:0}.plate .frame{border:1px solid var(--line-2);padding:12px;background:var(--tile-bg)}.plate .sheet{position:relative;overflow:hidden;aspect-ratio:1358/408;cursor:crosshair}.plate .ink{position:absolute;inset:0;background:var(--ink);opacity:.9;-webkit-mask:url(/motif.svg) center/contain no-repeat;mask:url(/motif.svg) center/contain no-repeat}.plate .tide{position:absolute;left:0;width:200%;height:100%;top:calc((1 - var(--tide)) * 100% - 5%);display:block;overflow:visible;translate:calc(var(--phase) * -16.667%) 0;transition:top .6s cubic-bezier(.2,.7,.2,1),translate .6s cubic-bezier(.2,.7,.2,1);animation:plate-drift 12s ease-in-out infinite;pointer-events:none}.plate .tide .wash{fill:color-mix(in srgb,var(--lagoon) 26%,transparent)}.plate .tide .crest{fill:none;stroke:var(--lagoon);stroke-width:1.5;vector-effect:non-scaling-stroke}@keyframes plate-drift{0%,to{transform:translateY(3%)}50%{transform:translateY(-3%)}}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .plate .tide .wash{fill:color-mix(in srgb,var(--lagoon) 30%,transparent)}}:root[data-theme=dark] .plate .tide .wash{fill:color-mix(in srgb,var(--lagoon) 30%,transparent)}.plate figcaption{margin-top:16px;font-family:var(--font-mono),"IBM Plex Mono",monospace;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:11.5px;line-height:1.5;color:var(--ink-3);letter-spacing:0}.plate figcaption a{color:var(--ink-2);border-bottom:1px solid var(--line-2);transition:border-color .15s,color .15s}.plate figcaption a:hover{color:var(--ink);border-color:var(--ember)}.home>section+section{margin-top:80px}.home-hero{display:grid;grid-template-columns:7fr 5fr;grid-gap:56px;gap:56px;align-items:center;padding:40px 0 24px}.home-hero>*{min-width:0}.home-hero h1{font-family:var(--font-display),"Archivo",system-ui,sans-serif;font-weight:850;font-stretch:125%;font-size:clamp(34px,4.2vw,58px);line-height:.95;letter-spacing:-.025em;text-transform:uppercase;color:var(--ink);margin:0 0 26px}.home-hero h1 em{font-style:italic;font-weight:800;font-stretch:112%;color:inherit;background:linear-gradient(transparent 62%,var(--flag) 62%,var(--flag) 90%,transparent 90%);-webkit-box-decoration-break:clone;box-decoration-break:clone}.home-hero .lede{margin:0 0 28px;font-size:17.5px;line-height:1.55;color:var(--ink-2);max-width:46ch;text-wrap:pretty}.home-cta{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.home-cta .btn.primary{padding:11px 18px;font-size:14.5px}.home-link{font-size:14.5px;font-weight:600;color:var(--ink);border-bottom:2px solid var(--flag);transition:border-color .15s}.home-link:hover{border-color:var(--ink)}.home-h{font-size:15px;font-weight:800;font-stretch:125%;text-transform:uppercase;letter-spacing:.02em;color:var(--ink);padding-bottom:12px;border-bottom:1.5px solid var(--ink);margin:0 0 28px}.home-cols{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:40px;gap:40px}.home-cols li{min-width:0}.home-cols h3{font-size:18px;font-weight:700;letter-spacing:-.01em;color:var(--ink);margin:0 0 8px}.home-cols p{margin:0;font-size:14.5px;line-height:1.6;color:var(--ink-2);max-width:44ch}.home-cols p a{color:var(--ink);font-weight:600;white-space:nowrap;border-bottom:2px solid var(--flag)}.home-cols p a:hover{border-color:var(--ink)}.home-cols code{font-family:var(--font-mono),"IBM Plex Mono",ui-monospace,monospace;font-size:13px;color:var(--ink)}.home-steps{counter-reset:step}.home-steps li{counter-increment:step}.home-steps li:before{content:counter(step,decimal-leading-zero);display:block;margin-bottom:10px;font-family:var(--font-mono),"IBM Plex Mono",ui-monospace,monospace;font-size:12px;color:var(--ink-3)}.demo{border:1px solid var(--line-2);background:var(--tile-bg)}.demo:before{content:"";display:block;height:4px;background:var(--flag);margin:-1px -1px 0}.demo-trace{list-style:none;margin:0;padding:0}.demo-trace li{display:grid;grid-template-columns:130px minmax(0,1fr);grid-gap:20px;gap:20px;padding:18px 24px;border-bottom:1px solid var(--line)}.demo-who{padding-top:2px;font-family:var(--font-mono),"IBM Plex Mono",ui-monospace,monospace;font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-3)}.demo-body{min-width:0}.demo-ask{margin:0;font-size:17px;font-weight:600;color:var(--ink)}.demo-what{margin:0 0 8px;font-size:13.5px;color:var(--ink-2)}.demo-text{padding:10px 12px;border:1px solid var(--line);background:var(--bg)}.demo-text .screen-asread{font-size:12.5px;line-height:1.7}.demo-text .screen-cut{display:none}.demo-call{display:inline-block;font-family:var(--font-mono),"IBM Plex Mono",ui-monospace,monospace;font-size:13.5px;color:var(--ink);overflow-wrap:anywhere}.demo-verdict{display:flex;align-items:center;gap:14px;margin:12px 0 0;font-size:14px;line-height:1.5;color:var(--ink-2)}.demo-verdict .stamp{flex:none}.demo-foot{margin:0;padding:14px 24px;font-size:13px;color:var(--ink-3)}.demo-foot a{color:var(--ink);font-weight:600;border-bottom:2px solid var(--flag);white-space:nowrap}.demo-foot a:hover{border-color:var(--ink)}@media (max-width:980px){.home-hero{gap:36px;padding:20px 0 8px}.home-cols,.home-hero{grid-template-columns:1fr}.home-cols{gap:28px}}@media (max-width:700px){.home>section+section{margin-top:52px}.home-hero h1{font-size:34px}.home-hero .lede{font-size:16px}.demo-trace li{grid-template-columns:1fr;gap:8px;padding:16px}.demo-foot{padding:14px 16px}.demo-verdict{align-items:flex-start}}