.feature-showcase{padding:102px 0 110px;background:#f1f4ec;border-top:1px solid #e7ecdf}
.showcase-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:50px;margin-bottom:54px}
.showcase-heading h2{margin:0;font-size:clamp(34px,4vw,56px);font-weight:500;line-height:1.4;letter-spacing:-.04em}
.showcase-heading .section-label{margin-bottom:20px}.showcase-intro{max-width:350px;font-size:13px;line-height:2;color:#7d8972;margin:0 0 7px}
.showcase-grid{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:100px}.showcase-tabs{display:flex;flex-direction:column;max-width:450px}
.showcase-tab{display:grid;grid-template-columns:28px 1fr 22px;align-items:center;gap:17px;text-align:left;border:0;border-bottom:1px solid #dce4d2;background:none;padding:23px 0;color:#607052;cursor:pointer;transition:color .2s,border-color .2s}
.showcase-tab:first-child{border-top:1px solid #dce4d2}.showcase-tab-number{font-family:ui-monospace,monospace;font-size:10px;align-self:start;line-height:2.8;letter-spacing:.04em}.showcase-tab strong{display:block;font-size:20px;line-height:1.5;font-weight:500;margin-bottom:8px}.showcase-tab-description{display:block;font-size:12px;line-height:1.9;color:#606f55;max-width:320px}.showcase-tab-arrow{font-size:18px;opacity:.55;transition:opacity .2s,transform .2s}.showcase-tab[aria-selected="true"]{color:#253b1c;border-bottom-color:#6a8456}.showcase-tab[aria-selected="true"] .showcase-tab-description{color:#6f7f61}.showcase-tab[aria-selected="true"] .showcase-tab-arrow{opacity:1;transform:translateX(4px)}.showcase-tab:hover{color:#354e28}
.showcase-panel{display:flex;flex-direction:column;align-items:center;gap:18px;min-width:0}.showcase-phone{width:294px;max-width:90%;margin:0;padding:7px;background:#263322;border:1px solid #58664e;border-radius:39px;box-shadow:0 30px 55px -28px #2b432b55,0 8px 16px -10px #31452b66}
.showcase-screen-open{display:block;width:100%;padding:0;border:0;border-radius:31px;overflow:hidden;background:#f7f8f3;cursor:zoom-in}.showcase-screen-open img{display:block;width:100%;height:auto}.showcase-caption{margin:0;color:#5f7054;font-size:10px;line-height:1.9;text-align:center;letter-spacing:.02em}.showcase-current{display:block;color:#4e6840;font-size:12px;margin-bottom:6px}.showcase-zoom-hint{display:block;margin-top:6px;color:#6c835a}
.showcase-zoom-dialog{width:min(570px,calc(100% - 30px));max-height:calc(100svh - 44px);padding:0;border:1px solid #dce4d3;border-radius:20px;background:#f7f9f2;color:#23371b;overflow:auto;box-shadow:0 24px 100px #020b0655}.showcase-zoom-dialog::backdrop{background:#07110bbd;backdrop-filter:blur(5px)}.showcase-zoom-header{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 20px;background:#f7f9f2f5;border-bottom:1px solid #e1e8d9}.showcase-zoom-header h3{font-size:13px;font-weight:500;line-height:1.5;margin:0}.showcase-zoom-close{width:32px;height:32px;display:grid;place-items:center;padding:8px;background:transparent;border:0;border-radius:50%;cursor:pointer;color:#647953}.showcase-zoom-close:hover{background:#e7eedf}.showcase-zoom-close svg{width:17px;height:17px}.showcase-zoom-image{width:100%;height:auto;display:block}
@media(max-width:1000px){.showcase-grid{gap:50px}.showcase-phone{width:270px}.feature-showcase{padding:84px 0}.showcase-heading{gap:30px}.showcase-heading h2{font-size:42px}}
@media(max-width:680px){.feature-showcase{padding:62px 0 64px}.showcase-heading{display:block;margin-bottom:30px}.showcase-heading h2{font-size:34px}.showcase-heading .section-label{margin-bottom:17px}.showcase-intro{margin:20px 0 0;font-size:12px;line-height:2;max-width:310px}.showcase-grid{grid-template-columns:1fr;gap:34px}.showcase-tabs{display:grid;grid-template-columns:1fr 1fr;gap:0 18px;max-width:none}.showcase-tab{grid-template-columns:1fr 14px;gap:8px;padding:17px 0;align-items:start;min-width:0}.showcase-tab:first-child{border-top:0}.showcase-tab-number{display:none}.showcase-tab strong{font-size:16px;margin-bottom:5px}.showcase-tab-description{font-size:10px;line-height:1.8}.showcase-tab-arrow{font-size:15px;margin-top:2px}.showcase-phone{width:268px;max-width:90%;border-radius:35px;padding:6px}.showcase-screen-open{border-radius:28px}.showcase-caption{font-size:9px;line-height:1.9}.showcase-current{font-size:11px;margin-bottom:5px}.showcase-zoom-dialog{max-height:calc(100svh - 28px);width:calc(100% - 24px);border-radius:17px}.showcase-zoom-header{padding:11px 15px}.showcase-zoom-header h3{font-size:12px}}
@media(prefers-reduced-motion:reduce){.showcase-tab,.showcase-tab-arrow{transition:none}}

@media(max-width:680px){.showcase-heading h2 span{display:block}}