/* Trimio product page. Shared navigation, forms and other pages keep their styles. */
.trim-page{--trim-green:#663917;--trim-soft:#f5e7da;--trim-line:#d9bca6}
.trim-page .eyebrow{font-size:12px;line-height:1.5}
.trim-page .breadcrumbs{margin-bottom:42px}
.trim-hero{padding-block:28px 76px}
.trim-hero-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:54px}
.trim-hero h1{font-size:clamp(48px,5.8vw,86px);line-height:1.02;letter-spacing:-.065em;margin:24px 0;max-width:650px}
.trim-hero h1 em{display:block;color:var(--trim-green)}
.trim-hero .detail-intro{font-size:18px;max-width:530px;margin:0;line-height:1.7}
.trim-actions{display:flex;align-items:center;flex-wrap:wrap;gap:18px 26px;margin-top:30px}
.trim-actions .underlink{margin:0}
.trim-hero figure,.trim-screen{margin:0;min-width:0}
.trim-hero img{display:block;width:100%;height:auto;border:1px solid var(--trim-line)}
.trim-page figcaption{font-size:13px;line-height:1.5;color:#70533e;margin-top:12px}
.trim-scope{display:flex;flex-wrap:wrap;gap:10px 24px;margin-top:32px;padding-top:22px;border-top:1px solid var(--border);font-size:13px;color:#70533e}
.trim-section{padding-block:72px;border-top:1px solid var(--border)}
.trim-section-head{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:end;margin:28px 0 44px}
.trim-page .trim-section h2{font-size:clamp(34px,4vw,56px);line-height:1.08;letter-spacing:-.045em;max-width:650px}
.trim-section-head>p{max-width:530px;line-height:1.75}
.trim-features{display:grid;grid-template-columns:repeat(3,1fr);gap:36px}
.trim-feature{border-top:1px solid var(--trim-line);padding-top:20px}
.trim-feature-number{font:13px monospace;color:#76583f}
.trim-feature h3{font-size:28px;line-height:1.15;letter-spacing:-.045em;margin:22px 0 16px;overflow-wrap:anywhere}
.trim-feature p{line-height:1.75;max-width:390px}
.trim-showcase{background:var(--trim-soft)}
.trim-showcase .trim-section{border:0}
.trim-screen-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.trim-screen img{display:block;width:100%;height:auto;border:1px solid var(--trim-line)}
.trim-caption-title{display:block;font-size:17px;color:var(--foreground);font-weight:500;margin-bottom:4px}
.trim-process{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start;margin-top:32px}
.trim-process p{margin-top:24px;max-width:580px;line-height:1.75}
.trim-topics{list-style:none;margin:0;padding:0;counter-reset:topics}
.trim-topics li{counter-increment:topics;display:grid;grid-template-columns:35px 1fr;gap:12px;padding:23px 0;border-top:1px solid var(--trim-line)}
.trim-topics li:before{content:'0' counter(topics);font:13px monospace;color:#76583f;padding-top:6px}
.trim-topics h3{font-size:24px;line-height:1.2;letter-spacing:-.035em}
.trim-topics p{margin-top:8px;font-size:16px}
.trim-faq{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px}
.trim-faq h2{margin-top:26px}
.trim-answers article{padding:24px 0;border-top:1px solid var(--border)}
.trim-answers h3{font-size:23px;letter-spacing:-.025em;line-height:1.3;margin-bottom:12px}
.trim-answers p{line-height:1.75}
.trim-page .contact-section h2{font-size:clamp(40px,4.3vw,64px);line-height:1.08}
.trim-page .product-directory{margin-block:54px}
.trim-page .product-directory a[aria-current=page]{border-top:2px solid var(--trim-green)}
@media(max-width:1100px){.trim-hero-grid{gap:32px}.trim-process,.trim-faq{gap:40px}.trim-section-head{gap:32px}.trim-feature h3{font-size:24px}.trim-features{gap:24px}}
@media(max-width:760px){.trim-page .breadcrumbs{margin-bottom:30px}.trim-hero{padding-block:24px 44px}.trim-hero-grid,.trim-section-head,.trim-features,.trim-screen-grid,.trim-process,.trim-faq{grid-template-columns:1fr;gap:30px}.trim-hero h1{font-size:clamp(42px,10.5vw,66px)}.trim-hero .detail-intro{font-size:17px}.trim-scope{margin-top:24px;gap:8px 18px}.trim-section{padding-block:46px}.trim-section-head{margin:22px 0 30px;gap:20px}.trim-page .trim-section h2{font-size:36px}.trim-feature h3{font-size:27px;margin:14px 0 12px}.trim-feature p{max-width:none}.trim-process{margin-top:24px}.trim-faq h2{margin-top:20px}.trim-page .contact-section h2{font-size:42px}.trim-page .header-cta{font-size:12px}.trim-page .product-directory{margin-block:36px}}
@media(max-width:380px){.trim-page .header{gap:12px}.trim-page .logo{font-size:26px}.trim-page .header-cta{padding:9px;gap:6px}.trim-page .header-cta svg{display:none}.trim-actions{align-items:flex-start;flex-direction:column}}