.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(67,56,202,.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__breadcrumb .star{background:var(--brand-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.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:56ch;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)}.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 II";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-mark{position:absolute;top:var(--s-5);right:var(--s-5);font-family:var(--font-mono);font-size:1.1rem;background:var(--brand-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;line-height:1}.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-9)) 0 clamp(var(--s-7),6vw,var(--s-10));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:56ch}.lab__playground{position:relative;display:grid;grid-template-columns:1fr;gap:var(--s-5);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);padding:var(--s-5);box-shadow:var(--shadow-md)}@media(min-width:900px){.lab__playground{grid-template-columns:320px 1fr;gap:var(--s-7);padding:var(--s-7) var(--s-6)}}.lab__sliders{background:linear-gradient(180deg,#fbf8f2,#f7f3ea);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--s-5);position:relative}.lab__sliders-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:var(--s-5);padding-bottom:var(--s-4);border-bottom:1px solid var(--border)}.lab__sliders-title{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-muted)}.lab__sliders-pro{font-family:var(--font-mono);font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;background:var(--brand-gradient);color:#fff;padding:.2rem .5rem;border-radius:var(--r-sm);font-weight:500}.slider-bank{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s-3);margin-bottom:var(--s-5)}.slider{display:flex;flex-direction:column;align-items:center;gap:var(--s-2);position:relative}.slider__rail{position:relative;width:32px;height:180px;background:#0f0f0f0f;border-radius:var(--r-pill);overflow:visible;cursor:pointer;touch-action:none}.slider__fill{position:absolute;bottom:0;left:0;right:0;background:var(--brand-gradient);border-radius:var(--r-pill);transition:height var(--t-fast) var(--ease-out)}.slider__handle{position:absolute;left:50%;width:40px;height:18px;background:var(--surface);border:2px solid var(--ink);border-radius:var(--r-md);transform:translate(-50%,50%);cursor:grab;box-shadow:var(--shadow-sm);transition:transform var(--t-fast) var(--ease-out),box-shadow var(--t-fast) var(--ease-out);z-index:2}.slider__handle:before{content:"";position:absolute;inset:50% 25% auto;height:2px;background:var(--ink-muted);border-radius:1px}.slider__handle:active{cursor:grabbing;transform:translate(-50%,50%) scale(1.05)}@media(hover:hover)and (pointer:fine){.slider__handle:hover{box-shadow:0 0 0 6px #5b7ef01f}}.slider__value{font-family:var(--font-mono);font-size:.7rem;font-weight:500;color:var(--ink-2);letter-spacing:.04em;min-width:2.5ch;text-align:center;padding:.1rem .4rem;background:#0f0f0f0a;border-radius:var(--r-sm)}.slider__label{font-family:var(--font-body);font-size:.7rem;font-weight:600;color:var(--ink);text-transform:uppercase;letter-spacing:.08em;text-align:center;line-height:1.2}.slider__hint{font-size:.65rem;color:var(--ink-muted);text-align:center;font-style:italic;font-family:var(--font-display);line-height:1.2;max-width:80px}.lab__presets{display:flex;flex-wrap:wrap;gap:var(--s-2);padding-top:var(--s-4);border-top:1px solid var(--border)}.preset-chip{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.06em;padding:.4rem .75rem;border:1px solid var(--border-strong);border-radius:var(--r-pill);background:var(--surface);color:var(--ink-2);transition:all var(--t-fast) var(--ease-out);touch-action:manipulation;-webkit-tap-highlight-color:transparent}@media(hover:hover)and (pointer:fine){.preset-chip:hover{border-color:var(--ink);color:var(--ink);transform:translateY(-1px)}}.preset-chip.is-active{background:var(--ink);color:var(--ink-on-dark);border-color:var(--ink)}.lab__notes-wrap{position:relative}.lab__notes-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:var(--s-4);padding-bottom:var(--s-3);border-bottom:1px dashed var(--border-strong);gap:var(--s-3);flex-wrap:wrap}.lab__notes-title{font-family:var(--font-display);font-size:1rem;font-style:italic;color:var(--ink-2)}.lab__notes-counter{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.08em;color:var(--ink-muted);text-transform:uppercase}.lab__notes-counter strong{color:var(--ink);font-weight:500}.lab__notes{display:flex;flex-direction:column;gap:var(--s-2);list-style:none;margin:0;padding:0}.note-item{display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);transition:transform var(--t-base) var(--ease-out),box-shadow var(--t-fast) var(--ease-out),border-color var(--t-fast) var(--ease-out);position:relative;cursor:default;will-change:transform}@media(hover:hover)and (pointer:fine){.note-item:hover{box-shadow:var(--shadow-sm);border-color:var(--border-strong)}}.note-item__rank{font-family:var(--font-display);font-size:1.5rem;font-weight:500;color:var(--ink);line-height:1;text-align:center;font-variant-numeric:tabular-nums;transition:color var(--t-base) var(--ease-out)}.note-item:nth-child(1) .note-item__rank,.note-item:nth-child(2) .note-item__rank,.note-item:nth-child(3) .note-item__rank{background:var(--brand-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.note-item__body{display:flex;flex-direction:column;gap:2px;min-width:0}.note-item__title{font-family:var(--font-display);font-size:.95rem;font-weight:500;color:var(--ink);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.note-item__meta{display:flex;align-items:center;gap:var(--s-3);font-size:.72rem;color:var(--ink-muted);font-family:var(--font-mono);letter-spacing:.02em;flex-wrap:wrap}.note-item__type{background:var(--surface-tint);color:var(--ink-2);padding:.05rem .4rem;border-radius:var(--r-sm);font-weight:500;text-transform:lowercase}.note-item__meta-dot{color:var(--border-strong)}.note-item__why{font-family:var(--font-body);font-size:.7rem;color:var(--brand);font-weight:500;letter-spacing:.04em;cursor:pointer;padding:.2rem .5rem;border-radius:var(--r-sm);transition:background var(--t-fast) var(--ease-out);text-transform:uppercase;background:transparent;border:0;touch-action:manipulation;-webkit-tap-highlight-color:transparent}@media(hover:hover)and (pointer:fine){.note-item__why:hover{background:var(--brand-tint)}}.why-popover{position:absolute;z-index:50;background:var(--ink);color:var(--ink-on-dark);padding:var(--s-4) var(--s-5);border-radius:var(--r-lg);width:min(360px,calc(100vw - 32px));font-size:.85rem;line-height:1.5;box-shadow:var(--shadow-lg);display:none;font-family:var(--font-body)}.why-popover.is-open{display:block}.why-popover__title{font-family:var(--font-display);font-style:italic;font-weight:500;font-size:.95rem;margin:0 0 var(--s-3);padding-bottom:var(--s-2);border-bottom:1px solid rgba(248,245,238,.15)}.why-popover__breakdown{display:flex;flex-direction:column;gap:var(--s-2);margin-bottom:var(--s-3)}.why-reason{display:flex;gap:var(--s-3);align-items:flex-start;padding:4px 0;font-size:.92rem;line-height:1.5;font-family:var(--font-display)}.why-reason__bullet{color:var(--brand-bright);font-weight:700;font-size:1.1em;line-height:1;flex-shrink:0;padding-top:2px}.why-reason__text{color:#f8f5eeeb}.why-popover__close{position:absolute;top:8px;right:12px;color:var(--ink-on-dark-muted);font-size:1.1rem;cursor:pointer;padding:.25rem;line-height:1;background:transparent;border:0}.why-popover__formula{font-family:var(--font-mono);font-size:.7rem;color:var(--ink-on-dark-muted);padding-top:var(--s-2);border-top:1px solid rgba(248,245,238,.1);letter-spacing:.02em;margin:0}.lab__formula{margin:var(--s-5) 0 0;padding:var(--s-4) var(--s-5);background:#0f0f0f08;border:1px dashed var(--border-strong);border-radius:var(--r-md);font-family:var(--font-mono);font-size:.78rem;color:var(--ink-2);line-height:1.6;letter-spacing:.01em}.lab__formula strong{color:var(--ink);font-weight:600}.lab__formula em{color:var(--ink-muted);font-style:italic}.lab__tier-note{margin:var(--s-5) 0 0;padding-top:var(--s-5);border-top:1px solid var(--border);display:flex;flex-wrap:wrap;gap:var(--s-5);align-items:center;justify-content:space-between;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)}.slider-bank{gap:var(--s-2)}.slider__rail{width:24px;height:140px}.note-item{grid-template-columns:28px 1fr auto;gap:var(--s-2);padding:var(--s-3)}}.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}.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);margin-bottom:var(--s-3)}.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 0 var(--s-3);letter-spacing:-.022em}.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__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);list-style:none;margin:0;padding:0}.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}.signal-row__desc em{font-style:italic;color:var(--ink)}.signal-row__desc code{font-family:var(--font-mono);font-size:.85em;background:var(--surface-tint);padding:.05em .35em;border-radius:3px}.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.04;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:var(--s-3) 0 0;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}.problem__indictment a{color:var(--brand-bright);border-bottom:1px solid rgba(91,126,240,.4);padding-bottom:1px}.problem__indictment a:hover{color:var(--ink-on-dark);border-color:var(--ink-on-dark)}.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}.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);margin-bottom:var(--s-3)}.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 0 var(--s-3);letter-spacing:-.022em}.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;margin:0;padding: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__contribution strong{font-weight:600;color:var(--ink);font-style:normal}.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;background:var(--brand-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.first-mover__copy{font-family:var(--font-display);font-size:var(--t-body-lg);line-height:1.6;color:var(--ink-2);max-width:56ch;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:700px;margin-top:var(--s-3);list-style:none}.roll-item{display:flex;flex-direction:column;align-items:center;gap:2px}.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}.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);margin-bottom:var(--s-3)}.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 0 var(--s-3);letter-spacing:-.022em}.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)}@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);flex-wrap:wrap}.surface-card__title{font-family:var(--font-display);font-weight:500;font-size:1.15rem;color:var(--ink);letter-spacing:-.012em}.surface-card__title 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)}.surface-card__title a:hover{color:var(--brand);border-color:var(--brand)}.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 code{font-family:var(--font-mono);font-size:.88em;background:var(--surface-tint);padding:.05em .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--browse{display:flex;flex-direction:column;gap:4px}.mock-row{display:flex;align-items:center;gap:var(--s-2);padding:4px 6px;border-radius:var(--r-sm)}.mock-row.is-top{background:var(--brand-tint);color:var(--ink);font-weight:500}.mock-row .rank{color:var(--ink-muted);font-size:.65rem;min-width:14px}.mock-row .title{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:var(--font-display);font-size:.78rem;font-weight:400}.mock-row .score{color:var(--brand);font-weight:500;font-size:.65rem}.surface-mock--search{display:flex;flex-direction:column;gap:var(--s-2)}.mock-search-bar{background:#fff;border:1px solid var(--border);padding:4px 8px;border-radius:var(--r-sm);color:var(--ink-muted);font-style:italic;font-family:var(--font-display);font-size:.78rem}.mock-search-result{display:grid;grid-template-columns:1fr auto;gap:8px;padding:4px 0;align-items:center}.mock-search-result .label{font-family:var(--font-display);font-size:.78rem}.mock-search-result .blend{font-size:.6rem;font-family:var(--font-mono);background:var(--ink);color:var(--ink-on-dark);padding:.1rem .4rem;border-radius:var(--r-sm);letter-spacing:.04em}.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-number{color:#86efac}.surface-mock--mcp .json-comment{color:#f8f5ee66}.surface-mock--ee{display:flex;flex-direction:column;gap:6px}.ee-row{display:flex;align-items:center;gap:var(--s-2);padding:3px 0}.ee-row .outcome-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.ee-row .outcome-dot--success{background:#10b981}.ee-row .outcome-dot--fail{background:#ef4444}.ee-row .outcome-dot--partial{background:#f59e0b}.ee-row .ee-title{font-family:var(--font-display);font-size:.78rem;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ink)}.ee-row .ee-rank{color:var(--brand);font-weight:500;font-size:.65rem}.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:transform var(--t-fast) var(--ease-out),box-shadow var(--t-fast) var(--ease-out),border-color var(--t-fast) var(--ease-out);text-decoration:none;color:var(--ink);min-height:200px;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.bonded-card:focus-visible{outline:2px solid var(--brand);outline-offset:2px}@media(hover:hover)and (pointer:fine){a.bonded-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--ink)}}@media(hover:none){a.bonded-card:active{transform:scale(.98);transition:transform .1s ease}}.bonded-card--planned{opacity:.62;cursor:default}.bonded-card__top{display:flex;align-items:center;justify-content:space-between;gap:var(--s-2)}.bonded-card__num{font-family:var(--font-mono);font-size:.7rem;color:var(--ink-muted);letter-spacing:.06em}.bonded-card__star{background:var(--brand-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-size:.85rem;line-height:1}.bonded-card__planned-tag{font-family:var(--font-mono);font-size:.58rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-subtle);padding:1px 6px;border:1px solid var(--border);border-radius:3px}.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__textblock{margin-top:auto;display:flex;flex-direction:column;gap:4px}.bonded-card__name{font-family:var(--font-display);font-size:1rem;font-weight:500;line-height:1.3;color:var(--ink)}.bonded-card__desc{font-family:var(--font-display);font-size:.82rem;color:var(--ink-muted);line-height:1.4}.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}.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 code{font-family:var(--font-mono);font-size:.88em;background:var(--surface-tint);padding:.05em .4em;border-radius:3px}.close{padding:clamp(var(--s-7),6vw,var(--s-10)) 0 clamp(var(--s-8),7vw,var(--s-11));background:var(--surface-warm);border-top:1px solid var(--border)}.close__inner{max-width:var(--container-narrow);margin:0 auto;padding:0 var(--s-5);text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--s-5)}.close__h2{font-family:var(--font-display);font-weight:400;font-size:clamp(2.25rem,1.6rem + 2.6vw,3.5rem);line-height:1.04;letter-spacing:-.024em;color:var(--ink);margin:0;text-wrap:balance}.close__h2 em{font-style:italic;font-weight:500;background:var(--brand-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.close__sub{font-family:var(--font-display);font-size:var(--t-body-lg);color:var(--ink-2);max-width:50ch;margin:0;line-height:1.55}.close__ctas{display:flex;gap:var(--s-3);flex-wrap:wrap;justify-content:center;padding-top:var(--s-3)}.close__ctas .btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);font-family:var(--font-body);font-weight:500;font-size:var(--t-body);padding:.95rem 1.5rem;border-radius:var(--r-pill);transition:all var(--t-fast) var(--ease-out);white-space:nowrap;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.close__ctas .btn--primary{background:var(--ink);color:var(--ink-on-dark)}.close__ctas .btn--ghost{background:transparent;color:var(--ink);border:1px solid var(--border-strong)}@media(hover:hover)and (pointer:fine){.close__ctas .btn--primary:hover{background:var(--brand);transform:translateY(-1px)}.close__ctas .btn--ghost:hover{background:var(--surface);border-color:var(--ink)}.close__ctas .btn:hover .arrow{transform:translate(2px)}}.close__ctas .arrow{width:16px;height:16px;transition:transform var(--t-fast) var(--ease-out)}.close__signature{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.08em;color:var(--ink-muted);padding-top:var(--s-4);border-top:1px solid var(--border);width:100%;max-width:420px;margin:0}