:root,[data-theme]{--edge:color-mix(in srgb, var(--fg) 50%, var(--bg));--dock-bg:color-mix(in srgb, var(--bg) 88%, transparent)}
.showcase{padding:8px var(--pad);letter-spacing:var(--track-ui);text-align:center;text-wrap:balance;margin:0;font-size:14px;line-height:20px}.bar{z-index:var(--z-bar);height:var(--bar-h);color:var(--fg);transition:transform .2s var(--ease-io), background-color var(--d-theme) var(--ease-io);background:0 0;position:sticky;top:0}.bar.is-solid{background:var(--bg)}.bar.is-hidden{transform:translateY(calc(-100% - 1px))}.bar-in{height:100%;padding-inline:max(var(--pad), var(--safe-l)) max(var(--pad), var(--safe-r));max-width:var(--max);grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"logo l r";align-items:center;gap:0 12px;margin-inline:auto;display:grid}.wordmark{min-height:var(--target);min-width:var(--target);color:var(--fg);grid-area:logo;align-items:center;text-decoration:none;display:inline-flex}.wordmark svg{width:auto;height:24px}.bar-l{grid-area:l;align-items:center;gap:0 6px;min-width:0;display:flex}.bar-l .tag-brand{display:none}.bar-r{grid-area:r;justify-content:flex-end;align-items:center;gap:0 6px;min-width:0;display:flex}@media (min-width:1024px){.bar-in{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-template-areas:"l logo r"}.bar-l .tag-brand{display:inline-flex}}.demo-tag,.bar-step{background:var(--pill);height:26px;color:var(--fg);font:400 var(--fs-label) / 20px var(--font);font-variation-settings:"wdth" var(--wdth-label);letter-spacing:var(--track-label);text-transform:uppercase;white-space:nowrap;font-variant-numeric:tabular-nums;border-radius:999px;padding:3px 10px;display:inline-block}.bar-step{text-overflow:ellipsis;flex:0 auto;min-width:0;max-width:100%;overflow:hidden}.bar-link{isolation:isolate;min-height:var(--target);min-width:46px;color:var(--fg);font:400 var(--fs-label) / 16px var(--font);font-variation-settings:"wdth" var(--wdth-label);letter-spacing:var(--track-label);text-transform:uppercase;white-space:nowrap;transition:color var(--d-hover) var(--ease-io);justify-content:center;align-items:center;padding:0 10px;text-decoration:none;display:inline-flex;position:relative}.bar-link:before{content:"";z-index:-1;background:var(--pill);transition:background-color var(--d-hover) var(--ease-io);border-radius:999px;position:absolute;inset:9px 0}@media (hover:hover){.bar-link:hover{color:var(--bg)}.bar-link:hover:before{background:var(--fg)}}.back{min-height:var(--target);min-width:var(--target);font:400 var(--fs-small) / 24px var(--font);letter-spacing:.03em;align-items:center;gap:8px;text-decoration:none;display:inline-flex}.back svg{fill:none;stroke:currentColor;stroke-width:1.6px;width:6px;height:12px;transition:transform var(--d-hover) var(--ease-hover)}@media (hover:hover) and (prefers-reduced-motion:no-preference){.back:hover svg{transform:translate(-3px)}}.field{gap:var(--s1);display:grid}.field>label,.field>.field-label{font:500 var(--fs-ui) / 20px var(--font);letter-spacing:var(--track-ui)}.field .hint{font-size:var(--fs-small);letter-spacing:.03em;color:var(--fg-2);line-height:20px}.input{width:100%;height:var(--target);border-radius:var(--btn-radius);background:var(--glass);color:var(--fg);box-shadow:inset 0 0 0 1px var(--edge);font:400 16px / 20px var(--font);letter-spacing:var(--track-ui);appearance:none;transition:box-shadow var(--d-hover) var(--ease-hover);border:0;padding:0 16px}[data-theme=dark] .input{background:color-mix(in srgb, var(--fg) 8%, transparent)}.input:hover{box-shadow:inset 0 0 0 1px var(--fg)}.input:focus-visible{outline:2px solid var(--fg);outline-offset:2px;box-shadow:inset 0 0 0 1px var(--fg)}.input::placeholder{color:var(--fg-2);opacity:1}.input[aria-invalid=true]{box-shadow:inset 0 0 0 2px var(--fg)}textarea.input{border-radius:var(--radius);resize:vertical;height:auto;min-height:96px;padding:12px 16px;line-height:24px}select.input{padding-right:44px}.select{position:relative}.select:after{content:"";border-right:1.5px solid var(--fg);border-bottom:1.5px solid var(--fg);pointer-events:none;width:8px;height:8px;margin-top:-6px;position:absolute;top:50%;right:20px;transform:rotate(45deg)}.err{font-size:var(--fs-small);letter-spacing:.02em;color:var(--fg);margin:0;font-weight:500;line-height:20px}.err:not(:empty):before{content:"";background:var(--amber);vertical-align:.12em;border-radius:50%;width:6px;height:6px;margin-right:8px;display:inline-block}:where(section,div,aside,article,p)[data-theme]{background:var(--bg);color:var(--fg)}.panel{padding:var(--s3) var(--s3) var(--s4);border-radius:var(--radius)}@media (min-width:1024px){.panel{padding:var(--s4)}}.plate{border-radius:var(--radius);background:color-mix(in srgb, var(--fg) 8%, var(--bg));isolation:isolate;margin:0;position:relative;overflow:hidden}.plate img{width:100%;height:auto}.duo{position:relative}.duo .plate-phone{z-index:2;width:23%;position:absolute;bottom:-18%;left:54%}.dots{border-top:1px solid var(--line)}.dots li{border-bottom:1px solid var(--line);font-size:var(--fs-small);letter-spacing:.03em;padding:14px 0;line-height:24px}@media (min-width:1024px){.dots li{letter-spacing:.02em;font-size:18px;line-height:28px}}.pt{background:var(--amber);border-radius:50%;flex:none;width:7px;height:7px;display:inline-block}.ring{border:1px solid var(--fg);border-radius:50%;flex:none;width:12px;height:12px;display:inline-block}.progress{background:var(--pill);border-radius:999px;height:4px;overflow:hidden}.progress>i{background:var(--fg);height:100%;transition:width var(--d-theme) var(--ease-io);border-radius:999px;display:block}.dock{z-index:50;padding:12px var(--pad) calc(12px + var(--safe-b));background:var(--dock-bg);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-top:1px solid var(--line);position:fixed;bottom:0;left:0;right:0}.dock .btn{width:100%}.dock-note{text-align:center;font-size:var(--fs-label);letter-spacing:.05em;color:var(--fg-2);margin-top:6px;line-height:16px;display:block}@media (min-width:900px){.dock{display:none}}