/* V13: six introduction items, side arrows with dots, and a required Instagram field. */
.feature-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:19px 17px;margin-top:26px}
.feature-list li{min-width:0;align-items:center;gap:12px;padding:9px 0}
.feature-list li>span:last-child{min-width:0}
.feature-list strong{font:600 12px/1.55 Poppins,sans-serif;letter-spacing:-.02em}
.feature-list small{display:block;font:400 13px/1.65 Roboto,sans-serif;margin-top:3px;color:#6c5b7f}
.feature-list .feature-icon{width:42px;height:42px;flex:0 0 42px;border:1px solid #d1bfe5;transform:rotate(-3deg);background:#e5dcfa;box-shadow:inset 2px 2px 0 #fbf6ff,inset -3px -3px 0 #d1c1e9,2px 4px 0 #bca9d4}
.feature-list li:nth-child(3n+2) .feature-icon{background:#d8eaff;border-color:#bed5ec;box-shadow:inset 2px 2px 0 #f4faff,inset -3px -3px 0 #b9d4f0,2px 4px 0 #a2bedc;transform:rotate(3deg)}
.feature-list li:nth-child(3n) .feature-icon{background:#ffe7a3;border-color:#e6cd8b;box-shadow:inset 2px 2px 0 #fff5d8,inset -3px -3px 0 #e2c77d,2px 4px 0 #c6aa61;transform:rotate(-2deg)}
.feature-list .feature-icon svg{width:23px;height:23px}
.carousel-shell{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:12px;position:relative;min-width:0;width:100%}
.carousel-shell--testimonials{max-width:1122px;margin-inline:auto}
.carousel-shell>.skills-grid,.carousel-shell>.benefit-grid,.carousel-shell>.testimonial-track{min-width:0;width:100%;max-width:none;margin:0;scroll-padding-left:2px}
.carousel-shell>.skills-grid{padding:5px 5px 15px 2px}
.carousel-shell>.benefit-grid{padding:4px 5px 14px 2px}
.carousel-shell>.testimonial-track{padding:43px 6px 15px 2px}
.carousel-arrow{display:grid;place-items:center;justify-self:center;width:44px;height:44px;min-width:44px;flex-shrink:0;margin:0;padding:0;border:1px solid #c9b6dd;border-radius:50%;background:#fffdf7;color:#67468a;box-shadow:inset 0 2px 0 white,0 4px 0 #c8b2db,0 7px 11px #49305f09;line-height:1;transition:background .18s,transform .18s,box-shadow .18s}
.carousel-arrow svg{display:block;width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.carousel-arrow:disabled{opacity:.35;cursor:default}
.carousel-arrow:active:not(:disabled){transform:translateY(2px);box-shadow:inset 0 1px 0 white,0 2px 0 #c8b2db}
.carousel-shell.carousel-static{grid-template-columns:minmax(0,1fr)}
.carousel-static>.carousel-arrow{display:none}
.slider-dots[data-dots="skills"],.slider-dots[data-dots="benefits"],.slider-dots[data-dots="testimonials"]{display:flex;align-items:center;justify-content:center;gap:0;min-height:36px;margin:12px auto 0}
.slider-dots.not-needed[data-dots]{display:none}
.slider-dots[data-dots] button{display:grid;place-items:center;width:28px;height:36px;padding:0;background:transparent;border:0;border-radius:8px;transition:width .2s}
.slider-dots[data-dots] button:before{content:'';position:static;display:block;width:7px;height:7px;border-radius:99px;background:#c2acd7;transition:width .2s,background .2s}
.slider-dots[data-dots] button.active{width:42px;background:transparent}
.slider-dots[data-dots] button.active:before{width:25px;background:#795795}
.required-mark{color:#aa3655}
.instagram-field .error{line-height:1.6}
@media(hover:hover) and (pointer:fine){.carousel-arrow:hover:not(:disabled){background:#eee3fa;color:#51316f}}
@media(min-width:601px) and (max-width:1100px){.feature-list{gap:17px 14px}.feature-list li{gap:10px}.feature-list strong{font-size:12px}.feature-list small{font-size:12px}.feature-list .feature-icon{width:39px;height:39px;flex-basis:39px}}
@media(max-width:600px){
 .feature-list{grid-template-columns:1fr;gap:15px;margin-top:23px}.feature-list li{padding:3px 0;gap:14px}.feature-list strong{font-size:13px}.feature-list small{font-size:13px}.feature-list .feature-icon{width:43px;height:43px;flex-basis:43px}
 .carousel-shell{width:calc(100% + 24px);margin-left:-12px;grid-template-columns:36px minmax(0,1fr) 36px;gap:8px}
 .carousel-arrow{width:44px;height:44px;min-width:44px}.carousel-arrow svg{width:20px;height:20px}
 .carousel-shell>.skills-grid{padding:5px 5px 15px 2px;gap:15px}
 .carousel-shell>.benefit-grid{padding:4px 5px 14px 2px;gap:15px}
 .carousel-shell>.testimonial-track{padding:43px 6px 15px 2px;gap:18px}
 .carousel-shell .skill-card,.carousel-shell .benefit-card,.carousel-shell .benefit-card:nth-child(2),.carousel-shell .benefit-card:nth-child(4),.carousel-shell .testimonial-card{flex-basis:100%}
 .carousel-shell .skill-card .skill-body{padding-inline:17px}.carousel-shell .skill-body h3{font-size:18px}
 .carousel-shell .testimonial-card{padding-inline:17px}.carousel-shell .testimonial-photo{left:16px;width:84px;height:84px;top:-31px}.carousel-shell .testimonial-identity{margin-left:94px}
 .slider-dots[data-dots="skills"],.slider-dots[data-dots="benefits"],.slider-dots[data-dots="testimonials"]{margin-top:9px}
}
@media(prefers-reduced-motion:reduce){.carousel-arrow,.slider-dots[data-dots] button,.slider-dots[data-dots] button:before{transition:none}}
