#oc-home{--ink:#282923;--muted:#6f7068;--orange:#F15623;--peach:#fce5d9;--line:#dfded8;--paper:#fff;--soft:#f7f6f2}
#oc-home,#oc-home *{box-sizing:border-box}
#oc-home{margin:0;font:400 16px/1.4 "Avenir Next",Arial,sans-serif;color:var(--ink);background:#fff}
#oc-home h1,#oc-home h2,#oc-home h3,#oc-home p,#oc-home figure{margin:0}
#oc-home h1,#oc-home h2,#oc-home h3{font-weight:500}
#oc-home a{color:inherit;text-decoration:none}
#oc-home button,#oc-home input{font:inherit}
#oc-home button{cursor:pointer}
#oc-home img{display:block;max-width:100%}
#oc-home a,#oc-home button{-webkit-tap-highlight-color:transparent}
#oc-home a:focus-visible,#oc-home button:focus-visible{outline:2px solid #ad3c19;outline-offset:4px}
#oc-home button{border:0}
#oc-home fieldset{border:0;padding:0;margin:0}
#oc-home legend{padding:0}
#oc-home .container{width:min(1320px,calc(100% - 112px));margin-inline:auto}
#oc-home .section{padding-block:68px}
#oc-home .topline{background:var(--peach)}
#oc-home .top-inner{display:flex;align-items:center;justify-content:space-between;height:74px}
#oc-home .logo img{width:172px;height:44px;object-fit:contain}
#oc-home .contacts{display:flex;align-items:center;gap:30px;color:var(--orange);font-size:15px;font-weight:500}
#oc-home .callback{text-decoration:underline;text-underline-offset:4px;font-size:14px}
#oc-home .telegram{display:grid;place-items:center;border:1px solid var(--orange);width:34px;height:34px;border-radius:50%;font-size:22px}
#oc-home .navline{border-bottom:1px solid var(--line);background:#fff}
#oc-home .desktop-nav{display:flex;justify-content:center;align-items:center;gap:38px;min-height:58px;font-size:13px;font-weight:500;text-transform:uppercase;letter-spacing:.4px}
#oc-home .nav-request{margin-left:auto;text-transform:none;letter-spacing:0;font-size:13px;color:#b04321}
#oc-home .nav-request span{margin-left:8px}
#oc-home .menu-button{display:none}
#oc-home .hero{display:grid;grid-template-columns:1fr 1.05fr;gap:52px;align-items:center;padding-block:44px 56px}
#oc-home .location{display:flex;align-items:center;gap:9px;font-size:13px;color:var(--muted);margin-bottom:22px}
#oc-home .location span{width:5px;height:5px;background:var(--orange);border-radius:50%}
#oc-home h1{font-size:clamp(54px,5.55vw,80px);line-height:1.015;letter-spacing:-3.7px}
#oc-home h1>span{color:var(--ink)}
#oc-home .lead{font-size:18px;line-height:1.5;color:var(--muted);margin-top:23px}
#oc-home .hero-actions{display:flex;align-items:center;gap:26px;margin-top:30px}
#oc-home .primary{display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:50px;background:var(--orange);color:#fff;padding:13px 21px;border-radius:7px;font-size:15px;font-weight:500;white-space:nowrap;transition:background .18s,transform .18s}
#oc-home .primary>span{font-family:Arial,sans-serif;font-size:21px;font-weight:400}
#oc-home .text-link{display:inline-flex;gap:12px;align-items:center;font-size:15px;white-space:nowrap}
#oc-home .text-link span{font-size:23px;color:var(--orange);line-height:1}
#oc-home .hero-photo{height:510px;position:relative;border-radius:10px;overflow:hidden;background:var(--soft)}
#oc-home .photo-crop{height:100%;overflow:hidden}
#oc-home .photo-crop img{width:100%;height:100%;object-fit:cover;transform:scale(1.62)}
#oc-home .hero-photo figcaption{position:absolute;bottom:0;left:0;right:0;padding:18px 22px;color:#fff;font-size:13px;display:flex;justify-content:space-between;gap:12px;background:linear-gradient(transparent,#201d18b3);padding-top:50px}
#oc-home .photo-count{opacity:.75;white-space:nowrap}
#oc-home .formats{padding-top:30px;border-top:1px solid var(--line)}
#oc-home .section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:27px}
#oc-home h2{font-size:44px;line-height:1.08;letter-spacing:-1.8px}
#oc-home .section-heading p{color:var(--muted);font-size:15px;line-height:1.5}
#oc-home .format-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:23px}
#oc-home .format-photo{height:215px;background:#f3f3f3;border-radius:8px;overflow:hidden}
#oc-home .format-photo img{width:100%;height:100%;object-fit:cover;object-position:center top;transition:transform .3s}
#oc-home .format-title{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-top:14px}
#oc-home .format-title h3{font-size:24px;letter-spacing:-.6px}
#oc-home .format-title>span{color:var(--orange);font-size:22px}
#oc-home .format>p{color:var(--muted);font-size:13px;margin-top:5px}
#oc-home .sets-wrap{background:var(--soft)}
#oc-home .sets{display:grid;grid-template-columns:.95fr 1fr 1fr;gap:40px}
#oc-home .eyebrow{text-transform:uppercase;letter-spacing:1.7px;font-size:11px;color:#737369;margin-bottom:18px}
#oc-home .sets-intro h2{font-size:39px}
#oc-home .sets-intro>p:not(.eyebrow){color:var(--muted);font-size:15px;max-width:290px;line-height:1.5;margin:21px 0}
#oc-home .sets-intro .text-link{padding-bottom:6px;border-bottom:1px solid #b9b7ae}
#oc-home .product-image{aspect-ratio:4/3;background:white;border-radius:7px;overflow:hidden}
#oc-home .product-image img{height:100%;width:100%;object-fit:contain}
#oc-home .product h3{margin-top:17px;font-size:21px;letter-spacing:-.6px}
#oc-home .product>p{color:var(--muted);font-size:13px;margin-top:5px}
#oc-home .product-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:19px;padding-top:16px;border-top:1px solid var(--line);font-size:22px;font-weight:500}
#oc-home .product-bottom small{font-size:12px;font-weight:400;color:var(--muted)}
#oc-home .product-link{font-size:13px;font-weight:400;color:#9f3919}
#oc-home .ruble{font-family:Arial,sans-serif;font-weight:inherit}
#oc-home .service{display:grid;grid-template-columns:1.05fr 1fr;gap:72px;align-items:center}
#oc-home .service-photo{height:520px;position:relative;border-radius:10px;overflow:hidden;background:var(--soft)}
#oc-home .service-photo .photo-crop img{transform:scale(1.65);object-position:55% 50%}
#oc-home .service-photo figcaption{position:absolute;bottom:0;left:0;right:0;color:#fff;font-size:13px;padding:55px 22px 20px;background:linear-gradient(transparent,#211e19c4)}
#oc-home .service-copy>h2{margin-bottom:25px}
#oc-home .service-point{display:flex;gap:21px;padding:20px 0;border-top:1px solid var(--line)}
#oc-home .service-point>span{font-size:13px;color:var(--orange);padding-top:4px}
#oc-home .service-point h3{font-size:21px;letter-spacing:-.4px}
#oc-home .service-point p{font-size:15px;line-height:1.5;color:var(--muted);margin-top:7px;max-width:350px}
#oc-home .clients{padding:26px 0 40px;border-block:1px solid var(--line);display:grid;grid-template-columns:175px 1fr;align-items:center;gap:32px}
#oc-home .clients>p{font-size:15px;color:var(--muted)}
#oc-home .client-logos{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:40px;align-items:center}
#oc-home .client-logos img{width:100%;height:54px;object-fit:contain;filter:grayscale(1);opacity:.7}
#oc-home .planning{display:grid;grid-template-columns:1fr 1fr;gap:84px;padding-block:80px}
#oc-home .planning-copy h2{font-size:48px}
#oc-home .planning-lead{color:var(--muted);margin-top:18px;max-width:360px}
#oc-home .steps{padding:0;margin:32px 0 0;list-style:none}
#oc-home .steps li{display:flex;gap:24px;padding:22px 0;border-top:1px solid var(--line)}
#oc-home .steps li>span{color:var(--orange);font-size:14px;padding-top:3px}
#oc-home .steps h3{font-size:20px;letter-spacing:-.3px}
#oc-home .steps p{color:var(--muted);font-size:14px;margin-top:6px;line-height:1.45;max-width:350px}
#oc-home .brief{background:#fbede4;padding:30px 32px;border-radius:10px}
#oc-home .brief h3{font-size:24px;letter-spacing:-.6px;margin-bottom:23px}
#oc-home .brief legend{font-size:12px;margin-bottom:9px}
#oc-home .choices{display:flex;gap:7px;flex-wrap:wrap}
#oc-home .choices label{cursor:pointer}
#oc-home .choices input{position:absolute;opacity:0;width:1px;height:1px}
#oc-home .choices span{display:block;background:#fff8f2;border:1px solid #decfc4;padding:7px 10px;border-radius:5px;font-size:12px}
#oc-home .choices input:checked+span{background:#504a45;border-color:#504a45;color:white}
#oc-home .choices input:focus-visible+span{outline:2px solid var(--orange);outline-offset:2px}
#oc-home .fields{display:grid;grid-template-columns:1fr 1fr;gap:19px 14px;margin-top:23px}
#oc-home .fields label{font-size:12px}
#oc-home .fields small{font-size:10px;color:var(--muted)}
#oc-home .fields input{display:block;width:100%;min-width:0;min-height:46px;border:1px solid #dccdc3;border-radius:5px;padding:11px 13px;background:white;color:var(--ink);font-size:16px;margin-top:7px}
#oc-home .fields input:focus{outline:2px solid #e27d5a;outline-offset:1px}
#oc-home .brief-help{color:#777267;font-size:12px;margin:15px 0 21px}
#oc-home .brief .primary{width:100%}
#oc-home .consent{font-size:10px;line-height:1.5;color:var(--muted);margin-top:14px}
#oc-home .consent a{text-decoration:underline;text-underline-offset:2px}
#oc-home footer{background:#f6f5f1;padding-top:40px}
#oc-home .footer-inner{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.3fr;gap:34px}
#oc-home .footer-inner .logo img{width:157px;height:40px}
#oc-home .footer-inner p{color:var(--muted);font-size:12px;line-height:1.6;margin-top:18px}
#oc-home .footer-nav{display:flex;flex-direction:column;gap:12px;font-size:13px}
#oc-home .footer-contact{display:flex;flex-direction:column;gap:12px;align-items:flex-end}
#oc-home .footer-contact a:first-child{font-size:21px;white-space:nowrap}
#oc-home .footer-contact a:not(:first-child){font-size:13px}
#oc-home .footer-contact a:last-child{color:#a43c1d}
#oc-home .footer-bottom{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:10px;padding:22px 0;margin-top:32px}
#oc-home .mobile-cta{display:none}
#oc-home dialog{border:0;border-radius:12px;padding:32px;color:var(--ink);width:min(480px,calc(100% - 32px))}
#oc-home dialog::backdrop{background:#201c17a3}
#oc-home dialog .close{position:absolute;right:12px;top:12px;font-size:26px;width:40px;height:40px;background:#f3f2ef;border-radius:50%;color:var(--ink)}
#oc-home dialog h2{font-size:30px}
#oc-home dialog p:not(.eyebrow){margin:20px 0;color:var(--muted)}
#oc-home dialog .primary{width:100%}
#oc-home #mobile-menu nav{display:grid;gap:20px;padding:25px 0 4px}
@media(hover:hover) and (pointer:fine){#oc-home .primary:hover{background:#d74a1b;transform:translateY(-1px)}
#oc-home .format:hover img{transform:scale(1.035)}
#oc-home .text-link:hover,#oc-home .desktop-nav a:hover,#oc-home .footer-nav a:hover{color:#b44420}
#oc-home .product:hover .product-link{text-decoration:underline}
#oc-home .choices span:hover{border-color:#b69d8d}}
@media(max-width:1100px) and (min-width:761px){#oc-home .container{width:calc(100% - 64px)}
#oc-home .desktop-nav{gap:23px;font-size:11px}
#oc-home .hero{gap:30px}
#oc-home .hero-actions{gap:17px;flex-wrap:wrap}
#oc-home .hero-photo{height:480px}
#oc-home .format-photo{height:175px}
#oc-home .format-title h3{font-size:20px}
#oc-home .sets{gap:24px}
#oc-home .sets-intro h2{font-size:31px}
#oc-home .service{gap:35px}
#oc-home .service-photo{height:490px}
#oc-home .planning{gap:30px}
#oc-home .brief{padding:26px 23px}
#oc-home .fields{grid-template-columns:1fr}
#oc-home .client-logos{gap:25px}
#oc-home .footer-inner{grid-template-columns:1.3fr 1fr 1fr}
#oc-home .footer-contact{align-items:flex-start;grid-column:1/-1;flex-direction:row;gap:24px}}
@media(max-width:760px){#oc-home .container{width:calc(100% - 32px)}
#oc-home .section{padding-block:36px}
#oc-home .top-inner{height:64px}
#oc-home .logo img{width:140px;height:36px}
#oc-home .contacts,#oc-home .navline{display:none}
#oc-home .site-header{position:sticky;top:0;z-index:20}
#oc-home .menu-button{display:flex;align-items:center;gap:13px;background:none;color:var(--orange);text-transform:uppercase;font-size:11px;font-weight:500;padding:12px 0 12px 12px}
#oc-home .menu-button>span{width:24px;display:grid;gap:6px}
#oc-home .menu-button i{height:1.5px;width:100%;background:var(--orange)}
#oc-home .hero{display:flex;flex-direction:column;gap:22px;padding-top:25px;padding-bottom:28px;align-items:stretch}
#oc-home .location{font-size:11px;margin-bottom:13px;gap:6px}
#oc-home h1{font-size:clamp(34px,10.3vw,44px);line-height:1.05;letter-spacing:-1.8px}
#oc-home .desktop-break{display:none}
#oc-home .lead{font-size:15px;line-height:1.45;margin-top:15px;max-width:350px}
#oc-home .hero-actions{display:grid;grid-template-columns:1fr;gap:13px;margin-top:22px}
#oc-home .hero-actions>.primary{min-height:46px;font-size:14px;padding:12px 16px}
#oc-home .hero-actions>.text-link{justify-content:center;font-size:14px;min-height:30px}
#oc-home .hero-photo{height:225px;border-radius:7px}
#oc-home .hero-photo .photo-crop img{transform:scale(1.58)}
#oc-home .hero-photo figcaption{font-size:11px;padding:38px 14px 13px}
#oc-home .photo-count{display:none}
#oc-home .formats{padding-top:26px}
#oc-home .section-heading{display:block;margin-bottom:19px}
#oc-home h2{font-size:31px;letter-spacing:-1px;line-height:1.08}
#oc-home .section-heading p{font-size:13px;line-height:1.45;margin-top:10px;max-width:300px}
#oc-home .section-heading p br{display:none}
#oc-home .format-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 13px}
#oc-home .format-photo{height:133px;border-radius:6px}
#oc-home .format-title{margin-top:9px}
#oc-home .format-title h3{font-size:18px;letter-spacing:-.4px}
#oc-home .format-title>span{font-size:18px}
#oc-home .format>p{font-size:11px;line-height:1.35;max-width:160px}
#oc-home .sets{grid-template-columns:1fr 1fr;gap:23px 13px}
#oc-home .sets-intro{grid-column:1/-1}
#oc-home .eyebrow{font-size:10px;margin-bottom:11px;letter-spacing:1.2px}
#oc-home .sets-intro h2{font-size:31px}
#oc-home .sets-intro h2 br:nth-child(2){display:none}
#oc-home .sets-intro>p:not(.eyebrow){font-size:14px;max-width:340px;margin:14px 0}
#oc-home .text-link{font-size:14px}
#oc-home .product-image{border-radius:5px}
#oc-home .product h3{font-size:16px;letter-spacing:-.45px;line-height:1.2;margin-top:11px;min-height:38px}
#oc-home .product>p{font-size:11px;min-height:30px;margin-top:4px}
#oc-home .product-bottom{font-size:20px;flex-wrap:wrap;margin-top:8px;padding-top:12px;gap:12px}
#oc-home .product-bottom small{font-size:10px}
#oc-home .product-link{font-size:12px;min-height:35px;width:100%;padding:8px 10px;border:1px solid #bcb9af;border-radius:5px;color:var(--ink)}
#oc-home .service{display:flex;flex-direction:column-reverse;gap:24px;align-items:stretch}
#oc-home .service-copy h2{font-size:34px;margin-bottom:20px}
#oc-home .service-point{gap:16px;padding:17px 0}
#oc-home .service-point h3{font-size:19px}
#oc-home .service-point p{font-size:13px;line-height:1.5;margin-top:6px}
#oc-home .service-photo{height:280px;border-radius:7px}
#oc-home .service-photo .photo-crop img{transform:scale(1.63)}
#oc-home .service-photo figcaption{font-size:11px;padding:40px 14px 14px}
#oc-home .clients{display:block;padding:23px 0 28px}
#oc-home .clients>p{font-size:13px;margin-bottom:18px}
#oc-home .client-logos{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px 25px}
#oc-home .client-logos img{height:42px}
#oc-home .planning{display:flex;flex-direction:column;gap:27px;padding-block:36px}
#oc-home .planning-copy h2{font-size:34px}
#oc-home .planning-lead{font-size:14px;max-width:280px;margin-top:14px}
#oc-home .steps{margin-top:23px}
#oc-home .steps li{gap:17px;padding:16px 0}
#oc-home .steps h3{font-size:18px}
#oc-home .steps p{font-size:13px;line-height:1.4;max-width:280px}
#oc-home .brief{padding:22px 18px;border-radius:8px}
#oc-home .brief h3{font-size:22px;margin-bottom:20px}
#oc-home .choices{gap:7px}
#oc-home .choices span{font-size:11px;padding:7px 9px}
#oc-home .fields{grid-template-columns:1fr;gap:14px;margin-top:19px}
#oc-home .fields label{font-size:12px}
#oc-home .fields input{min-height:44px;margin-top:6px;font-size:16px}
#oc-home .brief .primary{font-size:14px;min-height:48px;padding:12px 15px}
#oc-home .brief-help{font-size:11px;line-height:1.5;margin:13px 0 17px}
#oc-home .consent{font-size:10px;margin-top:12px}
#oc-home footer{padding-top:28px;padding-bottom:76px}
#oc-home .footer-inner{grid-template-columns:1fr 1fr;gap:25px 20px}
#oc-home .footer-inner>div:first-child{grid-column:1/-1}
#oc-home .footer-inner p{margin-top:13px}
#oc-home .footer-contact{grid-column:1/-1;align-items:flex-start}
#oc-home .footer-contact a:first-child{font-size:25px}
#oc-home .footer-nav{font-size:12px;gap:11px}
#oc-home .footer-bottom{font-size:10px;margin-top:25px;padding:17px 0}
#oc-home .footer-bottom>span:last-child{display:none}
#oc-home .mobile-cta{display:flex;position:fixed;z-index:21;left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom));gap:7px;transform:translateY(90px);opacity:0;transition:transform .2s,opacity .2s;pointer-events:none}
#oc-home .mobile-cta.visible{transform:translateY(0);opacity:1;pointer-events:auto}
#oc-home .mobile-cta a{display:flex;align-items:center;justify-content:space-between;min-height:46px;background:var(--orange);color:white;border-radius:7px;padding:11px 16px;font-size:14px;box-shadow:0 4px 20px #29251815}
#oc-home .mobile-cta a:first-child{flex:1}
#oc-home .mobile-cta a:last-child{justify-content:center;width:48px}
#oc-home .mobile-cta a>span{font-size:21px}
#oc-home .brief:target{scroll-margin-top:76px}}
@media(prefers-reduced-motion:reduce){#oc-home,#oc-home *,#oc-home *::before,#oc-home *::after{transition:none!important}}
#oc-home [data-oc-currency]{font-family:Arial,sans-serif;font-weight:inherit}
#oc-home header ul,#oc-home footer ul{margin:0;padding:0;list-style:none}
#oc-home header .logo img{height:auto}
#oc-home header .www svg,#oc-home footer .www svg{vertical-align:middle}
#oc-home header .www a{--icon-bg:#fee5d8}
#oc-home header .www a:hover{--icon-bg:#F15623}
#oc-home footer{background:white;padding:0}
#oc-home footer .bottom .logo img{height:auto}
#oc-home footer .footer-arrow{font-style:normal}
#oc-home header .bottom{background:#fff;z-index:30}
#oc-home header{position:relative;z-index:31}
#oc-home header .bottom.is-fixed{position:fixed;top:0;left:0;right:0;background:#fffffff5;backdrop-filter:blur(12px)}
#oc-home header .top .right .button_mobile{user-select:none}
#oc-home header .bottom.menu-open{display:block}
#oc-home header .bottom .menu-mobile-bottom .www{display:none}
#oc-home header .top .right .www a,#oc-home footer .www a{display:inline-grid;place-items:center}
#oc-home header .bottom .open_calc{display:flex;align-items:center;justify-content:center;gap:5px}
#oc-home .open_calc>span{display:inline-block;font-size:18px;transform:rotate(-30deg)}
#oc-home .native-nav-space{display:none;height:56px}
#oc-home .native-nav-space.visible{display:block}
#oc-home .hero-original{position:relative;min-height:650px;height:min(720px,50vw);display:grid;place-items:center;background:#f8f8f8 url('/bitrix/templates/solo/img/bg.png') center center/cover no-repeat;text-align:center;padding:64px 20px}
#oc-home .hero-center{max-width:720px;margin-top:-20px}
#oc-home .hero-brand{font-size:clamp(32px,3.7vw,54px);font-weight:600;letter-spacing:-1.6px;line-height:1.15}
#oc-home .hero-original h1{font-size:clamp(34px,3.75vw,54px);font-weight:400;letter-spacing:-1.5px;line-height:1.15;margin-top:7px}
#oc-home .hero-description{font-size:21px;line-height:1.5;color:#686962;margin:26px auto 0;max-width:510px}
#oc-home .hero-controls{display:flex;align-items:center;justify-content:center;gap:24px;margin:32px auto 0;padding:14px 17px;max-width:max-content;background:#ffffffed;border-radius:10px;box-shadow:0 6px 30px #3c342607}
#oc-home .hero-controls .primary{min-width:205px;min-height:52px;font-size:15px}
#oc-home .hero-shop{display:flex;align-items:center;gap:14px;font-size:15px;padding:12px 2px;white-space:nowrap}
#oc-home .hero-shop span{color:var(--orange);font-size:24px}
#oc-home .hero-down{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);height:35px;width:35px;display:grid;place-items:center;border:1px solid #d3d3cc;border-radius:50%;color:#77776f}
#oc-home .formats{border-top:0;padding-block:56px 68px}
#oc-home .client-section{padding-block:64px 76px;border-top:1px solid var(--line)}
#oc-home .client-section .section-heading{align-items:center;margin-bottom:32px}
#oc-home .client-section .text-link{font-size:15px;color:#a83a16}
#oc-home .client-section .eyebrow{margin-bottom:15px}
#oc-home .client-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-left:1px solid #eeece7;border-top:1px solid #eeece7}
#oc-home .client-tile{height:117px;display:grid;place-items:center;padding:24px 28px;background:white;border-right:1px solid #eeece7;border-bottom:1px solid #eeece7;transition:background .2s}
#oc-home .client-tile img{width:100%;height:70px;object-fit:contain;transition:transform .2s;filter:none}
#oc-home .client-toggle{display:none}
#oc-home .workflow{background:#f7f6f2}
#oc-home .workflow .section{padding-block:65px 45px}
#oc-home .workflow .section-heading{align-items:flex-end;margin-bottom:40px}
#oc-home .workflow .section-heading p:not(.eyebrow){text-align:right}
#oc-home .stage-tabs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));position:relative;margin-bottom:35px;gap:12px}
#oc-home .stage-tabs:before{content:'';position:absolute;left:6%;right:6%;top:21px;height:1px;background:#dcdad2}
#oc-home .stage-tabs [role=tab]{position:relative;display:flex;flex-direction:column;align-items:center;gap:14px;padding:0 4px 12px;background:transparent;color:#6b6c64;font-size:15px;line-height:1.3;transition:color .2s}
#oc-home .stage-dot{display:grid;place-items:center;width:44px;height:44px;border:1px solid #d5d2c8;background:#f7f6f2;border-radius:50%;font-size:15px;transition:background .2s,color .2s,border-color .2s}
#oc-home .stage-tabs [aria-selected=true]{color:#282923}
#oc-home .stage-tabs [aria-selected=true] .stage-dot{background:var(--orange);border-color:var(--orange);color:white}
#oc-home .stage-panel{display:grid;grid-template-columns:.8fr 1.6fr;min-height:340px;gap:0;background:#fff;border:1px solid #e6e3db;border-radius:10px;overflow:hidden;animation:stageIn .28s ease-out}
#oc-home .stage-panel[hidden]{display:none}
#oc-home .stage-visual{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fce5d9;position:relative;overflow:hidden;gap:5px}
#oc-home .stage-big{font-size:170px;color:var(--orange);line-height:1;letter-spacing:-12px;font-weight:400;padding-right:12px}
#oc-home .stage-word{color:#ad4320;font-size:16px}
#oc-home .stage-line{position:absolute;width:310px;height:310px;border:1px solid #f6bea3;border-radius:50%;right:-220px;bottom:-190px;box-shadow:0 0 0 50px #ffffff1a,0 0 0 100px #ffffff1a}
#oc-home .stage-copy{padding:40px 48px;display:flex;flex-direction:column;align-items:flex-start}
#oc-home .stage-copy .eyebrow{color:#8a7e72;font-size:11px;margin-bottom:15px}
#oc-home .stage-copy h3{font-size:33px;line-height:1.15;letter-spacing:-.9px;max-width:600px}
#oc-home .stage-description{font-size:17px;line-height:1.55;max-width:600px;color:#66675f;margin-top:17px}
#oc-home .stage-outcome{border-left:2px solid var(--orange);padding-left:13px;color:#4d4e47;font-size:14px;line-height:1.5;max-width:570px;margin-top:20px}
#oc-home .stage-action{padding:20px 0 0;background:transparent;color:#ab3f1c;white-space:normal;text-align:left;font-size:15px}
#oc-home .stage-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:20px}
#oc-home .stage-progress{font-size:13px;color:#838378;letter-spacing:1px}
#oc-home .stage-arrows{display:flex;gap:9px}
#oc-home .stage-arrows button{height:42px;width:42px;border:1px solid #d6d3ca;background:#fff;border-radius:50%;font-size:23px;color:#31322b;transition:background .2s,color .2s}
#oc-home .stage-arrows button:disabled{color:#b9b8b0;background:transparent;cursor:default}
#oc-home .planning{align-items:center;padding-block:72px;gap:100px}
#oc-home .planning-copy h2{font-size:46px}
#oc-home .planning-lead{font-size:18px;line-height:1.5;max-width:420px}
#oc-home .request-phone{display:block;margin-top:35px;color:var(--orange);font-size:28px;white-space:nowrap}
#oc-home .request-hint{font-size:15px;color:#797970;line-height:1.5;margin-top:14px}
#oc-home .mobile-cta{z-index:45}
#oc-home dialog{z-index:100001}
@keyframes stageIn{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@media(hover:hover){#oc-home .client-tile:hover{background:#fdfbf8}
#oc-home .client-tile:hover img{transform:scale(1.035)}
#oc-home .stage-tabs [role=tab]:hover{color:var(--orange)}
#oc-home .stage-tabs [role=tab]:hover .stage-dot{border-color:var(--orange)}
#oc-home .stage-arrows button:not(:disabled):hover{background:var(--orange);border-color:var(--orange);color:white}
#oc-home .hero-shop:hover{color:var(--orange)}
#oc-home .stage-action:hover{color:#de4a1b}}
@media(max-width:1250px) and (min-width:1024px){#oc-home header .bottom nav ul li{margin-inline:12px}
#oc-home header .bottom nav{margin-left:-90px}
#oc-home .hero-original{min-height:610px}
#oc-home .hero-center{max-width:600px}
#oc-home .hero-controls{gap:15px}
#oc-home .client-tile{padding:18px}
#oc-home .stage-copy{padding:32px}
#oc-home .stage-copy h3{font-size:30px}}
@media(max-width:1023px){#oc-home header .top .logo img{width:149px;height:auto}
#oc-home header .top .right .button_mobile{margin-right:0}
#oc-home header .top .wr{min-height:32px}
#oc-home header .bottom.menu-open{margin-top:56px;top:0}
#oc-home .hero-original{min-height:570px;height:auto;background-size:auto 100%}
#oc-home .hero-brand{font-size:38px}
#oc-home .hero-original h1{font-size:38px}
#oc-home .hero-description{font-size:18px}
#oc-home .hero-center{max-width:550px}
#oc-home .client-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
#oc-home .client-tile{height:100px;padding:16px 20px}
#oc-home .client-tile img{height:65px}
#oc-home .stage-tabs [role=tab]{font-size:13px}
#oc-home .stage-copy{padding:30px}
#oc-home .stage-copy h3{font-size:28px}
#oc-home .stage-description{font-size:16px}
#oc-home .stage-big{font-size:135px}
#oc-home .planning{gap:35px}}
@media(max-width:760px){#oc-home .hero-original{background-image:url('/bitrix/templates/solo/img/bg22.png');background-position:center;background-size:cover;min-height:575px;padding:80px 20px 100px;height:auto;align-items:start}
#oc-home .hero-center{margin:0;max-width:100%;padding:0}
#oc-home .hero-brand{font-size:clamp(25px,7.3vw,32px);letter-spacing:-.8px;line-height:1.15}
#oc-home .hero-original h1{font-size:clamp(25px,7.4vw,32px);letter-spacing:-.7px;margin-top:3px}
#oc-home .hero-description{font-size:16px;line-height:1.5;margin-top:18px;max-width:300px}
#oc-home .hero-description br{display:none}
#oc-home .hero-controls{display:grid;justify-content:stretch;gap:7px;padding:12px;margin-top:24px;width:100%;max-width:330px;border-radius:8px;background:#ffffffeb}
#oc-home .hero-controls .primary{font-size:14px;min-height:48px;min-width:0;padding:12px 16px}
#oc-home .hero-shop{font-size:13px;justify-content:center;padding:10px 0}
#oc-home .hero-down{bottom:19px;background:#ffffffcc}
#oc-home .formats{padding-block:30px 36px}
#oc-home .client-section{padding-block:36px}
#oc-home .client-section .section-heading{display:block;margin-bottom:22px}
#oc-home .client-section .eyebrow{font-size:9px;letter-spacing:.8px;margin-bottom:10px}
#oc-home .client-section .text-link{margin-top:15px;font-size:13px;white-space:normal}
#oc-home .client-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
#oc-home .client-tile{height:95px;padding:14px 19px}
#oc-home .client-tile img{height:66px}
#oc-home .client-extra{display:none}
#oc-home .client-grid.is-expanded .client-extra{display:grid}
#oc-home .client-toggle{display:flex;justify-content:center;align-items:center;gap:15px;width:100%;min-height:45px;background:white;color:#77786d;font-size:13px;border:1px solid #eeece7;border-top:0}
#oc-home .client-toggle span{font-size:20px;font-weight:400}
#oc-home .workflow .section{padding-block:36px 25px}
#oc-home .workflow .section-heading{display:block;margin-bottom:24px}
#oc-home .workflow .section-heading .eyebrow{font-size:9px;letter-spacing:.9px;margin-bottom:11px}
#oc-home .workflow .section-heading p:not(.eyebrow){text-align:left;margin-top:10px;font-size:13px}
#oc-home .workflow .section-heading p br{display:none}
#oc-home .stage-tabs{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:14px;column-gap:4px;margin-bottom:23px}
#oc-home .stage-tabs:before{display:none}
#oc-home .stage-tabs [role=tab]{font-size:11px;gap:7px;line-height:1.3;padding:0 0 5px;min-width:0}
#oc-home .stage-dot{height:32px;width:32px;font-size:12px}
#oc-home .stage-panel{display:block;min-height:342px;border-radius:8px}
#oc-home .stage-visual{display:none}
#oc-home .stage-copy{padding:23px 22px}
#oc-home .stage-copy h3{font-size:26px;letter-spacing:-.6px}
#oc-home .stage-copy .eyebrow{font-size:10px;margin-bottom:12px}
#oc-home .stage-description{font-size:14px;line-height:1.5;margin-top:14px}
#oc-home .stage-outcome{font-size:12px;margin-top:17px;padding-left:10px}
#oc-home .stage-action{font-size:13px;padding-top:18px}
#oc-home .stage-bottom{margin-top:14px}
#oc-home .stage-arrows button{height:38px;width:38px;font-size:21px}
#oc-home .stage-progress{font-size:11px}
#oc-home .planning{padding-block:38px;gap:25px;align-items:stretch}
#oc-home .planning-copy h2{font-size:33px}
#oc-home .planning-lead{font-size:15px;max-width:330px}
#oc-home .request-phone{margin-top:23px;font-size:25px}
#oc-home .request-hint{font-size:13px;margin-top:9px}
#oc-home footer{padding:0}
#oc-home footer .wr .top .center .row_footer{padding:0}
#oc-home footer .footer_mobile .title{cursor:pointer}
#oc-home footer .wr .top .center .footer_mobile.is-open ul{display:block}
#oc-home footer .bottom .logo img{width:64px;height:auto}
#oc-home footer .bottom .logo{width:64px}
#oc-home footer .bottom{padding-bottom:75px}}
@media(prefers-reduced-motion:reduce){#oc-home .stage-panel{animation:none}
#oc-home .stage-tabs *,#oc-home .stage-arrows button,#oc-home .client-tile img{transition:none}}
#oc-home .client-invite{background:#fbede4}
#oc-home .client-invite a{display:flex;flex-direction:column;gap:12px;justify-content:center;width:100%;height:100%;font-size:15px;line-height:1.3}
#oc-home .client-invite a>span:last-child{font-size:12px;color:#a53c18;display:flex;justify-content:space-between}
#oc-home .client-invite b{font-size:18px;font-weight:400}
@media(max-width:760px){#oc-home .client-invite a{font-size:12px;gap:8px}
#oc-home .client-invite a>span:last-child{font-size:11px}}
#oc-home footer .www a{--icon-bg:#F15623}
#oc-home footer .www a:hover{--icon-bg:white}
@media(max-width:1023px){#oc-home footer .www a{--icon-bg:white}
#oc-home footer .www a:hover{--icon-bg:#F15623}}