:root{color-scheme:light dark;--bg:#F5EEE4;--surface:#FFFCF7;--fg:#1F2A4D;--muted:#5B6178;--line:#E6DCCB;--accent:#FF7A5C;--accent-fg:#1F2A4D;--danger:#b42318;--accent-text:#B0381E;--font-display:"Bricolage Grotesque",system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-body:"Instrument Sans",system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:"DM Mono",ui-monospace, "SFMono-Regular", Menlo, Consolas, "Liberation Mono", monospace;--display-weight:800;--radius-card:16px;--radius-control:999px;--radius-input:10px;}@media (prefers-color-scheme:dark){:root{--bg:#0F1420;--surface:#1B2235;--fg:#F3EFE8;--muted:#AEB3C4;--line:#2B3450;--accent:#FF7A5C;--accent-fg:#1F2A4D;--danger:#ff8a7a;--accent-text:#FF9A80;}}
:root{
  --accent-soft:color-mix(in oklab,var(--accent) 9%,var(--bg));
  --accent-ink:var(--accent-text,color-mix(in oklab,var(--accent) 82%,var(--fg)));
  --line-strong:color-mix(in oklab,var(--fg) 70%,var(--bg));
  --gutter:clamp(1rem,4.5vw,2.75rem);
  --max:78rem;
  --radius:6px;
  --step--1:.8125rem;--step-0:1.0625rem;--step-1:1.25rem;--step-2:1.5rem;--step-3:clamp(1.75rem,3.4vw,2.5rem);
  --step-4:clamp(2.6rem,7.2vw,5.75rem);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:5rem}
body{margin:0;min-height:100vh;display:flex;flex-direction:column;background:var(--bg);color:var(--fg);
  font:400 var(--step-0)/1.62 var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-wrap:break-word}
main{flex:1}
img,svg{max-width:100%;height:auto}
h1,h2,h3,h4{font-family:var(--font-display);font-weight:var(--display-weight,700);line-height:1.12;letter-spacing:calc(-.018em * var(--display-tracking,1));margin:0;text-wrap:balance}
p{margin:0}
p,li{text-wrap:pretty}
a{color:inherit;text-decoration-line:underline;text-decoration-thickness:1px;text-underline-offset:.22em;
  text-decoration-color:color-mix(in oklab,currentColor 38%,transparent);transition:text-decoration-color .15s,color .15s}
a:hover{text-decoration-color:currentColor}
:focus-visible{outline:2px solid var(--accent-ink);outline-offset:3px;border-radius:3px}
code,kbd,pre,.mono{font-family:var(--font-mono);font-size:.875em}
:not(pre)>code{background:var(--surface);border:1px solid var(--line);border-radius:4px;padding:.08em .35em;white-space:break-spaces}
pre{margin:0;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1rem 1.125rem;overflow-x:auto;
  line-height:1.55;font-size:.8125rem;tab-size:2}
pre code{font-size:inherit}
hr{border:0;border-top:1px solid var(--line);margin:2.5rem 0}
.wrap{width:100%;max-width:var(--max);margin-inline:auto;padding-inline:var(--gutter)}
.muted{color:var(--muted)}
.label{font-family:var(--font-mono);font-size:var(--step--1);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-weight:500}
.skip{position:absolute;left:-9999px;top:0}
.skip:focus{left:1rem;top:1rem;z-index:20;background:var(--fg);color:var(--bg);padding:.5rem .75rem;border-radius:var(--radius)}
.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* Buttons and fields — also available to tool.html fragments */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:2.75rem;padding:.6rem 1.1rem;border-radius:var(--radius-control,var(--radius));
  border:1.5px solid var(--fg);background:transparent;color:var(--fg);font:600 .9375rem/1.2 var(--font-body);text-decoration:none;cursor:pointer;
  transition:background-color .15s,color .15s,border-color .15s}
.btn:hover{background:var(--fg);color:var(--bg)}
.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-fg)}
.btn-primary:hover{background:color-mix(in oklab,var(--accent) 85%,var(--fg));border-color:color-mix(in oklab,var(--accent) 85%,var(--fg));color:var(--accent-fg)}
.btn-small{min-height:2.25rem;padding:.35rem .8rem;font-size:.875rem}
.btn[disabled]{opacity:.55;cursor:not-allowed}
.field{display:grid;gap:.35rem}
.field>span,.field>label{font-size:.875rem;font-weight:600}
input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),select,textarea{
  width:100%;min-height:2.75rem;padding:.6rem .75rem;border:1.5px solid var(--line-strong);border-radius:var(--radius-input,var(--radius));background:var(--bg);
  color:var(--fg);font:400 1rem/1.4 var(--font-body)}
input::placeholder,textarea::placeholder{color:var(--muted);opacity:1}
input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent-ink);outline-offset:1px;border-color:var(--accent-ink)}

/* Header */
.site-head{border-bottom:1px solid var(--line)}
.head-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:.75rem 1.5rem;padding-block:.9rem}
.brand{display:inline-flex;align-items:center;gap:.6rem;text-decoration:none;font:700 1.1875rem/1 var(--font-display);letter-spacing:calc(-.02em * var(--display-tracking,1))}
.brand img{width:1.75rem;height:1.75rem;border-radius:5px}
.brand .brand-mark{width:auto;height:1.9rem;border-radius:0}
.lockup{display:inline-flex}
.brand .lockup img{display:block;width:auto;height:1.75rem;border-radius:0}
.brand-small .lockup img{height:1.375rem}
.brand-wm{gap:.5rem}
.wm{font:var(--display-weight,700) 1.625rem/1 var(--font-display);letter-spacing:calc(-.045em * var(--display-tracking,1));white-space:nowrap;color:var(--fg)}
.wm-a{color:var(--accent-ink)}
.brand-small .brand-mark{height:1.5rem}
.brand-small .wm{font-size:1.375rem}
.head-actions{display:flex;align-items:center;gap:.5rem}
.site-nav{grid-column:1/-1;order:3;margin:0 -.5rem}
.site-nav ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.1rem .25rem}
.site-nav a{display:inline-block;padding:.35rem .5rem;text-decoration:none;font-size:.9375rem;font-weight:500;color:var(--muted);border-radius:4px}
.site-nav a:hover,.site-nav a[aria-current=page]{color:var(--fg)}
.site-nav a[aria-current=page]{text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:2px;text-underline-offset:.45em}
.head-user{font-size:.875rem;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:14rem}
@media (min-width:800px){
  .head-row{grid-template-columns:auto 1fr auto}
  .site-nav{grid-column:auto;order:0;justify-self:end;margin:0}
}

/* Hero */
.hero{display:grid;gap:2.5rem;padding-block:clamp(2.75rem,8vw,6rem) clamp(3rem,7vw,5rem)}
.hero h1{font-size:var(--step-4);line-height:.98;letter-spacing:calc(-.035em * var(--display-tracking,1));font-weight:700;max-width:13ch}
.hero .lede{margin-top:1.5rem;font-size:clamp(1.125rem,2vw,1.3125rem);line-height:1.5;max-width:36rem;color:var(--fg)}
.hero-copy .hero-links{margin-top:1.25rem;display:flex;flex-wrap:wrap;gap:.25rem 1.25rem;font-size:.9375rem}
.hero-side{align-self:end}
@media (min-width:960px){
  .hero{grid-template-columns:minmax(0,7fr) minmax(0,5fr);column-gap:clamp(2.5rem,5vw,5rem)}
}

/* The plate: the MCP address, the signature element */
.plate{margin-top:2.25rem;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:stretch;max-width:36rem;
  border:1.5px solid var(--fg);border-radius:var(--radius);background:var(--bg);overflow:hidden}
.plate-tag{display:flex;align-items:center;padding:0 .8rem;background:var(--fg);color:var(--bg);font:600 .75rem/1 var(--font-mono);letter-spacing:.1em}
.plate-url{display:flex;align-items:center;padding:.85rem 1rem;font:500 clamp(.875rem,2.4vw,1.0625rem)/1.3 var(--font-mono);overflow-wrap:break-word;min-width:0;
  background:none;border:0;border-radius:0;white-space:normal}
