/* Shared product details for the homepage and the mobile sharing page. */
.capture-note { color:#65747b; font-size:12px; line-height:1.8; margin-top:18px; }
.product-shot a,.tool-gallery a,.hero-shot a { display:block; }
.product-shot img,.hero-shot img { height:auto; object-fit:contain; }
.tool-gallery { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; margin-top:48px; }
.tool-gallery figure { min-width:0; }
.tool-gallery a { background:#f4f7f7; border:1px solid #dce3e6; border-radius:8px; overflow:hidden; }
.tool-gallery img { aspect-ratio:8/5; width:100%; height:auto; }
.tool-gallery figcaption { font-size:15px; font-weight:600; margin-top:14px; }
.tool-gallery p { color:#65747b; font-size:13px; line-height:1.8; margin-top:6px; }
.membership-section { background:#f2f6f5; padding:80px 0; }
.membership-intro { max-width:640px; }
.membership-intro h2 { color:#172328; font-size:32px; line-height:1.3; margin:12px 0; }
.membership-intro p { color:#65747b; font-size:15px; line-height:1.8; }
.plan-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; margin-top:32px; }
.plan { background:#fff; border:1px solid #dce3e6; border-radius:10px; padding:28px; }
.plan-featured { border-color:#24766c; }
.plan h3 { font-size:15px; font-weight:600; }
.plan-price { color:#172328; font-size:38px; font-weight:650; line-height:1.3; margin:18px 0 12px; }
.plan-price small { color:#65747b; font-size:14px; font-weight:400; }
.plan p { color:#65747b; font-size:13px; line-height:1.9; }
.plan-saving { display:inline-block; background:#e7f1ef; color:#1d625a; border-radius:4px; font-size:12px; margin-top:14px; padding:4px 9px; }
.product-faq { border-top:1px solid #dce3e6; margin-top:32px; }
.product-faq details { border-bottom:1px solid #dce3e6; padding:18px 0; }
.product-faq summary { cursor:pointer; color:#172328; font-size:14px; font-weight:600; }
.product-faq p { color:#65747b; font-size:13px; line-height:1.9; max-width:800px; margin-top:10px; }
.hero .share-status { color:#a8d7ce; }
.hero .button-outline { background:transparent; }
a:focus-visible,button:focus-visible,summary:focus-visible { outline:2px solid #b8731f; outline-offset:4px; }
@media(max-width:820px) { .tool-gallery,.plan-grid { grid-template-columns:1fr; } .tool-gallery { gap:28px; } .membership-section { padding:60px 0; } .membership-intro h2 { font-size:28px; } }