/* Start:/local/css/kontur/ekstern-ooo.css?178255172750222*/
/* ======================================================
   ekstern-ooo.css — Контур.Экстерн для ООО
   Префикс: extern_ooo_
   ====================================================== */

.extern_ooo_hero,
.extern_ooo_process,
.extern_ooo_roles,
.extern_ooo_close,
.extern_ooo_scenarios,
.extern_ooo_buy,
.extern_ooo_faq {
    --ooo-accent: #00bea2;
    --ooo-accent-dark: #008a75;
    --ooo-ink: #15343f;
    --ooo-muted: #627b84;
    --ooo-line: #e1eceb;
    --ooo-page: #f5fbfa;
    --ooo-light: #e6faf5;
    --ooo-dark: #013f54;
    --ooo-white: #fff;
    box-sizing: border-box;
    font-family: inherit;
}
.extern_ooo_hero *, .extern_ooo_process *, .extern_ooo_roles *, .extern_ooo_close *, .extern_ooo_scenarios *, .extern_ooo_buy *, .extern_ooo_faq *,
.extern_ooo_hero *::before, .extern_ooo_process *::before, .extern_ooo_roles *::before, .extern_ooo_close *::before, .extern_ooo_scenarios *::before, .extern_ooo_buy *::before, .extern_ooo_faq *::before,
.extern_ooo_hero *::after, .extern_ooo_process *::after, .extern_ooo_roles *::after, .extern_ooo_close *::after, .extern_ooo_scenarios *::after, .extern_ooo_buy *::after, .extern_ooo_faq *::after { box-sizing: border-box; }

