/* Responsibility: design tokens */
:root {
  --ink: #101b2d;
  --ink-soft: #475569;
  --paper: #fbfaf7;
  --white: #fff;
  --blue: #2944ad;
  --blue-light: #e9edff;
  --green: #18b978;
  --green-light: #e1f8ed;
  --orange: #f5a623;
  --orange-light: #fff1d8;
  --red: #eb4545;
  --red-light: #ffe8e5;
  --violet: #7257c7;
  --line: #d9dfdf;
  --dark: #101b2d;
  --radius-sm: .55rem;
  --radius-md: 1.1rem;
  --radius-lg: 1.8rem;
  --shadow: 0 24px 65px rgba(16, 27, 45, .13);
  --max: 1180px;
  --type-display: clamp(2.1rem, 3.55vw, 3.35rem);
  --type-display-case: clamp(1.9rem, 3.05vw, 3rem);
  --type-section: clamp(1.65rem, 2.35vw, 2.25rem);
  --type-case: clamp(1.4rem, 1.85vw, 1.9rem);
  --type-contact: clamp(2.1rem, 3.4vw, 3.2rem);
  --type-timeline: clamp(1.15rem, 1.4vw, 1.35rem);
  --type-card: 1.05rem;
  --type-copy-card: .82rem;
  --type-copy-small: .78rem;
  --type-caption: .8rem;
  --type-ui: .68rem;
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: var(--ink);
  background: var(--paper);
  font-synthesis: none;
  text-rendering: optimizeLegibility;
}

/* Responsibility: reset and base elements */
* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 86px; }
body { margin: 0; min-width: 320px; background: var(--paper); }
a { color: inherit; text-decoration: none; }
p { line-height: 1.62; }
button { color: inherit; font: inherit; }
img, svg { display: block; max-width: 100%; }
[hidden] { display: none !important; }
h1, h2, h3 { margin-top: 0; font-family: Manrope, Inter, ui-sans-serif, sans-serif; }
h1, h2 { letter-spacing: -.03em; }
h3 { letter-spacing: -.025em; }
h2 { font-size: var(--type-section); line-height: 1.13; }

/* Responsibility: accessibility */
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.skip-link { position: fixed; z-index: 100; top: 10px; left: 10px; transform: translateY(-180%); padding: .75rem 1rem; color: var(--ink); background: var(--white); border: 2px solid var(--blue); border-radius: var(--radius-sm); }
.skip-link:focus { transform: translateY(0); }
:focus-visible { outline: 3px solid var(--orange); outline-offset: 4px; border-radius: 3px; }

