/* Biviti P3: six standalone service pages (fast-track visual redesign). Loaded after service-pilot.css on .p3-page only.
   One rule per exclusive range: base = desktop >=1251 | 1001-1250 | 701-1000 tablet | <=700 phone.
   Each page has one signature system: landscape, architecture canvas, recovery terrain, transformation map,
   confidence climb, living environment. */

/* ---------- Tokens and surfaces ---------- */
.p3-page{--p3-max:1280px;--p3-pad:112px;--p3-cream:#f8f3ea;--p3-champ:#e9cfaa;--p3-on-dark:#e1d5c8;--p3-wine:#72253a;
 --s-ivory:#fbf9f5;--s-stone:#f1eadf;--s-raised:#fffdf9;--s-line:#e2d7ca;--s-text:#211b1c;--s-muted:#5a5153;--s-accent:#72253a}
html[data-theme=dark] .p3-page{--s-ivory:#0f0b0d;--s-stone:#1b0e15;--s-raised:#27131c;--s-line:#4a2733;--s-text:#f7ecdf;--s-muted:#d9cbc4;--s-accent:#f0cfaa}
.p3-sec{position:relative;isolation:isolate;padding:var(--p3-pad) var(--content-edge);overflow:hidden}
.p3-wrap{position:relative;max-width:var(--p3-max);margin:0 auto}
.p3-surface-ivory{background:var(--s-ivory);color:var(--s-text)}
.p3-surface-stone{background:var(--s-stone);color:var(--s-text)}
html[data-theme=dark] .p3-surface-stone{background:radial-gradient(70% 90% at 100% 0%,#72253a47 0%,#72253a00 60%),radial-gradient(50% 70% at 0% 100%,#4a0f1a4d 0%,#4a0f1a00 70%),var(--s-stone)}
html[data-theme=dark] .p3-surface-ivory{background:radial-gradient(60% 80% at 0% 0%,#4a0f1a33 0%,#4a0f1a00 60%),var(--s-ivory)}
.p3-surface-wine,.p3-surface-ink,.p3-surface-dusk{color:var(--p3-cream)}
.p3-surface-wine{background:radial-gradient(80% 90% at 90% 0%,#8a2a40a6 0%,#8a2a4000 60%),linear-gradient(160deg,#5a1424 0%,#3a0d17 60%,#2a0911 100%)}
.p3-surface-ink{background:radial-gradient(60% 70% at 85% 10%,#5a1a2a8c 0%,#5a1a2a00 65%),linear-gradient(180deg,#1a0c10 0%,#120709 100%)}
.p3-surface-dusk{background:radial-gradient(70% 80% at 10% 0%,#3d2f4a66 0%,#3d2f4a00 60%),radial-gradient(60% 70% at 100% 100%,#6b1a2c66 0%,#6b1a2c00 60%),linear-gradient(170deg,#1f1219 0%,#140a0e 100%)}
:is(.p3-surface-wine,.p3-surface-ink,.p3-surface-dusk) :is(h2,h3){color:#fbf6ee}
:is(.p3-surface-wine,.p3-surface-ink,.p3-surface-dusk) .text-action{color:var(--p3-champ)}
:is(.p3-surface-wine,.p3-surface-ink,.p3-surface-dusk) .p3-head-lead{color:var(--p3-on-dark)}
/* Brand geometry (from the Homepage language): diagonal shards that give depth, never decoration alone */
.p3-geo{position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(118deg,#72253a00 0 58%,#72253a73 58% 72%,#4a0f1a8c 72% 100%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}
.p3-geo:after{content:'';position:absolute;right:-6%;top:-10%;width:42%;height:130%;background:linear-gradient(180deg,#e9cfaa14,#e9cfaa00);transform:skewX(-18deg)}
.p3-geo--wine{background:linear-gradient(112deg,#00000000 0 62%,#1a060c59 62% 100%)}
.p3-wedge{position:absolute;right:0;top:0;bottom:0;width:48%;z-index:-1;background:linear-gradient(150deg,#72253a 0%,#4a0f1a 100%);clip-path:polygon(34% 0,100% 0,100% 100%,0 100%)}
:where(.p3-page) .p3-sec h2{font-size:48px;line-height:1.08;letter-spacing:-1.8px}
.p3-sec p,.p3-sec li,.p3-sec dd{font-size:17px;line-height:1.6}

/* ---------- Heads, labels ---------- */
.p3-head{max-width:760px}
.p3-head h2{margin:0!important;text-wrap:balance}
.p3-kicker{font-size:15px!important;font-weight:600;color:var(--s-accent);margin:0 0 14px!important}
:is(.p3-surface-wine,.p3-surface-ink,.p3-surface-dusk) .p3-kicker{color:var(--p3-champ)}
.p3-head-lead{margin-top:18px!important;font-size:20px!important;line-height:1.55!important;color:var(--s-muted);max-width:640px}
.p3-label{font-size:14px!important;font-weight:600;color:var(--s-accent);margin:0 0 6px!important}
:is(.p3-surface-wine,.p3-surface-ink,.p3-surface-dusk) .p3-label{color:var(--p3-champ)}
.p3-split{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:80px;align-items:center}
.p3-split-lead .p2-actions{margin-top:32px}
.p3-ticks{list-style:none;margin:0 0 14px;padding:0}
.p3-ticks li{position:relative;padding:6px 0 6px 24px}
.p3-ticks li:before{content:'';position:absolute;left:2px;top:17px;width:11px;height:2px;background:var(--s-accent)}
:is(.p3-surface-wine,.p3-surface-ink,.p3-surface-dusk) .p3-ticks li:before{background:var(--p3-champ)}

/* ---------- Heroes (kept from the corrected P3; no collisions) ---------- */
.p3-hero{position:relative;isolation:isolate;overflow:hidden;background:#0c080b;color:var(--p3-cream)}
.p3-hero-media{position:absolute;inset:0;z-index:-2;overflow:hidden}
.p3-hero-media picture{display:contents}
.p3-hero-media img{width:100%;height:100%;object-fit:cover;display:block;animation:p2-settle 2.4s var(--p2-ease) both}
.p3-hero-inner{position:relative;padding:190px var(--content-edge) 88px}
.p3-hero-copy{max-width:720px}
.p3-hero .micro{color:#e7c69c}
.p3-hero h1{margin:18px 0 24px!important;color:#fbf6ee;text-wrap:balance}
.p3-lead{font-size:20px!important;line-height:1.55!important;color:#e0d6c9;max-width:580px;margin:0}
.p3-hero .text-action{color:var(--p3-champ)}
.p3-crumb{margin-bottom:22px}
.p3-crumb a{display:inline-block;padding:13px 0;margin:-13px 0}
.p3-hero-copy>*{animation:p2-rise 1s var(--p2-ease) both}
.p3-hero-copy>:nth-child(2){animation-delay:.08s}.p3-hero-copy>:nth-child(3){animation-delay:.16s}.p3-hero-copy>:nth-child(4){animation-delay:.24s}.p3-hero-copy>:nth-child(5){animation-delay:.32s}
.p3-hero--horizon .p3-hero-media img{object-position:62% 50%}
.p3-hero--horizon .p3-hero-media:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0c080bf2 0%,#0c080bc7 30%,#0c080b33 58%,#0c080b00 72%),linear-gradient(0deg,#0c080bd9 0%,#0c080b00 40%),linear-gradient(180deg,#0c080ba6 0%,#0c080b00 22%)}
.p3-hero--horizon .p3-hero-inner{display:flex;align-items:flex-end;min-height:min(880px,max(760px,100svh))}
.p3-hero--horizon .p3-hero-copy{max-width:600px}
.p3-hero--horizon .p3-lead{max-width:520px}
.p3-hero--split{background:radial-gradient(70% 90% at 100% 0%,#3a2a4a55 0%,#3a2a4a00 60%),linear-gradient(160deg,#1f0b12 0%,#12070b 100%)}
.p3-hero--split .p3-hero-inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.92fr);gap:72px;align-items:center}
.p3-hero-panel{position:relative;height:620px;overflow:hidden;border-radius:2px}
.p3-hero-panel .p3-hero-media{position:absolute;inset:0;z-index:0}
.p3-hero-panel .p3-hero-media img{object-position:40% 50%}
.p3-hero-panel .p3-hero-media:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#12070bcc 0%,#12070b00 45%),linear-gradient(90deg,#12070b8c 0%,#12070b00 40%)}
.p3-flowlines{position:absolute;inset:0;width:100%;height:100%;z-index:1}
.p3-flowlines path{fill:none;stroke:var(--p3-champ);stroke-width:1.6;vector-effect:non-scaling-stroke;opacity:.8;stroke-dasharray:3 97;animation:p3-flow 5.5s linear infinite}
.p3-flowlines .p3-flow-b{animation-duration:7s;animation-delay:-2s;opacity:.55}.p3-flowlines .p3-flow-c{animation-duration:6.2s;animation-delay:-4s;opacity:.4}
@keyframes p3-flow{from{stroke-dashoffset:100}to{stroke-dashoffset:0}}
.p3-hero--ascent .p3-hero-media{left:30%}
.p3-hero--ascent .p3-hero-media img{object-position:0% 45%}
.p3-hero--ascent .p3-hero-media:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0c080b 0%,#0c080bb3 18%,#0c080b26 42%,#0c080b00 60%),linear-gradient(0deg,#0c080be6 0%,#0c080b00 40%),linear-gradient(180deg,#0c080b99 0%,#0c080b00 22%)}
.p3-hero--ascent .p3-hero-inner{display:flex;align-items:flex-end;min-height:min(880px,max(760px,100svh))}
.p3-hero--ascent .p3-hero-copy{max-width:600px}
.p3-stair{list-style:none;margin:48px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;gap:5px;max-width:560px}
.p3-stair li{height:calc(58px + var(--i) * 22px);display:flex;flex-direction:column;justify-content:flex-end;padding:0 14px 14px;background:linear-gradient(180deg,#1c0a10d9 0%,#1c0a10f2 100%);border-top:2px solid var(--p3-champ);color:#fbf6ee}
.p3-stair li:last-child{border-top-color:#e9cfaa80;background:linear-gradient(180deg,#1c0a10a6 0%,#1c0a10d9 100%)}
.p3-stair-num{font-size:12px;color:#c9a67f}
.p3-stair strong{font-size:15px;line-height:1.3;font-weight:600;margin-top:4px}
.p3-hero--strip{background:var(--s-ivory);color:var(--s-text)}
.p3-hero--strip .p3-hero-media{position:relative;inset:auto;height:440px;z-index:0}
.p3-hero--strip .p3-hero-media img{object-position:50% 60%}
.p3-hero--strip .p3-hero-media:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#0c080bc7 0%,#0c080b00 42%),linear-gradient(0deg,#0c080b73 0%,#0c080b00 50%)}
.p3-simplify{position:absolute;left:0;right:0;bottom:36px;width:100%;height:150px;z-index:1}
.p3-simplify path{fill:none;stroke-width:2;vector-effect:non-scaling-stroke}
.p3-simplify-old{stroke:#f8f3ea99;stroke-dasharray:100;animation:p3-draw 2.2s var(--p2-ease) both}
.p3-simplify-new{stroke:var(--p3-champ);stroke-width:3!important;stroke-dasharray:100;animation:p3-draw 1.2s 1.6s var(--p2-ease) both}
.p3-simplify circle{fill:var(--p3-champ)}
@keyframes p3-draw{from{stroke-dashoffset:100}to{stroke-dashoffset:0}}
.p3-hero--strip .p3-hero-inner,.p3-hero--band .p3-hero-inner{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:64px;align-items:end}
.p3-hero--strip .p3-hero-inner{padding-top:64px;padding-bottom:88px}
.p3-hero--strip h1{color:var(--s-text)}
.p3-hero--strip .micro,.p3-hero--strip .text-action{color:var(--s-accent)}
.p3-hero--strip .p3-lead{color:var(--s-muted)}
.p3-hero--strip .p2-breadcrumb,.p3-hero--strip .p2-breadcrumb a{color:var(--s-muted)}
:is(.p3-hero--strip,.p3-hero--band) .p3-hero-copy h1{margin-bottom:0!important}
.p3-hero--band{background:radial-gradient(60% 90% at 90% 0%,#7a223670 0%,#7a223600 60%),linear-gradient(165deg,#4a0f1a 0%,#2a0a12 100%)}
.p3-hero--band .p3-hero-inner{padding-bottom:64px}
.p3-hero--band .p3-hero-media{position:relative;inset:auto;height:440px;z-index:0}
.p3-hero--band .p3-hero-media img{object-position:60% 58%}
.p3-hero--band .p3-hero-media:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#2a0a12 0%,#2a0a1200 24%)}
.p3-hero--panorama .p3-hero-media img{object-position:60% 50%}
.p3-hero--panorama .p3-hero-media:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0c080bf5 0%,#0c080bbf 26%,#0c080b00 58%),linear-gradient(90deg,#0c080bb3 0%,#0c080b00 50%),linear-gradient(180deg,#0c080ba6 0%,#0c080b00 20%)}
.p3-hero--panorama .p3-hero-inner{display:flex;align-items:flex-end;min-height:min(900px,max(780px,100svh))}
.p3-hero--panorama .p3-hero-copy{max-width:780px}

/* ---------- Shared controls ---------- */
.p3-tabs{display:flex;flex-wrap:wrap;gap:8px}
.p3-tabs button{appearance:none;font:inherit;cursor:pointer;min-height:44px;min-width:44px;display:inline-flex;align-items:center;gap:10px;text-align:left;border-radius:0;transition:background .3s,color .3s,border-color .3s,transform .4s var(--p2-ease),opacity .3s}
.p3-tab-num{font-size:13px;opacity:.7}
.p3-panel:focus-visible{outline:3px solid #ac7650;outline-offset:6px}
.p3-panel{animation:p3-in .5s var(--p2-ease) both}
@keyframes p3-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.p3-chipset button{padding:10px 18px;border:1px solid var(--s-line);background:var(--s-raised);color:var(--s-text);border-radius:999px;font-size:16px}
.p3-chipset button:hover{border-color:var(--s-accent)}
.p3-chipset button[aria-selected=true]{background:var(--s-accent);border-color:var(--s-accent);color:var(--s-ivory);font-weight:600}
.p3-chipset--dark button{border-color:#e9cfaa4d;background:#ffffff0a;color:#f3e9dc}
.p3-chipset--dark button:hover{border-color:var(--p3-champ)}
.p3-chipset--dark button[aria-selected=true]{background:var(--p3-champ);border-color:var(--p3-champ);color:#2a1a1d}
.p3-more{border-top:1px solid var(--s-line)}
.p3-more-btn{appearance:none;width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:52px;padding:12px 0;background:none;border:0;color:var(--s-text);font:inherit;font-size:17px;font-weight:600;text-align:left;cursor:pointer}
.p3-more-icon{position:relative;flex:none;width:32px;height:32px;border-radius:50%;border:1.5px solid currentColor;opacity:.7;transition:transform .35s var(--p2-ease)}
.p3-more-icon:before,.p3-more-icon:after{content:'';position:absolute;left:50%;top:50%;width:12px;height:1.5px;margin:-.75px 0 0 -6px;background:currentColor;transition:transform .35s var(--p2-ease)}
.p3-more-icon:after{transform:rotate(90deg)}
.p3-more-btn[aria-expanded=true] .p3-more-icon{transform:rotate(180deg);opacity:1}
.p3-more-btn[aria-expanded=true] .p3-more-icon:after{transform:rotate(0deg)}
.p3-more-body{padding:4px 0 18px;animation:p3-in .4s var(--p2-ease) both}
.p3-more-body>p{margin:0 0 10px!important;color:var(--s-muted)}
:is(.p3-surface-wine,.p3-surface-ink,.p3-surface-dusk) .p3-more{border-top-color:#e9cfaa33}
:is(.p3-surface-wine,.p3-surface-ink,.p3-surface-dusk) .p3-more-btn{color:#fbf6ee}
:is(.p3-surface-wine,.p3-surface-ink,.p3-surface-dusk) .p3-more-body>p{color:var(--p3-on-dark)}
.p3-stepnav{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:20px}
.p3-stepnav button{appearance:none;font:inherit;font-size:16px;min-height:48px;padding:10px 20px;border-radius:999px;border:1px solid #e9cfaa4d;background:none;color:#f3e9dc;cursor:pointer;display:inline-flex;gap:10px;align-items:center}
.p3-stepnav button:hover{border-color:var(--p3-champ)}
.p3-stepnav button:disabled{opacity:.35;cursor:default}
.p3-stepnav--light button{border-color:var(--s-line);color:var(--s-text)}
.p3-stepnav--light button:hover{border-color:var(--s-accent)}
.p3-stepbar{flex:1;display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:4px;max-width:360px}
.p3-stepbar span{height:3px;background:#e9cfaa33;border-radius:2px;transition:background .3s}
.p3-stepbar span.is-done{background:var(--p3-champ)}
.p3-product{margin:0}
.p3-product-frame{position:relative;background:#fff;border-radius:8px;box-shadow:0 60px 100px -60px #000,0 0 0 1px #ffffff14;padding:14px;overflow:hidden}
.p3-product picture{display:contents}
.p3-product img{display:block;width:100%;height:auto}
.p3-product figcaption{margin-top:12px;font-size:15px;line-height:1.5;color:var(--s-muted);max-width:620px}
:is(.p3-surface-wine,.p3-surface-ink,.p3-surface-dusk) .p3-product figcaption{color:var(--p3-on-dark)}
:is(.p3-surface-ivory,.p3-surface-stone) .p3-product-frame{box-shadow:0 50px 90px -60px #4a0f1a80,0 0 0 1px var(--s-line)}
.p3-mark{position:absolute;border:2.5px solid #72253a;border-radius:10px;box-shadow:0 0 0 6px #72253a26;animation:p3-pulse 2.4s ease-in-out infinite}
@keyframes p3-pulse{50%{box-shadow:0 0 0 12px #72253a14}}

/* ---------- Next paths, choice panel, splits ---------- */
.p3-next{margin-top:48px}
.p3-next-title{font-size:15px!important;font-weight:600;color:var(--s-muted);margin:0 0 6px!important}
.p3-next ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 32px}
.p3-next a{display:grid;grid-template-columns:minmax(0,1fr) 20px;align-items:end;gap:2px 12px;padding:16px 0;min-height:44px;border-top:1px solid var(--s-line);text-decoration:none;color:var(--s-text)}
.p3-next a span{grid-column:1;font-size:14px;color:var(--s-muted)}
.p3-next a strong{grid-column:1;font-size:18px;line-height:1.3;font-weight:600}
.p3-next a svg{grid-column:2;grid-row:1/3;width:20px;height:20px;color:var(--s-accent);transition:transform .3s var(--p2-ease)}
.p3-next a:hover svg{transform:translateX(4px)}
:is(.p3-surface-wine,.p3-surface-ink,.p3-surface-dusk) .p3-next a{color:#fbf6ee;border-top-color:#e9cfaa33}
:is(.p3-surface-wine,.p3-surface-ink,.p3-surface-dusk) :is(.p3-next a span,.p3-next-title){color:var(--p3-on-dark)}
:is(.p3-surface-wine,.p3-surface-ink,.p3-surface-dusk) .p3-next a svg{color:var(--p3-champ)}
.p3-split .p3-next ul{grid-template-columns:minmax(0,1fr)}
.p3-choose .p3-head{margin-bottom:40px}
.p3-choose-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.p3-choose-opt{padding:40px 40px 36px;background:var(--s-raised);border-top:3px solid var(--s-accent);box-shadow:0 40px 70px -60px #4a0f1a66}
.p3-choose-opt h3{font-size:26px!important;margin:0 0 10px!important}
.p3-choose-opt p{color:var(--s-muted);margin:0 0 26px!important;max-width:420px}
.p3-faq{border-bottom:1px solid var(--s-line)}
.p3-faq-title{font-size:15px!important;font-weight:600;color:var(--s-muted);margin:0 0 6px!important}
.p3-alt-line{margin-top:28px!important;padding:18px 20px;background:var(--s-stone);border-left:3px solid var(--s-accent);color:var(--s-muted)}
.p3-alt-line a{color:var(--s-accent);font-weight:600}
.p3-inline-cta,.p3-close-band{padding-top:88px;padding-bottom:88px}
.p3-inline-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:32px 64px;align-items:end}
.p3-inline-row h2{font-size:40px!important;letter-spacing:-1.4px!important;margin:0 0 10px!important}
.p3-inline-row p{color:var(--s-muted);margin:0!important;max-width:620px}
:is(.p3-surface-wine,.p3-surface-ink,.p3-surface-dusk) .p3-inline-row p{color:var(--p3-on-dark)}
.p3-inline-row .p2-actions{margin-top:0}

/* ===================== 1. SALES: decision landscape ===================== */
.p3-land-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:56px;align-items:center;margin-top:48px}
.p3-land-field{position:relative;aspect-ratio:1;max-width:600px;width:100%}
.p3-land-svg{position:absolute;inset:0;width:100%;height:100%}
.p3-land-svg circle.r1,.p3-land-svg circle.r2,.p3-land-svg circle.r3{fill:none;stroke:#e9cfaa;stroke-width:1;opacity:.14}
.p3-land-svg circle.r2{opacity:.1}.p3-land-svg circle.r3{opacity:.07}
.p3-land-core{fill:#2a0f16;stroke:#e9cfaa66;stroke-width:1.5}
.p3-land-ray{stroke:#e9cfaa;stroke-width:1.5;opacity:.18;stroke-dasharray:100;stroke-dashoffset:0;transition:opacity .4s}
.p3-land-ray.is-on{opacity:1;stroke-width:2.5}
.p3-land-field.is-drawing .p3-land-ray.is-on{animation:p3-ray .9s var(--p2-ease) both}
@keyframes p3-ray{from{stroke-dashoffset:100}to{stroke-dashoffset:0}}
.p3-land-dot{fill:#1a0c10;stroke:#e9cfaa99;stroke-width:1.5;transition:all .4s}
.p3-land-dot.is-on{fill:#e9cfaa;stroke:#e9cfaa;r:13}
.p3-land-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin:0!important;text-align:center;display:grid;line-height:1.2;pointer-events:none}
.p3-land-center span{font-size:14px!important;color:var(--p3-on-dark)}
.p3-land-center strong{font-size:24px;color:#fbf6ee;letter-spacing:-.4px}
.p3-land-tabs{position:absolute;inset:0;display:block}
.p3-land-tabs button{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);flex-direction:column;align-items:center;gap:2px;width:168px;padding:10px 12px;border:0;background:none;color:#e6dace;text-align:center}
.p3-land-tabs button:nth-child(1){transform:translate(-50%,-118%)}
.p3-land-tabs button:nth-child(4){transform:translate(-50%,16%)}
.p3-land-tabs button:nth-child(2),.p3-land-tabs button:nth-child(3){transform:translate(18px,-50%);align-items:flex-start;text-align:left}
.p3-land-tabs button:nth-child(5),.p3-land-tabs button:nth-child(6){transform:translate(calc(-100% - 18px),-50%);align-items:flex-end;text-align:right}
.p3-land-kind{font-size:12px;text-transform:uppercase;letter-spacing:1.4px;color:#c9a67f}
.p3-land-tabs strong{font-size:16px;line-height:1.25;font-weight:600;color:#fbf6ee}
.p3-land-tabs em{display:none}
.p3-land-tabs button:hover strong{color:var(--p3-champ)}
.p3-land-tabs button[aria-selected=true] strong{color:var(--p3-champ)}
.p3-land-tabs button[aria-selected=true] .p3-land-kind{color:var(--p3-champ)}
.p3-dossier{position:relative;padding:40px 42px 36px;background:linear-gradient(160deg,#2c1219 0%,#1d0b10 100%);border:1px solid #e9cfaa2e;border-radius:6px;box-shadow:0 60px 100px -50px #000,26px 26px 0 -1px #4a0f1a66}
.p3-dossier-kind{font-size:14px!important;color:#c9a67f;margin:0 0 6px!important}
.p3-dossier h3{font-size:34px!important;letter-spacing:-1px!important;line-height:1.1!important;margin:0!important}
.p3-dossier-line{margin:10px 0 24px!important;font-size:19px!important;color:var(--p3-on-dark)}
.p3-dossier-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;padding-top:20px;border-top:1px solid #e9cfaa24}
.p3-dossier-grid li{font-size:16px!important;color:#efe4d6}
.p3-dossier-next{margin-top:8px;padding:18px 20px;background:#e9cfaa12;border-left:2px solid var(--p3-champ)}
.p3-dossier-next p:not(.p3-label){margin:0 0 6px!important;color:#fbf6ee;font-weight:500}
.p3-land .p3-head{position:relative}
/* Lens dossier stack */
.p3-dossier-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:72px;align-items:center}
.p3-lens-tabs{flex-direction:column;flex-wrap:nowrap;gap:0;margin-top:36px;border-top:1px solid var(--s-line)}
.p3-lens-tabs button{width:100%;padding:14px 0;border:0;border-bottom:1px solid var(--s-line);background:none;color:var(--s-muted);font-size:19px;font-weight:500}
.p3-lens-tabs button[aria-selected=true]{color:var(--s-text);font-weight:600;padding-left:14px;box-shadow:inset 3px 0 0 var(--s-accent)}
.p3-stack{position:relative;padding:28px 28px 0 0}
.p3-stack-sheet{position:absolute;inset:0 0 28px 28px;background:var(--s-raised);border:1px solid var(--s-line);border-radius:8px;transform:rotate(-2.5deg);transform-origin:bottom left}
.p3-stack-sheet.s2{transform:rotate(-1.2deg);opacity:.85}
.p3-stack-sheet.s3{opacity:.55}
html[data-theme=dark] .p3-stack-sheet{background:#22101a}
.p3-sheet{position:relative;padding:44px 46px 28px;background:var(--s-raised);border:1px solid var(--s-line);border-radius:8px;box-shadow:0 50px 80px -60px #4a0f1a99;min-height:380px}
.p3-stack.is-shuffling .p3-sheet{animation:p3-shuffle .55s var(--p2-ease) both}
@keyframes p3-shuffle{from{transform:translate(-18px,14px) rotate(-2deg);opacity:.2}to{transform:none;opacity:1}}
.p3-sheet-kicker{font-size:14px!important;font-weight:600;color:var(--s-accent);margin:0 0 14px!important}
.p3-sheet-q{font-size:34px!important;line-height:1.18!important;letter-spacing:-1px;font-weight:600;margin:0 0 14px!important}
.p3-sheet-a{font-size:19px!important;color:var(--s-muted);margin:0 0 24px!important}
/* Evidence with a wine wedge */
.p3-evidence-comp{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:0;align-items:center;margin-top:48px}
.p3-product--hero{position:relative;z-index:1;transform:perspective(1800px) rotateY(4deg);transform-origin:right center}
.p3-product--hero figcaption{color:var(--s-muted)}
.p3-asks{position:relative;z-index:2;margin-left:-48px;padding:34px 34px 20px;background:linear-gradient(160deg,#2c1219 0%,#1d0b10 100%);color:var(--p3-cream);border-radius:6px;box-shadow:0 50px 90px -50px #000}
.p3-asks .p3-tabs{gap:6px}
.p3-asks .p3-tabs button{font-size:14.5px;padding:8px 13px}
.p3-asks-panels{margin-top:22px}
.p3-asks .p3-ticks li{color:#efe4d6;font-size:16px!important}

/* ===================== 2. INTEGRATION: architecture canvas ===================== */
.p3-statement{padding-top:96px;padding-bottom:96px}
.p3-statement-title{font-size:64px!important;line-height:1.02!important;letter-spacing:-2.6px!important;max-width:1000px}
.p3-statement-title .is-muted{color:var(--s-muted);text-decoration:line-through;text-decoration-thickness:3px;text-decoration-color:#72253a66}
.p3-statement-title .is-strong{color:var(--s-accent)}
.p3-compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:48px}
.p3-mini{margin:0;padding:28px 30px 24px;background:var(--s-raised);border-radius:8px;box-shadow:0 40px 70px -60px #4a0f1a80}
.p3-mini svg{width:100%;height:auto;display:block;overflow:visible}
.p3-mini rect{fill:var(--s-stone);stroke:var(--s-line);stroke-width:1.5}
.p3-mini path{fill:none;stroke:var(--s-muted);stroke-width:2}
.p3-mini .pkt{fill:var(--s-accent)}
.p3-mini.is-strong path{stroke:var(--s-accent)}
.p3-mini .gate{stroke-width:3}
.p3-mini .exc,.p3-mini .loop{stroke-dasharray:4 5}
.p3-mini .own{fill:#72253a1f;stroke:none}
.p3-mini.is-strong .pkt{animation:p3-slide 3.2s ease-in-out infinite}
@keyframes p3-slide{0%{transform:translateX(-50px)}60%,100%{transform:translateX(150px)}}
.p3-mini figcaption{margin-top:16px;font-size:17px;color:var(--s-muted)}
.p3-mini figcaption strong{display:block;font-size:22px;color:var(--s-text);margin-bottom:4px}
.p3-mini.is-strong figcaption strong{color:var(--s-accent)}
.p3-scen{margin-top:40px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px 20px;align-items:center}
.p3-scen-label{font-size:16px!important;font-weight:600;color:var(--p3-champ);margin:0!important}
.p3-scen-btns{display:flex;flex-wrap:wrap;gap:8px}
.p3-scen-btns button{appearance:none;font:inherit;font-size:15px;min-height:44px;padding:9px 16px;border-radius:999px;border:1px solid #e9cfaa4d;background:#ffffff08;color:#f3e9dc;cursor:pointer}
.p3-scen-btns button:hover{border-color:var(--p3-champ)}
.p3-scen-btns button[aria-pressed=true]{background:var(--p3-champ);color:#2a1a1d;border-color:var(--p3-champ);font-weight:600}
.p3-scen-note{grid-column:1/-1;margin:0!important;font-size:18px!important;color:#fbf6ee}
.p3-arch-canvas{position:relative;margin-top:28px;aspect-ratio:1200/560;border-radius:10px;background:radial-gradient(60% 80% at 50% 40%,#ffffff0d 0%,#ffffff00 70%),#ffffff05;border:1px solid #e9cfaa1f}
.p3-arch-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.p3-arch-svg *{transition:opacity .45s,stroke .45s,fill .45s}
.p3-arch-owner{fill:#e9cfaa0f;stroke:#e9cfaa33}
.p3-arch-sys{fill:#1f1219;stroke:#e9cfaa55;stroke-width:1.5}
.p3-arch-sys.is-dest{fill:#3a1220;stroke:#e9cfaa99}
.p3-arch-main{fill:none;stroke:#e9cfaa66;stroke-width:3}
.p3-arch-node{fill:#1a0d12;stroke:#e9cfaa99;stroke-width:2}
.p3-arch-layer{fill:#e9cfaa12;stroke:#e9cfaa66;stroke-width:1.5}
.p3-arch-gate{stroke:#e9cfaa;stroke-width:5;stroke-linecap:round}
.p3-arch-exc,.p3-arch-retry{fill:none;stroke:#d88a8a99;stroke-width:2;stroke-dasharray:6 6}
.p3-arch-queue{fill:#2a1015;stroke:#d88a8a99;stroke-width:1.5}
.p3-arch-recon{fill:none;stroke:#e9cfaa55;stroke-width:2;stroke-dasharray:2 8;stroke-linecap:round}
.p3-arch-pkt{fill:var(--p3-champ);filter:drop-shadow(0 0 10px #e9cfaa);transition:cx .7s var(--p2-ease),cy .7s var(--p2-ease)}
.p3-arch-canvas:not([data-stage="-1"]) .p3-arch-svg [data-i]:not(.is-on){opacity:.42}
.p3-arch-svg .is-on{opacity:1;stroke:var(--p3-champ)}
.p3-arch-svg rect.is-on{fill:#e9cfaa24}
.p3-arch-svg .p3-arch-exc.is-on,.p3-arch-svg .p3-arch-retry.is-on,.p3-arch-svg .p3-arch-queue.is-on{stroke:#f0a8a8}
.p3-arch-svg .p3-arch-recon.is-on{stroke:var(--p3-champ);stroke-width:3;animation:p3-march 1.4s linear infinite}
@keyframes p3-march{to{stroke-dashoffset:-20}}
.p3-arch-canvas.is-rewired .p3-arch-labels span{animation:p3-in .5s var(--p2-ease) both}
.p3-arch-labels{position:absolute;inset:0;pointer-events:none}
.p3-al{position:absolute;transform:translate(-50%,-50%);font-size:14px;line-height:1.3;color:#d9cbbd;text-align:center}
.p3-al em{display:block;font-style:normal;font-size:12.5px;color:#c9a67f}
.p3-al strong{display:block;font-size:17px;color:#fbf6ee;font-weight:600}
.al-owner{left:42%;top:10.7%;font-weight:600;color:#fbf6ee}
.al-src{left:13.3%;top:34.5%;width:15%;transform:translate(-50%,0)}.al-dst{left:86.7%;top:34.5%;width:15%;transform:translate(-50%,0)}
.al-td{left:36.5%;top:57%;transform:translate(-50%,0);display:grid;grid-template-columns:1fr 1fr;gap:18px;width:25%;text-align:left;font-size:13.5px;padding-left:14px;border-left:1px solid #e9cfaa40}
.al-td em{margin-bottom:2px}
.al-map{left:47.5%;top:60%}.al-exc{left:58.3%;top:86%}.al-rec{left:50%;top:96%}
.p3-arch-tabs{position:absolute;inset:0;display:block}
.p3-arch-tabs button{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);flex-direction:column;align-items:center;gap:0;padding:6px;border:0;background:none;color:#f3e9dc;min-width:64px}
.p3-arch-tabs .p3-bp-node{width:20px;height:20px;border-radius:50%;border:2px solid #e9cfaaaa;background:#1a0d12;transition:all .3s}
.p3-arch-tabs .p3-tab-num{display:none}
.p3-arch-tabs .p3-tab-text{font-size:13px;font-weight:600;margin-top:4px;padding:2px 8px;border-radius:999px;background:#140a0ecc}
.p3-arch-tabs button[aria-selected=true] .p3-bp-node{background:var(--p3-champ);border-color:var(--p3-champ);box-shadow:0 0 0 8px #e9cfaa2e}
.p3-arch-tabs button[aria-selected=true] .p3-tab-text{background:var(--p3-champ);color:#2a1a1d}
.p3-arch-tabs button:nth-child(1){transform:translate(-50%,45%)}
.p3-arch-tabs button:nth-child(6){transform:translate(-50%,45%)}
.p3-arch-panels{margin-top:24px}
.p3-bp-panel{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);column-gap:64px;padding:36px 40px;background:#ffffff0a;border-radius:8px}
.p3-bp-panel>:is(.p3-bp-count,h3,.p3-bp-line){grid-column:1}
.p3-bp-count{font-size:15px!important;color:#c9a67f;margin:0!important}
.p3-bp-panel h3{font-size:40px!important;letter-spacing:-1.2px!important;margin:4px 0 0!important}
.p3-bp-line{margin:8px 0 0!important;color:var(--p3-on-dark)}
.p3-bp-q{grid-column:2;grid-row:1/4;align-self:center;font-size:26px!important;line-height:1.3!important;letter-spacing:-.5px;font-weight:600;color:#fbf6ee;margin:0!important}
.p3-bp-panel .p3-more{grid-column:1/-1;margin-top:24px}
.p3-flows-small{margin:18px 0 0!important;font-size:14px!important;color:#cbbcaf}

/* ===================== 3. RESCUE: recovery terrain ===================== */
.p3-dom-tabs{margin-top:36px}
.p3-terrain-visual{position:relative;margin-top:36px;padding-top:120px}
.p3-signal{position:absolute;left:0;right:0;top:0;width:100%;height:140px}
.p3-signal-base{stroke:#e9cfaa22;stroke-width:1;fill:none}
.p3-signal-line{fill:none;stroke:var(--p3-champ);stroke-width:2.5;stroke-linejoin:round;stroke-dasharray:100;stroke-dashoffset:0;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 6px #e9cfaa66)}
.p3-terrain .is-redraw .p3-signal-line{animation:p3-draw 1.6s var(--p2-ease) both}
.p3-terrain-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;align-items:end}
.p3-plat{position:relative;margin-top:calc((3 - var(--i)) * 30px);padding:24px 24px 26px;background:linear-gradient(180deg,#ffffff12 0%,#ffffff05 100%);border-top:3px solid #e9cfaa55;border-radius:4px;min-height:190px;display:flex;flex-direction:column;gap:6px;transition:background .4s,border-color .4s}
.p3-plat-num{font-size:14px;color:#c9a67f}
.p3-plat strong{font-size:24px;letter-spacing:-.5px;color:#fbf6ee}
.p3-plat-read{display:grid;gap:4px;margin-top:6px;font-size:16px;line-height:1.5;color:var(--p3-on-dark)}
.p3-plat-read em{font-style:normal;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:1.2px;color:#c9a67f}
.p3-plat:has(.lv3:not([hidden])){background:linear-gradient(180deg,#e9cfaa2b 0%,#e9cfaa0a 100%);border-top-color:var(--p3-champ)}
.p3-plat:has(.lv3:not([hidden])) em{color:var(--p3-champ)}
.p3-plat:has(.lv2:not([hidden])){border-top-color:#e9cfaa99}
.p3-plat:has(.lv0:not([hidden])){background:none;border:1px solid #e9cfaa33;border-top-width:3px}
.p3-plat:has(.lv0:not([hidden])) strong{color:#e1d5c8}
.p3-diag-panels{margin-top:28px}
.p3-diag{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px;padding:32px 36px;background:#ffffff0a;border-radius:8px}
.p3-diag li{color:#efe4d6}
.p3-terrain .p3-more{margin-top:24px}
.p3-spectrum{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin-bottom:12px}
.p3-spectrum div{display:grid;gap:6px;align-content:start;padding:18px 14px 0 0;border-top:5px solid}
.p3-spectrum .is-healthy{border-color:#d9c3a4}.p3-spectrum .is-functional{border-color:#c29372}.p3-spectrum .is-fragile{border-color:#9c5a55}.p3-spectrum .is-critical{border-color:#72253a}
html[data-theme=dark] .p3-spectrum .is-critical{border-color:#e35d78}
.p3-spectrum strong{font-size:18px}
.p3-spectrum span{font-size:15px;line-height:1.5;color:var(--s-muted)}

/* ===================== 4. OPTIMIZATION: transformation map ===================== */
.p3-which{padding-top:72px;padding-bottom:72px}
.p3-which-grid{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:24px 64px;align-items:center}
.p3-which-title{font-size:32px!important;letter-spacing:-1px!important;margin:0!important}
.p3-seg{flex-wrap:nowrap;gap:0;background:var(--s-stone);border-radius:999px;padding:4px;width:max-content;max-width:100%}
.p3-seg button{justify-content:center;padding:8px 16px;border:0;border-radius:999px;background:none;color:var(--s-muted);font-size:15px;white-space:nowrap}
.p3-seg button[aria-selected=true]{background:var(--s-raised);color:var(--s-text);font-weight:600;box-shadow:0 6px 16px -10px #4a0f1a80}
.p3-which-panels{padding-top:16px}
.p3-which-panels .p3-panel:not([hidden]){display:flex;flex-wrap:wrap;align-items:center;gap:6px 24px}
.p3-which-q{font-size:21px!important;font-weight:500;margin:0!important}
.p3-prob-tabs{margin-top:36px}
.p3-stagebar{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin-top:14px}
.p3-stagebar button{appearance:none;font:inherit;min-height:56px;padding:10px 14px;border:0;border-radius:6px;background:var(--s-ivory);color:var(--s-muted);font-size:15.5px;font-weight:600;text-align:left;cursor:pointer;display:grid;gap:2px;position:relative;overflow:hidden;transition:background .3s,color .3s}
.p3-stagebar button span{font-size:13px;font-weight:500;opacity:.8}
.p3-stagebar button:after{content:'';position:absolute;left:0;bottom:0;height:3px;width:0;background:var(--s-accent);transition:width .5s var(--p2-ease)}
.p3-stagebar button.is-past:after,.p3-stagebar button[aria-pressed=true]:after{width:100%}
.p3-stagebar button[aria-pressed=true]{background:var(--s-accent);color:var(--s-ivory)}
.p3-prob-panels{margin-top:18px}
.p3-stage-text{font-size:22px!important;line-height:1.4!important;font-weight:500;margin:0!important;animation:p3-in .45s var(--p2-ease) both}
.p3-stage-text strong{display:block;font-size:14px;font-weight:600;color:var(--s-accent);margin-bottom:4px}
.p3-product--strip{margin-top:28px;max-width:980px}
.p3-formula{margin-top:44px}
.p3-formula-tabs{gap:0;align-items:baseline}
.p3-formula-tabs button{background:none;border:0;padding:4px 0;color:#e9cfaa99;font-size:44px;font-weight:600;letter-spacing:-1.4px;line-height:1.15}
/* D-108: a neutral separator; the factors are weighed together, not multiplied */
.p3-formula-tabs button:not(:last-child):after{content:'·';display:inline-block;text-decoration:none;margin:0 16px;color:#e9cfaa66;font-weight:300}
.p3-formula-tabs button:hover,.p3-formula-tabs button[aria-selected=true]{color:#fbf6ee}
.p3-formula-tabs button[aria-selected=true]{text-decoration:underline;text-decoration-color:var(--p3-champ);text-decoration-thickness:3px;text-underline-offset:10px}
.p3-formula-panels{padding-top:24px}
.p3-factor-def{font-size:24px!important;line-height:1.4!important;color:var(--p3-on-dark);max-width:720px;margin:0!important}
.p3-priority-note{margin-top:44px!important;padding-top:22px;border-top:1px solid #e9cfaa33;font-size:19px!important;color:#efe4d6;max-width:820px}
.p3-priority-note strong{color:var(--p3-champ)}

/* ===================== 5. TRAINING: confidence climb ===================== */
.p3-role-tabs{margin-top:36px}
.p3-climb-wrap{--progress:0}
.p3-climb-visual{position:relative;height:320px;margin-top:28px}
.p3-climb-svg{position:absolute;inset:0;width:100%;height:100%}
.p3-climb-path{fill:none;stroke:var(--s-line);stroke-width:3}
.p3-climb-done{fill:none;stroke:var(--s-accent);stroke-width:4;stroke-dasharray:100;stroke-dashoffset:calc(100 - var(--progress) * 100);transition:stroke-dashoffset .8s var(--p2-ease)}
.p3-climb-stations{position:absolute;inset:0}
.p3-station{appearance:none;position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:8px;min-width:88px;min-height:44px;padding:4px;background:none;border:0;cursor:pointer;font:inherit;color:var(--s-muted)}
.p3-station-dot{width:22px;height:22px;border-radius:50%;background:var(--s-ivory);border:2.5px solid var(--s-line);transition:all .4s var(--p2-ease)}
.p3-station-name{position:absolute;left:50%;top:calc(100% - 2px);transform:translate(10px,0);font-size:15px;font-weight:600;white-space:nowrap}
.p3-station:first-of-type .p3-station-name{top:auto;bottom:calc(100% + 4px);transform:translate(-50%,0)}
.p3-station:last-of-type .p3-station-name{top:50%;left:auto;right:50%;transform:translate(-22px,-95%)}
.p3-station.is-past .p3-station-dot{background:var(--s-accent);border-color:var(--s-accent)}
.p3-station[aria-pressed=true] .p3-station-dot{width:34px;height:34px;background:var(--s-accent);border-color:var(--s-accent);box-shadow:0 0 0 10px #72253a22}
.p3-station[aria-pressed=true]{color:var(--s-text)}
.p3-meter{position:absolute;right:0;top:0;bottom:30px;width:10px;border-radius:5px;background:var(--s-line);overflow:hidden}
.p3-meter-fill{position:absolute;left:0;right:0;bottom:0;height:calc(20% + var(--progress) * 80%);background:linear-gradient(0deg,var(--s-accent),#c98e6a);transition:height .8s var(--p2-ease)}
.p3-meter em{position:absolute;right:18px;top:0;font-style:normal;font-size:13px;font-weight:600;color:var(--s-muted);writing-mode:vertical-rl;transform:rotate(180deg)}
.p3-climb-card{display:grid;grid-template-columns:minmax(0,1fr);gap:0;margin-top:14px;padding:32px 36px 26px;background:var(--s-raised);border-radius:10px;box-shadow:0 50px 90px -60px #4a0f1a80,0 0 0 1px var(--s-line)}
.p3-climb-panels .p3-panel:not([hidden]){display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:40px;align-items:center}
.p3-climb-panels .p3-panel:not([hidden]):not(:has(.p3-product)){grid-template-columns:minmax(0,1fr)}
.p3-climb-say{font-size:26px!important;line-height:1.3!important;letter-spacing:-.5px;font-weight:600;margin:0!important}
.p3-climb-wrap.is-rolechange .p3-climb-say{animation:p3-in .5s var(--p2-ease) both}
.p3-product--climb figcaption{font-size:14px}
.p3-life{list-style:none;margin:48px 0 36px;padding:0;display:grid;grid-template-columns:1fr 1.3fr 1fr;gap:0;position:relative;border-radius:10px;overflow:hidden;box-shadow:0 50px 90px -60px #4a0f1a66}
.p3-life li{padding:30px 28px 24px;background:var(--s-raised);display:flex;flex-direction:column;gap:8px}
.p3-life li+li{border-left:1px solid var(--s-line)}
.p3-life li.is-here{background:linear-gradient(160deg,#72253a,#4a0f1a);color:var(--p3-cream)}
.p3-life li.is-here h3{color:#fbf6ee}
.p3-life li.is-here p,.p3-life li.is-here .p3-life-when{color:var(--p3-on-dark)}
.p3-life-when{font-size:14px;font-weight:600;color:var(--s-muted)}
.p3-life h3{font-size:24px!important;margin:0!important}
.p3-life p{color:var(--s-muted);margin:0 0 8px!important}
.p3-life .text-action{margin-top:auto}
.p3-here{margin-top:auto;font-size:15px;font-weight:600;color:var(--p3-champ);min-height:44px;display:flex;align-items:center}
.p3-traced{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px}
.p3-traced div{padding:10px 0;border-top:1px solid var(--s-line)}
.p3-traced dt{font-weight:600}
.p3-traced dd{margin:2px 0 0;color:var(--s-muted);font-size:16px}

/* ===================== 6. SUPPORT: living environment ===================== */
.p3-thread{padding-top:72px;padding-bottom:72px}
.p3-thread-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px 64px;align-items:end}
.p3-thread-head h2{font-size:34px!important;letter-spacing:-1.1px!important}
.p3-thread-head p{color:var(--s-muted);margin:0!important}
.p3-thread-list{list-style:none;margin:40px 0 0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;position:relative}
.p3-thread-list:before{content:'';position:absolute;left:9px;right:0;top:9px;height:2px;background:linear-gradient(90deg,var(--s-line) 0%,var(--s-line) 64%,var(--s-accent) 70%,var(--s-accent) 100%)}
.p3-thread-list li{position:relative;padding:34px 18px 0 0;font-size:16px;line-height:1.4;color:var(--s-muted)}
.p3-thread-node{position:absolute;left:0;top:0;width:20px;height:20px;border-radius:50%;background:var(--s-stone);border:2px solid var(--s-line)}
.p3-thread-list li.is-beyond{color:var(--s-text);font-weight:600;font-size:18px}
.p3-thread-list li.is-beyond .p3-thread-node{background:var(--s-accent);border-color:var(--s-accent)}
.p3-thread-list strong{font-weight:inherit}
.p3-mode-tabs{margin-top:36px;gap:10px}
.p3-mode-tabs button{flex:1 1 0;flex-direction:column;align-items:flex-start;padding:16px 20px;border:1px solid #e9cfaa2e;border-radius:6px;background:#ffffff08;color:#f3e9dc;font-size:19px;font-weight:600;gap:2px}
.p3-mode-tabs button:hover{border-color:#e9cfaa66}
.p3-mode-tabs button[aria-selected=true]{background:linear-gradient(160deg,#e9cfaa,#d9b58c);color:#2a1a1d;border-color:transparent}
.p3-mode-panels{margin-top:14px}
.p3-mode-sum{font-size:19px!important;color:var(--p3-on-dark);margin:0!important}
.p3-env-stage{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"core events" "core resp";gap:24px 48px;margin-top:40px;align-items:start}
.p3-env-core{grid-area:core;position:relative;padding:28px;border-radius:14px;background:linear-gradient(160deg,#2c1219,#1a0c10);border:1px solid #e9cfaa2e;box-shadow:0 60px 100px -50px #000}
.p3-env-core:before{content:'';position:absolute;inset:-18px;border-radius:24px;border:1px solid #e9cfaa1a;pointer-events:none}
.p3-env-title{font-size:15px!important;font-weight:600;color:var(--p3-champ);margin:0 0 16px!important}
.p3-env-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.p3-tile{padding:22px 18px;border-radius:8px;background:#ffffff08;border:1px solid #e9cfaa1f;font-size:17px;font-weight:600;color:#cbbcaf;transition:all .45s var(--p2-ease)}
.p3-tile.is-lit{background:linear-gradient(160deg,#e9cfaa,#d9b58c);color:#2a1a1d;border-color:transparent;box-shadow:0 20px 40px -20px #e9cfaa99;transform:translateY(-3px)}
.p3-env-events{grid-area:events;display:flex;flex-wrap:wrap;gap:8px}
.p3-event{appearance:none;font:inherit;font-size:15px;min-height:44px;padding:9px 16px;border-radius:999px;border:1px solid #e9cfaa2e;background:none;color:#9f928a;cursor:pointer;transition:all .35s}
.p3-event.is-in-mode{color:#f3e9dc;border-color:#e9cfaa66;background:#ffffff0a}
.p3-event[aria-pressed=true]{background:var(--p3-champ);color:#2a1a1d;border-color:var(--p3-champ);font-weight:600}
.p3-env-response{grid-area:resp;padding:26px 28px;border-radius:8px;background:#ffffff0a;border-left:3px solid var(--p3-champ);min-height:130px}
.p3-env-hint{margin:0!important;color:var(--p3-on-dark)}
.p3-env-say{font-size:21px!important;line-height:1.4!important;margin:0!important;color:#fbf6ee}
.p3-close-split .p3-split-lead{position:static}

/* ---------- Motion ---------- */
.p2-motion .p3-rv{opacity:0;transform:translateY(22px);transition:opacity .9s var(--p2-ease),transform .9s var(--p2-ease)}
.p2-motion .p3-rv.is-in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.p3-hero-copy>*,.p3-hero-media img,.p3-panel,.p3-more-body,.p3-stage-text,.p3-sheet,.p3-mark,.p3-mini .pkt,.p3-arch-recon{animation:none!important}.p3-flowlines path{animation:none;stroke-dasharray:none}.p3-simplify path{animation:none}.p3-tf-node,.p3-arch-pkt,.p3-climb-done,.p3-meter-fill,.p3-tile{transition:none!important}}

/* ---------- Page tools on P3 (D-001) ---------- */
.p3-page .page-tools.is-compact{padding:4px}
.p3-page .page-tools.is-compact :is(.back-to-top,.preference-control){width:44px;min-height:44px}


.p3-page .page-tools:not(.is-tab):not(.is-compact) :is(.preference-control,.back-to-top){min-height:44px;display:inline-flex;align-items:center}

/* =============================== 1001-1250 =============================== */
@media (min-width:1001px) and (max-width:1250px){
 .p3-page{--p3-pad:96px}
 .p3-split{gap:56px}
 .p3-hero--split .p3-hero-inner{gap:48px}
 .p3-hero-panel{height:540px}
 .p3-hero--horizon .p3-hero-media img{object-position:30% 50%}
 .p3-hero--horizon .p3-hero-copy{max-width:540px}
 .p3-land-grid{gap:36px}
 .p3-land-tabs button{width:140px}
 .p3-land-tabs strong{font-size:15px}
 .p3-dossier{padding:32px 32px 28px}
 .p3-dossier-grid{grid-template-columns:minmax(0,1fr);gap:0}
 .p3-statement-title{font-size:56px!important}
 .p3-arch-tabs .p3-tab-text{font-size:12px}
 .p3-formula-tabs button{font-size:36px}
 .p3-which-grid{grid-template-columns:minmax(0,1fr)}
 .p3-plat strong{font-size:21px}
}

/* =============================== 701-1000 (tablet) =============================== */
@media (min-width:701px) and (max-width:1000px){
 .al-td{width:25%;gap:10px;font-size:12px;padding-left:10px}
 .p3-al strong{font-size:15px}
 .p3-page{--p3-pad:84px}
 :where(.p3-page) .p3-sec h2{font-size:40px;letter-spacing:-1.4px}
 .p3-hero-inner{padding-top:150px}
 :is(.p3-hero--horizon,.p3-hero--ascent,.p3-hero--panorama) .p3-hero-media{left:0;bottom:auto;height:540px}
 :is(.p3-hero--horizon,.p3-hero--ascent,.p3-hero--panorama) .p3-hero-media:after{background:linear-gradient(180deg,#0c080ba6 0%,#0c080b00 20%,#0c080b00 62%,#0c080bd9 86%,#0c080b 100%)}
 :is(.p3-hero--horizon,.p3-hero--ascent,.p3-hero--panorama) .p3-hero-inner{display:block;min-height:0;padding-top:480px}
 .p3-hero--horizon .p3-hero-media img{object-position:60% 50%}
 .p3-hero--ascent .p3-hero-media img{object-position:44% 40%}
 .p3-hero--panorama .p3-hero-media img{object-position:64% 50%}
 .p3-hero--split .p3-hero-inner{grid-template-columns:minmax(0,1fr);gap:40px}
 .p3-hero-panel{height:340px}
 .p3-hero--strip .p3-hero-media{height:320px}
 .p3-hero--strip .p3-hero-inner,.p3-hero--band .p3-hero-inner{grid-template-columns:minmax(0,1fr);gap:22px;padding-top:48px}
 .p3-hero--band .p3-hero-inner{padding-top:150px}
 .p3-hero--band .p3-hero-media{height:360px}
 .p3-split{grid-template-columns:minmax(0,1fr);gap:40px}
 .p3-land-grid{grid-template-columns:minmax(0,1fr);gap:32px}
 .p3-land-field{max-width:560px;margin:0 auto}
 .p3-land-tabs button{width:140px}
 .p3-dossier-layout{grid-template-columns:minmax(0,1fr);gap:36px}
 .p3-evidence-comp{grid-template-columns:minmax(0,1fr)}
 .p3-product--hero{transform:none}
 .p3-asks{margin:18px 0 0}
 .p3-wedge{width:100%;top:auto;height:50%;clip-path:polygon(0 30%,100% 0,100% 100%,0 100%)}
 .p3-choose-opt{padding:32px 28px}
 .p3-next ul{grid-template-columns:minmax(0,1fr)}
 .p3-statement-title{font-size:48px!important;letter-spacing:-1.8px!important}
 .p3-compare{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}
 .p3-scen{grid-template-columns:minmax(0,1fr)}
 .p3-arch-tabs .p3-tab-text{font-size:11.5px;padding:2px 6px}
 .p3-arch-tabs button{min-width:52px}
 .p3-al{font-size:12px}
 .p3-al strong{font-size:14px}
 .p3-bp-panel{grid-template-columns:minmax(0,1fr);padding:30px}
 .p3-bp-q{grid-column:1;grid-row:auto;margin-top:18px!important;font-size:23px!important}
 .p3-terrain-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
 .p3-plat{margin-top:0}
 .p3-terrain-visual{padding-top:110px}
 .p3-diag{grid-template-columns:minmax(0,1fr);gap:8px}
 .p3-spectrum{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:12px}
 .p3-which-grid{grid-template-columns:minmax(0,1fr)}
 .p3-stagebar button{font-size:14px;padding:8px 10px}
 .p3-formula-tabs button{font-size:27px}
 .p3-formula-tabs button:not(:last-child):after{margin:0 10px}
 .p3-inline-row{grid-template-columns:minmax(0,1fr)}
 .p3-climb-visual{height:280px}
 .p3-climb-panels .p3-panel:not([hidden]){grid-template-columns:minmax(0,1fr);gap:24px}
 .p3-life{grid-template-columns:minmax(0,1fr)}
 .p3-life li+li{border-left:0;border-top:1px solid var(--s-line)}
 .p3-thread-head{grid-template-columns:minmax(0,1fr)}
 .p3-thread-list li{font-size:14.5px;padding-right:10px}
 .p3-thread-list li.is-beyond{font-size:16px}
 .p3-env-stage{grid-template-columns:minmax(0,1fr);grid-template-areas:"events" "core" "resp";gap:20px}
 .p3-env-tiles{grid-template-columns:repeat(4,minmax(0,1fr))}
 .p3-tile{padding:18px 12px;font-size:15px}
}

/* =============================== <=700 (phone) =============================== */
@media (max-width:700px){
 /* Clear lane for the 44px page-tools tab (D-001): dense cards keep their content 30px from their right edge */
 .p3-page :is(.p3-dossier,.p3-plat,.p3-diag,.p3-bp-panel,.p3-climb-card,.p3-env-response,.p3-env-core,.p3-sheet,.p3-asks){padding-right:30px}
 .p3-arch-tabs>button{justify-self:start;width:fit-content}
 .p3-page{--p3-pad:64px}
 :where(.p3-page) .p3-sec h2{font-size:32px;letter-spacing:-1.1px}
 .p3-head-lead{font-size:17.5px!important}
 .p3-lead{font-size:17.5px!important}
 .p3-sec p,.p3-sec li,.p3-sec dd{font-size:16.5px}
 .p3-hero-inner{padding:0 var(--content-edge) 56px}
 :is(.p3-hero--horizon,.p3-hero--ascent,.p3-hero--panorama) .p3-hero-media{left:0;bottom:auto;height:500px}
 :is(.p3-hero--horizon,.p3-hero--ascent,.p3-hero--panorama) .p3-hero-media:after{background:linear-gradient(180deg,#0c080ba6 0%,#0c080b00 22%,#0c080b00 48%,#0c080bcc 74%,#0c080b 100%)}
 :is(.p3-hero--horizon,.p3-hero--ascent,.p3-hero--panorama) .p3-hero-inner{display:block;min-height:0;padding-top:420px}
 :is(.p3-hero--horizon,.p3-hero--ascent,.p3-hero--panorama) .p3-hero-media img{object-position:50% 40%}
 .p3-hero h1{margin:14px 0 18px!important}
 .p3-crumb{margin-bottom:14px}
 .p3-stair{display:none}
 .p3-hero--split .p3-hero-inner{display:block;padding-top:112px}
 .p3-hero-panel{height:260px;margin-top:40px}
 .p3-hero--strip .p3-hero-media{height:240px}
 .p3-simplify{bottom:18px;height:90px}
 .p3-hero--strip .p3-hero-inner,.p3-hero--band .p3-hero-inner{display:block;padding-top:36px;padding-bottom:48px}
 :is(.p3-hero--strip,.p3-hero--band) .p3-hero-side{margin-top:18px}
 .p3-hero--band .p3-hero-inner{padding-top:112px;padding-bottom:40px}
 .p3-hero--band .p3-hero-media{height:280px}
 .p3-hero--band .p3-hero-media img{object-position:50% 60%}
 .p3-split{grid-template-columns:minmax(0,1fr);gap:28px}
 .p3-geo{background:linear-gradient(160deg,#72253a00 0 70%,#72253a59 70% 100%)}
 /* Sales on phones: a compact ring as orientation, then a focused list of outcomes and the dossier */
 .p3-land-grid{grid-template-columns:minmax(0,1fr);gap:20px;margin-top:28px}
 .p3-land-field{aspect-ratio:auto;max-width:none}
 .p3-land-svg{position:relative;display:block;width:200px;height:200px;margin:0 auto 6px}
 .p3-land-center{top:100px}
 .p3-land-center strong{font-size:18px}
 .p3-land-tabs{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
 .p3-land-tabs button,.p3-land-tabs button:nth-child(n){position:relative;left:auto;top:auto;transform:none;width:auto;align-items:flex-start;text-align:left;padding:10px 12px;border:1px solid #e9cfaa2e;border-radius:8px;background:#ffffff08}
 .p3-land-tabs button[aria-selected=true]{border-color:var(--p3-champ);background:#e9cfaa1a}
 .p3-land-tabs strong{font-size:15px}
 .p3-land-kind{font-size:11px}
 .p3-dossier{padding:26px 22px 22px;box-shadow:0 40px 70px -40px #000}
 .p3-dossier h3{font-size:27px!important}
 .p3-dossier-line{font-size:17px!important}
 .p3-dossier-grid{grid-template-columns:minmax(0,1fr);gap:0}
 .p3-dossier-layout{grid-template-columns:minmax(0,1fr);gap:24px}
 .p3-lens-tabs{flex-direction:row;flex-wrap:wrap;gap:8px;border-top:0;margin-top:24px}
 .p3-lens-tabs button{width:auto;padding:9px 14px;border:1px solid var(--s-line);border-radius:999px;font-size:15px}
 .p3-lens-tabs button[aria-selected=true]{padding-left:14px;box-shadow:none;background:var(--s-accent);color:var(--s-ivory);border-color:var(--s-accent)}
 .p3-stack{padding:14px 14px 0 0}
 .p3-stack-sheet{inset:0 0 14px 14px}
 .p3-sheet{padding:26px 22px 18px;min-height:0}
 .p3-sheet-q{font-size:25px!important}
 .p3-evidence-comp{grid-template-columns:minmax(0,1fr);margin-top:28px}
 .p3-product--hero{transform:none}
 .p3-asks{margin:14px 0 0;padding:24px 20px 12px}
 .p3-wedge{width:100%;top:auto;height:55%;clip-path:polygon(0 20%,100% 0,100% 100%,0 100%)}
 .p3-choose-grid{grid-template-columns:minmax(0,1fr);gap:14px}
 .p3-choose-opt{padding:26px 22px}
 .p3-choose-opt h3{font-size:22px!important}
 .p3-next ul{grid-template-columns:minmax(0,1fr)}
 .p3-product-frame{padding:8px}
 /* Integration on phones: a guided vertical flow instead of the wide canvas */
 .p3-statement{padding-top:64px;padding-bottom:64px}
 .p3-statement-title{font-size:38px!important;letter-spacing:-1.4px!important}
 .p3-compare{grid-template-columns:minmax(0,1fr);gap:12px;margin-top:28px}
 .p3-mini{padding:20px 20px 18px}
 .p3-scen{grid-template-columns:minmax(0,1fr)}
 .p3-scen-btns button{font-size:14.5px;padding:8px 13px}
 .p3-arch-canvas{aspect-ratio:auto;background:none;border:0}
 .p3-arch-svg,.p3-arch-labels{display:none}
 .p3-arch-tabs{position:relative;display:grid;grid-template-columns:minmax(0,1fr);gap:0;padding-left:8px}
 .p3-arch-tabs:before{content:'';position:absolute;left:18px;top:22px;bottom:22px;width:2px;background:linear-gradient(180deg,#e9cfaa,#e9cfaa44)}
 .p3-arch-tabs button,.p3-arch-tabs button:nth-child(n){position:relative;left:auto;top:auto;transform:none;flex-direction:row;justify-content:flex-start;gap:14px;min-height:46px;padding:4px 0}
 .p3-arch-tabs .p3-tab-text{font-size:16px;background:none;padding:0;margin:0}
 .p3-arch-tabs .p3-tab-num{display:inline;font-size:13px}
 .p3-arch-tabs button[aria-selected=true] .p3-tab-text{background:none;color:var(--p3-champ)}
 .p3-bp-panel{grid-template-columns:minmax(0,1fr);padding:24px 20px}
 .p3-bp-panel h3{font-size:32px!important}
 .p3-bp-q{grid-column:1;grid-row:auto;margin-top:16px!important;font-size:21px!important}
 .p3-stepnav{flex-wrap:wrap}
 .p3-stepnav button{flex:1;justify-content:center;padding:10px 14px;font-size:15px}
 .p3-stepbar{order:-1;flex-basis:100%;max-width:none}
 /* Rescue on phones */
 .p3-terrain-visual{padding-top:80px}
 .p3-signal{height:90px}
 .p3-terrain-steps{grid-template-columns:minmax(0,1fr);gap:10px}
 .p3-plat{margin-top:0;min-height:0;padding:18px 20px 20px}
 .p3-plat strong{font-size:20px}
 .p3-diag{grid-template-columns:minmax(0,1fr);gap:4px;padding:22px 20px}
 .p3-spectrum{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:12px}
 /* Optimization on phones: the map recomposes vertically */
 .p3-which{padding-top:32px;padding-bottom:56px}
 .p3-which-grid{grid-template-columns:minmax(0,1fr);gap:18px}
 .p3-which-title{font-size:26px!important}
 .p3-seg{flex-wrap:wrap;width:auto;border-radius:22px;gap:2px}
 .p3-seg button{flex:1 1 auto;font-size:14.5px;padding:8px 12px}
 .p3-which-q{font-size:18.5px!important}
 .p3-prob-tabs button{font-size:14.5px;padding:8px 13px}
 .p3-stagebar{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}
 .p3-stagebar button{font-size:0;min-height:48px;padding:8px 4px;justify-items:center}
 .p3-stagebar button span{font-size:14px}
 .p3-stage-text{font-size:19px!important}
 .p3-formula-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}
 .p3-formula-tabs button{font-size:24px;letter-spacing:-.6px;padding:8px 0}
 .p3-formula-tabs button:not(:last-child):after{display:none}
 .p3-factor-def{font-size:19px!important}
 .p3-inline-cta,.p3-close-band{padding-top:64px;padding-bottom:64px}
 .p3-inline-row{grid-template-columns:minmax(0,1fr);gap:24px}
 .p3-inline-row h2{font-size:30px!important}
 /* Training on phones: a vertical climb */
 .p3-role-tabs button{font-size:14.5px;padding:8px 13px}
 .p3-climb-visual{height:auto;margin-top:24px}
 .p3-climb-svg{display:none}
 .p3-climb-stations{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;padding-right:22px}
 .p3-station{position:relative;left:auto;top:auto;transform:none;min-width:0}
 .p3-station-name{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
 .p3-meter{top:0;bottom:0}
 .p3-meter em{display:none}
 .p3-climb-card{padding:22px 20px 18px}
 .p3-climb-panels .p3-panel:not([hidden]){grid-template-columns:minmax(0,1fr);gap:18px}
 .p3-climb-say{font-size:21px!important}
 .p3-life{grid-template-columns:minmax(0,1fr);margin:32px 0 28px}
 .p3-life li+li{border-left:0;border-top:1px solid var(--s-line)}
 .p3-life li{padding:22px 20px 16px}
 .p3-traced{grid-template-columns:minmax(0,1fr)}
 /* Support on phones */
 .p3-thread{padding-top:56px;padding-bottom:56px}
 .p3-thread-head{grid-template-columns:minmax(0,1fr);gap:10px}
 .p3-thread-head h2{font-size:27px!important}
 .p3-thread-list{grid-template-columns:minmax(0,1fr);margin-top:28px}
 .p3-thread-list:before{left:9px;right:auto;top:10px;bottom:10px;width:2px;height:auto;background:linear-gradient(180deg,var(--s-line) 0%,var(--s-line) 64%,var(--s-accent) 72%,var(--s-accent) 100%)}
 .p3-thread-list li{padding:6px 0 12px 36px;font-size:15.5px}
 .p3-thread-node{top:6px}
 .p3-mode-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .p3-mode-tabs button{font-size:16px;padding:12px 14px}
 .p3-env-stage{grid-template-columns:minmax(0,1fr);grid-template-areas:"events" "core" "resp";gap:16px;margin-top:28px}
 .p3-env-core{padding:18px}
 .p3-env-core:before{display:none}
 .p3-tile{padding:14px 12px;font-size:15px}
 .p3-event{font-size:14.5px;padding:8px 13px}
 .p3-event:not(.is-in-mode){display:none}
 .p3-env-say{font-size:18.5px!important}
}
.p3-asks .p3-label{color:var(--p3-champ)}

/* =====================================================================
   Content and conversion rebuild (2026-09-21): intro, method, principles, routes, coverage,
   autoplay control, full product screens and viewer. Base = desktop; ranges follow below.
   ===================================================================== */
/* ---------- Intro: what the service is, who it is for, how we help ---------- */
.p3-intro-top{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:72px;align-items:start}
:where(.p3-page) .p3-intro-title h2{font-size:56px;line-height:1.04;letter-spacing:-2.2px;margin:0!important;text-wrap:balance}
.p3-intro-lead{font-size:21px!important;line-height:1.55!important;color:var(--s-text);margin:0 0 28px!important}
.p3-intro-body .p3-ticks li{color:var(--s-muted)}
.p3-intro-how-label{margin:64px 0 0!important;font-size:15px!important;font-weight:600;color:var(--s-muted)}
.p3-intro-how{list-style:none;margin:14px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 32px;border-top:1px solid var(--s-line)}
.p3-intro-how li{position:relative;display:grid;align-content:start;gap:8px;padding:26px 0 0}
.p3-intro-how li:before{content:'';position:absolute;left:0;top:-2px;width:56px;height:3px;background:var(--s-accent)}
.p3-intro-n{font-size:14px;font-weight:600;color:var(--s-accent)}
.p3-intro-how strong{font-size:21px;line-height:1.25;letter-spacing:-.3px}
.p3-intro-how li>span:last-child{font-size:16.5px;line-height:1.55;color:var(--s-muted)}
.p2-motion .p3-intro-how.p3-rv li:before{width:0;transition:width 1s .3s var(--p2-ease)}
.p2-motion .p3-intro-how.p3-rv.is-in li:before{width:56px}

/* ---------- Method: stage rail and stage panel ---------- */
.p3-method-body{margin-top:44px}
.p3-method-grid-outer{display:grid;grid-template-columns:minmax(0,.36fr) minmax(0,1fr);gap:56px;align-items:start}
.p3-method-rail{position:sticky;top:110px}
.p3-method-tabs{position:relative;flex-direction:column;flex-wrap:nowrap;gap:4px}
.p3-method-tabs:before{content:'';position:absolute;left:21px;top:26px;bottom:26px;width:2px;background:var(--s-line)}
.p3-method-tabs button{position:relative;width:100%;gap:18px;padding:6px 8px 6px 0;border:0;background:none;color:var(--s-muted);font-size:19px;font-weight:500}
.p3-method-tabs .p3-tab-num{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--s-raised);border:1.5px solid var(--s-line);font-size:14px;font-weight:600;opacity:1;z-index:1;transition:background .35s,border-color .35s,color .35s,box-shadow .35s}
.p3-method-tabs button:hover{color:var(--s-text)}
.p3-method-tabs button:hover .p3-tab-num{border-color:var(--s-accent)}
.p3-method-tabs button[aria-selected=true]{color:var(--s-text);font-weight:600}
.p3-method-tabs button[aria-selected=true] .p3-tab-num{background:var(--s-accent);border-color:var(--s-accent);color:var(--s-ivory);box-shadow:0 0 0 7px #72253a1f}
.p3-method-panels .p3-panel{padding:44px 48px 40px;background:var(--s-raised);border-radius:10px;border-top:3px solid var(--s-accent);box-shadow:0 50px 90px -60px #4a0f1a80,0 0 0 1px var(--s-line)}
.p3-method-count{font-size:14px!important;font-weight:600;color:var(--s-accent);margin:0 0 10px!important}
.p3-method-panels h3{font-size:34px!important;line-height:1.12!important;letter-spacing:-1px!important;margin:0 0 14px!important;text-wrap:balance}
.p3-method-text{font-size:19px!important;color:var(--s-muted);margin:0!important;max-width:680px}
.p3-method-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:32px;margin-top:28px;padding-top:24px;border-top:1px solid var(--s-line);align-items:start}
.p3-method-out{padding:22px 24px;border-radius:8px;background:linear-gradient(160deg,#72253a 0%,#4a0f1a 100%);color:var(--p3-cream)}
.p3-method-out .p3-label{color:var(--p3-champ)}
.p3-method-out p:not(.p3-label){margin:0!important;font-size:18px!important;line-height:1.45!important;font-weight:500;color:#fbf6ee}
html[data-theme=dark] .p3-method-tabs button[aria-selected=true] .p3-tab-num{color:#2a1a1d}

/* ---------- Principles ---------- */
.p3-principles-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:72px;align-items:start}
.p3-principles-grid .p3-head{position:sticky;top:120px}
.p3-principle-list{list-style:none;margin:0;padding:0}
.p3-principle-list li{display:grid;grid-template-columns:56px minmax(0,1fr);column-gap:8px;padding:22px 0;border-top:1px solid #e9cfaa33}
.p3-principle-list li:last-child{border-bottom:1px solid #e9cfaa33}
.p3-principle-n{grid-row:1/3;padding-top:5px;font-size:15px;font-weight:600;color:var(--p3-champ)}
.p3-principle-list strong{font-size:23px;line-height:1.25;letter-spacing:-.4px;color:#fbf6ee}
.p3-principle-list p{margin:6px 0 0!important;color:var(--p3-on-dark)}

/* ---------- Integration: routes, statement lead, Blueprint questions ---------- */
.p3-statement-lead{max-width:760px;margin:24px 0 0!important;font-size:20px!important;color:var(--s-muted)}
.p3-route-list{list-style:none;margin:48px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 32px}
.p3-route-list li{padding:26px 0 0;border-top:2px solid var(--s-line);display:grid;align-content:start;gap:6px}
.p3-route-n{font-size:40px;line-height:1;font-weight:600;letter-spacing:-1.4px;color:var(--s-accent);opacity:.35}
.p3-route-list h3{font-size:23px!important;margin:10px 0 0!important}
.p3-route-what{font-weight:600;margin:0!important}
.p3-route-list p:not(.p3-route-what){color:var(--s-muted);margin:0!important}
.p3-bp-qs{grid-column:2;grid-row:1/4;align-self:center}
.p3-bp-qs .p3-bp-q{margin:0 0 10px!important}
.p3-bp-qs li{color:#efe4d6}

/* ---------- Optimization, Rescue, Training, Support additions ---------- */
.p3-which-lead{margin:10px 0 0!important;font-size:17px!important;color:var(--s-muted)}
.p3-prob-body{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:40px;align-items:start}
.p3-prob-body:not(:has(.p3-product)){grid-template-columns:minmax(0,1fr)}
.p3-prob-body .p3-product--strip{margin-top:0;max-width:none}
.p3-finding{margin-top:28px;padding:22px 24px;background:var(--s-stone);border-left:3px solid var(--s-accent)}
.p3-finding p:not(.p3-label){margin:0!important;color:var(--s-muted)}
.p3-finding strong{color:var(--s-text)}
.p3-climb-do{font-size:19px!important;line-height:1.5!important;color:var(--s-text);margin:0 0 18px!important}
.p3-climb-for{font-size:14px!important;font-weight:600;color:var(--s-muted);margin:0 0 4px!important;padding-top:16px;border-top:1px solid var(--s-line)}
.p3-climb-panels .p3-climb-say{font-size:23px!important}
.p3-covers-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:72px;align-items:start}
.p3-cover-list{list-style:none;margin:36px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px}
.p3-cover-list li{display:flex;gap:14px;align-items:baseline;padding:16px 0;border-top:1px solid var(--s-line);font-size:19px!important;font-weight:600}
.p3-cover-list span{flex:none;font-size:13px;font-weight:600;color:var(--s-accent)}
.p3-formats{padding:36px 38px 30px;background:var(--s-raised);border-radius:10px;box-shadow:0 50px 90px -60px #4a0f1a66,0 0 0 1px var(--s-line)}
.p3-formats-note{margin:18px 0 0!important;font-size:15px!important;color:var(--s-muted)}
.p3-thread-cycles{margin:36px 0 0!important;color:var(--s-muted)}
.p3-thread-cycles strong{color:var(--s-text)}

/* ---------- Autoplay control ---------- */
.p3-ap{display:flex;align-items:center;flex-wrap:wrap;gap:10px 14px;margin:0 0 20px}
.p3-ap-btn{appearance:none;display:inline-flex;align-items:center;gap:9px;min-height:44px;min-width:44px;padding:8px 16px 8px 13px;border-radius:999px;border:1px solid var(--s-line);background:var(--s-raised);color:var(--s-text);font:inherit;font-size:14.5px;font-weight:600;cursor:pointer}
.p3-ap-btn:hover{border-color:var(--s-accent)}
.p3-ap-icon{position:relative;width:12px;height:12px}
.p3-ap-icon:before,.p3-ap-icon:after{content:'';position:absolute;top:0;width:4px;height:12px;border-radius:1px;background:currentColor}
.p3-ap-icon:before{left:1px}.p3-ap-icon:after{right:1px}
.is-ap-idle .p3-ap-icon:before{left:2px;width:0;height:0;border-radius:0;background:none;border-style:solid;border-width:6px 0 6px 10px;border-color:transparent transparent transparent currentColor}
.is-ap-idle .p3-ap-icon:after{display:none}
.p3-ap-hint{font-size:14px;line-height:1.4;color:var(--s-muted)}
.p3-ap-hint-touch{display:none}
@media (hover:none){.p3-ap-hint-mouse{display:none}.p3-ap-hint-touch{display:inline}}
.p3-ap-bar{flex:0 0 96px;height:3px;border-radius:2px;background:var(--s-line);overflow:hidden}
.p3-ap-bar i{display:block;height:100%;width:0;background:var(--s-accent)}
.is-ap-playing .p3-ap-bar i{animation:p3-apbar var(--ap-ms,5s) linear forwards}
@keyframes p3-apbar{to{width:100%}}
.is-ap-idle .p3-ap-bar{opacity:.4}
.is-ap-off .p3-ap{display:none}
:is(.p3-surface-wine,.p3-surface-ink,.p3-surface-dusk) .p3-ap-btn{background:#ffffff0d;border-color:#e9cfaa4d;color:#f3e9dc}
:is(.p3-surface-wine,.p3-surface-ink,.p3-surface-dusk) .p3-ap-btn:hover{border-color:var(--p3-champ)}
:is(.p3-surface-wine,.p3-surface-ink,.p3-surface-dusk) .p3-ap-hint{color:var(--p3-on-dark)}
:is(.p3-surface-wine,.p3-surface-ink,.p3-surface-dusk) .p3-ap-bar{background:#e9cfaa33}
:is(.p3-surface-wine,.p3-surface-ink,.p3-surface-dusk) .p3-ap-bar i{background:var(--p3-champ)}
.p3-land-grid>.p3-ap{grid-column:1/-1;margin-bottom:0}
.p3-dossier-layout .p3-ap{margin:24px 0 0}
/* Autoplay panels share one cell, so switching never makes the page below jump */
.p3-ap-stack{display:grid}
.p3-ap-stack>.p3-panel{grid-area:1/1}
.p3-ap-stack>.p3-panel[hidden]{display:block;visibility:hidden}
.p3-land-panels.p3-ap-stack>.p3-panel{align-self:center}

/* ---------- Full product screens and viewer ---------- */
.p3-zoom{appearance:none;display:block;width:100%;border:0;font:inherit;text-align:left;color:inherit;cursor:zoom-in}
.p3-zoom:focus-visible{outline:3px solid #ac7650;outline-offset:4px}
.p3-shot{position:relative;display:block}
.p3-shot img{display:block;width:100%;height:auto}
.p3-zoom-hint{position:absolute;right:24px;bottom:24px;padding:8px 14px;border-radius:999px;background:#211b1ce6;color:#fbf6ee;font-size:13.5px;font-weight:600;opacity:0;transform:translateY(6px);transition:opacity .3s,transform .3s var(--p2-ease)}
.p3-zoom:hover .p3-zoom-hint,.p3-zoom:focus-visible .p3-zoom-hint{opacity:1;transform:none}
@media (hover:none){.p3-zoom-hint{opacity:1;transform:none}}
.p3-lightbox{width:min(1440px,96vw);max-width:none;max-height:92vh;padding:0;border:0;border-radius:10px;background:#fff;box-shadow:0 60px 120px -40px #000;overflow:hidden}
.p3-lightbox::backdrop{background:#120709d9}
.p3-lightbox-scroll{max-height:92vh;overflow:auto}
.p3-lightbox img{display:block;width:100%;min-width:960px;height:auto}
.p3-lightbox-close{position:absolute;top:12px;right:12px;z-index:1;min-height:44px;padding:8px 18px;border:0;border-radius:999px;background:#211b1c;color:#fbf6ee;font:inherit;font-size:15px;font-weight:600;cursor:pointer}
.p3-lightbox-close:focus-visible{outline:3px solid #ac7650;outline-offset:3px}
@media (prefers-reduced-motion:reduce){.is-ap-playing .p3-ap-bar i{animation:none}.p3-zoom-hint{transition:none}}

@media (min-width:1001px) and (max-width:1250px){
 :where(.p3-page) .p3-intro-title h2{font-size:48px}
 .p3-intro-top{gap:56px}
 .p3-intro-how{gap:0 24px}
 .p3-method-grid-outer{grid-template-columns:minmax(0,.4fr) minmax(0,1fr);gap:40px}
 .p3-method-panels .p3-panel{padding:36px 38px 34px}
 .p3-method-grid{grid-template-columns:minmax(0,1fr)}
 .p3-route-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
 .p3-principles-grid{gap:48px}
}
@media (min-width:701px) and (max-width:1000px){
 .p3-intro-top{grid-template-columns:minmax(0,1fr);gap:28px}
 :where(.p3-page) .p3-intro-title h2{font-size:44px;letter-spacing:-1.6px}
 .p3-intro-how{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px}
 .p3-intro-how-label{margin-top:44px!important}
 .p3-method-grid-outer{grid-template-columns:minmax(0,1fr);gap:24px}
 .p3-method-rail{position:static}
 .p3-method-tabs{flex-direction:row;flex-wrap:wrap;gap:8px}
 .p3-method-tabs:before{display:none}
 .p3-method-tabs button{width:auto;padding:4px 14px 4px 4px;border:1px solid var(--s-line);border-radius:999px;background:var(--s-raised);font-size:16px;gap:10px}
 .p3-method-tabs .p3-tab-num{width:36px;height:36px;font-size:13px}
 .p3-method-tabs button[aria-selected=true]{border-color:var(--s-accent)}
 .p3-method-panels .p3-panel{padding:34px 34px 30px}
 .p3-method-grid{grid-template-columns:minmax(0,1fr)}
 .p3-principles-grid{grid-template-columns:minmax(0,1fr);gap:28px}
 .p3-principles-grid .p3-head{position:static}
 .p3-route-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
 .p3-bp-qs{grid-column:1;grid-row:auto;margin-top:18px}
 .p3-prob-body{grid-template-columns:minmax(0,1fr);gap:24px}
 .p3-covers-grid{grid-template-columns:minmax(0,1fr);gap:40px}
}
@media (max-width:700px){
 .p3-page :is(.p3-method-panels>.p3-panel,.p3-formats,.p3-finding){padding-right:30px}
 .p3-intro-top{grid-template-columns:minmax(0,1fr);gap:22px}
 :where(.p3-page) .p3-intro-title h2{font-size:34px;letter-spacing:-1.2px}
 .p3-intro-lead{font-size:18px!important}
 .p3-intro-how{grid-template-columns:minmax(0,1fr);border-top:0}
 .p3-intro-how li{padding:18px 0 16px;border-top:1px solid var(--s-line);grid-template-columns:36px minmax(0,1fr);column-gap:6px;gap:4px 6px}
 .p3-intro-how li:before{top:-1px;width:36px}
 .p3-intro-n{grid-row:1/3;padding-top:3px}
 .p3-intro-how strong{font-size:19px}
 .p3-intro-how-label{margin-top:36px!important}
 .p3-method-body{margin-top:28px}
 .p3-method-grid-outer{grid-template-columns:minmax(0,1fr);gap:18px}
 .p3-method-rail{position:static}
 .p3-method-tabs{flex-direction:row;flex-wrap:nowrap;justify-content:space-between;gap:4px}
 .p3-method-tabs:before{left:22px;right:22px;top:21px;bottom:auto;width:auto;height:2px}
 .p3-method-tabs button{width:auto;flex:0 0 auto;padding:0;gap:0}
 .p3-method-tabs .p3-tab-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
 .p3-method-panels .p3-panel{padding:26px 22px 22px}
 .p3-method-panels h3{font-size:25px!important}
 .p3-method-text{font-size:17px!important}
 .p3-method-grid{grid-template-columns:minmax(0,1fr);gap:18px;margin-top:20px;padding-top:18px}
 .p3-method-out{padding:18px 20px}
 .p3-principles-grid{grid-template-columns:minmax(0,1fr);gap:20px}
 .p3-principles-grid .p3-head{position:static}
 .p3-principle-list li{grid-template-columns:40px minmax(0,1fr);padding:18px 0}
 .p3-principle-list strong{font-size:20px}
 .p3-statement-lead{font-size:17.5px!important}
 .p3-route-list{grid-template-columns:minmax(0,1fr);gap:22px;margin-top:32px}
 .p3-route-n{font-size:32px}
 .p3-bp-qs{grid-column:1;grid-row:auto;margin-top:16px}
 .p3-prob-body{grid-template-columns:minmax(0,1fr);gap:20px}
 .p3-climb-do{font-size:17px!important}
 .p3-climb-panels .p3-climb-say{font-size:20px!important}
 .p3-covers-grid{grid-template-columns:minmax(0,1fr);gap:32px}
 .p3-cover-list{grid-template-columns:minmax(0,1fr);margin-top:24px}
 .p3-cover-list li{font-size:17px!important}
 .p3-formats{padding:26px 22px 22px}
 .p3-ap{margin-bottom:16px}
 .p3-ap-bar{flex-basis:64px}
 .p3-zoom-hint{right:14px;bottom:14px;padding:6px 12px;font-size:12.5px}
 .p3-lightbox{width:100vw;max-height:88vh;border-radius:8px}
 .p3-lightbox-scroll{max-height:88vh}
}

/* Sales evidence: the full dashboard is never covered; the demonstration priorities sit beneath it */
.p3-evidence-comp{grid-template-columns:minmax(0,1fr)}
.p3-product--hero{transform:none}
.p3-evidence-comp .p3-asks{margin:28px 0 0;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:20px 48px;align-items:start;padding:34px 38px 24px}
.p3-evidence-comp .p3-asks-panels{margin-top:0}
@media (max-width:1000px){.p3-evidence-comp .p3-asks{grid-template-columns:minmax(0,1fr);padding:28px 28px 16px}}
@media (max-width:700px){.p3-evidence-comp .p3-asks{margin-top:18px;padding:24px 30px 12px 20px}}

/* Diagram labels take part in hit testing so the page tools see them (D-018); tabs sit above them in the stacking order */
.p3-land-center,.p3-arch-labels .p3-al{pointer-events:auto}

/* Intro balance: audience under the statement, the explanation as a large lead beside it */
.p3-intro-who{margin-top:36px}
.p3-intro-who .p3-ticks li{color:var(--s-muted)}
.p3-intro-body{padding-top:44px}
.p3-intro-lead{font-size:25px!important;line-height:1.5!important;letter-spacing:-.3px;margin:0!important}
.p3-intro-how-label{margin-top:56px!important}
@media (min-width:1001px) and (max-width:1250px){.p3-intro-lead{font-size:22px!important}}
@media (max-width:1000px){.p3-intro-body{padding-top:0;order:-1}.p3-intro-top{display:flex;flex-direction:column}.p3-intro-title{display:contents}.p3-intro-title>.p3-kicker{order:-3}.p3-intro-title>h2{order:-2}.p3-intro-who{margin-top:4px}.p3-intro-lead{font-size:20px!important}}
@media (max-width:700px){.p3-intro-lead{font-size:18px!important}}
@media (min-width:701px) and (max-width:1000px){.p3-intro-how{row-gap:32px}}

/* =====================================================================
   Pre-launch theme and palette (D-070, D-071, D-072), 2026-09-21
   - Dark theme: no brown. Near-black, deep burgundy and wine surfaces with champagne accents.
   - The near-black signature sections (ink, dusk) are themeable: light theme renders them as warm ivory with
     burgundy linework; dark theme keeps the near-black composition.
   - Wine sections stay brand accents in both themes, with a deeper wine in dark theme so the toggle is visible.
   ===================================================================== */
html[data-theme=dark] .p3-surface-wine{background:radial-gradient(80% 90% at 90% 0%,#6b1a2e80 0%,#6b1a2e00 60%),linear-gradient(160deg,#300b16 0%,#1d0710 60%,#12050a 100%)}
html[data-theme=dark] .p3-hero--strip{background:var(--s-ivory)}

/* ---------- Light theme: ink and dusk sections become warm ivory with burgundy linework ---------- */
html:not([data-theme=dark]) :is(.p3-surface-ink,.p3-surface-dusk){color:var(--s-text);background:radial-gradient(60% 70% at 88% 8%,#72253a1c 0%,#72253a00 62%),radial-gradient(50% 60% at 0% 100%,#e9cfaa40 0%,#e9cfaa00 70%),linear-gradient(180deg,#fbf7f1 0%,#f3eadd 100%)}
html:not([data-theme=dark]) :is(.p3-surface-ink,.p3-surface-dusk) :is(h2,h3){color:var(--s-text)}
html:not([data-theme=dark]) :is(.p3-surface-ink,.p3-surface-dusk) .text-action{color:var(--s-accent)}
html:not([data-theme=dark]) :is(.p3-surface-ink,.p3-surface-dusk) .p3-head-lead{color:var(--s-muted)}
html:not([data-theme=dark]) :is(.p3-surface-ink,.p3-surface-dusk) :is(.p3-kicker,.p3-label){color:var(--s-accent)}
html:not([data-theme=dark]) :is(.p3-surface-ink,.p3-surface-dusk) .p3-ticks li:before{background:var(--s-accent)}
html:not([data-theme=dark]) :is(.p3-surface-ink,.p3-surface-dusk) .p3-geo{background:linear-gradient(118deg,#72253a00 0 60%,#72253a0d 60% 74%,#72253a1a 74% 100%)}
html:not([data-theme=dark]) :is(.p3-surface-ink,.p3-surface-dusk) .p3-geo:after{background:linear-gradient(180deg,#72253a0a,#72253a00)}
html:not([data-theme=dark]) :is(.p3-surface-ink,.p3-surface-dusk) .p3-ap-btn{background:var(--s-raised);border-color:var(--s-line);color:var(--s-text)}
html:not([data-theme=dark]) :is(.p3-surface-ink,.p3-surface-dusk) .p3-ap-btn:hover{border-color:var(--s-accent)}
html:not([data-theme=dark]) :is(.p3-surface-ink,.p3-surface-dusk) .p3-ap-hint{color:var(--s-muted)}
html:not([data-theme=dark]) :is(.p3-surface-ink,.p3-surface-dusk) .p3-ap-bar{background:var(--s-line)}
html:not([data-theme=dark]) :is(.p3-surface-ink,.p3-surface-dusk) .p3-ap-bar i{background:var(--s-accent)}
html:not([data-theme=dark]) :is(.p3-surface-ink,.p3-surface-dusk) .p3-chipset--dark button{border-color:var(--s-line);background:var(--s-raised);color:var(--s-text)}
html:not([data-theme=dark]) :is(.p3-surface-ink,.p3-surface-dusk) .p3-chipset--dark button:hover{border-color:var(--s-accent)}
html:not([data-theme=dark]) :is(.p3-surface-ink,.p3-surface-dusk) .p3-chipset--dark button[aria-selected=true]{background:var(--s-accent);border-color:var(--s-accent);color:#fbf6ee}
html:not([data-theme=dark]) :is(.p3-surface-ink,.p3-surface-dusk) .p3-stepnav button{border-color:var(--s-line);color:var(--s-text)}
html:not([data-theme=dark]) :is(.p3-surface-ink,.p3-surface-dusk) .p3-stepnav button:hover{border-color:var(--s-accent)}
html:not([data-theme=dark]) :is(.p3-surface-ink,.p3-surface-dusk) .p3-stepbar span{background:var(--s-line)}
html:not([data-theme=dark]) :is(.p3-surface-ink,.p3-surface-dusk) .p3-stepbar span.is-done{background:var(--s-accent)}
/* Sales: decision landscape */
html:not([data-theme=dark]) .p3-land-svg :is(circle.r1,circle.r2,circle.r3){stroke:#72253a}
html:not([data-theme=dark]) .p3-land-core{fill:#fffdf9;stroke:#72253a59}
html:not([data-theme=dark]) .p3-land-ray{stroke:#72253a}
html:not([data-theme=dark]) .p3-land-dot{fill:#fffdf9;stroke:#72253a8c}
html:not([data-theme=dark]) .p3-land-dot.is-on{fill:#72253a;stroke:#72253a}
html:not([data-theme=dark]) .p3-land-center span{color:var(--s-muted)}
html:not([data-theme=dark]) .p3-land-center strong{color:var(--s-text)}
html:not([data-theme=dark]) .p3-land-tabs button{color:var(--s-text)}
html:not([data-theme=dark]) .p3-land-tabs strong{color:var(--s-text)}
html:not([data-theme=dark]) .p3-land-kind{color:#8d4a5a}
html:not([data-theme=dark]) .p3-land-tabs button:hover strong,html:not([data-theme=dark]) .p3-land-tabs button[aria-selected=true] :is(strong,.p3-land-kind){color:var(--s-accent)}
html:not([data-theme=dark]) .p3-dossier{background:var(--s-raised);border-color:var(--s-line);box-shadow:0 50px 90px -60px #4a0f1a80,26px 26px 0 -1px #72253a14}
html:not([data-theme=dark]) .p3-dossier-kind{color:var(--s-accent)}
html:not([data-theme=dark]) .p3-dossier-line{color:var(--s-muted)}
html:not([data-theme=dark]) .p3-dossier-grid{border-top-color:var(--s-line)}
html:not([data-theme=dark]) .p3-dossier-grid li{color:var(--s-text)}
html:not([data-theme=dark]) .p3-dossier-next{background:#72253a0d;border-left-color:var(--s-accent)}
html:not([data-theme=dark]) .p3-dossier-next p:not(.p3-label){color:var(--s-text)}
/* Integration: architecture canvas */
html:not([data-theme=dark]) .p3-scen-label{color:var(--s-accent)}
html:not([data-theme=dark]) .p3-scen-btns button{border-color:var(--s-line);background:var(--s-raised);color:var(--s-text)}
html:not([data-theme=dark]) .p3-scen-btns button:hover{border-color:var(--s-accent)}
html:not([data-theme=dark]) .p3-scen-btns button[aria-pressed=true]{background:var(--s-accent);border-color:var(--s-accent);color:#fbf6ee}
html:not([data-theme=dark]) .p3-scen-note{color:var(--s-text)}
html:not([data-theme=dark]) .p3-arch-canvas{background:radial-gradient(60% 80% at 50% 40%,#72253a0a 0%,#72253a00 70%),#fffdf9;border-color:var(--s-line);box-shadow:0 50px 90px -60px #4a0f1a66}
html:not([data-theme=dark]) .p3-arch-owner{fill:#72253a0a;stroke:#72253a33}
html:not([data-theme=dark]) .p3-arch-sys{fill:#f6efe4;stroke:#72253a59}
html:not([data-theme=dark]) .p3-arch-sys.is-dest{fill:#72253a12;stroke:#72253a99}
html:not([data-theme=dark]) .p3-arch-main{stroke:#72253a66}
html:not([data-theme=dark]) .p3-arch-node{fill:#fffdf9;stroke:#72253a99}
html:not([data-theme=dark]) .p3-arch-layer{fill:#72253a0d;stroke:#72253a66}
html:not([data-theme=dark]) .p3-arch-gate{stroke:#72253a}
html:not([data-theme=dark]) :is(.p3-arch-exc,.p3-arch-retry){stroke:#b2525e99}
html:not([data-theme=dark]) .p3-arch-queue{fill:#f9e8e8;stroke:#b2525e99}
html:not([data-theme=dark]) .p3-arch-recon{stroke:#72253a59}
html:not([data-theme=dark]) .p3-arch-pkt{fill:#72253a;filter:drop-shadow(0 0 8px #72253a66)}
html:not([data-theme=dark]) .p3-arch-svg .is-on{stroke:#72253a}
html:not([data-theme=dark]) .p3-arch-svg rect.is-on{fill:#72253a1f}
html:not([data-theme=dark]) .p3-arch-svg :is(.p3-arch-exc,.p3-arch-retry,.p3-arch-queue).is-on{stroke:#b2525e}
html:not([data-theme=dark]) .p3-arch-svg .p3-arch-recon.is-on{stroke:#72253a}
html:not([data-theme=dark]) .p3-al{color:var(--s-muted)}
html:not([data-theme=dark]) .p3-al em{color:var(--s-accent)}
html:not([data-theme=dark]) :is(.p3-al strong,.al-owner){color:var(--s-text)}
html:not([data-theme=dark]) .al-td{border-left-color:#72253a40}
html:not([data-theme=dark]) .p3-arch-tabs button{color:var(--s-text)}
html:not([data-theme=dark]) .p3-arch-tabs .p3-bp-node{border-color:#72253aaa;background:#fffdf9}
html:not([data-theme=dark]) .p3-arch-tabs .p3-tab-text{background:#fffdf9e6;color:var(--s-text)}
html:not([data-theme=dark]) .p3-arch-tabs button[aria-selected=true] .p3-bp-node{background:var(--s-accent);border-color:var(--s-accent);box-shadow:0 0 0 8px #72253a24}
html:not([data-theme=dark]) .p3-arch-tabs button[aria-selected=true] .p3-tab-text{background:var(--s-accent);color:#fbf6ee}
html:not([data-theme=dark]) .p3-bp-panel{background:var(--s-raised);box-shadow:0 40px 80px -60px #4a0f1a66,0 0 0 1px var(--s-line)}
html:not([data-theme=dark]) .p3-bp-count{color:var(--s-accent)}
html:not([data-theme=dark]) .p3-bp-line{color:var(--s-muted)}
html:not([data-theme=dark]) :is(.p3-bp-q,.p3-bp-qs li){color:var(--s-text)}
html:not([data-theme=dark]) .p3-flows-small{color:var(--s-muted)}
/* Rescue: recovery terrain */
html:not([data-theme=dark]) .p3-signal-base{stroke:#72253a26}
html:not([data-theme=dark]) .p3-signal-line{stroke:#72253a;filter:drop-shadow(0 0 5px #72253a40)}
html:not([data-theme=dark]) .p3-plat{background:linear-gradient(180deg,#fffdf9 0%,#f8f1e7 100%);border-top-color:#72253a59;box-shadow:0 30px 60px -50px #4a0f1a66}
html:not([data-theme=dark]) .p3-plat-num{color:var(--s-accent)}
html:not([data-theme=dark]) .p3-plat strong{color:var(--s-text)}
html:not([data-theme=dark]) .p3-plat-read{color:var(--s-muted)}
html:not([data-theme=dark]) .p3-plat-read em{color:#8d4a5a}
html:not([data-theme=dark]) .p3-plat:has(.lv3:not([hidden])){background:linear-gradient(180deg,#72253a1c 0%,#72253a08 100%);border-top-color:var(--s-accent)}
html:not([data-theme=dark]) .p3-plat:has(.lv3:not([hidden])) em{color:var(--s-accent)}
html:not([data-theme=dark]) .p3-plat:has(.lv2:not([hidden])){border-top-color:#72253a99}
html:not([data-theme=dark]) .p3-plat:has(.lv0:not([hidden])){background:none;border:1px solid var(--s-line);border-top-width:3px;box-shadow:none}
html:not([data-theme=dark]) .p3-plat:has(.lv0:not([hidden])) strong{color:var(--s-muted)}
html:not([data-theme=dark]) .p3-diag{background:var(--s-raised);box-shadow:0 40px 80px -60px #4a0f1a66,0 0 0 1px var(--s-line)}
html:not([data-theme=dark]) .p3-diag li{color:var(--s-text)}
/* Support: living environment */
html:not([data-theme=dark]) .p3-mode-tabs button{border-color:var(--s-line);background:var(--s-raised);color:var(--s-text)}
html:not([data-theme=dark]) .p3-mode-tabs button:hover{border-color:#72253a66}
html:not([data-theme=dark]) .p3-mode-tabs button[aria-selected=true]{background:linear-gradient(160deg,#72253a,#4a0f1a);color:#fbf6ee;border-color:transparent}
html:not([data-theme=dark]) .p3-mode-sum{color:var(--s-muted)}
html:not([data-theme=dark]) .p3-env-core{background:var(--s-raised);border-color:var(--s-line);box-shadow:0 50px 90px -60px #4a0f1a80}
html:not([data-theme=dark]) .p3-env-core:before{border-color:#72253a1a}
html:not([data-theme=dark]) .p3-env-title{color:var(--s-accent)}
html:not([data-theme=dark]) .p3-tile{background:#f6efe4;border-color:var(--s-line);color:var(--s-muted)}
html:not([data-theme=dark]) .p3-tile.is-lit{background:linear-gradient(160deg,#72253a,#4a0f1a);color:#fbf6ee;border-color:transparent;box-shadow:0 20px 40px -20px #72253a8c}
html:not([data-theme=dark]) .p3-event{border-color:var(--s-line);color:#857a7c}
html:not([data-theme=dark]) .p3-event.is-in-mode{color:var(--s-text);border-color:#72253a59;background:var(--s-raised)}
html:not([data-theme=dark]) .p3-event[aria-pressed=true]{background:var(--s-accent);color:#fbf6ee;border-color:var(--s-accent)}
html:not([data-theme=dark]) .p3-env-response{background:var(--s-raised);border-left-color:var(--s-accent);box-shadow:0 30px 60px -50px #4a0f1a66}
html:not([data-theme=dark]) .p3-env-hint{color:var(--s-muted)}
html:not([data-theme=dark]) .p3-env-say{color:var(--s-text)}
@media (max-width:1000px){
 html:not([data-theme=dark]) .p3-land-tabs button,html:not([data-theme=dark]) .p3-land-tabs button:nth-child(n){border-color:var(--s-line);background:var(--s-raised)}
 html:not([data-theme=dark]) .p3-land-tabs button[aria-selected=true]{border-color:var(--s-accent);background:#72253a0f}
}
@media (max-width:700px){
 html:not([data-theme=dark]) .p3-arch-tabs:before{background:linear-gradient(180deg,#72253a,#72253a44)}
 html:not([data-theme=dark]) .p3-arch-tabs .p3-tab-text,html:not([data-theme=dark]) .p3-arch-tabs button[aria-selected=true] .p3-tab-text{background:none}
 html:not([data-theme=dark]) .p3-arch-tabs button[aria-selected=true] .p3-tab-text{color:var(--s-accent)}
}

/* ---------- D-072: tighter section rhythm without cramping (hierarchy spacing inside sections unchanged) ---------- */
.p3-page{--p3-pad:96px}
.p3-intro-how-label{margin-top:48px!important}
.p3-method-body{margin-top:36px}
.p3-statement{padding-top:84px;padding-bottom:84px}
@media (min-width:1001px) and (max-width:1250px){.p3-page{--p3-pad:88px}}
@media (min-width:701px) and (max-width:1000px){.p3-page{--p3-pad:72px}.p3-intro-how-label{margin-top:40px!important}}
@media (max-width:700px){.p3-page{--p3-pad:56px}.p3-intro-how-label{margin-top:32px!important}.p3-statement{padding-top:56px;padding-bottom:56px}}
html[data-theme=dark] .p3-hero--split{background:radial-gradient(70% 90% at 100% 0%,#4a0f1a66 0%,#4a0f1a00 60%),linear-gradient(160deg,#120609 0%,#090305 100%)}
html[data-theme=dark] .p3-hero--band{background:radial-gradient(60% 90% at 90% 0%,#5a1a2a66 0%,#5a1a2a00 60%),linear-gradient(165deg,#2a0a12 0%,#14050a 100%)}
/* Dark theme: champagne tints over near-black read as brown, so highlighted panels use burgundy tints (D-071) */
html[data-theme=dark] .p3-plat:has(.lv3:not([hidden])){background:linear-gradient(180deg,#72253a73 0%,#72253a24 100%)}
html[data-theme=dark] .p3-dossier-next{background:#72253a38}
html[data-theme=dark] .p3-arch-svg rect.is-on{fill:#72253a73}
html[data-theme=dark] .p3-land-tabs button[aria-selected=true]{background:#72253a40}
/* D-072: split closings align to the top so a short column never leaves an empty band above it */
.p3-close-split .p3-split,.p3-health-close .p3-split{align-items:start}

/* =====================================================================
   Targeted hero refinement (D-075 to D-078), 2026-09-21. Hero copy and CTAs unchanged.
   ===================================================================== */
/* ---------- D-075 Integration: a borderless photographic field, data paths crossing a validation gate at the boundary ---------- */
.p3-hero--split{background:radial-gradient(55% 70% at 22% 100%,#4a0f1a66 0%,#4a0f1a00 62%),radial-gradient(40% 50% at 0% 0%,#72253a33 0%,#72253a00 70%),linear-gradient(160deg,#1b0a10 0%,#0f0609 100%)}
.p3-hero--split .p3-hero-inner{display:flex;align-items:center;min-height:min(880px,max(760px,100svh));padding-top:130px;padding-bottom:200px}
.p3-hero--split .p3-hero-copy{position:relative;z-index:2;max-width:600px}
.p3-hero--split .p3-hero-panel{position:absolute;top:0;right:0;bottom:0;left:auto;width:58%;height:auto;margin:0;border-radius:0;z-index:0;
 -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 36%);mask-image:linear-gradient(90deg,transparent 0%,#000 36%)}
.p3-hero--split .p3-hero-panel .p3-hero-media img{object-position:34% 50%}
.p3-hero--split .p3-hero-panel .p3-hero-media:after{background:linear-gradient(0deg,#0f0609d9 0%,#0f060900 40%),linear-gradient(180deg,#0f0609b3 0%,#0f060900 24%),linear-gradient(90deg,#0f060966 0%,#0f060900 50%)}
.p3-hero--split .p3-hero-panel .p3-flowlines{display:none}
.p3-boundary{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}
.p3-boundary path{fill:none;vector-effect:non-scaling-stroke}
.p3-boundary-base{stroke:#e9cfaa38;stroke-width:1.2}
.p3-boundary-seam{stroke:#e9cfaa33;stroke-width:1;stroke-dasharray:2 7}
.p3-boundary-gate{stroke:var(--p3-champ);stroke-width:2.5;stroke-linecap:round;opacity:.9}
.p3-boundary :is(.p3-flow-a,.p3-flow-b,.p3-flow-c){stroke:var(--p3-champ);stroke-width:2;stroke-linecap:round;stroke-dasharray:4 96;animation:p3-flow 6s linear infinite;filter:drop-shadow(0 0 4px #e9cfaa99)}
.p3-boundary .p3-flow-b{animation-duration:7.4s;animation-delay:-2.4s}.p3-boundary .p3-flow-c{animation-duration:6.6s;animation-delay:-4.2s}

@media (min-width:1001px){
/* ---------- D-076 Rescue: full-bleed image, copy centred in a shorter field (no dead upper-left zone) ---------- */
.p3-hero--ascent .p3-hero-media{left:24%}
.p3-hero--ascent .p3-hero-media img{object-position:0% 44%}
.p3-hero--ascent .p3-hero-media:after{background:linear-gradient(90deg,#0c080b 0%,#0c080bb8 16%,#0c080b33 38%,#0c080b00 56%),linear-gradient(0deg,#0c080be0 0%,#0c080b00 36%),linear-gradient(180deg,#0c080bb3 0%,#0c080b00 22%)}
.p3-hero--ascent .p3-hero-inner{align-items:center;min-height:min(800px,max(700px,90svh));padding-top:140px;padding-bottom:72px}

/* ---------- D-078 Support: copy centred, less empty sky, stronger left reading field ---------- */
.p3-hero--panorama .p3-hero-media img{object-position:60% 66%}
.p3-hero--panorama .p3-hero-media:after{background:linear-gradient(90deg,#0c080bd9 0%,#0c080b9e 30%,#0c080b1a 56%,#0c080b00 70%),linear-gradient(0deg,#0c080bcc 0%,#0c080b00 34%),linear-gradient(180deg,#0c080bb3 0%,#0c080b00 22%)}
.p3-hero--panorama .p3-hero-inner{align-items:center;min-height:min(800px,max(700px,90svh));padding-top:140px;padding-bottom:72px}
}

/* ---------- D-077 Optimization: one composition. The panorama becomes the upper field of a dark hero; the copy sits in its fade,
   and the line resolves from tangled to straight toward the actions. ---------- */
.p3-hero--strip,html[data-theme=dark] .p3-hero--strip{background:radial-gradient(60% 55% at 82% 100%,#72253a47 0%,#72253a00 62%),linear-gradient(180deg,#130a0d 0%,#0e070a 100%);color:var(--p3-cream)}
.p3-hero--strip .p3-hero-media{position:absolute;top:0;left:0;right:0;bottom:auto;height:560px;z-index:0}
.p3-hero--strip .p3-hero-media img{object-position:50% 58%}
.p3-hero--strip .p3-hero-media:after{background:linear-gradient(180deg,#0e070ab3 0%,#0e070a00 24%,#0e070a00 42%,#0e070acc 76%,#0e070a 100%),linear-gradient(90deg,#0e070a8c 0%,#0e070a00 45%)}
.p3-hero--strip .p3-simplify{top:250px;bottom:auto;height:160px}
.p3-hero--strip .p3-simplify-old{stroke:#f8f3eab3}
.p3-hero--strip .p3-hero-inner{position:relative;z-index:1;padding-top:450px;padding-bottom:104px;align-items:end}
.p3-hero--strip h1{color:#fbf6ee}
.p3-hero--strip .micro{color:#e7c69c}
.p3-hero--strip .text-action{color:var(--p3-champ)}
.p3-hero--strip .p3-lead{color:#e0d6c9}
.p3-hero--strip .p2-breadcrumb,.p3-hero--strip .p2-breadcrumb a{color:#e0d6c9}

@media (min-width:1001px) and (max-width:1250px){
 .p3-hero--split .p3-hero-panel{width:60%}
 .p3-hero--split .p3-hero-copy{max-width:520px}
 .p3-hero--ascent .p3-hero-media{left:30%}
 .p3-hero--panorama .p3-hero-copy{max-width:520px}
 .p3-hero--panorama .p3-hero-media img{object-position:78% 66%}
 .p3-hero--strip .p3-hero-inner{padding-top:430px}
}
@media (min-width:701px) and (max-width:1000px){
 .p3-hero--split .p3-hero-inner{display:block;min-height:0;padding-top:430px;padding-bottom:64px}
 .p3-hero--split .p3-hero-panel{top:0;left:0;right:0;bottom:auto;width:auto;height:500px;-webkit-mask-image:linear-gradient(180deg,#000 60%,transparent 100%);mask-image:linear-gradient(180deg,#000 60%,transparent 100%)}
 .p3-hero--split .p3-hero-panel .p3-flowlines{display:block}
 .p3-boundary{display:none}
 .p3-hero--ascent .p3-hero-inner,.p3-hero--panorama .p3-hero-inner{min-height:0}
 .p3-hero--strip .p3-hero-media{height:440px}
 .p3-hero--strip .p3-simplify{top:190px;height:130px}
 .p3-hero--strip .p3-hero-inner{padding-top:360px;padding-bottom:64px}
}
@media (max-width:700px){
 .p3-hero--split .p3-hero-inner{display:block;min-height:0;padding-top:330px;padding-bottom:56px}
 .p3-hero--split .p3-hero-panel{top:0;left:0;right:0;bottom:auto;width:auto;height:390px;margin:0;-webkit-mask-image:linear-gradient(180deg,#000 58%,transparent 100%);mask-image:linear-gradient(180deg,#000 58%,transparent 100%)}
 .p3-hero--split .p3-hero-panel .p3-flowlines{display:block}
 .p3-boundary{display:none}
 .p3-hero--ascent .p3-hero-inner,.p3-hero--panorama .p3-hero-inner{min-height:0}
 .p3-hero--strip .p3-hero-media{height:340px}
 .p3-hero--strip .p3-hero-media img{object-position:30% 58%}
 .p3-hero--strip .p3-simplify{top:170px;height:90px}
 .p3-hero--strip .p3-hero-inner{padding-top:280px;padding-bottom:48px}
}
@media (prefers-reduced-motion:reduce){.p3-boundary :is(.p3-flow-a,.p3-flow-b,.p3-flow-c){animation:none;stroke-dasharray:none;opacity:.5;filter:none}}

/* ---- Optimization transformation map (D-091 to D-101): explicit processes, numbered steps, arrows, rework loop ----
   Geometry (positions, map height) is set by service-p3.js from the explicit process definitions. */
.p3-tf-stage{margin-top:28px;display:grid;grid-template-columns:minmax(0,1fr);gap:0}
.p3-tf-map{position:relative;min-height:320px;border-radius:10px;background:radial-gradient(circle,#72253a1f 1px,transparent 1.5px) 0 0/22px 22px,var(--s-raised);box-shadow:0 50px 90px -60px #4a0f1a80,0 0 0 1px var(--s-line);overflow:hidden;transition:height .5s var(--p2-ease)}
.p3-tf-caption{position:absolute;left:20px;top:16px;margin:0!important;font-size:13px!important;font-weight:600;letter-spacing:.02em;color:var(--s-muted);z-index:2}
.p3-tf-map:is([data-stage="2"],[data-stage="3"],[data-stage="4"]) .p3-tf-caption{color:var(--s-accent)}
.p3-tf-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}
.p3-tf-edge{fill:none;stroke:#72253a8c;stroke-width:1.8}
.p3-tf-edge.is-clean{stroke:var(--s-accent);stroke-width:2.4}
.p3-tf-head{fill:#72253a8c}.p3-tf-head-clean{fill:var(--s-accent)}.p3-tf-head-loop{fill:#b4454f}
.p3-tf-loop{fill:none;stroke:#b4454f;stroke-width:1.8;stroke-dasharray:6 5}
.p3-tf-loop-label{font:600 12.5px/1 inherit;fill:#9e3b45;paint-order:stroke;stroke:var(--s-raised);stroke-width:5px}
.p3-tf-map[data-stage="1"] :is(.p3-tf-edge,.p3-tf-loop,.p3-tf-loop-label){opacity:.35}
.p3-tf-nodes{list-style:none;margin:0;padding:0;position:absolute;inset:0;z-index:2}
.p3-tf-node{position:absolute;transform:translate(-50%,-50%);display:flex;align-items:center;gap:9px;padding:9px 14px 9px 9px;border-radius:14px;background:var(--s-stone);border:1.5px solid var(--s-line);
 font-size:14.5px;line-height:1.3;font-weight:600;color:var(--s-text);width:max-content;text-align:left;transition:left .6s var(--p2-ease),top .6s var(--p2-ease),opacity .4s,background .35s,border-color .35s,color .35s,box-shadow .35s}
.p3-tf-node b{flex:none;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--s-raised);border:1px solid var(--s-line);font-size:12px;font-weight:700;color:var(--s-muted)}
.p3-tf-node[data-tag]:not([data-tag=""])::before{content:attr(data-tag);position:absolute;right:12px;top:-9px;padding:1px 7px;border-radius:9px;background:var(--s-accent);color:var(--s-ivory);font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;line-height:16px}
.p3-tf-nodes.is-fresh .p3-tf-node{transition:none}
.p3-tf-nodes.is-in .p3-tf-node{animation:p3-tf-in .45s var(--p2-ease) both}
@keyframes p3-tf-in{from{opacity:0}to{opacity:1}}
/* Friction: where time or control is lost; the break is tagged */
.p3-tf-node.is-waste{border-color:#c06a6e;box-shadow:0 0 0 4px #c06a6e1f}
.p3-tf-node.is-break{border-color:#b4454f}
.p3-tf-node.is-break::before{background:#b4454f!important}
/* Root cause: the process recedes, the causes are called out in the strip */
.p3-tf-map[data-stage="1"] .p3-tf-node{opacity:.45}
/* Better process: the designed future flow */
.p3-tf-map[data-stage="2"] .p3-tf-node{border-color:var(--s-accent)}
.p3-tf-map[data-stage="2"] .p3-tf-node b{background:var(--s-accent);border-color:var(--s-accent);color:var(--s-ivory)}
/* Sage Intacct change: only the configured touchpoints are marked */
.p3-tf-map[data-stage="3"] .p3-tf-node{opacity:.72}
.p3-tf-node.is-touch{opacity:1!important;background:var(--s-accent);border-color:var(--s-accent);color:var(--s-ivory);box-shadow:0 0 0 6px #72253a1f}
.p3-tf-node.is-touch b{background:var(--s-ivory);border-color:var(--s-ivory);color:var(--s-accent)}
/* Measured improvement: the metric leads */
.p3-tf-map[data-stage="4"] .p3-tf-node{opacity:.55}
.p3-tf-strip{position:absolute;left:20px;right:20px;z-index:2;display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 18px;padding:14px 18px;border-radius:8px;background:var(--s-ivory);box-shadow:0 0 0 1px var(--s-line);font-size:14.5px;line-height:1.5;color:var(--s-text)}
.p3-tf-strip p{margin:0!important;font-size:14.5px!important;color:var(--s-text)!important}
.p3-tf-strip .p3-tf-strip-h{flex-basis:100%;font-size:12px!important;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--s-accent)!important}
.p3-tf-strip ul{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:8px}
.p3-tf-strip li{padding:6px 12px;border-radius:999px;background:var(--s-raised);box-shadow:0 0 0 1px var(--s-accent);font-weight:600;font-size:14px}
.p3-tf-strip .p3-tf-metric{font-size:24px!important;font-weight:700;letter-spacing:-.4px;color:var(--s-accent)!important;flex-basis:100%}
.p3-tf-key{display:inline-block;vertical-align:middle;margin-right:8px}
.p3-tf-key--loop{width:26px;border-top:2px dashed #b4454f}
.p3-tf-key--waste{width:14px;height:14px;border-radius:5px;border:1.5px solid #c06a6e;box-shadow:0 0 0 3px #c06a6e1f}
.p3-tf-key--touch{width:14px;height:14px;border-radius:5px;background:var(--s-accent)}
html[data-theme=dark] .p3-tf-edge{stroke:#f0cfaa80}html[data-theme=dark] .p3-tf-head{fill:#f0cfaa80}
html[data-theme=dark] .p3-tf-loop{stroke:#e0858d}html[data-theme=dark] .p3-tf-head-loop{fill:#e0858d}
html[data-theme=dark] .p3-tf-loop-label{fill:#e99aa1}
html[data-theme=dark] .p3-tf-node.is-waste{border-color:#e0858d;box-shadow:0 0 0 4px #e0858d24}
html[data-theme=dark] .p3-tf-node.is-break{border-color:#e0858d}
html[data-theme=dark] .p3-tf-node.is-break::before{background:#9e3b45!important}
html[data-theme=dark] .p3-tf-key--loop{border-top-color:#e0858d}
@media (max-width:640px){
 .p3-tf-node{font-size:14px;padding:8px 12px 8px 8px}
 .p3-tf-caption{left:16px;top:14px}
 .p3-tf-strip{left:12px;right:12px;padding:12px 14px}
 .p3-tf-strip .p3-tf-metric{font-size:20px!important}
}
@media (prefers-reduced-motion:reduce){.p3-tf-map{transition:none}.p3-tf-nodes.is-in .p3-tf-node{animation:none}}
/* Support (D-107): what the lit tiles mean, and the areas each response involves, stated in words */
.p3-env-key{margin:14px 0 0!important;font-size:13px!important;line-height:1.5!important;color:#e9cfaab3}
.p3-env-areas{margin:10px 0 0!important;font-size:15px!important;line-height:1.5!important;font-weight:600;color:var(--p3-champ)}
html:not([data-theme=dark]) .p3-env-key{color:var(--s-muted)}
html:not([data-theme=dark]) .p3-env-areas{color:var(--s-accent)}
.p3-tf-measurer{visibility:hidden;pointer-events:none}
/* D-108: the separator sits outside each factor's text, so the selected factor's underline never reaches it */
.p3-formula-tabs button{position:relative}
.p3-formula-tabs button:not(:last-child){margin-right:46px}
.p3-formula-tabs button:not(:last-child):after{position:absolute;right:-27px;top:50%;margin:0;transform:translateY(-50%)}
@media (min-width:701px) and (max-width:1000px){.p3-formula-tabs button:not(:last-child){margin-right:30px}.p3-formula-tabs button:not(:last-child):after{right:-19px}}
@media (max-width:700px){.p3-formula-tabs button:not(:last-child){margin-right:0}}

/* ---------- Optimization & Process Reengineering hero: friction to flow (D-171, 2026-09-26). Scoped to .p3-hero--flow only. ---------- */
.p3-hero--flow{min-height:min(880px,max(720px,100svh));display:flex;flex-direction:column;justify-content:center;background:radial-gradient(70% 80% at 12% 62%,#4a0f1a4d 0,#0c080b00 70%),#0c080b}
.p3-hero--flow .p3-flow-media{inset:0 0 0 auto;width:62%;clip-path:polygon(24% 0,100% 0,100% 100%,8% 100%);z-index:-1}
.p3-hero--flow .p3-flow-media img{object-position:74% 50%;transform:scale(1.05);transition:transform 1.6s var(--p2-ease);animation:none}
.p3-hero--flow .p3-flow-media:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0c080be0 0,#0c080b66 22%,#0c080b00 48%),linear-gradient(0deg,#0c080bd9 0,#0c080b00 36%),linear-gradient(180deg,#0c080bf2 0,#0c080bb3 12%,#0c080b00 30%)}
.p3-flow-seam{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
.p3-flow-seam line{stroke:#e8c89e;stroke-opacity:.7;stroke-width:1.2;vector-effect:non-scaling-stroke}
.p3-hero--flow .p3-hero-inner{padding:176px var(--content-edge) 208px}
.p3-hero--flow .p3-hero-copy{max-width:600px}
.p3-hero--flow h1{max-width:11ch}
.p3-hero--flow .p3-lead{margin:0 0 30px;max-width:520px}
.p3-flow{position:absolute;left:var(--content-edge);right:clamp(24px,4vw,64px);bottom:56px;width:calc(100% - var(--content-edge) - clamp(24px,4vw,64px));height:auto;max-height:132px;overflow:visible;pointer-events:none}
.p3-lane{fill:none;stroke-width:1.5;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}
.p3-lane-k{stroke:#cfb9a7;stroke-opacity:.72;transition:stroke-opacity .6s var(--p2-ease)}
.p3-lane-s{stroke:#e8c89e;stroke-dasharray:460;stroke-dashoffset:460;transition:stroke-dashoffset 1.1s var(--p2-ease)}
.p3-lane-c{stroke:#e8c89e;stroke-opacity:.85;stroke-dasharray:520;animation:p3-flow-draw 1.8s .5s var(--p2-ease) both}
.p3-lane-main{stroke:#e8c89e;stroke-width:3}
.p3-flow circle{fill:#e8c89e}
.p3-flow text{font:600 9.5px 'Plus Jakarta Sans',system-ui,sans-serif;letter-spacing:.2em;fill:#cfb9a7;stroke:none}
.p3-flow .p3-flow-out{fill:#e8c89e}
@keyframes p3-flow-draw{from{stroke-dashoffset:520}to{stroke-dashoffset:0}}
@media (hover:hover) and (pointer:fine){.p3-hero--flow:hover .p3-flow-media img{transform:scale(1.01)}.p3-hero--flow:hover .p3-lane-k{stroke-opacity:0}.p3-hero--flow:hover .p3-lane-s{stroke-dashoffset:0}}
@media (min-width:1000px) and (max-width:1199px){.p3-flow-seam{display:none}.p3-hero--flow .p3-hero-copy{max-width:440px}.p3-hero--flow .p3-lead{font-size:18px!important}.p3-hero--flow .p3-flow-media{width:60%}}
@media (max-width:999px){
 .p3-hero--flow{display:block;min-height:0;background:#0c080b}
 .p3-hero--flow .p3-flow-media{position:relative;inset:auto;width:100%;height:min(58svh,520px);clip-path:polygon(0 0,100% 0,100% 84%,0 100%)}
 .p3-hero--flow .p3-flow-media img{object-position:62% 50%;transform:none}
 .p3-flow-seam,.p3-flow{display:none}
 .p3-hero--flow .p3-hero-inner{padding:0 var(--content-edge) 72px;margin-top:-72px;position:relative;z-index:1}}
@media (max-width:700px){.p3-hero--flow .p3-flow-media{height:min(54svh,440px)}.p3-hero--flow .p3-hero-inner{margin-top:-56px;padding-bottom:56px}}
@media (prefers-reduced-motion:reduce){.p3-hero--flow .p3-flow-media img,.p3-lane-k,.p3-lane-s{transition:none}.p3-lane-c{animation:none}}