.extern_ooo_container { width: min(100% - 48px, 1200px); margin: 0 auto; }
.extern_ooo_kicker { display: inline-flex; align-items: center; gap: 8px; margin: 0 0 13px; color: #078d79; font-size: 11px; font-weight: 800; letter-spacing: .08em; line-height: 1.2; text-transform: uppercase; }
.extern_ooo_kicker::before { width: 20px; height: 2px; content: ''; border-radius: 999px; background: var(--ooo-accent); }
.extern_ooo_kicker--light { color: #a4f6e6; }
.extern_ooo_kicker--light::before { background: #8cebd9; }
.extern_ooo_section-head { max-width: 790px; margin-bottom: 43px; }
.extern_ooo_section-head--split { display: grid; grid-template-columns: minmax(0,1.05fr) minmax(320px,.75fr); gap: 74px; max-width: none; align-items: end; }
.extern_ooo_section-head h2,
.extern_ooo_close h2,
.extern_ooo_buy h2,
.extern_ooo_faq h2 { margin: 0; color: var(--ooo-ink); font-size: clamp(31px,3.4vw,47px); font-weight: 800; letter-spacing: -1.6px; line-height: 1.11; }
.extern_ooo_section-head h2 span,
.extern_ooo_close h2 span,
.extern_ooo_buy h2 span,
.extern_ooo_faq h2 span { color: var(--ooo-accent-dark); }
.extern_ooo_section-head > p { max-width: 500px; margin: 0; color: var(--ooo-muted); font-size: 15px; line-height: 1.7; }

/* ===== Buttons ===== */
.extern_ooo_btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 50px; padding: 13px 22px; border-radius: 999px; font-size: 13px; font-weight: 800; line-height: 1.2; text-align: center; text-decoration: none; transition: transform .2s ease, box-shadow .2s ease, background .2s ease, border-color .2s ease; }
.extern_ooo_btn svg { width: 18px; height: 18px; transition: transform .2s ease; }
.extern_ooo_btn:hover { transform: translateY(-2px); }
.extern_ooo_btn:hover svg { transform: translateX(3px); }
.extern_ooo_btn--primary { color: #fff; background: linear-gradient(105deg,var(--ooo-accent),#12ae95); box-shadow: 0 10px 21px rgba(0,190,162,.25); }
.extern_ooo_btn--primary:hover { box-shadow: 0 14px 28px rgba(0,190,162,.33); }
.extern_ooo_btn--ghost { border: 1.5px solid rgba(255,255,255,.38); color: rgba(255,255,255,.94); background: rgba(255,255,255,.055); }
.extern_ooo_btn--ghost:hover { border-color: rgba(255,255,255,.7); background: rgba(255,255,255,.12); }

/* ===== Hero ===== */
.extern_ooo_hero { position: relative; overflow: hidden; padding: 99px 0 102px; color: #fff; background: linear-gradient(132deg,#013c51 0%,#064f60 57%,#013b50 100%); }
.extern_ooo_hero-bg { position: absolute; inset: 0; overflow: hidden; pointer-events: none; }
.extern_ooo_hero-grid { position: absolute; inset: 0; opacity: .18; background-image: linear-gradient(rgba(124,235,218,.17) 1px,transparent 1px),linear-gradient(90deg,rgba(124,235,218,.17) 1px,transparent 1px); background-size: 45px 45px; mask-image: linear-gradient(90deg,transparent 0%,#000 25%,#000 83%,transparent 100%); }
.extern_ooo_hero-orb { position: absolute; border-radius: 50%; filter: blur(12px); }
.extern_ooo_hero-orb--one { top: -230px; right: 9%; width: 570px; height: 570px; background: radial-gradient(circle,rgba(0,190,162,.23),transparent 67%); animation: extern_ooo_orb 7s ease-in-out infinite; }
.extern_ooo_hero-orb--two { bottom: -250px; left: 3%; width: 470px; height: 470px; background: radial-gradient(circle,rgba(24,125,158,.26),transparent 68%); animation: extern_ooo_orb 9s ease-in-out infinite reverse; }
.extern_ooo_hero-track { position: absolute; border: 1px solid rgba(130,247,225,.26); border-radius: 50%; }
.extern_ooo_hero-track--one { top: 22%; right: -16%; width: 675px; height: 255px; transform: rotate(-26deg); }
.extern_ooo_hero-track--two { right: 3%; bottom: -150px; width: 615px; height: 365px; border-style: dashed; opacity: .52; transform: rotate(19deg); }
.extern_ooo_hero-layout { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0,1.02fr) minmax(455px,.98fr); gap: 72px; align-items: center; }
.extern_ooo_hero-copy { max-width: 616px; }
.extern_ooo_badge { display: inline-flex; align-items: center; gap: 8px; max-width: 100%; padding: 8px 13px; border: 1px solid rgba(126,241,222,.32); border-radius: 999px; color: #a8f4e7; background: rgba(0,190,162,.11); font-size: 11px; font-weight: 800; line-height: 1.25; }
.extern_ooo_badge > span { width: 7px; height: 7px; flex: 0 0 auto; border-radius: 50%; background: var(--ooo-accent); box-shadow: 0 0 0 4px rgba(0,190,162,.15); animation: extern_ooo_blink 2.25s ease-in-out infinite; }
.extern_ooo_hero h1 { max-width: 680px; margin: 22px 0 18px; color: #fff; font-size: clamp(40px,4.55vw,61px); font-weight: 800; letter-spacing: -2.6px; line-height: 1.02; }
.extern_ooo_hero h1 em { color: #7eeedb; font-style: normal; }
.extern_ooo_hero-lead { max-width: 600px; margin: 0; color: rgba(255,255,255,.76); font-size: 16px; line-height: 1.7; }
.extern_ooo_hero-tags { display: flex; flex-wrap: wrap; gap: 8px; margin: 24px 0 22px; }
.extern_ooo_hero-tags span { padding: 7px 10px; border: 1px solid rgba(255,255,255,.12); border-radius: 8px; color: rgba(255,255,255,.82); background: rgba(255,255,255,.07); font-size: 11px; font-weight: 700; }
.extern_ooo_hero-points { display: grid; gap: 11px; margin-bottom: 28px; }
.extern_ooo_hero-points > div { display: flex; align-items: center; gap: 10px; color: rgba(255,255,255,.85); font-size: 13px; line-height: 1.38; }
.extern_ooo_hero-points svg { width: 17px; height: 17px; flex: 0 0 auto; color: #72e8d4; }
.extern_ooo_actions { display: flex; flex-wrap: wrap; gap: 12px; }
.extern_ooo_hero-note { display: flex; align-items: center; gap: 7px; margin: 17px 0 0; color: rgba(255,255,255,.56); font-size: 11px; line-height: 1.45; }
.extern_ooo_hero-note svg { width: 15px; height: 15px; flex: 0 0 auto; color: #8deedf; }

/* Hero document / close card */
.extern_ooo_close-card { position: relative; width: 100%; min-width: 0; padding: 14px; border: 1px solid rgba(184,255,241,.35); border-radius: 24px; background: linear-gradient(135deg,rgba(11,102,111,.75),rgba(0,76,91,.93)); box-shadow: 0 29px 54px rgba(0,20,33,.33),inset 0 1px 0 rgba(255,255,255,.1); animation: extern_ooo_card_in .7s cubic-bezier(.16,1,.3,1) .13s both; }
.extern_ooo_close-card::after { position: absolute; inset: -1px; z-index: -1; content: ''; border-radius: 24px; opacity: .8; background: linear-gradient(120deg,transparent 10%,rgba(107,252,225,.24),transparent 58%); }
.extern_ooo_close-halo { position: absolute; z-index: -1; border-radius: 50%; filter: blur(19px); pointer-events: none; }
.extern_ooo_close-halo--one { top: -10%; left: 19%; width: 54%; height: 40%; background: rgba(0,190,162,.34); animation: extern_ooo_halo 4.8s ease-in-out infinite; }
.extern_ooo_close-halo--two { right: 2%; bottom: 4%; width: 34%; height: 30%; background: rgba(92,168,244,.25); animation: extern_ooo_halo 5.9s ease-in-out infinite reverse; }
.extern_ooo_close-top { display: flex; align-items: center; justify-content: space-between; gap: 9px; padding: 2px 4px 12px; }
.extern_ooo_close-brand { display: flex; align-items: center; gap: 9px; min-width: 0; }
.extern_ooo_close-logo { display: grid; width: 32px; height: 32px; flex: 0 0 auto; place-items: center; border-radius: 10px; color: #077c6c; background: #e3fcf6; }
.extern_ooo_close-logo svg { width: 18px; height: 18px; }
.extern_ooo_close-brand b { display: block; overflow: hidden; color: #fff; font-size: 12px; font-weight: 800; text-overflow: ellipsis; white-space: nowrap; }
.extern_ooo_close-brand small { display: block; overflow: hidden; margin-top: 2px; color: rgba(255,255,255,.62); font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.extern_ooo_close-chip { display: inline-flex; align-items: center; gap: 5px; flex: 0 0 auto; padding: 6px 8px; border: 1px solid rgba(255,255,255,.25); border-radius: 999px; color: rgba(255,255,255,.88); background: rgba(255,255,255,.07); font-size: 9px; font-weight: 800; }
.extern_ooo_close-chip i { width: 6px; height: 6px; border-radius: 50%; background: #8df0de; box-shadow: 0 0 0 3px rgba(141,240,222,.16); animation: extern_ooo_blink 2.1s ease-in-out infinite; }
.extern_ooo_close-sheet { padding: 18px; border-radius: 16px; background: #fff; box-shadow: 0 11px 30px rgba(0,26,38,.2); }
.extern_ooo_close-progress-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; color: #708a90; font-size: 10px; font-weight: 700; }
.extern_ooo_close-progress-head b { color: #088773; font-size: 11px; }
.extern_ooo_close-progress { height: 7px; margin-top: 8px; overflow: hidden; border-radius: 999px; background: #e7f1ef; }
.extern_ooo_close-progress i { display: block; width: 75%; height: 100%; border-radius: inherit; background: linear-gradient(90deg,#00bea2,#72e2cc); transform-origin: left; animation: extern_ooo_progress 3.7s ease-in-out infinite; }
.extern_ooo_close-summary { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin: 15px 0 13px; padding: 12px 13px; border: 1px solid #d9efe9; border-radius: 12px; background: linear-gradient(110deg,#f4fffc,#e9faf5); }
.extern_ooo_close-summary > div > span { display: block; color: #6c8984; font-size: 9px; font-weight: 700; }
.extern_ooo_close-summary b { display: block; margin-top: 3px; color: #1a3b42; font-size: 13px; font-weight: 800; }
.extern_ooo_close-summary small { display: block; margin-top: 3px; color: #809794; font-size: 8px; }
.extern_ooo_close-date { display: grid; width: 42px; height: 42px; flex: 0 0 auto; place-content: center; border-radius: 10px; color: #fff; background: #007b6f; box-shadow: 0 8px 14px rgba(0,133,113,.2); text-align: center; }
.extern_ooo_close-date b { margin: 0; color: #fff; font-size: 15px; line-height: 1; }
.extern_ooo_close-date small { margin: 2px 0 0; color: rgba(255,255,255,.72); font-size: 8px; text-transform: uppercase; }
.extern_ooo_close-list { display: grid; gap: 7px; }
.extern_ooo_close-row { display: grid; grid-template-columns: 27px minmax(0,1fr) auto; gap: 9px; align-items: center; padding: 8px; border: 1px solid #edf2f1; border-radius: 10px; background: #fff; }
.extern_ooo_close-row-icon { display: grid; width: 27px; height: 27px; place-items: center; border-radius: 8px; color: #628083; background: #f0f6f5; }
.extern_ooo_close-row-icon svg { width: 14px; height: 14px; }
.extern_ooo_close-row b { display: block; overflow: hidden; color: #2d4a51; font-size: 10px; font-weight: 800; text-overflow: ellipsis; white-space: nowrap; }
.extern_ooo_close-row small { display: block; overflow: hidden; margin-top: 2px; color: #849a9a; font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }
.extern_ooo_close-row em { color: #48a997; font-size: 12px; font-style: normal; font-weight: 800; }
.extern_ooo_close-row--ok .extern_ooo_close-row-icon { color: #078d76; background: #e2f8f2; }
.extern_ooo_close-row--focus { border-color: #a9dfd4; background: #f7fffd; box-shadow: 0 6px 13px rgba(0,190,162,.11); animation: extern_ooo_task_glow 3.4s ease-in-out 1.2s infinite; }
.extern_ooo_close-row--focus .extern_ooo_close-row-icon { color: #fff; background: var(--ooo-accent); }
.extern_ooo_close-footer { display: flex; align-items: center; justify-content: space-between; gap: 11px; margin-top: 13px; }
.extern_ooo_close-footer > span { display: inline-flex; align-items: center; gap: 5px; color: #718a90; font-size: 8px; line-height: 1.25; }
.extern_ooo_close-footer > span i { display: grid; width: 13px; height: 13px; place-items: center; border-radius: 50%; color: #fff; background: #1eb597; font-size: 8px; font-style: normal; }
.extern_ooo_close-footer button { display: inline-flex; align-items: center; gap: 5px; padding: 8px 10px; border: 0; border-radius: 8px; color: #fff; background: var(--ooo-accent-dark); cursor: default; font-family: inherit; font-size: 9px; font-weight: 800; }
.extern_ooo_close-footer button svg { width: 12px; height: 12px; }
.extern_ooo_close-float { position: absolute; z-index: 2; display: flex; align-items: center; gap: 6px; padding: 8px 9px; border: 1px solid rgba(255,255,255,.36); border-radius: 10px; color: #ecfffb; background: rgba(2,84,95,.76); box-shadow: 0 9px 18px rgba(0,30,42,.2); backdrop-filter: blur(7px); font-size: 9px; font-weight: 800; line-height: 1.15; animation: extern_ooo_float 4.4s ease-in-out infinite; }
.extern_ooo_close-float i { display: grid; width: 15px; height: 15px; place-items: center; border-radius: 5px; color: #004d43; background: #98f4e1; font-size: 9px; font-style: normal; }
.extern_ooo_close-float--one { top: 21%; right: -32px; }
.extern_ooo_close-float--two { bottom: 12%; left: -34px; animation-delay: 1.4s; }

/* ===== Page nav ===== */
.extern_ooo_page-nav { position: relative; z-index: 4; border-bottom: 1px solid #e7efee; background: #fff; box-shadow: 0 5px 16px rgba(9,48,59,.025); }
.extern_ooo_page-nav > .extern_ooo_container { display: flex; align-items: center; overflow-x: auto; scrollbar-width: none; }
.extern_ooo_page-nav > .extern_ooo_container::-webkit-scrollbar { display: none; }
.extern_ooo_page-nav a { position: relative; flex: 0 0 auto; padding: 17px 17px 15px; color: #5f757c; font-size: 12px; font-weight: 800; text-decoration: none; transition: color .18s ease; }
.extern_ooo_page-nav a:first-child { padding-left: 0; }.extern_ooo_page-nav a:last-child { padding-right: 0; }
.extern_ooo_page-nav a::after { position: absolute; right: 17px; bottom: 0; left: 17px; height: 2px; content: ''; border-radius: 2px 2px 0 0; background: var(--ooo-accent); transform: scaleX(0); transition: transform .18s ease; }
.extern_ooo_page-nav a:first-child::after { left: 0; }.extern_ooo_page-nav a:last-child::after { right: 0; }
.extern_ooo_page-nav a:hover { color: #087e6c; }.extern_ooo_page-nav a:hover::after { transform: scaleX(1); }

/* ===== Process board ===== */
.extern_ooo_process { padding: 110px 0 104px; background: #fff; }
.extern_ooo_process-board { position: relative; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 17px 174px; min-height: 483px; padding: 13px 0; }
.extern_ooo_process-lines { position: absolute; inset: 0; z-index: 1; width: 100%; height: 100%; overflow: visible; }
.extern_ooo_process-lines path { fill: none; stroke: #b1e3d9; stroke-width: 1.5; stroke-dasharray: 4 6; }
.extern_ooo_process-center { position: absolute; top: 50%; left: 50%; z-index: 3; display: grid; width: 178px; height: 178px; place-content: center; color: #fff; border: 1px solid #a4e5d8; border-radius: 50%; background: radial-gradient(circle at 30% 18%,#0d7a70,#034d60 72%); box-shadow: 0 16px 38px rgba(0,103,100,.24); text-align: center; transform: translate(-50%,-50%); }
.extern_ooo_process-center-icon { display: grid; width: 37px; height: 37px; place-items: center; margin: 0 auto 7px; border-radius: 11px; color: #067268; background: #91f2df; }
.extern_ooo_process-center-icon svg { width: 20px; height: 20px; }
.extern_ooo_process-center b { color: #fff; font-size: 17px; font-weight: 800; letter-spacing: -.3px; line-height: 1.05; }
.extern_ooo_process-center small { display: block; margin-top: 6px; color: rgba(255,255,255,.64); font-size: 9px; }
.extern_ooo_process-ring { position: absolute; inset: 50%; z-index: -1; border: 1px solid rgba(0,190,162,.24); border-radius: 50%; transform: translate(-50%,-50%); }
.extern_ooo_process-ring--one { width: 224px; height: 224px; animation: extern_ooo_ring 6s linear infinite; }.extern_ooo_process-ring--two { width: 285px; height: 285px; border-style: dashed; animation: extern_ooo_ring 10s linear infinite reverse; }
.extern_ooo_process-card { position: relative; z-index: 2; min-height: 183px; padding: 23px 24px; border: 1px solid var(--ooo-line); border-radius: 19px; background: #fff; box-shadow: 0 12px 27px rgba(6,65,75,.06); transition: transform .22s ease, box-shadow .22s ease; }
.extern_ooo_process-card:hover { transform: translateY(-4px); box-shadow: 0 18px 33px rgba(6,65,75,.1); }
.extern_ooo_process-card--bank { grid-column: 1; grid-row: 1; }.extern_ooo_process-card--docs { grid-column: 2; grid-row: 1; }.extern_ooo_process-card--team { grid-column: 1; grid-row: 2; }.extern_ooo_process-card--report { grid-column: 2; grid-row: 2; }
.extern_ooo_process-icon { display: grid; width: 40px; height: 40px; place-items: center; border-radius: 12px; color: #087f6f; background: #e2f8f3; }
.extern_ooo_process-icon svg { width: 21px; height: 21px; }
.extern_ooo_process-card--docs .extern_ooo_process-icon { color: #477ec1; background: #eaf3fd; }.extern_ooo_process-card--team .extern_ooo_process-icon { color: #a1731e; background: #fff4df; }.extern_ooo_process-card--report .extern_ooo_process-icon { color: #7c58bb; background: #f1ecff; }
.extern_ooo_process-card h3 { margin: 15px 0 6px; color: #29444d; font-size: 16px; font-weight: 800; }.extern_ooo_process-card p { max-width: 325px; margin: 0; color: #6a8189; font-size: 12px; line-height: 1.6; }
.extern_ooo_process-callout { display: grid; grid-template-columns: 45px minmax(0,1fr) auto; gap: 15px; align-items: center; margin-top: 24px; padding: 17px 20px; border: 1px solid #d6eee7; border-radius: 16px; background: linear-gradient(100deg,#f6fffc,#eafaf6); }
.extern_ooo_process-callout-icon { display: grid; width: 45px; height: 45px; place-items: center; border-radius: 13px; color: #078b76; background: #dff7f1; }.extern_ooo_process-callout-icon svg { width: 22px; height: 22px; }
.extern_ooo_process-callout p { margin: 0; color: #5f7880; font-size: 13px; line-height: 1.55; }.extern_ooo_process-callout b { color: #214249; }
.extern_ooo_process-callout a { color: #057f6c; font-size: 12px; font-weight: 800; text-decoration: none; white-space: nowrap; }.extern_ooo_process-callout a span { margin-left: 5px; font-size: 17px; vertical-align: -1px; }

/* ===== Roles ===== */
.extern_ooo_roles { padding: 110px 0 112px; background: var(--ooo-page); }
.extern_ooo_role-switcher { display: grid; grid-template-columns: minmax(245px,.39fr) minmax(0,1fr); gap: 30px; align-items: stretch; }
.extern_ooo_role-tabs { display: grid; gap: 10px; align-content: start; }
.extern_ooo_role-tab { display: grid; grid-template-columns: 32px 1fr; column-gap: 12px; align-items: center; min-height: 93px; padding: 14px; border: 1px solid var(--ooo-line); border-radius: 15px; color: #39565e; background: #fff; cursor: pointer; font-family: inherit; text-align: left; transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease, background .2s ease; }
.extern_ooo_role-tab:hover { transform: translateX(3px); border-color: #b5e3d9; }.extern_ooo_role-tab.is-active { border-color: #8fd9ca; background: linear-gradient(120deg,#f2fffb,#e4f8f2); box-shadow: 0 12px 24px rgba(0,137,114,.09); }
.extern_ooo_role-tab > span { display: grid; grid-row: span 2; width: 32px; height: 32px; place-items: center; border-radius: 10px; color: #087c6c; background: #e2f7f1; font-size: 10px; font-weight: 900; }.extern_ooo_role-tab.is-active > span { color: #fff; background: var(--ooo-accent); }
.extern_ooo_role-tab b { align-self: end; color: #2b4851; font-size: 13px; font-weight: 800; }.extern_ooo_role-tab small { align-self: start; margin-top: 3px; color: #80959a; font-size: 10px; line-height: 1.35; }
.extern_ooo_role-panels { min-width: 0; }.extern_ooo_role-panel { display: grid; grid-template-columns: minmax(0,1.05fr) minmax(310px,.95fr); min-height: 344px; overflow: hidden; border: 1px solid #dcebea; border-radius: 23px; background: #fff; box-shadow: 0 16px 39px rgba(9,62,75,.06); animation: extern_ooo_panel_in .28s ease both; }
.extern_ooo_role-panel[hidden] { display: none; }
.extern_ooo_role-panel-copy { padding: 38px 39px; }.extern_ooo_panel-label { display: inline-flex; padding: 6px 9px; border-radius: 999px; color: #087f6c; background: #e5f9f3; font-size: 10px; font-weight: 800; }
.extern_ooo_role-panel h3 { max-width: 510px; margin: 15px 0 10px; color: #27434c; font-size: 24px; font-weight: 800; letter-spacing: -.7px; line-height: 1.18; }.extern_ooo_role-panel-copy > p { margin: 0; color: #637c84; font-size: 13px; line-height: 1.62; }
.extern_ooo_role-panel ul { display: grid; gap: 8px; margin: 22px 0 0; padding: 0; list-style: none; }.extern_ooo_role-panel li { display: grid; grid-template-columns: 27px 1fr; gap: 9px; align-items: center; }.extern_ooo_role-panel li > i { display: grid; width: 27px; height: 27px; place-items: center; border-radius: 8px; color: #07816e; background: #e7f9f4; font-size: 9px; font-style: normal; font-weight: 900; }.extern_ooo_role-panel li b { display: block; color: #334e56; font-size: 12px; font-weight: 800; }.extern_ooo_role-panel li small { display: block; margin-top: 2px; color: #80949a; font-size: 10px; }
.extern_ooo_role-visual { position: relative; min-height: 344px; overflow: hidden; background: linear-gradient(145deg,#e5f7f3,#d5efe9); }
.extern_ooo_role-visual::before { position: absolute; top: -65px; right: -45px; width: 242px; height: 242px; content: ''; border: 1px solid rgba(0,154,130,.18); border-radius: 50%; box-shadow: 0 0 0 43px rgba(0,154,130,.035),0 0 0 90px rgba(0,154,130,.025); }
/* Director visual */
.extern_ooo_role-visual--director { background: linear-gradient(145deg,#e4f7f3,#d1ede8); }.extern_ooo_director-metric { position: absolute; top: 75px; left: 50%; width: 205px; padding: 18px; border: 1px solid #b7dfd5; border-radius: 16px; background: rgba(255,255,255,.9); box-shadow: 0 18px 28px rgba(1,93,85,.11); transform: translateX(-50%); }.extern_ooo_director-metric > span { display: block; color: #76938f; font-size: 10px; font-weight: 700; }.extern_ooo_director-metric b { display: block; margin: 6px 0 9px; color: #24484d; font-size: 16px; font-weight: 800; }.extern_ooo_director-metric i { display: block; height: 7px; overflow: hidden; border-radius: 999px; background: #dcece8; }.extern_ooo_director-metric i em { display: block; width: 75%; height: 100%; border-radius: inherit; background: linear-gradient(90deg,#00bfa2,#67e3c8); animation: extern_ooo_progress 3.5s ease-in-out infinite; }.extern_ooo_director-metric small { display: block; margin-top: 8px; color: #75918f; font-size: 9px; }
.extern_ooo_director-mini { position: absolute; width: 126px; padding: 12px; border: 1px solid rgba(255,255,255,.9); border-radius: 13px; background: rgba(255,255,255,.79); box-shadow: 0 11px 23px rgba(1,93,85,.09); animation: extern_ooo_float 4s ease-in-out infinite; }.extern_ooo_director-mini span { display: block; color: #829a99; font-size: 9px; }.extern_ooo_director-mini b { display: block; margin: 4px 0 2px; color: #33545a; font-size: 13px; }.extern_ooo_director-mini small { color: #168975; font-size: 9px; font-weight: 700; }.extern_ooo_director-mini--one { bottom: 46px; left: 29px; }.extern_ooo_director-mini--two { top: 50px; right: 21px; animation-delay: 1.25s; }
/* Accountant visual */
.extern_ooo_role-visual--accountant { background: linear-gradient(145deg,#e8f2ff,#e7f7f3); }.extern_ooo_acc-sheet { position: absolute; top: 61px; left: 50%; width: 217px; padding: 17px; border: 1px solid #c2d8ea; border-radius: 16px; background: #fff; box-shadow: 0 16px 31px rgba(24,77,119,.12); transform: translateX(-50%); }.extern_ooo_acc-sheet > span { display: block; color: #748c99; font-size: 9px; font-weight: 700; }.extern_ooo_acc-sheet b { display: block; margin: 5px 0 12px; color: #32515c; font-size: 14px; }.extern_ooo_acc-sheet > div { display: grid; gap: 7px; }.extern_ooo_acc-sheet > div i { display: block; height: 9px; border-radius: 999px; background: #e7eff3; }.extern_ooo_acc-sheet > div i:nth-child(1) { width: 93%; background: linear-gradient(90deg,#74cbd5,#b6e8df); }.extern_ooo_acc-sheet > div i:nth-child(2) { width: 76%; }.extern_ooo_acc-sheet > div i:nth-child(3) { width: 87%; }.extern_ooo_acc-sheet small { display: flex; align-items: center; gap: 5px; margin-top: 14px; color: #5f807c; font-size: 9px; }.extern_ooo_acc-sheet small em { display: grid; width: 14px; height: 14px; place-items: center; border-radius: 50%; color: #fff; background: #0bb08e; font-size: 9px; font-style: normal; }
.extern_ooo_acc-note { position: absolute; padding: 10px 11px; border: 1px solid rgba(255,255,255,.84); border-radius: 12px; color: #4b6873; background: rgba(255,255,255,.8); box-shadow: 0 11px 23px rgba(24,77,119,.08); font-size: 9px; line-height: 1.35; animation: extern_ooo_float 4.4s ease-in-out infinite; }.extern_ooo_acc-note b { color: #1b8c79; font-size: 10px; }.extern_ooo_acc-note--one { bottom: 54px; left: 25px; }.extern_ooo_acc-note--two { top: 46px; right: 24px; animation-delay: 1s; }
/* Team visual */
.extern_ooo_role-visual--team { background: linear-gradient(145deg,#f0ecff,#e6f7f2); }.extern_ooo_team-hub { position: absolute; top: 100px; left: 50%; display: grid; grid-template-columns: repeat(3,27px); gap: 4px; width: 184px; padding: 14px; border: 1px solid #d5c9f0; border-radius: 16px; background: #fff; box-shadow: 0 16px 29px rgba(88,58,133,.1); transform: translateX(-50%); }.extern_ooo_team-avatar { display: grid; width: 27px; height: 27px; place-items: center; border-radius: 50%; color: #fff; background: #8765bc; font-size: 9px; font-weight: 800; }.extern_ooo_team-avatar:nth-child(2) { background: #0e9d87; }.extern_ooo_team-avatar:nth-child(3) { background: #5c85c5; }.extern_ooo_team-hub b { grid-column: 1 / -1; margin-top: 6px; color: #3c505a; font-size: 13px; }.extern_ooo_team-hub small { grid-column: 1 / -1; color: #87989d; font-size: 9px; }.extern_ooo_team-line { position: absolute; height: 1px; background: #baa7df; transform-origin: left; }.extern_ooo_team-line--one { top: 180px; left: 50%; width: 118px; transform: rotate(35deg); }.extern_ooo_team-line--two { top: 181px; left: calc(50% - 2px); width: 116px; transform: rotate(145deg); }.extern_ooo_team-line--three { top: 187px; left: 50%; width: 109px; transform: rotate(92deg); }
.extern_ooo_team-task { position: absolute; padding: 8px 9px; border: 1px solid rgba(255,255,255,.85); border-radius: 10px; color: #6a6080; background: rgba(255,255,255,.86); box-shadow: 0 9px 19px rgba(88,58,133,.08); font-size: 9px; line-height: 1.25; }.extern_ooo_team-task b { color: #4b3d67; font-size: 10px; }.extern_ooo_team-task--one { top: 44px; left: 22px; }.extern_ooo_team-task--two { right: 18px; bottom: 57px; }.extern_ooo_team-task--three { bottom: 25px; left: 50%; transform: translateX(-50%); }

/* ===== Closing block ===== */
.extern_ooo_close { padding: 0 0 110px; background: var(--ooo-page); }
.extern_ooo_close-section-shell { position: relative; display: grid; grid-template-columns: minmax(0,.89fr) minmax(470px,1.11fr); gap: 77px; overflow: hidden; padding: 57px 59px; border-radius: 29px; color: #fff; background: linear-gradient(132deg,#013f54,#075668 76%,#013f54); box-shadow: 0 26px 57px rgba(0,53,68,.17); }
.extern_ooo_close-section-shell::before { position: absolute; top: -185px; right: -105px; width: 485px; height: 485px; content: ''; border: 1px solid rgba(114,239,222,.23); border-radius: 50%; box-shadow: 0 0 0 48px rgba(114,239,222,.035),0 0 0 110px rgba(114,239,222,.02); }
.extern_ooo_close-section-copy, .extern_ooo_close-workspace { position: relative; z-index: 1; }.extern_ooo_close h2 { color: #fff; }.extern_ooo_close h2 span { color: #7bf0dc; }.extern_ooo_close-section-copy > p { max-width: 495px; margin: 18px 0 25px; color: rgba(255,255,255,.72); font-size: 15px; line-height: 1.67; }
.extern_ooo_close-path { display: grid; gap: 8px; margin: 0 0 28px; }.extern_ooo_close-path > div { display: grid; grid-template-columns: 28px 1fr; gap: 10px; align-items: center; }.extern_ooo_close-path i { display: grid; width: 28px; height: 28px; place-items: center; border-radius: 9px; color: #e5fff9; background: rgba(0,190,162,.31); font-size: 10px; font-style: normal; font-weight: 900; }.extern_ooo_close-path b { display: inline; color: #fff; font-size: 12px; }.extern_ooo_close-path small { margin-left: 5px; color: rgba(255,255,255,.58); font-size: 10px; }
.extern_ooo_close-workspace { padding: 14px; border: 1px solid rgba(255,255,255,.22); border-radius: 20px; background: rgba(0,76,91,.36); box-shadow: inset 0 1px 0 rgba(255,255,255,.08); }.extern_ooo_workspace-top { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 3px 4px 11px; color: rgba(255,255,255,.72); font-size: 9px; }.extern_ooo_workspace-top span { display: inline-flex; align-items: center; gap: 6px; }.extern_ooo_workspace-top span i { width: 6px; height: 6px; border-radius: 50%; background: #7eeedb; box-shadow: 0 0 0 3px rgba(126,238,219,.12); }.extern_ooo_workspace-top b { color: #fff; font-size: 10px; }
.extern_ooo_workspace-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }.extern_ooo_workspace-card { position: relative; min-height: 117px; padding: 13px; overflow: hidden; border: 1px solid #e0eeee; border-radius: 13px; background: #fff; }.extern_ooo_workspace-icon { display: grid; width: 30px; height: 30px; place-items: center; border-radius: 9px; color: #0b8d77; background: #e3f8f2; }.extern_ooo_workspace-icon svg { width: 16px; height: 16px; }.extern_ooo_workspace-card p { margin: 11px 0 3px; color: #7e9398; font-size: 9px; }.extern_ooo_workspace-card b { display: block; color: #365159; font-size: 12px; }.extern_ooo_workspace-card small { display: block; margin-top: 3px; color: #8aa0a2; font-size: 8px; }.extern_ooo_workspace-card em { position: absolute; right: 12px; bottom: 12px; color: #20a78f; font-size: 13px; font-style: normal; font-weight: 800; }.extern_ooo_workspace-card--bank .extern_ooo_workspace-icon { color: #557ec3; background: #edf3ff; }.extern_ooo_workspace-card--payroll .extern_ooo_workspace-icon { color: #a06d1d; background: #fff3df; }.extern_ooo_workspace-card--report { border-color: #a9ded3; background: #f7fffd; box-shadow: 0 8px 17px rgba(0,190,162,.09); animation: extern_ooo_task_glow 3.4s ease-in-out infinite; }.extern_ooo_workspace-card--report .extern_ooo_workspace-icon { color: #fff; background: var(--ooo-accent); }
.extern_ooo_workspace-footer { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: 10px; padding: 11px; border: 1px solid #d6ebe6; border-radius: 11px; color: #6d8589; background: #f6fffc; font-size: 8px; line-height: 1.3; }.extern_ooo_workspace-footer > span { display: flex; align-items: flex-start; gap: 5px; }.extern_ooo_workspace-footer > span i { width: 6px; height: 6px; flex: 0 0 auto; margin-top: 2px; border-radius: 50%; background: #18ad91; }.extern_ooo_workspace-footer button { display: inline-flex; align-items: center; gap: 4px; padding: 7px 8px; border: 0; border-radius: 7px; color: #fff; background: var(--ooo-accent-dark); cursor: default; font-family: inherit; font-size: 8px; font-weight: 800; white-space: nowrap; }.extern_ooo_workspace-footer button svg { width: 10px; height: 10px; }

/* ===== Scenarios ===== */
.extern_ooo_scenarios { padding: 110px 0 108px; background: #fff; }.extern_ooo_scenarios-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; }.extern_ooo_scenario-card { position: relative; display: flex; flex-direction: column; min-height: 373px; padding: 26px; overflow: hidden; border: 1px solid var(--ooo-line); border-radius: 21px; background: #fff; box-shadow: 0 13px 28px rgba(6,65,75,.055); transition: transform .22s ease,box-shadow .22s ease; }.extern_ooo_scenario-card::after { position: absolute; right: -47px; bottom: -69px; width: 185px; height: 185px; content: ''; border: 1px solid currentColor; border-radius: 50%; opacity: .12; }.extern_ooo_scenario-card:hover { transform: translateY(-5px); box-shadow: 0 20px 38px rgba(6,65,75,.1); }.extern_ooo_scenario-top { display: flex; align-items: center; justify-content: space-between; gap: 8px; }.extern_ooo_scenario-top > span { color: #9aaeb0; font-size: 11px; font-weight: 900; }.extern_ooo_scenario-top > i { padding: 5px 9px; border-radius: 999px; color: #087e6d; background: #e5faf5; font-size: 10px; font-style: normal; font-weight: 900; }.extern_ooo_scenario-card h3 { max-width: 260px; margin: 22px 0 9px; color: #27434c; font-size: 20px; font-weight: 800; letter-spacing: -.35px; line-height: 1.2; }.extern_ooo_scenario-card p { margin: 0; color: #66808a; font-size: 12px; line-height: 1.62; }.extern_ooo_scenario-card ul { display: grid; gap: 8px; margin: 20px 0 22px; padding: 0; list-style: none; }.extern_ooo_scenario-card li { position: relative; padding-left: 18px; color: #506c74; font-size: 11px; line-height: 1.45; }.extern_ooo_scenario-card li::before { position: absolute; top: 5px; left: 0; width: 7px; height: 7px; content: ''; border-radius: 50%; background: currentColor; box-shadow: 0 0 0 4px rgba(0,190,162,.1); }.extern_ooo_scenario-card a { position: relative; z-index: 1; display: inline-flex; gap: 7px; align-items: center; margin-top: auto; color: #087e6d; font-size: 12px; font-weight: 800; text-decoration: none; }.extern_ooo_scenario-card a span { font-size: 17px; line-height: .8; }.extern_ooo_scenario-card--vat { color: #437dc4; }.extern_ooo_scenario-card--vat .extern_ooo_scenario-top > i { color: #4277bb; background: #edf4ff; }.extern_ooo_scenario-card--vat a { color: #4277bb; }.extern_ooo_scenario-card--vat li::before { box-shadow: 0 0 0 4px rgba(67,125,196,.1); }.extern_ooo_scenario-card--osno { color: #a17827; }.extern_ooo_scenario-card--osno .extern_ooo_scenario-top > i { color: #9b6d16; background: #fff4df; }.extern_ooo_scenario-card--osno a { color: #9b6d16; }.extern_ooo_scenario-card--osno li::before { box-shadow: 0 0 0 4px rgba(161,120,39,.1); }.extern_ooo_scenarios-note { display: flex; gap: 8px; max-width: 760px; margin: 24px auto 0; color: #6e858b; font-size: 12px; line-height: 1.55; text-align: center; }.extern_ooo_scenarios-note svg { width: 17px; height: 17px; flex: 0 0 auto; color: #0c9a82; }

/* ===== Buy / conversion ===== */
.extern_ooo_buy { padding: 0 0 112px; background: #fff; }.extern_ooo_buy-shell { position: relative; display: grid; grid-template-columns: minmax(0,1fr) minmax(380px,.76fr); gap: 69px; overflow: hidden; padding: 57px 59px; border-radius: 29px; color: #fff; background: linear-gradient(132deg,#013f54,#09576a 78%,#013f54); box-shadow: 0 25px 56px rgba(0,53,68,.17); }.extern_ooo_buy-shell::before { position: absolute; right: -163px; bottom: -203px; width: 490px; height: 490px; content: ''; border: 1px solid rgba(114,239,222,.25); border-radius: 50%; box-shadow: 0 0 0 46px rgba(114,239,222,.035),0 0 0 104px rgba(114,239,222,.02); }.extern_ooo_buy-copy,.extern_ooo_buy-card { position: relative; z-index: 1; }.extern_ooo_buy h2 { color: #fff; }.extern_ooo_buy h2 span { color: #7cf0dd; }.extern_ooo_buy-copy > p { max-width: 580px; margin: 18px 0 25px; color: rgba(255,255,255,.72); font-size: 15px; line-height: 1.68; }.extern_ooo_buy-steps { display: grid; gap: 9px; }.extern_ooo_buy-steps > div { display: grid; grid-template-columns: 32px 1fr; gap: 11px; align-items: center; }.extern_ooo_buy-steps i { display: grid; width: 32px; height: 32px; place-items: center; border-radius: 10px; color: #e9fffb; background: rgba(0,190,162,.3); font-size: 11px; font-style: normal; font-weight: 900; }.extern_ooo_buy-steps b { display: block; color: #fff; font-size: 12px; }.extern_ooo_buy-steps small { display: block; margin-top: 3px; color: rgba(255,255,255,.6); font-size: 10px; }
.extern_ooo_buy-card { padding: 18px; border: 1px solid rgba(255,255,255,.27); border-radius: 18px; background: rgba(255,255,255,.95); box-shadow: 0 17px 34px rgba(0,23,37,.22); }.extern_ooo_buy-card-head { display: flex; align-items: center; gap: 10px; }.extern_ooo_buy-card-icon { display: grid; width: 35px; height: 35px; place-items: center; border-radius: 10px; color: #067e6d; background: #e1f7f1; }.extern_ooo_buy-card-icon svg { width: 18px; height: 18px; }.extern_ooo_buy-card-head b { display: block; color: #28474e; font-size: 12px; }.extern_ooo_buy-card-head small { display: block; margin-top: 3px; color: #82989c; font-size: 9px; }.extern_ooo_buy-card-fields { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; margin: 16px 0 12px; }.extern_ooo_buy-card-fields > div { padding: 10px; border: 1px solid #e5eeee; border-radius: 10px; background: #fbfdfd; }.extern_ooo_buy-card-fields span { display: block; color: #82979c; font-size: 8px; }.extern_ooo_buy-card-fields b { display: flex; align-items: center; justify-content: space-between; gap: 4px; margin-top: 4px; color: #36545b; font-size: 10px; }.extern_ooo_buy-card-fields i { display: grid; width: 14px; height: 14px; place-items: center; border-radius: 50%; color: #087f6d; background: #e3f9f3; font-size: 9px; font-style: normal; }.extern_ooo_buy-card-result { margin-bottom: 13px; padding: 11px; border: 1px solid #d9eee8; border-radius: 10px; background: linear-gradient(100deg,#f4fffb,#ebfaf5); }.extern_ooo_buy-card-result > span { display: flex; align-items: center; gap: 5px; color: #52756f; font-size: 9px; font-weight: 800; }.extern_ooo_buy-card-result > span i { display: grid; width: 14px; height: 14px; place-items: center; border-radius: 50%; color: #fff; background: #13ad8f; font-size: 9px; font-style: normal; }.extern_ooo_buy-card-result p { margin: 6px 0 0; color: #667f82; font-size: 9px; line-height: 1.45; }.extern_ooo_buy-card .extern_ooo_btn { width: 100%; min-height: 46px; font-size: 12px; }.extern_ooo_buy-card-link { display: block; margin-top: 13px; color: #087f6c; font-size: 10px; font-weight: 800; text-align: center; text-decoration: none; }.extern_ooo_buy-card-link span { margin-left: 5px; font-size: 15px; vertical-align: -1px; }

/* ===== FAQ ===== */
.extern_ooo_faq { padding: 108px 0 114px; background: var(--ooo-page); }.extern_ooo_faq-grid { display: grid; grid-template-columns: minmax(0,.7fr) minmax(500px,1.3fr); gap: 69px; align-items: start; }.extern_ooo_faq-copy > p { max-width: 422px; margin: 19px 0 22px; color: var(--ooo-muted); font-size: 15px; line-height: 1.68; }.extern_ooo_text-link { color: #087e6d; font-size: 13px; font-weight: 800; text-decoration: none; }.extern_ooo_text-link span { margin-left: 5px; font-size: 17px; vertical-align: -1px; }.extern_ooo_accordion { overflow: hidden; border: 1px solid var(--ooo-line); border-radius: 18px; background: #fff; box-shadow: 0 16px 38px rgba(10,65,76,.06); }.extern_ooo_accordion details { border-bottom: 1px solid var(--ooo-line); }.extern_ooo_accordion details:last-child { border-bottom: 0; }.extern_ooo_accordion summary { display: flex; align-items: center; justify-content: space-between; gap: 15px; padding: 20px 22px; cursor: pointer; color: #2b4650; font-size: 14px; font-weight: 800; list-style: none; }.extern_ooo_accordion summary::-webkit-details-marker { display: none; }.extern_ooo_accordion summary i { position: relative; flex: 0 0 auto; width: 24px; height: 24px; border: 1px solid #d4e4e3; border-radius: 50%; }.extern_ooo_accordion summary i::before,.extern_ooo_accordion summary i::after { position: absolute; top: 50%; left: 50%; width: 10px; height: 1.5px; content: ''; border-radius: 2px; background: #657f85; transform: translate(-50%,-50%); }.extern_ooo_accordion summary i::after { transition: transform .2s ease; transform: translate(-50%,-50%) rotate(90deg); }.extern_ooo_accordion details[open] summary { color: #067d6b; }.extern_ooo_accordion details[open] summary i { border-color: #a8ddd3; background: #e5f8f3; }.extern_ooo_accordion details[open] summary i::after { transform: translate(-50%,-50%) rotate(0); }.extern_ooo_accordion details > p { max-width: 740px; margin: -3px 0 0; padding: 0 58px 21px 22px; color: #627a83; font-size: 13px; line-height: 1.65; }

/* ===== Animations ===== */
@keyframes extern_ooo_blink { 0%,100% { opacity: 1; transform: scale(1); } 50% { opacity: .48; transform: scale(.76); } }
@keyframes extern_ooo_card_in { from { opacity: 0; transform: translateY(20px) scale(.98); } to { opacity: 1; transform: none; } }
@keyframes extern_ooo_halo { 0%,100% { transform: scale(1); opacity: .8; } 50% { transform: scale(1.1); opacity: .4; } }
@keyframes extern_ooo_float { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-8px); } }
@keyframes extern_ooo_task_glow { 0%,100% { box-shadow: 0 6px 13px rgba(0,190,162,.1); } 50% { box-shadow: 0 10px 22px rgba(0,190,162,.23); } }
@keyframes extern_ooo_progress { 0%,100% { transform: scaleX(.89); opacity: .68; } 50% { transform: scaleX(1); opacity: 1; } }
@keyframes extern_ooo_ring { to { transform: translate(-50%,-50%) rotate(360deg); } }
@keyframes extern_ooo_orb { 0%,100% { transform: translate3d(0,0,0) scale(1); opacity: .8; } 50% { transform: translate3d(-16px,14px,0) scale(1.07); opacity: 1; } }
@keyframes extern_ooo_panel_in { from { opacity: 0; transform: translateY(7px); } to { opacity: 1; transform: none; } }

@media (prefers-reduced-motion: reduce) {
    .extern_ooo_hero *, .extern_ooo_process *, .extern_ooo_roles *, .extern_ooo_close *, .extern_ooo_scenarios *, .extern_ooo_buy *, .extern_ooo_faq * { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}

/* ===== Responsive ===== */
@media (max-width: 1080px) {
    .extern_ooo_hero-layout { grid-template-columns: minmax(0,1fr) minmax(430px,.94fr); gap: 38px; }.extern_ooo_close-float--one { right: -20px; }.extern_ooo_close-float--two { left: -19px; }.extern_ooo_close-section-shell,.extern_ooo_buy-shell { gap: 42px; padding: 48px; }.extern_ooo_process-board { gap: 17px 130px; }
}
@media (max-width: 920px) {
    .extern_ooo_hero { padding: 76px 0 79px; }.extern_ooo_hero-layout { grid-template-columns: 1fr; gap: 47px; }.extern_ooo_hero-copy { max-width: 715px; }.extern_ooo_close-card { justify-self: center; width: min(610px,calc(100% - 64px)); }
    .extern_ooo_section-head--split,.extern_ooo_close-section-shell,.extern_ooo_buy-shell,.extern_ooo_faq-grid { grid-template-columns: 1fr; gap: 28px; }.extern_ooo_section-head > p,.extern_ooo_close-section-copy > p,.extern_ooo_buy-copy > p { max-width: 690px; }
    .extern_ooo_process-board { gap: 17px 110px; }.extern_ooo_process-center { width: 152px; height: 152px; }.extern_ooo_process-ring--one { width: 192px; height: 192px; }.extern_ooo_process-ring--two { width: 240px; height: 240px; }
    .extern_ooo_role-switcher { grid-template-columns: 1fr; }.extern_ooo_role-tabs { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; }.extern_ooo_role-tab { min-height: 100px; }.extern_ooo_role-panel { grid-template-columns: minmax(0,1fr) minmax(320px,.83fr); }.extern_ooo_role-panel-copy { padding: 34px; }
    .extern_ooo_scenarios-grid { grid-template-columns: 1fr; }.extern_ooo_scenario-card { min-height: 0; }.extern_ooo_scenario-card p { max-width: 550px; }.extern_ooo_scenario-card ul { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; }.extern_ooo_scenario-card a { margin-top: 5px; }
    .extern_ooo_buy-card { max-width: 600px; }.extern_ooo_close-section-copy { max-width: 690px; }
}
@media (max-width: 650px) {
    .extern_ooo_container { width: min(100% - 32px,1200px); }.extern_ooo_hero { padding: 57px 0 61px; }.extern_ooo_hero-grid { background-size: 34px 34px; }.extern_ooo_hero-track--one { top: 48%; right: -84%; width: 470px; height: 190px; }.extern_ooo_hero h1 { margin: 18px 0 15px; font-size: 41px; letter-spacing: -1.7px; }.extern_ooo_hero-lead { font-size: 15px; }.extern_ooo_badge { font-size: 10px; }.extern_ooo_hero-tags { margin: 20px 0; }.extern_ooo_hero-tags span:last-child { display: none; }.extern_ooo_hero-points { gap: 9px; margin-bottom: 25px; }.extern_ooo_hero-points > div { align-items: flex-start; font-size: 13px; }.extern_ooo_hero-points svg { margin-top: 1px; }.extern_ooo_actions { display: grid; grid-template-columns: 1fr; }.extern_ooo_btn { width: 100%; min-height: 50px; }.extern_ooo_hero-note { align-items: flex-start; }
    .extern_ooo_close-card { width: min(100% - 20px,610px); padding: 11px; border-radius: 18px; }.extern_ooo_close-float { display: none; }.extern_ooo_close-sheet { padding: 13px; border-radius: 13px; }.extern_ooo_close-top { padding-bottom: 9px; }.extern_ooo_close-chip { display: none; }.extern_ooo_close-summary { padding: 9px; }.extern_ooo_close-summary b { font-size: 11px; }.extern_ooo_close-summary small { font-size: 8px; }.extern_ooo_close-date { width: 36px; height: 36px; }.extern_ooo_close-footer { align-items: flex-start; flex-direction: column; }.extern_ooo_close-footer button { width: 100%; justify-content: center; }
    .extern_ooo_page-nav > .extern_ooo_container { width: 100%; padding-left: 16px; }.extern_ooo_page-nav a { padding: 15px 12px 13px; font-size: 11px; }.extern_ooo_page-nav a:first-child { padding-left: 0; }.extern_ooo_page-nav a::after { right: 12px; left: 12px; }.extern_ooo_page-nav a:first-child::after { left: 0; }
    .extern_ooo_process,.extern_ooo_roles,.extern_ooo_scenarios,.extern_ooo_faq { padding: 68px 0; }.extern_ooo_close { padding-bottom: 68px; }.extern_ooo_buy { padding-bottom: 68px; }.extern_ooo_section-head { margin-bottom: 30px; }.extern_ooo_section-head--split { gap: 17px; }.extern_ooo_section-head h2,.extern_ooo_close h2,.extern_ooo_buy h2,.extern_ooo_faq h2 { font-size: 31px; letter-spacing: -1px; }.extern_ooo_section-head > p { font-size: 14px; }
    .extern_ooo_process-board { display: grid; grid-template-columns: 1fr; min-height: 0; gap: 12px; padding: 0; }.extern_ooo_process-center { position: relative; top: auto; left: auto; display: grid; grid-template-columns: 37px 1fr; column-gap: 10px; width: 100%; height: auto; min-height: 116px; place-content: center; justify-content: center; border-radius: 18px; text-align: left; transform: none; }.extern_ooo_process-center-icon { grid-row: span 2; margin: 0; }.extern_ooo_process-center b { align-self: end; font-size: 18px; line-height: 1; }.extern_ooo_process-center small { align-self: start; margin: 0; }.extern_ooo_process-ring { display: none; }.extern_ooo_process-card,.extern_ooo_process-card--bank,.extern_ooo_process-card--docs,.extern_ooo_process-card--team,.extern_ooo_process-card--report { grid-column: auto; grid-row: auto; min-height: 0; padding: 19px; }.extern_ooo_process-card h3 { margin-top: 12px; }.extern_ooo_process-lines { display: none; }.extern_ooo_process-callout { grid-template-columns: 39px 1fr; gap: 12px; padding: 16px; }.extern_ooo_process-callout-icon { width: 39px; height: 39px; border-radius: 12px; }.extern_ooo_process-callout p { font-size: 12px; }.extern_ooo_process-callout a { grid-column: 1 / -1; padding-top: 4px; }
    .extern_ooo_role-tabs { grid-template-columns: 1fr; }.extern_ooo_role-tab { grid-template-columns: 31px 1fr auto; min-height: 67px; }.extern_ooo_role-tab > span { grid-row: auto; }.extern_ooo_role-tab b { align-self: center; }.extern_ooo_role-tab small { align-self: center; max-width: 132px; text-align: right; }.extern_ooo_role-panel { grid-template-columns: 1fr; border-radius: 18px; }.extern_ooo_role-panel-copy { padding: 22px; }.extern_ooo_role-panel h3 { font-size: 20px; }.extern_ooo_role-panel ul { margin-top: 18px; }.extern_ooo_role-visual { min-height: 273px; }.extern_ooo_director-metric { top: 43px; }.extern_ooo_director-mini--one { bottom: 25px; left: 17px; }.extern_ooo_director-mini--two { top: 28px; right: 14px; }.extern_ooo_acc-sheet { top: 37px; }.extern_ooo_acc-note--one { bottom: 25px; left: 15px; }.extern_ooo_acc-note--two { top: 27px; right: 12px; }.extern_ooo_team-hub { top: 67px; }.extern_ooo_team-line--one { top: 144px; }.extern_ooo_team-line--two { top: 145px; }.extern_ooo_team-line--three { top: 150px; }.extern_ooo_team-task--one { top: 19px; left: 15px; }.extern_ooo_team-task--two { right: 12px; bottom: 35px; }.extern_ooo_team-task--three { bottom: 15px; }
    .extern_ooo_close-section-shell,.extern_ooo_buy-shell { padding: 31px 20px; border-radius: 20px; }.extern_ooo_close-section-shell::before,.extern_ooo_buy-shell::before { top: auto; right: -155px; bottom: -180px; }.extern_ooo_close-section-copy > p,.extern_ooo_buy-copy > p { font-size: 14px; }.extern_ooo_close-path { gap: 9px; }.extern_ooo_close-path small { display: block; margin: 3px 0 0; }.extern_ooo_workspace-grid { grid-template-columns: 1fr 1fr; gap: 8px; }.extern_ooo_workspace-card { min-height: 104px; padding: 11px; }.extern_ooo_workspace-footer { align-items: flex-start; flex-direction: column; }.extern_ooo_workspace-footer button { width: 100%; justify-content: center; }
    .extern_ooo_scenario-card { padding: 21px; border-radius: 17px; }.extern_ooo_scenario-card h3 { margin-top: 17px; font-size: 18px; }.extern_ooo_scenario-card ul { grid-template-columns: 1fr; margin-bottom: 16px; }
    .extern_ooo_buy-card { padding: 15px; }.extern_ooo_buy-card-fields { grid-template-columns: 1fr; }.extern_ooo_buy-steps small { font-size: 9px; }
    .extern_ooo_faq-grid { gap: 28px; }.extern_ooo_faq-copy > p { font-size: 14px; }.extern_ooo_accordion summary { padding: 17px; font-size: 13px; }.extern_ooo_accordion details > p { padding: 0 45px 18px 17px; font-size: 12px; }
}

/* End */
/* /local/css/kontur/ekstern-ooo.css?178255172750222 */