/* BPC terrain + précision. Approved 2026-09-18. Scoped opt-in styling. */
@font-face {font-family: Inter; src: url('../assets/common/fonts/inter/inter-latin.woff2') format('woff2'); font-weight: 100 900; font-display: swap;}
body.bpc-design{color-scheme: dark; --ground: #0a0a0a; --panel: #141414; --raised: #1a1a1a; --ink: #fff; --body: rgba(255,255,255,.8); --muted: #aaa; --line: rgba(255,255,255,.12); --red: #dc2626; --red-text: #ef4444; --data: #67e8f9; --max: 1280px; --gutter: clamp(20px,4vw,64px); --space: clamp(64px,8vw,112px);}
.bpc-design *{box-sizing: border-box;}
html:has(body.bpc-design){scroll-behavior: smooth; scroll-padding-top: 110px;}
body.bpc-design{margin: 0; background: var(--ground); color: var(--body); font: 400 16px/1.65 Inter,Arial,sans-serif;}
.bpc-design a{color: inherit; text-decoration: none;}
.bpc-design button,.bpc-design input{font: inherit;}
.bpc-design button{cursor: pointer;}
.bpc-design img{display: block; max-width: 100%; height: auto;}
.bpc-design h1,.bpc-design h2,.bpc-design h3,.bpc-design p,.bpc-design figure{margin: 0;}
.bpc-design h1,.bpc-design h2,.bpc-design h3{color: var(--ink);}
.bpc-design h1,.bpc-design h2{font-weight: 800; letter-spacing: -.055em; line-height: 1.03; text-wrap: balance;}
.bpc-design h1{font-size: clamp(42px,6.5vw,92px);}
.bpc-design h2{font-size: clamp(32px,4vw,54px);}
.bpc-design h3{font-size: 22px; line-height: 1.25; letter-spacing: -.025em;}
.bpc-design p{max-width: 65ch;}
.bpc-design a,.bpc-design button{touch-action: manipulation;}
.bpc-design a:focus-visible,.bpc-design button:focus-visible,.bpc-design input:focus-visible,.bpc-design summary:focus-visible{outline: 3px solid var(--data); outline-offset: 5px;}
.bpc-design ::selection{background: var(--red); color: #fff;}
.bpc-design [hidden]{display: none !important;}
.bpc-design .wrap{width: min(var(--max),calc(100% - var(--gutter)*2)); margin-inline: auto;}
.bpc-design .section{padding-block: var(--space);}
.bpc-design .topline{border-top: 1px solid var(--line);}
.bpc-design .eyebrow{display: block; font-size: 11px; font-weight: 600; line-height: 1.5; letter-spacing: .18em; text-transform: uppercase; color: var(--muted); margin-bottom: 24px;}
.bpc-design .eyebrow.red{color: var(--red-text);}
.bpc-design .eyebrow.cyan{color: var(--data);}
.bpc-design .muted{color: var(--muted);}
.bpc-design .red-text{color: var(--red-text);}
.bpc-design .cyan-text{color: var(--data);}
.bpc-design .lead{font-size: clamp(17px,1.6vw,20px); line-height: 1.65; margin-top: 28px; max-width: 48ch;}
.bpc-design .actions{display: flex; gap: 12px; flex-wrap: wrap; align-items: center; margin-top: 32px;}
.bpc-design .button{min-height: 50px; display: inline-flex; align-items: center; justify-content: center; gap: 28px; padding: 13px 22px; border: 1px solid var(--line); border-radius: 6px; font-size: 14px; font-weight: 600; line-height: 1.5; color: var(--ink); background: transparent; transition: background .2s,border-color .2s;}
.bpc-design .button.primary{background: var(--red); border-color: var(--red);}
.bpc-design .button:hover{background: var(--raised); border-color: var(--muted);}
.bpc-design .button.primary:hover{background: #b91c1c; border-color: #b91c1c;}
.bpc-design .arrow{font-family: Arial,sans-serif; font-size: 22px; line-height: 1;}
.bpc-design .text-link{display: inline-flex; align-items: center; gap: 20px; min-height: 48px; font-size: 14px; font-weight: 600; color: var(--ink);}
.bpc-design .text-link:hover{color: var(--data);}
.bpc-design .skip{position: fixed; top: -100px; left: 16px; padding: 12px; background: var(--red); color: #fff; z-index: 20;}
.bpc-design .skip:focus{top: 8px;}
.bpc-design .preview-bar{font-size: 11px; letter-spacing: .04em; border-bottom: 1px solid var(--line); background: var(--panel);}
.bpc-design .preview-bar .wrap{display: flex; justify-content: space-between; align-items: center; gap: 16px; min-height: 36px;}
.bpc-design .preview-bar a{text-decoration: underline; text-underline-offset: 4px; padding-block: 8px;}
.bpc-design .header{position: sticky; top: 0; z-index: 10; background: rgba(10,10,10,.97); border-bottom: 1px solid var(--line);}
.bpc-design .header-inner{min-height: 84px; display: flex; align-items: center; gap: 28px; justify-content: space-between;}
.bpc-design .brand{display: flex; align-items: center; gap: 18px; color: var(--ink); flex-shrink: 0;}
.bpc-design .brand img{width: 91px; max-height: 44px;}
.bpc-design .brand span{border-left: 1px solid var(--line); padding-left: 18px; font-size: 10px; line-height: 1.45; font-weight: 600; letter-spacing: .12em; text-transform: uppercase;}
.bpc-design .nav{display: flex; align-items: center; gap: 25px;}
.bpc-design .nav a{padding: 16px 0; font-size: 13px; white-space: nowrap; color: var(--muted);}
.bpc-design .nav a:hover,.bpc-design .nav a[aria-current=page]{color: var(--ink);}
.bpc-design .nav a[aria-current=page]{box-shadow: inset 0 -2px var(--red);}
.bpc-design .menu-toggle{display: none; background: transparent; color: #fff; border: 1px solid var(--line); min-height: 48px; padding: 10px 16px; border-radius: 5px;}
.bpc-design .header-cta{font-size: 12px; min-height: 46px; padding-inline: 17px;}
.bpc-design .home-hero{display: grid; grid-template-columns: 1.1fr 1fr; gap: clamp(32px,5vw,80px); align-items: center; padding-block: 60px 48px;}
.bpc-design .home-hero h1{font-size: clamp(44px,6.5vw,88px);}
.bpc-design .home-hero .eyebrow{display: flex; align-items: center; gap: 10px;}
.bpc-design .signal{display: inline-block; width: 7px; height: 7px; background: var(--red); border-radius: 50%;}
.bpc-design .home-photo{position: relative; min-width: 0;}
.bpc-design .home-photo>img{width: 100%; height: clamp(420px,44vw,620px); object-fit: cover; object-position: center 45%; border-radius: 8px;}
.bpc-design .photo-label{position: absolute; bottom: 18px; left: 18px; right: 18px; display: flex; justify-content: space-between; gap: 12px; padding: 13px 16px; background: rgba(10,10,10,.93); border: 1px solid rgba(255,255,255,.2); color: var(--ink); font-size: 10px; letter-spacing: .13em; text-transform: uppercase;}
.bpc-design .hero-note{margin-top: 26px; font-size: 12px; color: var(--muted);}
.bpc-design .hero-note strong{color: var(--ink); font-weight: 600;}
.bpc-design .hero-proof{margin-top: 40px; display: flex; gap: 26px; border-top: 1px solid var(--line); padding-top: 25px;}
.bpc-design .hero-proof strong{display: block; font-size: 23px; letter-spacing: -.04em; color: var(--ink); white-space: nowrap;}
.bpc-design .hero-proof span{display: block; font-size: 11px; color: var(--muted);}
.bpc-design .pathways{display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); border-block: 1px solid var(--line);}
.bpc-design .pathway{padding: 28px 28px 30px 0; display: grid; grid-template-columns: 28px 1fr 20px; gap: 16px; align-items: start;}
.bpc-design .pathway+.pathway{border-left: 1px solid var(--line); padding-left: 28px;}
.bpc-design .pathway .number{font-size: 11px; color: var(--red-text); padding-top: 5px;}
.bpc-design .pathway h2{font-size: 19px; letter-spacing: -.02em; line-height: 1.4;}
.bpc-design .pathway p{font-size: 13px; color: var(--muted); margin-top: 5px;}
.bpc-design .pathway:hover h2{color: var(--red-text);}
.bpc-design .section-heading{display: flex; align-items: end; justify-content: space-between; gap: 32px; margin-bottom: 38px;}
.bpc-design .section-heading h2{max-width: 20ch;}
.bpc-design .section-heading .eyebrow{margin-bottom: 15px;}
.bpc-design .section-heading>p{max-width: 40ch; font-size: 15px;}
.bpc-design .split{display: grid; grid-template-columns: 1fr 1fr; gap: clamp(32px,6vw,90px); align-items: center;}
.bpc-design .coach-photo{width: 100%; aspect-ratio: 4/5; object-fit: cover; object-position: center 36%; border-radius: 8px;}
.bpc-design .coach-photo-landscape{object-position:center;}
.bpc-design .coach-caption{font-size: 11px; color: var(--muted); margin-top: 12px;}
.bpc-design .method-list{list-style: none; margin: 30px 0 0; padding: 0; counter-reset: method;}
.bpc-design .method-list li{padding: 22px 0; border-top: 1px solid var(--line); display: grid; grid-template-columns: 25px 1fr; gap: 18px; counter-increment: method;}
.bpc-design .method-list li::before{content: '0' counter(method); font-size: 11px; color: var(--red-text); padding-top: 4px;}
.bpc-design .method-list h3{font-size: 18px;}
.bpc-design .method-list p{font-size: 14px; color: var(--muted); margin-top: 8px;}
.bpc-design .wattson-feature{background: var(--panel); border: 1px solid var(--line); border-radius: 10px; display: grid; grid-template-columns: .9fr 1.1fr; overflow: hidden;}
.bpc-design .wattson-art{position: relative; min-height: 480px; overflow: hidden;}
.bpc-design .wattson-art>img{height: 100%; width: 100%; position: absolute; inset: 0; object-fit: cover; object-position: center 37%;}
.bpc-design .wattson-art::after{content: ''; position: absolute; inset: 0; background: linear-gradient(0deg,rgba(10,10,10,.7),transparent 35%);}
.bpc-design .wattson-art figcaption{position: absolute; bottom: 24px; left: 24px; z-index: 1; font-size: 10px; letter-spacing: .18em; text-transform: uppercase; color: var(--ink);}
.bpc-design .wattson-copy{padding: clamp(28px,5vw,70px); align-self: center;}
.bpc-design .wattson-copy p{font-size: 16px; margin-top: 24px;}
.bpc-design .wattson-copy h2{font-size: clamp(32px,4vw,52px);}
.bpc-design .mini-links{display: flex; flex-wrap: wrap; gap: 0 26px; border-top: 1px solid var(--line); margin-top: 28px; padding-top: 15px;}
.bpc-design .wattson-note{display: flex; align-items: center; gap: 18px; padding: 23px 26px; border: 1px solid var(--line); border-left: 2px solid var(--data); border-radius: 6px; background: var(--panel);}
.bpc-design .wattson-note img{width: 56px; height: 56px; object-fit: cover; object-position: center 28%; border-radius: 50%; flex-shrink: 0;}
.bpc-design .wattson-note .eyebrow{color: var(--data); margin-bottom: 5px; font-size: 10px;}
.bpc-design .wattson-note p{font-size: 14px;}
.bpc-design .wattson-note a{color: var(--ink); text-decoration: underline; text-underline-offset: 4px;}
.bpc-design .panorama>img{width: 100%; aspect-ratio: 16/7; object-fit: cover; border-radius: 8px;}
.bpc-design .panorama figcaption{display: flex; justify-content: space-between; gap: 24px; font-size: 12px; color: var(--muted); margin-top: 15px;}
.bpc-design .panorama figcaption strong{color: var(--ink);}
.bpc-design .proof-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;}
.bpc-design .proof-gallery img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:8px;}
.bpc-design .proof-gallery figcaption{margin-top:12px;font-size:11px;color:var(--muted);}
.bpc-design .card-grid{display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 28px;}
.bpc-design .story{display: flex; flex-direction: column; min-width: 0;}
.bpc-design .story-media{position: relative; overflow: hidden; border-radius: 7px; background: var(--panel);}
.bpc-design .story-media img{width: 100%; aspect-ratio: 3/2; object-fit: cover; transition: transform .3s;}
.bpc-design .story:hover img{transform: scale(1.025);}
.bpc-design .story .eyebrow{font-size: 10px; margin: 20px 0 12px; color: var(--red-text);}
.bpc-design .story h3{font-size: 21px; line-height: 1.3;}
.bpc-design .story p{font-size: 14px; color: var(--muted); margin-top: 12px;}
.bpc-design .story .text-link{margin-top: 10px;}
.bpc-design .journal-feature{display: grid; grid-template-columns: 1.2fr 1fr; background: var(--panel); border: 1px solid var(--line); border-radius: 8px; overflow: hidden; margin-bottom: 48px;}
.bpc-design .journal-feature>img{width: 100%; height: 100%; min-height: 400px; object-fit: cover;}
.bpc-design .journal-feature>div{padding: clamp(28px,4vw,56px); align-self: center;}
.bpc-design .journal-feature h2{font-size: clamp(28px,3.3vw,44px); line-height: 1.12;}
.bpc-design .journal-feature p{margin-top: 24px; font-size: 15px;}
.bpc-design .journal-feature .text-link{margin-top: 20px;}
.bpc-design .journal-feature .eyebrow{color: var(--red-text);}
.bpc-design .page-intro{padding-block: 70px 48px;}
.bpc-design .page-intro h1{max-width: 17ch;}
.bpc-design .page-intro.compact{display: flex; align-items: end; justify-content: space-between; gap: 32px;}
.bpc-design .page-intro.compact p{max-width: 34ch; margin-bottom: 6px;}
.bpc-design .guide-hero{display: grid; grid-template-columns: 1.2fr .8fr; gap: 60px; align-items: center; padding-block: 65px;}
.bpc-design .guide-hero .guide-visual{position: relative; border-radius: 8px; overflow: hidden; background: var(--panel);}
.bpc-design .guide-visual>img{width: 100%; height: 440px; object-fit: cover; object-position: center 35%;}
.bpc-design .guide-visual .photo-label{left: 14px; right: 14px; bottom: 14px;}
.bpc-design .guide-meta{margin-top: 28px; display: flex; flex-wrap: wrap; gap: 10px 20px; font-size: 12px; color: var(--muted);}
.bpc-design .guide-meta span+span::before{content: '·'; margin-right: 20px; color: var(--data);}
.bpc-design .filters{display: flex; flex-wrap: wrap; gap: 8px; padding-block: 22px; border-block: 1px solid var(--line); margin-bottom: 30px;}
.bpc-design .filter{min-height: 48px; background: transparent; color: var(--body); border: 1px solid var(--line); border-radius: 5px; padding: 10px 16px; font-size: 13px;}
.bpc-design .filter:hover{border-color: var(--muted);}
.bpc-design .filter[aria-pressed=true]{background: var(--ink); color: var(--ground); border-color: var(--ink);}
.bpc-design .search-row{display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-bottom: 20px;}
.bpc-design .search-label{font-size: 12px; display: flex; align-items: center; gap: 14px; width: min(100%,440px);}
.bpc-design .search-label input{background: var(--panel); border: 1px solid var(--line); border-radius: 5px; min-height: 48px; padding: 12px 16px; color: var(--ink); width: 100%; min-width: 0;}
.bpc-design .result-count{font-size: 12px; color: var(--muted);}
.bpc-design .empty-state{padding: 48px 0; color: var(--muted);}
.bpc-design .tool-grid{display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 20px;}
.bpc-design .tool{padding: 27px; background: var(--panel); border: 1px solid var(--line); border-radius: 7px; display: flex; flex-direction: column; min-height: 250px; transition: border-color .2s;}
.bpc-design .tool:hover{border-color: var(--data);}
.bpc-design .tool-top{display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 32px;}
.bpc-design .tool-top span{font-size: 10px; letter-spacing: .12em; text-transform: uppercase; color: var(--data);}
.bpc-design .tool-top svg{width: 38px; height: 38px; stroke: var(--data); fill: none; stroke-width: 1.4;}
.bpc-design .tool h3{font-size: 21px;}
.bpc-design .tool p{font-size: 14px; color: var(--muted); margin-top: 14px;}
.bpc-design .tool-bottom{margin-top: auto; padding-top: 26px; display: flex; justify-content: space-between; gap: 12px; align-items: center; font-size: 11px; color: var(--muted);}
.bpc-design .paper{display: grid; grid-template-columns: 48px 1fr 160px 28px; gap: 24px; padding: 30px 0; border-bottom: 1px solid var(--line); align-items: start;}
.bpc-design .paper:hover h2{color: var(--data);}
.bpc-design .paper-index{font-size: 12px; color: var(--data); padding-top: 5px;}
.bpc-design .paper h2{font-size: 23px; line-height: 1.3; letter-spacing: -.025em;}
.bpc-design .paper p{font-size: 14px; color: var(--muted); margin-top: 10px;}
.bpc-design .paper-topic{font-size: 11px; letter-spacing: .08em; text-transform: uppercase; padding-top: 6px; color: var(--data);}
.bpc-design .paper .arrow{padding-top: 5px;}
.bpc-design .reading-rule{display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 30px; margin-top: 36px;}
.bpc-design .reading-rule h3{font-size: 18px; margin-bottom: 12px;}
.bpc-design .reading-rule p{font-size: 14px; color: var(--muted);}
.bpc-design .end-cta{padding-block: 60px; display: flex; justify-content: space-between; align-items: center; gap: 32px; border-top: 1px solid var(--line);}
.bpc-design .end-cta h2{font-size: clamp(30px,4vw,48px);}
.bpc-design .footer{border-top: 1px solid var(--line); padding-block: 38px;}
.bpc-design .footer-inner{display: flex; justify-content: space-between; align-items: center; gap: 24px;}
.bpc-design .footer p{font-size: 12px; color: var(--muted);}
.bpc-design .footer nav{display: flex; flex-wrap: wrap; gap: 24px;}
.bpc-design .footer a{font-size: 12px; min-height: 48px; display: inline-flex; align-items: center;}
.bpc-design .palette{display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 16px;}
.bpc-design .swatch{border: 1px solid var(--line); border-radius: 6px; overflow: hidden;}
.bpc-design .swatch-color{height: 88px;}
.bpc-design .swatch p{padding: 16px; font-size: 12px;}
.bpc-design .swatch p strong{display: block; color: #fff;}
.bpc-design .asset-grid{display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 30px;}
.bpc-design .asset-grid img{width: 100%; height: 270px; object-fit: contain; background: var(--panel); border-radius: 6px;}
.bpc-design .asset-grid figcaption{font-size: 13px; color: var(--muted); margin-top: 15px;}
.bpc-design .asset-grid strong{display: block; color: var(--ink); margin-bottom: 6px;}
.bpc-design .audit-grid{display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 32px;}
.bpc-design .audit-grid article{border-top: 1px solid var(--line); padding-top: 24px;}
.bpc-design .audit-grid h3{font-size: 20px;}
.bpc-design .audit-grid p{font-size: 15px; margin-top: 14px;}
.bpc-design .faq details{border-top: 1px solid var(--line); padding: 20px 0;}
.bpc-design .faq summary{cursor: pointer; color: var(--ink); font-size: 18px; min-height: 48px; padding-top: 8px;}
.bpc-design .faq details p{margin-top: 16px; font-size: 15px;}
.bpc-design .spaced{margin-top: 38px;}
.bpc-design .section-last{padding-bottom: var(--space);}
.bpc-design .brand img{filter: brightness(0) invert(1); object-fit: contain;}
@media (min-width:761px){.bpc-design .nav{display: flex !important;}}
@media (max-width:1100px){.bpc-design .brand span{display: none;}
.bpc-design .nav{gap: 18px;}
.bpc-design .header-inner{gap: 18px;}
.bpc-design .header-cta{display: none;}
.bpc-design .home-hero{gap: 32px;}
.bpc-design .hero-proof{gap: 18px;}
.bpc-design .hero-proof strong{font-size: 21px;}
.bpc-design .paper{grid-template-columns: 32px 1fr 120px 24px; gap: 18px;}}
@media (min-width:761px) and (max-width:1000px){
.bpc-design .guide-hero{grid-template-columns:1fr;gap:32px;}
.bpc-design .guide-visual>img{height:auto;aspect-ratio:16/9;}
}
@media (max-width:760px){body.bpc-design{--gutter: 22px;}
.bpc-design .header-inner{min-height: 72px; flex-wrap: wrap; gap: 0;}
.bpc-design .brand img{width: 80px;}
.bpc-design .js .menu-toggle{display: block;}
.bpc-design .nav{width: 100%; gap: 4px 20px; flex-wrap: wrap; border-top: 1px solid var(--line); padding: 8px 0;}
.bpc-design .js .nav{display: none;}
.bpc-design .js .nav.is-open{display: flex;}
.bpc-design .nav a{font-size: 14px; min-height: 48px; padding: 12px 4px;}
.bpc-design .home-hero{grid-template-columns: 1fr; padding-top: 40px;}
.bpc-design .home-hero h1{font-size: clamp(44px,10vw,72px);}
.bpc-design .home-photo>img{height: 430px; object-position: center 45%;}
.bpc-design .hero-proof{margin-top: 28px; justify-content: space-between; gap: 12px;}
.bpc-design .hero-proof strong{font-size: 22px;}
.bpc-design .hero-proof span{font-size: 10px;}
.bpc-design .pathways{grid-template-columns: 1fr;}
.bpc-design .pathway,.bpc-design .pathway+.pathway{padding: 23px 0; border-left: 0;}
.bpc-design .pathway+.pathway{border-top: 1px solid var(--line);}
.bpc-design .section-heading,.bpc-design .page-intro.compact{display: block;}
.bpc-design .section-heading>p,.bpc-design .page-intro.compact p{margin-top: 24px;}
.bpc-design .section-heading>.text-link{margin-top: 18px;}
.bpc-design .split{grid-template-columns: 1fr; gap: 32px;}
.bpc-design .coach-photo{max-height: 560px; object-position: center 36%;}
.bpc-design .wattson-feature{grid-template-columns: 1fr;}
.bpc-design .wattson-art{min-height: 350px;}
.bpc-design .wattson-art>img{object-position: center 34%;}
.bpc-design .wattson-copy{padding: 30px 25px;}
.bpc-design .panorama>img{aspect-ratio: 4/3; object-position: center;}
.bpc-design .panorama figcaption{flex-direction: column; gap: 6px;}
.bpc-design .proof-gallery{grid-template-columns:1fr;gap:26px;}
.bpc-design .card-grid,.bpc-design .tool-grid{grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px 18px;}
.bpc-design .journal-feature{grid-template-columns: 1fr;}
.bpc-design .journal-feature>img{min-height: 0; aspect-ratio: 4/3;}
.bpc-design .page-intro{padding-block: 42px 36px;}
.bpc-design .guide-hero{grid-template-columns: 1fr; gap: 32px; padding-block: 42px;}
.bpc-design .guide-visual>img{height: 340px; object-position: center 35%;}
.bpc-design .guide-hero h1{font-size: clamp(40px,9vw,66px);}
.bpc-design .search-row{align-items: start; flex-direction: column; gap: 14px;}
.bpc-design .search-label{width: 100%;}
.bpc-design .paper{grid-template-columns: 26px 1fr 22px; gap: 14px;}
.bpc-design .paper-topic{grid-column: 2; grid-row: 2;}
.bpc-design .paper .arrow{grid-column: 3; grid-row: 1;}
.bpc-design .paper h2{font-size: 20px;}
.bpc-design .reading-rule{grid-template-columns: 1fr; gap: 24px;}
.bpc-design .end-cta{display: block;}
.bpc-design .end-cta .button{margin-top: 26px;}
.bpc-design .footer-inner{display: block;}
.bpc-design .footer nav{margin-top: 12px; gap: 16px;}
.bpc-design .palette{grid-template-columns: repeat(3,minmax(0,1fr));}
.bpc-design .asset-grid{grid-template-columns: repeat(2,minmax(0,1fr));}
.bpc-design .audit-grid{grid-template-columns: 1fr;}}
@media (max-width:440px){body.bpc-design{--gutter: 18px;}
.bpc-design .preview-bar{font-size: 10px;}
.bpc-design .preview-bar .wrap{gap: 8px;}
.bpc-design .home-hero h1{font-size: 44px;}
.bpc-design .actions{flex-direction: column; align-items: stretch;}
.bpc-design .actions .button{justify-content: space-between;}
.bpc-design .home-photo>img{height: 390px;}
.bpc-design .photo-label{font-size: 9px; left: 12px; right: 12px; gap: 8px; padding: 12px;}
.bpc-design .hero-proof strong{font-size: 20px;}
.bpc-design .hero-proof span{font-size: 10px; max-width: 90px;}
.bpc-design .card-grid,.bpc-design .tool-grid,.bpc-design .asset-grid{grid-template-columns: 1fr;}
.bpc-design .palette{grid-template-columns: repeat(2,minmax(0,1fr));}
.bpc-design .wattson-note{padding: 20px 16px; gap: 12px;}
.bpc-design .wattson-note img{width: 44px; height: 44px;}
.bpc-design .wattson-note p{font-size: 13px;}
.bpc-design .guide-hero h1{font-size: 42px;}
.bpc-design .filters{gap: 7px;}
.bpc-design .filter{padding: 10px 12px; font-size: 12px;}
.bpc-design .tool{min-height: 240px;}
.bpc-design .search-label{align-items: start; flex-direction: column; gap: 8px;}
.bpc-design .paper{gap: 10px;}
.bpc-design .paper h2{font-size: 18px;}}
@media (prefers-reduced-motion:reduce){html:has(body.bpc-design){scroll-behavior: auto;}
.bpc-design *,.bpc-design *::before,.bpc-design *::after{transition: none !important; animation: none !important;}}
/* Production chrome and functional sections. All overrides are opt-in. */
body.bpc-design{--bpc-text:#fff;--bpc-text-muted:#aaa;--bpc-primary:#dc2626;--bpc-primary-strong:#ef4444;--bpc-surface:#0a0a0a;--bpc-surface-card:#141414;--bpc-surface-elevated:#1a1a1a;--bpc-border:rgba(255,255,255,.12);--bpc-on-dark:#fff;--bpc-gradient:linear-gradient(135deg,#dc2626,#b91c1c);--bpc-water:#141414;--bpc-grey:#aaa;--bpc-accent:#dc2626;--bpc-data:#67e8f9;padding:0}
.bpc-design .site-header .header-inner{max-width:1280px;min-height:76px;gap:16px}
.bpc-design .site-header .header-inner{flex-wrap:nowrap;padding:14px 24px}
.bpc-design .header-spacer{height:76px}
.bpc-design .site-header nav{margin-left:auto}
.bpc-design .site-header .header-nav{gap:2px}
.bpc-design .site-header .header-nav a{padding:14px 10px;font-size:13px;border-radius:4px}
.bpc-design .site-header .header-brand-sub{color:#aaa}
.bpc-design .site-header .header-cta-btn{border-radius:5px;box-shadow:none;min-height:48px}
.bpc-design .sliding-menu{background:#141414;color:#fff}
.bpc-design .sliding-menu-nav a{color:#fff}
.bpc-design .sliding-menu-nav a.active{background:#dc2626}
.bpc-design .sliding-menu-close{min-width:48px;min-height:48px}
.bpc-design .header-hamburger{width:48px;height:48px}
.bpc-design .skip{z-index:2001}
.bpc-design .menu-toggle{display:flex;background:var(--red);border-radius:50%;padding:0}
.bpc-design .sliding-menu .stage-card{background:var(--ground);border:1px solid var(--line);border-left:4px solid var(--red)}
.bpc-design .sliding-menu-stages h5,.bpc-design .stage-card h6{color:var(--red-text)}
.bpc-design .sliding-menu .auth-button-menu{background:var(--ground)!important;color:var(--ink)!important;border-color:var(--line)!important;box-shadow:none!important}
.bpc-design .bpc-footer{background:#0a0a0a;border-top:1px solid rgba(255,255,255,.12);box-shadow:none}
.bpc-design .bpc-footer::before{display:none}
.bpc-design .bpc-footer p{max-width:none}
.bpc-design .footer-newsletter{background:#141414}
.bpc-design .footer-newsletter p,.bpc-design .footer-brand-desc,.bpc-design .footer-links a{color:#aaa}
.bpc-design .footer-newsletter-form input,.bpc-design .footer-newsletter-form button{border-radius:5px;min-height:48px;min-width:0}
.bpc-design .footer-newsletter-form input::placeholder{color:#aaa}
.bpc-design .footer-newsletter-form button{box-shadow:none}
.bpc-design .bpc-contact-form{display:grid;gap:12px}
.bpc-design .bpc-contact-form label{color:#fff;font-size:14px;font-weight:600}
.bpc-design .bpc-contact-form input,.bpc-design .bpc-contact-form textarea{width:100%;min-width:0;background:#0a0a0a;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:5px;padding:14px 16px;min-height:48px;font:inherit}
.bpc-design .bpc-contact-form textarea{resize:vertical;min-height:160px}
.bpc-design .bpc-contact-form input::placeholder,.bpc-design .bpc-contact-form textarea::placeholder{color:#aaa}
.bpc-design .bpc-contact-form textarea:focus-visible{outline:3px solid #67e8f9;outline-offset:3px}
.bpc-design .bpc-contact-form p{font-size:12px;color:#aaa}
.bpc-design .bpc-form-panel,.bpc-design .bpc-price-panel{padding:clamp(24px,4vw,48px);background:#141414;border:1px solid rgba(255,255,255,.12);border-radius:8px;min-width:0}
.bpc-design .bpc-pricing{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(28px,5vw,64px)}
.bpc-design .bpc-price{font-size:72px;line-height:1.1;letter-spacing:-.055em;font-weight:800;color:#fff;margin-bottom:24px}
.bpc-design .bpc-price span{font-size:18px;font-weight:400;letter-spacing:0;color:#aaa}
.bpc-design .bpc-price-panel .button{margin-top:28px}
.bpc-design .bpc-included{padding:0;list-style:none;margin:0}
.bpc-design .bpc-included li{padding:15px 0;border-bottom:1px solid rgba(255,255,255,.12);font-size:15px}
.bpc-design .bpc-included li::before{content:'✓';color:#67e8f9;margin-right:12px}
.bpc-design .end-cta{flex-wrap:wrap}
.bpc-design .bpc-noscript-nav{display:flex;flex-wrap:wrap;gap:16px;padding:20px;position:relative;z-index:1001;background:#141414}
.bpc-design .bpc-noscript-nav a{min-height:48px;display:flex;align-items:center}
.bpc-design #tarif,.bpc-design #contact,.bpc-design #demarrer{scroll-margin-top:96px}
@media(max-width:1100px){.bpc-design .site-header nav{display:none}.bpc-design .menu-toggle{display:none}}
@media(max-width:760px){.bpc-design .bpc-pricing{grid-template-columns:1fr}.bpc-design .site-header .header-inner{min-height:64px}.bpc-design .site-header .header-auth-icon{min-height:48px;min-width:48px}.bpc-design .header-spacer{height:72px}}
@media(max-width:760px){.bpc-design .site-header .header-inner,.bpc-design .site-header.scrolled .header-inner{padding:8px 12px;gap:8px}.bpc-design .header-right{gap:4px}.bpc-design .header-brand{gap:8px}.bpc-design .header-brand img{height:32px}.bpc-design .header-spacer{height:64px}}