.plate .copy{border:0;border-left:1.5px solid var(--fg);border-radius:0;min-height:100%}
.plate-box{container-type:inline-size}
@container (max-width:27rem){
  .plate{grid-template-columns:auto minmax(0,1fr)}
  .plate-tag{padding:0 .6rem}
  .plate-url{font-size:.8125rem;padding:.75rem .75rem}
  .plate .copy{grid-column:1/-1;border-left:0;border-top:1.5px solid var(--fg);min-height:2.5rem}
}
.plate-note{margin-top:.75rem;font-size:.9375rem;color:var(--muted);max-width:36rem}
.copy{position:relative}
.copy[data-copied]::after{content:attr(data-copied);position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--accent);color:var(--accent-fg)}

/* Tool fragment frame */
.tool{border:1px solid var(--line);border-radius:10px;background:var(--surface);padding:clamp(1rem,3vw,1.5rem)}
.tool-head{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:1rem}
.tool :where(form){display:grid;gap:.75rem}
.tool :where(.out){font-family:var(--font-mono);font-size:.9375rem;overflow-wrap:anywhere}

/* Sections: heading column on the left, content on the right */
.sec{display:grid;gap:1.5rem 3rem;padding-block:clamp(3rem,7vw,5rem);
  background:linear-gradient(var(--line),var(--line)) no-repeat center top/calc(100% - 2 * var(--gutter)) 1px}
.sec-head h2{font-size:var(--step-3);letter-spacing:calc(-.025em * var(--display-tracking,1))}
.sec-head p{margin-top:.75rem;color:var(--muted);max-width:30rem}
.sec-head .more{display:inline-block;margin-top:1rem;font-weight:600;font-size:.9375rem}
.sec-body{min-width:0}
@media (min-width:960px){
  .sec{grid-template-columns:minmax(0,4fr) minmax(0,8fr)}
  .sec-head{position:sticky;top:2rem;align-self:start}
}
.sec-wide .sec-body{grid-column:1/-1}

/* Page heads for subpages */
.page-head{padding-block:clamp(2.25rem,6vw,4.25rem) clamp(1.75rem,4vw,2.75rem)}
.page-head h1{font-size:clamp(2.25rem,5.6vw,4.25rem);line-height:1.02;letter-spacing:calc(-.032em * var(--display-tracking,1));max-width:20ch}
.page-head .lede{margin-top:1.1rem;font-size:clamp(1.0625rem,1.8vw,1.25rem);max-width:40rem}
.crumbs{margin-bottom:1.25rem}
.crumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.25rem}
.crumbs li{font-size:var(--step--1);color:var(--muted);font-family:var(--font-mono)}
.crumbs li+li::before{content:"/";margin-right:.3rem;opacity:.6}
.crumbs a{text-decoration:none}
.crumbs a:hover{text-decoration:underline}
.eyebrow{margin-bottom:.9rem}

/* Example prompts: hanging quotes */
.prompts{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.prompts li{position:relative;padding:1.05rem 0 1.05rem 1.6rem;border-bottom:1px solid var(--line);
  font:500 clamp(1.0625rem,2.2vw,1.3125rem)/1.42 var(--font-display);letter-spacing:calc(-.01em * var(--display-tracking,1))}
.prompts li::before{content:"\201C";position:absolute;left:0;top:.8rem;font:700 2rem/1 var(--font-display);color:var(--accent-ink)}

/* Lists with ticks */
.ticks{list-style:none;margin:0;padding:0;display:grid;gap:.6rem}
.ticks li{position:relative;padding-left:1.25rem}
.ticks li::before{content:"";position:absolute;left:0;top:.62em;width:.5rem;height:.5rem;background:var(--accent);border-radius:1px}
@media (min-width:640px){.ticks.cols{grid-template-columns:1fr 1fr;column-gap:2rem}}
.desc p+p{margin-top:1rem}
.desc{max-width:42rem;margin-bottom:2rem}

/* Plans */
.plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));border-top:1.5px solid var(--fg)}
.plan{display:flex;flex-direction:column;gap:1.25rem;padding:1.5rem 0 2rem;border-bottom:1px solid var(--line)}
.plan.is-featured{box-shadow:inset 0 3px 0 var(--accent)}
.plan h3{font-size:var(--step-1);letter-spacing:calc(-.01em * var(--display-tracking,1))}
.price{display:flex;flex-wrap:wrap;align-items:baseline;gap:.15rem .4rem;margin-top:.35rem}
.price .amount{font:700 clamp(2.5rem,4.2vw,3.25rem)/1 var(--font-display);letter-spacing:calc(-.04em * var(--display-tracking,1));font-variant-numeric:tabular-nums}
.price .per{color:var(--muted);font-size:.9375rem}
.plan .limits{list-style:none;margin:0;padding:0;font-family:var(--font-mono);font-size:.875rem;display:grid;gap:.3rem}
.plan .limits li{padding-block:.4rem;border-bottom:1px dashed var(--line)}
.plan .ticks{font-size:.9375rem}
.plan .actions{margin-top:auto;padding-top:.5rem}
@media (min-width:720px){
  .plans{border-bottom:1px solid var(--line)}
  .plan{padding:1.75rem 1.5rem 2rem;border-bottom:0;border-left:1px solid var(--line)}
  .plan:first-child{border-left:0;padding-left:0}
}
.fine{margin-top:1.25rem;margin-bottom:clamp(2rem,5vw,3.5rem);font-size:.875rem;color:var(--muted);max-width:44rem}

/* Tables */
.scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}
table{width:100%;border-collapse:collapse;font-size:.9375rem}
th,td{text-align:left;vertical-align:top;padding:.75rem 1rem .75rem 0;border-bottom:1px solid var(--line)}
thead th{font-family:var(--font-mono);font-size:var(--step--1);font-weight:500;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);
  border-bottom:1.5px solid var(--fg);white-space:nowrap}
tbody th{font-weight:600}
tbody th::first-letter{text-transform:uppercase}
td.us{font-weight:600}

/* Link lists (guides, posts) */
.links{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.links li{border-bottom:1px solid var(--line)}
.links a{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.25rem 1rem;padding:1rem 0;text-decoration:none}
.links .t{font:600 var(--step-1)/1.3 var(--font-display);letter-spacing:calc(-.01em * var(--display-tracking,1))}
.links .s{grid-column:1;color:var(--muted);font-size:.9375rem}
.links .arrow{grid-row:1/span 2;grid-column:2;align-self:center;color:var(--muted);transition:transform .15s,color .15s}
.links a:hover .t{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.2em}
.links a:hover .arrow{transform:translateX(3px);color:var(--accent-ink)}

/* FAQ */
.faq{border-top:1px solid var(--line)}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{cursor:pointer;list-style:none;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem;padding:1.1rem 0;
  font:600 var(--step-1)/1.35 var(--font-display);letter-spacing:calc(-.01em * var(--display-tracking,1))}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font:400 1.5rem/1 var(--font-mono);color:var(--muted);transition:transform .2s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq .a{padding:0 0 1.25rem;max-width:44rem;color:var(--fg)}

/* Steps: ordered, the order matters */
.steps{list-style:none;margin:0;padding:0;counter-reset:step;display:grid;gap:0}
.steps>li{counter-increment:step;position:relative;padding:1rem 0 1rem 2.75rem;border-bottom:1px solid var(--line)}
.steps>li:first-child{border-top:1px solid var(--line)}
.steps>li::before{content:counter(step);position:absolute;left:0;top:1rem;width:1.75rem;height:1.75rem;display:grid;place-items:center;
  border:1.5px solid var(--fg);border-radius:50%;font:600 .8125rem/1 var(--font-mono)}
.steps pre{margin-top:.75rem}

/* MCP clients */
.clients{display:grid;grid-template-columns:minmax(0,1fr);gap:2.5rem}
.client h3{font-size:var(--step-2);margin-bottom:1rem;display:flex;flex-wrap:wrap;align-items:baseline;gap:.5rem 1rem}
.client h3 .label{font-weight:500;letter-spacing:.04em}
.client>p{margin-bottom:1rem;max-width:44rem}
.codeblock{position:relative}
.codeblock .copy{position:absolute;top:.5rem;right:.5rem;background:var(--bg)}
.codeblock pre{padding-right:5.5rem}

/* Tool list */
.tools{list-style:none;margin:0;padding:0;border-top:1.5px solid var(--fg)}
.tools li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.35rem 1rem;padding:1.1rem 0;border-bottom:1px solid var(--line)}
.tools .name{font:500 .9375rem/1.4 var(--font-mono);overflow-wrap:anywhere}
.tools .ttl{grid-column:1;font-weight:600}
.tools .d{grid-column:1/-1;color:var(--muted);font-size:.9375rem;max-width:46rem}
.badge{display:inline-block;padding:.2rem .5rem;border:1px solid currentColor;border-radius:4px;font:600 .6875rem/1.2 var(--font-mono);
  text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;align-self:start}
