.product-section{padding-top:112px;padding-bottom:113px;scroll-margin-top:85px}
.product-bridge{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:28px 0 25px;padding:14px 18px;border:1px solid #d8e4ea;border-radius:11px;background:#eff4f6;color:#4c6b7d;font-size:11px;font-weight:720}
.product-bridge i{font-size:15px;color:#a2b6c1;font-style:normal;font-weight:400}
.product-grid .feature-preview{background:#f8fafb}
.product-optional{color:#5f7487;background:#edf2f5;border-color:#dce6eb}
.product-overview{padding:17px 13px 10px;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.product-overview>div{min-width:0;background:#fff;border:1px solid #e0e8ec;border-radius:6px;padding:10px}
.product-overview small{display:block;color:#8da0aa;font-size:8px}
.product-overview b{display:block;color:#385366;font-size:20px;letter-spacing:-.055em;margin:4px 0 8px}
.product-overview b em{font-size:10px;font-style:normal;color:#a1b0b8}
.product-meter{display:block;height:4px;border-radius:4px;background:#e9eff2;overflow:hidden}
.product-meter i{display:block;height:100%;border-radius:4px;background:#7fa393}
.product-overview p{grid-column:1/-1;border-top:1px solid #e2e9ed;padding:7px 2px 0;color:#6e8692;font-size:8px!important;white-space:nowrap}
.product-overview p span{padding:0 5px;color:#b5c3c9}
.product-vision{padding:16px 17px}
.product-vision>small,.product-north>small{display:block;font-size:7px;letter-spacing:.14em;font-weight:800;color:#8da1ad}
.product-vision strong{display:block;max-width:255px;font-size:15px;line-height:1.2;letter-spacing:-.035em;margin-top:10px;color:#354f60}
.product-vision p{font-size:8px!important;line-height:1.45!important;margin:7px 0!important;max-width:270px}
.product-vision>span{display:block;color:#65869a;font:8px ui-monospace,SFMono-Regular,Consolas,monospace;margin-top:8px}
.product-vision i{font-style:normal}
.product-roadmap{padding:15px 17px 14px;position:relative}
.product-roadmap:before{content:"";position:absolute;left:22px;top:24px;height:95px;width:1px;background:#cddde5}
.product-roadmap>div{position:relative;display:grid;grid-template-columns:11px 1fr auto;align-items:center;gap:7px;height:42px;border-bottom:1px solid #e8eef1}
.product-roadmap>div:last-child{border-bottom:0}
.roadmap-dot{height:9px;width:9px;border:2px solid #a8bcc8;background:#fff;border-radius:50%;z-index:1}
.roadmap-dot.done{background:#80a691;border-color:#80a691}.roadmap-dot.active{background:#7196ae;border-color:#7196ae}
.product-roadmap b{font-size:9px;color:#435e70;font-weight:700}
.product-roadmap small{font-size:7px;color:#8da2ae}
.product-north{padding:15px 17px}
.product-north>div{display:flex;align-items:baseline;gap:12px;margin:9px 0 4px}
.product-north b{font-size:28px;letter-spacing:-.06em;color:#3d5d70}
.product-north span{font-size:8px;color:#91a4af}
.product-north svg{display:block;width:100%;height:50px;fill:none;stroke:#769bb2;stroke-width:2.5}
.product-north em{display:block;color:#a0b1ba;font-size:7px;font-style:normal;margin-top:5px}
.product-backlog{padding:12px 13px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;height:145px}
.product-backlog>div{min-width:0;border:1px solid #e1e9ee;border-radius:5px;background:#fff;padding:8px 6px}
.product-backlog span{display:block;font-size:6px;font-weight:800;letter-spacing:.09em;color:#93a7b2;white-space:nowrap}
.product-backlog b{display:block;margin:12px 0 5px;color:#6f93a8;font-size:8px}
.product-backlog p{font-size:8px!important;line-height:1.3!important;color:#425d6f!important}
.product-docs{display:grid;grid-template-columns:42% 1fr;height:145px}
.product-docs>div:first-child{display:flex;flex-direction:column;gap:9px;background:#f0f5f7;border-right:1px solid #e0e9ee;padding:13px 9px}
.product-docs b{font-size:9px;color:#5a788a}
.product-docs span{font-size:8px;color:#839aa7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.product-docs>div:last-child{padding:14px 11px}
.product-docs small{display:block;font-size:7px;letter-spacing:.1em;color:#a1b2bb}
.product-docs strong{display:block;color:#3e5b6e;font-size:12px;margin-top:12px}
.product-docs p{font-size:8px!important;line-height:1.45!important;margin-top:7px!important}
.product-footnote{margin:20px 0 0;color:#8598a4;font-size:11px;line-height:1.6}
.product-footnote code{font-size:10px;color:#52758b}
.product-section+.features-section{border-top:1px solid #dce3e7}
@media(max-width:700px){.product-section{padding-top:78px;padding-bottom:83px}.product-bridge{gap:8px;font-size:9px;margin-top:24px}.product-bridge i{font-size:12px}.product-backlog>div{padding:8px}.product-footnote{font-size:10px}}