/* Original Two Trees pine/olive/gold/cream palette; approved V2 layout. */
body{margin:0}
/* Homepage brand and header share the same white surface. */
.tt-header{background:#fff}
.exp-wrap{max-width:var(--tt-width);margin:auto;padding-inline:28px}
.exp-hero{padding:76px 0 58px;background:#f1f5f1;border-bottom:1px solid var(--tt-line)}
.exp-hero-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:70px;align-items:center}
.exp-hero h1{font-size:clamp(2.8rem,4.8vw,4.7rem);letter-spacing:-.055em;line-height:1.08;margin:20px 0 24px;color:var(--tt-navy);font-weight:650}
.exp-hero h1 em{font-style:normal;color:var(--tt-teal)}
.exp-lead{font-size:1.14rem;line-height:1.7;color:var(--tt-muted);max-width:520px}
.exp-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.exp-note{font-size:.8rem;color:var(--tt-muted);margin-top:18px}
.exp-product{position:relative;border:1px solid #e3e8e3;border-radius:18px;background:white;padding:27px;box-shadow:0 24px 64px #0d3d2a19}
.exp-product-top{display:flex;justify-content:space-between;align-items:center;gap:14px;font-size:.72rem;color:var(--tt-muted);padding-bottom:20px;border-bottom:1px solid var(--tt-line)}
.exp-product-top strong{color:var(--tt-navy);font-size:.85rem}
.exp-status{background:#eef5ef;color:#276943;padding:4px 10px;border-radius:5px}
.exp-product h2{font-size:1.42rem;letter-spacing:-.03em;margin:22px 0 16px;line-height:1.4}
.exp-preview-page{margin-top:18px;color:var(--tt-navy);font-size:.8rem;font-weight:750}.exp-preview-page span{display:block;color:var(--tt-gold-ink);font-size:.9rem;margin-top:3px}
.exp-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.exp-kpi{border-left:2px solid var(--tt-line);padding-left:12px}
.exp-kpi small{font-size:.71rem;color:var(--tt-muted);display:block}
.exp-kpi strong{display:block;font-size:1.65rem;letter-spacing:-.04em;font-weight:650;font-variant-numeric:tabular-nums}
.exp-kpi span{font-size:.69rem;display:block;color:var(--tt-teal)}
.exp-chart{margin-top:20px;background:#f6faf7;border-radius:10px;padding:16px 12px 9px}
.exp-chart svg{width:100%;display:block}
.exp-chart p{font-size:.7rem;color:var(--tt-muted);margin:0}
.exp-insight{display:flex;gap:15px;background:var(--tt-navy);color:white;border-radius:10px;padding:17px;margin-top:16px}
.exp-insight>span{font-size:1.3rem;color:#cbd8d1}
.exp-insight p{font-size:.82rem;margin:0;line-height:1.6}
.exp-insight strong{display:block;color:#d5dfd9;font-size:.67rem;letter-spacing:.1em;text-transform:uppercase;margin-bottom:4px}
.exp-product-caption{font-size:.7rem;color:var(--tt-muted);margin:12px 0 0}
.exp-ribbon{display:grid;grid-template-columns:repeat(4,1fr);padding-block:24px;gap:24px;font-size:.8rem}
.exp-ribbon span{display:flex;gap:12px;align-items:center}
.exp-ribbon b{font-size:.72rem;color:var(--tt-teal);font-weight:600}
.exp-section{padding:92px 0}
.exp-section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:50px;margin-bottom:36px}
.exp-section h2{font-size:clamp(2rem,3.1vw,3rem);line-height:1.15;letter-spacing:-.045em;font-weight:650;color:var(--tt-navy);margin:12px 0 20px;max-width:710px}
.exp-section-head p{max-width:370px;color:var(--tt-muted);font-size:1rem;margin:0 0 20px}
.exp-questions{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.exp-question{padding:25px 22px;border:1px solid var(--tt-line);border-radius:12px;background:white;display:flex;flex-direction:column;align-items:flex-start}
.tt-subject-icon{width:30px;height:30px;color:var(--tt-teal);margin-bottom:14px;flex-shrink:0}
.exp-question>span{font-size:.72rem;letter-spacing:.14em;color:var(--tt-teal)}
.exp-question h3{font-size:1.26rem;line-height:1.3;letter-spacing:-.02em;font-weight:650}
.exp-question-prompt{font-size:1rem;font-weight:700;line-height:1.4;color:var(--tt-gold-ink);margin:-3px 0 12px}
.exp-question p{font-size:.88rem;color:var(--tt-muted);margin:0 0 23px}
.exp-question button{margin-top:auto;background:none;border:0;border-top:1px solid var(--tt-line);width:100%;padding:17px 0 0;text-align:left;color:var(--tt-teal);font-weight:650}
.exp-proof{margin-top:30px;display:flex;align-items:center;justify-content:space-between;gap:30px;background:#edf5ee;padding:25px 30px;border-radius:12px}
.exp-proof strong{font-size:1.1rem;display:block}
.exp-proof p{font-size:.87rem;color:var(--tt-muted);margin:4px 0 0}
.exp-transformation{background:var(--tt-navy);color:white}
.exp-transformation h2{color:white}
.exp-transformation .tt-eyebrow{color:#cbd8d1}
.exp-transform-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:center}
.exp-transform-grid p{color:#d5dfd9;font-size:1.04rem}
.exp-transform-flow{display:grid;gap:0}
.exp-flow-stage{padding:24px 26px;border:1px solid #ffffff25;background:#ffffff04;display:grid;grid-template-columns:48px 1fr;gap:20px}
.exp-flow-stage:first-child{border-radius:12px 12px 0 0}
.exp-flow-stage:last-child{border-radius:0 0 12px 12px;background:#175239}
.exp-flow-stage+div{border-top:0}
.exp-flow-stage>b{font-size:.77rem;color:#cbd8d1}
.exp-flow-stage h3{margin:0 0 7px;font-size:1.08rem}
.exp-data-tags{display:flex;flex-wrap:wrap;gap:8px;font-size:.72rem;color:#d5dfd9}
.exp-data-tags span{padding:4px 9px;border:1px solid #ffffff2a;border-radius:4px}
.exp-flow-stage p{font-size:.87rem;margin:0}
.exp-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;border-top:1px solid var(--tt-line);padding-top:30px}
.exp-steps strong{font-size:.77rem;color:var(--tt-teal)}
.exp-steps h3{font-size:1.24rem}
.exp-steps p{color:var(--tt-muted);font-size:.92rem}
.exp-how-details{margin-top:30px}
.exp-how-details summary{cursor:pointer;color:var(--tt-teal);font-weight:650;padding:14px 0}
.exp-how-details .exp-depth{max-width:900px;color:var(--tt-muted);font-size:.94rem}
.exp-trust{background:#f1f5f1}
.exp-trust-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.exp-trust details,.exp-trust-evidence{border:1px solid #dfe6e0;background:#f8fbfa;border-radius:12px;padding:24px}
.exp-trust summary{font-weight:650;cursor:pointer;font-size:1.05rem}
.exp-trust details p,.exp-trust-evidence p{font-size:.93rem;color:var(--tt-muted);margin:18px 0 0}
.exp-price{display:grid;grid-template-columns:1.1fr .9fr;gap:80px;align-items:start}
.exp-price p{color:var(--tt-muted)}
.exp-price-card{background:white;border:1px solid var(--tt-line);border-top:4px solid var(--tt-teal);border-radius:12px;padding:36px;box-shadow:var(--tt-shadow)}
.exp-price-value{font-size:4rem;letter-spacing:-.065em;font-weight:650;line-height:1.2}
.exp-price-value span{font-size:1rem;letter-spacing:0;color:var(--tt-muted);font-weight:400}
.exp-price-card ul{list-style:none;padding:24px 0;margin:20px 0;border-block:1px solid var(--tt-line);display:grid;gap:12px;font-size:.9rem}
.exp-price-card li:before{content:'✓';color:var(--tt-teal);margin-right:12px}
.exp-price-card>.tt-button{width:100%}
.exp-price-card small{font-size:.76rem;color:var(--tt-muted);display:block;margin-top:15px}
.exp-faq{border-top:1px solid var(--tt-line)}
.exp-faq-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:70px}
.exp-faq details{border-bottom:1px solid var(--tt-line);padding:21px 0}
.exp-faq summary{font-size:1rem;font-weight:650;cursor:pointer}
.exp-faq details p{font-size:.93rem;color:var(--tt-muted);max-width:720px}
.exp-closing{background:#f1f5f1;padding:65px 0}
.exp-closing>.exp-wrap{display:flex;align-items:center;justify-content:space-between;gap:30px}
.exp-closing h2{font-size:2.3rem;letter-spacing:-.035em;line-height:1.2;margin:0;color:var(--tt-navy)}
.exp-closing p{color:var(--tt-muted);font-size:.95rem;margin-bottom:0}
.exp-dialog{max-width:min(760px,calc(100% - 32px));max-height:85svh;border:1px solid var(--tt-line);border-radius:18px;padding:0;color:var(--tt-ink);box-shadow:0 35px 100px #0d3d2a50}
.exp-dialog::backdrop{background:#0d3d2ab3}
.exp-dialog-inner{padding:40px 42px}
.exp-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:15px}
.exp-dialog button[data-close]{border:1px solid var(--tt-line);border-radius:6px;background:white;min-width:44px;min-height:44px;font-size:1.4rem}
.exp-dialog h2{font-size:2rem;line-height:1.2;letter-spacing:-.04em;margin:24px 0}
.exp-dialog p{color:var(--tt-muted)}
.exp-dialog ul{padding-left:20px;color:var(--tt-muted);line-height:1.9}
.exp-dialog .tt-button{margin-top:20px}
.exp-dialog-fact{padding:22px;border-left:3px solid var(--tt-teal);background:var(--tt-paper);margin:25px 0}
.exp-dialog-fact strong{display:block;color:var(--tt-navy)}

@media(min-width:1450px){.exp-hero{padding-block:96px}
.exp-product{padding:32px}
.exp-product h2{font-size:1.65rem}
}

@media(max-width:1050px){.exp-hero-grid{gap:30px}
.exp-kpi strong{font-size:1.3rem}
.exp-product{padding:21px}
.exp-questions{grid-template-columns:repeat(2,1fr)}
.exp-price{gap:40px}
.exp-transform-grid{gap:35px}
.exp-hero h1{font-size:3.5rem}
}

@media(max-width:720px){.exp-wrap{padding-inline:20px}
.exp-hero{padding:45px 0 35px}
.exp-hero-grid,.exp-transform-grid,.exp-price,.exp-faq-grid{grid-template-columns:1fr;gap:34px}
.exp-hero h1{font-size:clamp(2.8rem,10vw,3.8rem)}
.exp-lead{font-size:1rem}
.exp-ribbon{grid-template-columns:1fr 1fr;gap:16px}
.exp-section{padding:58px 0}
.exp-section-head{display:block}
.exp-section-head p{max-width:100%}
.exp-questions{grid-template-columns:1fr 1fr;gap:12px}
.exp-question{padding:20px 16px}
.exp-question h3{font-size:1.12rem}
.exp-question p{font-size:.83rem}
.exp-proof,.exp-closing>.exp-wrap{flex-direction:column;align-items:flex-start;gap:20px}
.exp-steps,.exp-trust-grid{grid-template-columns:1fr;gap:18px}
.exp-steps h3{margin:10px 0}
.exp-product h2{font-size:1.35rem}
.exp-product-top{font-size:.66rem}
.exp-price-card{padding:28px}
.exp-dialog-inner{padding:24px}
.exp-closing h2{font-size:2rem}
}

@media(max-width:390px){.exp-questions{grid-template-columns:1fr}
.exp-kpis{gap:7px}
.exp-kpi{padding-left:8px}
.exp-kpi strong{font-size:1.15rem}
.exp-kpi small{font-size:.65rem}
.exp-product{padding:18px}
.exp-product-top{flex-wrap:wrap}
.exp-actions .tt-button{width:100%}
}

/* V3: purposeful support inside the existing V2 components and geometry. */
.exp-steps .tt-subject-icon{display:block;margin-bottom:12px}
.exp-flow-stage{position:relative}
.exp-flow-stage:not(:last-child)::after{content:"↓";position:absolute;left:40px;bottom:-10px;z-index:1;color:#cbd8d1;background:var(--tt-navy);line-height:20px;padding-inline:4px}
.exp-process{list-style:none;display:flex;flex-wrap:wrap;gap:12px;padding:0;margin:20px 0;color:var(--tt-teal);font-size:.85rem;font-weight:600}
.exp-process li{flex:1 1 150px;border:1px solid var(--tt-line);border-radius:8px;padding:12px;background:var(--tt-paper)}
.exp-process li:not(:last-child)::after{content:" →";white-space:nowrap}
.exp-evidence{margin:24px 0 0;padding:14px;border:1px solid var(--tt-line);border-radius:10px;background:white}
.exp-evidence img{display:block;width:100%;height:auto}
.exp-evidence figcaption{margin-top:12px;color:var(--tt-muted);font-size:.75rem;line-height:1.5}
.exp-live-evidence{display:flex;min-height:190px;flex-direction:column;justify-content:center;gap:12px;padding:24px;border-radius:8px;background:var(--tt-paper);color:var(--tt-navy);text-decoration:none}
.exp-live-evidence strong{font-size:1.25rem;line-height:1.3}
.exp-live-evidence>span:last-child{line-height:1.5}
.exp-live-evidence:hover,.exp-live-evidence:focus-visible{outline:2px solid var(--tt-gold-ink);outline-offset:2px}
.exp-closing .exp-actions{margin-top:0;flex:0 0 auto;max-width:420px}
@media(max-width:700px){.exp-process{flex-direction:column}.exp-process li{flex-basis:auto}.exp-process li:not(:last-child)::after{content:" ↓"}.exp-evidence{padding:10px}.exp-closing .exp-actions{max-width:100%}}
/* Preserve the report's favorable/unfavorable semantics in its live hero evidence. */
.exp-kpi .comparison-positive{color:var(--tt-positive)}
.exp-kpi .comparison-negative{color:var(--tt-negative)}
.exp-kpi .comparison-neutral{color:var(--tt-neutral)}

/* V3 correction: evidence belongs to the normal page tour, inside V2 sections. */
.exp-questions{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.exp-question{padding:30px;background:#fff;box-shadow:var(--tt-shadow)}
.exp-question-heading,.exp-evidence-heading{display:flex;align-items:center;gap:16px}
.exp-question-heading>span{font-size:.72rem;letter-spacing:.12em;color:var(--tt-teal)}
.exp-question-heading .tt-subject-icon,.exp-evidence-heading .tt-subject-icon,.exp-steps .tt-subject-icon{width:54px;height:54px;padding:11px;border-radius:12px;background:#edf5ee;margin:0}
.exp-question h3{font-size:1.5rem;margin:18px 0 12px}
.exp-question>p{font-size:1rem;margin-bottom:0}
.exp-question>.exp-evidence{width:100%;margin:24px 0;background:var(--tt-paper)}
.exp-question button{font-size:.95rem}
.exp-flow-stage{grid-template-columns:64px minmax(0,1fr);padding:26px;gap:24px}
.exp-flow-stage>b .tt-subject-icon{display:block;width:38px;height:38px;color:#cbd8d1;margin:0 0 8px}
.exp-flow-stage:not(:last-child)::after{left:42px;font-size:22px;bottom:-13px;line-height:26px}
.exp-data-tags{gap:10px}
.exp-data-tags span{display:flex;align-items:center;gap:6px;padding:8px 10px;background:#ffffff08}
.exp-data-tags .tt-subject-icon{width:22px;height:22px;margin:0;color:#d5dfd9}
.exp-steps{gap:22px;border:0;padding:0}
.exp-steps>article{padding:26px;border:1px solid var(--tt-line);border-radius:12px;background:white}
.exp-steps .tt-subject-icon{margin-bottom:18px}
.exp-process{gap:14px;margin-top:26px}
.exp-process li{border-top:3px solid var(--tt-teal);padding:18px;font-size:.9rem}
.exp-evidence-heading h3{margin:0;font-size:1.2rem;line-height:1.4}
.exp-trust-evidence{box-shadow:var(--tt-shadow)}
.exp-trust-evidence .exp-evidence{background:white;margin-top:24px}
.exp-trust-evidence .exp-process{flex-direction:column}
.exp-trust-evidence .exp-process li{flex-basis:auto;display:flex;align-items:center;gap:12px}
.exp-trust-evidence .exp-process li::before{content:"";width:10px;height:10px;border:2px solid var(--tt-teal);border-radius:50%;flex-shrink:0}
.exp-trust-evidence .exp-process li:not(:last-child)::after{content:" ↓";margin-left:auto}
@media(max-width:720px){
.exp-questions{grid-template-columns:1fr;gap:24px}
.exp-question{padding:20px}
.exp-question h3{font-size:1.4rem}
.exp-question>.exp-evidence{padding:8px}
.exp-evidence-heading{gap:12px}
.exp-evidence-heading h3{font-size:1.12rem}
.exp-trust-evidence{padding:20px}
.exp-flow-stage{grid-template-columns:48px minmax(0,1fr);padding:20px 16px;gap:14px}
.exp-flow-stage:not(:last-child)::after{left:27px}
.exp-steps>article{padding:22px}
}