/* Product styles are isolated from the existing home page. */
.product-page{background:#f5f5f0}
.product-page .page{max-width:1440px;padding-top:28px}
.product-brand{display:block;width:150px}.product-brand .brand{display:block;animation:none}
.product-main{display:block;padding:0;flex:1}
.product-intro{display:grid;grid-template-columns:1.6fr 1fr;gap:8%;padding:76px 0 56px}
.product-page .eyebrow{font-size:12px;line-height:1.5;margin:0 0 18px}
.product-page h1{font-size:clamp(36px,4.4vw,64px);line-height:1.08;max-width:750px}
.product-page h1 span{display:inline;white-space:normal}
.intro-copy{font-size:17px;line-height:1.7;color:#66695f;max-width:610px;margin:24px 0 28px}
.cta{display:inline-flex;gap:28px;align-items:center;padding:16px 22px;background:#586b43;color:white;text-decoration:none;font-size:14px;font-weight:600;border-radius:3px;transition:background .2s}
.cta:hover{background:#435233}.cta:focus-visible,.product-page a:focus-visible,.product-page summary:focus-visible{outline:2px solid #708735;outline-offset:5px}
.cta-note{font-size:11px;color:#787c70;margin-top:12px}
.product-summary{border-left:1px solid #daddd1;padding-left:36px}
.product-summary .accent{font-size:48px}.summary-heading{font-size:23px;line-height:1.25;letter-spacing:-.04em;font-weight:800;margin:14px 0 24px}
.product-summary dl{margin:0}.product-summary dl>div+div{margin-top:20px}.product-summary dt{font-size:25px;font-weight:900;letter-spacing:-.04em}.product-summary dd{margin:5px 0 0;color:#66695f;font-size:13px;line-height:1.6}
.product-section{border-top:1px solid #daddd1;padding:38px 0}
.product-page h2{font-size:clamp(25px,2.7vw,38px);font-weight:900;line-height:1.17;letter-spacing:-.05em;margin:0 0 24px}.product-page h2 span{color:#858a7b}
.steps{padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:36px;margin:0}.steps li>span{font-size:12px;color:#7d904b;font-weight:700}
.product-page h3{font-size:17px;letter-spacing:-.035em;line-height:1.35;margin:10px 0 8px}.steps p,.features p,.pricing p,.faq p,.demo p{color:#66695f;font-size:14px;line-height:1.65;margin:0}
.features{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.features h3{margin-top:0}.feature-note{font-size:12px;color:#787c70;line-height:1.7;margin:24px 0 0}
.pricing{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center}.pricing h2{margin-bottom:14px}.pricing .price{color:#111310;font-size:72px;font-weight:900;line-height:1;letter-spacing:-.06em}.price span{font-size:36px}.pricing .price-caption{color:#111310;margin:10px 0 12px}.pricing .annual{color:#586b43;font-weight:700}.pricing .price-example{font-size:12px;margin-top:16px}
.faq{display:grid;grid-template-columns:1fr 2fr;gap:40px}.faq details{border-bottom:1px solid #e8eadf;padding:16px 0}.faq details:first-child{padding-top:0}.faq summary{font-size:15px;font-weight:600;line-height:1.5;cursor:pointer}.faq details p{margin:12px 0 0;max-width:720px}.faq .custom-note{font-size:12px;margin-top:20px}
.demo{display:flex;gap:28px;padding:40px 0 50px}.demo .accent{font-size:48px}.demo h2{margin-bottom:16px}.demo-actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin-top:24px}.text-link{font-size:13px;color:#586b43;text-underline-offset:5px}.demo-phone{display:inline-block;margin-top:18px;font-size:13px;color:#66695f;text-decoration:none}.product-page footer a{color:inherit;text-decoration:none}
@media(max-width:900px){.product-intro{gap:5%;padding-top:50px}.product-summary{padding-left:24px}.features{grid-template-columns:repeat(2,1fr);gap:24px}.faq{grid-template-columns:1fr;gap:0}}
@media(max-width:650px){.product-page .page{padding:22px 24px}.product-brand{width:92px}.product-intro{grid-template-columns:1fr;padding:42px 0 32px;gap:30px}.product-page h1{font-size:clamp(34px,8.4vw,48px)}.intro-copy{font-size:15px}.product-summary{padding:24px 0 0;border-left:0;border-top:1px solid #daddd1}.product-summary .accent,.summary-heading{display:none}.product-summary dl{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.product-summary dl>div+div{margin:0}.product-summary dt{font-size:20px}.product-summary dd{font-size:11px}.product-summary dd br{display:none}.product-section{padding:30px 0}.steps{grid-template-columns:1fr;gap:20px}.steps h3{margin-top:6px}.features{gap:22px 18px}.product-page h3{font-size:16px}.features p{font-size:13px}.pricing{grid-template-columns:1fr;gap:24px}.pricing .price{font-size:60px}.demo{gap:14px}.demo .accent{font-size:30px}.demo h2{font-size:26px}.demo br,.pricing br{display:none}.demo-actions{gap:18px}.demo .cta{font-size:12px;padding:15px 16px}.product-page footer{font-size:10px}}
@media(max-width:360px){.product-page .page{padding-inline:16px}.product-brand{width:80px}.features{grid-template-columns:1fr}.product-summary dt{font-size:17px}}
.demo>.accent{align-self:flex-start;flex-shrink:0}

/* Annual payment discount stands apart from the green brand accents. */
.pricing .annual{display:inline-flex;align-items:center;gap:14px;background:#fff0e6;color:#a23c13;border:1px solid #f1c4a8;border-radius:4px;padding:10px 16px;line-height:1.25}
.annual strong{font-size:30px;font-weight:900;letter-spacing:-.05em}.annual span{font-size:13px;font-weight:600}
.demo .presentation-note{font-size:11px;color:#787c70;margin-top:12px}

/* Additional product detail keeps the same typography and white canvas. */
.detail-section{display:grid;grid-template-columns:1fr 1.2fr;gap:64px}
.section-copy,.detail-points p,.launch-notes p{font-size:14px;line-height:1.7;color:#66695f;margin:0}
.detail-section h2{margin-bottom:18px}.detail-points{display:grid;gap:22px}.detail-points h3{margin:0 0 8px}
.rule-list{margin:0}.rule-list>div{display:flex;justify-content:space-between;align-items:baseline;gap:24px;padding:15px 0;border-bottom:1px solid #e8eadf}.rule-list>div:first-child{padding-top:0}.rule-list dt{font-size:14px;line-height:1.5;color:#66695f;max-width:280px}.rule-list dd{margin:0;font-size:15px;font-weight:700;line-height:1.5;text-align:right;color:#586b43}
.detail-note{font-size:12px;line-height:1.7;color:#787c70;margin:18px 0 0}.launch-notes{margin-top:24px;display:grid;grid-template-columns:1fr 1fr;gap:36px}.launch-notes p{font-size:12px}
@media(max-width:900px){.detail-section{gap:32px}}
@media(max-width:650px){.detail-section{grid-template-columns:1fr;gap:24px}.detail-points{gap:20px}.rule-list>div{gap:16px}.rule-list dt{font-size:13px}.rule-list dd{font-size:14px}.launch-notes{grid-template-columns:1fr;gap:14px}}

/* Original product screenshots, with a compact accessible gallery. */
.screen-heading{display:flex;align-items:center;justify-content:space-between;gap:32px}.screen-heading h2{margin-bottom:20px}.screen-heading .section-copy{max-width:350px}
.screen-choices{display:flex;flex-wrap:wrap;gap:8px 24px;margin:6px 0 24px}.screen-choice{font-size:13px;font-weight:600;color:#787c70;text-decoration:none;padding:10px 0;border-bottom:2px solid transparent}.screen-choice:hover{color:#111310}.screen-choice[aria-current="true"]{color:#586b43;border-bottom-color:#586b43}
.screen-preview{margin:0}.screen-preview>a{display:block;border:1px solid #daddd1;border-radius:5px;overflow:hidden;background:#fff}.screen-preview img{display:block;width:100%;height:520px;object-fit:contain;background:#fff}.screen-preview figcaption{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-top:18px}.screen-preview h3{margin:0 0 6px}.screen-preview p{margin:0;max-width:780px;font-size:13px;line-height:1.65;color:#66695f}.screen-preview .text-link{white-space:nowrap;padding-top:4px}
@media(max-width:650px){.screen-heading{display:block}.screen-heading .section-copy{margin-bottom:20px}.screen-choices{gap:4px 18px;margin-bottom:18px}.screen-choice{font-size:12px;min-height:44px}.screen-preview img{height:280px}.screen-preview figcaption{flex-direction:column;gap:12px}}

/* Contact actions reuse the home page icons and brand colours. */
.presentation-actions,.demo-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.presentation-actions .messengers,.demo-actions .messengers{gap:10px}
.presentation-actions .messenger,.demo-actions .messenger{width:44px;height:44px;padding:10px}
.presentation-actions .messenger svg,.demo-actions .messenger svg,.presentation-actions .max-icon,.demo-actions .max-icon{width:24px;height:24px}
.presentation-viewer .section-copy{margin-bottom:24px}
.presentation-viewer iframe{display:block;width:100%;height:720px;border:1px solid #daddd1;border-radius:4px;background:#fff}
.pricing .price-example{line-height:1.8}
@media(max-width:650px){.presentation-actions,.demo-actions{gap:16px}.presentation-viewer iframe{height:480px}.presentation-actions .cta{font-size:13px;gap:18px}}
.presentation-slide{display:block;border:1px solid #daddd1;border-radius:4px;overflow:hidden;background:#fff}
.presentation-slide img{display:block;width:100%;height:auto}
.slide-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:18px;font-size:13px;color:#66695f}
.slide-controls[hidden]{display:none}
.slide-controls button{font:600 13px Inter,Arial,sans-serif;padding:12px 18px;border:1px solid #daddd1;border-radius:3px;background:transparent;color:#586b43;cursor:pointer}
.slide-controls button:hover{background:#e8eadf}
.slide-controls button:disabled{opacity:.4;cursor:default}
.slide-controls button:focus-visible{outline:2px solid #708735;outline-offset:4px}
/* Align the product landing page with the main TetBiz website. */
.product-page .page{max-width:1920px;padding-top:clamp(12px,3svh,32px)}
.product-page .header-tagline{font-size:16px;line-height:1.35;letter-spacing:-.035em;margin:0;font-weight:900}
.product-page .header-tagline span{display:block;white-space:nowrap;color:#858a7b}
.product-main{padding:0 0 56px}
.product-intro{grid-template-columns:1.45fr 1fr;gap:48px;padding:40px 0 48px;align-items:center}
.product-page #product-title{font-size:clamp(34px,3.6vw,54px);max-width:820px}
.product-page #product-title span{color:#777}
.intro-copy{color:#626262;font-size:15px}
.product-page .eyebrow{color:#747474;font-size:11px;letter-spacing:.04em}
.cta{background:#383838;border-radius:9px;padding:16px 22px;font-weight:500}.cta:hover{background:#171717}
.cta:focus-visible,.product-page a:focus-visible,.product-page summary:focus-visible,.slide-controls button:focus-visible{outline-color:#444}
.cta-note{color:#737373}
.product-summary{border:1px solid #d8d8d3;border-radius:16px;background:#e8e8e4;padding:32px}
.summary-heading{font-size:26px;margin:0 0 28px}
.product-summary dl>div{border-top:1px solid #cececa;padding-top:18px}.product-summary dd{color:#626262}
.product-section{padding:36px 0;border-color:#d8d8d3}
.product-page .product-main h2{font-size:clamp(26px,2.5vw,36px)}
.product-page h2 span{color:#777}
.steps{gap:20px}.steps li,.features>div,.features>article{padding:24px;border:1px solid #deded9;border-radius:14px;background:#eeeeea}
.steps li>span{color:#777}.steps p,.features p,.pricing p,.faq p,.demo p,.section-copy,.detail-points p,.launch-notes p{color:#626262}
.features{gap:20px}.features h3{font-size:19px}
.rule-list dd,.text-link{color:#333}.rule-list>div{border-color:#d8d8d3}
.screen-choice{color:#666}.screen-choice[aria-current="true"]{color:#222;border-color:#333}
.screen-preview>a,.presentation-slide{border-radius:14px;border-color:#d8d8d3}
.screen-preview figcaption{padding:20px 24px;background:#eeeeea;border-radius:12px;margin-top:12px}
.pricing{background:#e5e5e1;border:1px solid #d8d8d3;border-radius:16px;padding:36px;margin:12px 0 32px}
.pricing .annual{background:#383838;border-color:#383838;color:#fff;border-radius:9px}
.faq details{border-color:#d8d8d3;padding:18px 0}
.demo{background:#eeeeea;border:1px solid #d8d8d3;border-radius:16px;padding:32px;margin:16px 0 32px}
.slide-controls button{border-color:#bbb;color:#333;border-radius:8px}.slide-controls button:hover{background:#deded9}
.product-page .site-footer h2{font-size:clamp(26px,2.5vw,36px);margin:10px 0 0;line-height:1.05}
.product-page .site-footer h3{font-size:11px;letter-spacing:0;margin:0 0 13px;line-height:1.4}
.product-page .site-footer .footer-nav h3{margin-bottom:3px}
.product-page .site-footer .footer-cta{color:#252525}
.product-page .site-footer a:focus-visible{outline-color:#fff}
@media(max-width:1000px){.product-page .header-tagline{font-size:14px}.product-intro{gap:28px}.features{grid-template-columns:repeat(2,1fr)}}
@media(max-width:750px){.product-page .header-tagline{font-size:12px}}
@media(max-width:650px){.product-intro{grid-template-columns:1fr;padding:28px 0;gap:24px}.product-summary{padding:22px}.summary-heading{display:block;font-size:22px}.product-summary dl{grid-template-columns:1fr;gap:16px}.product-summary dl>div{padding-top:14px}.product-summary dt{font-size:24px}.product-summary dd{font-size:13px}.features{grid-template-columns:1fr}.steps li{padding:20px}.pricing,.demo{padding:24px}.product-page .header-tagline{font-size:12px}.screen-preview figcaption{padding:16px}}
@media(max-width:400px){.product-page .header-tagline{font-size:11px}}
.quality-criteria{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.quality-criteria article{padding:22px;background:#eeeeea;border:1px solid #deded9;border-radius:14px}.quality-criteria p{font-size:13px;line-height:1.65;color:#626262}.quality-launch{grid-template-columns:repeat(3,1fr)}
@media(max-width:900px){.quality-criteria{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.quality-criteria,.quality-launch{grid-template-columns:1fr}}

/* Responsive product content, independent of the shared header. */
.product-intro>*,.detail-section>*,.pricing>*,.steps>*,.features>*,.quality-criteria>*{min-width:0}
@media(max-width:900px){.product-intro{grid-template-columns:1fr}.product-summary dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.product-summary dl>div+div{margin-top:0}.steps,.quality-launch{grid-template-columns:1fr}.detail-section{grid-template-columns:1fr}.screen-heading{display:block}.screen-heading .section-copy{max-width:none;margin-bottom:20px}.pricing{gap:24px;padding:28px}.pricing .price{font-size:clamp(42px,6vw,60px)}}
@media(max-width:650px){.product-page .header-tagline{font-size:11px;max-width:none}.product-page .header-tagline span{white-space:normal}.product-summary dl{grid-template-columns:1fr}.pricing,.demo{padding:20px}.pricing .price{font-size:52px}.price span{font-size:28px}.rule-list>div{flex-wrap:wrap;gap:6px}.rule-list dd{text-align:left}.slide-controls{gap:8px}.slide-controls button{padding:12px;min-height:44px}.cta{max-width:100%;gap:12px}.screen-preview img{height:auto;max-height:400px}.screen-preview .text-link{white-space:normal}.product-page #product-title{font-size:clamp(30px,8vw,42px)}}