
body.i13-site.opora-redesign .i14-section h2{margin-bottom:16px}
.i14-section{--i14-blue:#00d9ff;--i14-orange:#ff8714}
.i14-intro,.i14-heading p{color:#c2d5de;line-height:1.5;margin:0 0 15px}
.i14-heading{display:flex;align-items:start;justify-content:space-between;gap:28px}.i14-heading p{max-width:380px;font-size:14px}
.i14-exchange,.i14-hub,.i14-ozon{position:relative;isolation:isolate;background:radial-gradient(ellipse at 20% 85%,#00638955,transparent 50%),radial-gradient(ellipse at 75% 50%,#a844122b,transparent 45%),linear-gradient(180deg,#061925,#020e16);border-radius:12px;overflow:hidden}
.i14-exchange:before,.i14-hub:before,.i14-ozon:before{content:'';position:absolute;inset:40% -10% -35%;z-index:-1;background:repeating-linear-gradient(0deg,transparent 0 30px,#00cfff25 31px 32px),repeating-linear-gradient(90deg,transparent 0 65px,#00cfff25 66px 67px);transform:perspective(320px) rotateX(48deg)}
.i14-art{display:block;width:100%;height:auto;filter:drop-shadow(0 0 14px #ff730b40)}
.i14-hub{display:grid;grid-template-columns:minmax(0,1fr) minmax(190px,.9fr) minmax(0,1fr);align-items:center;gap:clamp(35px,7vw,125px);padding:18px clamp(24px,5vw,100px);min-height:310px}
.i14-hub-side{display:grid;gap:18px;z-index:1}.i14-hub-side article{display:flex;align-items:center;gap:16px;padding:18px;background:#031c2be8;border:1px solid #00d9ff;border-radius:10px;box-shadow:0 0 15px #00d9ff20;min-width:0}
body.i13-site.opora-redesign .i14-hub-side h3{font-size:19px;margin:0 0 6px}.i14-hub-side p{margin:0;color:#bdd0dc;font-size:14px;line-height:1.4}.i14-hub-center{z-index:1;min-width:0}.i14-wires{position:absolute;inset:0;width:100%;height:100%;filter:drop-shadow(0 0 5px #00d9ff);z-index:0}
.i14-wb-grid{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(240px,1fr);gap:20px}.i14-wb{display:grid;grid-template-columns:minmax(0,1fr) 100px minmax(0,1.3fr);align-items:center;border:1px solid #087ca466;min-height:265px;padding:0 22px 55px}.i14-system{text-align:center;min-width:0}.i14-system>strong,.i14-system>span{display:block;color:#bfd5e0;font-size:14px;margin-top:-16px;position:relative}.i14-market{display:flex;align-items:center;justify-content:center;gap:18px;min-width:0}.i14-market>strong{font-size:clamp(18px,1.8vw,32px);color:#fff}
.i14-brand{display:grid;place-items:center;width:128px;height:128px;flex-shrink:0;border-radius:20px;font:bold 44px/1 Arial,sans-serif;letter-spacing:-2px}.i14-wb-brand{background:radial-gradient(circle at 30% 10%,#ea25ff,#790aab 60%,#250737);color:white;border:2px solid #fb90ff;box-shadow:0 0 9px #f251ff,inset 0 0 25px #e22eff,0 0 35px #cf26ff99;text-shadow:0 0 12px #fff6}.i14-ozon-brand{background:linear-gradient(135deg,#074260,#01101d);color:#00cfff;border:2px solid #00d9ff;box-shadow:0 0 9px #00cfff,inset 0 0 25px #00aaff44,0 0 35px #00cfff44;font-size:32px;letter-spacing:0}
.i14-arrow{position:relative;display:block;width:100%;height:48px;min-width:35px;filter:drop-shadow(0 0 7px #00cfffaa)}.i14-arrow i,.i14-arrow b{position:absolute;left:8%;right:8%;height:3px;top:20px;background:#00dcff;box-shadow:0 0 10px #00d9ff}.i14-arrow i:after{content:'';position:absolute;right:0;top:-6px;width:13px;height:13px;border-right:3px solid #00dcff;border-top:3px solid #00dcff;transform:rotate(45deg)}.i14-arrow b{display:none}.i14-two b{display:block;top:35px;background:#ff8b19;box-shadow:0 0 10px #ff8b19}.i14-two b:before{content:'';position:absolute;left:0;top:-6px;width:13px;height:13px;border-left:3px solid #ff8b19;border-bottom:3px solid #ff8b19;transform:rotate(45deg)}
.i14-caption{position:absolute;bottom:0;left:6px;right:6px;display:block;margin:0!important;padding:12px 14px;border:1px solid #00cfff66;border-radius:8px;font-size:13px;color:#cbdde8;background:#031724ef}
.i14-models{padding:20px;border:1px solid #087ca466;border-radius:12px;background:linear-gradient(145deg,#062638,#03121c)}body.i13-site.opora-redesign .i14-models h3{font-size:18px;margin:0 0 20px}.i14-models>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.i14-models article{text-align:center}.i14-models .m10-icon{margin:auto;width:65px;height:65px}.i14-models strong{display:block;margin:12px 0 8px}.i14-models p{font-size:13px;line-height:1.4;color:#c2d5de;margin:0}
.i14-ozon{display:grid;grid-template-columns:minmax(130px,1.15fr) minmax(140px,.85fr) 140px minmax(140px,.85fr) minmax(130px,1.15fr);align-items:center;gap:20px;padding:10px 18px;border:1px solid #087ca466;min-height:260px}.i14-pills{display:grid;gap:16px}.i14-pills>span{display:grid;grid-template-columns:36px minmax(0,1fr) 50px;align-items:center;gap:9px;padding-bottom:8px;border-bottom:1px solid #00cfff33}.i14-pills .m10-icon{width:34px;height:34px;background:none;border:0;box-shadow:none}.i14-pills b{font-size:14px}.i14-pills .i14-arrow{height:35px}.i14-pills .i14-arrow i{top:10px}.i14-pills .i14-arrow b{top:26px}.i14-warehouse .i14-art{filter:drop-shadow(0 0 14px #00cfff40)}
.i14-avito{display:grid;grid-template-columns:minmax(0,1fr) 50px minmax(0,1fr) 50px minmax(0,1fr);align-items:center;gap:15px;padding:24px;border:1px solid #087ca466;border-radius:12px;background:radial-gradient(ellipse at 50% 100%,#005d8833,transparent 70%),#041923}.i14-avito article{display:flex;align-items:center;gap:20px;min-width:0}.i14-avito-icon{position:relative;flex:0 0 80px}.i14-avito .m10-icon{width:80px;height:80px;box-shadow:0 0 18px #ff710b55,inset 0 0 20px #ff710b22}.i14-avito .m10-icon svg{width:52px;height:52px}.i14-small-1c{position:absolute;left:27px;top:33px;font-weight:700;color:#ff8714;font-size:19px;background:#082333}.i14-avito-dots{position:absolute;right:-8px;bottom:0;width:44px;height:44px;display:grid;grid-template-columns:1fr 1fr;gap:3px}.i14-avito-dots i{border-radius:50%;background:#00aaff;box-shadow:0 0 9px #00aaff66}.i14-avito-dots i:nth-child(2){background:#7d36e7}.i14-avito-dots i:nth-child(3){background:#00c66c}.i14-avito-dots i:nth-child(4){background:#ff357e}body.i13-site.opora-redesign .i14-avito h3{font-size:19px;margin:0 0 10px}.i14-avito p{font-size:14px;line-height:1.5;color:#c2d5de;margin:0}
body.i13-site.opora-redesign .m10-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}body.i13-site.opora-redesign .i14-data .m10-card{padding:17px 14px}body.i13-site.opora-redesign .i14-data h3{font-size:18px}body.i13-site.opora-redesign .i14-data p{font-size:14px}
body.i13-site.opora-redesign .i14-overview #integration-includes>.m10-section:first-child .m10-card{display:flex;align-items:center;gap:18px}body.i13-site.opora-redesign .i14-overview #integration-includes>.m10-section:first-child h3{margin-top:0}
@media(min-width:761px) and (max-width:1200px){body.i13-site.opora-redesign .m10-cols-6{grid-template-columns:repeat(3,minmax(0,1fr))}.i14-avito article{flex-direction:column;align-items:start}.i14-ozon{grid-template-columns:minmax(110px,1fr) minmax(110px,1fr) 110px minmax(110px,1fr) minmax(110px,1fr);gap:10px}.i14-ozon-brand{width:105px;height:105px;font-size:28px}.i14-pills>span{grid-template-columns:28px minmax(0,1fr);gap:8px}.i14-pills .i14-arrow{grid-column:2;width:100%}.i14-pills b{font-size:12px}.i14-wb-grid{grid-template-columns:minmax(0,1fr)}.i14-hub{gap:40px;padding-inline:18px}.i14-hub-side article{padding:12px;gap:10px}.i14-hub-side .m10-icon{width:38px;height:38px}}
@media(max-width:760px){.i14-heading{display:block}.i14-heading p{max-width:none}.i14-hub{grid-template-columns:minmax(0,1fr);padding:18px;gap:20px}.i14-hub-center{grid-row:2;width:min(260px,100%);margin:auto}.i14-wires{display:none}.i14-hub-side{grid-template-columns:minmax(0,1fr)}.i14-hub-side article{min-width:0}.i14-wb-grid{grid-template-columns:minmax(0,1fr)}.i14-wb{grid-template-columns:minmax(0,1fr);gap:14px;padding:15px 15px 0}.i14-system .i14-art{width:240px;max-width:100%;margin:auto}.i14-wb>.i14-arrow{width:100px;margin:auto;transform:rotate(90deg);height:80px}.i14-market{flex-wrap:wrap}.i14-caption{position:static;margin-top:20px!important;line-height:1.5}.i14-ozon{grid-template-columns:minmax(0,1fr);padding:20px;gap:25px}.i14-pills>span{grid-template-columns:35px minmax(0,1fr) 80px}.i14-pills{width:100%}.i14-ozon .i14-brand{margin:10px auto}.i14-avito{grid-template-columns:minmax(0,1fr);padding:20px;gap:18px}.i14-avito>.i14-arrow{width:70px;margin:auto;transform:rotate(90deg)}.i14-avito article{gap:16px}.i14-avito-icon{flex-basis:65px}.i14-avito .m10-icon{width:65px;height:65px}.i14-small-1c{left:20px;top:27px;font-size:16px}body.i13-site.opora-redesign .m10-cols-6{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:380px){body.i13-site.opora-redesign .m10-cols-6{grid-template-columns:minmax(0,1fr)}.i14-avito article{align-items:start}.i14-avito h3{overflow-wrap:anywhere}}

/* Complete prototype card treatment, scoped to the integration family. */
body.i13-site.opora-redesign .i14-cards-page .m10-content .m10-icon{border-radius:50%;border:1px solid #ff791a;background:radial-gradient(circle at 35% 25%,#163441,#06151e 70%);box-shadow:0 0 10px #ff710b55,inset 0 0 12px #ff710b22;color:#ff7818}
body.i13-site.opora-redesign .i14-horizontal .m10-card{display:flex;align-items:flex-start;gap:18px}body.i13-site.opora-redesign .i14-horizontal .m10-card h3{margin-top:0}
body.i13-site.opora-redesign .i14-inline-flow .m10-card{display:grid;grid-template-columns:58px minmax(0,1fr);gap:10px 16px;align-content:start}body.i13-site.opora-redesign .i14-inline-flow h3{font-size:19px;margin:10px 0 0}body.i13-site.opora-redesign .i14-inline-flow .m10-card p{grid-column:1/-1}
body.i13-site.opora-redesign .i14-cards-page .m10-process .m10-card>.m10-icon{width:48px;height:48px;background:none;border:0;box-shadow:none;margin:0 0 5px 16px;vertical-align:middle}body.i13-site.opora-redesign .i14-cards-page .m10-process .m10-card>.m10-icon svg{width:40px;height:40px}.i14-cards-page .m10-number{border-color:#ff7818!important;color:white!important}.i14-cards-page .m10-process .m10-card:not(:last-child):after{color:#ff7818!important}
.i14-site-flow{display:grid;grid-template-columns:minmax(0,1fr) 45px minmax(0,1fr) 45px minmax(0,1fr) 45px minmax(0,1fr);align-items:center;gap:15px;border:1px solid #087ca466;border-radius:12px;background:radial-gradient(ellipse at 10% 60%,#ff730b20,transparent 35%),radial-gradient(ellipse at 60% 40%,#00aaff20,transparent 70%),#041923;padding:20px}.i14-site-flow article{text-align:center;min-width:0}.i14-site-flow img{display:block;width:145px;max-width:100%;height:125px;object-fit:contain;margin:0 auto 5px}body.i13-site.opora-redesign .i14-site-flow .m10-icon{width:95px;height:95px;background:none;border:0;box-shadow:none;margin-bottom:25px}.i14-site-flow .m10-icon svg{width:78px!important;height:78px!important}body.i13-site.opora-redesign .i14-site-flow h3{font-size:19px;margin:5px 0 8px}.i14-site-flow p{font-size:14px;color:#c2d5de;line-height:1.45;margin:0}.i14-site-flow .i14-arrow i{background:#ff8916}.i14-site-flow .i14-arrow i:after{border-color:#ff8916}
.i14-price-row{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:24px;padding:12px 0 18px;border-block:1px solid #12617a55}.i14-price-row article{display:flex;gap:18px;align-items:start;min-width:0}.i14-price-row article+article{border-left:1px solid #00cfff77;padding-left:24px}body.i13-site.opora-redesign .i14-price-row h3{font-size:18px;margin:0 0 8px}.i14-price-row p{color:#c2d5de;font-size:14px;line-height:1.45;margin:0}.i14-price-value{display:block;color:#ff7818;font-size:32px;margin-top:8px}.i14-etrn-prices .m10-card h3{font-size:16px!important}.i14-small-cards .m10-card .m10-icon{width:40px!important;height:40px!important}.i14-small-cards .m10-card .m10-icon svg{width:28px!important;height:28px!important}
@media(min-width:761px) and (max-width:1200px){body.i13-site.opora-redesign .i14-inline-flow .m10-card{display:block}.i14-price-row{grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr))}.i14-price-row article+article{border-left:0;padding-left:0}.i14-site-flow{gap:8px;grid-template-columns:minmax(0,1fr) 25px minmax(0,1fr) 25px minmax(0,1fr) 25px minmax(0,1fr)}}
@media(max-width:760px){.i14-price-row{grid-auto-flow:row;grid-template-columns:minmax(0,1fr);gap:18px}.i14-price-row article+article{border-left:0;border-top:1px solid #00cfff44;padding:18px 0 0}.i14-site-flow{grid-template-columns:minmax(0,1fr);padding:20px}.i14-site-flow>.i14-arrow{width:70px;margin:auto;transform:rotate(90deg)}body.i13-site.opora-redesign .i14-horizontal .m10-card{gap:14px}body.i13-site.opora-redesign .i14-horizontal .m10-card .m10-icon{width:46px;height:46px}body.i13-site.opora-redesign .i14-horizontal .m10-card .m10-icon svg{width:30px;height:30px}}
