/* ======================================================================
 * СЭМЗ — Сибирский электромашиностроительный завод, Томск
 * 1. Токены и базовые стили дизайн-системы.
 * 2. Собственные стили страницы.
 * 3. Классы .uN — бывшие инлайновые стили макета.
 * 4. Рукописные правки и адаптив — в custom.css и responsive.css.
 * ==================================================================== */

body{background:var(--surface-page);color:var(--text-body);font-family:var(--font-body);font-size:var(--text-body);line-height:var(--lh-body);-webkit-font-smoothing:antialiased}
h1,h2,h3,h4{font-family:var(--font-display);color:var(--text-heading);font-weight:var(--fw-bold);margin:0}
a{color:var(--text-link);text-decoration:none;transition:color var(--dur-fast) var(--ease-standard)}
a:hover{color:var(--text-link-hover);text-decoration:underline}
.semz-label{font-family:var(--font-display);font-size:var(--text-label);font-weight:var(--fw-bold);letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--blue-600)}
.semz-spec{font-family:var(--font-mono);font-size:var(--text-spec);letter-spacing:var(--ls-spec)}
.semz-container{max-width:var(--container-max);margin:0 auto;padding:0 var(--container-pad)}
.semz-header-nav{display:flex;gap:var(--space-5);flex-wrap:nowrap;white-space:nowrap}
.semz-hero-img{position:absolute;right:2%;bottom:0;height:86%;max-width:46%;object-fit:contain;filter:drop-shadow(0 24px 60px rgba(0,0,0,.45));pointer-events:none}
@media(max-width:1100px){.semz-header-nav{display:none}.semz-hero-img{opacity:.3;max-width:60%}}

