/* Product pages are capability tours, not numbered client-delivery chapters. */
body[data-layout="plot-iq-detail"] { --product-accent:#86600c; --product-soft:#f8f3e6; --product-line:#ded5bd; }
body[data-layout="seed-iq-detail"] { --product-accent:#17634f; --product-soft:#edf5f0; --product-line:#c8dcd2; }
:is(.product-tour,.product-tools,.product-route) { color:#142b42; padding-block:clamp(56px,6vw,88px); }
:is(.product-tour,.product-tools,.product-route) .wrap { max-width:1440px; }
:is(.product-tour,.product-tools,.product-route) :is(h2,h3) { margin:0; font-family:"Inter",sans-serif; font-weight:400; letter-spacing:-.04em; line-height:1.13; }
:is(.product-tour,.product-tools,.product-route) em { color:var(--product-accent); font-style:normal; }
.product-tour { background:#fff; scroll-margin-top:90px; }
.product-tour__heading { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr); align-items:end; gap:40px; margin-bottom:36px; }
.product-tour__heading h2,.product-route__copy h2 { font-size:clamp(34px,4vw,58px); }
.product-tour__heading>p { max-width:46ch; margin:0 0 4px auto; color:#4c6176; font-size:17px; line-height:1.65; }
.product-workspace { display:grid; grid-template-columns:minmax(0,2.5fr) minmax(250px,1fr); overflow:hidden; border:1px solid var(--product-line); border-radius:14px; box-shadow:0 18px 48px #14394b0b; }
.product-workspace__screen { align-self:center; min-width:0; margin:0; padding:20px; background:var(--product-soft); }
.product-workspace__screen img { display:block; width:100%; height:auto; border:1px solid #142b4220; border-radius:5px; object-fit:contain; }
.product-workspace__screen figcaption,.product-route__image figcaption { color:#52667a; font-size:14px; line-height:1.5; margin-top:14px; }
.product-workspace__guide { display:flex; flex-direction:column; justify-content:center; padding:28px; border-left:1px solid var(--product-line); background:#fff; }
.product-workspace__guide>h3 { font-size:21px; margin-bottom:6px; }
.product-workspace__guide dl { margin:0; }
.product-workspace__guide dl>div { padding-block:20px; border-bottom:1px solid #dae3e8; }
.product-workspace__guide dl>div:last-child { border-bottom:0; padding-bottom:0; }
.product-workspace__guide dt { display:flex; align-items:center; gap:12px; color:#203b52; font-size:16px; font-weight:500; }
.product-workspace__guide dt>span { display:block; flex:0 0 25px; width:25px; height:25px; color:var(--product-accent); }
.product-workspace__guide dd { margin:8px 0 0 37px; color:#52667a; font-size:15px; line-height:1.55; }
.product-tools { background:var(--product-soft); border-block:1px solid var(--product-line); }
.product-tools__grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.product-tool-group { min-width:0; padding:30px; background:#fff; border:1px solid var(--product-line); border-radius:12px; }
.product-tool-group__icon { display:grid; place-items:center; width:48px; height:48px; margin-bottom:26px; color:var(--product-accent); background:var(--product-soft); border-radius:10px; }
.product-tool-group__icon .new-icon { width:28px; height:28px; }
.product-tool-group article+article { margin-top:24px; padding-top:24px; border-top:1px solid #dce4e9; }
.product-tool-group h3 { font-size:23px; }
.product-tool-group p { margin:12px 0 0; color:#4c6176; font-size:16px; line-height:1.6; }
.product-route { background:#fff; }
.product-route__layout { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(0,1fr); align-items:center; gap:clamp(32px,6vw,80px); }
.product-route__image { min-width:0; margin:0; }
.product-route__image img { display:block; width:100%; height:auto; max-height:530px; object-fit:contain; background:var(--product-soft); border-radius:12px; }
.product-route__steps { display:grid; gap:0; list-style:none; margin:30px 0 0; padding:0; }
.product-route__steps li { position:relative; display:flex; align-items:center; gap:20px; padding:14px 0; }
.product-route__steps li:not(:last-child)::after { content:""; position:absolute; top:60px; bottom:-14px; left:23px; width:1px; background:var(--product-line); }
.product-route__steps li>span { position:relative; z-index:1; display:grid; place-items:center; flex:0 0 48px; width:48px; height:48px; border:1px solid var(--product-line); border-radius:50%; background:var(--product-soft); color:var(--product-accent); }
.product-route__steps .new-icon { width:25px; height:25px; }
.product-route__steps h3 { font-size:21px; }
.product-route__steps p { margin:5px 0 0; color:#52667a; font-size:15px; line-height:1.4; }
.product-workspace__guide .new-icon { width:100%; height:100%; }
body[data-layout="seed-iq-detail"] .seed-contact .product-naming-note { margin-top:14px; font-size:14px; }
@media(max-width:1000px) {
 .product-workspace { grid-template-columns:minmax(0,1fr); }
 .product-workspace__guide { border-left:0; border-top:1px solid var(--product-line); padding:26px; }
 .product-workspace__guide dl { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
 .product-workspace__guide dl>div { border:0; padding:20px 0 0; }
 .product-tool-group { padding:24px; }
 .product-tools__grid { gap:12px; }
}
@media(max-width:720px) {
 .product-tour__heading,.product-route__layout { grid-template-columns:minmax(0,1fr); gap:22px; }
 .product-tour__heading>p { margin:0; font-size:16px; }
 .product-workspace__screen { padding:12px; }
 .product-workspace__guide dl { grid-template-columns:minmax(0,1fr); gap:0; }
 .product-workspace__guide dl>div { padding:16px 0; border-bottom:1px solid #dae3e8; }
 .product-tools__grid { grid-template-columns:minmax(0,1fr); gap:16px; }
 .product-tool-group { display:grid; grid-template-columns:48px minmax(0,1fr); gap:0 20px; }
 .product-tool-group__icon { grid-row:1/3; }
 .product-tool-group article { grid-column:2; }
 .product-route__copy { grid-row:1; }
 .product-route__image img { max-height:400px; }
}
@media(max-width:400px) {
 .product-tool-group { display:block; padding:24px; }
}
@media print {
 :is(.product-tour,.product-tools,.product-route) { padding-block:30px; }
 .product-workspace,.product-tool-group,.product-route__layout { break-inside:avoid; box-shadow:none; }
}