/*
Theme Name: NovaTechHub Humanoid
Theme URI: https://novatechhub.de/
Author: NovaTechHub
Description: Premium Humanoid-Robotics-Marketplace-Theme für NovaTechHub.
Version: 1.2.0
Text Domain: novatechhub
*/

:root {
  --ink: #07111f;
  --ink-2: #0c1b30;
  --panel: #10243d;
  --paper: #f5f8fc;
  --white: #ffffff;
  --muted: #9fb0c5;
  --line: rgba(255,255,255,.12);
  --blue: #2f7bff;
  --cyan: #21d4fd;
  --violet: #8b5cf6;
  --coral: #ff6b6b;
  --green: #49d49d;
  --radius: 24px;
  --shadow: 0 28px 80px rgba(0,0,0,.28);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--ink); color: var(--white); font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; font-size: 16px; line-height: 1.65; -webkit-font-smoothing: antialiased; }
body.admin-bar .nth-header { top: 32px; }
a { color: inherit; text-decoration: none; }
img { max-width: 100%; height: auto; display: block; }
.nth-wrap { width: min(1180px, calc(100% - 40px)); margin-inline: auto; }
.nth-main { overflow: hidden; }
.nth-section { padding: 104px 0; position: relative; }
.nth-section--light { background: var(--paper); color: var(--ink); }
.nth-section--deep { background: linear-gradient(180deg, #07111f, #0b1930); }
.nth-section--compact { padding: 72px 0; }
.nth-grid { display: grid; gap: 24px; }
.nth-grid--2 { grid-template-columns: repeat(2, minmax(0,1fr)); }
.nth-grid--3 { grid-template-columns: repeat(3, minmax(0,1fr)); }
.nth-grid--4 { grid-template-columns: repeat(4, minmax(0,1fr)); }
.nth-eyebrow { display: inline-flex; gap: 9px; align-items: center; margin: 0 0 18px; color: var(--cyan); font-size: .76rem; line-height: 1; font-weight: 800; letter-spacing: .15em; text-transform: uppercase; }
.nth-eyebrow:before { content: ""; width: 26px; height: 2px; background: linear-gradient(90deg,var(--cyan),var(--violet)); }
.nth-title { margin: 0; max-width: 880px; font-size: clamp(2.2rem, 5vw, 4.6rem); line-height: 1.04; letter-spacing: -.05em; }
.nth-title--section { font-size: clamp(2rem, 3.7vw, 3.45rem); }
.nth-lead { max-width: 720px; margin: 22px 0 0; color: #b8c5d7; font-size: clamp(1.05rem, 1.6vw, 1.25rem); }
.nth-section--light .nth-lead, .nth-section--light .nth-muted { color: #4f6075; }
.nth-gradient { background: linear-gradient(100deg,#fff 10%,#87eaff 48%,#a993ff 78%,#ff9b8f); -webkit-background-clip: text; background-clip: text; color: transparent; }
.nth-actions { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 34px; }
.nth-btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 52px; padding: 0 22px; border: 1px solid transparent; border-radius: 999px; font-weight: 800; transition: transform .2s, box-shadow .2s, border-color .2s, background .2s; }
.nth-btn:hover { transform: translateY(-2px); }
.nth-btn--primary { background: linear-gradient(110deg,var(--blue),var(--violet)); box-shadow: 0 12px 34px rgba(47,123,255,.3); }
.nth-btn--ghost { border-color: rgba(255,255,255,.25); background: rgba(255,255,255,.06); backdrop-filter: blur(10px); }
.nth-btn--dark { background: var(--ink); color: #fff; }
.nth-btn--small { min-height: 42px; padding: 0 17px; font-size: .9rem; }

.nth-header { position: fixed; inset: 0 0 auto; z-index: 1000; height: 78px; border-bottom: 1px solid rgba(255,255,255,.08); background: rgba(7,17,31,.72); backdrop-filter: blur(20px); }
.nth-header__inner { height: 100%; display: flex; align-items: center; gap: 28px; }
.nth-logo { display: inline-flex; align-items: center; gap: 11px; font-weight: 900; letter-spacing: -.035em; font-size: 1.18rem; white-space: nowrap; }
.nth-logo__mark { width: 36px; height: 36px; display: grid; place-items: center; border-radius: 12px; background: linear-gradient(135deg,var(--blue),var(--cyan) 48%,var(--violet)); box-shadow: 0 0 26px rgba(33,212,253,.25); }
.nth-logo__mark svg { width: 23px; }
.nth-logo em { color: var(--cyan); font-style: normal; }
.nth-nav { margin-left: auto; display: flex; align-items: center; gap: 24px; }
.nth-nav a { color: #c4cfdd; font-size: .91rem; font-weight: 700; }
.nth-nav a:hover { color: #fff; }
.nth-menu-toggle { display: none; margin-left: auto; width: 44px; height: 44px; border-radius: 12px; border: 1px solid var(--line); background: transparent; color: white; font-size: 1.2rem; }

.nth-hero { min-height: 820px; display: flex; align-items: center; padding: 150px 0 90px; background: linear-gradient(90deg,rgba(5,12,24,.98) 0%,rgba(5,12,24,.92) 34%,rgba(5,12,24,.26) 72%), url('assets/novatechhub-humanoid-hero.png') center/cover no-repeat; position: relative; }
.nth-hero:after { content:""; position:absolute; inset:auto 0 0; height:180px; background:linear-gradient(transparent,var(--ink)); }
.nth-hero__content { position: relative; z-index: 1; max-width: 720px; }
.nth-hero__proof { display: flex; flex-wrap: wrap; gap: 20px; margin-top: 46px; color: #aebbd0; font-size: .86rem; font-weight: 700; }
.nth-hero__proof span { display:flex; align-items:center; gap:8px; }
.nth-hero__proof span:before { content:""; width:8px; height:8px; border-radius:50%; background:var(--green); box-shadow:0 0 12px var(--green); }

.nth-strip { border-block: 1px solid var(--line); background: #091629; }
.nth-strip__inner { display: grid; grid-template-columns: repeat(4,1fr); }
.nth-strip__item { padding: 25px 20px; text-align:center; color:#aab9cc; font-size:.82rem; font-weight:800; letter-spacing:.03em; border-right:1px solid var(--line); }
.nth-strip__item:last-child { border-right:0; }

.nth-card { border:1px solid var(--line); border-radius:var(--radius); background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.025)); overflow:hidden; transition:transform .25s,border-color .25s; }
.nth-card:hover { transform:translateY(-5px); border-color:rgba(33,212,253,.35); }
.nth-card__body { padding:27px; }
.nth-card__visual { height:230px; position:relative; display:grid; place-items:center; background:radial-gradient(circle at 50% 45%,rgba(47,123,255,.34),transparent 47%),linear-gradient(145deg,#142942,#091323); }
.nth-card__visual:after { content:""; position:absolute; width:110px; height:170px; border:2px solid rgba(255,255,255,.48); border-radius:48% 48% 35% 35%; opacity:.28; box-shadow:0 0 40px rgba(33,212,253,.3),inset 0 0 30px rgba(139,92,246,.2); }
.nth-card__visual svg { position:relative; z-index:1; width:105px; height:165px; color:#dffaff; opacity:.92; filter:drop-shadow(0 0 22px rgba(33,212,253,.45)); }
.nth-pill { display:inline-flex; align-items:center; gap:7px; padding:7px 11px; border-radius:999px; background:rgba(33,212,253,.1); color:var(--cyan); font-size:.72rem; font-weight:800; text-transform:uppercase; letter-spacing:.08em; }
.nth-pill--violet { color:#c4adff; background:rgba(139,92,246,.12); }
.nth-pill--green { color:#78e9bd; background:rgba(73,212,157,.12); }
.nth-pill--coral { color:#ffaaa2; background:rgba(255,107,107,.12); }
.nth-card h3 { margin:17px 0 8px; font-size:1.5rem; letter-spacing:-.03em; }
.nth-card p { margin:0; color:#aebdd0; }
.nth-card__meta { display:flex; justify-content:space-between; gap:10px; margin-top:24px; padding-top:20px; border-top:1px solid var(--line); color:#dbe6f3; font-size:.82rem; font-weight:700; }
.nth-card__link { display:inline-flex; margin-top:22px; color:var(--cyan); font-weight:800; }
.nth-section--light .nth-card { background:#fff; border-color:#dfe7f0; box-shadow:0 18px 50px rgba(22,43,70,.08); }
.nth-section--light .nth-card p { color:#586a7e; }

/* Explicit light-surface colors: readable at every breakpoint. */
.nth-section--light .nth-step { background:#fff; border-color:#dfe7f0; color:var(--ink); }
.nth-section--light .nth-step h3,.nth-section--light .nth-card h3,.nth-feature h3 { color:var(--ink); }
.nth-section--light .nth-step p { color:#405369; }
.nth-section--light .nth-step:before,.nth-section--light .nth-eyebrow,.nth-partner-panel .nth-eyebrow { color:#1959a8; }
.nth-section--light .nth-disclosure { color:#334b63; background:#e7f1fa; border-left-color:#1874a5; }
.nth-section--light .nth-card__link,.nth-feature .nth-card__link { color:#195ed8; }
.nth-section--light .nth-card__meta { color:#405369; border-color:#dfe7f0; }
.nth-section--light .nth-checks li:before { color:#16734e; }
.nth-section--light .nth-orbit__core { color:#fff; }
.nth-grid > *,.nth-duo > *,.nth-footer__grid > * { min-width:0; }
.nth-card__meta { flex-wrap:wrap; }
.nth-step h3,.nth-title,.nth-cta h2 { overflow-wrap:break-word; hyphens:none; }
.nth-pill { max-width:100%; overflow-wrap:anywhere; }
.nth-btn--primary { color:#fff; background:linear-gradient(110deg,#205dcc,#7040d5); }
:where(a,button,input,select,textarea):focus-visible { outline:3px solid #21d4fd; outline-offset:4px; }
.nth-section--light :where(a,button):focus-visible { outline-color:#195ed8; }
.nth-nav a { min-height:44px; display:inline-flex; align-items:center; }
.nth-logo.nth-brand { gap:10px; flex-shrink:0; color:#fff; }
.nth-brand__symbol { width:43px; height:43px; flex:none; }
.nth-brand__words { display:flex; flex-direction:column; line-height:1.1; }
.nth-brand__name { font-size:22px; font-weight:900; letter-spacing:-1px; }
.nth-brand__name em { background:linear-gradient(100deg,#04d9f5,#3698ff 40%,#d84df0); color:transparent; background-clip:text; }
.nth-brand__sub { font-size:8px; color:#d6e2f2; letter-spacing:2.35px; margin-top:6px; font-weight:600; }
.nth-footer .nth-logo.nth-brand { display:inline-flex; }
.nth-footer__bottom { color:#99abc1; }
.nth-process .nth-step { padding:58px 24px 26px; }
.nth-process .nth-step:before { top:22px; left:24px; }

.nth-feature { min-height:100%; padding:34px; border-radius:var(--radius); background:#fff; color:var(--ink); border:1px solid #e1e8f1; }
.nth-feature__icon { width:50px; height:50px; display:grid; place-items:center; border-radius:16px; background:linear-gradient(135deg,rgba(47,123,255,.14),rgba(139,92,246,.14)); color:var(--blue); font-weight:900; font-size:1.25rem; }
.nth-feature h3 { margin:24px 0 9px; font-size:1.25rem; letter-spacing:-.025em; }
.nth-feature p { margin:0; color:#586a7d; }

.nth-duo { display:grid; grid-template-columns:1.08fr .92fr; gap:70px; align-items:center; }
.nth-orbit { min-height:470px; border-radius:36px; position:relative; overflow:hidden; background:radial-gradient(circle at 50% 45%,rgba(33,212,253,.2),transparent 27%),radial-gradient(circle at 70% 25%,rgba(139,92,246,.25),transparent 33%),linear-gradient(145deg,#102641,#07111f); border:1px solid var(--line); box-shadow:var(--shadow); display:grid; place-items:center; }
.nth-orbit:before,.nth-orbit:after { content:""; position:absolute; width:320px; height:320px; border-radius:50%; border:1px solid rgba(255,255,255,.15); animation:nth-spin 16s linear infinite; }
.nth-orbit:after { width:220px; height:220px; animation-direction:reverse; animation-duration:11s; }
.nth-orbit__core { width:135px; height:135px; border-radius:38px; display:grid; place-items:center; background:linear-gradient(135deg,var(--blue),var(--violet)); box-shadow:0 0 70px rgba(47,123,255,.52); font-size:2.5rem; font-weight:900; }
@keyframes nth-spin { to { transform:rotate(360deg); } }
.nth-checks { list-style:none; padding:0; margin:28px 0 0; }
.nth-checks li { position:relative; padding:10px 0 10px 30px; color:#c3cfdd; }
.nth-checks li:before { content:"✓"; position:absolute; left:0; color:var(--green); font-weight:900; }

.nth-process { counter-reset:step; }
.nth-step { position:relative; padding:28px 28px 28px 78px; border:1px solid var(--line); border-radius:20px; background:rgba(255,255,255,.035); }
.nth-step:before { counter-increment:step; content:"0" counter(step); position:absolute; left:26px; top:25px; color:var(--cyan); font-size:.78rem; font-weight:900; letter-spacing:.1em; }
.nth-step h3 { margin:0 0 5px; }
.nth-step p { margin:0; color:#aebdd0; }

.nth-cta { padding:62px; border-radius:34px; overflow:hidden; position:relative; color:#fff; background:linear-gradient(115deg,#1c5fe8,#6938d8 60%,#b93f59); box-shadow:var(--shadow); }
.nth-cta:after { content:""; position:absolute; inset:-60% -10% auto 55%; width:420px; height:420px; border:1px solid rgba(255,255,255,.25); border-radius:50%; }
.nth-cta h2 { position:relative; z-index:1; margin:0; max-width:760px; font-size:clamp(2rem,4vw,3.5rem); line-height:1.05; letter-spacing:-.045em; }
.nth-cta p,.nth-cta .nth-actions { position:relative; z-index:1; }
.nth-cta p { max-width:680px; color:#eef3ff; }

.nth-partner-panel { margin-top:72px; padding:56px; border:1px solid #dfe7f0; border-radius:34px; background:#fff; box-shadow:0 24px 70px rgba(22,43,70,.1); scroll-margin-top:110px; }
.nth-partner-panel__intro { max-width:780px; margin-bottom:36px; }
.nth-partner-panel__intro p:last-child { color:#586a7d; }
.nth-partner-form { position:relative; }
.nth-form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; }
.nth-field { display:flex; flex-direction:column; gap:8px; }
.nth-field--full { grid-column:1 / -1; }
.nth-field label { color:#263950; font-weight:800; font-size:.9rem; }
.nth-field label span,.nth-consent strong { color:#b83757; }
.nth-field input,.nth-field select,.nth-field textarea { width:100%; padding:14px 16px; border:1px solid #cfd9e5; border-radius:14px; background:#f8fafd; color:var(--ink); font:inherit; transition:border-color .2s,box-shadow .2s,background .2s; }
.nth-field input,.nth-field select { min-height:52px; }
.nth-field textarea { resize:vertical; min-height:150px; }
.nth-field input:focus,.nth-field select:focus,.nth-field textarea:focus { outline:none; border-color:var(--blue); background:#fff; box-shadow:0 0 0 4px rgba(47,123,255,.12); }
.nth-consent { display:flex; align-items:flex-start; gap:12px; margin:24px 0; color:#4d6074; font-size:.92rem; }
.nth-consent input { width:18px; height:18px; margin-top:4px; flex:0 0 auto; accent-color:var(--blue); }
.nth-consent a { color:#195ed8; text-decoration:underline; font-weight:700; }
.nth-form-required { display:inline-block; margin:0 0 0 14px; color:#66788b; font-size:.82rem; }
.nth-form-notice { margin:0 0 28px; padding:16px 18px; border-radius:14px; }
.nth-form-notice--success { color:#12633f; background:#e7f8f0; border:1px solid #9ee0c2; }
.nth-form-notice--error { color:#8d2840; background:#fff0f3; border:1px solid #f0bac7; }
.nth-honeypot { position:absolute!important; left:-10000px!important; width:1px!important; height:1px!important; overflow:hidden!important; }

.nth-page-hero { padding:178px 0 90px; min-height:520px; display:flex; align-items:center; background:radial-gradient(circle at 80% 20%,rgba(139,92,246,.25),transparent 35%),radial-gradient(circle at 20% 70%,rgba(33,212,253,.14),transparent 30%),var(--ink); }
.nth-table { width:100%; border-collapse:collapse; margin-top:36px; border-radius:18px; overflow:hidden; border:1px solid var(--line); }
.nth-table th,.nth-table td { text-align:left; padding:18px 20px; border-bottom:1px solid var(--line); vertical-align:top; }
.nth-table th { color:#8eeaff; font-size:.76rem; text-transform:uppercase; letter-spacing:.08em; background:rgba(255,255,255,.04); }
.nth-table td { color:#c5d0de; }
.nth-disclosure { padding:18px 22px; border-left:3px solid var(--cyan); background:rgba(33,212,253,.07); color:#bfccdb; border-radius:0 12px 12px 0; font-size:.9rem; }
.nth-content { background:var(--paper); color:var(--ink); padding:90px 0; }
.nth-content .entry-content { max-width:860px; margin:auto; }
.nth-content a { color:#195ed8; text-decoration:underline; }

.nth-footer { background:#050d18; border-top:1px solid var(--line); padding:70px 0 24px; }
.nth-footer__grid { display:grid; grid-template-columns:1.4fr 1fr 1fr 1fr; gap:40px; }
.nth-footer h3 { margin:0 0 16px; font-size:.82rem; text-transform:uppercase; letter-spacing:.1em; color:#e7eef8; }
.nth-footer p,.nth-footer a { color:#93a5ba; font-size:.9rem; }
.nth-footer a { display:block; margin:9px 0; }
.nth-footer__bottom { display:flex; justify-content:space-between; gap:20px; margin-top:55px; padding-top:22px; border-top:1px solid var(--line); color:#71839a; font-size:.78rem; }

@media (max-width: 980px) {
  .nth-nav { display:none; position:absolute; left:20px; right:20px; top:68px; padding:22px; flex-direction:column; align-items:flex-start; border:1px solid var(--line); border-radius:18px; background:#0a1728; box-shadow:var(--shadow); }
  .nth-nav.is-open { display:flex; }
  .nth-menu-toggle { display:block; }
  .nth-header .nth-btn { display:none; }
  .nth-grid--4 { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .nth-grid--3 { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .nth-duo { grid-template-columns:1fr; gap:46px; }
  .nth-footer__grid { grid-template-columns:repeat(2,1fr); }
}
@media (max-width: 680px) {
  body.admin-bar .nth-header { top:46px; }
  .nth-wrap { width:min(100% - 28px,1180px); }
  .nth-section { padding:72px 0; }
  .nth-hero { min-height:720px; padding-top:135px; background-position:64% center; }
  .nth-hero:before { content:""; position:absolute; inset:0; background:linear-gradient(180deg,rgba(5,12,24,.65),rgba(5,12,24,.9) 58%,#07111f); }
  .nth-hero__content { align-self:flex-end; }
  .nth-title { font-size:clamp(2rem,10vw,3rem); }
  .nth-title--section { font-size:clamp(1.9rem,8.5vw,2.8rem); }
  .nth-header__inner { gap:12px; }
  .nth-brand__name { font-size:21px; }
  .nth-brand__symbol { width:38px; height:42px; }
  .nth-brand__sub { font-size:7px; letter-spacing:2.3px; }
  .nth-eyebrow { line-height:1.5; letter-spacing:.11em; }
  .nth-feature { padding:28px; }
  .nth-field input,.nth-field select,.nth-field textarea { min-width:0; font-size:16px; }
  .nth-content { overflow-wrap:anywhere; }
  .nth-footer__bottom { overflow-wrap:anywhere; }
  .nth-hero__proof { gap:11px; flex-direction:column; }
  .nth-strip__inner { grid-template-columns:1fr 1fr; }
  .nth-strip__item { border-bottom:1px solid var(--line); }
  .nth-grid--2,.nth-grid--3,.nth-grid--4 { grid-template-columns:1fr; }
  .nth-orbit { min-height:350px; }
  .nth-cta { padding:38px 26px; }
  .nth-cta h2 { font-size:clamp(1.65rem,7.2vw,2.2rem)!important; }
  .nth-partner-panel { margin-top:52px; padding:32px 22px; }
  .nth-form-grid { grid-template-columns:1fr; }
  .nth-field--full { grid-column:auto; }
  .nth-partner-form .nth-btn { width:100%; }
  .nth-form-required { display:block; margin:10px 0 0; text-align:center; }
  .nth-page-hero { padding:145px 0 70px; min-height:430px; }
  .nth-table { display:block; overflow-x:auto; }
  .nth-footer__grid { grid-template-columns:1fr; }
  .nth-footer__bottom { flex-direction:column; }
}
@media (prefers-reduced-motion: reduce) { html{scroll-behavior:auto}.nth-orbit:before,.nth-orbit:after{animation:none}.nth-card,.nth-btn{transition:none} }

/* Catalog extension: existing colors, typography and layout system retained. */
.nth-smart-directory { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px; margin:36px 0; }
.nth-smart-directory__item { min-width:0; padding:24px 0; border-top:2px solid #2567df; }
.nth-smart-directory__item h3 { font-size:1.3rem; letter-spacing:0; overflow-wrap:anywhere; }
.nth-smart-directory__item p { color:#405369; }
.nth-smart-disclosure { margin:40px 0 28px; }
@media (min-width:981px) and (max-width:1400px) { .nth-header .nth-btn { display:none; } .nth-nav { gap:16px; } }
@media (max-width:980px) { .nth-smart-directory { grid-template-columns:1fr; gap:16px; } }
.nth-catalog-block,.nth-catalog-cta,.nth-sources { margin-top:56px; scroll-margin-top:125px; }
.nth-breadcrumb { color:#405369; margin-bottom:38px; font-size:.88rem; overflow-wrap:anywhere; }
.nth-breadcrumb a,.nth-inline-link,.nth-editorial a,.nth-sources a { color:#195ed8; text-decoration:underline; text-underline-offset:4px; font-weight:700; }
.nth-category-links { display:flex; flex-wrap:wrap; gap:10px; margin:24px 0 34px; }
.nth-category-links a { border:1px solid #526782; padding:10px 16px; border-radius:30px; color:#deedff; font-size:.88rem; font-weight:700; }
.nth-section--light .nth-category-links a { color:#194f91; border-color:#a7bdd4; background:#fff; }
.nth-section--light .nth-pill { color:#14526a; background:#e0f5fa; }
.nth-visual-label { position:absolute; bottom:10px; font-size:.72rem; color:#c9dcf1; z-index:2; }
.nth-product-media { margin:0; overflow:hidden; border:1px solid #b7c9dc; border-radius:24px; background:#fff; }
.nth-product-media .nth-card__visual { height:330px; }
.nth-product-media video { width:100%; display:block; aspect-ratio:16/10; background:#07111f; }
.nth-product-media figcaption { padding:18px; color:#405369; font-size:.83rem; }
.nth-spec-list { padding-left:22px; color:#405369; }
.nth-sources { border-top:1px solid #c8d7e5; padding-top:24px; }
.nth-sources a { display:block; margin:14px 0; overflow-wrap:anywhere; }
.nth-market-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; margin:28px 0 44px; }
.nth-market-list dt { font-weight:800; margin-top:14px; }
.nth-market-list dd { margin:4px 0 0; color:#405369; }
.nth-motion { margin:0; min-width:0; border-radius:24px; border:1px solid #35516e; overflow:hidden; background:radial-gradient(ellipse at 60% 30%,#163757,#07111f 80%); color:#fff; }
.nth-motion__top { display:flex; align-items:center; justify-content:space-between; gap:14px; padding:18px 22px; font-size:.76rem; color:#d1e1f3; }
.nth-motion-toggle { border:1px solid #7187a3; border-radius:20px; padding:9px 12px; min-height:44px; background:#10243d; color:#fff; font:inherit; cursor:pointer; }
.nth-motion svg { display:block; width:100%; height:auto; }
.nth-motion figcaption { padding:18px 22px 24px; font-size:.84rem; }
.nth-motion figcaption strong,.nth-motion figcaption span { display:block; }
.nth-motion figcaption span { color:#b6c9de; margin-top:8px; font-size:.75rem; }
.nth-motion.is-playing .nth-motion__parcel { animation:nth-transfer 7s ease-in-out infinite; }
.nth-motion.is-playing .nth-motion__robot { animation:nth-work 7s ease-in-out infinite; transform-origin:340px 270px; }
.nth-motion.is-playing .nth-motion__path { animation:nth-route 2s linear infinite; }
@keyframes nth-transfer { 0%,15%,100%{transform:translate(0,0)} 45%,65%{transform:translate(100px,15px)} }
@keyframes nth-work { 0%,15%,100%{transform:translateX(0)} 45%,65%{transform:translateX(75px)} }
@keyframes nth-route { to{stroke-dashoffset:-36} }
@media(min-width:981px) and (max-width:1140px) { .nth-header__inner{gap:16px}.nth-nav{gap:14px}.nth-header .nth-btn{padding-inline:12px;font-size:.8rem} }
@media(max-width:680px) { .nth-market-list{grid-template-columns:1fr}.nth-product-media .nth-card__visual{height:260px}.nth-motion__top{align-items:flex-start;padding:16px}.nth-motion-toggle{font-size:.72rem;flex-shrink:0}.nth-catalog-block,.nth-catalog-cta{margin-top:42px} }
@media(prefers-reduced-motion:reduce) { .nth-motion.is-playing * { animation:none!important; } }