.badge-read{color:var(--muted)}
.badge-write{color:var(--accent-ink)}
.badge-destructive{color:var(--danger)}
.badge-get{color:var(--muted)}.badge-post,.badge-put,.badge-patch{color:var(--accent-ink)}.badge-delete{color:var(--danger)}

/* Prose: blog, legal, use cases */
.prose{max-width:42rem}
.prose>*+*{margin-top:1.1rem}
.prose h2{font-size:var(--step-2);margin-top:2.5rem}
.prose h3{font-size:var(--step-1);margin-top:2rem}
.prose ul,.prose ol{padding-left:1.25rem}
.prose li+li{margin-top:.35rem}
.prose blockquote{margin-inline:0;padding-left:1.25rem;border-left:3px solid var(--accent);color:var(--muted)}
.prose img{border-radius:var(--radius)}
.post-meta{margin-top:1rem}

/* Call to action band */
.cta{display:grid;gap:1.25rem;padding:clamp(1.5rem,4vw,2.5rem);border:1.5px solid var(--fg);border-radius:10px;margin-block:clamp(2.5rem,6vw,4rem)}
.sec+aside .cta{margin-top:0}
.cta h2{font-size:var(--step-3)}
.cta h2+p{margin-top:.75rem;color:var(--muted);max-width:36rem}
.cta .plate{margin-top:0}
@media (min-width:960px){.cta{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center}}

/* Docs */
.docs{display:grid;grid-template-columns:minmax(0,1fr);gap:2rem;padding-bottom:4rem}
.docs-nav{font-size:.9375rem}
.docs-nav ul{list-style:none;margin:0;padding:0}
.docs-nav .group+.group{margin-top:1.25rem}
.docs-nav .group>.label{display:block;margin-bottom:.4rem}
.docs-nav a{display:flex;gap:.6rem;align-items:baseline;padding:.3rem 0;text-decoration:none;color:var(--muted)}
.docs-nav a:hover{color:var(--fg)}
.docs-nav .m{font:600 .6875rem/1 var(--font-mono);text-transform:uppercase;min-width:3.2rem}
.docs-main{min-width:0}
.docs-main>section+section{margin-top:3.5rem}
.docs-main h2{font-size:var(--step-2);margin-bottom:1rem}
.op{padding-top:2.5rem;margin-top:2.5rem;border-top:1px solid var(--line);scroll-margin-top:1rem}
.op-sig{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;margin:.75rem 0 1rem;font:500 1rem/1.4 var(--font-mono);overflow-wrap:anywhere}
.op h3{font-size:var(--step-2)}
.op h4{font:500 var(--step--1)/1.2 var(--font-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:1.75rem 0 .6rem}
.op .md{max-width:44rem}
.op .md>*+*{margin-top:.75rem}
.docs-main .md+pre{margin-top:1rem}
.fields{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.fields li{padding:.7rem 0;border-bottom:1px solid var(--line)}
.fields .fname{font:600 .875rem/1.4 var(--font-mono)}
.fields .ftype{font:400 .8125rem/1.4 var(--font-mono);color:var(--muted);margin-left:.5rem}
.fields .req{font:600 .6875rem/1 var(--font-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--danger);margin-left:.5rem}
.fields .fdesc{margin-top:.25rem;font-size:.9375rem;color:var(--muted)}
.fields .fields{margin:.6rem 0 0 1rem;border-top:0;border-left:1px solid var(--line);padding-left:1rem}
.fields .fields li:last-child{border-bottom:0}
.resp+.resp{margin-top:1rem}
.resp-code{font:600 .875rem/1.4 var(--font-mono)}
.resp pre{margin-top:.5rem}
@media (min-width:1000px){
  .docs{grid-template-columns:15rem minmax(0,1fr);gap:4rem}
  .docs-nav{position:sticky;top:1.5rem;align-self:start;max-height:calc(100vh - 3rem);overflow:auto}
}

/* App pages (runtime) */
.app-main{padding-block:clamp(2rem,5vw,3.5rem) 4rem}
.app-title{font-size:clamp(1.75rem,4vw,2.5rem);margin-bottom:1.5rem}
.panel{border:1px solid var(--line);border-radius:var(--radius-card,10px);background:var(--surface);padding:clamp(1.25rem,3vw,2rem)}
.panel+.panel,.panel+section,section+.panel{margin-top:1.5rem}
.panel h2{font-size:var(--step-2);letter-spacing:calc(-.015em * var(--display-tracking,1))}
.panel h3{font-size:var(--step-0);margin-top:1.75rem;margin-bottom:.75rem}
.narrow{max-width:32rem}
.wide{max-width:52rem}
.lead{font-size:var(--step-1);line-height:1.45}
.small{font-size:.875rem}
.nowrap{white-space:nowrap}
.stack>*+*{margin-top:1rem}
.actions{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:1.5rem}
.actions>form{display:contents}
.stack>.actions{margin-top:1rem}
.flush{margin-top:0!important}
.after{margin-top:1.25rem}
.app-sub{margin:-.75rem 0 1.5rem;color:var(--muted)}
.panel-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.35rem 1rem}
.inline{display:flex;flex-wrap:wrap;align-items:end;gap:.75rem}
.inline>.field{flex:1 1 12rem}
.notice{padding:.8rem 1rem;border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:var(--radius);
  background:var(--accent-soft);font-size:.9375rem}
.notice-warn{border-left-color:var(--danger);background:color-mix(in oklab,var(--danger) 7%,var(--bg))}
.label+.ticks,.label+ul,.label+p{margin-top:.6rem}
:where(.facts){margin:0}
.facts{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.6rem 1.25rem;font-size:.9375rem}
@media (max-width:30rem){.facts{grid-template-columns:minmax(0,1fr);gap:0}.facts dd+dt{margin-top:.6rem}}
.facts dt{color:var(--muted)}
.facts dd{margin:0;font-weight:600;overflow-wrap:anywhere}
.ident{display:flex;align-items:center;gap:.9rem}
.ident-mark{flex:none;display:grid;place-items:center;width:3rem;height:3rem;border-radius:10px;background:var(--fg);color:var(--bg);
  font:700 1.375rem/1 var(--font-display);text-transform:uppercase}
.ident-name{font:700 var(--step-1)/1.25 var(--font-display);letter-spacing:calc(-.01em * var(--display-tracking,1));overflow-wrap:anywhere}
.readout{font:500 clamp(2.75rem,10vw,4.5rem)/1 var(--font-mono);letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.meter{height:.375rem;margin-top:.4rem;border-radius:99px;background:var(--line);overflow:hidden}
.meter>span{display:block;height:100%;background:var(--accent)}
.secret{display:block;padding:.85rem 1rem;border:1.5px dashed var(--line-strong);border-radius:var(--radius);background:var(--bg);
  font:500 .9375rem/1.4 var(--font-mono);overflow-wrap:anywhere;word-break:break-all}

/* Footer */
.site-foot{border-top:1px solid var(--line);margin-top:auto;font-size:.9375rem}
.foot-grid{display:grid;gap:2rem;padding-block:3rem}
.foot-grid ul{list-style:none;margin:.75rem 0 0;padding:0;display:grid;gap:.4rem}
.foot-grid a{text-decoration:none;color:var(--muted)}
.foot-grid a:hover{color:var(--fg);text-decoration:underline}
.foot-brand p{margin-top:.75rem;color:var(--muted);max-width:22rem}
.foot-legal{padding-block:1.25rem 2rem;border-top:1px solid var(--line);color:var(--muted);font-size:.8125rem;display:flex;flex-wrap:wrap;gap:.5rem 1.5rem}
@media (min-width:720px){.foot-grid{grid-template-columns:2fr 1fr 1fr 1fr}}

/* Agent layout (products with site options): cards, chips, steps, landing, connect, account, sign-in */
.btn-ink{background:var(--fg);border-color:var(--fg);color:var(--bg)}
.btn-ink:hover{background:color-mix(in oklab,var(--fg) 84%,var(--bg));border-color:color-mix(in oklab,var(--fg) 84%,var(--bg));color:var(--bg)}
.btn-danger{border-color:var(--danger);color:var(--danger)}
.btn-danger:hover{background:var(--danger);border-color:var(--danger);color:var(--bg)}
.btn img{width:1.375rem;height:1.375rem;border-radius:5px;flex:none}
.lift .btn{transition:background-color .15s,color .15s,border-color .15s,transform .15s}
.lift .btn:hover{transform:translateY(-1px)}
.card{display:flex;flex-direction:column;gap:.75rem;min-width:0;padding:1.375rem;border:1px solid var(--line);border-radius:var(--radius-card,10px);background:var(--surface)}
.card h2{font-size:1.1875rem;letter-spacing:calc(-.01em * var(--display-tracking,1))}
.card-head{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem .75rem}
.card-head .chip{margin-left:auto}
.card-danger{border-color:color-mix(in oklab,var(--danger) 30%,var(--line))}
.chip{display:inline-flex;align-items:center;gap:.35rem;min-height:1.5rem;padding:.1rem .625rem;border-radius:999px;background:color-mix(in oklab,var(--fg) 7%,var(--bg));
  color:var(--fg);font:600 .75rem/1.3 var(--font-body);white-space:nowrap}
.chip img{width:1rem;height:1rem;border-radius:3px}
.chip-accent{background:color-mix(in oklab,var(--accent) 26%,var(--bg));color:var(--accent-ink)}
.chips{display:flex;flex-wrap:wrap;gap:.375rem}
.ok-dot{flex:none;width:.625rem;height:.625rem;border-radius:50%;background:#2F8F5B;box-shadow:0 0 0 3px color-mix(in oklab,#2F8F5B 24%,transparent)}
.client-logo{flex:none;width:2.25rem;height:2.25rem;border-radius:9px}
.client-mono,.client-term{display:grid;place-items:center;background:var(--fg);color:var(--bg);font:700 .8125rem/1 var(--font-mono)}
.nsteps{list-style:none;margin:0;padding:0;display:grid;gap:.7rem;font-size:.9375rem}
.nsteps li{display:grid;grid-template-columns:1.75rem minmax(0,1fr);gap:.6rem;align-items:start}
.nsteps b{display:grid;place-items:center;width:1.625rem;height:1.625rem;border:1.5px solid var(--fg);border-radius:50%;font:600 .75rem/1 var(--font-mono)}
.nsteps code{overflow-wrap:anywhere;word-break:break-word}

/* Connect page (/connect/ and /app) */
.cx{display:grid;gap:1.75rem;padding-block:clamp(2rem,5vw,3rem) 4rem}
.cx-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1.25rem}
.cx-intro{flex:1 1 26rem;max-width:42rem}
.cx-intro h1{font-size:clamp(2.25rem,5vw,2.75rem);letter-spacing:calc(-.03em * var(--display-tracking,1))}
.cx-intro .lede{margin-top:.6rem;color:var(--muted);font-size:1.0625rem}
.cx-now{flex:0 1 22rem;gap:.5rem;padding:1rem 1.125rem}
.cx-list{list-style:none;margin:0;padding:0;display:grid;gap:.45rem}
.cx-list li{display:flex;align-items:center;gap:.5rem;font-size:.9375rem}
.cx-list .client-logo{width:1.25rem;height:1.25rem;border-radius:5px}
.cx-list .client-mono{font-size:.625rem}
.cx-plate .plate{margin-top:0;max-width:40rem}
.cx-plate .plate-note{max-width:44rem}
.cx-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(18.5rem,100%),1fr));gap:1rem}
.cx-cards .btn{align-self:flex-start;margin-top:auto}
.cx-try{flex-direction:row;flex-wrap:wrap;align-items:center;gap:1rem 1.5rem}
.cx-try>div{flex:1 1 20rem}
.cx-try>p{flex:1 1 14rem}
.cx-try-title{font-weight:700;font-size:1.0625rem}
.app-main .cx{padding-block:0}

