/* finesse · register=brand · A=porcelain-wine-ink · B=editorial-song-and-sans · C=split-atlas-to-workbench
 * D=canvas-relationship-trace · E=etched-wine-satin · SOUL=7 SPECTACLE=5 DENSITY=5 */
:root {
  --eco-white:#fff;
  --eco-paper:#fcfafb;
  --eco-rose:#f8eef2;
  --eco-ink:#21171d;
  --eco-muted:#625761;
  --eco-wine:#74203d;
  --eco-wine-dark:#4a1229;
  --eco-edge:#e6d9df;
  --eco-etch:#d8b4c6;
  --eco-light:#fceef4;
  --eco-soft-light:#ecd4df;
  --eco-atlas-low:#260a1b;
  --eco-atlas-mid:#51152e;
  --eco-atlas-high:#7e2e4c;
  --eco-glass:rgba(255,235,246,.10);
  --eco-etch-line:rgba(250,224,238,.22);
  --eco-shadow:0 24px 62px rgba(50,13,31,.13), 0 2px 10px rgba(50,13,31,.055);
  --eco-display:"Songti SC","Noto Serif CJK SC","STSong","SimSun",serif;
}
html { overflow-x:clip; }
.eco-hero { padding: clamp(34px,4.5vw,69px) 0 clamp(32px,5.2vw,72px); border-bottom:1px solid var(--eco-edge); }
.eco-hero-grid { display:grid; grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr); gap:clamp(26px,4.3vw,64px); align-items:center; }
.eco-introduction { min-width:0; }
.eco-identity {
  display:inline-flex; align-items:center; gap:9px; color:var(--eco-wine); font-size:14px; font-weight:700; margin:0 0 24px;
}
.eco-identity::before { content:""; width:22px; height:1px; background:var(--eco-wine); }
.eco-introduction h1 {
  font-family:var(--eco-display); font-size:clamp(59px,6.4vw,102px); letter-spacing:-.085em; line-height:1.05;
  font-weight:800; color:var(--eco-ink); margin:0 0 16px; overflow-wrap:anywhere;
}
.eco-promise { font-size:clamp(20px,1.9vw,27px); color:var(--eco-wine); font-weight:720; letter-spacing:-.035em; line-height:1.35; margin:0 0 13px; text-wrap:balance; }
.eco-intro-copy { max-width:31em; color:var(--eco-muted); font-size:15px; line-height:1.85; margin:0; }
.eco-actions { display:flex; align-items:center; gap:9px; flex-wrap:wrap; margin-top:24px; }
.eco-primary { min-height:47px; padding-inline:20px; }
.eco-secondary { color:var(--eco-wine-dark); border:1px solid var(--eco-edge); background:var(--eco-white); }
.eco-secondary:hover { background:var(--eco-rose); border-color:var(--eco-etch); }
.eco-scope { display:flex; gap:5px 9px; flex-wrap:wrap; padding:16px 0 0; margin-top:25px; border-top:1px solid var(--eco-edge); }
.eco-scope a { color:var(--eco-muted); padding:4px 7px; border-radius:5px; font-size:13px; white-space:nowrap; }
.eco-scope a:first-child { margin-left:-7px; }
.eco-scope a:hover,.eco-scope a[aria-current] { color:var(--eco-wine); background:var(--eco-rose); }
.eco-atlas {
  position:relative; isolation:isolate; min-width:0; margin:0; border-radius:22px; color:var(--eco-light); overflow:hidden;
  background:radial-gradient(ellipse at 46% 0%,var(--eco-atlas-high),transparent 73%),
    linear-gradient(155deg,var(--eco-atlas-mid),var(--eco-atlas-low) 85%);
  box-shadow:var(--eco-shadow); border:1px solid var(--eco-atlas-mid);
}
.eco-atlas::before,.eco-custom-feature::before {
  position:absolute; inset:0; z-index:-1; content:""; pointer-events:none;
  background:repeating-linear-gradient(126deg,transparent 0 2px,var(--eco-soft-light) 2px 3px,transparent 3px 6px),
    repeating-linear-gradient(35deg,transparent 0 5px,var(--eco-soft-light) 5px 6px);
  opacity:.025;
}
.eco-atlas::after { position:absolute; inset:8px; z-index:-1; content:""; pointer-events:none; border:1px solid var(--eco-glass); border-radius:15px; }
.eco-atlas-header {
  display:flex; justify-content:space-between; align-items:center; gap:8px; margin:0 21px;
  padding:16px 3px 12px; border-bottom:1px solid var(--eco-etch-line);
}
.eco-atlas-lenses { display:flex; align-items:center; gap:3px; }
.eco-atlas-lenses a {
  display:flex; align-items:center; justify-content:center; gap:6px; padding:4px 8px; min-height:31px;
  color:var(--eco-soft-light); border:1px solid transparent; border-radius:5px; font-size:12px; white-space:nowrap;
}
.eco-atlas-lenses a:hover,.eco-atlas-lenses a[aria-current] { color:var(--eco-light); border-color:var(--eco-etch-line); background:var(--eco-glass); }
.eco-atlas-header>a { display:flex; align-items:center; gap:5px; color:var(--eco-soft-light); font-size:12px; white-space:nowrap; }
.eco-atlas-header svg { width:15px; height:15px; }
.eco-atlas-marker { width:6px; height:6px; border-radius:50%; background:var(--eco-light); box-shadow:0 0 15px var(--eco-etch); }
.eco-orbit { position:relative; height:clamp(297px,27.5vw,410px); margin:0 11px; }
.eco-orbit-canvas { position:absolute; inset:0; width:100%; height:100%; pointer-events:none; }
.eco-atlas-core {
  position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); min-width:125px;
  display:grid; justify-items:center; gap:2px; padding:11px 13px; text-align:center;
  color:var(--eco-light); background:var(--eco-atlas-mid); border:1px solid var(--eco-etch-line); border-radius:12px;
  box-shadow:0 10px 31px rgba(32,4,21,.26); pointer-events:none;
}
.eco-core-glyph { line-height:1; color:var(--eco-etch); }
.eco-core-glyph svg { width:21px; height:21px; }
.eco-atlas-core strong { font-size:16px; font-weight:720; }
.eco-atlas-core small { font-size:10px; color:var(--eco-soft-light); white-space:nowrap; }
.eco-node {
  position:absolute; top:var(--node-y); left:var(--node-x); transform:translate(-50%,-50%);
  display:flex; gap:8px; align-items:center; min-width:130px; max-width:175px; padding:9px 10px;
  border:1px solid var(--eco-etch-line); border-radius:9px; background:var(--eco-atlas-mid);
  box-shadow:inset 0 1px 0 var(--eco-glass),0 7px 17px rgba(34,8,24,.20);
  transition:background .22s ease,border-color .22s ease,box-shadow .22s ease;
}
.eco-node:hover,.eco-node[aria-current] { color:var(--eco-ink); background:var(--eco-light); border-color:var(--eco-etch); box-shadow:0 0 0 4px var(--eco-glass),0 10px 22px rgba(34,8,24,.2); }
.eco-node[data-eco-related] { border-color:var(--eco-etch); }
.eco-node[aria-current] .eco-node-icon,.eco-node:hover .eco-node-icon { color:var(--eco-wine); }
.eco-node-icon { display:inline-flex; align-items:center; justify-content:center; flex:0 0 25px; color:var(--eco-soft-light); }
.eco-node-icon svg { width:17px; height:17px; }
.eco-node strong,.eco-node small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.eco-node strong { font-size:13px; line-height:1.36; }
.eco-node small { font-size:10px; line-height:1.45; margin-top:2px; opacity:.82; }
.eco-node-shop { --node-x:23%; --node-y:25%; }
.eco-node-mall { --node-x:51%; --node-y:16%; }
.eco-node-enterprise { --node-x:78%; --node-y:32%; }
.eco-node-team { --node-x:20%; --node-y:68%; }
.eco-node-commerce { --node-x:47%; --node-y:82%; }
.eco-node-overseas { --node-x:79%; --node-y:73%; }
.eco-atlas-focus {
  display:flex; align-items:center; justify-content:space-between; gap:10px;
  border-top:1px solid var(--eco-etch-line); margin:0 21px; padding:13px 3px 18px;
}
.eco-atlas-focus strong { display:block; line-height:1.38; font-size:14px; }
.eco-atlas-focus p { font-size:12px; line-height:1.5; color:var(--eco-soft-light); margin:3px 0 0; }
.eco-atlas-focus a { font-size:12px; color:var(--eco-light); display:flex; gap:5px; align-items:center; white-space:nowrap; }
.eco-atlas-focus svg { width:16px; height:16px; }
.eco-atlas-connections { display:flex; flex-wrap:wrap; gap:5px 8px; margin:-6px 21px 17px; }
.eco-atlas-connections a {
  border:1px solid var(--eco-etch-line); background:var(--eco-glass); color:var(--eco-light);
  padding:4px 8px; border-radius:5px; font-size:11px; line-height:1.4;
}
.eco-atlas-connections a:hover { border-color:var(--eco-light); }
.eco-atlas a:focus-visible { outline:2px solid var(--eco-light); outline-offset:3px; }
.eco-experience { padding:clamp(35px,5vw,68px) 0; scroll-margin-top:16px; }
.eco-section-heading { display:flex; justify-content:space-between; align-items:flex-end; gap:14px 32px; margin-bottom:22px; }
.eco-kicker { color:var(--eco-wine); font-size:13px; font-weight:760; letter-spacing:.065em; margin:0 0 5px; }
.eco-section-heading h2 { color:var(--eco-ink); font-size:clamp(28px,3.2vw,44px); letter-spacing:-.045em; line-height:1.18; margin:0; overflow-wrap:anywhere; }
.eco-section-heading>p { max-width:29em; color:var(--eco-muted); font-size:14px; line-height:1.7; margin:0 0 2px; }
.eco-filter {
  display:grid; grid-template-columns:repeat(3,minmax(0,1fr)) auto; gap:8px 13px; align-items:end;
  background:var(--eco-paper); border:1px solid var(--eco-edge); border-radius:10px; padding:12px 15px; margin:0 0 15px;
}
.eco-filter label,.eco-sample-form label { display:grid; gap:5px; min-width:0; color:var(--eco-muted); font-weight:660; font-size:12px; }
.eco-filter select,.eco-sample-form select {
  min-width:0; width:100%; border:1px solid var(--eco-edge); border-radius:7px; color:var(--eco-ink);
  background:var(--eco-white); font:inherit; font-size:15px; padding:8px 11px;
}
.eco-filter button { justify-self:end; min-height:39px; }
.eco-workbench {
  display:grid; grid-template-columns:minmax(0,205px) minmax(0,1fr); border:1px solid var(--eco-edge);
  border-radius:15px; background:var(--eco-white); box-shadow:0 9px 36px rgba(50,13,31,.045); scroll-margin-top:16px;
}
.eco-scenes { min-width:0; padding:19px 12px; border-right:1px solid var(--eco-edge); background:var(--eco-paper); border-radius:14px 0 0 14px; }
.eco-sidebar-label { color:var(--eco-muted); font-size:12px; display:block; padding:0 9px 10px; }
.eco-scene-choice {
  color:var(--eco-ink); display:flex; align-items:center; justify-content:space-between; padding:9px 10px;
  gap:4px; border-radius:8px; margin:2px 0; border:1px solid transparent;
}
.eco-scene-choice strong,.eco-scene-choice small { display:block; white-space:nowrap; }
.eco-scene-choice strong { font-size:14px; }
.eco-scene-choice small { color:var(--eco-muted); font-size:11px; }
.eco-scene-choice svg { flex:none; width:16px; height:16px; color:var(--eco-wine); }
.eco-scene-choice:hover,.eco-scene-choice[aria-current] { color:var(--eco-wine); background:var(--eco-rose); border-color:var(--eco-edge); }
.eco-workspace { min-width:0; padding:clamp(17px,3.2vw,38px); }
.eco-workspace-header { display:flex; justify-content:space-between; align-items:flex-start; gap:8px 12px; }
.eco-path { color:var(--eco-wine); font-size:12px; font-weight:680; margin:0 0 5px; }
.eco-workspace-header h3 { font-size:clamp(22px,2.5vw,34px); line-height:1.18; letter-spacing:-.035em; margin:0; overflow-wrap:anywhere; }
.eco-badge { display:inline-block; flex:none; white-space:nowrap; border:1px solid var(--eco-edge); padding:4px 8px; border-radius:5px; color:var(--eco-wine); background:var(--eco-paper); font-size:11px; }
.eco-scene-intro { margin:10px 0 14px; color:var(--eco-muted); font-size:14px; line-height:1.65; }
.eco-path-steps {
  display:flex; flex-wrap:wrap; gap:5px 14px; list-style:none; margin:0; padding:10px 0 12px;
  border-block:1px solid var(--eco-edge); color:var(--eco-wine-dark);
}
.eco-path-steps li { display:flex; gap:7px; align-items:center; min-width:0; font-size:12px; }
.eco-path-steps li>span { width:6px; height:6px; flex:none; border-radius:50%; background:var(--eco-wine); }
.eco-path-steps li:not(:last-child)::after { content:""; display:block; width:14px; height:1px; background:var(--eco-etch); }
.eco-roles { margin:11px 0 14px; display:flex; gap:5px; flex-wrap:wrap; font-size:12px; }
.eco-roles>span:first-child { color:var(--eco-muted); align-self:center; margin-right:3px; }
.eco-roles>span:not(:first-child) { color:var(--eco-wine-dark); border:1px solid var(--eco-edge); border-radius:5px; padding:2px 6px; }
.eco-sample { display:grid; grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr); gap:12px; }
.eco-sample-form { min-width:0; display:grid; align-content:start; gap:9px; background:var(--eco-paper); border:1px solid var(--eco-edge); border-radius:9px; padding:12px; }
.eco-sample-label { font-size:13px; font-weight:700; color:var(--eco-ink); margin:0; }
.eco-sample-form .button { justify-self:start; margin-top:1px; min-height:39px; }
.eco-run-status { color:var(--eco-wine); font-size:12px; margin:0; }
.eco-run-status:empty { display:none; }
.eco-result {
  min-height:145px; min-width:0; color:var(--eco-ink); background:linear-gradient(135deg,var(--eco-rose),var(--eco-white) 88%);
  border:1px solid var(--eco-edge); border-radius:9px; padding:13px 15px; scroll-margin-top:12px;
}
.eco-result-empty { display:flex; align-items:center; gap:12px; min-height:100%; }
.eco-result-empty>span { color:var(--eco-wine); display:grid; place-items:center; flex:none; width:42px; height:42px; border:1px solid var(--eco-edge); border-radius:9px; background:var(--eco-white); }
.eco-result-empty strong,.eco-result-title strong { display:block; font-size:18px; line-height:1.3; }
.eco-result-empty p,.eco-result-title span,.eco-result-foot small { margin:0; color:var(--eco-muted); font-size:11px; line-height:1.6; }
.eco-result-summary { font-size:13px; color:var(--eco-ink); margin:6px 0 10px; }
.eco-result-metrics { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; }
.eco-result-metrics>div { padding:7px; border:1px solid var(--eco-edge); border-radius:6px; background:var(--eco-white); }
.eco-result-metrics strong,.eco-result-metrics small { display:block; }
.eco-result-metrics strong { color:var(--eco-wine); font-size:17px; line-height:1.25; }
.eco-result-metrics small { color:var(--eco-muted); font-size:11px; }
.eco-result-detail { font-size:12px; color:var(--eco-muted); margin:8px 0; }
.eco-result-detail summary { color:var(--eco-wine-dark); cursor:pointer; font-weight:650; }
.eco-result-detail dl { margin:5px 0 10px; }
.eco-result-detail dl>div { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:8px; padding:4px 0; border-bottom:1px solid var(--eco-edge); }
.eco-result-detail dd,.eco-result-detail p { margin:0; }
.eco-result-foot { display:flex; align-items:center; justify-content:space-between; gap:4px 9px; flex-wrap:wrap; margin-top:7px; }
.eco-result-foot a,.eco-workspace-links a,.eco-methods a { color:var(--eco-wine); font-size:12px; }
.eco-result-foot a:hover,.eco-workspace-links a:hover { text-decoration:underline; }
.eco-result-foot svg,.eco-workspace-links svg,.eco-methods svg { width:13px; height:13px; vertical-align:middle; }
.eco-workspace-links { margin-top:12px; display:grid; gap:8px; }
.eco-workspace-links>div { display:flex; align-items:center; flex-wrap:wrap; gap:4px 10px; }
.eco-workspace-links span { font-size:11px; color:var(--eco-muted); }
.eco-live-system { display:flex; align-items:center; gap:8px; flex-wrap:wrap; background:var(--eco-paper); padding:13px; border:1px solid var(--eco-edge); border-radius:9px; }
.eco-live-system>div { display:flex; align-items:center; gap:10px; flex:1 1 160px; color:var(--eco-wine); }
.eco-live-system strong { color:var(--eco-ink); }
.eco-live-system p { font-size:12px; color:var(--eco-muted); margin:2px 0 0; }
.eco-portfolio { padding:clamp(34px,4.7vw,67px) 0; border-top:1px solid var(--eco-edge); background:var(--eco-paper); }
.eco-portfolio-layout { display:grid; grid-template-columns:minmax(0,.76fr) minmax(0,1.24fr); gap:clamp(15px,2.7vw,34px); align-items:stretch; }
.eco-custom-feature {
  position:relative; isolation:isolate; overflow:hidden; min-width:0; display:grid; align-content:start; justify-items:start;
  padding:clamp(22px,3.2vw,40px); border-radius:14px; color:var(--eco-light);
  background:radial-gradient(ellipse at 85% 4%,var(--eco-atlas-high),transparent 64%),linear-gradient(145deg,var(--eco-atlas-mid),var(--eco-atlas-low));
  box-shadow:var(--eco-shadow);
}
.eco-feature-emblem { display:grid; place-items:center; width:43px; height:43px; border:1px solid var(--eco-etch-line); border-radius:8px; margin-bottom:14px; }
.eco-custom-feature h3 { font-size:clamp(24px,3vw,39px); letter-spacing:-.045em; line-height:1.18; margin:0; }
.eco-custom-feature p { color:var(--eco-soft-light); margin:10px 0 12px; font-size:14px; line-height:1.65; }
.eco-feature-types { display:flex; flex-wrap:wrap; gap:5px; }
.eco-feature-types span { font-size:12px; padding:4px 7px; border-radius:4px; border:1px solid var(--eco-etch-line); }
.eco-feature-action { color:var(--eco-wine-dark); background:var(--eco-light); margin-top:20px; }
.eco-feature-action:hover { background:var(--eco-white); }
.eco-portfolio-body { min-width:0; display:grid; gap:14px; align-content:start; }
.eco-row-heading { margin:0 0 8px; }
.eco-row-heading h3,.eco-methods h3 { font-size:21px; color:var(--eco-ink); margin:0; }
.eco-row-heading p,.eco-methods p { font-size:13px; color:var(--eco-muted); margin:3px 0 0; }
.eco-models { border-top:1px solid var(--eco-edge); }
.eco-model {
  display:grid; align-items:center; grid-template-columns:34px minmax(0,1fr) auto; gap:9px;
  padding:9px 0; color:var(--eco-ink); border-bottom:1px solid var(--eco-edge);
}
.eco-model:hover { color:var(--eco-wine); background:var(--eco-rose); }
.eco-model-icon { display:grid; place-items:center; height:34px; color:var(--eco-wine); }
.eco-model strong,.eco-model small { display:block; }
.eco-model strong { line-height:1.3; font-size:16px; }
.eco-model small { color:var(--eco-muted); font-size:12px; }
.eco-model-status { white-space:nowrap; color:var(--eco-wine); font-size:12px; }
.eco-model-status svg,.eco-cap-links svg { width:15px; height:15px; vertical-align:middle; }
.eco-industry-row { display:flex; border-bottom:1px solid var(--eco-edge); }
.eco-industry-row .eco-model { flex:1; min-width:0; min-height:54px; padding-inline-end:8px; border-bottom:0; }
.eco-industry-row .eco-model > span:nth-child(2) { min-width:0; overflow-wrap:anywhere; }
.eco-industry-path {
  display:inline-flex; align-items:center; gap:5px; padding-inline:10px;
  border-inline-start:1px solid var(--eco-edge); color:var(--eco-wine); font-size:12px; white-space:nowrap;
}
.eco-industry-path svg { width:15px; }
.eco-industry-path:hover,.catalog-custom-scroll > a:hover { background:var(--eco-rose); }
.catalog-custom-scroll > a { align-items:center; gap:12px; padding-inline:8px; }
.catalog-custom-scroll > a > span { min-width:0; overflow-wrap:anywhere; }
.catalog-custom-scroll > a > svg { flex:none; }
.catalog-custom-scroll strong,.catalog-custom-scroll small { display:block; }
.catalog-custom-scroll small { margin-top:4px; color:var(--eco-muted); font-size:12px; }
.eco-cap-links { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }
.eco-cap-links a { min-width:0; display:flex; align-items:center; gap:6px; border:1px solid var(--eco-edge); border-radius:8px; padding:9px; color:var(--eco-wine); background:var(--eco-white); }
.eco-cap-links a:hover { background:var(--eco-rose); }
.eco-cap-links a>svg { margin-left:auto; flex:none; }
.eco-cap-links strong,.eco-cap-links small { display:block; }
.eco-cap-links strong { white-space:nowrap; font-size:14px; }
.eco-cap-links small { color:var(--eco-muted); line-height:1.4; font-size:11px; }
.eco-methods {
  margin-top:clamp(20px,3vw,38px); display:grid; grid-template-columns:minmax(0,.73fr) minmax(0,1.27fr);
  align-items:center; gap:17px; border-top:1px solid var(--eco-edge); padding-top:17px;
}
.eco-method-figures { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); }
.eco-method-figures>a { display:grid; gap:2px; padding:8px 9px; border-left:1px solid var(--eco-edge); }
.eco-method-figures strong { font-family:var(--eco-display); font-size:clamp(32px,4vw,56px); line-height:1; color:var(--eco-wine); }
.eco-method-figures span { font-size:12px; color:var(--eco-ink); }
.eco-method-figures>a:hover { background:var(--eco-rose); }
.eco-custom-lead { padding:clamp(34px,5.5vw,78px) 0; border-bottom:1px solid var(--eco-edge); }
.eco-custom-grid { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr); gap:clamp(20px,4.5vw,62px); align-items:center; }
.eco-custom-lead h1 { color:var(--eco-ink); margin:8px 0 13px; font-size:clamp(31px,4.6vw,64px); letter-spacing:-.047em; line-height:1.12; overflow-wrap:anywhere; }
.eco-custom-lead p { color:var(--eco-muted); line-height:1.7; }
.eco-custom-lead .eco-kicker { color:var(--eco-wine); }
.eco-current-scene { color:var(--eco-wine)!important; font-size:13px; }
.eco-back { color:var(--eco-wine); font-size:13px; display:inline-block; margin:0 0 14px; }
.eco-custom-steps { background:var(--eco-paper); border:1px solid var(--eco-edge); border-radius:12px; padding:9px 16px; box-shadow:var(--eco-shadow); }
.eco-custom-steps>div { display:grid; grid-template-columns:33px minmax(0,1fr); gap:9px; padding:13px 0; }
.eco-custom-steps>div+div { border-top:1px solid var(--eco-edge); }
.eco-custom-steps>div>span { font-family:var(--eco-display); font-size:23px; color:var(--eco-wine); }
.eco-custom-steps strong { display:block; font-size:15px; }
.eco-custom-steps p { margin:4px 0 0; font-size:13px; }
.eco-custom-options { padding:clamp(31px,5vw,64px) 0; }
.eco-custom-patterns { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin-bottom:25px; }
.eco-custom-patterns>div { border:1px solid var(--eco-edge); border-radius:10px; padding:13px; background:var(--eco-paper); }
.eco-custom-patterns h3 { margin:0 0 6px; font-size:18px; }
.eco-custom-patterns p { color:var(--eco-muted); margin:0 0 6px; font-size:13px; }
.eco-custom-patterns a { color:var(--eco-wine); font-size:12px; }
.eco-custom-patterns svg { width:14px; height:14px; vertical-align:middle; }
.assistant-task { display:flex; gap:6px; flex-wrap:wrap; padding:0 12px 6px; align-items:center; }
.assistant-task button,.assistant-task a { padding:4px 8px; border:1px solid var(--eco-edge); color:var(--eco-wine-dark); background:var(--eco-paper); border-radius:5px; font:inherit; font-size:12px; white-space:nowrap; }
.assistant-task button:hover,.assistant-task a:hover { background:var(--eco-rose); }
.assistant-task svg { width:13px; height:13px; vertical-align:middle; }
@media (max-width:1080px) {
  .eco-node { min-width:114px; max-width:143px; padding:7px 8px; gap:3px; }
  .eco-node strong { font-size:12px; }
  .eco-node-icon { flex-basis:20px; }
  .eco-introduction h1 { font-size:clamp(53px,6.9vw,80px); }
}
@media (max-width:860px) {
  .eco-hero-grid { grid-template-columns:minmax(0,1fr); gap:24px; }
  .eco-intro-copy { max-width:40em; }
  .eco-introduction h1 { font-size:clamp(54px,9vw,80px); }
  .eco-orbit { height:330px; }
  .eco-scope { margin-top:15px; padding-top:9px; }
  .eco-section-heading { align-items:flex-start; flex-direction:column; gap:6px; }
}
@media (max-width:620px) {
  .eco-hero { padding:27px 0 27px; }
  .eco-hero-grid { gap:17px; }
  .eco-identity { margin-bottom:14px; font-size:12px; }
  .eco-introduction h1 { font-size:clamp(47px,13vw,65px); margin-bottom:8px; }
  .eco-promise { font-size:clamp(17px,5.1vw,24px); margin-bottom:6px; }
  .eco-intro-copy { font-size:13px; line-height:1.65; }
  .eco-actions { margin-top:13px; }
  .eco-actions .button { min-height:42px; padding-inline:12px; font-size:13px; }
  .eco-atlas { border-radius:15px; }
  .eco-atlas-header { margin:0 12px; padding:10px 0 8px; }
  .eco-atlas-lenses a { min-height:39px; }
  .eco-orbit { height:auto; margin:0; }
  .eco-orbit-canvas,.eco-atlas-core { display:none; }
  .eco-node-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:6px; padding:9px 12px; }
  .eco-node { position:static; transform:none; min-width:0; max-width:none; min-height:44px; padding:6px 5px; gap:4px; }
  .eco-node>span:last-child { min-width:0; }
  .eco-node-icon { flex-basis:19px; }
  .eco-node-icon svg { width:15px; height:15px; }
  .eco-node strong { font-size:12px; }
  .eco-node small { font-size:9px; }
  .eco-atlas-focus { margin:0 12px; padding:8px 0 11px; }
  .eco-atlas-focus strong { font-size:12px; }
  .eco-atlas-focus p { font-size:11px; }
  .eco-atlas-focus a { font-size:11px; }
  .eco-atlas-connections { margin:0 12px 10px; }
  .eco-experience,.eco-portfolio { padding:25px 0; }
  .eco-section-heading { margin-bottom:14px; }
  .eco-section-heading h2 { font-size:clamp(24px,7.3vw,36px); }
  .eco-section-heading>p { font-size:13px; }
  .eco-filter { grid-template-columns:repeat(2,minmax(0,1fr)); padding:9px; gap:7px; margin-bottom:9px; }
  .eco-filter button { width:100%; min-height:36px; padding-inline:4px; }
  .eco-filter select,.eco-sample-form select { padding:7px 5px; font-size:16px; }
  .eco-workbench { grid-template-columns:minmax(0,1fr); border-radius:11px; }
  .eco-scenes { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:4px; padding:7px; border-right:0; border-bottom:1px solid var(--eco-edge); border-radius:10px 10px 0 0; }
  .eco-sidebar-label { grid-column:1/-1; padding:0 4px 2px; }
  .eco-scene-choice { padding:5px 6px; min-height:39px; margin:0; }
  .eco-scene-choice strong { font-size:12px; }
  .eco-scene-choice small { font-size:10px; }
  .eco-scene-choice svg { width:13px; height:13px; }
  .eco-workspace { padding:12px; }
  .eco-workspace-header h3 { font-size:21px; }
  .eco-badge { padding:3px 4px; font-size:10px; }
  .eco-scene-intro { font-size:13px; }
  .eco-path-steps { flex-direction:column; gap:6px; padding:7px 0; }
  .eco-path-steps li:not(:last-child)::after { display:none; }
  .eco-sample,.eco-portfolio-layout,.eco-methods,.eco-custom-grid,.eco-custom-patterns { grid-template-columns:minmax(0,1fr); }
  .eco-result { min-height:101px; }
  .eco-custom-feature { padding:16px; }
  .eco-method-figures>a { padding:7px 4px; }
  .eco-method-figures span { font-size:10px; }
  .eco-industry-row .eco-model { grid-template-columns:24px minmax(0,1fr) auto; gap:6px; }
  .eco-industry-row .eco-model strong { font-size:14px; }
  .eco-industry-path { gap:3px; padding-inline:6px; }
  .eco-industry-path svg,.eco-model-status svg { width:12px; }
  .eco-cap-links { grid-template-columns:minmax(0,1fr); }
  .eco-custom-lead { padding:26px 0; }
}
@media (max-width:355px) {
  .eco-node strong { font-size:11px; }
  .eco-node-icon { flex-basis:16px; }
  .eco-atlas-focus p { max-width:20em; }
  .eco-workspace-header h3 { font-size:19px; }
  .eco-identity::before { width:17px; }
}
@media (prefers-reduced-motion:reduce) {
  .eco-node { transition:none; }
}