.elem-hero{padding:clamp(var(--s-6),4vw,var(--s-8)) 0 clamp(var(--s-6),4vw,var(--s-7));background:var(--surface-warm);position:relative;overflow:hidden}.elem-hero:before{content:"";position:absolute;top:-200px;right:-200px;width:700px;height:700px;background:radial-gradient(circle at center,rgba(124,156,255,.1),transparent 60%);pointer-events:none;z-index:0}.elem-hero__inner{max-width:var(--container-max);margin:0 auto;padding:0 var(--s-5);position:relative;z-index:1;display:grid;grid-template-columns:1fr;gap:var(--s-7)}@media(min-width:900px){.elem-hero__inner{grid-template-columns:1.4fr 1fr;gap:clamp(var(--s-7),5vw,var(--s-9));align-items:center}}.elem-hero__copy{display:flex;flex-direction:column;gap:var(--s-5)}.elem-hero__breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:var(--s-2);font-family:var(--font-mono);font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-muted)}.elem-hero__breadcrumb a{color:var(--ink-muted);transition:color var(--t-fast) var(--ease-out)}.elem-hero__breadcrumb a:hover{color:var(--ink)}.elem-hero__breadcrumb .sep{opacity:.4}.elem-hero__h1{font-family:var(--font-display);font-weight:400;font-size:var(--t-h1);letter-spacing:-.024em;line-height:1.04;color:var(--ink);margin:0;text-wrap:balance}.elem-hero__h1 em{font-style:italic;font-weight:500;background:var(--brand-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.elem-hero__lede.lead{font-family:var(--font-display);font-weight:400;font-size:var(--t-body-lg);line-height:1.55;color:var(--ink-2);max-width:60ch;margin:0;text-wrap:pretty}.elem-hero__lede em{font-family:var(--font-display);font-style:italic;font-weight:500;color:var(--ink)}.elem-hero__lede a{color:var(--ink);border-bottom:1px solid var(--border-strong);padding-bottom:1px;transition:color var(--t-fast) var(--ease-out),border-color var(--t-fast) var(--ease-out)}@media(hover:hover)and (pointer:fine){.elem-hero__lede a:hover{color:var(--brand);border-color:var(--brand)}}.elem-hero__meta{display:flex;flex-wrap:wrap;gap:var(--s-5);padding-top:var(--s-3);margin:0}.elem-hero__meta-item{display:flex;flex-direction:column-reverse;gap:2px}.elem-hero__meta-num{font-family:var(--font-display);font-size:1.625rem;font-weight:500;line-height:1;color:var(--ink);margin:0}.elem-hero__meta-label{font-family:var(--font-body);font-size:.7rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-muted);margin:0}.elem-hero__card-wrap{display:flex;justify-content:center;align-items:center;padding:var(--s-5)}.elem-hero__card{width:100%;max-width:360px;aspect-ratio:1 / 1.15;background:var(--surface);border:2px solid var(--ink);border-radius:var(--r-2xl);padding:var(--s-6) var(--s-5);position:relative;display:flex;flex-direction:column;justify-content:space-between;box-shadow:var(--shadow-md);overflow:hidden;transform:rotate(-1.5deg);transition:transform var(--t-base) var(--ease-out)}.elem-hero__card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--brand-gradient)}.elem-hero__card:after{content:"Group I";position:absolute;bottom:var(--s-4);left:var(--s-5);font-family:var(--font-mono);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-muted)}@media(hover:hover)and (pointer:fine){.elem-hero__card:hover{transform:rotate(0)}}@media(max-width:700px){.elem-hero__card{transform:rotate(0)}}.elem-hero__card-num{font-family:var(--font-mono);font-size:.875rem;font-weight:500;color:var(--ink-muted);letter-spacing:.08em}.elem-hero__card-symbol{font-family:var(--font-display);font-weight:500;font-size:clamp(5rem,16vw,8rem);line-height:1;color:var(--ink);letter-spacing:-.04em;text-align:center;margin:var(--s-3) 0;background:var(--brand-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.elem-hero__card-name{font-family:var(--font-display);font-weight:500;font-size:1.5rem;line-height:1.1;color:var(--ink-2);text-align:center;margin-bottom:var(--s-5)}.elem-hero__card-formula{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-muted);text-align:right;align-self:flex-end}.lab{padding:clamp(var(--s-7),6vw,var(--s-10)) 0;background:var(--surface-warm);position:relative;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.lab__inner{max-width:var(--container-max);margin:0 auto;padding:0 var(--s-5)}.lab__head{display:flex;flex-direction:column;gap:var(--s-3);margin-bottom:var(--s-7);max-width:720px}.lab__eyebrow{font-family:var(--font-body);font-size:var(--t-eyebrow);font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-muted);display:inline-flex;align-items:center;gap:var(--s-2)}.lab__eyebrow:before{content:"";display:inline-block;width:22px;height:1px;background:var(--brand-gradient)}.lab__h2{font-family:var(--font-display);font-weight:400;font-size:var(--t-h2);line-height:1.04;color:var(--ink);margin:0;letter-spacing:-.022em;text-wrap:balance}.lab__h2 em{font-style:italic;font-weight:500}.lab__sub{font-family:var(--font-display);font-weight:400;font-size:var(--t-body-lg);line-height:1.5;color:var(--ink-2);margin:0;max-width:60ch}.lab__sub em{font-style:italic;color:var(--ink)}.lab__playground{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);padding:var(--s-5);box-shadow:var(--shadow-md);display:flex;flex-direction:column;gap:var(--s-5)}@media(min-width:900px){.lab__playground{padding:var(--s-7) var(--s-6)}}.lab__sources{display:flex;flex-wrap:wrap;gap:var(--s-2);align-items:center;padding-bottom:var(--s-4);border-bottom:1px dashed var(--border)}.lab__sources-label{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-muted);margin-right:var(--s-2)}.source-chip{display:inline-flex;align-items:center;gap:var(--s-2);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-pill);padding:.4rem .85rem;font-family:var(--font-display);font-size:.85rem;color:var(--ink-2);cursor:pointer;transition:all var(--t-fast) var(--ease-out);touch-action:manipulation;-webkit-tap-highlight-color:transparent}.source-chip__dot{width:6px;height:6px;border-radius:50%;background:var(--ink-subtle);transition:background var(--t-fast) var(--ease-out)}@media(hover:hover)and (pointer:fine){.source-chip:hover{border-color:var(--border-strong);color:var(--ink)}}@media(hover:none){.source-chip:active{transform:scale(.97)}}.source-chip.is-active{background:var(--ink);border-color:var(--ink);color:var(--ink-on-dark)}.source-chip.is-active .source-chip__dot{background:var(--brand-bright)}.lab__replay{margin-left:auto;display:inline-flex;align-items:center;gap:var(--s-2);font-family:var(--font-mono);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-muted);padding:.35rem .7rem;border:1px dashed var(--border-strong);border-radius:var(--r-pill);background:transparent;cursor:pointer;transition:all var(--t-fast) var(--ease-out);touch-action:manipulation;-webkit-tap-highlight-color:transparent}.lab__replay svg{width:12px;height:12px}@media(hover:hover)and (pointer:fine){.lab__replay:hover{color:var(--ink);border-color:var(--ink)}}.lab__convert{display:grid;grid-template-columns:1fr;gap:var(--s-5);align-items:stretch}@media(min-width:900px){.lab__convert{grid-template-columns:1fr auto 1fr;gap:var(--s-5)}}.lab__arrow{display:none;align-items:center;justify-content:center;color:var(--ink-muted)}.lab__arrow svg{width:28px;height:28px}@media(min-width:900px){.lab__arrow{display:flex}}.panel{background:var(--surface-warm);border:1px solid var(--border);border-radius:var(--r-lg);display:flex;flex-direction:column;overflow:hidden;min-height:360px}.panel--note{background:var(--surface)}.panel__head{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);padding:var(--s-3) var(--s-4);border-bottom:1px dashed var(--border)}.panel__title-block{display:flex;align-items:baseline;gap:var(--s-2)}.panel__kind{font-family:var(--font-mono);font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-muted)}.panel__title{font-family:var(--font-display);font-size:.95rem;font-weight:500;color:var(--ink)}.panel__tag{font-family:var(--font-mono);font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;background:var(--surface-tint);color:var(--ink-2);padding:.2rem .5rem;border-radius:var(--r-sm)}.panel__body{padding:var(--s-4);flex:1;overflow:auto;font-family:var(--font-display);font-size:.92rem;color:var(--ink-2);line-height:1.55}.source-view{display:none;flex-direction:column;gap:var(--s-3)}.source-view.is-active{display:flex}.bubble{padding:var(--s-3) var(--s-4);border-radius:var(--r-md);max-width:85%;line-height:1.45;font-size:.9rem}.bubble--user{background:var(--brand-tint);color:var(--ink);align-self:flex-end;border:1px solid var(--brand-line-soft)}.bubble--ai{background:var(--surface);color:var(--ink-2);align-self:flex-start;border:1px solid var(--border)}.paste-blob{font-family:var(--font-mono);font-size:.78rem;line-height:1.55;color:var(--ink-2);white-space:pre-wrap;background:var(--surface);border:1px dashed var(--border-strong);border-radius:var(--r-md);padding:var(--s-4)}.paste-blob__source-line{display:block;font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-muted);margin-bottom:var(--s-3)}.role-user{color:var(--brand);font-weight:500}.role-ai{color:var(--brand-purple);font-weight:500}.mcp-json{font-family:var(--font-mono);font-size:.78rem;line-height:1.6;color:var(--ink-on-dark);background:var(--ink);border-radius:var(--r-md);padding:var(--s-4);white-space:pre;overflow-x:auto}.mcp-json .json-comment{color:#f8f5ee66}.mcp-json .json-key{color:#93c5fd}.mcp-json .json-string{color:#fcd34d}.mcp-json .json-tool{color:#a7f3d0}.note-doc{display:flex;flex-direction:column;gap:var(--s-3)}.note-doc.is-empty{align-items:center;justify-content:center;color:var(--ink-muted);font-style:italic}.note-h{font-family:var(--font-display);font-size:1.1rem;font-weight:500;color:var(--ink);line-height:1.3;margin:0}.note-h:before{content:"##";font-family:var(--font-mono);font-size:.7rem;color:var(--brand);margin-right:var(--s-2);font-weight:500;letter-spacing:.04em;vertical-align:middle}.note-p{font-family:var(--font-display);font-size:.92rem;color:var(--ink-2);line-height:1.6;margin:0}.note-decision,.note-action,.note-source{display:grid;grid-template-columns:auto 1fr;gap:var(--s-2) var(--s-3);background:var(--brand-tint);border-left:3px solid var(--brand);border-radius:var(--r-sm);padding:var(--s-3);align-items:start}.note-action{border-left-color:var(--brand-bright);background:#7c9cff0f}.note-source{border-left-color:var(--brand-purple);background:#8b5cf60f}.note-decision__label,.note-action__label,.note-source__label{font-family:var(--font-mono);font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--brand);font-weight:500;grid-column:1 / -1}.note-action__label{color:var(--brand-bright)}.note-source__label{color:var(--brand-purple)}.note-decision__text,.note-action__text,.note-source__text{font-family:var(--font-display);font-size:.9rem;color:var(--ink);line-height:1.5;grid-column:1 / -1}.note-caret{display:inline-block;width:2px;height:1.1em;background:var(--brand);margin-left:2px;vertical-align:text-bottom;animation:note-caret-blink .85s ease-in-out infinite}@keyframes note-caret-blink{0%,50%{opacity:1}51%,to{opacity:0}}.lab__extracted{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--s-3);padding:var(--s-3) var(--s-4);background:#0f0f0f08;border:1px dashed var(--border-strong);border-radius:var(--r-md)}.lab__extracted-label{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-muted)}.lab__extracted-counts{display:flex;flex-wrap:wrap;gap:var(--s-3) var(--s-5)}.extract-count{font-family:var(--font-mono);font-size:.78rem;color:var(--ink-2);letter-spacing:.04em}.extract-count strong{font-family:var(--font-display);font-size:1.1rem;color:var(--brand);font-weight:500;margin-right:4px;font-variant-numeric:tabular-nums}.lab__tier-note{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--s-3) var(--s-5);padding-top:var(--s-4);border-top:1px solid var(--border);font-size:var(--t-body-sm);color:var(--ink-2)}.lab__tier-note strong{color:var(--ink);font-weight:600}.lab__tier-note a{color:var(--brand);font-weight:500}@media(max-width:700px){.lab__playground{padding:var(--s-4)}.panel{min-height:280px}.panel__body{padding:var(--s-3);font-size:.88rem}}.signals{padding:clamp(var(--s-7),6vw,var(--s-10)) 0}.signals__inner{max-width:var(--container-max);margin:0 auto;padding:0 var(--s-5)}.signals__head{margin-bottom:var(--s-8);max-width:640px;display:flex;flex-direction:column;gap:var(--s-3)}.signals__eyebrow{font-family:var(--font-body);font-size:var(--t-eyebrow);font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-muted);display:inline-flex;align-items:center;gap:var(--s-2)}.signals__eyebrow:before{content:"";display:inline-block;width:22px;height:1px;background:var(--brand-gradient)}.signals__h2{font-family:var(--font-display);font-weight:400;font-size:var(--t-h2);line-height:1.04;color:var(--ink);margin:0;letter-spacing:-.022em;text-wrap:balance}.signals__h2 em{font-style:italic;font-weight:500}.signals__sub{font-family:var(--font-display);font-size:var(--t-body-lg);color:var(--ink-2);margin:0;max-width:56ch;line-height:1.5}.signals__sub em{font-style:italic;color:var(--ink)}.signals__families{display:grid;grid-template-columns:1fr;gap:var(--s-5)}@media(min-width:800px){.signals__families{grid-template-columns:1fr 1fr;gap:var(--s-5)}}.family{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);padding:var(--s-6);position:relative;display:flex;flex-direction:column;gap:var(--s-5)}.family__head{display:flex;align-items:center;justify-content:space-between;padding-bottom:var(--s-4);border-bottom:1px dashed var(--border);gap:var(--s-3);flex-wrap:wrap}.family__title-block{display:flex;flex-direction:column;gap:2px}.family__num{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-muted)}.family__name{font-family:var(--font-display);font-weight:500;font-size:1.5rem;color:var(--ink);letter-spacing:-.018em}.family__count{font-family:var(--font-mono);font-size:.75rem;color:var(--ink-muted);padding:.2rem .6rem;background:var(--surface-tint);border-radius:var(--r-pill);letter-spacing:.04em}.family__signals{display:flex;flex-direction:column;gap:var(--s-3)}.signal-row{display:grid;grid-template-columns:auto 1fr;gap:var(--s-3);align-items:start;padding:var(--s-2) 0}.signal-row__index{font-family:var(--font-mono);font-size:.7rem;font-weight:500;color:var(--ink-muted);letter-spacing:.04em;padding-top:3px;min-width:22px}.signal-row__body{display:flex;flex-direction:column;gap:4px}.signal-row__name{font-family:var(--font-body);font-size:.95rem;font-weight:600;color:var(--ink);letter-spacing:-.005em}.signal-row__desc{font-family:var(--font-display);font-size:.92rem;color:var(--ink-2);line-height:1.5}.problem{padding:clamp(var(--s-7),6vw,var(--s-9)) 0;background:var(--ink);color:var(--ink-on-dark)}.problem__inner{max-width:var(--container-max);margin:0 auto;padding:0 var(--s-5)}.problem__grid{display:grid;grid-template-columns:1fr;gap:var(--s-7)}@media(min-width:800px){.problem__grid{grid-template-columns:1fr 1.4fr;gap:var(--s-9);align-items:center}}.problem__h2{font-family:var(--font-display);font-weight:400;font-size:var(--t-h2);line-height:1.02;color:var(--ink-on-dark);margin:0;letter-spacing:-.022em;text-wrap:balance}.problem__h2 em{font-style:italic;font-weight:500;color:#f8f5eed9}.problem__copy{display:flex;flex-direction:column;gap:var(--s-4)}.problem__copy p{font-family:var(--font-display);font-size:var(--t-body-lg);line-height:1.55;color:#f8f5eec7;margin:0;max-width:56ch}.problem__copy p em{font-style:italic;color:var(--ink-on-dark)}.problem__indictment{font-family:var(--font-mono);font-size:.78rem;letter-spacing:.02em;color:#f8f5ee80;padding-top:var(--s-4);margin-top:var(--s-3);border-top:1px solid rgba(248,245,238,.12);display:grid;grid-template-columns:auto 1fr;gap:var(--s-3) var(--s-5);align-items:baseline}.problem__indictment dt{color:#f8f5eed9;font-weight:500}.problem__indictment dd{margin:0;line-height:1.55}.lineage{padding:clamp(var(--s-7),6vw,var(--s-10)) 0;background:var(--surface-warm)}.lineage__inner{max-width:var(--container-max);margin:0 auto;padding:0 var(--s-5)}.lineage__head{margin-bottom:var(--s-8);max-width:640px;display:flex;flex-direction:column;gap:var(--s-3)}.lineage__eyebrow{font-family:var(--font-body);font-size:var(--t-eyebrow);font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-muted);display:inline-flex;align-items:center;gap:var(--s-2)}.lineage__eyebrow:before{content:"";display:inline-block;width:22px;height:1px;background:var(--brand-gradient)}.lineage__h2{font-family:var(--font-display);font-weight:400;font-size:var(--t-h2);line-height:1.04;margin:0;letter-spacing:-.022em;text-wrap:balance}.lineage__h2 em{font-style:italic;font-weight:500}.lineage__sub{font-family:var(--font-display);font-size:var(--t-body-lg);color:var(--ink-2);margin:0;max-width:56ch;line-height:1.5}.lineage__track{display:grid;grid-template-columns:1fr;gap:var(--s-5);position:relative;list-style:none;padding:0;margin:0}@media(min-width:1000px){.lineage__track{grid-template-columns:repeat(5,1fr);gap:var(--s-3)}.lineage__track:before{content:"";position:absolute;top:36px;left:4%;right:4%;height:1px;background:linear-gradient(90deg,transparent,var(--border-strong) 10%,var(--border-strong) 90%,transparent);z-index:0}}.milestone{display:flex;flex-direction:column;gap:var(--s-3);position:relative;z-index:1}.milestone__year-block{display:flex;align-items:center;gap:var(--s-3)}.milestone__dot{width:12px;height:12px;border-radius:50%;background:var(--surface);border:2px solid var(--ink);flex-shrink:0}.milestone__year{font-family:var(--font-mono);font-size:.85rem;font-weight:600;letter-spacing:.02em;color:var(--ink)}@media(min-width:1000px){.milestone__year-block{flex-direction:column;align-items:flex-start}.milestone__dot{margin-left:6px}}.milestone__name{font-family:var(--font-display);font-weight:500;font-size:1.05rem;line-height:1.25;color:var(--ink);letter-spacing:-.012em}.milestone__contribution{font-family:var(--font-display);font-size:.92rem;color:var(--ink-2);line-height:1.5}.milestone__source{font-family:var(--font-mono);font-size:.7rem;color:var(--ink-muted);letter-spacing:.02em;padding-top:var(--s-2);border-top:1px dashed var(--border)}.milestone--terminal .milestone__dot{background:var(--brand);border-color:var(--brand);width:14px;height:14px}.milestone--terminal .milestone__year{color:var(--brand)}.milestone--terminal .milestone__name{background:var(--brand-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.first-mover{padding:clamp(var(--s-7),6vw,var(--s-10)) 0}.first-mover__inner{max-width:var(--container-max);margin:0 auto;padding:0 var(--s-5);text-align:center;display:flex;flex-direction:column;gap:var(--s-5);align-items:center}.first-mover__eyebrow{font-family:var(--font-mono);font-size:.75rem;letter-spacing:.18em;text-transform:uppercase;color:var(--brand)}.first-mover__h2{font-family:var(--font-display);font-weight:400;font-size:clamp(2.5rem,1.8rem + 3vw,4rem);line-height:1.02;letter-spacing:-.024em;color:var(--ink);margin:0;text-wrap:balance}.first-mover__h2 em{font-style:italic;font-weight:500}.first-mover__copy{font-family:var(--font-display);font-size:var(--t-body-lg);line-height:1.6;color:var(--ink-2);max-width:60ch;margin:0}.first-mover__copy em{font-style:italic;color:var(--ink);font-weight:500}.first-mover__roll{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--s-3) var(--s-5);padding-top:var(--s-5);border-top:1px solid var(--border);width:100%;max-width:760px;margin-top:var(--s-3);list-style:none;padding-left:0}.roll-item{display:flex;flex-direction:column;align-items:center;gap:2px;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.roll-item__name{font-family:var(--font-display);font-size:.95rem;font-weight:500;color:var(--ink-2)}.roll-item__sort{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.04em;color:var(--ink-muted);text-transform:lowercase}.roll-item--knovya .roll-item__name{color:var(--ink);font-weight:600}.roll-item--knovya .roll-item__sort{color:var(--brand);font-weight:500}.surfaces{padding:clamp(var(--s-7),6vw,var(--s-10)) 0;background:var(--surface-tint);border-top:1px solid var(--border)}.surfaces__inner{max-width:var(--container-max);margin:0 auto;padding:0 var(--s-5)}.surfaces__head{margin-bottom:var(--s-7);max-width:640px;display:flex;flex-direction:column;gap:var(--s-3)}.surfaces__eyebrow{font-family:var(--font-body);font-size:var(--t-eyebrow);font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-muted);display:inline-flex;align-items:center;gap:var(--s-2)}.surfaces__eyebrow:before{content:"";display:inline-block;width:22px;height:1px;background:var(--brand-gradient)}.surfaces__h2{font-family:var(--font-display);font-weight:400;font-size:var(--t-h2);line-height:1.04;margin:0;letter-spacing:-.022em;text-wrap:balance}.surfaces__h2 em{font-style:italic;font-weight:500}.surfaces__sub{font-family:var(--font-display);font-size:var(--t-body-lg);color:var(--ink-2);margin:0;line-height:1.5;max-width:56ch}.surfaces__grid{display:grid;grid-template-columns:1fr;gap:var(--s-5)}@media(min-width:800px){.surfaces__grid{grid-template-columns:1fr 1fr;gap:var(--s-5)}}.surface-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--s-5);display:flex;flex-direction:column;gap:var(--s-4);transition:transform var(--t-fast) var(--ease-out),box-shadow var(--t-fast) var(--ease-out);touch-action:manipulation;-webkit-tap-highlight-color:transparent}@media(hover:hover)and (pointer:fine){.surface-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}}.surface-card__head{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3)}.surface-card__title{font-family:var(--font-display);font-weight:500;font-size:1.15rem;color:var(--ink);letter-spacing:-.012em}.surface-card__tag{font-family:var(--font-mono);font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;color:var(--brand);padding:.2rem .5rem;background:var(--brand-tint);border-radius:var(--r-sm)}.surface-card__desc{font-family:var(--font-display);font-size:.92rem;color:var(--ink-2);line-height:1.55;margin:0}.surface-card__desc em{font-style:italic;color:var(--ink)}.surface-card__desc code{font-family:var(--font-mono);font-size:.85em;background:var(--surface-tint);padding:.08em .4em;border-radius:3px}.surface-mock{background:var(--surface-warm);border:1px solid var(--border);border-radius:var(--r-md);padding:var(--s-3);font-family:var(--font-mono);font-size:.7rem;color:var(--ink-2);letter-spacing:.02em;line-height:1.6}.surface-mock--capture{display:flex;flex-direction:column;gap:4px;background:var(--surface);padding:var(--s-3)}.capture-menu__head{display:flex;justify-content:space-between;padding-bottom:var(--s-2);border-bottom:1px dashed var(--border);font-family:var(--font-display);font-size:.78rem;color:var(--ink-2)}.capture-menu__head-shortcut{font-family:var(--font-mono);font-size:.62rem;letter-spacing:.06em;color:var(--ink-muted);background:var(--surface-tint);padding:1px 6px;border-radius:var(--r-sm)}.capture-row{display:grid;grid-template-columns:14px 1fr auto;gap:var(--s-2);align-items:center;padding:var(--s-2) var(--s-2);border-radius:var(--r-sm);font-family:var(--font-display);font-size:.78rem;color:var(--ink-2)}.capture-row__icon{width:8px;height:8px;border-radius:50%;background:var(--ink-subtle)}.capture-row__hint{font-family:var(--font-mono);font-size:.62rem;color:var(--ink-muted);letter-spacing:.06em}.capture-row.is-active{background:var(--brand-tint);color:var(--ink);font-weight:500}.capture-row.is-active .capture-row__icon{background:var(--brand)}.capture-row.is-active .capture-row__hint{color:var(--brand);font-weight:500}.surface-mock--extension{background:var(--surface);display:flex;flex-direction:column;gap:var(--s-3)}.ext-omnibar{display:grid;grid-template-columns:auto 1fr auto;gap:var(--s-2);align-items:center;background:var(--surface-tint);border:1px solid var(--border);border-radius:var(--r-pill);padding:4px var(--s-3);font-family:var(--font-mono);font-size:.65rem;color:var(--ink-muted)}.ext-omnibar__lock{width:8px;height:8px;border-radius:2px;background:var(--ink-subtle)}.ext-omnibar__url{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ext-omnibar__star{color:var(--brand);font-size:.85rem;line-height:1}.ext-popup{border:1px solid var(--border-strong);border-radius:var(--r-md);padding:var(--s-3);background:var(--surface);display:flex;flex-direction:column;gap:var(--s-2)}.ext-popup__brand{font-family:var(--font-display);font-weight:600;font-size:.85rem;color:var(--ink)}.ext-popup__title{font-family:var(--font-display);font-size:.82rem;color:var(--ink-2)}.ext-popup__field{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:.65rem;color:var(--ink-muted)}.ext-popup__field-value{color:var(--ink-2)}.ext-popup__btn{margin-top:var(--s-2);background:var(--ink);color:var(--ink-on-dark);font-family:var(--font-display);font-size:.78rem;font-weight:500;text-align:center;padding:.4rem;border-radius:var(--r-sm)}.surface-mock--mcp{background:var(--ink);color:var(--ink-on-dark);border-color:var(--ink)}.surface-mock--mcp .json-line{font-size:.7rem}.surface-mock--mcp .json-key{color:#93c5fd}.surface-mock--mcp .json-string{color:#fcd34d}.surface-mock--mcp .json-tool{color:#a7f3d0}.surface-mock--mcp .json-comment{color:#f8f5ee66}.surface-mock--loop{display:flex;flex-direction:column;gap:var(--s-2);background:var(--surface)}.loop-flow{display:flex;align-items:center;gap:var(--s-2);font-family:var(--font-display);font-size:.78rem;color:var(--ink-2)}.loop-node{background:var(--surface-tint);border:1px solid var(--border);border-radius:var(--r-sm);padding:2px var(--s-2);font-size:.72rem}.loop-node--knovya{background:var(--brand-tint);border-color:var(--brand-line-soft);color:var(--ink);font-weight:500}.loop-arrow{color:var(--brand);font-family:var(--font-mono);font-weight:500}.loop-loopback{margin-top:var(--s-2);padding-top:var(--s-2);border-top:1px dashed var(--border);font-family:var(--font-display);font-style:italic;font-size:.78rem;color:var(--ink-muted)}.bonded{padding:clamp(var(--s-7),6vw,var(--s-10)) 0}.bonded__inner{max-width:var(--container-max);margin:0 auto;padding:0 var(--s-5)}.bonded__head{margin-bottom:var(--s-7)}.bonded__eyebrow{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-muted);margin-bottom:var(--s-3);display:inline-block}.bonded__h2{font-family:var(--font-display);font-weight:400;font-size:var(--t-h3);line-height:1.1;margin:0;letter-spacing:-.018em;max-width:36ch}.bonded__h2 em{font-style:italic;font-weight:500}.bonded__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--s-3)}@media(min-width:700px){.bonded__grid{grid-template-columns:repeat(4,1fr)}}.bonded-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--s-5);display:flex;flex-direction:column;gap:var(--s-3);position:relative;transition:all var(--t-fast) var(--ease-out);text-decoration:none;color:var(--ink);min-height:200px;touch-action:manipulation;-webkit-tap-highlight-color:transparent}@media(hover:hover)and (pointer:fine){.bonded-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--ink)}}@media(hover:none){.bonded-card:active{transform:scale(.98)}}.bonded-card__top{display:flex;align-items:center;justify-content:space-between}.bonded-card__num{font-family:var(--font-mono);font-size:.7rem;color:var(--ink-muted);letter-spacing:.06em}.bonded-card__symbol{font-family:var(--font-display);font-size:2.5rem;font-weight:500;line-height:1;color:var(--ink);letter-spacing:-.04em}.bonded-card__name{font-family:var(--font-display);font-size:1rem;font-weight:500;line-height:1.3;color:var(--ink);margin-top:auto}.bonded-card__desc{font-family:var(--font-display);font-size:.82rem;color:var(--ink-muted);line-height:1.4;margin-top:4px}.faq{padding:clamp(var(--s-7),6vw,var(--s-10)) 0}.faq__inner{max-width:var(--container-narrow);margin:0 auto;padding:0 var(--s-5)}.faq__head{margin-bottom:var(--s-7)}.faq__eyebrow{font-family:var(--font-body);font-size:var(--t-eyebrow);font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-muted);display:inline-flex;align-items:center;gap:var(--s-2);margin-bottom:var(--s-3)}.faq__eyebrow:before{content:"";display:inline-block;width:22px;height:1px;background:var(--brand-gradient)}.faq__h2{font-family:var(--font-display);font-weight:400;font-size:var(--t-h3);line-height:1.1;margin:0;letter-spacing:-.018em}.faq__h2 em{font-style:italic;font-weight:500}.faq__items{display:flex;flex-direction:column}.faq-item{border-top:1px solid var(--border);padding:var(--s-5) 0}.faq-item:last-child{border-bottom:1px solid var(--border)}.faq-item__q{font-family:var(--font-display);font-size:1.15rem;font-weight:500;color:var(--ink);cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:var(--s-3);list-style:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.faq-item__q::-webkit-details-marker{display:none}.faq-item__q-text{flex:1}.faq-item__q-mark{color:var(--brand);font-size:1.25rem;line-height:1;transition:transform var(--t-fast) var(--ease-out);flex-shrink:0}.faq-item[open] .faq-item__q-mark{transform:rotate(45deg)}.faq-item__a{font-family:var(--font-display);font-size:.95rem;color:var(--ink-2);line-height:1.6;margin-top:var(--s-3);padding-right:var(--s-7);max-width:60ch}.faq-item__a em{font-style:italic;color:var(--ink)}.faq-item__a code{font-family:var(--font-mono);font-size:.85em;background:var(--surface-tint);padding:.08em .4em;border-radius:3px}.faq-item__a a{color:var(--brand);border-bottom:1px solid rgba(91,126,240,.3)}@media(hover:hover)and (pointer:fine){.faq-item__a a:hover{color:var(--ink);border-color:var(--ink)}}