/* Agent landing */
.lp-hero{display:grid;gap:2.75rem;align-items:center;padding-block:clamp(2rem,5vw,3.25rem) clamp(3rem,7vw,4.5rem)}
@media (min-width:960px){.lp-hero{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr)}}
.lp-kicker{font-size:.8125rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.lp-hero h1{margin-top:1.1rem;font-size:clamp(2.75rem,6vw,4rem);line-height:1.02;letter-spacing:calc(-.035em * var(--display-tracking,1));max-width:11ch}
.lp-lead{margin-top:1.25rem;font-size:clamp(1.0625rem,1.6vw,1.1875rem);color:var(--muted);max-width:48ch}
.lp-ctas{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:1.5rem}
.lp-ctas .btn{min-height:3rem;padding-inline:1.25rem}
.lp-free{margin-top:1rem;font-size:.875rem;color:var(--muted)}
.lp-stage{min-width:0;display:flex;justify-content:center}
.lp-sec{display:grid;gap:1.6rem;padding-block:clamp(2.5rem,6vw,4.5rem)}
.lp-sec+.lp-sec{padding-top:0}
.lp-sec-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1rem}
.lp-sec-head h2{font-size:clamp(1.875rem,3.6vw,2.25rem);line-height:1.1;letter-spacing:calc(-.03em * var(--display-tracking,1));max-width:24ch}
.lp-sec-head p{color:var(--muted);max-width:52ch}
.lp-two{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(26rem,100%),1fr));gap:1.75rem;align-items:start}
.lp-side{display:grid;gap:.9rem}
.asks{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.asks li{position:relative;padding:.95rem 0 .95rem 1.6rem;border-bottom:1px solid var(--line);font:600 1.0625rem/1.4 var(--font-body)}
.asks li::before{content:"\201C";position:absolute;left:0;top:.7rem;font:700 1.75rem/1 var(--font-display);color:var(--accent-ink)}
.asks small{display:block;margin-top:.2rem;font:400 .8125rem/1.45 var(--font-body);color:var(--muted)}
.lp-feats{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(13rem,100%),1fr));gap:1.1rem 1.5rem;border-top:1.5px solid var(--fg);padding-top:1.1rem}
.lp-feats li{display:grid;gap:.25rem;align-content:start}
.lp-feats b{font:var(--display-weight,700) 1.0625rem/1.25 var(--font-display);letter-spacing:calc(-.01em * var(--display-tracking,1))}
.lp-feats span{color:var(--muted);font-size:.9375rem;line-height:1.45}
.lp-works{padding-block:0 .5rem}
.lp-works p{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .75rem;margin:0;color:var(--muted);font-size:.9375rem}
.lp-works-l{font-weight:600;color:var(--fg)}
.lp-client{display:inline-flex;align-items:center;gap:.45rem;padding:.3rem .75rem .3rem .35rem;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--fg);font-weight:600}
.lp-client img{width:1.4rem;height:1.4rem;padding:2px;border-radius:6px;background:#fff;box-sizing:border-box}
#connect>.lp-ctas{margin-top:0}
.lp-plate .plate{margin-top:0;max-width:36rem}
.lp-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(15.5rem,100%),1fr));gap:1rem}
.lp-cards .card p{font-size:.875rem;color:var(--muted)}
.lp-cards .btn{align-self:flex-start;margin-top:auto;min-height:2.5rem;padding:.35rem 1rem}
.lp-cards .card-strong{border-color:var(--fg)}
.lp-cards pre{background:var(--fg);color:var(--bg);border:0;border-radius:10px;font-size:.78rem;padding:.75rem .875rem}
.lp-band{background:var(--fg);color:var(--bg);padding-block:clamp(3rem,7vw,4.5rem)}
.lp-band .lp-sec{padding-block:0}
.lp-band .lp-sec-head p{color:color-mix(in oklab,currentColor 78%,transparent)}
.lp-band .card{background:color-mix(in oklab,currentColor 7%,transparent);border-color:color-mix(in oklab,currentColor 16%,transparent);color:inherit;flex-direction:row;align-items:center;flex-wrap:wrap}
.lp-band .card .chip{background:color-mix(in oklab,currentColor 14%,transparent);color:inherit}
.lp-band .card .chip-accent{background:var(--accent);color:var(--accent-fg)}
.lp-band .card p{flex:1 1 12rem;font-size:.875rem;color:color-mix(in oklab,currentColor 80%,transparent)}
.lp-band .card img{width:4.5rem;height:4.5rem;border-radius:8px;flex:none;background:#fff}
.lp-band .card-dim img{opacity:.28}
.lp-band .card>.chip{flex:1 0 100%;max-width:max-content}
.lp-freeband{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem .9rem;padding:1rem 1.25rem;border-radius:14px;background:var(--accent);color:var(--accent-fg)}
.lp-freeband b{font:var(--display-weight,700) 1.375rem/1.15 var(--font-display);letter-spacing:calc(-.02em * var(--display-tracking,1))}
.lp-faq{max-width:52rem}
.lp-final h2{font-size:clamp(2.25rem,5vw,3rem);line-height:1.05;letter-spacing:calc(-.03em * var(--display-tracking,1));max-width:16ch}
.lp-final .lp-ctas{margin-top:0}
.lp-sticky{display:none}
@media (prefers-color-scheme:dark){.lp-band{background:var(--surface);color:var(--fg)}}
@supports (animation-timeline:view()){.rv{animation:rv .3s ease-out both;animation-timeline:view();animation-range:entry 0% entry 25%}}
@keyframes rv{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media (max-width:480px){
  .lp-ctas{flex-direction:column;align-items:stretch}
  .lp-ctas .btn{width:100%}
  .lp-freeband{flex-direction:column;align-items:flex-start}
  .lp-sticky{position:fixed;left:0;right:0;bottom:0;z-index:30;display:flex;gap:.5rem;padding:.625rem .75rem calc(.625rem + env(safe-area-inset-bottom));
    background:color-mix(in oklab,var(--bg) 92%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid var(--line)}
  .lp-sticky .btn{flex:1;min-height:2.75rem;padding:0 .6rem;font-size:.875rem}
  main:has(.lp-sticky){padding-bottom:4.5rem}
}

/* Account, sign-in and consent pages (agent layout) */
.acct{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(26rem,100%),1fr));gap:1rem;align-items:start}
.acct-head{grid-column:1/-1;display:grid;gap:.4rem;margin-bottom:.5rem}
.acct-head h1{font-size:clamp(2rem,4.5vw,2.5rem)}
.acct-row{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;padding-top:.75rem;border-top:1px solid var(--line)}
.acct-row>span{flex:1 1 12rem;min-width:0}
.acct-row .client-logo{flex:none;width:2rem;height:2rem;border-radius:8px}
.acct-free{font:var(--display-weight,700) 1.5rem/1.15 var(--font-display);letter-spacing:calc(-.02em * var(--display-tracking,1))}
.undo{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem;padding:.65rem .9rem;border-radius:var(--radius-input,var(--radius));background:var(--accent-soft);font-size:.9375rem}
.undo button{background:none;border:0;padding:0;font:inherit;font-weight:700;color:var(--accent-ink);text-decoration:underline;cursor:pointer}
details.fold>summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:1rem;font:var(--display-weight,700) 1.1875rem/1.3 var(--font-display)}
details.fold>summary::-webkit-details-marker{display:none}
details.fold>summary::after{content:"+";font:400 1.375rem/1 var(--font-mono);color:var(--muted)}
details.fold[open]>summary::after{content:"\2013"}
details.fold>div{display:grid;gap:.75rem;padding-top:.9rem}
.signin{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:2rem 3rem;padding-block:1rem 2rem}
.signin>.card{flex:1 1 22rem;max-width:30rem;gap:1rem}
.signin h1{font-size:clamp(1.75rem,4vw,2rem)}
.signin-steps{flex:1 1 16rem;max-width:22rem;list-style:none;margin:0;padding:0;display:grid;gap:.9rem;color:var(--muted);font-size:.875rem}
.signin-steps li{display:grid;grid-template-columns:2rem minmax(0,1fr);gap:.75rem;align-items:center}
.signin-steps b{display:grid;place-items:center;width:1.875rem;height:1.875rem;border:1.5px solid var(--fg);border-radius:50%;color:var(--fg);font:600 .8125rem/1 var(--font-mono)}
.code-input{font:500 1.625rem/1 var(--font-mono)!important;letter-spacing:.35em;text-align:center}
.consent-head{display:flex;align-items:center;gap:.9rem}
.consent-head h1{font-size:clamp(1.5rem,3.6vw,1.75rem);line-height:1.15}
.consent-host{font-size:.9375rem}
.consent-host code{font-size:.9375rem}
.perm-box{display:grid;gap:.75rem;padding:1rem;border-radius:12px;background:var(--bg)}
.perm{display:grid;grid-template-columns:1.5rem minmax(0,1fr);gap:.6rem;font-size:.9375rem}
.perm::before{content:"";width:1.25rem;height:1.25rem;margin-top:.15rem;border-radius:50%;background:var(--accent-soft);box-shadow:inset 0 0 0 5px var(--accent)}
.agent-main .narrow{margin-inline:auto}
.card-head h2,.card-head h3{flex:1 1 8rem;min-width:0}
.foot-compact .foot-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem 2rem;padding-block:1.5rem 2rem;font-size:.875rem}
.foot-id{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem 1rem;color:var(--muted)}
.foot-links{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem 1.1rem}
.foot-links a,.foot-id a{color:var(--muted);text-decoration:none}
.foot-links a:hover,.foot-id a:hover{color:var(--fg);text-decoration:underline}
.foot-lang{display:inline-flex;gap:.3rem;color:var(--muted)}
.foot-lang b{color:var(--fg)}
.linklike{background:none;border:0;padding:0;font:inherit;color:var(--accent-ink);text-decoration:underline;text-underline-offset:.22em;cursor:pointer}
.split{display:flex;flex-wrap:wrap;gap:.75rem}
.split>.btn{flex:1 1 10rem}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}
}
@media print{.site-head nav,.copy,.site-foot{display:none}}

