/* Keep the original promotion's composition and typography. */
.cobot-promo-nav{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}
.cobot-promo-nav a{padding:12px 20px;border-radius:6px;background:#fff;color:#494d49;font:500 15px/1.3 Onest,sans-serif;text-decoration:none}
.cobot-promo-nav a[aria-current=page]{background:#1abc1a;color:#fff}
.cobot-promo-nav a:focus-visible,.cobot-page a:focus-visible,.cobot-page button:focus-visible{outline:3px solid #0b0d0b;outline-offset:4px}
.cobot-page .pr-promo-cost-section__media{top:125px;left:50%;max-width:440px;height:550px;mix-blend-mode:multiply}
.cobot-page .pr-promo-cost-section__media img{object-fit:contain;filter:grayscale(1);opacity:.5}
.cobot-page .pr-promo-education-section__media{background:#f0f1f5}
.cobot-page .pr-promo-education-section__media img{object-fit:contain;padding:12px}
.cobot-page .pr-promo-we-check-section__media{opacity:.35}
.cobot-page .pr-promo-we-check-section__media img{object-fit:contain}
.cobot-page .pr-promo-set-section__media{top:30px;left:62%;width:34%;max-width:none;height:590px;aspect-ratio:auto;mask:none;-webkit-mask:none;mix-blend-mode:normal}
.cobot-page .pr-promo-set-section__media img{width:100%;height:100%;object-fit:contain}
.cobot-page .pr-promo-set-section__title{max-width:592px;font-size:54px}
.cobot-page .pr-promo-set-section__button{background:#fff;color:#0b0d0b}
.cobot-page .pr-promo-set-section__button:hover{background:#f0f1f5;color:#0b0d0b}
.cobot-page .pr-promo-set-section__agreement .wpcf7-list-item-label,.cobot-page .pr-promo-set-section__agreement a{color:#fff}
.cobot-page .pr-promo-set-section__agreement input:checked+.wpcf7-list-item-label::before{background:#0b0d0b}
.cobot-page .pr-promo-set-section__file-icon{filter:none}
.cobot-page .pr-promo-set-section__form input::placeholder{color:rgba(255,255,255,.85)}
@media(min-width:992px) and (max-width:1310px){
 .cobot-page .pr-promo-cost-section__media{top:95px;max-width:330px;height:417px}
}
@media(min-width:768px) and (max-width:991px){
 .cobot-page .pr-promo-cost-section__media{top:75px;max-width:250px;height:320px}
 .cobot-page .pr-promo-set-section__title{max-width:360px;font-size:42px}
 .cobot-page .pr-promo-set-section__media{top:30px;left:60%;width:38%;height:530px}
}
@media(max-width:767px){
 .cobot-promo-nav{margin-bottom:16px;gap:6px}.cobot-promo-nav a{padding:10px 12px;font-size:13px}
 .cobot-page .pr-promo-cost-section__media{top:100px;max-width:250px;height:350px;margin-bottom:140px}
 .cobot-page .pr-promo-set-section__media{position:relative;top:auto;left:auto;width:100%;height:320px;margin:20px 0;transform:none}
 .cobot-page .pr-promo-set-section__inner{display:flex;flex-direction:column}.cobot-page .pr-promo-set-section__content{order:0}.cobot-page .pr-promo-set-section__media{order:1}.cobot-page .pr-promo-set-section__form{order:2;margin-top:0}
 .cobot-page .pr-promo-set-section__title{display:block;max-width:none;font-size:36px}.cobot-page .pr-promo-set-section__price-row{display:flex;gap:12px;margin-top:12px}.cobot-page .pr-promo-set-section__price-label{display:block;margin:0}.cobot-page .pr-promo-set-section__price{margin:0}
}
@media(max-width:359px){.cobot-page .pr-promo-set-section__title{font-size:30px}}

.cobot-page .pr-promo-education-section__media picture{display:block;width:100%;height:100%}
.cobot-page .pr-promo-education-section__media picture img{padding:0;width:100%;height:100%;object-fit:contain}
.cobot-page .pr-promo-remote-section__media img{object-fit:contain}

/* One continuous offer: copy, kit illustration, then a compact benefits row. */
.cobot-page .pr-promo-hero-section__inner{width:calc(100% + 80px);height:auto;margin-left:-40px;max-width:none}
.cobot-page .pr-promo-hero-section__card{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:28px 32px;width:100%;height:auto;padding:44px 48px 28px;overflow:hidden;border-radius:8px;background:#fff}
.cobot-page .pr-promo-hero-section__content{position:relative;top:auto;left:auto;width:auto;max-width:none;align-self:center}
.cobot-page .pr-promo-hero-section__title{max-width:none;margin:0;font-size:56px;font-weight:600;line-height:1.03}
.cobot-page .pr-promo-hero-section__title-text{display:block}
.cobot-page .pr-promo-hero-section__price-line{display:flex;align-items:center;gap:16px;margin:20px 0 0;font-family:"Roboto Condensed",sans-serif;text-transform:uppercase}
.cobot-page .pr-promo-hero-section__price-prefix{display:block;margin:0;font-size:28px;font-weight:600}
.cobot-page .pr-promo-hero-section__price{display:inline-flex;width:auto;max-width:none;height:auto;margin:0;padding:12px 24px;font-size:56px;line-height:1;border-radius:6px}
.cobot-page .pr-promo-hero-section__price small{position:static;font-size:28px}
.cobot-page .pr-promo-hero-section__description{position:static;width:100%;max-width:450px;margin:24px 0 0;font-size:18px;line-height:1.5}
.cobot-page .pr-promo-hero-section__button{position:static;width:fit-content;max-width:none;height:58px;margin:28px 0 0;padding:0 24px;font-size:16px}
.cobot-page .pr-promo-hero-section__media{position:relative;top:auto;left:auto;width:100%;max-width:none;height:390px;aspect-ratio:auto;align-self:center;overflow:visible;transform:none;mask:none;-webkit-mask:none;mix-blend-mode:normal}
.cobot-page .pr-promo-hero-section__media img{display:block;width:120%;max-width:none;height:100%;margin-left:-10%;object-fit:contain}
.cobot-page .pr-promo-hero-section__features{position:relative;right:auto;bottom:auto;grid-column:1/-1;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;width:100%;max-width:none;height:auto;margin:0;padding:24px 0 0;border-top:1px solid #e9ece9;border-radius:0;background:transparent}
.cobot-page .pr-promo-hero-section__feature{width:auto;min-width:0;align-items:center}
.cobot-page .pr-promo-hero-section__feature+.pr-promo-hero-section__feature{margin:0}
.cobot-page .pr-promo-hero-section__feature-icon{width:28px;margin-right:10px}
.cobot-page .pr-promo-hero-section__feature-icon img{width:14px}
.cobot-page .pr-promo-hero-section__feature-text{width:auto;min-width:0;font-size:16px;line-height:1.4}
@media(max-width:1400px){
 .cobot-page .pr-promo-hero-section__inner{width:100%;margin-left:0}
 .cobot-page .pr-promo-hero-section__card{padding:32px 32px 24px;gap:24px}
 .cobot-page .pr-promo-hero-section__title{font-size:46px}
 .cobot-page .pr-promo-hero-section__price{font-size:46px;padding:11px 20px}
 .cobot-page .pr-promo-hero-section__media{height:350px}
}
@media(max-width:991px){
 .cobot-page .pr-promo-hero-section__card{padding:28px 24px 24px;gap:24px 16px;grid-template-columns:1fr 1fr}
 .cobot-page .pr-promo-hero-section__title{font-size:36px}
 .cobot-page .pr-promo-hero-section__price-line{gap:12px;margin-top:16px}
 .cobot-page .pr-promo-hero-section__price{font-size:40px;padding:10px 18px}
 .cobot-page .pr-promo-hero-section__price-prefix{font-size:24px}
 .cobot-page .pr-promo-hero-section__price small{font-size:24px}
 .cobot-page .pr-promo-hero-section__description{font-size:15px;margin-top:20px}
 .cobot-page .pr-promo-hero-section__button{height:54px;margin-top:24px;padding:0 18px;font-size:13px}
 .cobot-page .pr-promo-hero-section__media{height:290px}
 .cobot-page .pr-promo-hero-section__features{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 12px;padding-top:20px}
 .cobot-page .pr-promo-hero-section__feature-text{font-size:14px}
}
@media(max-width:767px){
 .cobot-page .pr-promo-hero-section__inner{max-width:560px;margin-left:auto;margin-right:auto}
 .cobot-page .pr-promo-hero-section__card{grid-template-columns:minmax(0,1fr);padding:24px 20px;gap:20px}
 .cobot-page .pr-promo-hero-section__title{font-size:36px;font-weight:800;line-height:1.04}
 .cobot-page .pr-promo-hero-section__description{max-width:none;font-size:16px;margin-top:20px}
 .cobot-page .pr-promo-hero-section__button{width:100%;font-size:14px;margin-top:22px}
 .cobot-page .pr-promo-hero-section__media{height:210px;margin:0}
 .cobot-page .pr-promo-hero-section__media img{width:126%;margin-left:-13%}
 .cobot-page .pr-promo-hero-section__features{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 10px;padding-top:20px}
 .cobot-page .pr-promo-hero-section__feature:last-child{grid-column:1/-1}
 .cobot-page .pr-promo-hero-section__feature-icon{width:24px;margin-right:8px}
 .cobot-page .pr-promo-hero-section__feature-text{font-size:13px}
}
@media(max-width:359px){
 .cobot-page .pr-promo-hero-section__title{font-size:32px}
 .cobot-page .pr-promo-hero-section__price{font-size:36px;padding:10px 16px}
 .cobot-page .pr-promo-hero-section__media{height:180px}
}

/* The kit illustration and its seven physical points share the same canvas. */
.cobot-overview{margin-top:96px;padding:0;scroll-margin-top:32px}
.cobot-overview__heading{text-align:center;margin-bottom:24px}
.cobot-overview__heading h2{margin:0;font:600 60px/1 "Roboto Condensed",sans-serif;letter-spacing:-.02em;text-transform:uppercase}
.cobot-overview__heading>p{margin:20px auto 0;color:#494d49;font:400 17px/1.5 Onest,sans-serif}
.cobot-explorer{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:20px 28px;align-items:center}
.cobot-explorer__visual{position:relative;min-width:0;aspect-ratio:1536/812}
.cobot-explorer__visual>img{display:block;width:100%;height:100%;object-fit:contain}
.cobot-explorer__connector{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.cobot-explorer__connector line{stroke:#1abc1a;stroke-width:2;vector-effect:non-scaling-stroke}
.cobot-explorer__point{position:absolute;z-index:2;left:var(--point-x);top:var(--point-y);display:flex;justify-content:center;align-items:center;width:32px;height:32px;padding:0;border:2px solid #fff;border-radius:50%;background:#1abc1a;color:#fff;font:600 14px/1 Onest,sans-serif;cursor:pointer;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #1abc1a;transition:box-shadow .15s,background .15s}
.cobot-explorer__point.is-active{background:#0b0d0b;box-shadow:0 0 0 3px #1abc1a}
.cobot-explorer__point:focus-visible{outline:3px solid #0b0d0b;outline-offset:5px}
.cobot-explorer__details{grid-column:2;grid-row:1;position:relative;min-height:290px;display:flex;align-items:center;padding:28px;background:#fff;border:1px solid #e3e6e3;border-radius:8px}
.cobot-explorer__details::before{content:"";position:absolute;top:calc(50% - 4px);left:-5px;width:8px;height:8px;border-radius:50%;background:#1abc1a}
.cobot-explorer__panel[hidden]{display:none}
.cobot-explorer__eyebrow{margin:0 0 16px;color:#1abc1a;font:500 14px/1.4 Onest,sans-serif}
.cobot-explorer__panel h3{margin:0;font:600 30px/1.05 "Roboto Condensed",sans-serif;text-transform:uppercase;letter-spacing:-.015em;color:#0b0d0b}
.cobot-explorer__copy{margin:18px 0 0;color:#494d49;font:400 16px/1.55 Onest,sans-serif}
.cobot-explorer__choices{grid-column:1/-1;display:flex;justify-content:center;gap:8px;flex-wrap:wrap;padding-top:12px}
.cobot-explorer__choice{display:flex;align-items:center;gap:8px;min-height:44px;padding:9px 13px;border:1px solid #dce1dc;border-radius:5px;background:transparent;color:#494d49;font:500 14px/1.3 Onest,sans-serif;cursor:pointer}
.cobot-explorer__choice>span{display:flex;justify-content:center;align-items:center;width:20px;height:20px;border-radius:50%;background:#fff;color:#1abc1a;font-size:12px}
.cobot-explorer__choice.is-active{border-color:#1abc1a;background:#1abc1a;color:#fff}
.cobot-explorer__choice:hover{border-color:#1abc1a}
@media(max-width:1100px){
 .cobot-explorer{grid-template-columns:minmax(0,1fr) 280px;gap:16px}
 .cobot-explorer__details{padding:24px;min-height:310px}
 .cobot-explorer__point{width:28px;height:28px;font-size:12px}
 .cobot-overview__heading h2{font-size:48px}
}
@media(max-width:767px){
 .cobot-overview{margin-top:60px}
 .cobot-overview__heading{margin-bottom:20px}
 .cobot-overview__heading h2{font-size:36px;font-weight:800}
 .cobot-overview__heading>p{max-width:310px;font-size:15px;margin-top:16px}
 .cobot-explorer{display:flex;flex-direction:column;gap:18px;align-items:stretch;max-width:560px;margin:0 auto}
 .cobot-explorer__visual{order:0;width:100%}
 .cobot-explorer__connector{display:none}
 .cobot-explorer__point{width:22px;height:22px;font-size:11px;border-width:1px}
 .cobot-explorer__point[data-hotspot=torch]{top:calc(var(--point-y) + 14px)}
 .cobot-explorer__point[data-hotspot=torch]::before{content:"";position:absolute;bottom:100%;left:50%;height:5px;width:1px;background:#1abc1a}
 .cobot-explorer__choices{order:1;justify-content:flex-start;padding:0;gap:6px}
 .cobot-explorer__choice{padding:9px 10px;font-size:13px;min-height:44px}
 .cobot-explorer__details{order:2;padding:24px;min-height:255px}
 .cobot-explorer__details::before{display:none}
 .cobot-explorer__panel h3{font-size:28px}
 .cobot-explorer__copy{font-size:15px}
}
@media(prefers-reduced-motion:reduce){.cobot-explorer__point{transition:none}}