.feature-tabs{--deep-ocean:#08163c;--dusty-cloud:#f7f9fc;--extra-light:#e4e9f2;--serious-business:#0b65e3;--brightly-optimistic:#fcc453;--subtle-warmth:#7162e3;--calming-teal:#55dfc6;--white:#fff;--border-color:#e4e9f2;--tab-active-bg:#fff;--tab-hover-bg:rgba(8,22,60,.03);--text-muted:rgba(8,22,60,.55);--transition:0.35s cubic-bezier(0.4,0,0.2,1);background-color:var(--dusty-cloud);overflow:hidden;padding:80px 0;position:relative}.feature-tabs .container{margin:0 auto;max-width:1200px;padding:0 24px;position:relative;z-index:1}.feature-tabs-headline{color:var(--deep-ocean);font-size:2rem;font-weight:700;line-height:1.2;margin-bottom:48px}.feature-tabs-inner{align-items:start;display:grid;gap:56px;grid-template-columns:1fr 1fr}.feature-tabs-media{position:sticky;top:100px}.feature-tabs-screen{aspect-ratio:16/11;background:var(--white);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 0 10px #10172d29;overflow:hidden;position:relative}.ft-slide{inset:0;opacity:0;pointer-events:none;position:absolute;transform:translateY(12px);transition:opacity var(--transition),transform var(--transition)}.ft-slide--active{opacity:1;pointer-events:auto;transform:translateY(0)}.ft-img{display:block;height:100%;object-fit:cover;width:100%}.ft-tab-header h4{color:var(--text-muted);font-size:1.1rem;font-weight:700;line-height:1.3;margin:0;transition:color var(--transition)}.ft-tab--active .ft-tab-header h4{color:var(--deep-ocean)}.feature-tabs-list{display:flex;flex-direction:column;gap:4px}.ft-tab{border:1px solid transparent;border-radius:12px;cursor:pointer;overflow:hidden;transition:background-color var(--transition),border-color var(--transition)}.ft-tab:hover:not(.ft-tab--active){background-color:var(--tab-hover-bg);border-color:var(--border-color)}.ft-tab--active{background-color:var(--tab-active-bg);border:1px solid var(--border-color);box-shadow:0 0 10px #10172d29}.ft-tab-header{align-items:center;display:flex;gap:12px;padding:20px 24px}.ft-tab--active .ft-tab-title{color:var(--deep-ocean)}.ft-tab-header:after{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='rgba(8,22,60,0.3)' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m7 5 5 5-5 5'/%3E%3C/svg%3E") 50%/contain no-repeat;content:"";flex-shrink:0;height:20px;margin-left:auto;transition:transform var(--transition),background-image var(--transition);width:20px}.ft-tab--active .ft-tab-header:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%230b65e3' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m7 5 5 5-5 5'/%3E%3C/svg%3E");transform:rotate(90deg)}.ft-tab-body{display:grid;grid-template-rows:0fr;padding:0 24px;transition:grid-template-rows var(--transition)}.ft-tab--active .ft-tab-body{grid-template-rows:1fr;padding-bottom:20px}.ft-tab-body>*{overflow:hidden}.ft-tab-body p{color:var(--text-muted);font-family:var(--font-family);font-size:.95rem;font-weight:300;line-height:1.65;margin:0 0 16px}.ft-tab-link{align-items:center;color:var(--serious-business);display:inline-flex;font-size:.85rem;font-weight:700;gap:6px;letter-spacing:.06em;opacity:0;text-decoration:none;transition:opacity var(--transition),transform .2s ease}.ft-tab--active .ft-tab-link{opacity:1}.ft-tab-link:after{content:"→";transition:transform .2s ease}.ft-tab-link:hover{opacity:.8}.ft-tab-link:hover:after{transform:translateX(3px)}@media (max-width:991px){.feature-tabs-inner{gap:40px;grid-template-columns:1fr}.feature-tabs-media{position:relative;top:0}.feature-tabs-screen{aspect-ratio:16/10}}@media (max-width:767px){.feature-tabs{padding:50px 0}.ft-tab-title{font-size:1rem}.feature-tabs-headline{font-size:1.5rem;margin-bottom:32px}}