/* Responsibility: shared composition */
.section { padding: clamp(4.25rem, 7vw, 6.75rem) clamp(1.25rem, 6vw, 5rem); }
.section > * { max-width: var(--max); margin-right: auto; margin-left: auto; }
.eyebrow { margin: 0 0 1.15rem; color: var(--blue); font-size: .72rem; font-weight: 800; line-height: 1.3; letter-spacing: .17em; text-transform: uppercase; }
.section-heading { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(240px, .55fr); column-gap: clamp(2rem, 7vw, 7rem); row-gap: 1.25rem; align-items: start; margin-bottom: clamp(2.5rem, 4.5vw, 3.75rem); }
.section-heading h2 { max-width: 760px; margin-bottom: 0; }
.section-heading > p { max-width: 380px; margin: 0 0 .3rem; color: var(--ink-soft); font-size: 1.02rem; }
.portfolio-links { display: flex; flex-wrap: wrap; gap: .65rem; margin-top: -2.8rem; margin-bottom: 2rem; }
.portfolio-links a { padding: .55rem .8rem; color: #dbe2ef; background: rgba(255, 255, 255, .07); border: 1px solid rgba(255, 255, 255, .16); border-radius: 999px; font-size: .72rem; font-weight: 750; }
.portfolio-links a:hover { color: var(--white); background: rgba(255, 255, 255, .13); }
.button { display: inline-flex; align-items: center; justify-content: center; gap: .7rem; min-height: 50px; padding: .85rem 1.35rem; border: 1px solid var(--dark); border-radius: 999px; font-size: .88rem; font-weight: 750; transition: transform .2s ease, box-shadow .2s ease, background .2s ease; }
.button:hover { transform: translateY(-2px); box-shadow: 0 9px 24px rgba(16, 27, 45, .15); }
.button--primary { color: var(--white); background: var(--dark); }
.button--secondary { background: rgba(255, 255, 255, .7); }

/* Responsibility: header and navigation */
.site-header { position: sticky; z-index: 20; top: 0; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; min-height: 76px; padding: 0 clamp(1.25rem, 4vw, 4rem); background: rgba(251, 250, 247, .92); border-bottom: 1px solid rgba(217, 223, 223, .82); backdrop-filter: blur(16px); }
.wordmark { display: flex; align-items: center; gap: .72rem; width: max-content; font-size: .92rem; letter-spacing: .01em; }
.wordmark > span:first-child { display: grid; place-items: center; width: 35px; height: 35px; color: var(--white); background: var(--dark); border-radius: 50%; font-size: .69rem; font-weight: 800; }
.site-header nav { display: flex; gap: clamp(1rem, 2.4vw, 2.25rem); align-items: center; color: var(--ink-soft); font-size: .83rem; font-weight: 650; }
.site-header nav a, .social-links a { position: relative; }
.site-header nav a::after, .social-links a::after { content: ''; position: absolute; right: 0; bottom: -6px; left: 0; height: 2px; background: var(--blue); transform: scaleX(0); transform-origin: right; transition: transform .2s ease; }
.site-header nav a:hover::after, .site-header nav a:focus-visible::after, .social-links a:hover::after { transform: scaleX(1); transform-origin: left; }
.portfolio-menu { position: relative; }
.portfolio-menu__row { display: flex; align-items: center; gap: .15rem; }
.portfolio-menu__toggle { display: grid; place-items: center; width: 30px; height: 30px; padding: 0; color: var(--ink-soft); background: transparent; border: 0; border-radius: .35rem; cursor: pointer; }
.portfolio-menu__chevron { width: 16px; height: 16px; transform: rotate(90deg); transition: transform .18s ease; }
.portfolio-submenu { position: absolute; z-index: 30; top: 100%; left: -.8rem; min-width: 190px; padding-top: 1.55rem; visibility: hidden; opacity: 0; pointer-events: none; transform: translateY(-5px); transition: opacity .16s ease, transform .16s ease, visibility .16s; }
.portfolio-submenu__panel { display: grid; gap: .2rem; padding: .55rem; background: var(--white); border: 1px solid var(--line); border-radius: var(--radius-sm); box-shadow: 0 14px 32px rgba(16, 27, 45, .13); }
.portfolio-submenu a { display: flex; min-height: 40px; align-items: center; padding: .55rem .7rem; border-radius: .4rem; }
.site-header .portfolio-submenu a::after { display: none; }
.portfolio-submenu a:hover, .portfolio-submenu a:focus-visible { color: var(--blue); background: #f0f3fa; }
.portfolio-menu.is-portfolio-open .portfolio-submenu, html:not(.js) .portfolio-menu:hover .portfolio-submenu, html:not(.js) .portfolio-menu:focus-within .portfolio-submenu { visibility: visible; opacity: 1; pointer-events: auto; transform: translateY(0); }
.mobile-nav-contact { display: none; }
.header-contact { justify-self: end; color: var(--blue); font-size: .84rem; font-weight: 750; }
.nav-toggle { display: none; width: 44px; height: 44px; padding: 0; place-items: center; background: transparent; border: 1px solid var(--line); border-radius: var(--radius-sm); cursor: pointer; }
.nav-toggle__icon { width: 24px; height: 24px; overflow: visible; }
.nav-toggle__menu-icon, .nav-toggle__close-icon { transform-origin: center; transition: opacity .16s ease; }
.nav-toggle__close-icon { opacity: 0; }
.site-header.is-nav-open .nav-toggle__menu-icon { opacity: 0; }
.site-header.is-nav-open .nav-toggle__close-icon { opacity: 1; }

/* Responsibility: hero */
.hero { position: relative; overflow: hidden; padding: clamp(4.2rem, 8vw, 7.25rem) clamp(1.25rem, 6vw, 5rem) clamp(4rem, 8vw, 6.8rem); background:
  linear-gradient(rgba(41, 68, 173, .055) 1px, transparent 1px),
  linear-gradient(90deg, rgba(41, 68, 173, .055) 1px, transparent 1px),
  radial-gradient(circle at 85% 20%, rgba(24, 185, 120, .17), transparent 27%),
  radial-gradient(circle at 12% 86%, rgba(245, 166, 35, .13), transparent 23%);
  background-size: 42px 42px, 42px 42px, auto, auto;
}
.hero::before { content: ''; position: absolute; z-index: 0; top: 11%; left: -100px; width: 220px; height: 220px; border: 32px solid rgba(41, 68, 173, .05); border-radius: 50%; }
.hero-grid { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(330px, .75fr); gap: clamp(3rem, 7vw, 7rem); align-items: center; max-width: var(--max); margin: auto; }
.availability-dot { display: inline-block; width: 8px; height: 8px; margin-right: .55rem; background: var(--green); border-radius: 50%; box-shadow: 0 0 0 5px rgba(24, 185, 120, .13); }
h1 { max-width: 760px; margin: 0; font-size: var(--type-display); line-height: 1.06; }
h1 em { color: var(--blue); font-style: normal; }
.hero-lead { max-width: 690px; margin: 1.8rem 0 0; color: var(--ink-soft); font-size: clamp(1.04rem, 1.55vw, 1.23rem); }
.hero-actions { display: flex; flex-wrap: wrap; gap: .85rem; margin-top: 2.1rem; }
.delivery-path { display: grid; grid-template-columns: repeat(4, 1fr); max-width: 720px; margin: 2.2rem 0 0; padding: 0; list-style: none; }
.delivery-path li { position: relative; padding: .75rem .7rem .75rem 0; color: #526072; border-top: 1px solid #c9d2dc; font-size: .75rem; font-weight: 700; line-height: 1.4; }
.delivery-path li:not(:last-child)::after { content: ''; position: absolute; top: -3px; right: .7rem; width: 5px; height: 5px; background: var(--green); border-radius: 50%; }
.delivery-path span { display: block; margin-bottom: .35rem; color: var(--blue); font-size: .58rem; letter-spacing: .1em; }
.portrait-card { position: relative; width: min(100%, 410px); margin: 0 auto; padding: 0 1.1rem 1rem 0; }
.portrait-card img { position: relative; z-index: 2; width: 100%; height: min(112vw, 540px); object-fit: cover; object-position: 50% 31%; border-radius: 12rem 12rem var(--radius-lg) var(--radius-lg); box-shadow: var(--shadow); filter: saturate(.86) contrast(1.02); }
.portrait-card::after { content: ''; position: absolute; z-index: 1; right: 0; bottom: 0; width: 86%; height: 82%; background: var(--blue); border-radius: var(--radius-lg); }
.portrait-halo { position: absolute; z-index: 0; top: -8%; left: -9%; width: 62%; aspect-ratio: 1; border: 1px solid rgba(41, 68, 173, .28); border-radius: 50%; }
.portrait-halo::before { content: ''; position: absolute; inset: 19%; border: 1px dashed rgba(41, 68, 173, .35); border-radius: 50%; }
.portrait-card figcaption { position: absolute; z-index: 4; right: -1.2rem; bottom: 2.1rem; display: flex; flex-direction: column; width: min(270px, 75%); padding: .85rem 1rem; color: var(--white); background: rgba(16, 27, 45, .93); border-left: 4px solid var(--green); border-radius: var(--radius-sm); box-shadow: 0 12px 30px rgba(16, 27, 45, .2); }
.portrait-card figcaption strong { font-size: .88rem; }
.portrait-card figcaption > span { margin-top: .2rem; color: #cbd5e1; font-size: .75rem; line-height: 1.4; }
.portrait-location > span { display: block; white-space: nowrap; }

/* Responsibility: capabilities */
.section--skills { background: #f0f3fa; }
.capability-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; }
.capability { position: relative; min-height: 220px; overflow: hidden; padding: 2rem; background: var(--white); border: 1px solid rgba(16, 27, 45, .08); border-radius: var(--radius-md); box-shadow: 0 10px 30px rgba(16, 27, 45, .035); }
.capability::before { content: ''; position: absolute; top: 0; right: 0; left: 0; height: 5px; background: currentColor; }
.capability-icon { display: grid; place-items: center; width: 42px; height: 42px; margin-bottom: 2rem; color: currentColor; background: color-mix(in srgb, currentColor 10%, white); border-radius: 50%; font-size: .9rem; font-weight: 800; }
.capability h3 { margin-bottom: .7rem; color: var(--ink); font-size: var(--type-card); line-height: 1.2; }
.capability p { margin: 0; color: var(--ink-soft); font-size: .9rem; }
.capability > small { display: block; margin-top: 1rem; padding-top: .85rem; color: #657387; border-top: 1px solid var(--line); font-size: .76rem; line-height: 1.55; }
.capability--blue { color: var(--blue); }.capability--green { color: #078653; }.capability--orange { color: #d17a00; }.capability--red { color: #cf3737; }.capability--violet { color: var(--violet); }.capability--ink { color: var(--ink); }

/* Responsibility: experience */
.section--experience { background: var(--paper); }
.timeline { border-top: 1px solid var(--line); }
.timeline-item { display: grid; grid-template-columns: minmax(180px, .45fr) minmax(0, 1.35fr); gap: 2rem; padding: 2.8rem 0; border-bottom: 1px solid var(--line); }
.timeline-meta { color: #596779; font-size: var(--type-copy-card); letter-spacing: .02em; }
.company { margin: 0 0 .4rem; color: var(--blue); font-size: .71rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.timeline-content h3 { margin-bottom: .75rem; font-size: var(--type-timeline); line-height: 1.2; }
.timeline-content > p:not(.company) { max-width: 750px; margin: 0; color: var(--ink-soft); font-size: .94rem; }
.timeline-content ul { display: flex; flex-wrap: wrap; gap: .5rem; margin: 1.15rem 0 0; padding: 0; list-style: none; }
.timeline-content li { padding: .45rem .65rem; color: #415066; background: var(--white); border: 1px solid var(--line); border-radius: 999px; font-size: .72rem; }

/* Responsibility: case studies */
.section--work { color: var(--white); background: var(--dark); }
.section--work > .section-heading .eyebrow { color: #91a4ff; }
.section--work .section-heading > p { color: #aeb9c8; }
.feature-case { display: grid; grid-template-columns: minmax(0, .85fr) minmax(390px, 1.15fr); gap: clamp(3rem, 7vw, 7rem); padding: clamp(2rem, 5vw, 4rem); background: #f7f8ff; border-radius: var(--radius-lg); color: var(--ink); }
.case-brand { display: flex; flex-wrap: wrap; align-items: center; gap: 1rem; margin-bottom: 2.4rem; }
.case-brand img { width: 120px; height: auto; }
.case-brand > span:not(.autoscrapper-wordmark) { padding: .35rem .55rem; color: var(--blue); background: var(--blue-light); border-radius: 999px; font-size: .63rem; font-weight: 750; letter-spacing: .06em; text-transform: uppercase; }
.autoscrapper-wordmark { margin: 0; color: #15151a; font-weight: 850; letter-spacing: -.06em; text-transform: none; white-space: nowrap; }
.autoscrapper-wordmark--home { font-size: 1.25rem; line-height: .95; }
.case-kicker { margin: 0 0 .55rem; color: var(--blue); font-size: .7rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.feature-copy h3 { margin-bottom: 1.2rem; font-size: var(--type-case); line-height: 1.14; }
.feature-copy > p:not(.case-kicker) { color: var(--ink-soft); }
.check-list { margin: 1.6rem 0 0; padding: 0; list-style: none; }
.check-list li { position: relative; margin-top: .7rem; padding-left: 1.5rem; color: #3e4d63; font-size: .86rem; }
.check-list li::before { content: '✓'; position: absolute; left: 0; color: var(--green); font-weight: 900; }
.product-visual { align-self: center; min-width: 0; }
.browser-frame { overflow: hidden; background: var(--white); border: 1px solid #d8deea; border-radius: var(--radius-md); box-shadow: var(--shadow); }
.browser-bar { display: flex; align-items: center; gap: .35rem; height: 42px; padding: 0 1rem; color: #596579; background: #f0f2f7; border-bottom: 1px solid #dde2eb; font-size: .66rem; }
.browser-bar i { width: 8px; height: 8px; background: #c7ccd7; border-radius: 50%; }
.browser-bar i:first-child { background: var(--red); }.browser-bar i:nth-child(2) { background: var(--orange); }.browser-bar i:nth-child(3) { background: var(--green); }
.browser-bar span { margin-left: auto; }
.ehly-interface { background: #fafafa; transform: rotate(.65deg); }
.ehly-app-bar { display: grid; grid-template-columns: 72px 1fr 36px; align-items: center; min-height: 54px; padding: 0 14px; background: var(--white); border-bottom: 1px solid #e5e7eb; }
.ehly-app-bar img { width: 68px; height: auto; }
.ehly-app-bar strong { font-size: .88rem; text-align: center; }
.ehly-app-bar > span { color: #64748b; font-size: .72rem; letter-spacing: .12em; text-align: right; }
.ehly-assistant-list { display: grid; gap: .55rem; min-height: 300px; padding: 1rem; }
.ehly-assistant-list > div { display: grid; grid-template-columns: 42px 1fr auto; gap: .8rem; align-items: center; min-height: 72px; padding: .75rem; background: var(--white); border: 1px solid #e8ebef; border-radius: .6rem; box-shadow: 0 2px 7px rgba(15, 23, 42, .04); }
.assistant-list-icon { display: grid; place-items: center; width: 40px; height: 40px; color: var(--white); background: var(--blue); border-radius: .55rem; font-size: .7rem; font-weight: 800; }
.assistant-list-icon--green { background: #078653; }.assistant-list-icon--orange { background: #d17a00; }
.ehly-assistant-list p { margin: 0; line-height: 1.25; }.ehly-assistant-list strong, .ehly-assistant-list small { display: block; }.ehly-assistant-list strong { font-size: .76rem; }.ehly-assistant-list small { margin-top: .28rem; color: #6b7280; font-size: .64rem; }
.ehly-assistant-list b { color: #94a3b8; font-size: 1.3rem; font-weight: 400; }
.ehly-interface-note { padding: .8rem 1rem; color: #6b7280; background: var(--white); border-top: 1px solid #e5e7eb; font-size: .63rem; text-align: center; }.ehly-interface-note span { color: var(--green); }
.solution-system { grid-column: 1 / -1; margin: 0; padding-top: 1.5rem; border-top: 1px solid #dce2ee; }
.solution-system figcaption { max-width: 760px; margin: 0 auto 1.5rem; text-align: center; }
.solution-system h4 { margin: 0; font-family: Manrope, Inter, ui-sans-serif, sans-serif; font-size: clamp(1.65rem, 3vw, 2.7rem); line-height: 1.08; letter-spacing: -.04em; }
.solution-system figcaption > p:last-child { margin: .8rem auto 0; color: var(--ink-soft); font-size: .82rem; }
.solution-system__stage { position: relative; padding: 1.4rem; overflow: hidden; background: linear-gradient(rgba(41, 68, 173, .045) 1px, transparent 1px), linear-gradient(90deg, rgba(41, 68, 173, .045) 1px, transparent 1px), #f9faff; background-size: 30px 30px; border: 1px solid #dce2ee; border-radius: var(--radius-md); }
.solution-channels { display: grid; grid-template-columns: minmax(150px, 1fr) 190px minmax(150px, 1fr); gap: 1.6rem; align-items: center; width: min(100%, 720px); margin: 0 auto 2.3rem; }
.solution-hub { position: relative; z-index: 2; display: grid; justify-items: center; min-height: 82px; padding: .8rem 1rem; background: var(--white); border: 1px solid #8fa2ff; border-radius: .9rem; box-shadow: 0 10px 26px rgba(41, 68, 173, .13); text-align: center; }
.solution-hub img { width: 78px; height: auto; }.solution-hub span { margin-top: .25rem; color: #657387; font-size: .57rem; }
.channel-node { position: relative; display: flex; gap: .65rem; align-items: center; min-height: 76px; padding: .75rem; color: #44536a; background: rgba(255, 255, 255, .88); border: 1px solid #dbe1ed; border-radius: .8rem; box-shadow: 0 7px 20px rgba(16, 27, 45, .05); }
.channel-node svg { width: 32px; height: 32px; flex: 0 0 auto; fill: none; stroke: currentColor; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; }
.channel-node--whatsapp svg { color: #078653; }.channel-node--webchat svg { color: var(--blue); }
.channel-node span, .channel-node strong, .channel-node small { display: block; }.channel-node strong { color: var(--ink); font-size: .68rem; }.channel-node small { margin-top: .2rem; color: #68768a; font-size: .56rem; line-height: 1.35; }
.system-examples { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(6, 1fr); gap: .85rem; margin: 0; padding: 0; list-style: none; }
.system-card { display: flex; flex-direction: column; grid-column: span 3; min-height: 315px; padding: 1.25rem; background: rgba(255, 255, 255, .97); border: 1px solid #dbe1ed; border-top: 4px solid var(--blue); border-radius: .9rem; box-shadow: 0 10px 28px rgba(16, 27, 45, .065); }
.system-card header { display: flex; align-items: center; gap: .65rem; }.system-card header small { color: #475569; font-size: .6rem; font-weight: 750; letter-spacing: .07em; text-transform: uppercase; }
.system-icon { display: grid; place-items: center; width: 34px; height: 34px; flex: 0 0 auto; color: var(--blue); background: var(--blue-light); border-radius: .55rem; font-size: .8rem; font-weight: 800; }
.system-card h5 { margin: 1.05rem 0 .55rem; font-family: Manrope, Inter, ui-sans-serif, sans-serif; font-size: 1.03rem; letter-spacing: -.025em; }
.system-card > p { min-height: 3.7em; margin: 0; color: #526176; font-size: var(--type-copy-card); line-height: 1.55; }
.system-card ul { margin: .8rem 0 1rem; padding-left: 1rem; color: #455469; font-size: .75rem; line-height: 1.65; }
.system-card--inventory { border-top-color: var(--green); }.system-card--rewards { border-top-color: var(--orange); }.system-card--analytics { border-top-color: var(--violet); }.system-card--insurance { border-top-color: var(--red); }
.system-card--inventory .system-icon { color: #078653; background: var(--green-light); }.system-card--rewards .system-icon { color: #b96a00; background: var(--orange-light); }.system-card--analytics .system-icon { color: var(--violet); background: #eeeaff; }.system-card--insurance .system-icon { color: #c93737; background: var(--red-light); }
.system-motif { width: 80px; height: 48px; margin-top: auto; padding: .35rem; color: var(--blue); background: var(--blue-light); border-radius: .55rem; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.system-card--inventory .system-motif { color: #078653; background: var(--green-light); }.system-card--rewards .system-motif { color: #b96a00; background: var(--orange-light); }.system-card--analytics .system-motif { color: var(--violet); background: #eeeaff; }.system-card--insurance .system-motif { color: #c93737; background: var(--red-light); }
.case-brand--keppel img { width: 128px; height: auto; border-radius: .25rem; }
.text-link { display: inline-flex; gap: .5rem; margin-top: .5rem; color: var(--blue); font-size: .82rem; font-weight: 750; }

/* Responsibility: concise homepage case studies */
.home-case { display: grid; grid-template-columns: minmax(0, .9fr) minmax(360px, 1.1fr); gap: clamp(2.5rem, 6vw, 6rem); margin-top: 1rem; padding: clamp(2rem, 5vw, 4rem); color: var(--ink); background: #f7f8ff; border-radius: var(--radius-lg); }
.home-case__copy { align-self: center; }
.home-case__copy h3 { margin-bottom: 1rem; font-size: var(--type-case); line-height: 1.14; }
.home-case__copy > p:not(.case-kicker) { color: var(--ink-soft); }
.home-case__copy > .button { margin-top: 1.5rem; }
.home-case--verifyt { background: #ecebff; }
.home-case--pneusafe { background: #eef5f7; }
.proof-pair { display: grid; grid-template-columns: 1fr 1fr; gap: .7rem; margin-top: 1.5rem; }
.proof-pair span { padding: .8rem; color: #526176; background: rgba(255, 255, 255, .68); border: 1px solid rgba(16, 27, 45, .1); border-radius: .7rem; font-size: var(--type-caption); line-height: 1.5; }
.proof-pair strong { display: block; margin-bottom: .2rem; color: var(--blue); font-size: .95rem; }
.home-ehly-map, .home-catalogue-art { align-self: center; margin: 0; padding: 1.4rem; border-radius: var(--radius-md); }
.home-ehly-map { overflow: hidden; background: linear-gradient(rgba(41, 68, 173, .045) 1px, transparent 1px), linear-gradient(90deg, rgba(41, 68, 173, .045) 1px, transparent 1px), #fff; background-size: 28px 28px; border: 1px solid #dce2ee; }
.home-ehly-map > figcaption, .pneusafe-schematic > figcaption { margin-bottom: 1.2rem; color: #596779; font-size: var(--type-caption); font-weight: 750; line-height: 1.4; }
.solution-channels--compact { position: relative; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-areas: "hub hub" "whatsapp webchat"; gap: 1rem; width: min(100%, 520px); margin-bottom: 1.2rem; }
.solution-channels--compact .solution-hub { grid-area: hub; width: 150px; min-height: 74px; justify-self: center; }
.solution-channels--compact .solution-hub span { color: var(--blue); font-size: .62rem; font-weight: 800; letter-spacing: .01em; }
.solution-channels--compact .channel-node { min-width: 0; }
.solution-channels--compact .channel-node--whatsapp { grid-area: whatsapp; }
.solution-channels--compact .channel-node--webchat { grid-area: webchat; }
.channel-node--asset img { width: 32px; height: 32px; object-fit: contain; }
.launcher-asset { display: grid !important; place-items: center; width: 42px; height: 42px; flex: 0 0 auto; color: var(--white); background: var(--blue); border-radius: 50%; box-shadow: 0 7px 18px rgba(41, 68, 173, .22); }
.launcher-asset img { width: 100%; height: 100%; color: inherit; }
.workflow-summary { display: grid; grid-template-columns: repeat(3, 1fr); gap: .6rem; margin: 0; padding: 0; list-style: none; }
.workflow-summary li { display: flex; gap: .5rem; align-items: center; padding: .75rem; color: #526176; background: var(--white); border: 1px solid #dce2ee; border-radius: .6rem; font-size: .75rem; font-weight: 700; line-height: 1.4; }
.workflow-summary span { display: grid; place-items: center; width: 26px; height: 26px; flex: 0 0 auto; color: var(--blue); background: var(--blue-light); border-radius: .4rem; }
/* Responsibility: concise homepage Autoscrapper graphic */
.home-catalogue-art { min-width: 0; align-self: center; margin: 0; padding: 1.4rem; overflow: hidden; color: var(--white); background: radial-gradient(circle at 62% 28%, rgba(142,119,221,.5), transparent 30%), radial-gradient(circle at 16% 82%, rgba(24,185,120,.16), transparent 24%), linear-gradient(145deg, #171827, #28253b); border-radius: var(--radius-md); }
.home-fashion-scene { position: relative; display: grid; place-items: center; min-height: 450px; isolation: isolate; }
.home-fashion-scene::before { content: ''; position: absolute; inset: 5% 2%; background: linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px); background-size: 28px 28px; border-radius: 50%; mask-image: radial-gradient(circle, #000 20%, transparent 72%); }
.home-fashion-halo { position: absolute; z-index: 0; width: 350px; max-width: 94%; aspect-ratio: 1; border: 1px solid rgba(210,201,255,.24); border-radius: 50%; box-shadow: 0 0 0 38px rgba(114,87,199,.06), 0 0 0 76px rgba(114,87,199,.035); }
.home-fashion-device { position: relative; z-index: 3; display: grid; grid-template-rows: auto auto minmax(0, 1fr) auto auto auto; gap: .42rem; width: min(218px, calc(100% - 4px)); height: 442px; padding: .82rem .72rem .65rem; overflow: hidden; color: #272d3c; background: #fbfaff; border: 6px solid #11131d; border-radius: 2.15rem; box-shadow: 0 28px 54px rgba(0,0,0,.42), inset 0 0 0 1px rgba(255,255,255,.25); }
.home-fashion-device::before { content: ''; position: absolute; top: .38rem; left: 50%; width: 48px; height: 5px; background: #232631; border-radius: 999px; transform: translateX(-50%); }
.home-fashion-device::after { content: ''; position: absolute; bottom: .32rem; left: 50%; width: 54px; height: 4px; background: #c8c5d2; border-radius: 999px; transform: translateX(-50%); }
.home-fashion-device > header { display: flex; align-items: baseline; justify-content: space-between; padding: .55rem .1rem .38rem; border-bottom: 1px solid #e2deec; }.home-fashion-device > header strong { color: #58459f; font-size: .8rem; }.home-fashion-device > header span { color: #6d7382; font-size: .75rem; font-weight: 750; }
.home-fashion-device__intro small, .home-fashion-device__intro strong { display: block; }.home-fashion-device__intro small { color: #6a58aa; font-size: .66rem; font-weight: 850; letter-spacing: .09em; text-transform: uppercase; }.home-fashion-device__intro strong { margin-top: .12rem; font-size: .78rem; line-height: 1.2; }
.home-fashion-feature { display: grid; grid-template-rows: minmax(0, 1fr) auto; min-height: 0; overflow: hidden; background: linear-gradient(145deg, #e8e3f7, #f6f3fb); border: 1px solid #e2dcef; border-radius: .8rem; }
.home-fashion-feature__image { position: relative; display: grid; place-items: center; min-height: 0; overflow: hidden; }.home-fashion-feature__image svg { width: 78%; height: 156px; color: #6e59b4; filter: drop-shadow(0 9px 11px rgba(55,42,98,.18)); }.home-fashion-feature__image span { position: absolute; top: .45rem; right: .45rem; padding: .22rem .34rem; color: #075e3e; background: #d9f7e8; border-radius: 999px; font-size: .65rem; font-weight: 850; }
.home-fashion-feature__copy { padding: .48rem .58rem .52rem; background: rgba(255,255,255,.78); }.home-fashion-feature__copy small, .home-fashion-feature__copy strong, .home-fashion-feature__copy span { display: block; }.home-fashion-feature__copy small { color: #6754a7; font-size: .65rem; font-weight: 850; text-transform: uppercase; }.home-fashion-feature__copy strong { margin-top: .14rem; font-size: .8rem; line-height: 1.2; }.home-fashion-feature__copy span { margin-top: .1rem; color: #687184; font-size: .66rem; }
.home-fashion-options { display: grid; grid-template-columns: .9fr 1.1fr; gap: .55rem; }.home-fashion-options > div { display: flex; flex-wrap: wrap; gap: .23rem; align-items: center; min-width: 0; }.home-fashion-options span { width: 100%; color: #687184; font-size: .65rem; font-weight: 750; }.home-fashion-options i { width: 12px; height: 12px; background: #303846; border: 2px solid #fff; border-radius: 50%; box-shadow: 0 0 0 1px #cfd3dc; }.home-fashion-options i:nth-of-type(2) { background: #a68170; }.home-fashion-options i:nth-of-type(3) { background: #789086; }.home-fashion-options b { display: grid; place-items: center; width: 21px; height: 21px; color: #525c6d; background: #eceef3; border-radius: .28rem; font-size: .62rem; }
.home-fashion-actions { display: grid; grid-template-columns: 1fr 1fr; gap: .38rem; }.home-fashion-actions span, .home-fashion-actions strong { display: grid; place-items: center; min-width: 0; min-height: 31px; border-radius: .42rem; font-size: .75rem; white-space: nowrap; }.home-fashion-actions span { color: #57469a; background: #eeeafa; border: 1px solid #d9d1ee; }.home-fashion-actions strong { color: #fff; background: #6551ad; }
.home-fashion-nav { display: flex; justify-content: center; gap: 1rem; padding: .1rem 0 .25rem; }.home-fashion-nav i { width: 17px; height: 4px; background: #d4d0df; border-radius: 999px; }.home-fashion-nav i.is-active { background: #6551ad; }
.home-fashion-tile { position: absolute; z-index: 1; display: grid; place-items: center; width: 112px; height: 132px; overflow: hidden; background: rgba(255,253,248,.92); border: 1px solid rgba(255,255,255,.6); border-radius: .9rem; box-shadow: 0 18px 34px rgba(0,0,0,.25); }.home-fashion-tile svg { width: 88%; height: 120px; color: #a17c6d; }.home-fashion-tile i { position: absolute; right: .55rem; bottom: .55rem; width: 12px; height: 12px; background: #9cf0c7; border: 3px solid #fff; border-radius: 50%; }
.home-fashion-tile--top { top: 13%; left: 5%; transform: rotate(-8deg); }.home-fashion-tile--bag { right: 4%; bottom: 13%; width: 102px; height: 118px; transform: rotate(7deg); }.home-fashion-tile--bag svg { height: 108px; color: #71877e; }.home-fashion-tile--bag i { background: #ffcc75; }
.visual-kicker { display: block; color: inherit; font-size: .72rem; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }

.pneusafe-schematic { align-self: center; min-width: 0; margin: 0; padding: 1.4rem; color: var(--white); background: #102a37; border-radius: var(--radius-md); }
.pneusafe-schematic > figcaption { color: #d6e4e9; }
.pneusafe-overview { position: relative; display: grid; grid-template-columns: minmax(150px, .85fr) 60px minmax(190px, 1.15fr); grid-template-rows: minmax(260px, 1fr) 90px; min-height: 350px; overflow: hidden; border: 1px solid rgba(255,255,255,.13); border-radius: .8rem; }
.pneusafe-zone { position: relative; display: grid; place-items: center; min-width: 0; padding: 1rem; }
.pneusafe-zone--safe { grid-column: 1; grid-row: 1; background: linear-gradient(145deg, rgba(24,185,120,.18), rgba(24,185,120,.06)); }
.pneusafe-zone--danger { grid-column: 3; grid-row: 1; background: repeating-linear-gradient(-45deg, rgba(255,255,255,.025) 0 12px, transparent 12px 24px), rgba(255,255,255,.045); }
.pneusafe-remote-console { position: relative; z-index: 2; width: min(100%, 220px); padding: .75rem .75rem .65rem; color: #283342; background: #f8fbfc; border: 4px solid #577381; border-radius: .75rem; box-shadow: 0 15px 28px rgba(0,0,0,.25); text-align: center; }
.pneusafe-console-display { position: relative; display: grid; grid-template-rows: auto 1fr auto; min-height: 112px; padding: .7rem .8rem .6rem; overflow: hidden; color: #9ee8ff; background: linear-gradient(145deg, #091e28, #123847); border: 6px solid #cbd6da; border-radius: .45rem; box-shadow: inset 0 0 18px rgba(92,225,236,.08); text-align: left; }
.pneusafe-console-display > span { font-size: .75rem; font-weight: 850; line-height: 1.15; letter-spacing: .08em; text-transform: uppercase; }
.pneusafe-console-display > b { align-self: center; color: #9cf0c7; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 1.35rem; font-weight: 750; letter-spacing: .12em; text-align: center; text-shadow: 0 0 10px rgba(156,240,199,.35); white-space: nowrap; }
.pneusafe-console-display > i { position: relative; display: block; height: 5px; background: linear-gradient(90deg, #9cf0c7 0 72%, #315c67 72%); border-radius: 999px; }
.pneusafe-console-display > i::after { content: ''; position: absolute; top: -3px; right: 0; width: 11px; height: 11px; background: #9ee8ff; border: 2px solid #0b2732; border-radius: 50%; }
.pneusafe-console-controls { display: flex; justify-content: center; gap: .7rem; margin-top: .55rem; }
.pneusafe-console-controls i { width: 13px; height: 13px; background: #d8aa55; border: 2px solid #7d8f97; border-radius: 50%; box-shadow: inset 0 0 0 2px #f4d38e; }
.pneusafe-console-controls i:nth-child(2) { background: #7dc9af; box-shadow: inset 0 0 0 2px #b8ead7; }
.pneusafe-console-controls i:nth-child(3) { background: #d16a5e; box-shadow: inset 0 0 0 2px #efaaa2; }
.pneusafe-remote-console strong, .pneusafe-nitrogen strong, .pneusafe-hvac-system strong { display: block; margin-top: .55rem; font-size: var(--type-copy-card); line-height: 1.3; }
.pneusafe-boundary { position: relative; z-index: 2; grid-column: 2; grid-row: 1; background: #173441; }
.pneusafe-boundary::before { content: ''; position: absolute; top: 0; bottom: 0; left: 50%; width: 20px; background: repeating-linear-gradient(135deg, #ffcf70 0 10px, #253541 10px 20px); border-right: 2px solid #f7d68f; border-left: 2px solid #f7d68f; transform: translateX(-50%); }
.pneusafe-boundary > span { position: absolute; z-index: 2; top: 1rem; left: 50%; width: max-content; padding: .3rem .5rem; color: #202d35; background: #ffcf70; border-radius: .3rem; font-size: .75rem; font-weight: 850; transform: translateX(-50%); }
.pneusafe-test-assembly { position: relative; display: grid; grid-template-columns: 44px minmax(24px, 1fr) minmax(112px, 1.7fr); gap: 0; align-items: start; width: min(100%, 320px); padding: 1.85rem .6rem 1rem; color: #e6edf0; background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.1); border-radius: .8rem; text-align: center; }
.pneusafe-nitrogen, .pneusafe-hvac-system { position: relative; z-index: 2; display: grid; justify-items: center; min-width: 0; }
.pneusafe-hvac-system { justify-items: start; }
.pneusafe-hvac-system strong { width: 122px; text-align: center; }
.pneusafe-nitrogen > span { position: relative; width: 38px; height: 94px; background: linear-gradient(90deg, #8da1a8, #d7e0e3 45%, #789098); border: 3px solid #dce5e7; border-radius: 18px 18px 10px 10px; box-shadow: inset -8px 0 rgba(22,49,60,.24); }
.pneusafe-nitrogen > span::before { content: ''; position: absolute; top: -14px; left: 50%; box-sizing: border-box; width: 18px; height: 14px; background: #708a94; border: 3px solid #dce5e7; border-radius: 3px 3px 0 0; transform: translateX(-50%); }
.pneusafe-nitrogen > span::after { content: 'N₂'; position: absolute; top: 36px; left: 50%; color: #173441; font-size: .8rem; font-weight: 900; transform: translateX(-50%); }
.pneusafe-nitrogen > span > i { position: absolute; z-index: 2; top: 18px; right: -11px; width: 13px; height: 8px; background: #f1ae67; border: 2px solid #5b4b3c; border-radius: 2px; }
.pneusafe-gas-path { position: relative; z-index: 1; display: block; align-self: start; width: calc(100% + 10px); height: 10px; margin: 21px -5px 0; border-top: 3px dashed #f1ae67; border-bottom: 3px dashed #f1ae67; }
.pneusafe-gas-path::after { content: ''; position: absolute; top: -6px; right: -2px; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-left: 9px solid #f1ae67; }
.pneusafe-hvac-unit { position: relative; display: block; width: 122px; height: 92px; overflow: hidden; background: #213b47; border: 3px solid #91a7af; border-radius: .5rem; box-shadow: inset 0 0 0 3px rgba(255,255,255,.04); }
.pneusafe-hvac-unit::before { content: ''; position: absolute; z-index: 0; inset: 9px 8px 10px; border: 4px solid #d99a60; border-radius: 12px; }
.pneusafe-hvac-unit::after { content: ''; position: absolute; z-index: 3; top: 18px; left: -3px; width: 16px; height: 8px; background: #d99a60; border-radius: 0 4px 4px 0; }
.pneusafe-hvac-coil { position: absolute; z-index: 2; top: 16px; width: 31px; height: 27px; background: repeating-linear-gradient(90deg, #19303a 0 4px, #d99a60 4px 7px); border: 2px solid #e8b785; border-radius: 3px; }
.pneusafe-hvac-coil--one { left: 15px; }.pneusafe-hvac-coil--two { right: 15px; }
.pneusafe-hvac-compressor { position: absolute; z-index: 2; bottom: 11px; left: 50%; width: 28px; height: 31px; background: linear-gradient(90deg, #536d78, #9bb0b7 52%, #465f69); border: 3px solid #d99a60; border-radius: 13px 13px 7px 7px; transform: translateX(-50%); }
.pneusafe-wired-link { position: relative; z-index: 4; display: block; grid-column: 1 / -1; grid-row: 2; min-width: 0; }
.pneusafe-wired-link i { position: absolute; top: -33px; right: 25%; bottom: 34px; left: 18.7%; border-right: 3px solid #9ee8ff; border-bottom: 3px solid #9ee8ff; border-left: 3px solid #9ee8ff; border-radius: 0 0 16px 16px; }
.pneusafe-wired-link i::before, .pneusafe-wired-link i::after { content: ''; position: absolute; top: -1px; border-right: 6px solid transparent; border-bottom: 10px solid #9ee8ff; border-left: 6px solid transparent; }
.pneusafe-wired-link i::before { left: -7px; }.pneusafe-wired-link i::after { right: -7px; }
.pneusafe-wired-link b { position: absolute; bottom: 5px; left: 50%; width: max-content; max-width: calc(100% - 1rem); padding: .2rem .45rem; color: #dcebf0; background: #173441; border-radius: .3rem; font-size: .75rem; line-height: 1.3; text-align: center; transform: translateX(-50%); }

/* Responsibility: case-study pages */
.case-page { background: var(--white); }
.case-hero { padding: clamp(2.2rem, 5vw, 4.5rem) clamp(1.25rem, 6vw, 5rem) clamp(4rem, 8vw, 7rem); background: linear-gradient(135deg, #f0f3ff, #f8fbf9 60%, #fff4e3); }
.case-hero--autoscrapper { background: linear-gradient(135deg, #f0edff, #f8f6ff 55%, #ecf8f2); }
.case-hero__inner { max-width: var(--max); margin: auto; }
.breadcrumb { display: flex; gap: .55rem; align-items: center; margin-bottom: clamp(2.25rem, 4.5vw, 3.75rem); color: #657387; font-size: .74rem; }
.breadcrumb a { color: var(--blue); font-weight: 750; }
.case-hero__grid { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(300px, .65fr); gap: clamp(3rem, 7vw, 7rem); align-items: start; }
.case-hero__logo { width: 145px; height: auto; margin-bottom: 2rem; }
.case-hero h1 { max-width: 860px; font-size: var(--type-display-case); line-height: 1.08; }
.case-hero__lead { max-width: 760px; margin: 1.5rem 0 0; color: var(--ink-soft); font-size: clamp(1rem, 1.5vw, 1.2rem); }
.case-facts { padding: 1.2rem; background: rgba(255,255,255,.75); border: 1px solid rgba(41,68,173,.13); border-radius: var(--radius-md); box-shadow: 0 18px 45px rgba(16,27,45,.07); }
.case-facts p { display: grid; grid-template-columns: 95px 1fr; gap: .8rem; margin: 0; padding: .85rem 0; border-bottom: 1px solid var(--line); font-size: var(--type-caption); }.case-facts p:last-child { border-bottom: 0; }.case-facts strong { color: var(--blue); }.case-facts span { color: #526176; }
.case-hero__proofs { display: grid; grid-template-columns: repeat(3, 1fr); gap: .75rem; margin-top: 3rem; }.case-hero__proofs p { margin: 0; padding: 1rem; background: rgba(255,255,255,.65); border: 1px solid rgba(16,27,45,.1); border-radius: .75rem; }.case-hero__proofs strong, .case-hero__proofs span { display: block; }.case-hero__proofs strong { color: var(--blue); font-size: 1rem; }.case-hero__proofs span { margin-top: .25rem; color: #617086; font-size: var(--type-copy-small); line-height: 1.5; }
.case-section { padding: clamp(4rem, 6.5vw, 6.5rem) clamp(1.25rem, 6vw, 5rem); }
.case-section > * { max-width: var(--max); margin-right: auto; margin-left: auto; }
.case-section--tint { background: #f1f4fa; }
.case-section--dark { color: var(--white); background: var(--dark); }
.case-section__heading { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(260px, .55fr); column-gap: clamp(2rem, 7vw, 7rem); row-gap: 1rem; align-items: start; margin-bottom: clamp(2.25rem, 4vw, 3.25rem); }
.case-section__heading .eyebrow { grid-column: 1 / -1; margin-bottom: 0; }
.case-section__heading h2 { margin-bottom: 0; }
.case-section__heading > p:not(.eyebrow) { margin: 0; color: var(--ink-soft); font-size: .96rem; }
.case-section--dark .case-section__heading .eyebrow { color: #91a4ff; }.case-section--dark .case-section__heading > p { color: #b7c1cf; }
.ehly-product-showcase { display: grid; grid-template-columns: minmax(280px, .72fr) minmax(0, 1.28fr); gap: 1.2rem; align-items: stretch; }
.embed-preview, .chatlog-preview, .source-workspace, .management-preview { min-width: 0; margin: 0; }
.ehly-product-showcase > *, .knowledge-grid > *, .management-grid > *, .product-shell, .channel-stack, .management-preview__body > div { min-width: 0; }
.embed-preview > figcaption, .chatlog-preview > figcaption, .source-workspace > figcaption, .management-preview > figcaption { margin-bottom: .75rem; color: #475569; font-size: var(--type-caption); font-weight: 750; line-height: 1.4; }
.embed-preview { position: relative; padding: 1rem; background: #e9edff; border-radius: var(--radius-md); }
.embed-preview__panel { display: flex; min-height: 480px; overflow: hidden; flex-direction: column; background: #f8f8f8; border: 1px solid #d9dde5; border-radius: 14px; box-shadow: var(--shadow); }
.embed-preview__panel > header { display: grid; grid-template-columns: 34px 1fr auto; gap: .6rem; align-items: center; min-height: 52px; padding: .35rem .65rem; color: var(--white); background: var(--blue); }.embed-preview__panel > header img { width: 30px; height: 30px; padding: 2px; background: var(--white); border-radius: 50%; }.embed-preview__panel > header strong { font-size: .8rem; }.embed-preview__panel > header span { font-size: 1.2rem; }
.embed-preview__messages { display: flex; flex: 1; flex-direction: column; gap: .55rem; padding: .8rem; }.message { max-width: 86%; margin: 0; padding: .65rem .75rem; font-size: .75rem; line-height: 1.45; border-radius: 11px; }.message--assistant { align-self: flex-start; background: var(--white); border-bottom-left-radius: 4px; }.message--user { align-self: flex-end; background: rgba(96,125,189,.15); border-bottom-right-radius: 4px; }
.embed-preview__composer { display: flex; justify-content: space-between; margin: .35rem; padding: .65rem .75rem; color: #526176; background: var(--white); border: 1px solid #cfd4dc; border-radius: .6rem; font-size: .68rem; }.embed-preview__composer b { color: var(--blue); }
.embed-preview__launcher { position: absolute; right: -.25rem; bottom: -.25rem; display: grid; place-items: center; width: 58px; height: 58px; color: var(--white); background: var(--blue); border: 4px solid #e9edff; border-radius: 50%; box-shadow: 0 10px 25px rgba(41,68,173,.25); }
.product-shell { overflow: hidden; background: #fafafa; border: 1px solid #d8deea; border-radius: var(--radius-md); box-shadow: 0 16px 42px rgba(16,27,45,.1); }
.product-shell__bar { display: grid; grid-template-columns: 80px 1fr auto; gap: .8rem; align-items: center; min-height: 56px; padding: 0 1rem; background: var(--white); border-bottom: 1px solid #e5e7eb; }.product-shell__bar img { width: 76px; height: auto; }.product-shell__bar strong { font-size: .8rem; text-align: center; }.product-shell__bar > span { color: var(--blue); font-size: .65rem; font-weight: 750; }
.chatlog-preview__body { display: grid; grid-template-columns: 190px 1fr; min-height: 495px; }.chatlog-list { margin: 0; padding: .7rem; background: #f1f3f7; border-right: 1px solid #e1e5eb; list-style: none; }.chatlog-list li { margin-bottom: .45rem; padding: .75rem; background: var(--white); border: 1px solid #e5e8ed; border-radius: .55rem; }.chatlog-list li.is-active { border-color: #91a4ff; box-shadow: 0 3px 9px rgba(41,68,173,.08); }.chatlog-list strong, .chatlog-list small { display: block; }.chatlog-list strong { font-size: .7rem; }.chatlog-list small { margin-top: .25rem; color: #526176; font-size: .65rem; }
.chatlog-thread { display: flex; flex-direction: column; gap: .75rem; padding: 1rem; }.chatlog-thread > div:not(.human-reply-panel) { max-width: 78%; padding: .75rem; background: var(--white); border: 1px solid #e5e8ed; border-radius: .65rem; }.chatlog-thread > div.is-assistant { align-self: flex-end; background: var(--blue-light); }.chatlog-thread span { color: #475569; font-size: .65rem; font-weight: 750; text-transform: uppercase; }.chatlog-thread p { margin: .25rem 0 0; color: #425168; font-size: .75rem; }.reply-badge { display: inline-block !important; width: fit-content; margin-bottom: .35rem; padding: .18rem .34rem; color: #057348 !important; background: var(--green-light); border-radius: 999px; font-size: .48rem !important; }.reply-badge--manual { color: var(--blue) !important; background: var(--blue-light); }.human-reply-panel { margin-top: auto; padding: .7rem; background: #f4f6f9; border: 1px solid #dce1e8; border-radius: .6rem; }.human-reply-panel > p { display: flex; justify-content: space-between; align-items: center; margin: 0 0 .55rem; }.human-reply-panel > p strong { font-size: .66rem; }.mock-select { padding: .3rem .5rem; color: var(--blue) !important; background: var(--white); border: 1px solid #cfd5df; border-radius: .35rem; text-transform: none !important; }.human-reply-composer { display: grid; grid-template-columns: 1fr auto auto; gap: .35rem; align-items: center; min-height: 42px; padding: .35rem .4rem .35rem .65rem; color: #6b7789; background: var(--white); border: 1px solid #cfd5df; border-radius: .45rem; }.human-reply-composer > span { text-transform: none; }.human-reply-composer button { display: grid; place-items: center; width: 30px; height: 30px; padding: 0; color: var(--blue); background: var(--blue-light); border: 0; border-radius: 50%; opacity: 1; }
.knowledge-grid, .management-grid { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(280px, .8fr); gap: 1.5rem; align-items: stretch; }
.source-workspace__content { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(170px, .75fr); gap: 1rem; min-height: 330px; padding: 1rem; }.source-tabs { display: flex; gap: .3rem; padding: .6rem 1rem; background: #f2f4f7; border-bottom: 1px solid #e1e5eb; }.source-tabs span { padding: .45rem .7rem; color: #475569; border-radius: .45rem; font-size: var(--type-ui); font-weight: 700; }.source-tabs span.is-active { color: var(--blue); background: var(--white); box-shadow: 0 2px 7px rgba(16,27,45,.08); }.status-pill { width: fit-content; padding: .28rem .45rem; color: #057348 !important; background: var(--green-light); border-radius: 999px; font-size: .65rem !important; font-weight: 800; }
.source-inputs { display: grid; grid-template-columns: 1fr 1fr; gap: .65rem; }.upload-panel, .website-panel { display: flex; min-width: 0; align-items: center; justify-content: center; flex-direction: column; padding: 1rem; border: 1px dashed #9ba8bc; border-radius: .7rem; text-align: center; }.upload-panel > span:first-child, .website-panel > span:first-child { display: grid; place-items: center; width: 38px; height: 38px; color: var(--blue); background: var(--blue-light); border-radius: 50%; font-size: 1rem; }.upload-panel strong, .website-panel strong { margin-top: .6rem; font-size: .7rem; }.upload-panel small, .website-panel small { margin-top: .25rem; color: #526176; font-size: .65rem; line-height: 1.4; }.mock-input { width: 100%; margin-top: .7rem; overflow: hidden; padding: .4rem .5rem; color: #657387; background: var(--white); border: 1px solid #d8dde6; border-radius: .35rem; font-size: .65rem; text-align: left; text-overflow: ellipsis; white-space: nowrap; }.mock-button { display: inline-block; width: fit-content; margin-top: .7rem; padding: .42rem .6rem; color: var(--white); background: #078653; border-radius: .4rem; font-size: .65rem; font-weight: 700; }.source-library > strong { display: block; margin-bottom: .55rem; color: #526176; font-size: .65rem; text-transform: uppercase; }.source-library ul { margin: 0; padding: 0; list-style: none; }.source-library li { display: flex; gap: .6rem; align-items: center; margin-bottom: .45rem; padding: .7rem; background: var(--white); border: 1px solid #e1e5eb; border-radius: .55rem; }.source-library li > span { color: var(--blue); }.source-library li p { margin: 0; line-height: 1.2; }.source-library li strong, .source-library li small { display: block; font-size: var(--type-ui); }.source-library li small { margin-top: .2rem; color: #078653; font-size: .65rem; }.mock-button--train { margin-top: .25rem; background: var(--blue); }
.knowledge-steps { display: grid; gap: .7rem; margin: 1.85rem 0 0; padding: 0; list-style: none; }.knowledge-steps li { display: grid; grid-template-columns: 38px 1fr; gap: .8rem; padding: 1rem; background: var(--white); border: 1px solid var(--line); border-radius: .7rem; }.knowledge-steps > li > span { display: grid; place-items: center; width: 36px; height: 36px; color: var(--blue); background: var(--blue-light); border-radius: 50%; font-size: .58rem; font-weight: 800; }.knowledge-steps strong { font-size: .78rem; }.knowledge-steps p { margin: .25rem 0 0; color: #617086; font-size: var(--type-copy-small); }
.management-preview__body { display: grid; grid-template-columns: 150px 1fr; min-height: 410px; }.management-preview__body > aside { display: flex; flex-direction: column; gap: .3rem; padding: .8rem; background: #f0f2f6; border-right: 1px solid #e1e5eb; }.management-preview__body > aside strong { margin-bottom: .5rem; color: #526176; font-size: .65rem; text-transform: uppercase; }.management-preview__body > aside span { padding: .55rem; color: #526176; border-radius: .4rem; font-size: .65rem; }.management-preview__body > aside span.is-active { color: var(--blue); background: var(--white); }.management-preview__body > div > header { display: flex; justify-content: space-between; align-items: center; padding: .8rem 1rem; }.management-preview__body h3 { margin: 0; font-size: .85rem; }.management-preview__body > div > nav { display: flex; gap: .3rem; overflow-x: auto; padding: 0 .8rem .55rem; border-bottom: 1px solid #e1e5eb; }.management-preview__body > div > nav span { flex: 0 0 auto; padding: .38rem .5rem; color: #667488; font-size: .65rem; }.management-preview__body > div > nav span.is-active { color: var(--blue); border-bottom: 2px solid var(--blue); }.management-preview__empty { display: grid; justify-items: center; padding: 4rem 1rem; text-align: center; }.management-preview__empty img { width: 45px; height: 45px; }.management-preview__empty strong { margin-top: .65rem; font-size: .75rem; }.management-preview__empty small { margin-top: .3rem; color: #526176; font-size: .65rem; }
.channel-stack { display: grid; gap: 1rem; align-content: center; }.channel-stack article { display: grid; grid-template-columns: 56px 1fr; gap: .9rem; align-items: center; padding: 1.2rem; background: #f8f9fc; border: 1px solid var(--line); border-radius: .8rem; }.channel-stack article > img { justify-self: center; width: 32px; height: 32px; }.channel-stack h3 { margin: 0; font-size: 1rem; line-height: 1.2; }.channel-stack p { margin: .35rem 0 0; color: #617086; font-size: var(--type-copy-card); }
.system-examples--case { max-width: var(--max); }.system-examples--case .system-card { grid-column: span 2; min-height: 300px; }.system-examples--case .system-card:nth-child(n+4) { grid-column: span 3; }.system-card h3 { margin: 1.05rem 0 .55rem; color: var(--ink); font-size: var(--type-card); line-height: 1.2; letter-spacing: -.025em; }.case-section--dark .system-card > p, .case-section--dark .system-card li { color: #526176; }
.ownership-grid { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: clamp(2rem, 7vw, 7rem); }.ownership-grid .case-section__heading { display: block; margin: 0; }.ownership-grid .case-section__heading .eyebrow { margin-bottom: 1.15rem; }.ownership-grid .case-section__heading p:last-child { margin-top: 1.2rem; }
.ownership-details { display: grid; gap: .75rem; }.ownership-details article { padding: 1.2rem; background: #f5f7fb; border: 1px solid var(--line); border-radius: .75rem; }.ownership-details h3 { margin: 0; font-size: 1rem; line-height: 1.2; }.ownership-details p { margin: .35rem 0 0; color: #617086; font-size: var(--type-copy-card); }.psg-note { margin-top: 2rem; padding: 1.2rem; background: var(--blue-light); border-left: 4px solid var(--blue); border-radius: .4rem; }.psg-note > p:nth-child(2) { margin: 0; color: #43516a; font-size: .76rem; }.psg-note .text-link { margin-top: .8rem; }.case-next { display: flex; justify-content: space-between; gap: 1rem; margin-top: 3rem; padding-top: 1.5rem; border-top: 1px solid var(--line); }.case-next a { color: var(--blue); font-size: .8rem; font-weight: 750; }
.autoscrapper-brand-lockup { margin-bottom: 2rem; }
.autoscrapper-wordmark--hero { font-size: 2.1rem; }

/* Responsibility: original Autoscrapper product destination */
.catalogue-hero-art { position: relative; min-height: 520px; margin: 0; overflow: hidden; color: var(--white); background: radial-gradient(circle at 72% 23%, rgba(129,105,214,.48), transparent 30%), linear-gradient(145deg, #171827, #302a43); border-radius: var(--radius-md); box-shadow: var(--shadow); }
.catalogue-hero-art::before { content: ''; position: absolute; inset: 0; background: linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px); background-size: 30px 30px; mask-image: linear-gradient(to bottom, #000, transparent 75%); }
.hero-data-rain { position: absolute; z-index: 1; top: 9%; left: 8%; display: grid; gap: .55rem; transform: rotate(-8deg); }.hero-data-rain i { width: 42px; height: 7px; background: rgba(255,204,117,.72); border-radius: 999px; box-shadow: 15px 14px rgba(169,156,255,.6), 34px 28px rgba(156,240,199,.58); }.hero-data-rain i:nth-child(2) { width: 25px; transform: translateX(12px); }.hero-data-rain i:nth-child(3) { width: 54px; }.hero-data-rain i:nth-child(4) { width: 30px; transform: translateX(24px); }.hero-data-rain i:nth-child(5) { width: 46px; }
.synthetic-fashion-phone { position: absolute; z-index: 4; top: 7%; right: 8%; width: 58%; max-width: 300px; height: 455px; padding: .8rem .75rem 1.1rem; overflow: hidden; color: #202637; background: #fbf9ff; border: 6px solid #10131d; border-radius: 2rem 2rem 1.25rem 1.25rem; box-shadow: 0 30px 55px rgba(0,0,0,.42); transform: rotate(3deg); }
.synthetic-fashion-phone::before { content: ''; position: absolute; top: .38rem; left: 50%; width: 52px; height: 5px; background: #242634; border-radius: 99px; transform: translateX(-50%); }
.synthetic-fashion-phone > header { display: flex; align-items: baseline; margin-top: .35rem; padding: .7rem .2rem .6rem; border-bottom: 1px solid #e1ddec; }.synthetic-fashion-phone > header span { color: #523f99; font-size: .84rem; font-weight: 900; }
.synthetic-fashion-phone__title { display: flex; justify-content: space-between; align-items: baseline; padding: .8rem .1rem .55rem; }.synthetic-fashion-phone__title strong { font-size: .86rem; }.synthetic-fashion-phone__title span { color: #6c7282; font-size: .65rem; }
.synthetic-outfit { display: grid; grid-template-columns: 43% 1fr; gap: .6rem; align-items: center; padding: .55rem; background: linear-gradient(135deg, #eae5fb, #f4f1fc); border-radius: .8rem; }.synthetic-outfit > svg { width: 100%; height: 132px; color: #6652ad; }.synthetic-outfit span, .synthetic-outfit b, .synthetic-outfit small { display: block; }.synthetic-outfit span { color: #6857a6; font-size: .62rem; font-weight: 800; text-transform: uppercase; }.synthetic-outfit b { margin-top: .35rem; font-size: .76rem; }.synthetic-outfit small { margin-top: .35rem; color: #687083; font-size: .65rem; line-height: 1.4; }
.synthetic-wardrobe-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: .4rem; margin-top: .55rem; }.synthetic-wardrobe-grid span { display: grid; place-items: center; height: 88px; background: #f0eef7; border: 1px solid #e0ddeb; border-radius: .55rem; }.synthetic-wardrobe-grid svg { width: 78%; height: 75px; color: #7c6cb5; }.synthetic-wardrobe-grid span:nth-child(2) svg { color: #b58d7b; }.synthetic-wardrobe-grid span:nth-child(3) svg { color: #657d75; }
.synthetic-phone-nav { position: absolute; right: .85rem; bottom: .75rem; left: .85rem; display: flex; justify-content: space-around; }.synthetic-phone-nav i { width: 18px; height: 4px; background: #d3cedf; border-radius: 99px; }.synthetic-phone-nav i.is-active { background: #6652ad; }
.floating-product { position: absolute; z-index: 5; display: grid; color: #2e3444; background: #fffdf8; border: 1px solid rgba(255,255,255,.75); border-radius: .75rem; box-shadow: 0 18px 36px rgba(0,0,0,.32); }.floating-product svg { color: #7b69bd; }.floating-product--variants { top: 20%; left: 6%; width: 118px; padding: .55rem; transform: rotate(-5deg); }.floating-product--variants svg { width: 100%; height: 96px; }.floating-product--variants b { padding: .35rem; color: #523f99; background: #ece8fb; border-radius: .35rem; font-size: .62rem; text-align: center; white-space: nowrap; }.floating-product--variants > span { display: flex; justify-content: center; gap: .3rem; margin-top: .4rem; }.floating-product--variants i { width: 10px; height: 10px; background: #3c4350; border: 2px solid #fffdf8; border-radius: 50%; box-shadow: 0 0 0 1px rgba(16,27,45,.12); }.floating-product--variants i:nth-child(2) { background: #ad8775; }.floating-product--variants i:nth-child(3) { background: #71877e; }
.floating-product--ready { bottom: 19%; left: 13%; width: 105px; padding: .55rem; transform: rotate(6deg); }.floating-product--ready svg { width: 100%; height: 92px; color: #79948a; }.floating-product--ready b { padding: .35rem; color: #057348; background: var(--green-light); border-radius: .35rem; font-size: .65rem; text-align: center; }
.hero-catalogue-badges { position: absolute; z-index: 6; right: 2%; bottom: 10%; display: grid; gap: .4rem; }.hero-catalogue-badges span { width: fit-content; padding: .38rem .55rem; color: #262c39; background: #9cf0c7; border-radius: 999px; box-shadow: 0 8px 18px rgba(0,0,0,.2); font-size: .64rem; font-weight: 850; }.hero-catalogue-badges span:nth-child(2) { background: #d6d0ff; }.hero-catalogue-badges span:nth-child(3) { background: #ffcc75; }

/* Responsibility: Autoscrapper editorial catalogue story */
.catalogue-growth-layout { display: grid; gap: 1.25rem; }
.catalogue-refinery, .growth-landscape, .product-intelligence, .model-production, .operations-console, .tooling-workspace { min-width: 0; margin: 0; border-radius: var(--radius-md); }
.catalogue-refinery, .product-intelligence, .operations-console { padding: 1.4rem; overflow: hidden; color: var(--white); background: radial-gradient(circle at 72% 12%, rgba(114,87,199,.34), transparent 31%), linear-gradient(145deg, #171827, #28253b); }
.catalogue-refinery > figcaption, .growth-landscape > figcaption, .product-intelligence > figcaption, .operations-console > figcaption, .tooling-workspace > figcaption { margin-bottom: 1.2rem; font-size: var(--type-caption); font-weight: 750; line-height: 1.4; }
.catalogue-refinery > figcaption, .product-intelligence > figcaption, .operations-console > figcaption, .tooling-workspace > figcaption { color: #d9d4ed; }
.catalogue-refinery__scene { position: relative; display: grid; grid-template-columns: minmax(240px, 1fr) minmax(145px, .53fr) minmax(310px, 1.12fr); gap: clamp(1.3rem, 3vw, 2.5rem); align-items: center; min-height: 430px; }
.catalogue-refinery__scene::before, .catalogue-refinery__scene::after { content: ''; position: absolute; top: 50%; z-index: 0; height: 2px; background: linear-gradient(90deg, #ffcc75, #a99cff, #9cf0c7); transform: translateY(-50%); }.catalogue-refinery__scene::before { left: 28%; width: 18%; }.catalogue-refinery__scene::after { right: 31%; width: 17%; }
.raw-source-collage { position: relative; z-index: 1; height: 380px; }.raw-source-collage > .visual-kicker { position: absolute; top: 0; left: .3rem; color: #d4cede; }
.raw-browser-card, .raw-feed-card, .raw-contact-sheet, .raw-variant-chips { position: absolute; color: #343a4a; background: #fffdf8; border: 1px solid rgba(255,255,255,.7); border-radius: .7rem; box-shadow: 0 18px 35px rgba(0,0,0,.3); }
.raw-browser-card { z-index: 3; top: 40px; left: 0; display: grid; grid-template-columns: 42% 1fr; gap: .35rem; width: 76%; padding: 1.7rem .6rem .6rem; transform: rotate(-5deg); }.raw-browser-card header { position: absolute; top: 0; right: 0; left: 0; display: flex; gap: .25rem; padding: .42rem; background: #eef0f3; }.raw-browser-card header i { width: 7px; height: 7px; background: #e17768; border-radius: 50%; }.raw-browser-card header i:nth-child(2) { background: #e8b65f; }.raw-browser-card header i:nth-child(3) { background: #58bd8c; }.raw-browser-card svg { grid-row: 1 / 4; width: 100%; height: 108px; color: #ae9182; background: #ede5dc; border-radius: .42rem; }.raw-browser-card b { font-size: .7rem; }.raw-browser-card .weak-field { width: 72%; height: 7px; background: #d8dce3; border-radius: 999px; }.raw-browser-card small { align-self: end; width: fit-content; padding: .24rem .35rem; color: #8b570d; background: #fff0cd; border-radius: .3rem; font-size: .63rem; font-weight: 750; }
.raw-feed-card { z-index: 4; top: 132px; right: 0; display: grid; gap: .5rem; width: 68%; padding: .65rem; transform: rotate(5deg); }.raw-feed-card > b { color: var(--violet); font-size: .65rem; letter-spacing: .1em; }.raw-feed-card > span { display: grid; grid-template-columns: 1fr .65fr 1fr; gap: .3rem; }.raw-feed-card > span:nth-child(3) { grid-template-columns: 1.2fr .6fr; }.raw-feed-card i { height: 7px; background: #ced3db; border-radius: 99px; }
.raw-contact-sheet { z-index: 2; bottom: 18px; left: 4%; display: grid; grid-template-columns: repeat(3, 1fr); gap: .35rem; width: 75%; padding: .55rem; transform: rotate(-2deg); }.raw-contact-sheet span { display: grid; place-items: center; height: 75px; overflow: hidden; background: #ece8e3; border-radius: .35rem; }.raw-contact-sheet svg { width: 82%; height: 70px; color: #8b7a73; }.raw-contact-sheet span:nth-child(2) svg { color: #6c5aa8; }.raw-contact-sheet span:nth-child(3) svg { color: #778980; }
.raw-variant-chips { z-index: 5; right: 4%; bottom: 6px; display: flex; flex-wrap: wrap; gap: .25rem; width: 58%; padding: .45rem; transform: rotate(4deg); }.raw-variant-chips span { padding: .25rem .32rem; color: #7d510b; background: #fff0cd; border-radius: .3rem; font-size: .63rem; }
.refinery-engine { position: relative; z-index: 2; display: grid; place-items: center; min-height: 250px; padding: 1.2rem .8rem; overflow: hidden; background: linear-gradient(155deg, #484274, #242238); border: 1px solid rgba(169,156,255,.55); border-radius: 1rem; box-shadow: inset 0 0 0 8px rgba(255,255,255,.025), 0 22px 40px rgba(0,0,0,.3); text-align: center; }
.refinery-engine::before { content: ''; position: absolute; inset: 11%; border: 1px dashed rgba(156,240,199,.38); border-radius: .65rem; }
.refinery-plates { position: absolute; top: 18%; display: grid; gap: .25rem; width: 55%; }.refinery-plates i { height: 5px; background: rgba(255,255,255,.16); border-radius: 99px; }.refinery-plates i:nth-child(2) { width: 75%; justify-self: center; background: rgba(156,240,199,.35); }.refinery-plates i:nth-child(3) { width: 45%; justify-self: center; }
.refinery-engine strong, .refinery-engine small { position: relative; z-index: 1; display: block; }.refinery-engine strong { font-size: .85rem; }.refinery-engine small { max-width: 105px; margin-top: .7rem; color: #d3cede; font-size: .68rem; line-height: 1.45; }
.refinery-port { position: absolute; top: 50%; width: 11px; height: 48px; background: #ffcc75; border-radius: 5px; transform: translateY(-50%); }.refinery-port--in { left: -2px; }.refinery-port--out { right: -2px; background: #9cf0c7; }
.refinery-pulse { position: absolute; bottom: 17%; display: flex; gap: .35rem; }.refinery-pulse i { width: 6px; height: 6px; background: #ffcc75; border-radius: 50%; box-shadow: 0 0 12px currentColor; }.refinery-pulse i:nth-child(2) { background: #a99cff; }.refinery-pulse i:nth-child(3) { background: #9cf0c7; }
.structured-product-record { position: relative; z-index: 1; display: grid; grid-template-columns: 46% 1fr; gap: .85rem; min-height: 330px; padding: 2.6rem 1rem 1rem; color: #303748; background: #fffdf8; border: 1px solid rgba(255,255,255,.72); border-radius: 1rem; box-shadow: 0 22px 42px rgba(0,0,0,.3); }.structured-product-record > .visual-kicker { position: absolute; top: 1rem; left: 1rem; color: var(--violet); }
.structured-product-record__image { position: relative; display: grid; place-items: center; min-height: 220px; background: linear-gradient(145deg, #e8e3f6, #f5f1fa); border-radius: .75rem; }.structured-product-record__image svg { width: 88%; height: 205px; color: #6d59b1; }.structured-product-record__image > span { position: absolute; right: .5rem; bottom: .5rem; padding: .3rem .42rem; color: #057348; background: #d9f7e8; border-radius: 999px; font-size: .65rem; font-weight: 850; }
.structured-product-record__copy { align-self: center; min-width: 0; }.structured-product-record__copy > b, .structured-product-record__copy > small { display: block; }.structured-product-record__copy > b { font-size: .84rem; }.structured-product-record__copy > small { margin-top: .35rem; color: #667083; font-size: .66rem; }
.record-swatches { display: flex; gap: .35rem; margin-top: .8rem; }.record-swatches i { width: 15px; height: 15px; background: #2f3744; border: 2px solid #fff; border-radius: 50%; box-shadow: 0 0 0 1px #d5d8df; }.record-swatches i:nth-child(2) { background: #a98370; }.record-swatches i:nth-child(3) { background: #71877e; }.record-swatches i:nth-child(4) { background: #d1b8a4; }
.record-sizes { display: flex; flex-wrap: wrap; gap: .3rem; margin-top: .7rem; }.record-sizes span { display: grid; place-items: center; min-width: 27px; height: 25px; color: #4e596b; background: #f0f2f6; border-radius: .3rem; font-size: .62rem; font-weight: 750; }.structured-product-record__copy p { display: flex; flex-wrap: wrap; gap: .35rem; margin: .8rem 0 0; }.structured-product-record__copy p span { padding: .3rem .4rem; color: #4d3d91; background: #eeeaff; border-radius: .3rem; font-size: .62rem; }
.record-destination { position: absolute; right: 1rem; bottom: -1.1rem; display: grid; grid-template-columns: 36px 1fr; gap: .4rem; align-items: center; width: 148px; padding: .55rem; color: #fff; background: #25233a; border: 3px solid #171827; border-radius: .75rem; box-shadow: 0 12px 25px rgba(0,0,0,.32); transform: rotate(2deg); }.record-destination > span { grid-column: 1 / -1; color: #cfc8f5; font-size: .65rem; font-weight: 850; }.record-destination > div { display: grid; place-items: center; height: 46px; background: #ece8f8; border-radius: .35rem; }.record-destination svg { width: 34px; height: 43px; color: #6b58ad; }.record-destination small { font-size: .59rem; line-height: 1.35; }

.growth-landscape { padding: 1.4rem; overflow: hidden; background: #f4f2fc; border: 1px solid #ded9ef; }.growth-landscape > figcaption { color: #4d3d91; }
.growth-landscape__scene { display: grid; grid-template-columns: minmax(190px, 1fr) 48px 170px 48px minmax(320px, 1.25fr); gap: 0; align-items: center; min-height: 340px; padding: 1rem; }
.catalogue-rise, .growth-phone, .reach-outcome { position: relative; z-index: 1; min-width: 0; }
.catalogue-rise > .visual-kicker, .reach-outcome > .visual-kicker, .affiliate-access > .visual-kicker { color: #4d3d91; }
.catalogue-rise > div { display: grid; grid-template-columns: repeat(3, 1fr); gap: .35rem; margin-top: .65rem; }.catalogue-rise i { display: grid; place-items: center; height: 72px; background: #fff; border: 1px solid #ded9ea; border-radius: .5rem; box-shadow: 0 7px 16px rgba(45,34,87,.07); }.catalogue-rise i:nth-child(-n+2) { opacity: .48; transform: scale(.86); }.catalogue-rise svg { width: 70%; height: 66px; color: #7562b5; }.catalogue-rise i:nth-child(2n) svg { color: #af8777; }.catalogue-rise i:nth-child(3n) svg { color: #6f877e; }
.growth-arrow { position: relative; display: block; width: 100%; height: 2px; background: linear-gradient(90deg, #a99cff, #7257c7); }
.growth-arrow::after { content: ''; position: absolute; top: -4px; right: 0; width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 8px solid #7257c7; }
.growth-phone { justify-self: center; width: 170px; min-height: 270px; padding: 1rem .7rem; color: #242a38; background: #fff; border: 5px solid #25233a; border-radius: 1.45rem; box-shadow: 0 22px 36px rgba(45,34,87,.2); text-align: center; }.growth-phone > span { color: #5b48a1; font-size: .72rem; font-weight: 900; }.growth-phone > strong { display: block; margin-top: .55rem; font-size: .78rem; line-height: 1.35; }.growth-phone > div { display: grid; grid-template-columns: 1fr 1fr; gap: .35rem; margin-top: .8rem; }.growth-phone svg { width: 100%; height: 112px; padding: .25rem; color: #6f5bb1; background: #eeeafa; border-radius: .45rem; }.growth-phone svg:last-child { color: #6f877e; }
.reach-outcome { padding: 1rem; background: rgba(255,255,255,.62); border: 1px solid #ded9ea; border-radius: .9rem; }
.reach-node-row { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .55rem; margin-top: .75rem; }
.reach-node { display: grid; justify-items: center; gap: .5rem; min-width: 0; padding: .75rem .4rem; background: #fff; border: 1px solid #ded9ea; border-radius: .65rem; box-shadow: 0 8px 18px rgba(45,34,87,.07); text-align: center; }
.reach-node > i { position: relative; display: block; width: 44px; height: 44px; background: #eeeafa; border: 1px solid #cfc6ea; border-radius: 50%; }
.reach-node > i::before { content: ''; position: absolute; top: 9px; left: 50%; width: 9px; height: 9px; background: #7257c7; border-radius: 50%; translate: -50% 0; }
.reach-node > i::after { content: ''; position: absolute; right: 9px; bottom: 8px; left: 9px; height: 15px; background: #7257c7; border-radius: 12px 12px 5px 5px; }
.reach-node--influencers > i { background: #e5f6ee; border-color: #b9dfce; }.reach-node--influencers > i::before, .reach-node--influencers > i::after { background: #16875d; }
.reach-node--brands > i { background: #fff1d8; border-color: #efd29c; }.reach-node--brands > i::before, .reach-node--brands > i::after { background: #b66d0b; }
.reach-node strong { min-width: 0; color: #303748; font-size: .88rem; line-height: 1.2; }
.affiliate-access { margin-top: .75rem; padding: .75rem; background: #f8f6fd; border: 1px solid #ded9ea; border-radius: .65rem; }.affiliate-access p { display: flex; flex-wrap: wrap; gap: .4rem; margin: .55rem 0 0; }.affiliate-access b { padding: .35rem .48rem; color: #55458e; background: #e7e2f5; border-radius: 999px; font-size: .65rem; }

/* Responsibility: product intelligence and production integration */
.product-intelligence { background: #1c1d2a; }
.product-filmstrip { display: grid; grid-template-columns: .8fr .95fr 1.2fr 1.18fr .95fr .95fr; gap: .35rem; margin: 0; padding: 0; list-style: none; }
.product-stage { position: relative; min-width: 0; min-height: 220px; padding: 2.1rem .5rem .55rem; background: rgba(255,255,255,.055); border: 1px solid rgba(255,255,255,.1); border-radius: .65rem; }.product-stage > span { position: absolute; top: .65rem; left: .65rem; color: #c9c2f4; font-size: .75rem; font-weight: 850; letter-spacing: .07em; text-transform: uppercase; }
.stage-browser { display: grid; grid-template-columns: 1fr; padding: .5rem; color: #343a49; background: #fffdf8; border-radius: .45rem; transform: rotate(-2deg); }.stage-browser::before { content: ''; height: 9px; margin: -.5rem -.5rem .35rem; background: #e8ebef; border-radius: .45rem .45rem 0 0; }.stage-browser svg { width: 100%; height: 100px; color: #9b8075; background: #ebe4dc; border-radius: .32rem; }.stage-browser b, .stage-browser small { margin-top: .35rem; font-size: .68rem; }.stage-browser small { color: #7a5a1a; }
.stage-fields { display: grid; gap: .28rem; padding: .55rem; color: #343a49; background: #fff; border-radius: .45rem; }.stage-fields i { color: #7664b7; font-size: .65rem; font-style: normal; text-transform: uppercase; }.stage-fields b { padding-bottom: .28rem; border-bottom: 1px solid #e3e5ea; font-size: .68rem; }
.stage-contact-sheet { display: grid; grid-template-columns: repeat(3, 1fr); gap: .28rem; align-content: center; height: 160px; }.stage-contact-sheet i { position: relative; display: grid; place-items: center; height: 92px; background: #ece9e4; border: 2px solid transparent; border-radius: .35rem; }.stage-contact-sheet i.is-selected { height: 145px; background: #ece8f8; border-color: #9cf0c7; box-shadow: 0 0 0 3px rgba(156,240,199,.16); }.stage-contact-sheet i.is-selected::after { content: 'SELECTED'; position: absolute; right: .2rem; bottom: .2rem; padding: .2rem; color: #104d35; background: #9cf0c7; border-radius: .2rem; font-size: .5rem; font-style: normal; font-weight: 900; }.stage-contact-sheet svg { width: 88%; height: 82px; color: #8b7770; }.stage-contact-sheet i.is-selected svg { height: 130px; color: #6b58ad; }
.stage-checker { display: grid; place-items: center; height: 160px; background-color: #f7f7f7; background-image: linear-gradient(45deg, #ddd 25%, transparent 25%), linear-gradient(-45deg, #ddd 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #ddd 75%), linear-gradient(-45deg, transparent 75%, #ddd 75%); background-position: 0 0, 0 8px, 8px -8px, -8px 0; background-size: 16px 16px; border-radius: .5rem; }.stage-checker svg { width: 85%; height: 152px; color: #6d59b1; filter: drop-shadow(0 8px 10px rgba(26,23,34,.18)); }
.stage-classification { position: relative; display: grid; place-items: center; height: 160px; }.stage-classification svg { width: 80%; height: 150px; color: #7460b6; }.stage-classification i { position: absolute; padding: .25rem .32rem; color: #241d40; background: #d6d0ff; border-radius: 999px; font-size: .64rem; font-style: normal; font-weight: 800; }.stage-classification i:nth-of-type(1) { top: 20%; right: 0; }.stage-classification i:nth-of-type(2) { bottom: 25%; left: 0; background: #9cf0c7; }.stage-classification i:nth-of-type(3) { right: 5%; bottom: 5%; background: #ffcc75; }
.stage-approved { position: relative; display: grid; justify-items: center; padding: .55rem; color: #303748; background: #fffdf8; border-radius: .5rem; }.stage-approved svg { width: 86%; height: 125px; color: #6b58ad; background: #eeeafa; border-radius: .35rem; }.stage-approved b { position: absolute; top: .3rem; right: .3rem; padding: .24rem .32rem; color: #057348; background: #d9f7e8; border-radius: 999px; font-size: .56rem; }.stage-approved small { margin-top: .35rem; color: #5f687a; font-size: .68rem; }
.image-route { display: grid; grid-template-columns: minmax(130px, 1fr) minmax(30px, .35fr) auto minmax(30px, .35fr) minmax(130px, 1fr); gap: .6rem; align-items: center; width: min(100%, 760px); margin: 1rem auto 0; padding-top: 1rem; border-top: 1px solid rgba(255,255,255,.14); }.image-route > span { display: grid; grid-template-columns: 44px 1fr; gap: .5rem; align-items: center; padding: .45rem .6rem; color: #dce0e9; background: rgba(255,255,255,.06); border-radius: .5rem; }.image-route svg { width: 44px; height: 50px; color: #a99cff; }.image-route b { font-size: .7rem; }.image-route > i { height: 1px; background: #8b80c9; }.image-route > strong { padding: .45rem .6rem; color: #18392d; background: #9cf0c7; border-radius: 999px; font-size: .7rem; text-align: center; }

.model-production { margin-top: 1.25rem; padding: 1.4rem; background: var(--white); border: 1px solid #d7ddea; }.model-production > figcaption span, .model-production > figcaption strong { display: block; }.model-production > figcaption span { color: var(--blue); font-size: .65rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }.model-production > figcaption strong { margin-top: .45rem; font-family: Manrope, Inter, ui-sans-serif, sans-serif; font-size: 1.05rem; }
.model-production__scene { position: relative; display: grid; grid-template-columns: minmax(130px,.7fr) minmax(260px,1.4fr) minmax(150px,.8fr) minmax(120px,.65fr); gap: 1rem; align-items: center; margin-top: 1.2rem; padding: 1rem; background: linear-gradient(90deg, #f4f3f9, #eef6f2); border-radius: .85rem; }.model-production__scene::before { content: ''; position: absolute; top: 50%; right: 5%; left: 5%; height: 2px; background: linear-gradient(90deg, #8b80c9, #7257c7, #18b978); }
.model-artifact, .integration-bridge, .gpu-runtime, .workflow-slot { position: relative; z-index: 1; }
.model-artifact { display: grid; justify-items: center; min-height: 145px; padding: .8rem; background: #272439; border: 1px solid #494362; border-radius: .75rem; box-shadow: 8px 8px 0 #ded9ed; }.model-artifact > span { display: grid; place-items: center; width: 45px; height: 45px; color: #fff; background: #7257c7; border-radius: .5rem; font-size: .65rem; font-weight: 900; }.model-artifact i { width: 64%; height: 5px; margin-top: .45rem; background: #625c77; border-radius: 99px; }.model-artifact i:nth-of-type(2) { width: 42%; }.model-artifact b { margin-top: .55rem; color: #d7d2e3; font-size: .63rem; text-align: center; }
.integration-bridge { min-height: 205px; padding: 1.2rem; color: #fff; background: linear-gradient(145deg, #5a4997, #322b51); border: 1px solid #8b7ac4; border-radius: 1rem; box-shadow: 0 18px 30px rgba(74,58,129,.2); }.integration-bridge::before { content: ''; position: absolute; inset: .6rem; border: 1px dashed rgba(255,255,255,.22); border-radius: .65rem; }.integration-bridge > strong { position: relative; display: block; margin-top: .65rem; font-size: .88rem; text-align: center; }.integration-bridge > div { position: relative; display: grid; grid-template-columns: 1fr 1fr; gap: .45rem; margin-top: 1.4rem; }.integration-bridge > div i { padding: .5rem; color: #f2effb; background: rgba(255,255,255,.1); border-radius: .4rem; font-size: .62rem; font-style: normal; text-align: center; }
.bridge-port { position: absolute; width: 10px; height: 30px; background: #ffcc75; border-radius: 4px; }.bridge-port--one { top: 26%; left: -5px; }.bridge-port--two { bottom: 26%; left: -5px; }.bridge-port--three { top: 26%; right: -5px; background: #9cf0c7; }.bridge-port--four { right: -5px; bottom: 26%; background: #9cf0c7; }
.gpu-runtime { display: grid; gap: .35rem; }.runtime-layer { padding: .65rem .7rem; color: #4d3d91; background: #eeeafa; border: 1px solid #d3cce9; border-radius: .45rem; box-shadow: 0 5px 12px rgba(45,34,87,.08); font-size: .64rem; font-weight: 800; text-align: center; }.runtime-layer:nth-child(2) { transform: translateX(8px); }.runtime-layer--gpu { color: #165a41; background: #dcf5e9; border-color: #b9e5d0; transform: translateX(16px); }
.workflow-slot { display: grid; justify-items: center; padding: 1rem .7rem; background: #fff; border: 1px solid #cbded4; border-radius: .75rem; box-shadow: 0 9px 20px rgba(30,74,56,.08); }.workflow-slot i { width: 46px; height: 46px; background: conic-gradient(#18b978 0 25%, #e1f8ed 25% 50%, #18b978 50% 75%, #e1f8ed 75%); border: 8px solid #edf8f2; border-radius: 50%; }.workflow-slot strong, .workflow-slot small { display: block; }.workflow-slot strong { margin-top: .6rem; font-size: .68rem; }.workflow-slot small { margin-top: .2rem; color: #617086; font-size: .6rem; }
.model-production > p { margin: 1rem 0 0; color: #526176; font-size: var(--type-copy-card); }

/* Responsibility: Autoscrapper operator workspace */
.operations-console { background: #1c1d2a; }.operator-window { overflow: hidden; color: var(--ink); background: #f7f8fa; border: 1px solid rgba(255,255,255,.1); border-radius: .85rem; box-shadow: 0 22px 42px rgba(0,0,0,.28); }
.operator-appbar { display: grid; grid-template-columns: 38px 1fr auto; gap: .7rem; align-items: center; padding: .75rem 1rem; background: #fff; border-bottom: 1px solid #dfe3ea; }.operator-mark { display: grid; place-items: center; width: 34px; height: 34px; color: #fff; background: #302a43; border-radius: .55rem; font-size: .61rem; font-weight: 900; }.operator-appbar strong, .operator-appbar small { display: block; }.operator-appbar strong { font-size: .74rem; }.operator-appbar small { margin-top: .15rem; color: #657387; font-size: var(--type-ui); }.operator-running { display: inline-flex; gap: .4rem; align-items: center; padding: .35rem .55rem; color: #057348; background: var(--green-light); border-radius: 999px; font-size: .65rem; font-weight: 800; }.operator-running i { width: 7px; height: 7px; background: currentColor; border-radius: 50%; }
.operator-stage-rail { display: grid; grid-template-columns: repeat(5, 1fr); background: #edeaf7; border-bottom: 1px solid #d8d3e7; }.operator-stage-rail span { position: relative; display: flex; gap: .4rem; align-items: center; min-height: 50px; padding: .6rem .7rem; color: #566174; border-right: 1px solid #d8d3e7; font-size: var(--type-ui); font-weight: 700; }.operator-stage-rail span:last-child { border-right: 0; }.operator-stage-rail span::after { content: ''; position: absolute; right: .7rem; bottom: 0; left: .7rem; height: 3px; background: transparent; }.operator-stage-rail span.is-active { color: #4d3d91; background: #fff; }.operator-stage-rail span.is-active::after { background: #7257c7; }.operator-stage-rail i { display: grid; place-items: center; width: 22px; height: 22px; color: #5b4d94; background: #ded9ef; border-radius: 50%; font-size: .52rem; font-style: normal; }.operator-stage-rail span.is-active i { color: #fff; background: #7257c7; }
.operator-context { display: grid; grid-template-columns: 1fr 1fr auto; gap: .7rem; align-items: center; padding: .75rem 1rem; background: #fff; border-bottom: 1px solid #dfe3ea; }.operator-context p { margin: 0; }.operator-context small, .operator-context strong { display: block; }.operator-context small { color: #657387; font-size: .66rem; }.operator-context strong { margin-top: .2rem; font-size: .7rem; }.operator-context > div { display: flex; flex-wrap: wrap; gap: .35rem; justify-content: flex-end; }.operator-context > div span { padding: .4rem .55rem; color: #4d3d91; background: #f1eef9; border: 1px solid #d4cde9; border-radius: .38rem; font-size: var(--type-ui); font-weight: 800; }
.operator-workspace { display: grid; grid-template-columns: minmax(0, 1fr) minmax(185px, .3fr); gap: .8rem; padding: 1rem; }.filter-editor, .operator-monitor { background: #fff; border: 1px solid #dfe3ea; border-radius: .65rem; }.filter-editor > header { display: flex; justify-content: space-between; gap: .7rem; align-items: center; padding: .75rem .85rem; border-bottom: 1px solid #e2e6ec; }.filter-editor > header strong, .filter-editor > header small { display: block; }.filter-editor > header strong { font-size: .72rem; }.filter-editor > header small { margin-top: .15rem; color: #657387; font-size: .66rem; }.filter-editor > header > span { padding: .3rem .4rem; color: #4d3d91; background: #eeeafa; border-radius: 999px; font-size: .66rem; font-weight: 800; }
.filter-group { padding: .75rem .85rem; border-bottom: 1px solid #edf0f3; }.filter-group:last-child { border-bottom: 0; }.filter-group h3 { margin: 0 0 .55rem; color: #4d3d91; font-size: .67rem; }.filter-row { display: grid; grid-template-columns: 1fr .55fr 1fr .55fr; gap: .35rem; align-items: center; margin-top: .35rem; padding: .4rem .45rem; background: #f6f7f9; border-radius: .4rem; }.filter-row b, .filter-row span, .filter-row em, .filter-row i { min-width: 0; overflow: hidden; font-size: .66rem; font-style: normal; text-overflow: ellipsis; white-space: nowrap; }.filter-row b { color: #374357; }.filter-row span { color: #596577; }.filter-row em { color: #4d3d91; font-weight: 750; }.filter-row i { padding: .2rem; color: #057348; background: #e1f8ed; border-radius: .25rem; text-align: center; }.filter-row--exclude i { color: #9b3c30; background: #ffe8e5; }
.operator-monitor { display: grid; align-content: start; }.operator-monitor > header { display: flex; justify-content: space-between; gap: .5rem; padding: .75rem; border-bottom: 1px solid #e2e6ec; }.operator-monitor > header strong { font-size: .68rem; }.operator-monitor > header small { padding: .18rem .28rem; color: #057348; background: var(--green-light); border-radius: 999px; font-size: .52rem; text-transform: uppercase; }.operator-monitor p { position: relative; display: grid; grid-template-columns: 1fr auto; gap: .5rem; margin: 0; padding: .7rem .75rem .85rem; border-bottom: 1px solid #edf0f3; }.operator-monitor p:last-child { border-bottom: 0; }.operator-monitor span { color: #5c6879; font-size: .66rem; }.operator-monitor strong { font-size: .7rem; }.operator-monitor p > i { position: absolute; right: .75rem; bottom: .45rem; left: .75rem; height: 3px; overflow: hidden; background: #e5e8ed; border-radius: 99px; }.operator-monitor p > i::before { content: ''; display: block; width: 100%; height: 100%; background: #7257c7; border-radius: inherit; }.operator-monitor .monitor-pending > i::before { width: 13%; background: #e0a039; }.operator-monitor .monitor-done > i::before { width: 87%; background: #18b978; }.operator-monitor .monitor-failed > i::before { width: 3%; background: #eb4545; }.operator-monitor .monitor-passed > i::before { width: 86%; background: #18b978; }

/* Responsibility: AI-assisted developer workspace */
.tooling-workspace { padding: 1.4rem; background: rgba(255,255,255,.055); border: 1px solid rgba(255,255,255,.13); }.tooling-window { overflow: hidden; color: #e6e7ed; background: #191b26; border: 1px solid #3c4050; border-radius: .85rem; box-shadow: 0 22px 42px rgba(0,0,0,.28); }
.tooling-appbar { display: grid; grid-template-columns: 42px 1fr auto; gap: .7rem; align-items: center; padding: .75rem .9rem; background: #252735; border-bottom: 1px solid #3d4050; }.tooling-mark { display: grid; place-items: center; width: 36px; height: 30px; color: #202637; background: #9cf0c7; border-radius: .4rem; font-size: .58rem; font-weight: 900; }.tooling-appbar strong { font-size: .72rem; }.tooling-appbar small { color: #aeb5c7; font-size: .66rem; }
.tooling-commandbar { display: flex; flex-wrap: wrap; gap: .4rem; align-items: center; padding: .65rem .9rem; background: #20222e; border-bottom: 1px solid #393c4b; }.tooling-commandbar span { padding: .35rem .48rem; color: #b9becc; background: #2b2e3c; border-radius: .35rem; font-size: .66rem; }.tooling-commandbar span.is-active { color: #f2efff; background: #5b4b94; }.tooling-commandbar b { margin-left: auto; color: #9cf0c7; font-size: .66rem; }
.tooling-panels { display: grid; grid-template-columns: 1fr 1fr .8fr; gap: .7rem; padding: .8rem; }.tooling-panels > section { min-width: 0; overflow: hidden; background: #222430; border: 1px solid #3a3d4b; border-radius: .6rem; }.tooling-panels section > header { display: flex; justify-content: space-between; gap: .5rem; padding: .65rem .7rem; background: #292b38; border-bottom: 1px solid #3b3e4d; }.tooling-panels header strong { font-size: var(--type-ui); }.tooling-panels header small { color: #aab0c0; font-size: .66rem; }
.source-inspector__page { position: relative; display: grid; grid-template-columns: 44% 1fr; gap: .45rem; height: 185px; padding: .8rem; background: #f5f2eb; }.source-inspector__page svg { grid-row: 1 / 4; width: 100%; height: 160px; color: #806a62; background: #e5ddd3; border-radius: .35rem; }.source-inspector__page > i { height: 8px; margin-top: 2.2rem; background: #c6c5c6; border-radius: 99px; }.source-inspector__page > i:last-child { width: 68%; margin-top: .2rem; }.field-overlay { position: absolute; padding: .2rem .28rem; color: #182a23; background: #9cf0c7; border: 1px solid #4cba87; border-radius: .25rem; font-size: .65rem; font-weight: 850; }.field-overlay--title { top: 26px; right: 34px; }.field-overlay--price { top: 82px; right: 20px; }.field-overlay--images { bottom: 18px; left: 12px; }
.source-thumbnails { display: grid; grid-template-columns: repeat(3, 1fr); gap: .35rem; padding: .55rem; }.source-thumbnails span { display: grid; place-items: center; height: 55px; background: #323440; border-radius: .35rem; }.source-thumbnails svg { width: 80%; height: 52px; color: #9588c7; }
.config-proposal > div { padding: .6rem; }.config-proposal p { display: grid; grid-template-columns: 20px 1fr auto; gap: .4rem; align-items: center; margin: 0 0 .35rem; padding: .45rem; background: #292b37; border-radius: .35rem; }.config-proposal p i { display: grid; place-items: center; width: 18px; height: 18px; color: #172c23; background: #9cf0c7; border-radius: .25rem; font-size: .62rem; font-style: normal; font-weight: 900; }.config-proposal p:nth-child(3) i { color: #4d390f; background: #ffcc75; }.config-proposal p span { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: .66rem; }.config-proposal p b { color: #aeb5c5; font-size: .66rem; }.config-proposal footer { padding: .6rem .7rem; color: #aeb5c5; background: #20222c; font-size: .66rem; }
.evaluation-matrix > p { display: flex; justify-content: space-between; gap: .6rem; margin: 0; padding: .7rem; border-bottom: 1px solid #373a48; }.evaluation-matrix > p span { color: #bdc2cf; font-size: .66rem; }.evaluation-matrix > p b { color: #9cf0c7; font-size: .66rem; }.evaluation-score { display: grid; justify-items: center; padding: 1.25rem .7rem; }.evaluation-score strong { display: grid; place-items: center; width: 58px; height: 58px; color: #16382b; background: #9cf0c7; border: 7px solid #31493f; border-radius: 50%; font-size: .66rem; }.evaluation-score small { margin-top: .45rem; color: #b9becb; font-size: .66rem; }
.review-bar { display: flex; flex-wrap: wrap; gap: .75rem; align-items: center; padding: .7rem .9rem; color: #b9becb; background: #252735; border-top: 1px solid #3b3e4d; }.review-bar span { display: inline-flex; gap: .35rem; align-items: center; font-size: .66rem; }.review-bar span i { width: 7px; height: 7px; background: #9cf0c7; border-radius: 50%; }.review-bar strong { margin-left: auto; padding: .35rem .5rem; color: #302818; background: #ffcc75; border-radius: .35rem; font-size: .66rem; }

/* Responsibility: Autoscrapper ownership mosaic */
.ownership-mosaic { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(260px, .8fr); gap: .75rem; }.ownership-feature, .ownership-support article { padding: 1.2rem; border: 1px solid var(--line); border-radius: .8rem; }.ownership-feature { display: flex; min-height: 350px; flex-direction: column; background: linear-gradient(145deg, #28243d, #433967); color: #fff; }.ownership-feature__art { display: grid; grid-template-columns: auto 1fr auto 1fr auto; gap: .6rem; align-items: center; min-height: 190px; padding: 1rem; background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.1); border-radius: .7rem; }.ownership-feature__art > i { height: 2px; background: linear-gradient(90deg, #a99cff, #9cf0c7); }.ownership-model, .ownership-adapter, .ownership-product { display: grid; place-items: center; justify-self: center; }.ownership-model { width: 52px; height: 52px; color: #fff; background: #7257c7; border-radius: .55rem; font-size: .68rem; font-weight: 900; }.ownership-adapter { min-width: 76px; min-height: 86px; padding: .5rem; color: #2d2548; background: #d6d0ff; border: 5px double #4d3d91; border-radius: .65rem; font-size: .55rem; font-weight: 900; }.ownership-product { position: relative; width: 82px; height: 105px; background: #fff; border-radius: .55rem; }.ownership-product svg { width: 75px; height: 95px; color: #6b58ad; }.ownership-product b { position: absolute; right: .2rem; bottom: .2rem; padding: .18rem; color: #163b2c; background: #9cf0c7; border-radius: .2rem; font-size: .46rem; }.ownership-feature h3 { margin: auto 0 0; font-size: 1.05rem; }.ownership-feature p { margin: .45rem 0 0; color: #d3cfdf; font-size: var(--type-copy-card); }
.ownership-support { display: grid; gap: .75rem; }.ownership-support article { display: grid; grid-template-columns: 62px 1fr; column-gap: .8rem; align-items: center; background: #f4f2fc; }.ownership-support article h3, .ownership-support article p { grid-column: 2; }.ownership-support h3 { margin: 0; font-size: .82rem; }.ownership-support p { margin: .3rem 0 0; color: #617086; font-size: var(--type-copy-small); }
.ownership-motif { grid-row: 1 / 3; display: grid; place-items: center; width: 58px; height: 58px; background: #e6e1f5; border-radius: .6rem; }.ownership-motif--catalogue { grid-template-columns: repeat(3, 11px); gap: 4px; justify-content: center; }.ownership-motif--catalogue i { width: 11px; height: 30px; background: #7257c7; border-radius: 3px; }.ownership-motif--catalogue i:nth-child(2) { height: 42px; background: #18b978; }.ownership-motif--gpu { gap: .2rem; padding: .4rem; }.ownership-motif--gpu i { display: grid; place-items: center; width: 100%; height: 18px; color: #fff; background: #5b4997; border-radius: 3px; font-size: .48rem; font-style: normal; font-weight: 800; }.ownership-motif--gpu i:last-child { background: #427a70; }.ownership-motif--tools { color: #fff; background: #7257c7; font-size: .72rem; font-weight: 900; letter-spacing: .04em; }

/* Responsibility: floating Ask Wilson cue */
.assistant-nudge { position: fixed; z-index: 18; right: 5.5rem; bottom: 1rem; display: flex; gap: .75rem; align-items: flex-start; width: min(250px, calc(100vw - 7rem)); padding: .8rem .85rem; color: var(--white); background: var(--dark); border: 1px solid rgba(255, 255, 255, .16); border-radius: .8rem; box-shadow: 0 14px 38px rgba(16, 27, 45, .25); }
.assistant-nudge::after { content: ''; position: absolute; right: -.55rem; bottom: 1.15rem; width: 1rem; height: 1rem; background: var(--dark); border-top: 1px solid rgba(255, 255, 255, .16); border-right: 1px solid rgba(255, 255, 255, .16); transform: rotate(45deg); }
.assistant-nudge p, .assistant-nudge strong, .assistant-nudge span { display: block; }
.assistant-nudge p { margin: 0; line-height: 1.35; }
.assistant-nudge strong { color: #7de5b3; font-size: .74rem; }
.assistant-nudge span { margin-top: .2rem; color: #d5dde7; font-size: .66rem; }
.assistant-nudge button { position: relative; z-index: 1; display: grid; place-items: center; width: 30px; height: 30px; flex: 0 0 auto; padding: 0; color: #c6d0dc; background: transparent; border: 0; border-radius: 50%; font-size: 1.1rem; cursor: pointer; }
.assistant-nudge button:hover { color: var(--white); background: rgba(255, 255, 255, .1); }

/* Responsibility: availability, contact and footer */
.availability { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(3rem, 8vw, 8rem); }
.availability h2 { margin-bottom: 0; }
.availability-copy > p { margin: 2.2rem 0 0; color: var(--ink-soft); font-size: 1rem; }
.contact { position: relative; overflow: hidden; padding: clamp(4.5rem, 8vw, 7rem) clamp(1.25rem, 8vw, 8rem); color: var(--white); background: var(--dark); }
.contact::before, .contact::after { content: ''; position: absolute; border-radius: 50%; }.contact::before { top: -180px; left: -130px; width: 430px; height: 430px; border: 70px solid rgba(41, 68, 173, .28); }.contact::after { right: -150px; bottom: -200px; width: 460px; height: 460px; border: 1px dashed rgba(48, 220, 140, .4); }
.contact__inner { position: relative; z-index: 1; max-width: 920px; margin: auto; }
.contact .eyebrow { color: #91a4ff; text-align: center; }.contact h2 { max-width: 760px; margin: 0 auto 2.4rem; font-size: var(--type-contact); line-height: 1.04; text-align: center; }
.contact-panel { padding: clamp(1.2rem, 3vw, 2rem); color: var(--ink); background: rgba(255,255,255,.98); border: 1px solid rgba(255,255,255,.2); border-radius: var(--radius-md); box-shadow: 0 28px 65px rgba(0,0,0,.22); }
.contact-form__grid { display: grid; grid-template-columns: 1fr 1fr; gap: .45rem 1rem; }
.contact-field { display: grid; align-content: start; min-width: 0; text-align: left; }
.contact-field--wide { grid-column: 1 / -1; }
.contact-field label { display: flex; justify-content: space-between; gap: .6rem; margin-bottom: .42rem; color: #263348; font-size: .8rem; font-weight: 750; }
.contact-field label span { color: #596779; font-size: .7rem; font-weight: 650; }
.contact-field input, .contact-field textarea { width: 100%; min-height: 48px; padding: .75rem .8rem; color: var(--ink); background: #fbfcfd; border: 1px solid #b9c3d0; border-radius: .55rem; font: inherit; font-size: .9rem; line-height: 1.5; transition: border-color .18s ease, box-shadow .18s ease, background .18s ease; }
.contact-field textarea { min-height: 158px; resize: vertical; }
.contact-field input:hover, .contact-field textarea:hover { border-color: #8694a8; }
.contact-field input:focus, .contact-field textarea:focus { border-color: var(--blue); background: var(--white); box-shadow: 0 0 0 4px rgba(41,68,173,.12); outline: 0; }
.contact-field.is-invalid input, .contact-field.is-invalid textarea { border-color: #bc3f37; background: #fff9f8; }
.contact-field__error { min-height: 1.15rem; padding-top: .15rem; color: #a53630; font-size: .72rem; line-height: 1.35; }
.contact-honeypot { position: absolute; top: auto; left: -10000px; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.contact-form__actions { display: grid; justify-items: center; gap: .35rem; margin-top: .25rem; }
.contact-submit { width: auto; min-width: 10rem; color: var(--white); background: var(--blue); border-color: var(--blue); cursor: pointer; }
.contact-submit:disabled { cursor: not-allowed; opacity: .55; transform: none; box-shadow: none; }
.contact-status { width: 100%; min-height: 1.5rem; margin: 0; color: #526176; font-size: .78rem; line-height: 1.45; text-align: center; }
.contact-status:empty { display: none; }
.contact-status.is-error { color: #a53630; }.contact-status.is-pending { color: var(--blue); }
.contact-noscript { margin: .8rem 0 0; padding: .75rem .85rem; color: #43516a; background: #f0f3f8; border-left: 3px solid var(--blue); border-radius: .35rem; font-size: .78rem; line-height: 1.5; }
.contact-noscript a { color: var(--blue); font-weight: 750; text-decoration: underline; text-underline-offset: 3px; }
.contact-success { display: grid; justify-items: center; min-height: 340px; align-content: center; padding: 2rem; text-align: center; }
.contact-success > span { display: grid; place-items: center; width: 58px; height: 58px; color: #075e3e; background: var(--green-light); border-radius: 50%; font-size: 1.4rem; font-weight: 900; }
.contact-success h3 { margin: 1rem 0 .45rem; font-size: 1.35rem; line-height: 1.2; }
.contact-success p { max-width: 500px; margin: 0; color: var(--ink-soft); font-size: .95rem; }
.recaptcha-attribution { margin: 1.4rem 0 0; color: #596779; font-size: .75rem; line-height: 1.5; text-align: left; }
.recaptcha-attribution a { color: var(--blue); font-weight: 700; text-decoration: underline; text-underline-offset: 2px; }
.social-links { display: flex; justify-content: center; gap: 2rem; margin-top: 2.4rem; color: #b8c4d3; font-size: .8rem; }
.grecaptcha-badge { visibility: hidden !important; }
footer { display: grid; grid-template-columns: auto auto; gap: 2rem; align-items: center; justify-content: space-between; padding: 1.3rem clamp(1.25rem, 4vw, 4rem); color: #596779; font-size: .75rem; }
footer p { margin: 0; line-height: 1.5; }footer a { font-weight: 750; }

/* Responsibility: responsive adaptation */
@media (max-width: 1279px) {
  .ownership-grid { grid-template-columns: 1fr; }
}

@media (max-width: 920px) {
  .site-header { grid-template-columns: 1fr auto; }
  .js .nav-toggle { display: grid; justify-self: end; }
  .header-contact { display: none; }
  .site-header nav { grid-column: 1 / -1; align-items: stretch; justify-content: center; padding-bottom: .75rem; }
  .js .site-header nav { position: absolute; top: 100%; right: 0; left: 0; display: none; max-height: calc(100dvh - 76px); overflow-y: auto; flex-direction: column; gap: 0; padding: .5rem 1.25rem 1rem; background: var(--paper); border-bottom: 1px solid var(--line); box-shadow: 0 16px 30px rgba(16, 27, 45, .08); }
  .js .site-header.is-nav-open nav { display: flex; }
  .site-header nav > a, .portfolio-menu__row > a { display: flex; min-height: 44px; align-items: center; padding: 0; }
  .portfolio-menu__row { display: grid; grid-template-columns: minmax(0, 1fr) 44px; width: 100%; }
  .portfolio-menu__toggle { width: 44px; height: 44px; justify-self: end; }
  .portfolio-menu__chevron { transform: rotate(0); }
  .portfolio-menu.is-portfolio-open .portfolio-menu__chevron { transform: rotate(90deg); }
  .portfolio-submenu { position: static; display: none; min-width: 0; padding: 0 0 .35rem; visibility: visible; opacity: 1; pointer-events: auto; transform: none; transition: none; }
  .portfolio-menu.is-portfolio-open .portfolio-submenu { display: block; }
  .portfolio-submenu__panel { gap: 0; margin-left: .7rem; padding: 0 0 0 .9rem; background: transparent; border: 0; border-left: 2px solid #cfd7e5; border-radius: 0; box-shadow: none; }
  .portfolio-submenu a { min-height: 44px; padding: .7rem .65rem; }
  .mobile-nav-contact { display: flex; align-items: center; }
  .hero-grid { grid-template-columns: 1fr .75fr; gap: 2.5rem; }
  .capability-grid { grid-template-columns: repeat(2, 1fr); }
  .feature-case, .home-case { grid-template-columns: 1fr; }
  .product-visual { width: min(100%, 620px); }
  .system-card:nth-child(n) { grid-column: span 3; }
  .system-examples--case .system-card:last-child { grid-column: 2 / span 4; }
  .case-hero__grid, .case-section__heading { grid-template-columns: 1fr; }
  .catalogue-hero-art { width: min(100%, 620px); }
  .pneusafe-overview { grid-template-columns: minmax(0, 1fr) 46px; grid-template-rows: 230px 70px 270px 70px; min-height: 640px; }
  .pneusafe-zone--safe { grid-column: 1; grid-row: 1; }
  .pneusafe-boundary { grid-column: 1; grid-row: 2; }
  .pneusafe-zone--danger { grid-column: 1; grid-row: 3; }
  .pneusafe-boundary::before { top: 50%; right: 0; bottom: auto; left: 0; width: auto; height: 20px; transform: translateY(-50%); }
  .pneusafe-boundary > span { top: 50%; left: .8rem; transform: translateY(-50%); }
  .pneusafe-wired-link { position: relative; grid-column: 1 / -1; grid-row: 1 / 5; }
  .pneusafe-wired-link i { top: 115px; right: 14px; bottom: auto; left: min(calc(100% - 54px), calc(50% + 110px)); height: 315px; border-top: 3px solid #9ee8ff; border-right: 3px solid #9ee8ff; border-bottom: 3px solid #9ee8ff; border-left: 0; border-radius: 0 16px 16px 0; }
  .pneusafe-wired-link i::before, .pneusafe-wired-link i::after { top: -7px; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 0; }
  .pneusafe-wired-link i::before { left: calc(0px - clamp(11px, 3.6vw, 18px)); border-right: clamp(11px, 3.6vw, 18px) solid #9ee8ff; }
  .pneusafe-wired-link i::after { top: auto; right: auto; bottom: -7px; left: calc(0px - clamp(7px, 2.2vw, 10px)); border-right: clamp(7px, 2.2vw, 10px) solid #9ee8ff; }
  .pneusafe-wired-link b { bottom: 12px; left: 50%; width: max-content; max-width: calc(100% - 1rem); transform: translateX(-50%); }
  .catalogue-refinery__scene { grid-template-columns: minmax(0, 1fr) 180px; grid-template-rows: auto auto; }
  .raw-source-collage { grid-column: 1; grid-row: 1; }.refinery-engine { grid-column: 2; grid-row: 1; }.structured-product-record { grid-column: 1 / -1; grid-row: 2; justify-self: end; width: min(100%, 540px); }.catalogue-refinery__scene::before, .catalogue-refinery__scene::after { display: none; }
  .growth-landscape__scene { grid-template-columns: minmax(0, 380px); grid-template-rows: none; justify-content: center; gap: 0; }.catalogue-rise, .growth-phone, .reach-outcome, .growth-arrow { grid-column: 1; justify-self: center; width: 100%; }.growth-phone { width: 170px; }.growth-arrow { width: 2px; height: 42px; background: linear-gradient(#a99cff, #7257c7); }.growth-arrow::after { top: auto; right: auto; bottom: 0; left: -4px; border-top: 8px solid #7257c7; border-right: 5px solid transparent; border-bottom: 0; border-left: 5px solid transparent; }
  .product-filmstrip { grid-template-columns: repeat(3, 1fr); }.product-stage:nth-child(4) { grid-column: 3; grid-row: 2; }.product-stage:nth-child(5) { grid-column: 2; grid-row: 2; }.product-stage:nth-child(6) { grid-column: 1; grid-row: 2; }
  .model-production__scene { grid-template-columns: .7fr 1.3fr; grid-template-rows: auto auto; }.gpu-runtime { grid-column: 2; grid-row: 2; }.workflow-slot { grid-column: 1; grid-row: 2; }
  .tooling-panels { grid-template-columns: 1fr 1fr; }.evaluation-matrix { grid-column: 1 / -1; }
  .ownership-mosaic { grid-template-columns: 1.1fr .9fr; }
  .ehly-product-showcase, .knowledge-grid, .management-grid { grid-template-columns: 1fr; }
  .channel-stack { grid-template-columns: 1fr 1fr; }
  footer { grid-template-columns: 1fr; justify-content: stretch; text-align: center; }
}

@media (min-width: 921px) and (max-width: 1110px) {
  .case-brand { flex-direction: column; align-items: flex-start; }
}

@media (max-width: 700px) {
  .hero-grid, .section-heading, .availability { grid-template-columns: 1fr; }
  .hero-copy { text-align: left; }
  .portrait-card { width: min(86%, 380px); margin-top: 1rem; }
  .delivery-path { grid-template-columns: repeat(2, 1fr); }
  .delivery-path li:nth-child(-n+2) { border-top-color: #c9d2dc; }
  .timeline-item { grid-template-columns: 1fr; gap: .9rem; }
  .solution-system__stage { padding: 1rem; }.solution-channels { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .65rem; margin-bottom: 1rem; }.solution-hub { grid-column: 1 / -1; grid-row: 1; width: min(190px, 100%); justify-self: center; }.channel-node { min-height: 88px; }.system-examples { grid-template-columns: 1fr; }.system-card:nth-child(n), .system-examples--case .system-card:nth-child(n) { grid-column: 1; min-height: 0; }.system-card > p { min-height: 0; }.system-motif { margin-top: .35rem; }
  .solution-channels--compact { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-areas: "hub hub" "whatsapp webchat"; }.solution-channels--compact .solution-hub { grid-column: 1 / -1; grid-row: 1; }.workflow-summary, .proof-pair, .case-hero__proofs { grid-template-columns: 1fr; }
  .home-catalogue-art { padding: 1rem; }
  .home-fashion-scene { min-height: 450px; }
  .home-fashion-halo { width: 280px; }
  .home-fashion-tile--top { top: 10%; left: 2%; }
  .home-fashion-tile--bag { right: 1%; bottom: 12%; }
  .pneusafe-schematic { padding: 1rem; }
  .pneusafe-zone { padding: .55rem; }
  .pneusafe-test-assembly { grid-template-columns: 36px minmax(20px, 1fr) minmax(106px, 1.7fr); gap: 0; padding: 1.85rem .45rem .95rem; }
  .pneusafe-gas-path { margin-top: 19px; }
  .pneusafe-nitrogen > span { width: 32px; height: 80px; }
  .pneusafe-nitrogen > span > i { top: 16px; }
  .pneusafe-hvac-unit, .pneusafe-hvac-system strong { width: 108px; }
  .pneusafe-hvac-unit { height: 84px; }
  .pneusafe-hvac-unit::after { top: 16px; }
  .pneusafe-hvac-coil { top: 14px; width: 27px; height: 24px; }
  .pneusafe-hvac-coil--one { left: 13px; }.pneusafe-hvac-coil--two { right: 13px; }
  .case-hero__proofs, .channel-stack { grid-template-columns: 1fr; }.chatlog-preview__body { grid-template-columns: 140px 1fr; }.source-workspace__content { grid-template-columns: 1fr; }.case-next { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: .75rem; align-items: stretch; }.case-next a { display: flex; min-width: 0; min-height: 44px; align-items: center; padding-block: .55rem; line-height: 1.35; }.case-next a:last-child { justify-content: flex-end; text-align: right; }
  .catalogue-refinery__scene { grid-template-columns: 1fr; grid-template-rows: none; gap: 1.2rem; }.raw-source-collage { grid-column: 1; grid-row: auto; justify-self: center; width: min(100%, 340px); }.refinery-engine { grid-column: 1; grid-row: auto; justify-self: center; width: min(100%, 180px); min-height: 190px; }.structured-product-record { grid-column: 1; grid-row: auto; justify-self: center; width: min(100%, 390px); }
  .product-filmstrip { grid-template-columns: 1fr 1fr; gap: .65rem .4rem; }.product-stage:nth-child(n) { grid-column: auto; grid-row: auto; display: grid; place-items: center; min-height: 205px; }.product-stage > div { width: min(100%, 260px); }
  .image-route { grid-template-columns: 1fr; }.image-route > i { width: 1px; height: 20px; justify-self: center; }.image-route > strong { justify-self: center; }
  .model-production__scene { grid-template-columns: 1fr; grid-template-rows: none; }.model-artifact, .integration-bridge, .gpu-runtime, .workflow-slot { grid-column: 1; grid-row: auto; justify-self: center; width: min(100%, 340px); }.model-production__scene::before { top: 5%; bottom: 5%; left: 50%; width: 2px; height: auto; }
  .operator-workspace { grid-template-columns: 1fr; }.operator-stage-rail { grid-template-columns: repeat(3, 1fr); }.operator-stage-rail span:nth-child(n+4) { border-top: 1px solid #d8d3e7; }.operator-context { grid-template-columns: 1fr 1fr; }.operator-context > div { grid-column: 1 / -1; justify-content: flex-start; }.filter-row { grid-template-columns: 1fr .6fr 1fr .65fr; }
  .tooling-panels { grid-template-columns: 1fr; }.evaluation-matrix { grid-column: 1; }.review-bar strong { margin-left: 0; }
  .ownership-mosaic { grid-template-columns: 1fr; }
  .assistant-nudge { right: 4.9rem; bottom: .75rem; width: min(235px, calc(100vw - 6.25rem)); }
}

@media (max-width: 500px) {
  .site-header { min-height: 66px; padding-inline: 1rem; }.wordmark b { font-size: .84rem; }
  .js .site-header nav { max-height: calc(100dvh - 66px); }
  .hero { padding-top: 3.7rem; background-size: 34px 34px, 34px 34px, auto, auto; }
  .hero-actions { flex-direction: column; }.button { width: 100%; }.delivery-path { margin-top: 1.6rem; }
  .portrait-card figcaption { right: -.5rem; }

  .capability-grid { grid-template-columns: 1fr; }.capability { min-height: auto; }.capability-icon { margin-bottom: 1.3rem; }
  .feature-case, .home-case { padding: 1.3rem; border-radius: var(--radius-md); }
  .ehly-assistant-list { min-height: 270px; padding: .7rem; }.ehly-assistant-list > div { min-height: 66px; padding: .6rem; }
  .case-hero { padding-top: 1.8rem; }.case-facts p { grid-template-columns: 1fr; gap: .25rem; }.embed-preview__panel { min-height: 440px; }.chatlog-preview__body { grid-template-columns: 1fr; }.chatlog-list { display: flex; gap: .45rem; overflow-x: auto; border-right: 0; border-bottom: 1px solid #e1e5eb; }.chatlog-list li { min-width: 150px; }.chatlog-thread { min-height: 330px; }.management-preview__body { grid-template-columns: 1fr; }.management-preview__body > aside { flex-direction: row; overflow-x: auto; border-right: 0; border-bottom: 1px solid #e1e5eb; }.management-preview__body > aside strong { display: none; }.source-inputs { grid-template-columns: 1fr; }
  .catalogue-hero-art { min-height: 480px; }.synthetic-fashion-phone { right: 4%; width: 225px; height: 420px; }.floating-product--variants { top: 17%; left: 3%; width: 96px; }.floating-product--variants svg { height: 78px; }.floating-product--ready { bottom: 18%; left: 5%; width: 90px; }.hero-catalogue-badges { right: 1%; bottom: 9%; }
  .catalogue-refinery, .growth-landscape, .product-intelligence, .model-production, .operations-console, .tooling-workspace { padding: 1rem; }
  .raw-source-collage { height: 340px; }.structured-product-record { grid-template-columns: 43% 1fr; min-height: 310px; }.structured-product-record__image { min-height: 200px; }.structured-product-record__image svg { height: 185px; }.record-destination { position: relative; right: auto; bottom: auto; grid-column: 1 / -1; justify-self: end; margin-top: .3rem; }
  .growth-landscape__scene { padding: .5rem 0; }.reach-outcome { padding: .75rem .25rem; }.reach-node-row { gap: .25rem; }.reach-node { padding: .65rem .1rem; }.reach-node strong { font-size: .82rem; }.affiliate-access { margin-inline: .25rem; padding: .65rem; }
  .model-production__scene { grid-template-columns: 1fr 1fr; }.model-artifact { grid-column: 1; grid-row: 1; }.workflow-slot { grid-column: 2; grid-row: 1; }.integration-bridge { grid-column: 1 / -1; grid-row: 2; }.gpu-runtime { grid-column: 1 / -1; grid-row: 3; width: 100%; }
  .operator-appbar { grid-template-columns: 34px 1fr; }.operator-running { grid-column: 1 / -1; justify-self: start; }.operator-stage-rail { grid-template-columns: 1fr 1fr; }.operator-stage-rail span:nth-child(n+3) { border-top: 1px solid #d8d3e7; }.operator-context { grid-template-columns: 1fr; }.operator-context > div { grid-column: 1; }.filter-editor > header { align-items: flex-start; flex-direction: column; }.filter-row { grid-template-columns: 1fr 1fr; }.filter-row i { justify-self: start; }.operator-monitor { grid-template-columns: 1fr 1fr; }.operator-monitor > header { grid-column: 1 / -1; }.operator-monitor p:nth-child(even) { border-left: 1px solid #edf0f3; }
  .tooling-appbar { grid-template-columns: 38px 1fr; }.tooling-appbar small { grid-column: 1 / -1; }.tooling-commandbar b { width: 100%; margin-left: 0; }.tooling-panels { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }.evaluation-matrix { grid-column: 1 / -1; }.tooling-panels section > header small { display: none; }.source-inspector__page { grid-template-columns: 1fr; height: 160px; }.source-inspector__page svg { height: 140px; }.source-inspector__page > i { display: none; }.field-overlay--title { top: 20px; right: 8px; }.field-overlay--price { top: 70px; right: 8px; }.source-thumbnails { grid-template-columns: 1fr 1fr; }.source-thumbnails span:last-child { display: none; }.config-proposal p { grid-template-columns: 20px minmax(0, 1fr); }.config-proposal p span, .config-proposal p b { min-width: 0; overflow: hidden; text-overflow: ellipsis; }.config-proposal p b { grid-column: 2; }.evaluation-matrix > p span { min-width: 0; }
  .ownership-feature__art { grid-template-columns: 1fr; }.ownership-feature__art > i { width: 2px; height: 16px; justify-self: center; }.ownership-feature { min-height: 350px; }.ownership-support article { min-height: 96px; padding: .8rem; }.ownership-motif { width: 50px; height: 50px; }
  .operator-stage-rail span, .operator-context small, .operator-context strong, .operator-context > div span, .filter-editor > header small, .filter-editor > header > span, .filter-group h3, .filter-row b, .filter-row span, .filter-row em, .filter-row i, .operator-monitor span, .operator-monitor strong, .tooling-commandbar span, .tooling-commandbar b, .tooling-panels header strong, .tooling-panels header small, .config-proposal p span, .config-proposal p b, .evaluation-matrix > p span, .evaluation-matrix > p b, .review-bar span, .review-bar strong { font-size: .68rem; }
  .contact-panel { padding: 1rem; }
  .contact-form__grid { grid-template-columns: 1fr; }
  .contact-field--wide { grid-column: 1; }
  .contact-submit { width: auto; min-width: 10rem; }
  .contact-success { min-height: 320px; padding: 1.25rem .5rem; }
}

@media (max-width: 480px) {
  .case-brand { flex-direction: column; align-items: flex-start; }
  .solution-channels--compact { grid-template-columns: 1fr; grid-template-areas: "hub" "whatsapp" "webchat"; gap: .8rem; }
  .solution-channels--compact .solution-hub { grid-column: 1; width: min(190px, 100%); }
  .solution-channels--compact .channel-node { width: 100%; min-width: 0; justify-content: center; padding: .75rem; text-align: left; }
  .solution-channels--compact .channel-node > span:last-child { min-width: 0; }
  .portfolio-links { gap: .45rem; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}