:root{
  /* --- Синяя шкала бренда. Значения сняты пипеткой с градиента и логотипа старого сайта --- */
  --blue-950:#05304f;
  --blue-900:#073f6d;
  --blue-800:#085489;
  --blue-700:#0965a4; /* ядро бренда — «глубокий» синий градиента */
  --blue-600:#1075ac; /* шапка старого сайта */
  --blue-500:#198dbd;
  --blue-400:#23a5cd; /* циан градиента */
  --blue-300:#2ecae1; /* циан логотипа */
  --blue-200:#8fe2f2;
  --blue-100:#c2f5f6; /* подсветка активной вкладки */
  --blue-050:#eaf7fc;

  /* --- Тёплые нейтральные. Сняты с бумажной текстуры фона старого сайта --- */
  --paper-000:#fffdf7;
  --paper-100:#faf9f4;
  --paper-200:#f2f0e9;
  --line-100:#e4e1d8;
  --line-200:#d0ccc0;

  --ink-900:#1b1f23;
  --ink-700:#333a40;
  --ink-500:#5a646c;
  --ink-400:#8a939a;
  --white:#ffffff;

  /* --- Служебные состояния (добавлены системой, на старом сайте отсутствовали) --- */
  --success-600:#2f8f4e;
  --success-050:#eaf6ed;
  --warning-600:#c9821a;
  --warning-050:#fdf4e5;
  --danger-600:#c2372c;
  --danger-050:#fbeceb;

  /* --- Семантические псевдонимы --- */
  --text-heading:var(--ink-900);
  --text-body:var(--ink-700);
  --text-muted:var(--ink-500);
  --text-disabled:var(--ink-400);
  --text-on-brand:var(--white);
  --text-link:var(--blue-700);
  --text-link-hover:var(--blue-500);

  --surface-page:var(--paper-100);
  --surface-card:var(--white);
  --surface-sunken:var(--paper-200);
  --surface-brand:var(--blue-700);
  --surface-brand-soft:var(--blue-050);
  --surface-dark:var(--blue-950);

  --border-subtle:var(--line-100);
  --border-strong:var(--line-200);
  --border-brand:var(--blue-700);

  --action-primary:var(--blue-700);
  --action-primary-hover:var(--blue-600);
  --action-primary-active:var(--blue-800);
  --action-accent:var(--blue-400);

  /* --- Градиенты и свечение: главный визуальный мотив бренда --- */
  --gradient-brand:linear-gradient(105deg,var(--blue-800) 0%,var(--blue-600) 48%,var(--blue-400) 100%); /* @kind color */
  --gradient-hero:radial-gradient(130% 150% at 78% 46%,#2bb0d4 0%,#198dbd 32%,#0965a4 68%,#05304f 100%); /* @kind color */
  --gradient-deep:linear-gradient(180deg,var(--blue-900) 0%,var(--blue-950) 100%); /* @kind color */
  --glow-center:radial-gradient(closest-side,rgba(255,255,255,.55) 0%,rgba(255,255,255,0) 72%); /* @kind color */
}

:root{
  --shadow-none:none;
  --shadow-hairline:0 0 0 1px var(--border-subtle);
  --shadow-card:0 1px 2px rgba(27,31,35,.05),0 2px 10px rgba(27,31,35,.05);
  --shadow-card-hover:0 2px 4px rgba(27,31,35,.06),0 10px 28px rgba(9,101,164,.13);
  --shadow-panel:0 8px 40px rgba(27,31,35,.10);
  --shadow-brand:0 8px 24px rgba(9,101,164,.28);
  --inset-top:inset 0 1px 0 rgba(255,255,255,.22); /* @kind shadow */
}



/* Шрифты. Исходный сайт СЭМЗ веб-шрифтов не использовал (системный sans-serif +
   Georgia italic в заголовках сайдбара). Manrope и JetBrains Mono — подобранная
   замена с полной поддержкой кириллицы. См. readme.md → Type substitution. */
:root{
  --font-display:"Manrope","Helvetica Neue",Arial,sans-serif;
  --font-body:"Manrope","Helvetica Neue",Arial,sans-serif;
  --font-mono:"JetBrains Mono","Consolas",monospace;
}

:root{
  --ease-standard:cubic-bezier(.2,.6,.2,1); /* @kind other */
  --ease-out:cubic-bezier(0,.6,.3,1);       /* @kind other */
  --dur-fast:120ms;                         /* @kind other */
  --dur-base:180ms;                         /* @kind other */
  --dur-slow:320ms;                         /* @kind other */
  --transition-base:all var(--dur-base) var(--ease-standard); /* @kind other */
}

:root{
  --radius-none:0px;
  --radius-xs:2px;
  --radius-sm:4px;
  --radius-md:6px;   /* базовый: кнопки, поля, вкладки — как на старом сайте */
  --radius-lg:10px;  /* карточки */
  --radius-xl:16px;  /* крупные блоки, hero-панели */
  --radius-pill:999px;
}

:root{
  --space-1:4px;  --space-2:8px;  --space-3:12px; --space-4:16px;
  --space-5:20px; --space-6:24px; --space-8:32px; --space-10:40px;
  --space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;
  --space-section:96px;
  --container-max:1240px; /* @kind spacing */
  --container-pad:24px; /* @kind spacing */
  --gutter:24px; /* @kind spacing */
}

:root{
  --text-hero:56px;   /* @kind font */
  --lh-hero:1.05;     /* @kind other */
  --ls-hero:-1.6px;   /* @kind other */
  --text-h1:40px;     /* @kind font */
  --lh-h1:1.12;       /* @kind other */
  --ls-h1:-0.9px;     /* @kind other */
  --text-h2:30px;     /* @kind font */
  --lh-h2:1.2;        /* @kind other */
  --ls-h2:-0.5px;     /* @kind other */
  --text-h3:22px;     /* @kind font */
  --lh-h3:1.27;       /* @kind other */
  --ls-h3:-0.2px;     /* @kind other */
  --text-h4:18px;     /* @kind font */
  --lh-h4:1.33;       /* @kind other */
  --ls-h4:0;          /* @kind other */
  --text-lead:19px;   /* @kind font */
  --lh-lead:1.58;     /* @kind other */
  --text-body:16px;   /* @kind font */
  --lh-body:1.62;     /* @kind other */
  --text-sm:14px;     /* @kind font */
  --lh-sm:1.5;        /* @kind other */
  --text-xs:12px;     /* @kind font */
  --lh-xs:1.4;        /* @kind other */
  --text-label:12px;  /* @kind font */ /* прописные подписи разделов */
  --ls-label:0.9px;   /* @kind other */
  --text-spec:13px;   /* @kind font */ /* моно: марки, ГОСТ, артикулы */
  --ls-spec:0.2px;    /* @kind other */

  --fw-regular:400;   /* @kind font */
  --fw-medium:500;    /* @kind font */
  --fw-semibold:600;  /* @kind font */
  --fw-bold:700;      /* @kind font */
  --fw-black:800;     /* @kind font */
}











/* --- Стили страницы --- */
html{scroll-behavior:smooth}
    body{margin:0;overflow-x:hidden}
    #dc-root,.sc-host{max-width:100%;overflow-x:clip}
    img,svg{max-width:100%}
    .semz-page{overflow-x:clip}
    a{color:var(--text-link)}a:hover{color:var(--text-link-hover)}
    .semz-anchor{scroll-margin-top:104px}
    .semz-nav-link{font-family:var(--font-display);font-size:15px;font-weight:500;color:#fff;text-decoration:none;padding-bottom:3px;border-bottom:2px solid transparent}
    .semz-nav-link:hover{color:#fff;text-decoration:none;border-bottom-color:var(--blue-300)}
    .semz-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
    .semz-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
    .semz-grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
    .semz-grid-5{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px}
    .semz-grid-6{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}
    .semz-split{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}
    .semz-split-wide{display:grid;grid-template-columns:1.15fr 1fr;gap:56px;align-items:start}
    .semz-logos{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
    .semz-hero-copy{max-width:640px}
    @media(max-width:900px){.semz-hero-grid{grid-template-columns:1fr!important;padding-top:var(--space-8)!important;padding-bottom:var(--space-10)!important;gap:var(--space-8)!important;align-items:start!important}.semz-hero-slider{height:300px!important}#top{min-height:0!important}}
    @media(max-width:1100px){.semz-header-nav{display:none}.semz-grid-5{grid-template-columns:repeat(3,minmax(0,1fr))}.semz-grid-6{grid-template-columns:repeat(3,minmax(0,1fr))}.semz-logos{grid-template-columns:repeat(4,minmax(0,1fr))}.semz-split-wide{grid-template-columns:1fr}}
    @media(max-width:1100px){.semz-burger{display:inline-flex!important}}
    @media(max-width:900px){
      .semz-cta-row{flex-direction:column;align-items:stretch}.semz-cta-row .sc-host-x{display:block;width:100%;min-width:0}
      .semz-cta-row a,.semz-cta-row button{box-sizing:border-box;display:flex!important;width:100%!important;max-width:100%;white-space:normal!important;height:auto!important;min-height:50px;padding:12px 16px!important;text-align:center;line-height:1.3}
      section .sc-host-x>a,section .sc-host-x>button{box-sizing:border-box;max-width:100%;white-space:normal!important;height:auto!important;min-height:44px;padding:10px 16px!important;text-align:center;line-height:1.3}}
    @media(max-width:860px){.semz-grid-3,.semz-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.semz-split{grid-template-columns:1fr}.semz-header-phone{display:none}}
    @media(max-width:600px){.semz-header-cta{display:none}.semz-header-name{display:none!important}header>div:first-child{height:72px!important}.semz-anchor{scroll-margin-top:84px}

      .semz-callout{padding:var(--space-6)!important}.semz-callout>*{flex:1 1 100%!important}
      h1{font-size:34px!important;letter-spacing:-0.9px!important}h2{font-size:26px!important;letter-spacing:-0.4px!important}
      .semz-hero-grid{padding-top:var(--space-6)!important;padding-bottom:var(--space-8)!important}
      section{padding-top:var(--space-16)!important;padding-bottom:var(--space-16)!important}.semz-hero-slider{height:230px!important}
      .semz-form{padding:var(--space-5)!important}.semz-contact-card{padding:var(--space-4)!important;gap:var(--space-3)!important}.semz-contact-card span:last-child span:last-child{font-size:18px!important;word-break:break-all}}
    @media(max-width:600px){.semz-grid-2,.semz-grid-3,.semz-grid-4,.semz-grid-5{grid-template-columns:1fr}.semz-grid-6{grid-template-columns:repeat(2,minmax(0,1fr))}.semz-logos{grid-template-columns:repeat(3,minmax(0,1fr))}.semz-hero-copy h1{font-size:36px!important;letter-spacing:-0.9px!important}.semz-form-2{grid-template-columns:1fr!important}}
    @keyframes semz-slide-in{0%{opacity:0;transform:translateX(60px) scale(1.04);filter:blur(22px) drop-shadow(0 24px 60px rgba(0,0,0,0))}55%{opacity:1;filter:blur(6px) drop-shadow(0 24px 60px rgba(0,0,0,.2))}100%{opacity:1;transform:none;filter:blur(0) drop-shadow(0 24px 60px rgba(0,0,0,.45))}}
    @keyframes semz-slide-out{0%{opacity:1;transform:none;filter:blur(0) drop-shadow(0 24px 60px rgba(0,0,0,.45))}100%{opacity:0;transform:translateX(-70px) scale(.96);filter:blur(26px) drop-shadow(0 24px 60px rgba(0,0,0,0))}}
    .semz-mobile-nav *{box-sizing:border-box;min-width:0}
    .semz-mobile-nav .sc-host-x{display:block;width:100%;max-width:100%}
    .semz-mobile-nav .sc-host-x>a,.semz-mobile-nav .sc-host-x>button{width:100%!important;max-width:100%}
    .semz-form *{box-sizing:border-box}
    .semz-form .sc-host-x,.semz-form label{min-width:0;max-width:100%;display:block}
    .semz-form input,.semz-form textarea{max-width:100%}

/* --- Стили макета --- */
.u1{background: var(--paper-100); color: var(--text-body); font-family: var(--font-body); min-width: 0px;}
.u2{position: sticky; top: 0px; z-index: 40; background: var(--gradient-brand); box-shadow: var(--shadow-brand);}
.u3{max-width: var(--container-max); margin: 0px auto; padding: 0 var(--container-pad); display: flex; align-items: center; gap: var(--space-8); height: 92px;}
.u4{display: flex; align-items: center; gap: 14px; text-decoration: none; flex: 0 0 auto;}
.u5{height: 56px; width: 56px; display: block;}
.u6{font-family: var(--font-display); font-weight: 800; font-size: 215px; letter-spacing: -6px;}
.u7{display: block; font-family: var(--font-display); font-size: 13px; line-height: 1.3; font-weight: 500; color: rgba(255, 255, 255, 0.85); max-width: 200px;}
.u8{margin-left: auto;}
.u9{display: flex; align-items: center; gap: var(--space-4); flex: 0 0 auto; margin-left: auto;}
.u10{font-family: var(--font-mono); font-size: 15px; color: rgb(255, 255, 255); text-decoration: none;}
.u11{display: contents;}
.u12{font-family: var(--font-display); font-weight: var(--fw-semibold); display: inline-flex; align-items: center; justify-content: center; gap: var(--space-2); border-radius: var(--radius-md); border: 1px solid transparent; cursor: pointer; transition: var(--transition-base); text-decoration: none; white-space: nowrap; height: 44px; padding: 0px 22px; font-size: 15px; background: var(--white); color: var(--blue-800); opacity: 1;}
.u13{display: none; width: 44px; height: 44px; border: 1px solid rgba(255, 255, 255, 0.35); border-radius: var(--radius-md); background: rgba(255, 255, 255, 0.12); color: rgb(255, 255, 255); cursor: pointer; padding: 0px; align-items: center; justify-content: center;}
.u14{display: flex; flex-direction: column; gap: 5px;}
.u15{display: block; width: 20px; height: 2px; background: rgb(255, 255, 255);}
.u16{position: relative; overflow: hidden; background: var(--gradient-hero); min-height: 640px;}
.u17{position: absolute; inset: -25% -10%; background: var(--glow-center); pointer-events: none;}
.u18{position: relative; max-width: var(--container-max); margin: 0px auto; padding: var(--space-20) var(--container-pad) var(--space-24); display: grid; grid-template-columns: minmax(0px, 1.3fr) minmax(0px, 1fr); gap: var(--space-12); align-items: center;}
.u19{display: flex; flex-direction: column; gap: var(--space-5); position: relative; z-index: 1;}
.u20{margin: 0px; font-family: var(--font-display); font-size: var(--text-hero); line-height: var(--lh-hero); letter-spacing: var(--ls-hero); font-weight: 800; color: rgb(255, 255, 255); text-wrap: pretty;}
.u21{margin: 0px; font-size: var(--text-lead); line-height: var(--lh-lead); color: rgba(255, 255, 255, 0.82); text-wrap: pretty;}
.u22{font-family: var(--font-mono); font-size: 17px; white-space: nowrap;}
.u23{list-style: none; margin: 0px; padding: 0px; display: flex; flex-direction: column; gap: 10px; font-size: var(--text-body); color: rgb(255, 255, 255);}
.u24{display: flex; gap: 12px; align-items: baseline;}
.u25{font-family: var(--font-mono); color: var(--blue-300);}
.u26{display: flex; gap: var(--space-3); flex-wrap: wrap; margin-top: var(--space-2);}
.u27{font-family: var(--font-display); font-weight: var(--fw-semibold); display: inline-flex; align-items: center; justify-content: center; gap: var(--space-2); border-radius: var(--radius-md); border: 1px solid transparent; cursor: pointer; transition: var(--transition-base); text-decoration: none; white-space: nowrap; height: 54px; padding: 0px 30px; font-size: 16px; background: var(--white); color: var(--blue-800); opacity: 1;}
.u28{display: inline-flex; align-items: center; height: 54px; padding: 0px 30px; border-radius: var(--radius-md); border: 1px solid rgba(255, 255, 255, 0.55); color: rgb(255, 255, 255); font-family: var(--font-display); font-weight: 600; font-size: 16px; text-decoration: none; white-space: nowrap; transition: var(--transition-base);}
.u28:hover{background:rgba(255,255,255,.12); border-color:#fff; color:#fff; text-decoration:none;}
.u29{position: relative; display: flex; flex-direction: column; align-items: center; gap: var(--space-4); z-index: 1;}
.u30{position: relative; width: 100%; height: 420px; overflow: visible;}
.u31{position: absolute; inset: -80px; padding: 80px; mask-image: linear-gradient(90deg, transparent 0px, rgb(0, 0, 0) 14%, rgb(0, 0, 0) 86%, transparent 100%), linear-gradient(transparent 0px, rgb(0, 0, 0) 18%, rgb(0, 0, 0) 82%, transparent 100%); mask-composite: intersect;}
.u32{position: absolute; inset: 80px; width: calc(100% - 160px); height: calc(100% - 160px); object-fit: contain; will-change: transform, filter, opacity; animation: 700ms cubic-bezier(0.2, 0.6, 0.2, 1) 0s 1 normal both running semz-slide-out; z-index: 1;}
.u33{position: absolute; inset: 80px; width: calc(100% - 160px); height: calc(100% - 160px); object-fit: contain; will-change: transform, filter, opacity; animation: 900ms cubic-bezier(0.2, 0.6, 0.2, 1) 0s 1 normal both running semz-slide-in; z-index: 2;}
.u34{background: var(--white); border-bottom: 1px solid var(--line-100);}
.u35{max-width: var(--container-max); margin: 0px auto; padding: var(--space-12) var(--container-pad);}
.u36{display: flex; flex-direction: column; gap: 6px; padding-left: var(--space-5); border-left: 3px solid var(--blue-400);}
.u37{font-family: var(--font-display); font-size: 30px; font-weight: 800; letter-spacing: -1px; line-height: 1; color: var(--blue-700);}
.u38{font-size: var(--text-sm); line-height: 1.45; color: var(--text-muted);}
.u39{font-family: var(--font-mono);}
.u40{padding: var(--space-section) 0;}
.u41{max-width: var(--container-max); margin: 0px auto; padding: 0 var(--container-pad); display: flex; flex-direction: column; gap: var(--space-10);}
.u42{display: flex; flex-direction: column; gap: var(--space-3); align-items: flex-start; text-align: left;}
.u43{display: flex; width: 100%; align-items: flex-end; justify-content: space-between; gap: var(--space-6);}
.u44{font-family: var(--font-display); font-size: var(--text-h2); line-height: var(--lh-h2); letter-spacing: var(--ls-h2); font-weight: var(--fw-bold); margin: 0px; color: var(--text-heading);}
.u45{margin: 0px; font-size: var(--text-lead); line-height: var(--lh-lead); max-width: 640px; color: var(--text-muted);}
.u46{display: flex; flex-direction: column; background: var(--white); border-radius: var(--radius-lg); overflow: hidden; box-shadow: var(--shadow-card); transition: var(--transition-base);}
.u46:hover{transform:translateY(-2px); box-shadow:var(--shadow-card-hover);}
.u47{height: 200px; background: var(--paper-100); display: flex; align-items: center; justify-content: center; padding: 16px; position: relative;}
.u48{max-width: 100%; max-height: 100%; object-fit: contain;}
.u49{position: absolute; top: 14px; left: 16px; font-family: var(--font-mono); font-size: var(--text-spec); color: var(--blue-600);}
.u50{padding: var(--space-5); display: flex; flex-direction: column; gap: var(--space-3); border-top: 1px solid var(--line-100); flex: 1 1 0%;}
.u51{margin: 0px; font-family: var(--font-display); font-size: var(--text-h4); line-height: var(--lh-h4); font-weight: 700; color: var(--text-heading);}
.u52{color: var(--text-muted); font-weight: 600;}
.u53{font-family: var(--font-mono); font-size: 16px;}
.u54{margin: 0px; font-size: var(--text-sm); line-height: 1.55; color: var(--text-muted); flex: 1 1 0%; text-wrap: pretty;}
.u55{font-family: var(--font-display); font-weight: var(--fw-semibold); display: inline-flex; align-items: center; justify-content: center; gap: var(--space-2); border-radius: var(--radius-md); border-width: 1px; border-style: solid; border-color: var(--border-strong); border-image: initial; cursor: pointer; transition: var(--transition-base); text-decoration: none; white-space: nowrap; height: 34px; padding: 0px 14px; font-size: 13px; background: var(--white); color: var(--blue-700); opacity: 1;}
.u56{background: var(--blue-050); border-radius: var(--radius-xl); padding: var(--space-8); display: flex; gap: var(--space-8); align-items: center; flex-wrap: wrap;}
.u57{margin: 0px; flex: 1 1 480px; font-size: var(--text-body); line-height: var(--lh-body); color: var(--ink-700); text-wrap: pretty;}
.u58{font-family: var(--font-display); font-weight: var(--fw-semibold); display: inline-flex; align-items: center; justify-content: center; gap: var(--space-2); border-radius: var(--radius-md); border: 1px solid transparent; cursor: pointer; transition: var(--transition-base); text-decoration: none; white-space: nowrap; height: 54px; padding: 0px 30px; font-size: 16px; background: var(--action-primary); color: var(--text-on-brand); box-shadow: var(--inset-top); opacity: 1;}
.u59{padding: var(--space-section) 0; background: var(--white);}
.u60{display: flex; flex-direction: column; gap: var(--space-4); padding: var(--space-8); border: 1px solid var(--line-100); border-radius: var(--radius-lg);}
.u61{font-family: var(--font-display); font-size: 56px; font-weight: 800; letter-spacing: -1.6px; line-height: 1; color: var(--blue-700);}
.u62{margin: 0px; font-family: var(--font-display); font-size: var(--text-h3); line-height: var(--lh-h3); letter-spacing: var(--ls-h3); font-weight: 700;}
.u63{margin: 0px; font-size: var(--text-body); line-height: var(--lh-body); color: var(--text-muted); text-wrap: pretty;}
.u64{font-family: var(--font-mono); font-size: 15px;}
.u65{font-family: var(--font-mono); font-size: 22px; font-weight: 600; line-height: 1; color: var(--blue-700); padding-top: 17px; padding-bottom: 17px;}
.u66{display: flex; gap: var(--space-4); align-items: flex-start;}
.u67{flex: 0 0 auto; width: 24px; height: 24px; color: var(--blue-600);}
.u68{margin: 0px; font-size: var(--text-sm); line-height: 1.55; color: var(--text-muted);}
.u69{display: block; color: var(--ink-900); font-family: var(--font-display); font-size: var(--text-body); margin-bottom: 4px;}
.u70{max-width: var(--container-max); margin: 0px auto; padding: 0 var(--container-pad);}
.u71{display: flex; flex-direction: column; gap: var(--space-6);}
.u72{list-style: none; margin: 0px; padding: 0px; display: flex; flex-direction: column; border-top: 1px solid var(--line-100);}
.u73{display: grid; grid-template-columns: 72px 1fr; gap: var(--space-3); padding: var(--space-5) 0; border-bottom: 1px solid var(--line-100);}
.u74{font-family: var(--font-display); font-size: 34px; font-weight: 800; letter-spacing: -1px; line-height: 1; color: var(--blue-400);}
.u75{display: flex; flex-direction: column; gap: 4px;}
.u76{font-family: var(--font-display); font-size: var(--text-body); font-weight: 700; color: var(--ink-900); line-height: 1.35;}
.u77{font-size: var(--text-sm); line-height: 1.5; color: var(--text-muted);}
.u78{display: flex; flex-direction: column; gap: var(--space-5);}
.u79{display: grid; place-items: center; width: 64px; height: 64px; border-radius: var(--radius-lg); background: var(--blue-050); color: var(--blue-700);}
.u80{width: 32px; height: 32px;}
.u81{margin: 0px; font-size: var(--text-body); line-height: 1.55; color: var(--ink-700); text-wrap: pretty;}
.u82{position: relative; overflow: hidden; background: var(--gradient-brand); border-radius: var(--radius-xl); padding: var(--space-8) var(--space-10); display: flex; gap: var(--space-8); align-items: center; flex-wrap: wrap;}
.u83{position: absolute; inset: -40% -10%; background: var(--glow-center); pointer-events: none;}
.u84{position: relative; margin: 0px; flex: 1 1 420px; font-family: var(--font-display); font-size: var(--text-h3); line-height: var(--lh-h3); letter-spacing: var(--ls-h3); font-weight: 700; color: rgb(255, 255, 255); text-wrap: pretty;}
.u85{position: relative; min-width: 0px; max-width: 100%;}
.u86{list-style: none; margin: 0px; padding: 0px;}
.u87{display: flex; flex-direction: column; gap: var(--space-3); background: var(--white); border-radius: var(--radius-lg); padding: var(--space-5); box-shadow: var(--shadow-card);}
.u88{font-size: var(--text-sm); line-height: 1.5; color: var(--ink-700);}
.u89{position: relative; overflow: hidden; padding: var(--space-section) 0; background: var(--gradient-deep);}
.u90{max-width: var(--container-max); margin: 0px auto; padding: 0 var(--container-pad); display: flex; flex-direction: column; gap: var(--space-10); position: relative;}
.u91{font-family: var(--font-display); font-size: var(--text-h2); line-height: var(--lh-h2); letter-spacing: var(--ls-h2); font-weight: var(--fw-bold); margin: 0px; color: var(--white);}
.u92{border-radius: var(--radius-xl); overflow: hidden; background: var(--blue-950); border: 1px solid rgba(255, 255, 255, 0.14); aspect-ratio: 1000 / 520; display: flex; align-items: center; justify-content: center; text-align: center; padding: var(--space-8);}
.u93{display: flex; flex-direction: column; gap: var(--space-2); max-width: 520px;}
.u94{font-family: var(--font-display); font-size: var(--text-h4); font-weight: 700; color: rgb(255, 255, 255);}
.u95{font-size: var(--text-sm); line-height: 1.5; color: rgba(255, 255, 255, 0.7);}
.u96{height: 88px; overflow: hidden; display: flex; align-items: center; justify-content: center; padding: 14px 18px; background: rgba(255, 255, 255, 0.92); border-radius: var(--radius-md);}
.u97{width: 100%; height: 60px; object-fit: contain; display: block;}
.u98{padding: var(--space-section) 0; background: var(--paper-200);}
.u99{all: unset; background: var(--white); border-radius: var(--radius-md); box-shadow: var(--shadow-hairline); gap: 10px; cursor: zoom-in; display: flex; flex-direction: column; padding: 10px; transition: var(--transition-base);}
.u99:hover{box-shadow:var(--shadow-card-hover);}
.u100{display: block; aspect-ratio: 3 / 4; overflow: hidden; background: var(--paper-200); border-radius: var(--radius-xs);}
.u101{width: 100%; height: 100%; object-fit: cover; display: block;}
.u102{display: block; font-size: 13px; font-weight: 600; color: var(--ink-900); line-height: 1.35;}
.u103{margin: 0px; font-size: var(--text-sm); line-height: 1.6; color: var(--text-muted); text-wrap: pretty;}
.u104{font-family: var(--font-mono); font-size: 13px;}
.u105{display: flex; flex-direction: column; gap: var(--space-8); align-self: stretch; justify-content: center;}
.u106{margin: 0px; font-family: var(--font-display); font-size: var(--text-h1); line-height: var(--lh-h1); letter-spacing: var(--ls-h1); font-weight: 800; color: var(--text-heading); text-wrap: pretty;}
.u107{margin: 0px; font-size: var(--text-lead); line-height: var(--lh-lead); color: var(--text-muted); text-wrap: pretty;}
.u108{display: flex; flex-direction: column; gap: var(--space-3);}
.u109{display: flex; align-items: center; gap: var(--space-5); padding: var(--space-5) var(--space-6); background: var(--paper-100); border: 1px solid var(--line-100); border-radius: var(--radius-lg); text-decoration: none; transition: var(--transition-base); min-width: 0px;}
.u109:hover{border-color:var(--border-brand); box-shadow:var(--shadow-card-hover); text-decoration:none;}
.u110{display: grid; place-items: center; flex: 0 0 auto; width: 56px; height: 56px; border-radius: var(--radius-md); background: var(--blue-050); color: var(--blue-700);}
.u111{width: 28px; height: 28px;}
.u112{font-size: var(--text-sm); color: var(--text-muted);}
.u113{font-family: var(--font-mono); font-size: 22px; font-weight: 600; color: var(--blue-700);}
.u114{font-family: var(--font-display); font-size: 22px; font-weight: 700; color: var(--blue-700);}
.u115{display: flex; align-items: center; gap: var(--space-3); font-size: var(--text-sm); color: var(--text-muted);}
.u116{width: 18px; height: 18px; flex: 0 0 auto;}
.u117{display: flex; flex-direction: column; gap: var(--space-5); min-width: 0px; background: var(--white); padding: var(--space-8); border-radius: var(--radius-xl); box-shadow: var(--shadow-panel);}
.u118{display: grid; grid-template-columns: minmax(0px, 1fr) minmax(0px, 1fr); gap: var(--space-5) var(--space-4);}
.u119{display: flex; flex-direction: column; gap: 6px;}
.u120{font-family: var(--font-display); font-size: var(--text-sm); font-weight: var(--fw-semibold); color: var(--ink-900);}
.u121{color: var(--danger-600);}
.u122{width: 100%; height: 44px; padding: 0px 14px; font-family: var(--font-body); font-size: var(--text-body); color: var(--ink-900); background: var(--white); border-radius: var(--radius-md); border: 1px solid var(--border-strong); outline: none; box-shadow: none; transition: var(--transition-base);}
.u123{width: 100%; height: 44px; padding: 0px 14px; font-family: var(--font-mono); font-size: var(--text-body); color: var(--ink-900); background: var(--white); border-radius: var(--radius-md); border: 1px solid var(--border-strong); outline: none; box-shadow: none; transition: var(--transition-base);}
.u124{width: 100%; height: auto; padding: 12px 14px; font-family: var(--font-body); font-size: var(--text-body); color: var(--ink-900); background: var(--white); border-radius: var(--radius-md); border: 1px solid var(--border-strong); outline: none; box-shadow: none; transition: var(--transition-base); line-height: var(--lh-body); resize: vertical;}
.u125{font-family: var(--font-display); font-size: var(--text-sm); font-weight: 600; color: var(--ink-900);}
.u126{width: 100%; font-family: var(--font-body); font-size: var(--text-sm); color: var(--ink-700); padding: 10px 14px; border: 1px dashed var(--line-200); border-radius: var(--radius-md); background: var(--paper-100);}
.u127{font-size: var(--text-xs); color: var(--text-muted);}
.u128{display: flex; gap: 10px; align-items: flex-start; font-size: var(--text-sm); line-height: 1.5; color: var(--text-muted); cursor: pointer;}
.u129{margin: 3px 0px 0px; width: 16px; height: 16px; accent-color: var(--blue-700); flex: 0 0 auto;}
.u130{font-family: var(--font-display); font-weight: var(--fw-semibold); display: inline-flex; align-items: center; justify-content: center; gap: var(--space-2); border-radius: var(--radius-md); border: 1px solid transparent; cursor: pointer; transition: var(--transition-base); text-decoration: none; white-space: nowrap; height: 54px; padding: 0px 30px; font-size: 16px; background: var(--action-primary); color: var(--text-on-brand); box-shadow: var(--inset-top); width: 100%; opacity: 1;}
.u131{background: var(--gradient-deep); color: rgba(255, 255, 255, 0.8); padding-top: var(--space-16);}
.u132{height: 64px; width: 64px; align-self: flex-start; display: block;}
.u133{display: flex; flex-direction: column; gap: var(--space-2); font-size: var(--text-sm); line-height: 1.6; color: rgba(255, 255, 255, 0.82);}
.u134{font-family: var(--font-display); font-weight: 700; font-size: var(--text-body); color: rgb(255, 255, 255);}
.u135{color: var(--blue-300);}
.u136{border-radius: var(--radius-lg); overflow: hidden; border: 1px solid rgba(255, 255, 255, 0.14); background: var(--blue-950);}
.u137{display: block; width: 100%; height: 300px; border: 0px;}
.u138{max-width: var(--container-max); margin: var(--space-12) auto 0; padding: 18px var(--container-pad); border-top: 1px solid rgba(255, 255, 255, 0.14); font-size: var(--text-xs); color: rgba(255, 255, 255, 0.55); display: flex; gap: var(--space-4); flex-wrap: wrap;}
.u139{color: rgba(255, 255, 255, 0.55);}