.tabs-container{margin-top:var(--spacing-2xl)}.tabs-nav{container-type:inline-size;display:flex;justify-content:center;gap:clamp(4px,1.5vw,16px);flex-wrap:nowrap;position:sticky;top:calc(var(--logo-h) + 2 * var(--spacing-lg));background:rgba(244,244,249,.84);backdrop-filter:blur(14px)saturate(140%);-webkit-backdrop-filter:blur(14px)saturate(140%);padding:var(--spacing-sm)0 var(--spacing-md);z-index:10;transition:top .35s ease}:root:has(header.scrolled) .tabs-nav{top:calc(var(--logo-h) + 2 * var(--spacing-sm))}.tab-radio{position:fixed;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.tab-btn{display:flex;align-items:center;justify-content:center;flex:1;min-width:0;gap:clamp(4px,.8vw,8px);padding:clamp(4px,1.5vw,16px)clamp(8px,2vw,32px);background:var(--primary);border:2px solid var(--border-light);border-radius:var(--radius-full);cursor:pointer;font-size:clamp(.8rem,.6rem + 1vw,1rem);font-weight:500;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background .3s ease,border-color .3s ease,color .3s ease,box-shadow .3s ease}.tab-btn:hover{border-color:var(--accent);color:var(--secondary)}.tabs-container:has(#tab-radio-greenfield:checked) label[for=tab-radio-greenfield],.tabs-container:has(#tab-radio-evolve:checked) label[for=tab-radio-evolve],.tabs-container:has(#tab-radio-scale:checked) label[for=tab-radio-scale],.tabs-container:has(#tab-radio-advise:checked) label[for=tab-radio-advise]{background:var(--gradient-primary);border-color:var(--accent);color:var(--primary);box-shadow:0 8px 25px rgba(38,208,206,.3)}.tabs-container:has(#tab-radio-greenfield:focus-visible) label[for=tab-radio-greenfield],.tabs-container:has(#tab-radio-evolve:focus-visible) label[for=tab-radio-evolve],.tabs-container:has(#tab-radio-scale:focus-visible) label[for=tab-radio-scale],.tabs-container:has(#tab-radio-advise:focus-visible) label[for=tab-radio-advise]{outline:2px solid var(--accent);outline-offset:2px}.tab-icon{font-size:clamp(1rem,.8rem + .5vw,1.25rem);display:flex;align-items:center;line-height:0}.tabs-content{position:relative;min-height:300px}.tab-panel{display:none}.tabs-container:has(#tab-radio-greenfield:checked) #tab-greenfield,.tabs-container:has(#tab-radio-evolve:checked) #tab-evolve,.tabs-container:has(#tab-radio-scale:checked) #tab-scale,.tabs-container:has(#tab-radio-advise:checked) #tab-advise{display:block;animation:fadeInTab .4s ease}@keyframes fadeInTab{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.tab-panel-content{background:linear-gradient(135deg,rgba(38,208,206,5%) 0%,rgba(26,41,128,5%) 100%);border-radius:var(--radius-xl);padding:var(--spacing-2xl);border:1px solid rgba(38,208,206,.1)}.tab-panel-text{text-align:center;margin-bottom:var(--spacing-2xl)}.tab-panel-text h3{font-size:var(--fs-2xl);color:var(--text-primary);margin-bottom:var(--spacing-md)}.tab-panel-text p{color:var(--text-secondary);font-size:var(--fs-md);max-width:var(--max-w-md);margin:0 auto;line-height:var(--lh-normal)}.tab-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));gap:var(--spacing-lg)}.tab-feature{background:var(--primary);padding:var(--spacing-lg);border-radius:var(--radius-md);text-align:center;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease;border:1px solid transparent}.tab-feature:hover{transform:translateY(-3px);border-color:var(--accent);box-shadow:0 8px 20px rgba(38,208,206,.15)}.tab-feature h4{font-size:var(--fs-body);color:var(--secondary);margin-bottom:var(--spacing-sm);font-weight:600}.tab-feature p{font-size:var(--fs-ui);color:var(--text-secondary);margin:0;line-height:var(--lh-normal)}.before-after-section{padding:var(--spacing-4xl)0;text-align:center}.before-after-control{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);border-bottom:2px solid var(--border-light);position:sticky;top:calc(var(--logo-h) + 2 * var(--spacing-lg));background:rgba(244,244,249,.84);backdrop-filter:blur(14px)saturate(140%);-webkit-backdrop-filter:blur(14px)saturate(140%);padding:var(--spacing-sm)0;z-index:10;transition:top .35s ease}:root:has(header.scrolled) .before-after-control{top:calc(var(--logo-h) + 2 * var(--spacing-sm))}.ba-label{font-size:.65rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-light);white-space:nowrap}.ba-toggle-label{font-size:var(--fs-xs);font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-secondary);transition:color .35s ease}.ba-toggle-switch{line-height:0}.ba-toggle-switch .check{--size:40px;position:relative;background:var(--gradient-primary);line-height:0;perspective:400px;font-size:var(--size)}.ba-toggle-switch .check input[type=checkbox],.ba-toggle-switch .check label,.ba-toggle-switch .check label::before,.ba-toggle-switch .check label::after,.ba-toggle-switch .check{appearance:none;display:inline-block;border-radius:var(--size);border:0;transition:.35s ease-in-out;box-sizing:border-box;cursor:pointer}.ba-toggle-switch .check label{width:calc(2.2 * var(--size));height:var(--size);background:#d7d7d7;overflow:hidden}.ba-toggle-switch .check input[type=checkbox]{position:absolute;z-index:1;width:calc(.8 * var(--size));height:calc(.8 * var(--size));top:calc(.1 * var(--size));left:calc(.1 * var(--size));background:var(--primary);box-shadow:0 6px 7px rgba(0,0,0,.3);outline:none;margin:0}.ba-toggle-switch .check input[type=checkbox]:checked{left:calc(1.3 * var(--size))}.ba-toggle-switch .check input[type=checkbox]:checked+label{background:0 0}.ba-toggle-switch .check label::before,.ba-toggle-switch .check label::after{content:"· ·";position:absolute;overflow:hidden;left:calc(.15 * var(--size));top:calc(.5 * var(--size));height:var(--size);letter-spacing:calc(-.04 * var(--size));color:#9b9b9b;font-family:times new roman,serif;z-index:2;font-size:calc(.6 * var(--size));border-radius:0;transform-origin:0 0 calc(-.5 * var(--size));backface-visibility:hidden}.ba-toggle-switch .check label::after{content:"●";top:calc(.68 * var(--size));left:calc(.2 * var(--size));height:calc(.16 * var(--size));width:calc(.35 * var(--size));font-size:calc(.6 * var(--size));line-height:.35;transform-origin:0 0 calc(-.4 * var(--size));-webkit-mask:radial-gradient(ellipse 80% 120% at 55% 110%,transparent 70%,black 71%);mask:radial-gradient(ellipse 80% 120% at 55% 110%,transparent 70%,black 71%)}.ba-toggle-switch .check input[type=checkbox]:checked+label::before,.ba-toggle-switch .check input[type=checkbox]:checked+label::after{left:calc(1.55 * var(--size));top:calc(.4 * var(--size));line-height:calc(.1 * var(--size))}.ba-toggle-switch .check input[type=checkbox]:checked+label::after{height:calc(.16 * var(--size));top:calc(.6 * var(--size));left:calc(1.59 * var(--size));font-size:calc(.6 * var(--size));line-height:0;-webkit-mask:none;mask:none}.ba-toggle-switch .check input[type=checkbox]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.before-after-section:has(#ba-toggle:not(:checked)) .ba-toggle-label:first-of-type{color:var(--secondary)}.before-after-section:has(#ba-toggle:checked) .ba-toggle-label:last-of-type{color:var(--secondary)}@keyframes shake-head{0%,100%{transform:rotateY(0)}20%{transform:rotateY(-15deg)}40%{transform:rotateY(20deg)}60%{transform:rotateY(-15deg)}80%{transform:rotateY(10deg)}}@keyframes nod-head{0%,100%{transform:rotateY(360deg)rotateX(0)}25%{transform:rotateY(360deg)rotateX(10deg)}50%{transform:rotateY(360deg)rotateX(-15deg)}75%{transform:rotateY(360deg)rotateX(8deg)}}.ba-toggle-switch .check input[type=checkbox]:not(:checked)+label::before,.ba-toggle-switch .check input[type=checkbox]:not(:checked)+label::after{animation:shake-head 2s ease-in-out .1s}.ba-toggle-switch .check input[type=checkbox]:checked+label::before,.ba-toggle-switch .check input[type=checkbox]:checked+label::after{animation:nod-head 1s ease-in-out .1s}.before-after-list{margin-top:var(--spacing-2xl)}.before-after-item{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xs)var(--spacing-lg);padding:var(--spacing-md)0;border-bottom:1px solid var(--border-light)}.before-after-item:last-child{border-bottom:none}.before-after-category{grid-column:1/-1;text-align:center;font-size:.65rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-primary);line-height:.5;padding-bottom:var(--spacing-md)}.ba-before,.ba-after{font-size:var(--fs-ui);line-height:var(--lh-normal);padding:var(--spacing-sm)var(--spacing-md);border-radius:var(--radius-sm);border-left:2px solid transparent;transition:opacity .4s ease,color .4s ease,background-color .4s ease,border-color .4s ease,font-weight .2s ease;transition-delay:calc(var(--ba-index,0) * 60ms)}.ba-before{color:var(--text-secondary);text-align:right}.ba-after{color:var(--text-secondary);text-align:left}.before-after-section:has(#ba-toggle:not(:checked)) .ba-before{color:var(--secondary);font-weight:500;background:rgba(220,38,38,5%);border-left-color:rgba(220,38,38,.3)}.before-after-section:has(#ba-toggle:not(:checked)) .ba-after{color:var(--text-secondary);text-decoration:line-through}.before-after-section:has(#ba-toggle:checked) .ba-after{color:var(--secondary);font-weight:500;background:rgba(38,208,206,6%);border-left-color:var(--accent)}.before-after-section:has(#ba-toggle:checked) .ba-before{color:var(--text-secondary);text-decoration:line-through}@media(min-width:769px){.before-after-control{display:grid;grid-template-columns:1fr auto 1fr;column-gap:var(--spacing-lg);align-items:center;padding-bottom:var(--spacing-sm);margin-top:var(--spacing-xl)}.before-after-control .ba-toggle-label:first-of-type{justify-self:end}.before-after-control .ba-toggle-switch{grid-column:2}.before-after-control .ba-toggle-label:last-of-type{grid-column:3;justify-self:start}.before-after-list{margin-top:0}}@media screen and (max-width:1024px){.before-after-control,.tabs-nav{top:calc(45px + 2 * var(--spacing-lg))}:root:has(header.scrolled) .before-after-control,:root:has(header.scrolled) .tabs-nav{top:calc(45px + 2 * var(--spacing-sm))}}@media(max-width:768px){.before-after-item{grid-template-columns:1fr;gap:var(--spacing-xs);padding:var(--spacing-md)0}.before-after-category{margin-bottom:var(--spacing-2xs)}.ba-before,.ba-after{font-size:var(--fs-ui);text-align:center}.tabs-nav{flex-direction:row;align-items:center}.tab-btn{width:auto;flex-direction:column;gap:2px;font-size:clamp(.6rem,2.5vw,.85rem);padding:var(--spacing-xs);border-radius:var(--radius-md)}.tab-icon{font-size:var(--fs-md)}}@container(min-width:520px){.tab-btn {
        flex-direction: row;
    }
}