.tabs-feature{grid-column:1/-1;min-height:620px;padding:0!important;display:grid;grid-template-columns:.72fr 1.28fr;background:radial-gradient(circle at 18% 25%,#5b230d3d,transparent 35%),#101010!important;border-color:#39271e!important}
.tabs-copy{padding:55px 40px;display:flex;flex-direction:column;justify-content:center;border-right:1px solid #28221e}
.tabs-copy .icon-box{margin-bottom:26px!important}
.feature-kicker{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#ff7b22;margin-bottom:17px}
.tabs-copy h3{font:700 clamp(29px,3vw,43px)/1.08 'Manrope';letter-spacing:-.045em;margin-bottom:20px}
.tabs-copy h3 em{font-style:normal;color:#6d6d6d}
.tabs-copy>p{font-size:14px;max-width:440px}
.tabs-benefits{display:flex;flex-direction:column;gap:11px;margin-top:30px}
.tabs-benefits span{font-size:11px;color:#bbb;display:flex;align-items:center;gap:10px}
.tabs-benefits span:before{content:'✓';width:20px;height:20px;display:grid;place-items:center;color:#111;background:#ff711d;border-radius:50%;font-weight:800;font-size:10px}
.tabs-demo{margin:36px 30px;align-self:center;background:#0b0b0c;border:1px solid #2d2d30;border-radius:13px;overflow:hidden;box-shadow:0 30px 70px #000;min-width:0;position:relative}
.demo-topbar{height:54px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid #242427;background:#121213}
.demo-brand{display:flex;align-items:center;gap:7px;font:700 12px 'Manrope'}
.demo-brand img{width:23px;height:23px;object-fit:contain}
.live-pill{font-size:8px;color:#888;border:1px solid #2b2b2b;padding:6px 9px;border-radius:20px}
.live-pill i{display:inline-block;width:5px;height:5px;background:#5cdf94;border-radius:50%;margin-right:5px;box-shadow:0 0 8px #5cdf94}
.workspace-tabs{display:flex;align-items:end;gap:3px;padding:14px 12px 0;background:#0f0f10;overflow:hidden;min-height:73px}
.workspace-tab{flex:1;min-width:0;height:55px;border:1px solid transparent;border-bottom:0;background:#151516;color:#aaa;border-radius:8px 8px 0 0;padding:8px 8px;display:flex;align-items:center;gap:7px;text-align:left;cursor:pointer;transition:transform .4s ease,background .25s,border-color .25s,color .25s,opacity .25s}
.workspace-tab>b{flex:0 0 25px;width:25px;height:25px;border-radius:6px;display:grid;place-items:center;background:#242424;color:#888;font-size:11px}
.workspace-tab>span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:9px;font-weight:600}
.workspace-tab small{display:block;color:#5f5f5f;font-size:7px;margin-top:4px;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.workspace-tab>i{margin-left:auto;color:#555;font-style:normal;font-size:9px}
.workspace-tab.active{background:#1b1613;border-color:#5b321f;color:#fff;box-shadow:inset 0 2px #ff711d}
.workspace-tab.active>b{background:#ff711d22;color:#ff7b22}
.workspace-tab.moving{transform:translateX(-120%) scale(.94);opacity:.35}
.add-workspace-tab{flex:0 0 28px;height:28px;margin:0 3px 14px;background:#1b1b1d;border:1px solid #313134;color:#999;border-radius:6px;cursor:pointer}
.demo-toolbar{min-height:55px;display:flex;align-items:center;gap:8px;padding:10px 13px;border-block:1px solid #27272a;background:#141415;font-size:8px}
.demo-mode{background:#ff711d;color:#111;border-radius:5px;padding:9px 11px;font-weight:700}
.demo-input{flex:1;color:#676767;background:#0f0f10;border:1px solid #27272a;border-radius:5px;padding:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.demo-filter{color:#aaa;border:1px solid #353538;padding:9px;border-radius:5px;white-space:nowrap}
.demo-toolbar button{border:0;background:linear-gradient(135deg,#ff9b21,#ff6a18);padding:9px 11px;border-radius:5px;font-size:8px;font-weight:700}
.demo-body{padding:17px 15px 24px;transition:opacity .25s,transform .25s}
.tabs-demo.view-change .demo-body{animation:viewPulse .45s ease}
.demo-title{display:flex;align-items:end;justify-content:space-between;margin-bottom:16px}
.demo-title small,.demo-title strong{display:block}
.demo-title small{font-size:7px;color:#ff711d;letter-spacing:.14em;margin-bottom:5px}
.demo-title strong{font-size:13px}
.demo-title>span{font-size:7px;color:#595959}
.demo-table-head,.demo-row{display:grid;grid-template-columns:2fr .65fr .75fr .6fr;align-items:center;gap:10px}
.demo-table-head{padding:8px 10px;color:#5c5c5e;font-size:7px;border-bottom:1px solid #27272a}
.demo-row{padding:11px 10px;border-bottom:1px solid #202023;font-size:9px}
.demo-row>div{display:flex;align-items:center;gap:9px;min-width:0}.demo-row p{margin:0;min-width:0}.demo-row p b,.demo-row p small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.demo-row p small{color:#616166;margin-top:3px;font-size:7px}.demo-row>span{color:#aaa}.demo-row>strong{color:#66d899}.demo-row>em{font-style:normal;color:#bbb}.product-pic{width:29px;height:29px;flex:0 0 29px;border-radius:6px}.product-pic.orange{background:linear-gradient(135deg,#fa8030,#4b2514)}.product-pic.purple{background:linear-gradient(135deg,#8f73fa,#292243)}.product-pic.blue{background:linear-gradient(135deg,#2f94e9,#182d41)}
.move-hint{position:absolute;right:14px;bottom:8px;font-size:7px;color:#5b5b5e}.move-hint span{color:#ff711d;margin-right:4px}
@keyframes viewPulse{0%{opacity:.35;transform:translateY(5px)}100%{opacity:1;transform:none}}
@media(max-width:900px){.tabs-feature{grid-template-columns:1fr}.tabs-copy{border-right:0;border-bottom:1px solid #28221e}.tabs-demo{width:auto}}
@media(max-width:620px){.tabs-copy{padding:38px 25px}.tabs-demo{margin:20px 12px 28px}.workspace-tab{flex:0 0 125px}.workspace-tabs{overflow:hidden}.workspace-tab:nth-of-type(4){display:none}.demo-filter{display:none}.demo-toolbar{gap:5px}.demo-table-head,.demo-row{grid-template-columns:1.7fr .7fr .8fr}.demo-table-head span:last-child,.demo-row>em{display:none}.move-hint{display:none}}
@media(prefers-reduced-motion:reduce){.tabs-demo.view-change .demo-body{animation:none}.workspace-tab{transition:none}}