.feature-hero{background:radial-gradient(ellipse at 50% 65%,#344b9d 0,#172257 52%,#100f32 100%);margin:0 calc(50% - 50vw);padding:50px max(24px,calc((100vw - 1250px)/2)) 25px;color:white;overflow:hidden}.feature-inner{max-width:1250px;margin:auto}.feature-tabs{display:flex;gap:9px;justify-content:space-between;overflow-x:auto;padding:0 0 30px;scrollbar-width:thin}.feature-tabs button{border:1px solid transparent;background:transparent;color:#999ec4;font-size:15px;font-weight:500;white-space:nowrap;padding:12px 16px;border-radius:30px}.feature-tabs button:hover{color:#fff;background:#ffffff0a}.feature-tabs button[aria-selected=true]{color:#fff;background:#ffffff12;border-color:#767ba9}.feature-window{border:9px solid #ffffff26;outline:1px solid #ffffff40;border-radius:21px 21px 8px 8px;overflow:hidden;background:#fff;background-clip:padding-box;color:#242c3d;box-shadow:0 25px 100px #02052040}.feature-window-top{display:flex;align-items:center;justify-content:space-between;gap:20px;height:63px;border-bottom:1px solid #e6e9ee;padding:0 24px;background:#fff}.feature-brand{display:flex;align-items:center;gap:10px;font-size:27px;font-weight:750;color:#165dff}.feature-brand>span{font-size:14px;color:#303a50;font-weight:650}.feature-workspace-label{border:1px solid #eceef3;border-radius:7px;color:#9198a7;font-size:13px;padding:8px 28px;min-width:35%}.feature-user{background:#e8edfb;border-radius:50%;width:32px;height:32px;display:grid;place-items:center;color:#6174a5;font-size:11px;font-weight:650}.feature-layout{display:grid;grid-template-columns:56px 228px minmax(0,1fr);height:505px}.feature-rail{border-right:1px solid #e9ecf2;display:flex;align-items:center;flex-direction:column;gap:28px;padding:27px 0;color:#7c8495;font-size:22px;background:#fff}.feature-sidebar{border-right:1px solid #e9ecf2;padding:24px 16px;display:flex;flex-direction:column;background:#fff}.feature-club{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:650}.feature-club>span{width:35px;height:35px;border-radius:8px;display:grid;place-items:center;background:#203050;color:white;font-size:17px}.feature-club small{display:block;font-size:10px;color:#9ba4b3;margin-top:3px;font-weight:400}.feature-sidebar h3{font-size:16px;margin:30px 8px 13px}.feature-sidebar #feature-subnav{display:flex;flex-direction:column;gap:4px}.feature-sidebar #feature-subnav>span{font-size:13px;padding:10px 9px;border-radius:6px;color:#70798d}.feature-sidebar #feature-subnav>.selected{background:#edf1f8;color:#1d2d4e;font-weight:600}.feature-sidebar-bottom{font-size:11px;color:#a2aab7;line-height:1.7;margin-top:auto;padding:15px 8px}.feature-panel{padding:27px 28px;overflow:auto;background:#fff}.feature-panel-heading{display:flex;align-items:center;gap:16px;justify-content:space-between;margin-bottom:22px}.feature-panel-heading h2{font-size:23px;letter-spacing:-.6px}.feature-panel-heading p{font-size:12px;color:#9199a8;margin:7px 0 0}.feature-action{background:#172647;color:white;padding:9px 13px;border-radius:7px;font-size:12px;white-space:nowrap}.feature-action:hover{color:white;background:#2d4575}.feature-badge{background:#f1f4fa;color:#7b879e;border-radius:6px;padding:5px 9px;font-size:10px;white-space:nowrap}.feature-banner{height:185px;position:relative;border-radius:10px;overflow:hidden;background:#1b3252}.feature-banner img{width:100%;height:100%;object-fit:cover;opacity:.65}.feature-banner>div{position:absolute;left:25px;top:25px;color:white}.feature-banner span{font-size:9px;letter-spacing:1.3px}.feature-banner strong{font-size:27px;line-height:1.12;display:block;margin-top:10px;letter-spacing:-.5px}.feature-list>div{display:flex;align-items:center;gap:14px;padding:18px 0;border-bottom:1px solid #edf0f6}.feature-list-icon{font-size:12px;color:#8c9aba;background:#f1f4fa;border-radius:7px;padding:10px}.feature-list strong{display:block;font-size:13px}.feature-list small{display:block;font-size:11px;color:#939bab;margin-top:4px}.feature-list-end{margin-left:auto;font-size:11px;color:#818da5;white-space:nowrap}.feature-caption{display:flex;justify-content:space-between;gap:25px;color:#929cc5;font-size:12px;line-height:1.6;padding-top:20px}.feature-caption>span:last-child{white-space:nowrap;font-size:11px}.feature-table{border-collapse:collapse;width:100%;font-size:12px;white-space:nowrap}.feature-table th{font-size:10px;color:#919aaa;font-weight:600;text-transform:uppercase;text-align:left;padding:13px 8px;border-bottom:1px solid #e6eaf1}.feature-table td{padding:17px 8px;border-bottom:1px solid #e6eaf1;color:#717b8d}.feature-table td:first-child{display:flex;align-items:center;gap:10px;color:#303c51}.feature-person{display:inline-grid;place-items:center;background:#e3eafa;color:#697daa;min-width:33px;height:33px;border-radius:50%;font-size:10px;flex-shrink:0}.feature-role{background:#eff5f2;color:#5e826e;border-radius:20px;padding:5px 8px;font-size:10px}.feature-table-scroll{overflow:auto}.feature-conversation{padding:8px 0 15px}.feature-conversation>div{display:flex;gap:13px;margin-bottom:24px}.feature-conversation section{max-width:480px}.feature-conversation strong{font-size:13px}.feature-conversation strong small{font-size:10px;color:#aaa;font-weight:400;margin-left:10px}.feature-conversation p{font-size:13px;line-height:1.6;background:#f1f4fa;padding:12px 15px;border-radius:0 10px 10px 10px;color:#60708a;margin:8px 0}.feature-person.rose{background:#f5e3e5}.feature-person.mint{background:#dfefe7}.feature-chat-cta{width:100%;justify-content:space-between;font-size:12px;color:#7b89a1}.feature-event{display:grid;grid-template-columns:42% 1fr;border:1px solid #e5eaf2;border-radius:10px;overflow:hidden}.feature-event img{width:100%;height:210px;object-fit:cover}.feature-event>div{padding:20px}.feature-event h3{font-size:20px;line-height:1.2;margin:13px 0}.feature-event p{font-size:12px;color:#9199a9;line-height:1.5}.feature-event button{font-size:11px;padding:8px}.feature-resource-grid,.feature-offer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:25px 0}.feature-resource-grid article{border:1px solid #e4e9f3;border-radius:10px;padding:20px 17px;background:#f7f9fc}.feature-resource-grid article>span{display:block;color:#8296c1;font-size:34px;font-weight:600;margin-bottom:30px}.feature-resource-grid small{font-size:9px;color:#9ba7bc;letter-spacing:1px}.feature-resource-grid h3{font-size:17px;line-height:1.25;margin:12px 0}.feature-resource-grid p{font-size:12px;color:#7d8a9f;line-height:1.7}.feature-offer-grid button{display:block;text-align:left;padding:10px;background:white}.feature-offer-art{display:grid;height:135px;place-items:center;background:#e9edfb;border-radius:6px;font-size:43px;color:#7589b8;margin-bottom:18px}.feature-offer-grid button:nth-child(2) .feature-offer-art{background:#f8e8db}.feature-offer-grid button:nth-child(3) .feature-offer-art{background:#e7eee1}.feature-offer-grid strong{font-size:13px;display:block;margin:8px 0}.feature-offer-grid small{display:block;font-size:10px;color:#969fad;font-weight:400}.feature-offer-grid b{font-size:17px;display:block;margin:15px 0 5px}.feature-inline-note{font-size:11px;color:#98a1b1}.feature-payment-callout{padding:27px;background:#edf1fc;border-radius:12px}.feature-payment-callout>span{font-size:9px;letter-spacing:1.2px;color:#8294b9}.feature-payment-callout h3{font-size:28px;line-height:1.15;margin:16px 0}.feature-payment-callout p{font-size:12px;line-height:1.7;color:#7d8da5;max-width:500px}.feature-payment-callout a,.feature-api-link{font-size:12px;color:#5674b4}.feature-api-flow{display:flex;align-items:center;justify-content:center;gap:15px;padding:35px 10px;background:#f7f9fd;border-radius:12px;margin:25px 0 10px}.feature-api-flow span{border:1px solid #dce3f0;padding:14px 18px;border-radius:10px;font-size:12px;background:white}.feature-api-flow .feature-api-brand{background:#19355e;color:white;border-color:#19355e}.feature-api-flow b{font-weight:400;color:#8192b4}.feature-api-link{display:inline-block;margin-top:22px}
@media(max-width:1000px){.feature-layout{grid-template-columns:180px minmax(0,1fr)}.feature-rail{display:none}.feature-panel{padding:23px 20px}.feature-tabs{justify-content:flex-start}.feature-tabs button{font-size:14px;padding:11px 14px}.feature-sidebar{padding:20px 10px}.feature-workspace-label{min-width:0}.feature-action{white-space:normal}.feature-caption{display:block}.feature-caption>span{display:block;margin-bottom:3px}}
@media(max-width:650px){.feature-hero{padding:28px 16px 18px}.feature-tabs{padding-bottom:22px;gap:3px}.feature-layout{display:block;height:510px}.feature-sidebar{display:none}.feature-panel{height:100%;padding:20px 16px}.feature-window{border-width:5px;border-radius:14px}.feature-window-top{padding:0 15px;height:52px}.feature-workspace-label{display:none}.feature-panel-heading{align-items:flex-start;gap:10px}.feature-panel-heading h2{font-size:20px}.feature-panel-heading p{font-size:11px}.feature-action{font-size:10px;max-width:105px;flex-shrink:0}.feature-banner{height:170px}.feature-banner strong{font-size:25px}.feature-list-end{font-size:10px}.feature-list strong{font-size:12px}.feature-list small{font-size:10px}.feature-resource-grid,.feature-offer-grid{gap:8px}.feature-resource-grid article{padding:14px 10px}.feature-resource-grid h3{font-size:14px}.feature-resource-grid p{font-size:11px}.feature-offer-grid strong{font-size:11px}.feature-offer-art{height:95px;font-size:32px}.feature-event{grid-template-columns:1fr}.feature-event img{height:110px}.feature-event>div{padding:15px}.feature-event h3{font-size:17px}.feature-event p{display:none}.feature-event .feature-badge{font-size:9px}.feature-api-flow{gap:7px;padding:25px 5px}.feature-api-flow span{font-size:10px;padding:12px 8px}.feature-caption{font-size:11px}.feature-caption>span:last-child{font-size:10px}}
.feature-tour-heading{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:30px}.feature-tour-heading>div>span{font-size:11px;letter-spacing:1.6px;color:#a1afe4}.feature-tour-heading h2{font-size:28px;line-height:1.25;margin-top:12px;color:white;letter-spacing:-.7px}.feature-tour-heading>button{border:1px solid #ffffff40;color:#dce4ff;background:#ffffff0c;border-radius:22px;white-space:nowrap;font-size:13px}.feature-tabs button{position:relative;overflow:hidden}.feature-tab-progress{position:absolute;bottom:0;left:0;width:var(--progress,0%);height:2px;background:#bbcaff}.feature-explainer{display:grid;grid-template-columns:1.7fr 1fr;align-items:center;gap:55px;padding:0 0 30px;min-height:195px}.feature-explainer>div>span{font-size:11px;color:#9caee7;letter-spacing:1px}.feature-explainer h3{font-size:27px;letter-spacing:-.6px;line-height:1.2;margin:12px 0;color:#fff}.feature-explainer p{font-size:15px;line-height:1.7;color:#b0bbdc;margin:0;max-width:740px}.feature-explainer ul{list-style:none;margin:0;padding:0;display:grid;gap:13px}.feature-explainer li{font-size:14px;color:#d0d9ef;padding-left:24px;position:relative}.feature-explainer li:before{content:'✓';position:absolute;left:0;color:#93b3ff}.feature-layout{height:560px}.feature-mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0 0 17px}.feature-mini-stats>span{border:1px solid #e7ebf3;border-radius:9px;padding:12px 15px;color:#77859c;font-size:12px}.feature-mini-stats strong{font-size:23px;color:#2d405f;margin-right:6px}.feature-panel-heading p{font-size:13px}.feature-list strong{font-size:14px}.feature-list small{font-size:12px}.feature-conversation p{font-size:14px}.feature-conversation strong{font-size:14px}.feature-banner{height:190px}.feature-panel{scrollbar-width:thin}.feature-resource-grid p{font-size:14px}.feature-offer-grid strong{font-size:14px}.feature-offer-grid small{font-size:12px}.feature-payment-callout p{font-size:14px}.feature-caption{font-size:13px}
@media(max-width:750px){.feature-tour-heading h2{font-size:23px}.feature-tour-heading{align-items:flex-start}.feature-tour-heading>button{font-size:11px;padding:8px 12px}.feature-explainer{grid-template-columns:1fr;gap:18px;min-height:0}.feature-explainer h3{font-size:24px}.feature-explainer p{font-size:14px}.feature-explainer ul{display:flex;flex-wrap:wrap;gap:9px 18px}.feature-explainer li{font-size:12px}.feature-mini-stats{gap:6px}.feature-mini-stats>span{font-size:10px;padding:10px 8px}.feature-mini-stats strong{font-size:20px;display:block}.feature-layout{height:550px}.feature-list strong{font-size:12px}.feature-list small{font-size:11px}}