/* Reference-matched page width and readable product illustrations. */
@media screen and (min-width:1001px){
 .container{width:min(1376px,calc(100% - 64px))}
 .nav-wrap{max-width:1440px;padding-inline:32px}
 .hero-grid{grid-template-columns:.95fr 1.05fr;gap:clamp(45px,4vw,80px)}
 .hero h1{font-size:clamp(48px,4.1vw,68px);font-weight:800;max-width:740px}
 .hero-description{font-size:18px;line-height:1.85;max-width:660px}
 .hero-audience{font-size:15px;max-width:630px}.trial-note{font-size:12px}.hero-explore{font-size:14px}
 .page-hero{padding:75px 0}
 .page-hero-grid{grid-template-columns:.95fr 1.05fr;gap:clamp(40px,4vw,80px)}
 .page-hero h1{font-size:clamp(46px,3.9vw,64px);font-weight:800;line-height:1.15}
 .page-hero-description{font-size:18px;line-height:1.85;max-width:700px}
 .page-hero-note{font-size:12px;line-height:1.8}
 .page-hero-visual .reference-illustration img{min-height:360px;max-height:560px}
 .reference-illustration img{max-height:540px}.reference-illustration figcaption{font-size:11px}
 .section-heading p:not(.eyebrow){font-size:17px;max-width:840px}.section-heading.centered p:not(.eyebrow){margin-inline:auto}
 .content-card{padding:32px}.content-card h3{font-size:22px}.content-card p{font-size:16px}
 .inner-cta h2{font-size:clamp(36px,3vw,48px)}.inner-cta p{font-size:16px;max-width:680px}
 /* Let each feature use the full page width; navigation sits above the content. */
 .feature-detail-layout{display:block}
 .feature-toc{position:sticky;top:80px;z-index:25;padding:18px 0;background:var(--page);border-bottom:1px solid var(--line)}
 .feature-toc>.eyebrow{display:none}
 .feature-toc nav{display:flex;flex-wrap:wrap;gap:8px}
 .feature-toc a{padding:8px 13px;border:1px solid var(--line);border-radius:7px;font-size:12px;line-height:1.6;font-weight:500}
 .feature-toc a:hover,.feature-toc a.is-current{border-color:#c7ace8;background:var(--purple-light);color:var(--purple)}
 .feature-detail-section{padding:82px 0;scroll-margin-top:205px}
 .feature-detail-section:last-child{padding-bottom:90px}
 .feature-detail-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:center;gap:clamp(42px,5vw,90px)}
 .feature-detail-grid>div{min-width:0}
 .feature-detail-heading .eyebrow{font-size:12px;line-height:1.6;letter-spacing:.09em;margin-bottom:18px}
 .feature-detail-heading h2{font-size:clamp(32px,2.7vw,44px);line-height:1.25;font-weight:800;max-width:760px}
 .feature-detail-intro{font-size:17px;line-height:1.9;margin:24px 0 30px;max-width:720px}
 .feature-detail-grid>div>h3{font-size:16px;font-weight:700;line-height:1.6}
 .feature-detail-grid .capability-list{gap:14px;margin-top:18px}
 .feature-detail-grid .capability-list li{font-size:16px;line-height:1.85;gap:11px}
 .feature-detail-grid .capability-list li>span[data-icon]{width:18px;height:18px;margin-top:6px}
 .feature-detail-grid .capability-list .icon{width:18px;height:18px}
 .feature-detail-content .practice-example{padding:24px 26px;margin-top:28px;border-radius:11px}
 .feature-detail-content .practice-example>span{font-size:11px;font-weight:700;letter-spacing:.08em;margin-bottom:12px}
 .feature-detail-content .practice-example p{font-size:15px;line-height:1.9}
 .feature-detail-content .product-specimen{width:100%;max-width:none;min-height:390px;display:flex;flex-direction:column;border-color:#cbb3e8;border-radius:16px;box-shadow:0 20px 65px #54248412}
 .feature-detail-content .specimen-top{padding:19px 24px;gap:11px}
 .feature-detail-content .specimen-top>img{height:30px;width:30px}
 .feature-detail-content .specimen-top>span{font-size:16px;font-weight:650}
 .feature-detail-content .specimen-top>small{font-size:10px}
 .feature-detail-content .specimen-body{padding:28px;flex:1}
 .feature-detail-content .specimen-caption{font-size:10px;padding:0 28px 20px;line-height:1.8}
 .feature-detail-content .specimen-account{gap:12px;margin-bottom:23px;flex-wrap:wrap}
 .feature-detail-content .specimen-account .account-initial{width:44px;height:44px;border-radius:11px;font-size:13px}
 .feature-detail-content .specimen-account strong{font-size:19px;font-weight:700;line-height:1.5}
 .feature-detail-content .specimen-account small{font-size:12px;margin-top:3px}
 .feature-detail-content .specimen-account .badge{font-size:10px;padding:6px 9px}
 .feature-detail-content .specimen-metrics{border-radius:10px;margin-bottom:21px}
 .feature-detail-content .specimen-metrics>div{padding:15px;font-size:11px}
 .feature-detail-content .specimen-metrics strong{font-size:27px;font-weight:750;line-height:1.5;margin-top:5px}
 .feature-detail-content .specimen-row{font-size:13px;padding:15px 0;gap:9px;flex-wrap:wrap}
 .feature-detail-content .specimen-row .icon{height:18px;width:18px}
 .feature-detail-content .specimen-row>span:last-child{font-size:12px}
 .feature-detail-content .specimen-reason{padding:17px 18px;margin-top:23px;border-radius:10px;gap:11px}
 .feature-detail-content .specimen-reason>span[data-icon]{height:19px;width:19px;margin-top:3px}
 .feature-detail-content .specimen-reason .icon{height:19px;width:19px}
 .feature-detail-content .specimen-reason p{font-size:14px;line-height:1.85;color:var(--text)}
 .feature-detail-content .milestone-line{gap:11px}.feature-detail-content .milestone-line>div{font-size:14px;padding:15px 13px;gap:10px;border-radius:9px}
 .feature-detail-content .milestone-line .icon{height:18px;width:18px}.feature-detail-content .milestone-line small{font-size:11px}
 .feature-detail-content .recommendation-large h3{font-size:27px;line-height:1.4;margin-top:19px}.feature-detail-content .recommendation-large>p{font-size:15px;line-height:1.85}
 .feature-detail-content .recommendation-large .mini-priority{font-size:11px}.feature-detail-content .signal-tags{gap:8px;margin-top:20px}.feature-detail-content .signal-tags>span{font-size:11px;padding:6px 9px}
 .feature-detail-content .recommendation-actions{gap:12px;margin:24px 0}.feature-detail-content .recommendation-actions>span{font-size:12px;padding:12px 8px;gap:8px}.feature-detail-content .recommendation-actions .icon{height:17px;width:17px}
 .feature-detail-content .recommendation-large p.human-review{font-size:12px;padding-top:16px;gap:8px}.feature-detail-content .human-review .icon{height:16px;width:16px}
 .feature-detail-content .workflow-builder{gap:9px;padding:10px 0}.feature-detail-content .workflow-builder>div:not(.workflow-builder-branches){padding:18px;border-radius:10px;width:92%}
 .feature-detail-content .workflow-builder small{font-size:10px;margin-bottom:9px}.feature-detail-content .workflow-builder strong{font-size:14px;gap:10px;line-height:1.8}.feature-detail-content .workflow-builder .icon{height:20px;width:20px}
 .feature-detail-content .workflow-builder>b{font-size:17px}.feature-detail-content .workflow-builder-branches{gap:15px}.feature-detail-content .workflow-builder-branches>span{font-size:12px;padding:16px 9px;gap:8px;border-radius:9px}
 .feature-detail-content .specimen-subcopy{font-size:14px;line-height:1.85;margin-top:25px}
 .feature-detail-content .chat-example{gap:22px}.feature-detail-content .chat-question{font-size:15px;padding:15px 18px;max-width:94%}
 .feature-detail-content .chat-answer{gap:12px}.feature-detail-content .chat-answer>img{height:32px;width:32px}.feature-detail-content .chat-answer>div{padding:20px;border-radius:11px}
 .feature-detail-content .chat-answer strong{font-size:15px}.feature-detail-content .chat-answer p{font-size:14px;line-height:1.85;margin-top:10px}.feature-detail-content .chat-action{font-size:12px;gap:10px;margin-top:18px}.feature-detail-content .chat-action .icon{height:17px;width:17px}
 .feature-detail-content .portfolio-bars{gap:22px;padding:15px 0}.feature-detail-content .portfolio-bars>div{grid-template-columns:120px 1fr;font-size:13px;gap:12px}.feature-detail-content .portfolio-bars i{height:15px;border-radius:6px}
 .feature-detail-content .pipeline-head{font-size:11px;padding-bottom:16px}.feature-detail-content .pipeline-row{padding:18px 0;gap:13px}.feature-detail-content .pipeline-row b{font-size:14px}.feature-detail-content .pipeline-row span{font-size:13px}.feature-detail-content .pipeline-row small{font-size:12px}
 .feature-detail-content .survey-example>span{font-size:12px}.feature-detail-content .survey-example>h3{font-size:27px;line-height:1.4;margin:17px 0 25px}.feature-detail-content .survey-scale{gap:11px}.feature-detail-content .survey-scale>b{height:45px;width:45px;font-size:15px;border-radius:9px}.feature-detail-content .survey-example>p{font-size:14px;margin-top:21px;line-height:1.85}
 .feature-detail-content .trend-lines>span{font-size:13px}.feature-detail-content .trend-lines svg{height:145px}.feature-detail-content .trend-lines>div{font-size:11px;gap:13px}
 /* Wider primary illustrations on the other product pages. */
 .solution-panel-grid{grid-template-columns:1fr 1.1fr;gap:clamp(45px,5vw,90px)}
 .solution-panel h2{font-size:clamp(34px,2.8vw,46px)}.solution-intro{font-size:17px}.solution-panel .capability-list li{font-size:16px}
 .caleb-explorer{grid-template-columns:.8fr 1.2fr;gap:45px}.caleb-answer-block p{font-size:16px}.caleb-prompt-menu>button>strong{font-size:17px}
 .api-doc-content{max-width:1200px}.api-doc-section>.api-section-intro{max-width:85ch}.legal-copy{max-width:1000px}
 html[data-theme=dark] .feature-detail-content .product-specimen{border-color:#68448b;box-shadow:0 18px 50px #09031224}
}
@media screen and (min-width:1001px) and (max-width:1440px){
 .feature-detail-section{padding:65px 0}.feature-detail-grid{gap:40px;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr)}
 .feature-detail-heading h2{font-size:34px}.feature-detail-intro{font-size:17px}.feature-detail-grid .capability-list li{font-size:15px}
 .feature-detail-content .specimen-body{padding:24px}.feature-detail-content .specimen-top{padding:18px 21px}.feature-detail-content .specimen-top>span{font-size:15px}
 .feature-detail-content .specimen-account strong{font-size:18px}.feature-detail-content .specimen-metrics>div{padding:13px}.feature-detail-content .specimen-metrics strong{font-size:24px}
 .feature-detail-content .milestone-line>div{font-size:13px}.feature-detail-content .milestone-line small{font-size:10px}
 .feature-detail-content .pipeline-head,.feature-detail-content .pipeline-row{grid-template-columns:1fr .65fr 1.1fr;gap:10px}.feature-detail-content .pipeline-row b{font-size:13px}.feature-detail-content .pipeline-row span,.feature-detail-content .pipeline-row small{font-size:12px}
 .page-hero .button{padding:14px 19px;font-size:14px}.page-hero .button-row{gap:12px}
}
@media screen and (min-width:761px) and (max-width:1000px){
 .container{width:calc(100% - 48px)}
 .feature-detail-layout{display:block}.feature-toc{position:static;padding:28px 0 0}.feature-toc>.eyebrow{display:none}
 .feature-toc nav{display:flex;flex-wrap:wrap;gap:8px}.feature-toc a{border:1px solid var(--line);border-radius:6px;padding:8px 12px;font-size:12px}
 .feature-detail-grid{grid-template-columns:1fr;gap:32px}.feature-detail-section{padding:50px 0}
 .feature-detail-content .product-specimen{width:100%;max-width:720px;margin-inline:auto}.feature-detail-content .feature-detail-heading h2{font-size:34px}
 .feature-detail-intro{font-size:17px;max-width:780px}.feature-detail-grid .capability-list li{font-size:16px}.feature-detail-grid>div>h3{font-size:16px}
 .feature-detail-content .specimen-top>span{font-size:15px}.feature-detail-content .specimen-body{padding:26px}.feature-detail-content .specimen-reason p{font-size:14px}.feature-detail-content .specimen-row{font-size:13px}.feature-detail-content .specimen-row>span:last-child{font-size:12px}.feature-detail-content .specimen-metrics strong{font-size:25px}.feature-detail-content .specimen-account strong{font-size:18px}
 .feature-detail-content .practice-example p{font-size:15px}.feature-detail-content .practice-example>span{font-size:10px}
}
@media screen and (max-width:760px){
 .feature-detail-grid{grid-template-columns:1fr;gap:28px}.feature-detail-heading h2{font-size:29px}.feature-detail-intro{font-size:15px;line-height:1.9}.feature-detail-grid .capability-list li{font-size:14px}
 .feature-detail-content .product-specimen{width:100%;max-width:none}.feature-detail-content .specimen-reason p{font-size:12px}.feature-detail-content .specimen-row{font-size:11px}.feature-detail-content .specimen-row>span:last-child{font-size:10px}
}
@media print{.feature-detail-grid{align-items:start}.feature-toc{display:none}.feature-detail-heading h2{font-size:26px}.feature-detail-intro{font-size:13px}}

/* Match the reference’s 24px gutters below the 1024px desktop breakpoint. */
@media screen and (min-width:1001px) and (max-width:1023px){.container{width:calc(100% - 48px)}.nav-wrap{padding-inline:24px}}