@layer components{.impl{position:relative}.impl-stage{padding:var(--sh-top) var(--layout-pad) 0;flex-direction:column;gap:24px;display:flex}.impl-copy{display:contents}.impl-kicker{margin-bottom:calc(var(--sh-kicker-gap) - 24px);order:1}.impl-title{margin-bottom:calc(var(--sh-title-gap) - 24px);order:2}.impl-lead{color:var(--color-off-soft);order:3;margin:0;font-size:16px;line-height:1.5}.impl-media{order:4;min-width:0}.impl-steps{order:5;margin:0;padding:0;list-style:none}.impl-link-row{order:6;margin:0}.impl-link{font-size:max(14px, var(--text-min))}.impl-step{border-top:1px solid var(--color-line-2);grid-template-columns:32px minmax(0,1fr);align-items:baseline;gap:12px;padding:12px 0;transition:border-color .3s;display:grid}.impl-step-num{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--color-mute);font-size:11px;line-height:1.5;transition:color .3s}.impl-step-body{font-size:max(14px, var(--text-min));color:var(--color-off-soft);margin:4px 0 0;line-height:1.5}.impl-step.is-complete .impl-step-num{color:var(--color-off-soft)}.impl-step[aria-current]{border-top-color:var(--color-cyan)}.impl-step[aria-current] .impl-step-num{color:var(--color-cyan)}.impl-frame-wrap{position:relative;container-type:inline-size}.impl-frame{isolation:isolate;aspect-ratio:4/3;border:1px solid var(--color-line-2);background:var(--color-panel);position:relative;overflow:hidden;box-shadow:0 28px 80px #0000008c}.impl-layer-material{z-index:1}.impl-layer-before{z-index:2;opacity:var(--before,1)}.impl-layer-after{z-index:3;opacity:var(--after,1);clip-path:inset(0 calc((1 - var(--r,.74)) * 100%) 0 0)}.impl-layer-result{z-index:4;opacity:var(--result,0)}.impl-shade{z-index:5;pointer-events:none;background:linear-gradient(#0000 65%,#09090b66 100%);position:absolute;inset:0}.impl-tags{z-index:7;pointer-events:none;flex-wrap:wrap;gap:8px;margin:0;display:flex;position:absolute;top:12px;left:12px}.impl-vs{z-index:7;pointer-events:none;flex-direction:row-reverse;justify-content:space-between;align-items:flex-start;gap:8px;margin:0;display:flex;position:absolute;top:40px;left:12px;right:12px}.impl-vs .br-chip{white-space:normal;flex:0 auto;min-width:0;display:inline-block}.impl-vs .br-chip:first-child{text-align:right}@media (max-width:39.99rem){.impl-tags{display:none}.impl-vs{top:12px}}.impl-frame .br-chip-photo.br-chip-cyan{color:var(--color-cyan)}.impl-split-line{top:0;bottom:0;left:clamp(1px, var(--r,.74) * 100%, calc(100% - 1px));z-index:6;background:var(--color-cyan);pointer-events:none;width:2px;margin-left:-1px;position:absolute}.impl-handle{top:78%;left:clamp(22px, var(--r,.74) * 100%, calc(100% - 22px));z-index:6;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:0 0;border:0;width:44px;height:50px;margin:-25px 0 0 -22px;padding:0;display:block;position:absolute}.impl-handle[data-dragging]{cursor:grabbing}.impl-handle svg{width:100%;height:100%;transition:transform .28s var(--ease-out);display:block;overflow:visible}.impl-handle-hex{fill:var(--color-cyan)}.impl-handle-glyph{fill:var(--color-ink)}.impl-handle-ring{fill:none;stroke:var(--color-off);stroke-width:1.25px;opacity:0;transition:opacity .2s}.impl-handle:focus-visible{outline:none}.impl-handle:focus-visible .impl-handle-ring{opacity:1}@media (hover:hover) and (pointer:fine){.impl-handle:hover svg{transform:scale(1.08)}}.impl-vs,.impl-split-line,.impl-handle{opacity:0;visibility:hidden;transition:opacity .3s,visibility 0s linear .3s}.impl-stage[data-phase="1"] .impl-vs,.impl-stage[data-phase="1"] .impl-handle{opacity:1;visibility:visible;transition:opacity .3s,visibility}.impl-stage[data-phase="1"] .impl-split-line{opacity:.9;visibility:visible;transition:opacity .3s,visibility}.impl-bar{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:10px 24px;margin-top:16px;display:flex}.impl-credit{font-family:var(--font-mono);font-size:max(10px, var(--mono-min));letter-spacing:.15em;text-transform:uppercase;color:var(--color-off-soft);margin:10px 0 0;line-height:1.5}.impl-client{font-family:var(--font-display);letter-spacing:-.02em;color:var(--color-off);margin:0;font-size:clamp(28px,5.8cqw,44px);font-weight:600;font-stretch:105%;line-height:.95}.impl-services{font-family:var(--font-mono);font-size:max(10px, var(--mono-min));letter-spacing:.15em;text-transform:uppercase;color:var(--color-off-soft);margin:6px 0 0;line-height:1.5}.impl-cta{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#09090b59}.impl-timeline{border-top:1px solid var(--color-line-2);grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0 0;padding:12px 0 0;list-style:none;display:grid}.impl-tl-btn{width:100%;min-height:44px;color:var(--color-mute);text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:flex-start;gap:6px;padding:4px 0 12px;transition:color .3s;display:flex;position:relative}.impl-tl-num{font-family:var(--font-display);font-size:16px;font-weight:400;line-height:1}.impl-tl-label{font-family:var(--font-mono);font-size:max(10px, var(--mono-min));letter-spacing:.12em;text-transform:uppercase;line-height:1.4;transition:color .3s}.impl-tl-btn:before,.impl-tl-btn:after{content:"";height:2px;position:absolute;bottom:0;left:0;right:0}.impl-tl-btn:before{background:#fafafa24}.impl-tl-btn:after{background:var(--color-cyan);transform:scaleX(var(--step-progress,0));transform-origin:0}.impl-tl-btn[aria-current]{color:var(--color-off)}.impl-tl-btn[aria-current] .impl-tl-label{color:var(--color-cyan)}@media (hover:hover) and (pointer:fine){.impl-tl-btn:hover{color:var(--color-off)}}.impl-after{padding:24px var(--layout-pad) 48px;flex-direction:column;display:flex}.impl-source{border:1px dashed var(--color-line-2);background:var(--color-panel);grid-template-columns:minmax(0,1fr);align-items:start;gap:8px;padding:16px 20px;display:grid}.impl-source-label{font-family:var(--font-mono);font-size:max(10px, var(--mono-min));letter-spacing:.15em;text-transform:uppercase;color:var(--color-warning);margin:0;line-height:1.5}.impl-source-body{max-width:80ch;font-family:var(--font-mono);color:var(--color-off-soft);margin:0;font-size:14px;line-height:1.5}.impl-credits{border-top:1px solid var(--color-line-2);grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:18px 0 0;padding-top:18px;display:grid}@media (max-width:29.99rem){.impl-credits{grid-template-columns:minmax(0,1fr)}}.impl-credits dt{font-family:var(--font-mono);font-size:max(10px, var(--mono-min));letter-spacing:.15em;text-transform:uppercase;color:var(--color-cyan);line-height:1.5}.impl-credits dd{max-width:var(--measure);font-size:max(14px, var(--text-min));color:var(--color-off-soft);margin:6px 0 0;line-height:1.5}@media (min-width:64rem){.impl-stage{padding:var(--sh-top) var(--layout-pad) 0;grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;column-gap:32px;display:grid}.impl-copy{grid-area:1/1/auto/span 4;display:block}.impl-media{grid-area:1/6/auto/span 7}.impl-kicker,.impl-title{margin-bottom:0}.impl-title{margin-top:var(--sh-kicker-gap)}.impl-lead{margin-top:var(--sh-title-gap);font-size:17px}.impl-steps{margin-top:24px}.impl-link-row{margin-top:20px}.impl-frame{aspect-ratio:16/9}.impl-tags{gap:10px;top:24px;left:32px}.impl-vs{top:64px;left:32px;right:32px}.impl-vs .br-chip{white-space:nowrap;display:inline-flex}.impl-handle{top:71%}.impl-bar{z-index:8;pointer-events:none;gap:24px;margin:0;position:absolute;bottom:28px;left:32px;right:32px}.impl-bar a{pointer-events:auto}.impl-shade{background:linear-gradient(#09090b1a 55%,#09090bd9 100%)}.impl-frame-wrap{margin-bottom:43px}.impl-credit{margin:0;position:absolute;top:calc(100% + 10px);left:0;right:0}.impl-services{font-size:11px}.impl-timeline{gap:24px;margin-top:18px;padding-top:18px}.impl-tl-btn{flex-direction:row;align-items:baseline;gap:8px;min-height:0;padding:0 0 14px}.impl-tl-num{font-size:22px}.impl-after{padding:8px var(--layout-pad) 64px;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:32px;display:grid}.impl-after>*{grid-column:6/span 7}.impl-source{grid-template-columns:220px minmax(0,1fr);gap:16px}.impl-credits{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:64rem) and (max-width:79.99rem){.impl-copy{grid-column:1/span 4}.impl-media{grid-column:5/span 8}.impl-copy .impl-title{font-size:33px}.impl-copy .impl-lead{font-size:max(15px, var(--text-min))}.impl-cta{min-height:40px;padding:0 16px}}@media (min-width:64rem) and (min-height:45rem) and (prefers-reduced-motion:no-preference) and (scripting:enabled){.impl{height:270svh}.impl-stage{top:var(--header-h);height:calc(100svh - var(--header-h));min-height:640px;padding:var(--sh-top) var(--layout-pad) 24px;align-content:start;position:sticky}.impl-media{width:min(100%, calc((100svh - var(--header-h) - 140px) * 16 / 9));justify-self:end}}@media (min-width:64rem) and (min-height:45rem) and (max-height:51.24rem) and (prefers-reduced-motion:no-preference) and (scripting:enabled){.impl-lead{margin-top:16px;font-size:16px}.impl-steps{margin-top:18px}.impl-step{padding:9px 0}.impl-step .type-h3{font-size:21px}.impl-link-row{margin-top:14px}}.scope-lead{max-width:720px;color:var(--color-off-soft);margin:0;font-size:16px;line-height:1.5}.scope-cards{grid-template-columns:minmax(0,1fr);gap:20px;margin-top:36px;display:grid}.scope-cell>div{height:100%}.scope-card{border:1px solid var(--color-line-2);background:var(--color-panel);outline-offset:-1px;height:100%;transition:outline-color .5s var(--ease-out), transform .28s var(--ease-out);outline:1px solid #0000;flex-direction:column;display:flex}.scope-media{aspect-ratio:16/9;border-bottom:1px solid var(--color-line-2);position:relative;overflow:hidden}.scope-img{transition:transform 1.4s var(--ease-sig)}.scope-body{flex-direction:column;gap:14px;padding:20px 20px 24px;display:flex}.scope-meta{justify-content:space-between;align-items:center;gap:16px;display:flex}.scope-code{font-family:var(--font-mono);font-size:max(10px, var(--mono-min));letter-spacing:.15em;text-transform:uppercase;color:var(--color-cyan);margin:0;line-height:1.5}.scope-card-lead{color:var(--color-off);margin:0;font-size:16px;line-height:1.5}.scope-items{margin:0;padding:0;list-style:none}.scope-items li{border-top:1px solid var(--color-line);font-size:max(15px, var(--text-min));color:var(--color-off-soft);padding:9px 0;line-height:1.5}.scope-rows{margin-top:36px}.scope-row{border-top:1px solid var(--color-line-2);grid-template-columns:40px minmax(0,1fr);align-items:baseline;gap:8px 16px;padding:18px 0;display:grid;position:relative}.scope-row-cell:last-child .scope-row{border-bottom:1px solid var(--color-line-2)}.scope-num{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--color-mute);margin:0;font-size:12px;line-height:1.5;transition:color .3s}.scope-row-body{max-width:var(--measure);color:var(--color-off-soft);grid-column:2;margin:0;font-size:16px;line-height:1.5}.scope-tag{grid-column:2;justify-self:start;margin:0}.scope-row .link-line{padding:0}.scope-rule{background:var(--color-cyan);transform-origin:0;pointer-events:none;height:1px;transition:transform .6s var(--ease-out);position:absolute;top:-1px;left:0;right:0;transform:scaleX(0)}@media (min-width:48rem){.scope-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}}@media (min-width:64rem){.scope-lead{font-size:18px}.scope-body{padding:24px 28px 28px}.scope-row{grid-template-columns:56px 300px minmax(0,1fr) 140px;gap:24px}.scope-row-body,.scope-tag{grid-column:auto}.scope-tag{text-align:right;justify-self:end}}@media (min-width:80rem){.scope-row{grid-template-columns:56px 336px minmax(0,1fr) 140px}}@media (hover:hover) and (pointer:fine){.scope-card:hover{outline-color:#0ea5e980}.scope-row:hover .scope-num{color:var(--color-cyan)}}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.scope-card:hover{transform:translateY(-2px)}.scope-card:hover .scope-img{transform:scale(1.03)}.scope-row:hover .scope-rule{transform:scaleX(1)}}.aud-rows{margin:0;padding:0;list-style:none}.aud-row,.aud-refusal{grid-template-columns:44px minmax(0,1fr);align-items:center;gap:6px 16px;display:grid}.aud-row{border-top:1px solid var(--color-line-2);padding:22px 0;position:relative}.aud-row:last-child{border-bottom:1px solid var(--color-line-2)}.aud-row .br-hex,.aud-refusal .br-hex{width:36px;height:40px}.aud-refusal .br-hex>span{letter-spacing:0;font-size:16px}.aud-body{max-width:var(--measure);color:var(--color-off-soft);grid-column:2;margin:0;font-size:16px;line-height:1.5}.aud-price{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--color-accent);grid-column:2;justify-self:start;margin:0;font-size:11px;line-height:1.5}.aud-price-tag{align-items:flex-start}.aud-unit,.aud-gross{font-size:max(9px, var(--mono-min));color:var(--color-mute)}.aud-gross{letter-spacing:.04em;text-transform:none}.aud-refusal{border-block:1px solid var(--color-line-2);margin-top:16px;padding:18px 0}@media (min-width:64rem){.aud-row{grid-template-columns:72px 360px minmax(0,1fr) 140px;gap:24px}.aud-refusal{border:1px solid var(--color-line-2);grid-template-columns:49px 360px minmax(0,1fr);gap:24px;margin-inline:0;padding:22px}.aud-row .br-hex,.aud-refusal .br-hex{width:44px;height:48px}.aud-body,.aud-price{grid-column:auto}.aud-price{text-align:right;justify-self:end}.aud-price-tag{align-items:flex-end}}@media (min-width:90rem){.aud-row{grid-template-columns:72px 420px minmax(0,1fr) 140px}.aud-refusal{grid-template-columns:49px 420px minmax(0,1fr)}}@media (hover:hover) and (pointer:fine){.aud-row:hover .br-hex polygon{fill:var(--color-cyan-veil);stroke:var(--color-cyan)}}.code-lead{max-width:720px;color:var(--color-off-soft);margin:0;font-size:16px;line-height:1.5}.code-grid{grid-template-columns:minmax(0,1fr);align-items:start;gap:20px;margin-top:32px;display:grid}.code-file-col,.code-preview-col{grid-template-rows:minmax(0,1fr) auto;align-content:start;gap:12px;min-width:0;display:grid}.code-file{border:1px solid var(--color-line-2);background:var(--color-panel);min-width:0}.code-bar{border-bottom:1px solid var(--color-line-2);font-family:var(--font-mono);font-size:max(10px, var(--mono-min));letter-spacing:.15em;text-transform:uppercase;color:var(--color-mute);justify-content:space-between;gap:16px;margin:0;padding:10px 16px;line-height:1.5;display:flex}.code-bar-name{color:var(--color-off-soft)}.code-pre{font-family:var(--font-mono);color:var(--color-off);white-space:pre;tab-size:2;margin:0;padding:20px 16px;font-size:14px;line-height:1.8;overflow-x:auto}.code-kw{color:var(--color-cyan)}.code-str{color:var(--color-accent)}.code-outro{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--color-off-soft);margin:0;font-size:11px;line-height:1.5}.code-switch{flex-wrap:wrap;gap:8px;display:flex}.code-chip{border:1px solid var(--color-line-2);font-family:var(--font-mono);font-size:max(10px, var(--mono-min));letter-spacing:.12em;text-transform:uppercase;color:var(--color-mute);cursor:pointer;background:0 0;align-items:center;padding:6px 10px;line-height:1.5;transition:color .3s,border-color .3s;display:inline-flex}.code-chip[aria-pressed=true],.code-chip[data-static]{border-color:var(--color-cyan);color:var(--color-off)}.code-chip[data-static]{cursor:default}@media (hover:hover) and (pointer:fine){.code-chip[aria-pressed=false]:hover{color:var(--color-off)}}.code-preview{border:1px solid var(--color-line-2);background:var(--b-paper,var(--color-off));color:var(--b-ink,var(--color-ink));font-family:var(--b-font-body,var(--font-sans)), var(--font-sans);flex-direction:column;gap:14px;padding:18px;display:flex}.code-pv-head{align-items:center;gap:10px;display:flex}.code-pv-name{font-family:var(--b-font-heading,var(--font-sans)), var(--font-sans);font-size:max(14px, var(--text-min));font-weight:600;line-height:1.2}.code-pv-call{border-radius:var(--b-radius,0px);background:var(--b-primary,var(--color-cyan));color:var(--b-ink,var(--color-ink));margin-left:auto;padding:6px 12px;font-size:12px;line-height:1.5}.code-pv-title{border-radius:calc(var(--b-radius,0px) / 3);background:var(--b-ink,var(--color-ink));width:70%;height:18px;display:block}.code-pv-sub{background:color-mix(in oklab, var(--b-ink,var(--color-ink)) 40%, transparent);width:46%;height:8px;display:block}.code-pv-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.code-pv-card{border:1px solid color-mix(in oklab, var(--b-ink,var(--color-ink)) 15%, transparent);border-radius:var(--b-radius,0px);flex-direction:column;gap:8px;padding:12px;display:flex}.code-pv-card>span{background:color-mix(in oklab, var(--b-ink,var(--color-ink)) 18%, transparent);height:6px;display:block}.code-pv-card>span:first-child{background:color-mix(in oklab, var(--b-ink,var(--color-ink)) 70%, transparent);width:60%;height:8px}.code-pv-card>span:nth-child(2){width:90%}.code-pv-card>span:nth-child(3){width:70%}.code-pv-field{border:1px solid color-mix(in oklab, var(--b-ink,var(--color-ink)) 25%, transparent);border-radius:var(--b-radius,0px);height:34px;color:color-mix(in oklab, var(--b-ink,var(--color-ink)) 55%, transparent);align-items:center;padding:0 10px;font-size:12px;display:flex}@media (max-width:39.99rem){.code-pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px}}@media (min-width:64rem){.code-lead{font-size:18px}.code-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:40px}.code-outro{min-height:29px;padding-top:6px}.code-pre{white-space:pre-wrap;overflow-wrap:anywhere}}}
@layer components{.proc{flex-direction:column;gap:32px;display:flex}.proc-head{flex-direction:column;display:flex}.proc-lead{color:var(--color-off-soft);margin:0;font-size:16px;line-height:1.5}.proc-meta{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--color-off-soft);margin:24px 0 0;font-size:11px;line-height:1.5}.proc-body{flex-direction:column;gap:32px;display:flex}.proc-track{position:relative}.proc-steps{margin:0;padding:0;list-style:none}.proc-step{--node-w:36px;grid-template-columns:var(--node-w) minmax(0, 1fr);border-top:1px solid var(--color-line-2);gap:16px;padding:18px 0;display:grid;position:relative}.proc-step:last-child{border-bottom:1px solid var(--color-line-2)}.proc-step:not(:last-child):after{content:"";top:24.5px;bottom:-25.5px;left:calc(var(--node-w) / 2 - 1px);background:var(--color-line-2);width:1px;position:absolute}.proc-node{z-index:1;background:var(--color-ink);flex-direction:column;align-self:start;align-items:center;gap:6px;display:flex;position:relative}.proc-node svg{width:12px;height:13px;display:block;overflow:visible}.proc-node polygon{fill:#0000;stroke:var(--color-line-2);stroke-width:1px;vector-effect:non-scaling-stroke;transition:fill var(--dur-medium) var(--ease-out), stroke var(--dur-medium) var(--ease-out)}.proc-num{font-family:var(--font-mono);font-size:max(10px, var(--mono-min));letter-spacing:.15em;color:var(--color-mute);transition:color var(--dur-medium) var(--ease-out);padding:0 0 4px .15em;line-height:1.5}.proc-node[data-on] polygon{fill:var(--color-cyan);stroke:var(--color-cyan)}.proc-node[data-on] .proc-num{color:var(--color-cyan)}.proc-text{flex-direction:column;gap:8px;min-width:0;display:flex}.proc-split{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0;display:grid}.proc-split>div{flex-direction:column;gap:4px;display:flex}.proc-split dt{font-family:var(--font-mono);font-size:max(10px, var(--mono-min));letter-spacing:.15em;text-transform:uppercase;color:var(--color-mute);line-height:1.5}.proc-split .proc-us{color:var(--color-cyan)}.proc-split dd{font-size:max(14px, var(--text-min));color:var(--color-off-soft);margin:0;line-height:1.5}.proc-line{pointer-events:none;width:1px;height:0;position:absolute;top:25.5px;left:17px}.proc-line-fill{background:var(--color-cyan);transform:scaleY(var(--fill,0));transform-origin:top;position:absolute;inset:0}.proc-footnote{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--color-accent);text-wrap:balance;margin:14px 0 0;font-size:11px;line-height:1.5}.proc-frames{flex-direction:column;gap:16px;display:flex}.proc-frame{flex-direction:column;gap:10px;margin:0;display:flex}.proc-frame-media{aspect-ratio:16/9;border:1px solid var(--color-line-2);position:relative;overflow:hidden}.proc-frame-img{transition:transform .9s cubic-bezier(.2,.7,.2,1)}.proc-tag{position:static}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.proc-frame:hover .proc-frame-img{transform:scale(1.025)}}@media (prefers-reduced-motion:reduce),(scripting:none){.proc-line{--fill:1}.proc-step:not(:last-child):after{background:var(--color-cyan)}.proc-node polygon{fill:var(--color-cyan);stroke:var(--color-cyan)}.proc-num{color:var(--color-cyan)}}@media (scripting:none){.proc-line{display:none}}@media (min-width:64rem){.proc{grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;column-gap:32px;display:grid}.proc-head{grid-column:1/span 4}.proc-lead{font-size:17px}.proc-body{grid-column:6/span 7;grid-template-columns:minmax(0,6fr) minmax(0,6fr);align-items:start;gap:32px;display:grid}.proc-step{--node-w:44px}.proc-line{left:21px}}@media (min-width:64rem) and (max-width:79.99rem){.proc-body{grid-template-columns:minmax(0,1fr)}.proc-frames{grid-template-columns:minmax(0,1fr);display:grid}}.card-grid{flex-direction:column;gap:32px;display:flex}.card-window{border:1px solid var(--color-line-2);background:var(--color-ink);min-width:0}.card-bar{border-bottom:1px solid var(--color-line-2);align-items:center;gap:8px;padding:10px 14px;display:flex}.card-dot{background:var(--color-line-2);border-radius:50%;flex-shrink:0;width:8px;height:8px}.card-url{overflow-wrap:anywhere;min-width:0;font-family:var(--font-mono);font-size:max(10px, var(--mono-min));letter-spacing:.15em;text-transform:uppercase;color:var(--color-mute);margin-left:10px;line-height:1.5}.card-body{flex-direction:column;gap:20px;padding:20px;display:flex}.card-chips{flex-wrap:wrap;gap:8px;display:flex}.br-chip.card-chip{font-family:var(--font-sans);letter-spacing:normal;text-transform:none;padding:8px 12px;font-size:13px}.br-chip.card-chip-cyan{border-color:var(--color-cyan)}.card-colors{gap:8px;display:flex}.card-swatch{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.card-swatch-block{border:1px solid var(--color-line-2);height:56px;display:block}.card-swatch-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:2px 16px;display:flex}.card-hex{font-family:var(--font-mono);font-size:max(10px, var(--mono-min));letter-spacing:.15em;text-transform:uppercase;color:var(--color-off);line-height:1.5}.card-copy{min-height:27px;font-family:var(--font-mono);text-align:left;color:var(--color-mute);cursor:pointer;transition:color var(--dur-default) var(--ease-out);background:0 0;border:0;margin:-6px 0;padding:6px 0;font-size:11px;line-height:1.5;display:inline-grid}.card-copy>*{grid-area:1/1}.card-copy-done{color:var(--color-accent);opacity:0}.card-copy[data-copied] .card-copy-idle{opacity:0}.card-copy[data-copied] .card-copy-done{opacity:1}@media (hover:hover){.card-copy:hover{color:var(--color-cyan)}}.card-copy:focus-visible{color:var(--color-cyan)}.card-fonts{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;display:flex}.card-fonts-line{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--color-off);margin:0;font-size:11px;line-height:1.5}.card-rule{border-top:1px solid var(--color-line-2);grid-template-columns:minmax(0,1fr);gap:6px;padding:12px 0;display:grid}.card-rule h4{font-family:var(--font-display);letter-spacing:-.01em;color:var(--color-off);margin:0;font-size:18px;font-weight:500;line-height:1.2}.card-rule p{font-size:max(14px, var(--text-min));color:var(--color-off-soft);margin:0;line-height:1.5}.card-dont{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0 0;padding:0;list-style:none;display:grid}.card-dont-tile{aspect-ratio:4/3;border:1px solid var(--color-line-2);background:#f8f4ed;place-items:center;display:grid;position:relative;overflow:hidden}.card-dont-tile picture,.sheet-dont picture{position:absolute;inset:0}.card-dont-tile img,.sheet-dont img{object-fit:cover}.card-dont-mark{aspect-ratio:1;width:30%;display:block;position:relative}.card-dont-mark-wide{aspect-ratio:8/5;width:48%}.card-dont-tile:after{content:"";background:linear-gradient(to top right, transparent calc(50% - 1px), var(--color-danger) calc(50% - 1px), var(--color-danger) calc(50% + 1px), transparent calc(50% + 1px));position:absolute;inset:0}.card-dont-caption{font-family:var(--font-mono);font-size:max(10px, var(--mono-min));letter-spacing:.1em;text-transform:uppercase;color:var(--color-mute);margin-top:6px;line-height:1.5;display:block}.card-pdf{flex-direction:column;gap:8px;max-width:180px;display:flex}.card-sheet{aspect-ratio:210/297;border:1px solid var(--color-line-2);background:var(--color-off);color:var(--color-ink);overflow:hidden;container-type:inline-size}.sheet-page{flex-direction:column;padding:7cqw;display:flex}.sheet-head{align-items:center;gap:3cqw;margin-bottom:6cqw;display:flex}.sheet-head img{flex-shrink:0;width:11cqw;height:11cqw}.sheet-title{font-family:var(--font-display);letter-spacing:-.02em;font-size:5.2cqw;font-weight:600;line-height:1.15}.sheet-colors{gap:3cqw;margin-bottom:5cqw;display:flex}.sheet-swatch{flex-direction:column;flex:1;gap:1.6cqw;min-width:0;display:flex}.sheet-swatch i{border:1px solid #09090b24;height:14cqw;display:block}.sheet-swatch b{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;font-size:max(2.2cqw,5px);font-weight:400;line-height:1.4}.sheet-fonts{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;margin-bottom:4cqw;font-size:max(2.4cqw,5px);line-height:1.5}.sheet-rule{color:#09090bb8;border-top:1px solid #09090b24;padding:3.2cqw 0;font-size:max(2.8cqw,5px);line-height:1.4}.sheet-rule>span{font-family:var(--font-display);letter-spacing:-.01em;color:var(--color-ink);margin-bottom:1.2cqw;font-size:3.6cqw;font-weight:500;line-height:1.2;display:block}.sheet-dont{gap:2cqw;margin-top:2cqw;display:flex}.sheet-dont>span{aspect-ratio:4/3;background:#f8f4ed;border:1px solid #09090b24;flex:1;place-items:center;display:grid;position:relative;overflow:hidden}.sheet-dont>span:after{content:"";background:linear-gradient(to top right, transparent calc(50% - .5px), var(--color-danger) calc(50% - .5px), var(--color-danger) calc(50% + .5px), transparent calc(50% + .5px));position:absolute;inset:0}.card-pdf-caption{font-family:var(--font-mono);font-size:max(10px, var(--mono-min));letter-spacing:.15em;text-transform:uppercase;color:var(--color-mute);margin:0;line-height:1.5}@media (min-width:64rem){.card-grid{grid-template-columns:minmax(0,8fr) minmax(0,3fr);align-items:start;gap:40px;display:grid}.card-body{padding:24px}.card-colors{gap:12px}.card-swatch-row{flex-wrap:nowrap}.card-rule{grid-template-columns:200px minmax(0,1fr);gap:16px}.card-dont{grid-column:2;gap:12px;margin-top:2px}.card-dont-caption{letter-spacing:.15em}.card-pdf{justify-self:end;width:100%;max-width:300px}}.bprice-lead{max-width:720px;color:var(--color-off-soft);margin:0;font-size:16px;line-height:1.5}.bprice-tiers{margin:28px 0 0;padding:0;list-style:none}.bprice-tier{border-top:1px solid var(--color-line-2);grid-template-columns:minmax(0,1fr);row-gap:6px;padding:22px 0;display:grid;position:relative}.bprice-tier:last-child{border-bottom:1px solid var(--color-line-2)}.bprice-body{color:var(--color-off-soft);margin:0;font-size:16px;line-height:1.5}.bprice-amount{font-family:var(--font-display);white-space:nowrap;color:var(--color-accent);margin:0;font-size:24px;font-weight:600;font-stretch:105%;line-height:1.2}.bprice-tag{align-items:flex-start;gap:4px}.bprice-unit,.bprice-gross{font-family:var(--font-mono);font-size:max(10px, var(--mono-min));color:var(--color-mute);font-weight:400;font-stretch:100%;line-height:1.4}.bprice-unit{letter-spacing:.15em;text-transform:uppercase}.bprice-gross{letter-spacing:.04em}.bprice-rule{background:var(--color-cyan);transform-origin:0;pointer-events:none;height:1px;transition:transform .6s var(--ease-out);position:absolute;top:-1px;left:0;right:0;transform:scaleX(0)}@media (hover:hover) and (pointer:fine){.bprice-tier:hover .bprice-rule{transform:scaleX(1)}}.bprice-notes{grid-template-columns:minmax(0,1fr);gap:20px;margin:28px 0 0;display:grid}.bprice-notes>div{flex-direction:column;gap:8px;display:flex}.bprice-notes dt{font-family:var(--font-mono);font-size:max(10px, var(--mono-min));letter-spacing:.15em;text-transform:uppercase;color:var(--color-cyan);line-height:1.5}.bprice-notes dd{font-size:max(15px, var(--text-min));color:var(--color-off-soft);margin:0;line-height:1.5}.bprice-more{margin-top:32px}@media (min-width:64rem){.bprice-lead{font-size:18px}.bprice-tier{grid-template-columns:minmax(0,5fr) minmax(0,5fr) minmax(0,2fr);align-items:baseline;gap:24px}.bprice-amount{text-align:right;font-size:28px}.bprice-tag{align-items:flex-end}.bprice-notes{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}}.bfaq{flex-direction:column;gap:32px;display:flex}.bfaq-head{flex-direction:column;display:flex}.bfaq-lead{color:var(--color-off-soft);margin:0;font-size:16px;line-height:1.5}@media (min-width:64rem){.bfaq-lead{font-size:17px}}.brand-credit{z-index:2;font-family:var(--font-mono);font-size:max(9px, var(--mono-min));letter-spacing:.14em;text-transform:uppercase;color:var(--color-off-soft);pointer-events:none;background:#09090bb3;padding:2px 6px;line-height:1.5;position:absolute;bottom:12px;left:12px}.card-dont-credit{color:var(--color-mute);letter-spacing:.06em;margin-top:2px}}