/* Automation catalogue: official item textures, generous scenes, readable flows. */
.hero[data-scene=illustration] .hero-image { animation:automation-hero-breath 28s ease-in-out infinite alternate;transform-origin:50% 45%; }
.hero[data-scene=illustration] .hero-scene-layer::after { content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 80% 15%,rgba(255,239,205,.19),transparent 50%),linear-gradient(165deg,transparent 60%,rgba(207,230,224,.08) 70%,transparent 80%);mix-blend-mode:screen;animation:automation-valley-light 14s ease-in-out infinite alternate; }
.hero[data-scene=illustration].motion-paused .hero-image,.hero[data-scene=illustration].motion-paused .hero-scene-layer::after,html[data-motion=paused] .hero[data-scene=illustration] .hero-image,html[data-motion=paused] .hero[data-scene=illustration] .hero-scene-layer::after { animation-play-state:paused; }
@keyframes automation-hero-breath { from { transform:scale(1.015); } to { transform:scale(1.045); } }
@keyframes automation-valley-light { from { opacity:.25; } to { opacity:.8; } }
.hero-info .hero-subtitle { font-size:clamp(25px,2.5vw,37px);line-height:1.25;letter-spacing:-.035em; }
.hero-info .hero-description { max-width:390px;font-size:13px;line-height:1.85;margin-top:14px; }
.hero-product-meta { display:flex;flex-wrap:wrap;gap:7px;margin-top:12px;color:var(--muted);font-size:10px;line-height:1.7; }
.hero-product-meta > span { opacity:.5; }
.feature-workspace { border-radius:30px; }
.feature-tabs { display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;padding:13px; }
.feature-tabs button { flex:none;min-width:0;min-height:78px;flex-direction:column;gap:7px;padding:12px 6px;color:var(--ink);font-size:12px;font-weight:580;border:1px solid transparent; }
.feature-tabs button:hover { transform:translateY(-2px); }
.feature-tabs button:not([aria-selected=true]):hover { background:var(--soft-surface); }
.feature-tabs button[aria-selected=true] { background:var(--green);color:var(--on-green);border-color:rgba(81,129,103,.22);box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 7px 16px -12px rgba(26,73,57,.45); }
.feature-item { display:grid;place-items:center;flex:none;width:36px;height:36px;transition:transform .38s var(--spring); }
.feature-item img { width:32px;height:32px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 2px 1px rgba(24,39,30,.18)); }
.feature-tabs button[aria-selected=true] .feature-item { transform:translateY(-1px) rotate(-5deg); }
.feature-tabs button:hover .feature-item { transform:translateY(-2px); }
.feature-tabs button:focus-visible { outline-offset:-4px; }
.feature-panel { display:block;min-height:0;padding:14px; }
.feature-panel:focus-visible { outline-offset:-6px; }
.feature-overview { display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:12px;align-items:stretch; }
.feature-copy { min-width:0;padding:clamp(26px,3.5vw,46px) clamp(20px,3vw,38px); }
.feature-kicker { margin-bottom:18px;font-size:9px;letter-spacing:.19em;line-height:1.6; }
.feature-copy h3 { font-size:clamp(29px,3vw,43px);font-weight:650;line-height:1.3;letter-spacing:-.035em; }
.feature-copy .feature-lead { color:var(--ink);font-size:16px;font-weight:550;line-height:1.75;margin-top:18px; }
.feature-copy p:not(.feature-lead) { font-size:13px;line-height:1.95;max-width:430px;margin-top:12px; }
.feature-tags { gap:6px;margin:19px 0 25px; }
.feature-tags li { font-size:10px;padding:5px 9px;border:1px solid var(--line);border-radius:8px;color:var(--ink); }
.feature-copy .text-link { min-height:44px;margin-top:auto;font-size:12px; }
.feature-art { min-width:0;min-height:390px;border-radius:21px; }
.feature-art-image { background-image:url('assets/automation-mining-768.webp');background-position:50% 50%;background-size:cover;filter:none; }
.feature-art > .feature-art-note { left:26px;right:26px;bottom:28px;gap:7px; }
.feature-art-note > span:last-child { font-size:clamp(19px,2vw,28px);line-height:1.45;font-weight:550; }
.feature-art .concept-label,.feature-art-open { display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(255,255,255,.7);background:rgba(239,249,242,.76);color:#223c32;-webkit-backdrop-filter:blur(15px) saturate(1.2);backdrop-filter:blur(15px) saturate(1.2);font-size:10px;line-height:1.5;border-radius:9px; }
.feature-art > .concept-label { left:16px;right:auto;top:16px;padding:6px 9px; }
.feature-art-open { position:absolute;z-index:4;right:16px;top:16px;min-height:30px;padding:6px 9px;transition:background .25s; }
.feature-art-open svg { width:12px;height:12px; }
.feature-art-open:hover { background:rgba(247,255,249,.95); }
html[data-theme=dark] .feature-art .concept-label,html[data-theme=dark] .feature-art-open { background:rgba(24,48,41,.72);color:#e5f3ea;border-color:rgba(226,249,235,.25); }
html[data-theme=dark] .feature-art-open:hover { background:rgba(40,72,60,.93); }
.feature-flow { list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:18px 0 0;padding:22px 15px;border-top:1px solid var(--line);border-bottom:1px solid var(--line); }
.feature-flow li { display:flex;align-items:flex-start;gap:12px;min-width:0;padding:3px 17px;position:relative; }
.feature-flow li + li { border-left:1px solid var(--line); }
.feature-flow-number { flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:var(--soft-surface);color:var(--green);font-size:11px;font-weight:700;font-variant-numeric:tabular-nums; }
.feature-flow h4 { margin:1px 0 5px;font-size:13px;font-weight:600;line-height:1.6; }
.feature-flow p { font-size:11px;color:var(--muted);line-height:1.75; }
.feature-depth { padding:26px 28px 20px; }
.feature-detail-heading { display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px; }
.feature-detail-heading h4 { margin:0;font-size:15px;font-weight:600;line-height:1.7; }
.feature-detail-heading > span { color:var(--muted);font-size:10px;white-space:nowrap; }
.feature-details { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px; }
.feature-details article { min-width:0;padding:19px 20px;border:1px solid var(--line);border-radius:15px;background:rgba(232,244,235,.17); }
.feature-details h5 { margin:0 0 8px;font-size:13px;font-weight:600;line-height:1.6; }
.feature-details p { margin:0;color:var(--muted);font-size:12px;line-height:1.9; }
.feature-details[data-count="5"] { grid-template-columns:repeat(6,minmax(0,1fr)); }
.feature-details[data-count="5"] article { grid-column:span 2; }
.feature-details[data-count="5"] article:nth-child(n+4) { grid-column:span 3; }
.feature-boundary { margin:17px 0 0;padding-left:13px;border-left:2px solid var(--line);color:var(--muted);font-size:11px;line-height:1.85; }
.automation-more { display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:24px;padding:18px 4px;border-bottom:1px solid var(--line); }
.automation-more > p { color:var(--muted);font-size:12px; }
.automation-more > div { display:flex;flex-wrap:wrap;gap:9px 21px; }
.automation-more a { display:inline-flex;align-items:center;gap:9px;min-height:36px;font-size:12px;font-weight:550; }
.automation-more a > span { color:var(--muted);font-size:13px; }
.automation-more a > small { color:var(--gold);font-size:9px;border:1px solid var(--line);border-radius:5px;padding:1px 5px; }
.automation-more a:hover { color:var(--green); }
.features-section > .feature-footnote { max-width:920px;font-size:10px;line-height:1.9; }
.feature-scene-layer[data-scene=mining] .feature-scene-light { background:radial-gradient(ellipse at 35% 40%,rgba(128,231,216,.25),transparent 48%),radial-gradient(ellipse at 83% 72%,rgba(255,186,103,.2),transparent 42%); }
.feature-scene-layer[data-scene=mining] .feature-scene-speck { background:#9eddd6;box-shadow:0 0 5px rgba(150,236,228,.4);animation-duration:15s; }
.feature-scene-layer[data-scene=trading] .feature-scene-light { background:radial-gradient(ellipse at 72% 15%,rgba(255,228,158,.3),transparent 60%); }
.feature-scene-layer[data-scene=trading] .feature-scene-image { transform-origin:55% 55%;animation-duration:25s; }
@media(min-width:1100px) { .feature-tabs button { flex-direction:row;gap:10px;min-height:65px; } }
@media(max-width:1000px) {
  .feature-overview { grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr); }
  .feature-copy { padding:29px 22px; }
  .feature-art { min-height:400px; }
  .feature-flow { padding:20px 5px; }
  .feature-flow li { padding-inline:10px;gap:9px; }
  .feature-depth { padding:24px 17px 18px; }
  .feature-details article { padding:16px; }
  .automation-more { align-items:flex-start;flex-direction:column;gap:8px; }
}
@media(max-width:760px) {
  .hero-info .hero-subtitle { font-size:clamp(25px,5.7vw,33px); }
  .hero-info .hero-description { font-size:12px;max-width:none; }
  .hero-product-meta { margin-top:10px; }
  .feature-tabs { grid-template-columns:repeat(3,minmax(0,1fr));padding:10px;gap:5px; }
  .feature-tabs button { min-height:78px; }
  .feature-panel { padding:10px; }
  .feature-overview { display:flex;flex-direction:column;gap:0; }
  .feature-art { order:-1;width:100%;aspect-ratio:16/10;min-height:0; }
  .feature-copy { padding:27px 20px 20px; }
  .feature-kicker { margin-bottom:13px; }
  .feature-copy h3 { font-size:32px; }
  .feature-copy .feature-lead { margin-top:12px;font-size:16px; }
  .feature-copy p:not(.feature-lead) { max-width:none;font-size:13px; }
  .feature-tags { margin-block:16px 14px; }
  .feature-copy .text-link { margin-top:0; }
  .feature-flow { grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 0;margin-top:0;padding:23px 9px; }
  .feature-flow li:nth-child(3) { border-left:0; }
  .feature-flow h4 { font-size:13px; }
  .feature-depth { padding:22px 11px 14px; }
  .feature-detail-heading { align-items:flex-start;gap:8px;flex-direction:column;margin-bottom:14px; }
  .feature-details,.feature-details[data-count="5"] { grid-template-columns:minmax(0,1fr);gap:9px; }
  .feature-details[data-count="5"] article,.feature-details[data-count="5"] article:nth-child(n+4) { grid-column:auto; }
  .feature-details article { padding:17px 18px; }
  .feature-details h5 { font-size:14px; }
  .feature-details p { font-size:12px; }
  .feature-boundary { margin-top:16px; }
  .automation-more { margin-top:15px;padding:16px 3px; }
  .automation-more > div { gap:6px 19px; }
  .feature-workspace { border-radius:25px; }
}
@media(max-width:420px) {
  .feature-tabs button { font-size:11px;padding:10px 4px;min-height:76px; }
  .feature-item,.feature-item img { width:32px;height:32px; }
  .feature-copy { padding:24px 13px 17px; }
  .feature-copy h3 { font-size:29px; }
  .feature-copy .feature-lead { font-size:15px; }
  .feature-art { aspect-ratio:4/3; }
  .feature-art > .feature-art-note { left:18px;right:18px;bottom:20px; }
  .feature-art-note > span:last-child { font-size:20px; }
  .feature-art > .concept-label { left:11px;top:11px;font-size:9px; }
  .feature-art-open { right:11px;top:11px;font-size:9px; }
  .feature-flow { padding-inline:0; }
  .feature-flow li { padding-inline:8px;gap:8px; }
  .feature-flow-number { width:25px;height:27px;border-radius:8px;font-size:10px; }
  .feature-flow p { font-size:10px; }
  .feature-depth { padding-inline:7px; }
  .hero-product-meta { font-size:9px;gap:6px; }
}
@media(prefers-reduced-motion:reduce) {
  .hero[data-scene=illustration] .hero-image,.hero[data-scene=illustration] .hero-scene-layer::after { animation:none;transform:none; }
  .feature-tabs button,.feature-item,.feature-art-open { transition:none; }
  .feature-tabs button:hover,.feature-tabs button:hover .feature-item,.feature-tabs button[aria-selected=true] .feature-item { transform:none; }
}
html[data-motion=paused] .feature-tabs button,html[data-motion=paused] .feature-item { transition:none; }
@media(prefers-reduced-transparency:reduce) {
  .feature-art .concept-label,.feature-art-open { background:#edf6ee;backdrop-filter:none;-webkit-backdrop-filter:none; }
  html[data-theme=dark] .feature-art .concept-label,html[data-theme=dark] .feature-art-open { background:#1b382d; }
}