/* Shared product presentation. Only loaded by customer product pages and the public website. */
.product-page,body.marketing{--product-bg:#faf9f5;--product-card:#fff;--product-ink:#17332b;--product-muted:#5c6b63;--product-line:#dce4dc;--product-accent:#096c4e;--product-soft:#edf4eb;--product-accent-ink:#fff;color:var(--product-ink)}
body.marketing{background:var(--product-bg)}
.marketing .wrap{max-width:1168px;padding-inline:24px}
.marketing main{padding:0 0 72px}.marketing main>.wrap{max-width:1168px}
.marketing header{background:var(--product-bg);border-color:var(--product-line)}
.marketing header .wrap{min-height:88px;gap:16px;padding-block:18px}
.marketing .brand{font-size:1.3rem;color:var(--product-ink)}
.marketing .brand span{color:var(--product-accent)}
.marketing nav{align-items:center;gap:12px 26px}
.marketing nav a{color:var(--product-muted);font-size:.9rem}
.marketing nav a[aria-current=page],.marketing nav a:hover{color:var(--product-ink)}
.marketing .nav-app{padding:9px 14px;border:1px solid var(--product-line);border-radius:8px;color:var(--product-ink)}
.marketing footer{border-color:var(--product-line);background:var(--product-soft)}
.marketing footer .wrap{gap:20px;padding-block:32px}
.marketing footer nav{gap:12px 18px}
.marketing a:focus-visible,.product-page a:focus-visible,.product-page button:focus-visible,.marketing button:focus-visible,.product-page summary:focus-visible,.marketing summary:focus-visible{outline:3px solid var(--product-accent);outline-offset:4px}
.marketing .skip-link{position:absolute;top:-100px;left:24px;padding:12px;background:var(--product-card);z-index:10}
.marketing .skip-link:focus{top:12px}
.marketing [hidden],.product-page [hidden]{display:none!important}
.product-page p,.marketing p{overflow-wrap:anywhere}
.product-page h1,.marketing h1{font-family:Georgia,Cambria,"Times New Roman",serif;font-weight:400;letter-spacing:-.045em;color:var(--product-ink);line-height:1.07}
.product-page h2,.marketing h2{font-family:Georgia,Cambria,"Times New Roman",serif;font-size:clamp(1.8rem,3vw,2.55rem);font-weight:400;line-height:1.15;letter-spacing:-.025em;margin:0 0 14px;color:var(--product-ink)}
.product-page h3,.marketing h3{color:var(--product-ink)}
.product-page a,.marketing a{color:var(--product-accent)}
.product-kicker{font:600 .75rem/1.5 system-ui,sans-serif;letter-spacing:.1em;text-transform:uppercase;display:flex;align-items:center;gap:10px;color:var(--product-muted);margin:0 0 20px}
.mint-line{width:28px;height:2px;background:var(--product-accent);display:inline-block}
.accent-text{color:var(--product-accent);font-style:italic}
.product-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:center;padding:76px 0 64px}
.product-hero>*{min-width:0}.product-hero h1{font-size:clamp(2.75rem,5.3vw,4.5rem);margin:0 0 24px;max-width:580px}
.product-lead{font-size:1.15rem;line-height:1.65;color:var(--product-muted);max-width:520px;margin:0 0 26px}
.product-actions{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin:24px 0}
.product-page .product-button,.marketing .product-button{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:46px;padding:12px 18px;border:1px solid var(--product-accent);background:var(--product-accent);color:var(--product-accent-ink);border-radius:8px;font:600 .9rem/1.35 system-ui,sans-serif;text-decoration:none;transition:transform 180ms,box-shadow 180ms;max-width:100%}
.product-page .product-button:hover,.marketing .product-button:hover{transform:translateY(-2px);box-shadow:0 5px 14px color-mix(in srgb,var(--product-ink) 10.2%,transparent)}
.product-link{font-size:.9rem;font-weight:600;text-underline-offset:5px;display:inline-flex;gap:8px;align-items:center}
.hero-footnote{font-size:.8rem;color:var(--product-muted);max-width:420px}
.hero-specimen{position:relative;padding:12px 0 12px 12px;scroll-margin-top:32px}
.hero-specimen:before{content:"";position:absolute;inset:-12px -18px 22px 24px;background:var(--product-soft);border:1px solid var(--product-line);border-radius:22px;transform:rotate(3deg);z-index:0}
.output-specimen{position:relative;background:var(--product-card);border:1px solid var(--product-line);border-radius:16px;box-shadow:0 15px 40px color-mix(in srgb,var(--product-ink) 3.9%,transparent);padding:24px;overflow:hidden}
.specimen-top,.specimen-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.specimen-label,.specimen-file,.workflow-number,.service-number{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.75rem;color:var(--product-muted)}
.preview-tag{display:inline-block;font:600 .7rem/1.4 system-ui,sans-serif;padding:5px 9px;border-radius:5px;border:1px solid var(--product-line);background:var(--product-soft);color:var(--product-accent);white-space:normal}
.audio-strip{display:flex;gap:12px;align-items:center;padding:22px 0;border-bottom:1px solid var(--product-line)}
.audio-dot{width:26px;height:26px;border-radius:50%;border:7px solid var(--product-soft);background:var(--product-accent);flex-shrink:0}
.audio-wave{height:32px;display:flex;align-items:center;gap:3px;flex:1;min-width:0;overflow:hidden}
.wave-bar{display:block;width:3px;min-width:3px;height:24px;border-radius:2px;background:var(--product-accent)}
.wave-0{height:9px;animation-delay:-.2s}.wave-1{height:21px;animation-delay:-.7s}.wave-2{height:30px;animation-delay:-1.2s}.wave-3{height:15px;animation-delay:-1.7s}.wave-4{height:26px;animation-delay:-2.2s}.wave-5{height:12px;animation-delay:-2.5s}
.audio-label{font:400 .7rem ui-monospace,monospace;color:var(--product-muted);white-space:nowrap}
@keyframes wave-breathe{0%,100%{transform:scaleY(.6);opacity:.6}50%{transform:scaleY(1);opacity:1}}
.example-tabs{display:flex;gap:6px;margin:20px 0 18px}
.example-tabs button,.specimen-actions .motion-toggle{font:500 .8rem/1.4 system-ui,sans-serif;background:transparent;color:var(--product-muted);padding:7px 12px;border:1px solid var(--product-line);border-radius:6px;cursor:pointer;min-height:36px}
.example-tabs button[aria-pressed=true]{background:var(--product-soft);color:var(--product-accent);border-color:var(--product-accent)}
.example-tabs button:disabled{opacity:.5;cursor:not-allowed}
.specimen-file{margin:0 0 12px}.specimen-copy{font-size:.98rem;line-height:1.8;margin:0 0 12px}
.output-specimen .muted{color:var(--product-muted)}
.output-specimen pre{white-space:pre-wrap;font:400 .78rem/1.65 ui-monospace,monospace;background:var(--product-soft);border:0;padding:14px;border-radius:8px;max-height:240px;overflow:auto;margin:0 0 16px;color:var(--product-ink)}
.example-disclosure{font-size:.73rem;line-height:1.65;color:var(--product-muted);margin:20px 0 12px;border-top:1px solid var(--product-line);padding-top:14px}
.specimen-actions a{font-size:.75rem;text-underline-offset:3px}
.specimen-actions .motion-toggle{border:0;padding:4px 0;min-height:30px}
.preview-notice{display:flex;gap:16px;align-items:flex-start;background:var(--product-soft);border:1px solid var(--product-line);border-radius:10px;padding:18px 20px;margin:0 0 24px}
.preview-notice .preview-tag{flex-shrink:0;background:var(--product-card)}
.preview-notice p{font-size:.85rem;line-height:1.7;color:var(--product-muted);margin:0;max-width:850px}
.product-section{padding:56px 0;border-bottom:1px solid var(--product-line);scroll-margin-top:24px}
.section-heading{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;margin:0 0 28px}
.section-heading .product-kicker{margin-bottom:12px}.section-heading h2{max-width:700px}
.section-heading>p{font-size:.85rem;line-height:1.7;color:var(--product-muted);margin:0 0 14px}
.product-services{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.product-service{background:var(--product-card);border:1px solid var(--product-line);border-radius:12px;padding:30px;display:flex;flex-direction:column;transition:border-color 180ms,transform 180ms;min-width:0}
.product-service:hover{border-color:var(--product-accent);transform:translateY(-3px)}
.service-topline{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:30px}
.product-service h3{font:400 clamp(1.7rem,2.7vw,2.2rem)/1.2 Georgia,serif;letter-spacing:-.025em;margin:0 0 18px}
.product-service>p{font-size:.95rem;color:var(--product-muted);max-width:430px;line-height:1.75;margin:0 0 22px}
.product-service dl{margin:0 0 24px;display:grid;grid-template-columns:86px minmax(0,1fr);gap:12px;border-block:1px solid var(--product-line);padding:22px 0;font-size:.85rem;line-height:1.65}
.product-service dt{font-weight:600}.product-service dd{margin:0;color:var(--product-muted)}
.product-service .service-detail{font-size:.8rem;margin-bottom:26px}
.product-service .product-link{margin-top:auto;align-self:flex-start}
.product-workflow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;list-style:none;padding:0;margin:32px 0 0}
.product-workflow li{min-width:0;border-top:1px solid var(--product-line);padding-top:20px}
.product-workflow h3{font-size:1rem;font-weight:600;margin:12px 0 10px}
.product-workflow p{color:var(--product-muted);font-size:.85rem;line-height:1.75;margin:0}
.product-faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;border:0}
.product-faq details,.product-details details{border-bottom:1px solid var(--product-line);padding:0 0 16px;margin-bottom:16px}
.product-faq summary,.product-details summary{font-size:.98rem;font-weight:600;cursor:pointer;padding:6px 0}
.product-faq details p,.product-details details p{font-size:.9rem;color:var(--product-muted);line-height:1.8}
.product-intro{max-width:780px;padding:64px 0 28px}.product-intro h1{font-size:clamp(2.7rem,5vw,4rem);margin:0 0 22px}
.product-intro .product-lead{max-width:720px}.product-intro .product-kicker{margin-bottom:16px}
.product-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:start;padding:32px 0 56px}
.product-detail-grid>*{min-width:0}.product-details h2{font-size:1.65rem;margin:30px 0 16px}.product-details h2:first-child{margin-top:0}
.product-details p,.product-details li{font-size:.95rem;line-height:1.85;color:var(--product-muted)}
.product-details ul{padding-left:20px}.product-details li{margin:8px 0}
.product-details code{font-size:.82em;color:var(--product-ink);background:var(--product-soft);padding:2px 5px;border-radius:4px;overflow-wrap:anywhere}
.product-details pre{font:400 .82rem/1.8 ui-monospace,monospace;background:var(--product-card);padding:24px;border:1px solid var(--product-line);border-radius:12px;white-space:pre-wrap;overflow-wrap:anywhere;overflow:auto;max-height:none;color:var(--product-ink)}
.product-aside{background:var(--product-soft);padding:28px;border:1px solid var(--product-line);border-radius:12px}
.product-aside h3{font-size:1.1rem;margin:0 0 12px}.product-aside p{font-size:.9rem;color:var(--product-muted);line-height:1.8}
.product-status-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:16px 0 40px}
.product-status-card{padding:24px;border:1px solid var(--product-line);border-radius:12px;background:var(--product-card);min-width:0}
.product-status-card h2{font-family:system-ui,sans-serif;font-size:1.05rem;font-weight:600;letter-spacing:0;margin:18px 0 12px}
.product-status-card p{font-size:.85rem;line-height:1.8;color:var(--product-muted)}
.product-price{font:400 2rem/1.3 Georgia,serif;margin:12px 0}.product-price small{font:400 .8rem system-ui,sans-serif;color:var(--product-muted)}
.product-page .configured-rates{grid-template-columns:repeat(2,minmax(0,1fr))}
.product-contact{padding:30px 0;border-top:1px solid var(--product-line);display:flex;justify-content:space-between;gap:24px;align-items:center}
.product-contact p{font-size:.9rem;color:var(--product-muted);max-width:620px;line-height:1.8}
.product-page .service-card{border-radius:12px;padding:24px}
.product-page .service-card h3{font-size:1.15rem;line-height:1.45}.product-page .service-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr))}
.product-page .job-setup h2{font-family:system-ui,sans-serif;font-size:1.25rem;font-weight:600;letter-spacing:0}
.product-page.flow-page h1{font-size:clamp(2rem,4vw,3rem);margin:12px 0 18px}
.product-page.flow-page>h2{font-family:system-ui,sans-serif;font-size:1.2rem;letter-spacing:0;font-weight:600;margin:30px 0 14px}
[data-motion] .wave-bar{animation-name:wave-breathe;animation-duration:2.7s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}
[data-motion=paused] .wave-bar{animation-play-state:paused}
.policy-page{max-width:850px;padding:56px 0 24px}.policy-page h1{font-size:clamp(2rem,4vw,3rem);margin:0 0 20px}.policy-page h2{font-family:system-ui,sans-serif;font-size:1.15rem;font-weight:600;letter-spacing:0;margin:28px 0 12px}.policy-page p,.policy-page li{color:var(--product-muted)}
.reveal-ready{transition:opacity 450ms,transform 450ms}.reveal-ready.is-entering{opacity:.35;transform:translateY(12px)}
@media(prefers-color-scheme:dark){.product-page,body.marketing{--product-bg:#131b17;--product-card:#1b2520;--product-ink:#e5ede6;--product-muted:#b0bdb2;--product-line:#354238;--product-accent:#8dd7ae;--product-soft:#202f25;--product-accent-ink:#0b2719}.output-specimen{box-shadow:0 15px 40px #0002}}
@media(max-width:900px){.product-hero{gap:28px;padding-top:54px}.product-hero h1{font-size:3.3rem}.product-workflow{grid-template-columns:repeat(2,minmax(0,1fr))}.product-faq{gap:30px}.section-heading{display:block}.section-heading>p br{display:none}.product-status-grid{grid-template-columns:1fr}}
@media(max-width:680px){.marketing .wrap{padding-inline:20px}.marketing header .wrap{padding-block:20px}.marketing header nav{gap:10px 18px;width:100%;justify-content:space-between}.marketing header nav a{font-size:.82rem}.product-hero{grid-template-columns:1fr;gap:30px;padding:42px 0 38px}.product-hero h1{font-size:clamp(2.7rem,9vw,3.7rem)}.product-lead{font-size:1rem}.product-actions{gap:18px}.hero-specimen{padding:0 8px 0 0}.hero-specimen:before{inset:-8px -2px 16px 18px}.output-specimen{padding:20px}.audio-label{font-size:.63rem}.specimen-top{gap:8px}.preview-notice{display:block;padding:18px}.preview-notice p{margin-top:12px}.product-section{padding:38px 0}.product-services,.product-detail-grid,.product-faq,.product-page .configured-rates{grid-template-columns:1fr;gap:20px}.product-service{padding:24px}.product-service h3{font-size:2rem}.product-faq>div:first-child{margin-bottom:12px}.product-workflow{gap:24px 18px}.product-intro{padding:42px 0 20px}.product-intro h1{font-size:2.8rem}.product-detail-grid{padding:22px 0 38px}.product-contact{display:block}.product-page .service-card{padding:20px}.product-status-card{padding:22px}}
@media(max-width:360px){.product-workflow{grid-template-columns:1fr}.specimen-label{font-size:.7rem}.marketing header nav{gap:12px}.product-service dl{grid-template-columns:66px minmax(0,1fr)}}
@media(max-width:680px){.hero-specimen:before{right:4px;transform:none}}
@media(prefers-reduced-motion:reduce){.wave-bar{animation:none!important}.reveal-ready,.product-service,.product-button{transition:none!important;transform:none!important}.reveal-ready.is-entering{opacity:1!important}}
/* Code samples inside a <pre>: no inline-code chip per line. */
.product-details pre code{background:none;padding:0;font-size:inherit}