/* Start:/local/templates/urauto/components/bitrix/news/.default/bitrix/news.detail/.default/style.css?178068911220411*/
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
    :root {
      --black: #080808; --white: #fafaf8; --blue: #0e2fff; --blue-mid: #0a24cc;
      --gray: #9a9994; --gray-light: #e8e7e2; --gray-bg: #f2f1ed;
      --serif: 'Libre Baskerville', Georgia, serif;
      --display: 'Syne', sans-serif; --mono: 'DM Mono', monospace;
    }
    html { font-size: 16px; scroll-behavior: smooth; }
    body { font-family: var(--display); background: var(--white); color: var(--black); overflow-x: hidden; cursor: crosshair; }
    a { cursor: crosshair; text-decoration: none; color: inherit; }
    button { cursor: crosshair; }

    /* ── HEADER (из основного сайта) ── */
    .header { position:fixed; top:0; left:0; right:0; z-index:500; height:64px; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; padding:0 40px; border-bottom:1px solid var(--black); background:var(--white); }
    .header-logo { font-family:var(--display); font-weight:800; font-size:1.05rem; letter-spacing:.06em; text-transform:uppercase; color:var(--black); }
    .header-logo .dot { color:var(--blue); }
    .header-nav { display:flex; gap:0; list-style:none; }
    .header-nav li { border-left:1px solid var(--black); }
    .header-nav li:last-child { border-right:1px solid var(--black); }
    .header-nav a { display:block; padding:0 20px; height:64px; line-height:64px; font-family:var(--mono); font-size:13px; letter-spacing:.08em; color:var(--black); text-transform:uppercase; transition:background .15s,color .15s; }
    .header-nav a:hover, .header-nav a.active { background:var(--black); color:var(--white); }
    .header-right { display:flex; justify-content:flex-end; align-items:center; gap:16px; }
    .header-tel { font-family:var(--mono); font-size:15px; color:var(--gray); transition:color .15s; }
    .header-tel:hover { color:var(--black); }
    .header-btn { background:var(--blue); color:var(--white); font-family:var(--mono); font-size:13px; letter-spacing:.1em; text-transform:uppercase; padding:8px 20px; border:none; display:inline-block; transition:background .15s; }
    .header-btn:hover { background:var(--blue-mid); }

    /* ── TICKER ── */
    .ticker { margin-top:64px; background:var(--black); color:var(--white); height:40px; overflow:hidden; display:flex; align-items:center; }
    .ticker-inner { display:flex; white-space:nowrap; animation:ticker 35s linear infinite; }
    .ticker-item { font-family:var(--mono); font-size:13px; letter-spacing:.15em; text-transform:uppercase; padding:0 48px; color:rgba(255,255,255,.6); }
    .ticker-item .hi { color:var(--white); }
    @keyframes ticker { from{transform:translateX(0)} to{transform:translateX(-50%)} }

    /* ── BREADCRUMB ── */
    .breadcrumb { padding:20px 40px; border-bottom:1px solid var(--gray-light); display:flex; align-items:center; gap:8px; }
    .breadcrumb a, .breadcrumb span { font-family:var(--mono); font-size:.6rem; letter-spacing:.08em; text-transform:uppercase; color:var(--gray); transition:color .15s; }
    .breadcrumb a:hover { color:var(--black); }
    .breadcrumb .sep { color:var(--gray-light); }
    .breadcrumb .current { color:var(--black); }

    /* ── SERVICE HERO ── */
    .srv-hero { display:grid; grid-template-columns:1fr 420px; border-bottom:1px solid var(--black); min-height: 420px; }
    .srv-hero-main { border-right:1px solid var(--black); padding:60px 60px 60px 40px; display:flex; flex-direction:column; justify-content:space-between; }
    .srv-hero-eyebrow { display:flex; align-items:center; gap:16px; margin-bottom:32px; }
    .srv-hero-eyebrow-line { width:32px; height:1px; background:var(--blue); }
    .srv-hero-eyebrow-text { font-family:var(--mono); font-size:.6rem; letter-spacing:.15em; text-transform:uppercase; color:var(--gray); }
    .srv-hero-title { font-family:var(--display); font-weight:800; font-size:clamp(2.4rem,5vw,5rem); line-height:.95; letter-spacing:-.03em; text-transform:uppercase; margin-bottom:32px; }
    .srv-hero-title .blue { color:var(--blue); }
    .srv-hero-lead { font-family:var(--serif); font-size:1rem; line-height:1.8; color:#444; max-width:560px; margin-bottom:40px; }
    .srv-hero-badges { display:flex; flex-wrap:wrap; gap:8px; }
    .badge { font-family:var(--mono); font-size:.58rem; letter-spacing:.1em; text-transform:uppercase; padding:6px 14px; border:1px solid var(--gray-light); color:var(--gray); }
    .badge.badge-blue { border-color:var(--blue); color:var(--blue); }

    /* CTA боковая панель */
    .srv-hero-aside { background:var(--black); color:var(--white); padding:48px 40px; display:flex; flex-direction:column; justify-content:space-between; }
    .aside-label { font-family:var(--mono); font-size:.58rem; letter-spacing:.18em; text-transform:uppercase; color:rgba(255,255,255,.3); margin-bottom:24px; }
    .aside-price { margin-bottom:32px; }
    .aside-price-free { font-family:var(--display); font-weight:800; font-size:1.6rem; color:var(--white); margin-bottom:4px; }
    .aside-price-sub { font-family:var(--serif); font-size:.8rem; color:rgba(255,255,255,.35); font-style:italic; }
    .aside-features { display:flex; flex-direction:column; gap:0; margin-bottom:32px; }
    .aside-feat { display:flex; align-items:flex-start; gap:12px; padding:14px 0; border-bottom:1px solid rgba(255,255,255,.06); }
    .aside-feat:first-child { border-top:1px solid rgba(255,255,255,.06); }
    .aside-feat-dot { width:6px; height:6px; border-radius:50%; background:var(--blue); flex-shrink:0; margin-top:5px; }
    .aside-feat-text { font-family:var(--display); font-size:.82rem; color:rgba(255,255,255,.75); line-height:1.4; }
    .btn-cta { background:var(--blue); color:var(--white); font-family:var(--mono); font-size:.68rem; letter-spacing:.14em; text-transform:uppercase; padding:16px 28px; border:none; display:block; text-align:center; transition:background .15s; margin-bottom:12px; }
    .btn-cta:hover { background:var(--blue-mid); }
    .btn-cta-outline { background:transparent; color:rgba(255,255,255,.5); font-family:var(--mono); font-size:.62rem; letter-spacing:.1em; text-transform:uppercase; padding:12px 28px; border:1px solid rgba(255,255,255,.12); display:block; text-align:center; transition:all .15s; }
    .btn-cta-outline:hover { border-color:rgba(255,255,255,.35); color:var(--white); }

    /* ── STATS ROW ── */
    .stats-row { display:grid; grid-template-columns:repeat(4,1fr); border-bottom:1px solid var(--black); background:var(--gray-light); gap:1px; }
    .stat-cell { background:var(--white); padding:28px 32px; transition:background .15s; }
    .stat-cell:hover { background:var(--blue); }
    .stat-cell:hover .stat-num, .stat-cell:hover .stat-desc { color:var(--white); }
    .stat-num { font-family:var(--display); font-weight:800; font-size:2.4rem; color:var(--black); line-height:1; transition:color .15s; }
    .stat-unit { font-size:1.2rem; color:var(--blue); }
    .stat-cell:hover .stat-unit { color:rgba(255,255,255,.6); }
    .stat-desc { font-family:var(--mono); font-size:.58rem; color:var(--gray); letter-spacing:.06em; margin-top:6px; line-height:1.5; transition:color .15s; text-transform:uppercase; }

    /* ── СЕКЦИИ ── */
    .sec-hdr { display:grid; grid-template-columns:240px 1fr; border-bottom:1px solid var(--black); }
    .sec-hdr-label { padding:28px 40px; border-right:1px solid var(--black); display:flex; align-items:center; }
    .sec-hdr-label span { font-family:var(--mono); font-size:.6rem; letter-spacing:.18em; text-transform:uppercase; color:var(--gray); }
    .sec-hdr-title { padding:28px 40px; display:flex; align-items:center; }
    .sec-hdr-title h2 { font-family:var(--display); font-weight:800; font-size:1.4rem; text-transform:uppercase; letter-spacing:-.02em; }

    /* ── ЧТО ГРОЗИТ (проблема) ── */
    .problem-section { display:grid; grid-template-columns:1fr 1fr; border-bottom:1px solid var(--black); }
    .problem-col { padding:52px 48px; }
    .problem-col:first-child { border-right:1px solid var(--black); }
    .problem-col h3 { font-family:var(--display); font-weight:800; font-size:1.1rem; text-transform:uppercase; letter-spacing:-.01em; margin-bottom:24px; }
    .problem-list { display:flex; flex-direction:column; gap:1px; background:var(--gray-light); }
    .problem-item { background:var(--white); padding:16px 20px; display:flex; align-items:flex-start; gap:14px; }
    .problem-art { font-family:var(--mono); font-size:.58rem; letter-spacing:.1em; color:var(--blue); width:52px; flex-shrink:0; padding-top:2px; }
    .problem-text { font-family:var(--display); font-weight:700; font-size:.85rem; color:var(--black); line-height:1.4; }
    .problem-sub { font-family:var(--serif); font-size:.75rem; color:var(--gray); margin-top:3px; }
    .what-we-do { display:flex; flex-direction:column; gap:16px; }
    .wwd-item { display:flex; align-items:flex-start; gap:16px; padding:20px 0; border-bottom:1px solid var(--gray-light); }
    .wwd-item:last-child { border-bottom:none; }
    .wwd-n { font-family:var(--mono); font-size:.58rem; color:var(--blue); width:24px; flex-shrink:0; padding-top:3px; }
    .wwd-content h4 { font-family:var(--display); font-weight:700; font-size:.9rem; margin-bottom:4px; }
    .wwd-content p { font-family:var(--serif); font-size:.8rem; color:#555; line-height:1.65; }

    /* ── ПРОЦЕСС ── */
    .process-section { border-bottom:1px solid var(--black); }
    .process-steps { display:grid; grid-template-columns:repeat(5,1fr); background:var(--gray-light); gap:1px; }
    .process-step { background:var(--white); padding:32px 28px; position:relative; }
    .process-step::after { content:'→'; position:absolute; right:-14px; top:32px; font-size:1rem; color:var(--gray-light); z-index:1; }
    .process-step:last-child::after { display:none; }
    .process-step:hover { background:var(--black); color:var(--white); }
    .process-step:hover .ps-n, .process-step:hover .ps-desc { color:rgba(255,255,255,.35); }
    .process-step:hover .ps-name { color:var(--white); }
    .ps-n { font-family:var(--mono); font-size:.58rem; color:var(--blue); letter-spacing:.1em; margin-bottom:20px; display:block; }
    .process-step:hover .ps-n { color:var(--blue); }
    .ps-name { font-family:var(--display); font-weight:700; font-size:.9rem; margin-bottom:8px; line-height:1.3; }
    .ps-desc { font-family:var(--mono); font-size:.6rem; color:var(--gray); letter-spacing:.04em; line-height:1.6; }

    /* ── ПОЧЕМУ МЫ ── */
    .why-section { display:grid; grid-template-columns:480px 1fr; border-bottom:1px solid var(--black); }
    .why-dark { background:var(--black); color:var(--white); padding:60px 48px; border-right:1px solid var(--black); }
    .why-dark .wl { font-family:var(--mono); font-size:.58rem; letter-spacing:.18em; text-transform:uppercase; color:var(--blue); margin-bottom:24px; }
    .why-dark h2 { font-family:var(--display); font-weight:800; font-size:2rem; text-transform:uppercase; letter-spacing:-.02em; line-height:1.05; margin-bottom:40px; }
    .why-dark h2 em { font-family:var(--serif); font-style:italic; font-weight:400; text-transform:none; font-size:.8em; }
    .why-items { display:flex; flex-direction:column; gap:0; }
    .why-item { display:flex; gap:18px; padding:20px 0; border-bottom:1px solid rgba(255,255,255,.07); align-items:flex-start; }
    .why-item:first-child { border-top:1px solid rgba(255,255,255,.07); }
    .why-item-n { font-family:var(--mono); font-size:.58rem; color:var(--blue); width:28px; flex-shrink:0; padding-top:3px; }
    .why-item h4 { font-family:var(--display); font-weight:700; font-size:.88rem; margin-bottom:4px; }
    .why-item p { font-family:var(--serif); font-size:.78rem; line-height:1.65; color:rgba(255,255,255,.4); }
    .why-light { padding:60px 48px; }
    .why-light .wl { font-family:var(--mono); font-size:.58rem; letter-spacing:.18em; text-transform:uppercase; color:var(--gray); margin-bottom:24px; }
    .why-light h2 { font-family:var(--display); font-weight:800; font-size:2rem; text-transform:uppercase; letter-spacing:-.02em; margin-bottom:40px; }

    /* Reviews mini */
    .review-mini { background:var(--gray-bg); padding:24px 28px; margin-bottom:1px; }
    .review-mini:last-child { margin-bottom:0; }
    .review-mini-text { font-family:var(--serif); font-size:.85rem; font-style:italic; line-height:1.7; color:var(--black); margin-bottom:12px; }
    .review-mini-meta { font-family:var(--mono); font-size:.58rem; letter-spacing:.08em; text-transform:uppercase; color:var(--gray); }
    .review-mini-meta .stars { color:var(--blue); letter-spacing:.05em; }

    /* ── FAQ ── */
    .faq-section { border-bottom:1px solid var(--black); }
    .faq-list { display:flex; flex-direction:column; }
    .faq-item { border-bottom:1px solid var(--gray-light); }
    .faq-item:last-child { border-bottom:none; }
    .faq-trigger { width:100%; background:none; border:none; display:grid; grid-template-columns:1fr 56px; align-items:center; padding:24px 40px; cursor:crosshair; text-align:left; transition:background .15s; gap:20px; }
    .faq-trigger:hover { background:var(--gray-bg); }
    .faq-q { font-family:var(--display); font-weight:700; font-size:.95rem; color:var(--black); line-height:1.3; }
    .faq-icon { font-family:var(--mono); font-size:1.2rem; color:var(--gray); text-align:center; transition:transform .25s; }
    .faq-item.open .faq-icon { transform:rotate(45deg); color:var(--blue); }
    .faq-body { display:none; padding:0 40px 28px; }
    .faq-item.open .faq-body { display:block; }
    .faq-body p { font-family:var(--serif); font-size:.88rem; line-height:1.8; color:#444; }
    .faq-body p + p { margin-top:12px; }

    /* ── RELATED ── */
    .related-section { border-bottom:1px solid var(--black); }
    .related-grid { display:grid; grid-template-columns:repeat(3,1fr); background:var(--gray-light); gap:1px; }
    .related-card { background:var(--white); padding:36px 32px; text-decoration:none; color:inherit; display:flex; flex-direction:column; gap:12px; transition:background .2s,color .2s; position:relative; overflow:hidden; }
    .related-card:hover { background:var(--black); color:var(--white); }
    .related-card:hover .rc-tag, .related-card:hover .rc-arr { color:rgba(255,255,255,.35); }
    .related-card:hover .rc-arr { color:var(--blue); }
    .rc-n { font-family:var(--mono); font-size:.58rem; color:var(--gray-light); letter-spacing:.1em; }
    .related-card:hover .rc-n { color:rgba(255,255,255,.2); }
    .rc-name { font-family:var(--display); font-weight:700; font-size:1rem; line-height:1.3; }
    .rc-tag { font-family:var(--mono); font-size:.6rem; color:var(--gray); letter-spacing:.06em; }
    .rc-arr { font-size:1.1rem; color:var(--gray-light); margin-top:auto; transition:color .2s; }

    /* ── CONTACT CTA ── */
    .contact-cta { background:var(--black); color:var(--white); display:grid; grid-template-columns:1fr 480px; }
    .cta-left { padding:80px 60px; border-right:1px solid #222; }
    .cta-left .cl { font-family:var(--mono); font-size:.58rem; letter-spacing:.18em; text-transform:uppercase; color:var(--blue); margin-bottom:24px; }
    .cta-left h2 { font-family:var(--display); font-weight:800; font-size:clamp(2rem,3.5vw,3.2rem); text-transform:uppercase; letter-spacing:-.03em; line-height:.95; margin-bottom:32px; }
    .cta-left h2 em { font-family:var(--serif); font-style:italic; font-weight:400; text-transform:none; font-size:.75em; }
    .cta-phones { display:flex; flex-direction:column; gap:8px; }
    .cta-phone { font-family:var(--display); font-weight:700; font-size:1.4rem; color:var(--white); transition:color .15s; }
    .cta-phone:hover { color:var(--blue); }
    .cta-phone-sub { font-family:var(--mono); font-size:.58rem; color:rgba(255,255,255,.2); letter-spacing:.08em; text-transform:uppercase; }
    .cta-right { padding:80px 48px; }
    .cta-form { display:flex; flex-direction:column; gap:20px; }
    .cf-field { display:flex; flex-direction:column; gap:8px; }
    .cf-field label { font-family:var(--mono); font-size:.55rem; letter-spacing:.18em; text-transform:uppercase; color:rgba(255,255,255,.3); }
    .cf-field input, .cf-field select, .cf-field textarea { background:transparent; border:none; border-bottom:1px solid rgba(255,255,255,.12); color:var(--white); font-family:var(--display); font-size:.9rem; padding:10px 0; outline:none; transition:border-color .2s; resize:none; }
    .cf-field input:focus, .cf-field select:focus, .cf-field textarea:focus { border-bottom-color:var(--blue); }
    .cf-field input::placeholder, .cf-field textarea::placeholder { color:rgba(255,255,255,.15); }
    .cf-field select option { background:#111; }
    .cf-submit { background:var(--blue); color:var(--white); font-family:var(--mono); font-size:.65rem; letter-spacing:.14em; text-transform:uppercase; padding:16px 40px; border:none; align-self:flex-start; transition:background .15s; margin-top:8px; }
    .cf-submit:hover { background:var(--blue-mid); }
    .cf-note { font-family:var(--mono); font-size:.55rem; color:rgba(255,255,255,.2); letter-spacing:.05em; line-height:1.7; margin-top:4px; }

    /* ── FOOTER (упрощённый) ── */
    .footer { background:#030303; border-top:1px solid #1a1a1a; display:grid; grid-template-columns:240px 1fr auto; align-items:center; }
    .footer-logo-wrap { padding:24px 40px; border-right:1px solid #1a1a1a; }
    .footer-logo { font-family:var(--display); font-weight:800; font-size:.9rem; letter-spacing:.06em; text-transform:uppercase; color:rgba(255,255,255,.4); }
    .footer-logo .dot { color:var(--blue); }
    .footer-links { padding:24px 40px; display:flex; gap:32px; list-style:none; flex-wrap:wrap; }
    .footer-links a { font-family:var(--mono); font-size:.6rem; letter-spacing:.1em; text-transform:uppercase; color:rgba(255,255,255,.25); transition:color .15s; }
    .footer-links a:hover { color:rgba(255,255,255,.7); }
    .footer-copy { padding:24px 40px; font-family:var(--mono); font-size:.58rem; color:rgba(255,255,255,.15); border-left:1px solid #1a1a1a; white-space:nowrap; line-height:1.8; }

    /* ── ANIMATIONS ── */
    @keyframes fadeInUp { from{opacity:0;transform:translateY(20px)} to{opacity:1;transform:translateY(0)} }
    .srv-hero-main { animation:fadeInUp .6s .1s both; }
    .srv-hero-aside { animation:fadeInUp .6s .25s both; }

    /* ── RESPONSIVE ── */
    @media(max-width:1024px) {
      .srv-hero { grid-template-columns:1fr; }
      .srv-hero-main { border-right:none; padding:48px 32px; }
      .srv-hero-aside { padding:40px 32px; }
      .problem-section { grid-template-columns:1fr; }
      .problem-col:first-child { border-right:none; border-bottom:1px solid var(--black); }
      .process-steps { grid-template-columns:1fr 1fr; }
      .why-section { grid-template-columns:1fr; }
      .why-dark { border-right:none; border-bottom:1px solid #222; }
      .contact-cta { grid-template-columns:1fr; }
      .cta-left { border-right:none; border-bottom:1px solid #222; }
      .stats-row { grid-template-columns:1fr 1fr; }
      .related-grid { grid-template-columns:1fr 1fr; }
      .sec-hdr { grid-template-columns:1fr; }
      .sec-hdr-label { display:none; }
      .footer { grid-template-columns:1fr 1fr; }
      .footer-copy { border-left:none; grid-column:1/-1; border-top:1px solid #1a1a1a; }
    }
    @media(max-width:768px) {
      .header { padding:0 20px; }
      .header-nav { display:none; }
      .breadcrumb { padding:16px 20px; }
      .srv-hero-main { padding:40px 20px; }
      .srv-hero-aside { padding:32px 20px; }
      .stats-row { grid-template-columns:1fr 1fr; }
      .process-steps { grid-template-columns:1fr; }
      .process-step::after { display:none; }
      .related-grid { grid-template-columns:1fr; }
      .why-dark, .why-light { padding:48px 24px; }
      .cta-left, .cta-right { padding:48px 24px; }
      .faq-trigger { padding:20px 24px; }
      .faq-body { padding:0 24px 24px; }
      .footer { grid-template-columns:1fr; }
      .footer-logo-wrap, .footer-links, .footer-copy { padding:18px 24px; border:none; border-bottom:1px solid #1a1a1a; }
    }
.srv-hero img {
    width: 900px;
    right: 0;
    position: relative;
    display: block;
    left: 35%;
}
/* End */
/* /local/templates/urauto/components/bitrix/news/.default/bitrix/news.detail/.default/style.css?178068911220411 */