:root{--pi-orange: #F17004;--pi-red: #E3000E;--pi-charcoal: #393E42;--pi-ink: #23272A;--pi-paper: #FFFFFF;--pi-paper2: #F7F6F3;--pi-line: #E7E5E0;--pi-muted: #6A6F73;--pi-display: "Barlow Condensed", "Bricolage Grotesque", system-ui, sans-serif;--pi-shadow: 0 18px 40px -24px rgba(20,22,24,.35);--pi-radius: 18px}.pi-wrap{max-width:1200px;margin:0 auto;padding:0 24px}.pi-hero{background:var(--pi-charcoal);color:#fff;padding:148px 0 72px;position:relative;overflow:hidden}.pi-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 80% 0%,rgba(227,0,14,.1),transparent 60%);pointer-events:none}.pi-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center;margin-top:28px}.pi-eyebrow{display:inline-flex;align-items:center;gap:.6rem;font-size:.78rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--pi-orange)}.pi-eyebrow:before{content:"";width:22px;height:3px;border-radius:3px;background:var(--pi-orange)}.pi-eyebrow--dark{color:var(--pi-orange)}.pi-hero h1{font-family:var(--pi-display);font-size:clamp(2.2rem,4.8vw,3.6rem);font-weight:800;line-height:1.04;color:#fff;margin-top:14px;letter-spacing:-.02em}.pi-lead{color:#ffffffd1;font-size:1.05rem;line-height:1.7;margin-top:18px;max-width:56ch}.pi-hero-actions{display:flex;gap:12px;margin-top:26px;flex-wrap:wrap}.pi-cta{display:inline-flex;align-items:center;gap:9px;padding:13px 22px;border-radius:999px;font-weight:700;font-size:.93rem;text-decoration:none;transition:transform .18s,box-shadow .18s;white-space:nowrap}.pi-cta--primary{background:var(--pi-orange);color:#fff}.pi-cta--primary:hover{transform:translateY(-2px);box-shadow:0 10px 22px -10px #f17004a6}.pi-cta--ghost{background:transparent;color:#fff;border:1.6px solid rgba(255,255,255,.5)}.pi-cta--ghost:hover{background:#ffffff1a}.pi-cta--outline{background:transparent;color:var(--pi-charcoal);border:1.5px solid var(--pi-line)}.pi-cta--outline:hover{background:var(--pi-paper2)}.pi-cta--white{background:#fff;color:var(--pi-charcoal)}.pi-cta--white:hover{background:var(--pi-charcoal);color:#fff}.pi-cta--ghost-white{background:transparent;border:1.6px solid rgba(255,255,255,.5);color:#fff}.pi-cta--ghost-white:hover{background:#ffffff1a}.pi-cta--block{width:100%;justify-content:center}.pi-photo{border-radius:20px;overflow:hidden;aspect-ratio:4/3;background:#ddd;box-shadow:var(--pi-shadow);border:1px solid rgba(255,255,255,.12)}.pi-photo--tall{aspect-ratio:3/4}.pi-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.pi-badge{display:inline-flex;align-items:center;gap:6px;font-size:.78rem;font-weight:600;background:#ffffff1a;color:#ffffffd9;border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:5px 12px}.pi-section{padding:72px 0;background:var(--pi-paper)}.pi-section--alt{background:var(--pi-paper2)}.pi-sechead{max-width:680px;margin-bottom:44px}.pi-sechead h2{font-family:var(--pi-display);font-size:clamp(1.8rem,3.5vw,2.8rem);font-weight:800;color:var(--pi-ink);margin-top:12px;line-height:1.1;letter-spacing:-.02em}.pi-sechead-sub{color:var(--pi-muted);margin-top:12px;font-size:1.02rem;line-height:1.65}.pi-split{display:grid;grid-template-columns:.95fr 1.05fr;gap:52px;align-items:start}.pi-split-text h2{font-family:var(--pi-display);font-size:clamp(1.5rem,2.8vw,2.2rem);font-weight:800;color:var(--pi-ink);margin:12px 0 14px;line-height:1.1;letter-spacing:-.02em}.pi-split-text>p{color:var(--pi-muted);line-height:1.65;margin-bottom:20px}.pi-points{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:16px}.pi-points>li{display:flex;align-items:flex-start;gap:14px}.pi-point-dot{flex-shrink:0;width:10px;height:10px;border-radius:50%;background:var(--pi-orange);margin-top:6px}.pi-points strong{display:block;font-size:.97rem;color:var(--pi-ink);margin-bottom:4px;font-weight:700}.pi-points p{font-size:.9rem;color:var(--pi-muted);line-height:1.6;margin:0}.pi-pieces-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.pi-piece-card{background:#fff;border:1px solid var(--pi-line);border-top:4px solid var(--pi-orange);border-radius:var(--pi-radius);padding:24px;position:relative;display:flex;flex-direction:column;gap:12px}.pi-piece-num{font-family:var(--pi-display);font-size:2.2rem;font-weight:800;color:#f170042e;line-height:1;position:absolute;top:16px;right:18px}.pi-piece-title{font-family:var(--pi-display);font-size:1.12rem;font-weight:700;color:var(--pi-ink);padding-right:40px}.pi-piece-conseil{font-size:.9rem;color:var(--pi-muted);line-height:1.65;flex:1}.pi-piece-meta{display:flex;flex-direction:column;gap:6px;padding-top:12px;border-top:1px solid var(--pi-line)}.pi-meta-tag{display:inline-flex;align-items:center;gap:6px;font-size:.78rem;font-weight:600;color:var(--pi-charcoal)}.pi-meta-tag svg{color:var(--pi-orange);flex-shrink:0}.pi-real-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:52px;align-items:start}.pi-real-caption{font-size:.87rem;color:var(--pi-muted);margin-top:14px;line-height:1.6;font-style:italic}.pi-split-text>h2,.pi-real-layout h2{font-family:var(--pi-display);font-size:clamp(1.5rem,2.8vw,2.2rem);font-weight:800;color:var(--pi-ink);margin:12px 0 24px;line-height:1.1;letter-spacing:-.02em}.pi-etapes{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:0}.pi-etape{display:flex;align-items:flex-start;gap:16px;padding:18px 0;border-bottom:1px solid var(--pi-line)}.pi-etape:last-child{border-bottom:none}.pi-etape-num{flex-shrink:0;font-family:var(--pi-display);font-weight:800;font-size:1.5rem;color:var(--pi-orange);width:36px;line-height:1;margin-top:2px}.pi-etape-body strong{display:block;font-size:1rem;color:var(--pi-ink);font-weight:700;margin-bottom:5px}.pi-etape-body p{font-size:.9rem;color:var(--pi-muted);line-height:1.6;margin:0}.pi-faq-layout{display:grid;grid-template-columns:1fr 300px;gap:48px;align-items:start}.pi-faq{border:1px solid var(--pi-line);border-radius:12px;margin-top:12px;overflow:hidden;background:#fff}.pi-faq summary{cursor:pointer;padding:16px 20px;font-weight:700;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px;color:var(--pi-ink);font-size:1rem}.pi-faq summary::-webkit-details-marker{display:none}.pi-faq summary:after{content:"+";font-size:1.4rem;line-height:1;color:var(--pi-orange);transition:transform .2s}.pi-faq[open] summary:after{transform:rotate(45deg)}.pi-faq p{color:var(--pi-muted);padding:0 20px 18px;margin:0;line-height:1.65;font-size:.95rem}.pi-aside{display:flex;flex-direction:column;gap:14px}.pi-aside-card{background:var(--pi-charcoal);color:#fff;border-radius:var(--pi-radius);padding:26px}.pi-aside-card h3{font-family:var(--pi-display);font-size:1.2rem;font-weight:800;margin-bottom:10px}.pi-aside-card p{color:#ffffffb8;font-size:.92rem;line-height:1.55;margin-bottom:16px}.pi-aside-info{background:var(--pi-paper2);border:1px solid var(--pi-line);border-radius:12px;padding:18px 20px}.pi-aside-info h4{font-family:var(--pi-display);font-weight:700;font-size:.95rem;color:var(--pi-ink);margin-bottom:6px}.pi-aside-info p{font-size:.87rem;color:var(--pi-muted);margin:0;line-height:1.55}.pi-cta-band{background:var(--pi-charcoal);color:#fff;padding:72px 0;text-align:center}.pi-cta-band h2{font-family:var(--pi-display);font-size:clamp(1.8rem,3.5vw,2.6rem);font-weight:800;color:#fff;letter-spacing:-.02em}.pi-cta-band p{color:#fffc;margin:14px auto 0;max-width:52ch;line-height:1.65}.pi-band-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:28px}.pi-maillage-layout{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}.pi-maillage-h2{font-family:var(--pi-display);font-size:clamp(1.5rem,2.5vw,2rem);font-weight:800;color:var(--pi-ink);letter-spacing:-.02em}.pi-maillage-intro{color:var(--pi-muted);margin-top:12px;line-height:1.7;font-size:.97rem}.pi-maillage-links{display:grid;grid-template-columns:1fr 1fr;gap:24px}.pi-maillage-group h3{font-family:var(--pi-display);font-size:.88rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--pi-muted);margin-bottom:12px}.pi-maillage-group ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.pi-maillage-group a{font-size:.93rem;color:var(--pi-charcoal);text-decoration:none;display:flex;align-items:center;gap:6px;font-weight:500}.pi-maillage-group a:before{content:"→";color:var(--pi-orange);font-weight:700}.pi-maillage-group a:hover{color:var(--pi-orange)}.pi-reveal{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}.pi-reveal.pi-in{opacity:1;transform:none}@media(max-width:1024px){.pi-pieces-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.pi-hero-grid,.pi-split,.pi-faq-layout,.pi-maillage-layout,.pi-real-layout{grid-template-columns:1fr;gap:32px}.pi-maillage-links{grid-template-columns:1fr}.pi-photo--tall{aspect-ratio:4/3}}@media(max-width:640px){.pi-hero{padding:120px 0 56px}.pi-pieces-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.pi-reveal{opacity:1;transform:none}}
