/* Basis KI adaptation of UIAble MIT Feature block. See vendor/LICENSE-UIABLE.txt. */
.site-header{top:0}.benefits-section{padding-top:65px;padding-bottom:64px;scroll-margin-top:65px}.benefits-heading{display:block;max-width:780px;margin-bottom:35px}.benefits-heading h2{font-size:clamp(34px,3.4vw,48px);margin-bottom:20px;text-wrap:balance}.benefits-heading>p:last-child{max-width:700px;font-size:17px}.benefits-grid{gap:20px;align-items:stretch}.benefit{display:flex;flex-direction:column;padding:0;border:1px solid #e9e9ef;border-radius:24px;overflow:hidden;background:white;box-shadow:0 2px 3px #16162203}.visual-stage{position:relative;height:280px;overflow:hidden;isolation:isolate;flex-shrink:0;background:#fafafa}.stage-belt{background:linear-gradient(180deg,#fff 0,#f8f8fb 100%)}.visual-stage svg.art-svg{display:block;width:100%;height:100%;fill:none;stroke:none;stroke-width:0}.card-kicker{position:absolute;left:25px;top:21px;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#696977;z-index:3}.art-svg foreignObject{overflow:visible}.belt-tile{width:84px;height:94px;border-radius:19px;padding:13px 12px;display:flex;flex-direction:column;justify-content:space-between;font-family:Poppins,Arial,sans-serif;box-shadow:0 15px 28px #1a193328,inset 0 1px 0 #ffffff50;color:#fff;background:#17171c;border:1px solid #ffffff16}.belt-tile span{font-size:26px;line-height:1.2;font-weight:500;letter-spacing:-1px}.belt-tile small{font-size:9px;letter-spacing:.025em}.belt-tile.violet{background:#6161ff}.belt-tile.mint{background:#bcfe90;color:#18231a}.belt-tile.pink{background:#fac6e2;color:#442e3b}.belt-tile svg{width:25px;height:25px;stroke:currentColor;stroke-width:1.6;fill:none}.scene-footer{position:absolute;left:25px;bottom:23px;font-size:13px;color:#494957;display:flex;align-items:center;gap:7px}.scene-footer strong{font-weight:500;color:#17171c}.dot-online{width:6px;height:6px;border-radius:50%;background:#6161ff}.stage-type{background:#17171c;color:#fff}.stage-type .card-kicker{color:#a7a7bb}.type-demo{position:absolute;inset:72px 25px 45px}.type-raw,.type-ready{position:absolute;inset:0;font-size:clamp(27px,2.9vw,39px);line-height:1.25;letter-spacing:-1.5px;font-weight:500}.type-raw{color:#9d9da9;animation:raw-fade 9s infinite}.type-ready{color:white;animation:ready-fade 9s infinite}.type-ready .accent-word{display:inline-block;color:#bcfe90}.type-raw .raw-line{display:block;opacity:.8}.type-ready .accent-word:after{content:'';display:inline-block;height:.85em;width:2px;background:#bcfe90;margin-left:5px;vertical-align:-.02em;animation:cursor-blink 1s steps(1) infinite}.stage-type .scene-footer{color:#a7a7bb}.stage-type .scene-footer svg{width:15px;height:15px;stroke:#bcfe90}.type-beam{position:absolute;bottom:0;left:0;height:2px;background:#bcfe90;animation:type-progress 9s infinite}.stage-flow{background:radial-gradient(ellipse at 50% 90%,#eeeeff,white 70%)}.growth-pill{height:50px;display:flex;align-items:center;gap:9px;white-space:nowrap;padding:8px 14px 8px 8px;border-radius:100px;background:#17171c;color:#fff;box-shadow:0 10px 24px #29234726;font-size:11px;line-height:1;font-family:Poppins,Arial,sans-serif}.growth-pill i{font-style:normal;border-radius:50%;background:#bcfe90;width:32px;height:32px;display:grid;place-items:center;font-size:24px;font-weight:400;color:#17171c}.basis-orbit{position:absolute;top:66px;left:calc(50% - 35px);width:70px;height:70px;background:#fff;border:1px solid #e8e8ef;border-radius:20px;box-shadow:0 6px 22px #2222320b;display:grid;place-items:center}.basis-orbit img{width:44px;height:44px}.benefit-copy{padding:25px 26px 30px}.benefit h3{max-width:none;font-size:22px;line-height:1.38;margin:0 0 13px}.benefit p{max-width:none;font-size:15px;line-height:1.75;margin:0}.benefits-note{font-size:12px;max-width:760px;line-height:1.7}.try-heading h2{max-width:850px}
@keyframes raw-fade{0%,19%,96%,100%{opacity:1;transform:translateY(0);filter:blur(0)}28%,86%{opacity:0;transform:translateY(-14px);filter:blur(5px)}}
@keyframes ready-fade{0%,22%,96%,100%{opacity:0;transform:translateY(18px);filter:blur(5px)}36%,83%{opacity:1;transform:translateY(0);filter:blur(0)}}
@keyframes cursor-blink{0%,49%{opacity:1}50%,100%{opacity:0}}
@keyframes type-progress{0%{width:0}85%,95%{width:100%}100%{width:0}}
@media(max-width:1100px) and (min-width:900px){.benefit-copy{padding:23px 20px}.benefit h3{font-size:20px}.visual-stage{height:255px}.type-demo{inset:70px 20px 40px}.type-raw,.type-ready{font-size:30px}}
@media(max-width:899px){.benefits-grid{grid-template-columns:1fr;max-width:580px;margin:auto}.benefit{display:flex;flex-direction:column}.visual-stage{height:290px}.benefits-heading,.benefits-note{max-width:580px;margin-inline:auto}.type-raw,.type-ready{font-size:44px}.type-demo{inset:65px 28px 40px}.benefits-heading>p:last-child{font-size:16px}}
@media(max-width:600px){.benefits-section{padding-top:40px}.visual-stage{height:260px}.type-raw,.type-ready{font-size:35px;letter-spacing:-1px}.type-demo{inset:64px 25px 40px}.benefit-copy{padding:23px}.benefit h3{font-size:22px}.try-heading h2{font-size:32px}}
@media(prefers-reduced-motion:reduce){.visual-stage *{animation:none!important;filter:none!important}.type-raw{display:none}.type-ready{opacity:1;transform:none}.type-beam{width:100%}.accent-word:after{display:none!important}}

/* Keep compound words intact without shrinking the complete section. */
.benefits-heading{max-width:900px}
.benefits-heading h2{max-width:27ch}
.try-heading h2{max-width:29ch;margin-inline:auto;font-size:clamp(28px,3.4vw,46px);line-height:1.2}
.benefit-copy p{line-height:1.7}
@media(max-width:899px){.benefits-heading{max-width:580px}}
@media(max-width:600px){
 .benefits-heading h2{font-size:clamp(28px,7.5vw,34px);line-height:1.2}
 .benefit-copy{padding:24px}
 .benefit-copy p{font-size:16px}
 .benefit h3{font-size:22px}
 .try-heading h2{font-size:clamp(26px,7.2vw,34px)}
 .visual-stage .scene-footer{font-size:12px;left:22px;right:12px}
}