/* QRsome's own additions to the kit stylesheet (static site only). brand/hero.css (the designer's
   hero, all rules prefixed dz-) is appended after this file. */

/* The hero partial lines up with the page's sections (the kit's --max and --gutter). */
.lp-hero-slot .dz-hero{max-width:var(--max);padding-inline:var(--gutter)}
.lp-hero-slot .dz-h1{letter-spacing:-.035em}

/* Landing examples embed the shipped widgets at their natural responsive size. */
.qr-hero,.qr-section{font-family:"Instrument Sans",system-ui,sans-serif;color:#1f2a4d}
.qr-hero{padding:clamp(3rem,6vw,6rem) max(1.25rem,calc((100vw - 1280px)/2));background:#f5eee4}
.qr-hero-grid{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);align-items:center;gap:clamp(2rem,4vw,4rem);max-width:1280px;margin:auto}
.qr-copy{min-width:0}.qr-eyebrow,.qr-section-kicker{margin:0 0 1.25rem;font-size:.75rem;line-height:1.5;letter-spacing:.11em;text-transform:uppercase;font-weight:700;color:#725b50}
.qr-copy h1{font-family:"Bricolage Grotesque",system-ui,sans-serif;font-size:clamp(3.2rem,5.3vw,5.1rem);line-height:1;letter-spacing:-.055em;font-weight:800;max-width:11ch;margin:0}
.qr-platform{display:grid;align-items:center;min-height:1.1em;width:max-content;max-width:100%}.qr-platform-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.qr-platform-chat,.qr-platform-claude{grid-area:1/1;display:inline-flex;align-items:center;gap:.18em;white-space:nowrap;opacity:0}.qr-platform-chat{animation:qr-platform-first 12s ease-in-out infinite}.qr-platform-claude{animation:qr-platform-second 12s ease-in-out infinite}
.qr-platform img{display:block;width:.65em;height:.65em;flex:none}.qr-lead{max-width:34rem;margin:1.5rem 0 0;font-size:1.13rem;line-height:1.6;color:#505970}
.qr-actions{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1.8rem}.qr-button{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-height:3rem;padding:.65rem 1rem;border:1px solid #1f2a4d;border-radius:100px;text-decoration:none;font-size:.9rem;font-weight:700;transition:transform .18s,background .18s}.qr-button:hover{transform:translateY(-2px)}.qr-button:focus-visible,.qr-agent-link:focus-visible{outline:3px solid #b0381e;outline-offset:4px}.qr-button img{display:block;width:1.25rem;height:1.25rem;max-width:none}.qr-primary{background:#1f2a4d;color:#fff}.qr-primary img{filter:brightness(0) invert(1)}.qr-secondary{background:#fffcf7;color:#1f2a4d}.qr-agent-link{display:inline-block;margin-top:1rem;font-size:.9rem;font-weight:650;text-underline-offset:4px;color:#1f2a4d}.qr-note{font-size:.8rem;margin:1.35rem 0 0;color:#5b6178}
.qr-display{min-width:0;border:1px solid #dcd5ca;border-radius:20px;background:#fff;box-shadow:0 20px 60px #1f2a4d12;overflow:hidden}.qr-display-top{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.2rem;border-bottom:1px solid #e9e5dd;font-size:.77rem;font-weight:650}.qr-display-label{display:inline-flex;align-items:center;gap:.4rem}.qr-display-label i{display:none}.qr-display-platform{display:inline-grid;align-items:center;min-width:6.5em}.qr-display-platform img{width:1.1em;height:1.1em}.qr-display-domain{font:11px "DM Mono",monospace;color:#747985}.qr-chat-stage{padding:1.1rem;animation:qr-host 12s ease-in-out infinite}.qr-prompt{margin:0 0 1rem auto;max-width:90%;width:fit-content;border-radius:18px;padding:.75rem 1rem;background:#f0f0f0;font:14px/1.5 system-ui,sans-serif;color:#303030;animation:qr-prompt-color 12s ease-in-out infinite}.qr-widget{width:100%;height:470px;display:block;border:0;pointer-events:none}.qr-composer{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:.7rem;border:1px solid #ddd;border-radius:20px;margin:1rem 0 .5rem;padding:.65rem 1rem;color:#777;font:12px system-ui,sans-serif;background:#fff}.qr-composer .qr-platform-chat,.qr-composer .qr-platform-claude{grid-area:1/1}.qr-composer-plus{grid-column:2}.qr-composer-arrow{grid-column:3;display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#eee;color:#333}.qr-preview-label{margin:.65rem 0 0;text-align:center;font-size:10px;color:#737373}.qr-flow{display:flex;justify-content:space-around;gap:.5rem;list-style:none;margin:0;padding:.8rem 1rem;border-top:1px solid #e9e5dd;background:#fffcf7}.qr-flow li{display:flex;align-items:center;gap:.4rem;font-size:.7rem;color:#5b6178}.qr-flow li span{display:grid;place-items:center;width:1.2rem;height:1.2rem;border:1px solid #d3c8ba;border-radius:50%;font-size:.6rem}
.qr-section{max-width:1280px;margin:auto;padding:clamp(3.5rem,7vw,6.5rem) 1.25rem}.qr-section h2{font-family:"Bricolage Grotesque",system-ui,sans-serif;font-size:clamp(2.1rem,3.7vw,3.5rem);font-weight:800;letter-spacing:-.045em;line-height:1.08;margin:0}.qr-section h3{font-family:"Bricolage Grotesque",system-ui,sans-serif;font-size:1.35rem;letter-spacing:-.025em;line-height:1.15;margin:0 0 .7rem}.qr-section p{color:#5b6178;line-height:1.65}.qr-section-head{max-width:660px;margin-bottom:2.5rem}.qr-section-head>p:last-child{font-size:1.1rem;margin:1rem 0 0}.qr-shapes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.qr-shapes figure{margin:0;padding:1.6rem;background:#f5eee4;border:1px solid #e6dccb;border-radius:18px}.qr-shapes img{display:block;width:100%;height:auto;border-radius:12px}.qr-shapes figcaption{margin-top:1rem;font-size:1rem;font-weight:650;text-align:center}.qr-details-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1rem}.qr-detail{padding:1.5rem;border:1px solid #e6dccb;border-radius:18px;background:#fffcf7;min-width:0}.qr-detail p{font-size:.93rem;margin:0}.qr-brand-sample{height:200px;display:flex;align-items:center;justify-content:center;gap:1.5rem;margin-bottom:1.5rem}.qr-brand-sample>img{width:150px;height:150px;border-radius:10px}.qr-swatches{display:grid;gap:.65rem}.qr-swatches i{width:24px;height:24px;border-radius:50%;background:#8c2f39}.qr-swatches i:nth-child(2){background:#1f2a4d}.qr-swatches i:nth-child(3){background:#1e5b3a}.qr-swatches i:nth-child(4){background:#5b2a6e}.qr-look-card{background:#f0eee6}.qr-saved-look{height:200px;display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:1.5rem}.qr-saved-look img{border-radius:10px}.qr-saved-look strong{display:block;font-size:1.05rem}.qr-saved-look span{display:block;font-size:.7rem;color:#5b6178;margin-top:.4rem}.qr-saved-look>b{color:#1e5b3a}.qr-file-pair{height:200px;display:flex;justify-content:center;align-items:center;gap:1rem;margin-bottom:1.5rem}.qr-file-pair>span{display:flex;flex-direction:column;justify-content:space-between;width:90px;height:115px;background:#fff;border:1px solid #c7b9a4;border-radius:8px;padding:1rem;font:700 19px "DM Mono",monospace;transform:rotate(-7deg)}.qr-file-pair>span+span{background:#1f2a4d;color:#fff;border-color:#1f2a4d;transform:rotate(7deg)}.qr-file-pair small{align-self:flex-end}
.qr-types{padding-top:1rem}.qr-types ul{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.75rem;list-style:none;margin:0;padding:0}.qr-types li{display:flex;flex-direction:column;gap:1rem;align-items:flex-start;padding:1.25rem;border:1px solid #e6dccb;border-radius:12px;font-size:.9rem;font-weight:650}.qr-types li>span{font:24px "DM Mono",monospace;color:#a8432c}.qr-batch-band{background:#1f2a4d}.qr-split{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(2rem,5vw,5rem);align-items:center}.qr-batch-band .qr-section{color:#fff}.qr-batch-band p{color:#dbdce4}.qr-batch-band .qr-section-kicker{color:#ffa68f}.qr-split blockquote{margin:1.5rem 0 0;border-left:2px solid #ff7a5c;padding:.25rem 0 .25rem 1rem;font-size:1.05rem;line-height:1.5}.qr-widget-figure{margin:0;min-width:0;padding:1rem;background:#fffcf7;border-radius:18px;border:1px solid #e6dccb}.qr-widget-figure figcaption{text-align:center;font-size:10px;color:#737373;margin:.5rem 0 0}.qr-widget-figure .qr-widget{height:350px}.qr-dynamic .qr-widget{height:260px}.qr-destination{display:flex;align-items:center;gap:1rem;margin-top:1.7rem}.qr-destination>span{background:#f5eee4;border:1px solid #e6dccb;border-radius:10px;padding:.75rem 1rem;font:15px "DM Mono",monospace}.qr-destination small{display:block;font:11px "Instrument Sans",sans-serif;color:#5b6178;margin-bottom:.5rem}.qr-price-band{background:#f5eee4;border-block:1px solid #e6dccb}.qr-price{display:grid;grid-template-columns:1fr 1fr;gap:4rem}.qr-price h2{font-size:clamp(3rem,6vw,5rem)}.qr-price h2 span{display:block;font:500 1rem "Instrument Sans",sans-serif;letter-spacing:0;margin-top:.8rem}.qr-price p{max-width:400px}.qr-price ul{list-style:none;margin:0;padding:0;display:grid;gap:1rem}.qr-price li{display:flex;gap:.7rem;font-size:1rem}.qr-price li::before{content:'✓';color:#1e5b3a}.qr-price .qr-price-note{font-size:.75rem;max-width:100%;margin-top:1.5rem}.qr-connect{text-align:center}.qr-connect .qr-actions{justify-content:center}.qr-connect p{margin:1rem auto;max-width:500px}
@keyframes qr-platform-first{0%,44%{opacity:1}50%,94%{opacity:0}100%{opacity:1}}@keyframes qr-platform-second{0%,44%{opacity:0}50%,94%{opacity:1}100%{opacity:0}}@keyframes qr-host{0%,44%,100%{background:#fff}50%,94%{background:#faf9f5}}@keyframes qr-prompt-color{0%,44%,100%{background:#f0f0f0}50%,94%{background:#eeece2}}
@media(max-width:1050px){.qr-hero-grid{grid-template-columns:1fr}.qr-copy{max-width:700px}.qr-copy h1{max-width:15ch}.qr-display{width:100%;max-width:740px;justify-self:center}.qr-shapes figure{padding:1rem}.qr-split{grid-template-columns:1fr 1.15fr;gap:2rem}.qr-types ul{grid-template-columns:repeat(4,minmax(0,1fr))}.qr-details-grid{grid-template-columns:1fr 1fr}.qr-download-card{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;column-gap:2rem;align-items:center}.qr-download-card .qr-file-pair{grid-row:1/3;margin:0}.qr-download-card h3{align-self:end}.qr-download-card p{align-self:start}}
@media(max-width:700px){.qr-hero{padding-top:2.5rem}.qr-copy h1{font-size:clamp(2.9rem,11vw,4rem)}.qr-actions{gap:.5rem}.qr-button{padding:.65rem .85rem;font-size:.82rem}.qr-chat-stage{padding:.75rem}.qr-display-top{padding:.8rem}.qr-display-domain{font-size:10px}.qr-shapes{grid-template-columns:1fr 1fr;gap:.75rem}.qr-shapes figure{padding:1rem}.qr-details-grid{grid-template-columns:1fr}.qr-detail{padding:1.5rem}.qr-brand-sample,.qr-saved-look,.qr-file-pair{height:160px;margin-bottom:1.25rem}.qr-download-card{display:block;grid-column:auto}.qr-download-card .qr-file-pair{margin-bottom:1.25rem}.qr-types ul{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}.qr-types li{padding:1rem .75rem;font-size:.75rem}.qr-split,.qr-price{grid-template-columns:1fr;gap:2rem}.qr-widget-figure{padding:.65rem}.qr-price{gap:2.5rem}.qr-prompt{max-width:96%;font-size:13px}.qr-widget{height:650px}.qr-section-head{margin-bottom:1.7rem}}
@media(prefers-reduced-motion:reduce){.qr-platform-chat,.qr-platform-claude,.qr-chat-stage,.qr-prompt{animation:none}.qr-platform-chat{opacity:1}.qr-platform-claude{opacity:0}.qr-button{transition:none}}

/* Official flat client marks remain legible on the dark sticky actions. */
.lp-sticky .btn-ink img[src$="chatgpt.svg"]{filter:brightness(0) invert(1)}
.lp-faq summary::after{align-self:start}

/* Future Pro: editorial concepts built around real, static QR matrices. */
.qr-pro-band{background:#ebe7df;border-bottom:1px solid #dbd6cc}.qr-pro .qr-section-head{max-width:750px}.qr-pro .qr-section-kicker{display:flex;align-items:center;gap:.7rem}.qr-pro-pill{display:inline-block;background:#1f2a4d;color:#fff;padding:.3rem .6rem;border-radius:5px;letter-spacing:.03em;text-transform:none}.qr-pro-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}.qr-pro-concept{margin:0;min-width:0}.qr-pro-stage{display:flex;justify-content:center;align-items:center;padding:2rem .9rem;min-height:540px;border:1px solid #d9d4ca;border-radius:18px;background:#dddccd;overflow:hidden}.qr-pro-stage-1{background:#d6cfdf}.qr-pro-stage-2{background:#d2d8e4}.qr-pro-piece{position:relative;box-sizing:border-box;width:300px;max-width:100%;height:470px;display:flex;flex-direction:column;align-items:center;text-align:center;box-shadow:0 15px 25px #16221c1a;flex-shrink:0}.qr-pro-piece p{margin:0;color:inherit;line-height:1.3}.qr-pro-piece img{display:block;width:214px;height:214px;max-width:100%;object-fit:contain;flex-shrink:0}.qr-pro-piece .qr-pro-micro{font-size:8px;letter-spacing:1.6px}.qr-pro-piece .qr-pro-sub{font-size:8px;letter-spacing:1.5px}.qr-pro-piece .qr-pro-cta{font-size:10px;font-weight:650;letter-spacing:1px}.qr-pro-bottom{position:absolute;left:19px;right:19px;bottom:16px;display:flex;justify-content:space-between;gap:8px;font-size:8px;letter-spacing:1.1px}.qr-pro-alto{background:#fff9ed;color:#183f35;border:1px solid #c5b280;border-radius:86px 86px 12px 12px;padding:35px 18px 28px;transform:rotate(-2deg)}.qr-pro-alto .qr-pro-micro{color:#7b653f}.qr-pro-alto .qr-pro-brand{font:52px/1.1 Georgia,serif;letter-spacing:3px;margin-top:7px}.qr-pro-alto .qr-pro-sub{margin:4px 0 13px}.qr-pro-alto .qr-pro-cta{margin:10px 0 7px}.qr-pro-alto .qr-pro-script{font:italic 14px/1.4 Georgia,serif;color:#7b653f}.qr-pro-alto .qr-pro-bottom{color:#7b653f}.qr-pro-night{isolation:isolate;overflow:hidden;background:#160d2b;color:#fcf5ff;border:1px solid #3c254d;border-radius:12px;padding:27px 17px}.qr-pro-night::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 0% 40%,#7b27be70,transparent 60%),radial-gradient(ellipse at 100% 95%,#eb36714d,transparent 60%),repeating-linear-gradient(0deg,transparent 0 30px,#c67aff0c 31px 32px),repeating-linear-gradient(90deg,transparent 0 30px,#c67aff0c 31px 32px)}.qr-pro-night .qr-pro-micro{color:#d3b9e9}.qr-pro-night .qr-pro-brand{font-size:32px;letter-spacing:-1.6px;font-weight:800;line-height:1;margin-top:16px}.qr-pro-night .qr-pro-sub{margin:9px 0 25px;color:#e0b9ee}.qr-pro-glow{position:relative;padding:5px;background:#fff;border-radius:17px;box-shadow:0 0 0 2px #ef9bfa,0 0 25px #b545e640}.qr-pro-glow::before{content:"";position:absolute;inset:-7px;border:1px solid #a962d4;border-radius:24px;pointer-events:none;animation:qr-pro-glow 3s ease-in-out infinite}.qr-pro-glow img{border-radius:12px}.qr-pro-night .qr-pro-cta{margin-top:24px;font-size:9px}.qr-pro-night .qr-pro-night-footer{margin-top:11px;font-size:7px}.qr-pro-atelier{background:#fffaf2;color:#233e98;border-radius:6px 6px 18px 18px;padding:42px 18px 30px;transform:rotate(2deg);border-top:7px solid #233e98}.qr-pro-punch{position:absolute;top:11px;width:9px;height:9px;border-radius:50%;background:#c1c9d9;box-shadow:inset 0 1px 2px #19244455}.qr-pro-atelier .qr-pro-brand{font-size:32px;line-height:.92;letter-spacing:-1.5px;font-weight:800;margin-top:12px;align-self:stretch;text-align:left;padding-left:20px}.qr-pro-atelier .qr-pro-brand span{color:#a73c32}.qr-pro-atelier .qr-pro-sub{margin:12px 0 5px}.qr-pro-atelier img{width:200px;height:200px}.qr-pro-atelier .qr-pro-cta{margin-top:9px;font-size:9px}.qr-pro-atelier .qr-pro-care{font:italic 12px/1.5 Georgia,serif;margin-top:7px}.qr-pro-atelier .qr-pro-bottom{border-top:1px solid #233e9840;padding-top:10px}.qr-pro-concept figcaption{padding:1.25rem .2rem 0}.qr-pro-concept figcaption>div{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.qr-pro-concept h3{margin:0;font-size:1.2rem}.qr-pro-status{font-size:.66rem;line-height:1.5;color:#5b6178;border:1px solid #bcb9b1;padding:.2rem .5rem;border-radius:20px;white-space:nowrap}.qr-pro-concept figcaption p{margin:.5rem 0 0;font-size:.85rem}.qr-pro-features{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem;list-style:none;margin:2.5rem 0 0;padding:0}.qr-pro-features li{font-size:.78rem;padding:.6rem .85rem;background:#f7f4ee;border:1px solid #d9d4ca;border-radius:6px}.qr-pro .qr-pro-note{text-align:center;max-width:690px;margin:1.1rem auto 0;font-size:.78rem}
@keyframes qr-pro-glow{0%,100%{box-shadow:0 0 7px 1px #ed7cff55}50%{box-shadow:0 0 21px 3px #ed7cff99;border-color:#fbc7ff}}
@media(min-width:701px) and (max-width:1050px){.qr-pro-gallery{gap:.8rem}.qr-pro-stage{padding:1.5rem .5rem;min-height:480px}.qr-pro-piece{height:430px;padding-inline:10px}.qr-pro-piece img{width:180px;height:180px}.qr-pro-piece .qr-pro-brand{font-size:30px}.qr-pro-alto .qr-pro-brand{font-size:46px}.qr-pro-piece .qr-pro-micro{font-size:6px}.qr-pro-piece .qr-pro-sub{font-size:6px}.qr-pro-atelier .qr-pro-brand{padding-left:10px}.qr-pro-night .qr-pro-cta{font-size:7px}.qr-pro-concept figcaption>div{align-items:flex-start;flex-direction:column}}
@media(max-width:700px){.qr-pro-gallery{grid-template-columns:1fr;gap:2rem}.qr-pro-stage{min-height:530px;padding:1.6rem 1rem}.qr-pro-piece{width:300px}.qr-pro-features{justify-content:flex-start;margin-top:2rem}.qr-pro .qr-pro-note{text-align:left}}
@media(prefers-reduced-motion:reduce){.qr-pro-glow::before{animation:none}}

/* Future Pro capabilities share the design gallery's editorial treatment. */
.qr-pro-band{border-bottom:0}.qr-pro{padding-bottom:2rem}.qr-future-band{background:#ebe7df;border-bottom:1px solid #dbd6cc}.qr-future{padding-top:1rem}.qr-future-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.qr-future-card{padding:2rem;border-radius:18px;overflow:hidden;min-width:0;display:flex;flex-direction:column}.qr-future .qr-future-kicker{display:flex;align-items:center;gap:.6rem;font-size:.72rem;letter-spacing:.06em;margin:0 0 1.5rem;text-transform:uppercase}.qr-future-card h2{font-size:clamp(1.8rem,3vw,2.7rem);max-width:470px}.qr-future-card>p:not(.qr-future-kicker):not(.qr-future-caption){font-size:.95rem;margin:1rem 0 1.5rem}.qr-future-domain{background:#1f2a4d;color:#fff;border:1px solid #1f2a4d}.qr-future-domain>p{color:#d3d8e8}.qr-future-domain .qr-pro-pill{background:#ffb19b;color:#1f2a4d}.qr-domain-scene{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.8rem;min-height:285px;padding:1rem 0}.qr-domain-address{display:flex;align-items:center;gap:.4rem;max-width:100%;padding:1rem;background:#121d38;border:1px solid #ffffff30;border-radius:9px;font:clamp(.65rem,1.15vw,.95rem) "DM Mono",monospace}.qr-domain-address>span:first-child{color:#ffb19b}.qr-domain-address>span:last-child{color:#aeb9d4}.qr-domain-address strong{font-weight:500;overflow-wrap:anywhere}.qr-domain-code{padding:15px 19px 13px;background:#fff9ed;border-radius:12px;transform:rotate(-5deg);box-shadow:0 14px 22px #08112655;display:flex;flex-direction:column;align-items:center;gap:.5rem}.qr-domain-code img{display:block}.qr-domain-code>span{font:9px "DM Mono",monospace;color:#183f35}.qr-future-print{background:#fffcf7;border:1px solid #d9d4ca}.qr-future-print blockquote{font-size:.85rem;line-height:1.5;margin:0;padding:.8rem 1rem;border-left:2px solid #a8432c;background:#f5eee4;border-radius:0 7px 7px 0}.qr-print-scene{position:relative;display:flex;justify-content:center;align-items:center;min-height:270px;padding:1.5rem 0;flex:1}.qr-print-sheet{width:230px;background:#fff;border:1px solid #ddd7cc;box-shadow:0 10px 20px #27345015;padding:15px;transform:rotate(4deg)}.qr-print-sheet-top{display:flex;justify-content:space-between;font:8px "DM Mono",monospace;color:#5b6178;margin-bottom:13px}.qr-print-labels{display:grid;grid-template-columns:1fr 1fr;gap:9px}.qr-print-label{display:flex;align-items:center;gap:2px;border:1px dashed #b7b9bd;border-radius:3px;padding:3px}.qr-print-label img{width:42px;height:42px}.qr-print-label>span{font-size:5px;letter-spacing:.2px;color:#233e98}.qr-print-label b{display:block;font:11px "DM Mono",monospace;margin-top:3px}.qr-print-formats{position:absolute;bottom:8px;right:4px;font:10px "DM Mono",monospace;background:#ebe7df;border:1px solid #d9d4ca;padding:.4rem .6rem;border-radius:5px}.qr-future .qr-future-caption{text-align:center;font-size:.65rem;margin:1rem 0 0}.qr-future-domain .qr-future-caption{color:#b9c3db}.qr-future-metrics{display:grid;grid-template-columns:1fr 1.5fr;align-items:center;gap:2rem;padding:2rem 0;margin-top:1rem;border-bottom:1px solid #d5cfc5}.qr-future-metrics .qr-future-kicker{margin-bottom:.8rem}.qr-future-metrics h3{font-size:1.5rem;margin:0}.qr-future-metrics>p{margin:0;font-size:.9rem}.qr-future .qr-future-note{font-size:.75rem;margin:1.2rem 0 0;max-width:800px}.qr-pro-glow::before{animation:qr-pro-glow 3s ease-in-out infinite}@keyframes qr-pro-glow{0%,100%{box-shadow:0 0 5px 1px #ed7cff33;border-color:#a962d4}50%{box-shadow:0 0 27px 7px #ed7cffaa;border-color:#fbc7ff}}@media(max-width:700px){.qr-future-grid{grid-template-columns:1fr}.qr-future-card{padding:1.5rem}.qr-domain-address{font-size:.72rem;padding:.8rem}.qr-future-metrics{grid-template-columns:1fr;gap:1rem}.qr-domain-scene{min-height:280px}}@media(prefers-reduced-motion:reduce){.qr-pro-glow::before{animation:none}}