/* Généré par scripts/landing/construire-css-d2.js depuis maquettes.css — ne pas éditer à la main. */
:root{--violet:#371dc9;--purple:#4a0ebc;--yellow:#ffde00;--ink:#19152d;--muted:#5e596d;--paper:#fff;--soft:#f4f1fb;--line:#ddd8e9;--radius:22px;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper)}
*{box-sizing:border-box}body{margin:0}a{color:inherit}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a,button,input,select,textarea{outline-offset:5px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #967300}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}h1{font-size:clamp(2.6rem,5.4vw,5.8rem);line-height:1.04;letter-spacing:-.055em;overflow-wrap:anywhere}h2{font-size:clamp(1.8rem,3vw,3rem);line-height:1.12;letter-spacing:-.035em}h3{font-size:1.35rem;line-height:1.25}p{line-height:1.65}p+p{margin-top:1rem}em{font-style:normal;color:var(--violet)}.wrap{width:min(1200px,calc(100% - 64px));margin-inline:auto}.eyebrow{font-size:.73rem;font-weight:700;letter-spacing:.12em;line-height:1.5;margin-bottom:20px}.lead{font-size:clamp(1.1rem,1.7vw,1.35rem);color:var(--muted);max-width:660px;margin-top:24px}.notice{padding:14px 18px;background:var(--soft);font-size:.85rem;border-inline-start:3px solid var(--violet);margin-top:28px}.btn{display:inline-flex;justify-content:center;align-items:center;gap:12px;padding:15px 24px;border-radius:999px;text-decoration:none;background:var(--yellow);border:1px solid transparent;font-weight:700;line-height:1.35;min-height:48px;white-space:normal;text-align:center}.btn.secondary{background:transparent;border-color:var(--line)}.btn.purple{background:var(--violet);color:white}.btn:disabled{opacity:.65;cursor:not-allowed}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.skip{position:fixed;inset-block-start:-100px;background:white;padding:12px;z-index:50}.skip:focus{inset-block-start:0}.reviewbar a{color:white}.reviewbar nav{display:flex;gap:18px}.site-header{border-bottom:1px solid var(--line);background:white}.header-inner{display:flex;align-items:center;gap:26px;min-height:90px;padding-block:18px}.wordmark{font-size:1.9rem;letter-spacing:-.07em;font-weight:800;text-decoration:none;white-space:nowrap}.wordmark span{display:inline-grid;place-items:center;background:var(--yellow);width:24px;height:24px;font-size:1rem;border-radius:5px;vertical-align:middle;letter-spacing:0}.site-nav{display:flex;gap:22px;flex:1;flex-wrap:wrap;font-size:.85rem}.site-nav a{text-decoration:none;padding-block:10px}.site-nav a[aria-current=page]{color:var(--violet);text-decoration:underline;text-underline-offset:6px}.header-actions{display:flex;align-items:center;gap:14px}.lang{font-size:.8rem;border:1px solid var(--line);border-radius:99px;padding:11px}.site-header .btn{font-size:.82rem;padding:12px 18px}.hero{padding-block:78px 64px;position:relative}.hero-grid{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:64px}.hero-art{min-height:390px;border-radius:32px;position:relative;background:var(--soft);display:grid;place-items:center;overflow:hidden}.hero-art:before{content:'';position:absolute;width:260px;height:260px;border:1px solid #c7bceb;border-radius:50%}.hero-art:after{content:'';position:absolute;width:340px;height:340px;border:1px solid #ded7ee;border-radius:50%}.path-sheet{z-index:1;background:white;border:1px solid var(--line);padding:32px;width:76%;border-radius:18px;transform:rotate(-5deg);box-shadow:0 20px 50px #2d185912}.path-sheet .eyebrow{color:var(--muted)}.path-sheet h3{font-size:1.8rem}.path-row{display:flex;align-items:center;gap:18px;margin-top:26px;font-size:.95rem}.path-row b{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--line);background:var(--soft)}.path-row:last-child b{background:var(--yellow);border-color:var(--yellow)}.section{padding-block:66px;border-top:1px solid var(--line)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:30px}.section-head p{max-width:410px;color:var(--muted)}.audiences{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.audience{display:flex;flex-direction:column;text-decoration:none;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:white}.audience-copy{padding:28px;flex:1;display:flex;flex-direction:column;gap:14px}.audience-copy p{font-size:.95rem;color:var(--muted)}.audience-copy .link{margin-top:auto;padding-top:14px;color:var(--violet);font-weight:700;font-size:.9rem}.audience img{width:100%;height:240px;object-fit:cover}.audience img.school{object-position:center;width:100%;object-fit:cover}.audience .ordinal{font-size:.75rem;color:var(--muted);letter-spacing:.12em}.band{padding:26px;text-align:center;background:var(--violet);color:white;font-size:1.2rem}.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px}.step{border-top:2px solid var(--violet);padding-top:22px}.step .number{display:block;font-size:2.3rem;color:var(--violet);margin-bottom:26px;letter-spacing:-.06em}.step h3{margin-bottom:10px}.step p{font-size:.95rem;color:var(--muted)}.trust-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.trust-grid article{padding-inline-start:24px;border-inline-start:2px solid var(--yellow)}.trust-grid p{margin-top:12px;color:var(--muted)}.cta{background:var(--yellow);padding:64px 40px;text-align:center;border-radius:28px;margin-block:20px 70px}.cta h2{max-width:700px;margin-inline:auto}.cta p{margin-top:20px}.site-footer{padding:52px 0 28px;background:#111827;color:white}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px}.site-footer h3{font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;margin-bottom:20px}.site-footer a{display:block;margin-block:12px;font-size:.9rem;text-decoration:none}.site-footer .wordmark{font-size:2rem;margin-top:0}.site-footer p{color:#c7c7d4;font-size:.9rem;max-width:300px}.footer-end{border-top:1px solid #394050;margin-top:36px;padding-top:20px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.cookie-demo{margin-top:36px;padding:24px;border:1px solid #4c5261;border-radius:16px}.cookie-demo summary{cursor:pointer;font-weight:700}.cookie-demo p{max-width:750px;margin-top:16px}.cookie-demo .actions button{font-size:.8rem;background:white;color:var(--ink)}.cookie-demo .secondary{color:white;background:transparent;border-color:#848795}.page-heading{padding-block:65px 45px;max-width:870px}.page-heading h1{font-size:clamp(2.5rem,4.5vw,4.8rem)}.content-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.content-card{padding:30px;background:var(--soft);border-radius:var(--radius)}.content-card p{margin-top:14px;color:var(--muted)}.content-card .btn{margin-top:24px}.split{display:grid;grid-template-columns:1fr 1.6fr;gap:60px;padding-bottom:70px}.form-preview{border:1px solid var(--line);padding:32px;border-radius:24px}.form-preview label{display:block;font-size:.85rem;font-weight:700;margin-bottom:9px}.form-preview input:not([type=checkbox]),.form-preview select,.form-preview textarea{width:100%;min-height:48px;border:1px solid #bbb5c8;border-radius:9px;padding:12px;background:white;color:var(--ink)}.form-preview textarea{height:120px}.form-preview .field{margin-bottom:20px}.form-preview .check{display:flex;align-items:start;gap:10px;font-weight:400;line-height:1.5}.form-preview fieldset{border:0;padding:0;margin:0}.form-preview legend{font-weight:700;margin-bottom:18px}.form-preview .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.state{padding:20px;background:var(--soft);border-radius:14px;margin-top:20px}.state h3{font-size:1rem}.state p{font-size:.85rem;margin-top:10px}.legal{max-width:760px;padding-bottom:70px}.legal section{padding-block:25px;border-top:1px solid var(--line)}.legal p{margin-top:14px}.faq{padding-bottom:70px}.faq details{padding:22px 0;border-top:1px solid var(--line)}.faq summary{font-weight:700;font-size:1.08rem;cursor:pointer}.faq details p{max-width:750px;margin-top:16px}.long-copy .lead,.long-copy .audience-copy p{font-size:1.55rem;line-height:1.7}.long-copy .site-nav{font-size:1.1rem}.review-tools{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px;font-size:.85rem}.review-tools button{padding:10px 15px;background:white;border:1px solid var(--line);border-radius:8px;color:var(--ink)}
/* D : composition de la graphiste, complétée uniquement par le hero validé. */
[data-concept=d]{--paper:#fff;--soft:#f7f5fb;--violet:#4314d4}[data-concept=d] .site-header{background:white}[data-concept=d] .wordmark-image{display:block;width:112px;flex:0 0 auto}[data-concept=d] .wordmark-image img{width:100%;height:auto}[data-concept=d] .site-footer .wordmark-image{width:118px}[data-concept=d] .site-footer .wordmark-image img{filter:brightness(0) invert(1)}
[data-concept=d] .hero{position:relative;overflow:hidden}[data-concept=d] .hero em{display:block}[data-concept=d] .b-edge-graphic{position:absolute;display:block;pointer-events:none;user-select:none;z-index:0}[data-concept=d] .hero .wrap,[data-concept=d] .home-audiences .wrap,[data-concept=d] .reassurance .wrap{position:relative;z-index:1}[data-concept=d] .b-hero-star{width:clamp(360px,35vw,520px);inset-inline-end:-235px;inset-block-start:-35px}
[data-concept=d] .designer-transition{padding:66px 24px 34px;text-align:center;background:white}[data-concept=d] .designer-transition p{margin:0;font-size:clamp(2.1rem,4.3vw,4.25rem);font-weight:800;letter-spacing:-.055em;line-height:1.02}
[data-concept=d] .home-audiences{position:relative;overflow:hidden;border-top:0;padding-top:36px}[data-concept=d] .home-audiences .section-head{display:block;text-align:center;margin-bottom:24px}[data-concept=d] .home-audiences .section-head p{display:none}[data-concept=d] .home-audiences .section-head h2{font-size:1.35rem;color:var(--violet);letter-spacing:-.01em}[data-concept=d] .home-audiences .audience{position:relative;border:0;border-radius:0;overflow:hidden;background:transparent}[data-concept=d] .home-audiences .audience>img{height:240px;border-radius:20px;object-fit:cover}[data-concept=d] .home-audiences .audience>img.school{width:150%;max-width:none;margin-inline-start:-25%}[data-concept=d] .home-audiences .audience-copy{padding:16px 12px 0}[data-concept=d] .home-audiences .audience-copy .ordinal{display:none}[data-concept=d] .home-audiences .audience-copy h3{position:absolute;inset-inline:14px;inset-block-start:150px;color:white;font-size:1.42rem;line-height:1.05;text-align:center;text-shadow:0 2px 8px #000;z-index:2}[data-concept=d] .home-audiences .audience-copy p{text-align:center;color:var(--ink)}[data-concept=d] .home-audiences .audience-copy .link{text-align:center}[data-concept=d] .b-audience-star{width:clamp(330px,32vw,480px);inset-inline-start:-220px;inset-block-end:-150px}
[data-concept=d] .band{background:var(--violet);color:white;padding:28px;font-size:1.2rem}[data-concept=d] .reassurance{position:relative;overflow:hidden;text-align:center}[data-concept=d] .reassurance .section-head{display:block;text-align:center}[data-concept=d] .reassurance .section-head p{margin:18px auto 0}[data-concept=d] .reassurance .trust-grid article{border:0;padding:24px;align-items:center}[data-concept=d] .designer-reassurance .trust-grid h3{font-size:2.7rem;color:#3523a4}[data-concept=d] .designer-reassurance .trust-grid p{max-width:270px;color:#706d78}[data-concept=d] .designer-source{max-width:760px;margin:46px 0 0;text-align:start;color:#706d78;font-size:.88rem}[data-concept=d] .designer-trust-icon{display:block;width:116px;height:112px;margin:28px auto 0;background-image:none;background-repeat:no-repeat;background-size:1440px 810px}[data-concept=d] .designer-trust-icon-1{background-position:-374px -512px}[data-concept=d] .designer-trust-icon-2{background-position:-690px -510px}[data-concept=d] .designer-trust-icon-3{background-position:-999px -512px}[data-concept=d] .b-trust-star-top{width:clamp(360px,34vw,500px);inset-inline-start:-165px;inset-block-start:-30px}[data-concept=d] .b-trust-star-bottom{width:clamp(350px,33vw,490px);inset-inline-end:-175px;inset-block-end:-165px}
[data-concept=d] .designer-quote{padding:76px 24px;text-align:center}[data-concept=d] .designer-quote p{font-size:clamp(1.8rem,3.4vw,3.2rem);line-height:1.15;color:var(--violet)}[data-concept=d] .designer-quote strong{font-weight:800}
[data-concept=d] .cta{position:relative;overflow:hidden;background:var(--yellow);color:var(--ink);text-align:center;border-radius:0;margin-inline:calc((min(1200px,100vw - 64px) - 100vw)/2);padding:62px 32px}[data-concept=d] .cta-content{position:relative;z-index:1}[data-concept=d] .cta h2{max-width:980px}[data-concept=d] .cta .actions{justify-content:center}[data-concept=d] .cta .btn{background:var(--violet);color:white}[data-concept=d] .b-cta-pattern{position:absolute;inset:-35px;display:grid;grid-template-columns:repeat(3,1fr);align-items:center;gap:10px;opacity:.18;pointer-events:none}[data-concept=d] .b-cta-pattern img{width:100%;height:150px;object-fit:contain}[data-concept=d] .b-cta-pattern img:nth-child(even){transform:translateY(42px) scale(.78)}
[data-concept=d] #contenu{position:relative;overflow:hidden}[data-concept=d] #contenu>.wrap{position:relative;z-index:1}[data-concept=d] .b-page-star{position:absolute;width:clamp(350px,33vw,490px);inset-block-start:-30px;pointer-events:none;user-select:none;z-index:0;opacity:.92}[data-concept=d] .b-page-star-start{inset-inline-start:-220px}[data-concept=d] .b-page-star-end{inset-inline-end:-220px}
/* D2 : la direction D reste intacte ; seule la page Jeunes reçoit le nouveau texte révisé. */
[data-variant=d2] .d2-youth{position:relative;background:transparent}[data-variant=d2] .d2-youth section{position:relative;overflow:hidden}[data-variant=d2] .d2-youth-hero{padding:82px 0 74px}[data-variant=d2] .d2-youth-hero-grid{display:grid;grid-template-columns:1.12fr .88fr;align-items:center;gap:70px;position:relative;z-index:1}[data-variant=d2] .d2-youth-hero h1{font-size:clamp(3rem,5.5vw,5.7rem);max-width:760px}[data-variant=d2] .d2-intro{font-size:1.25rem;font-weight:700;margin-top:24px}[data-variant=d2] .d2-signature{margin-top:24px;color:var(--violet);font-weight:700}[data-variant=d2] .d2-photo{position:relative;padding:28px;background:#f0edf8;border-radius:32px}[data-variant=d2] .d2-photo img{width:100%;height:470px;object-fit:cover;border-radius:22px}[data-variant=d2] .d2-photo span{position:absolute;inset-inline:52px;inset-block-end:52px;padding:20px;background:white;border-radius:16px;font-size:1.45rem;line-height:1.2;box-shadow:0 16px 40px #26135d24}[data-variant=d2] .d2-photo strong{color:var(--violet)}
[data-variant=d2] .d2-edge{position:absolute;width:480px;pointer-events:none;z-index:0}[data-variant=d2] .d2-edge-left{inset-inline-start:-220px;inset-block-end:-150px}[data-variant=d2] .d2-edge-right{inset-inline-end:-220px;inset-block-start:-90px}[data-variant=d2] .d2-identification .wrap,[data-variant=d2] .d2-solution .wrap{position:relative;z-index:1}[data-variant=d2] .d2-feelings{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}[data-variant=d2] .d2-feelings p{display:flex;align-items:center;min-height:96px;padding:20px 22px;border:1px solid #ded8eb;border-radius:18px;background:#fff;font-weight:600;line-height:1.45}[data-variant=d2] .d2-feelings p:nth-child(3n+2){background:#f6f3fc}[data-variant=d2] .d2-feelings p:before{content:'•';color:var(--violet);font-size:1.8rem;margin-inline-end:12px}
[data-variant=d2] .d2-attempts{background:#f8f6fc}[data-variant=d2] .d2-attempt-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}[data-variant=d2] .d2-attempt-grid article{padding:28px;background:white;border-radius:20px;border-top:5px solid var(--yellow)}[data-variant=d2] .d2-attempt-grid p{margin-top:12px;color:var(--muted)}[data-variant=d2] .d2-lamp{display:grid;grid-template-columns:1fr auto;align-items:center;gap:35px;margin-top:34px;padding:30px 34px;background:var(--violet);color:white;border-radius:20px}[data-variant=d2] .d2-lamp p{max-width:780px}[data-variant=d2] .d2-lamp strong{color:var(--yellow);font-size:1.25rem}
[data-variant=d2] .d2-solution{background:var(--violet);color:white;border-top:0}[data-variant=d2] .d2-solution h2{font-size:clamp(2.6rem,5vw,5.2rem);max-width:930px}[data-variant=d2] .d2-solution .eyebrow{color:var(--yellow)}[data-variant=d2] .d2-promise{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}[data-variant=d2] .d2-promise p{padding:12px 18px;border:1px solid #8f7bea;border-radius:99px;color:white}[data-variant=d2] .d2-solution-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:36px}[data-variant=d2] .d2-solution-grid article{padding:30px;border-radius:20px;background:white;color:var(--ink)}[data-variant=d2] .d2-solution-grid article:last-child{background:#fff5bd}[data-variant=d2] .d2-solution-grid ul,[data-variant=d2] .d2-plans ul{padding-inline-start:20px;margin:20px 0 0}[data-variant=d2] .d2-solution-grid li,[data-variant=d2] .d2-plans li{margin-block:10px;line-height:1.5}[data-variant=d2] .d2-solution .btn{background:var(--yellow);color:var(--ink)}
[data-variant=d2] .d2-plans{display:grid;grid-template-columns:1fr 1fr;gap:26px}[data-variant=d2] .d2-plans article{padding:38px;border:1px solid #d8d2e4;border-radius:24px;background:white;display:flex;flex-direction:column;align-items:flex-start}[data-variant=d2] .d2-plans article.featured{background:var(--yellow);border-color:var(--yellow)}[data-variant=d2] .d2-plans h3{font-size:2rem}[data-variant=d2] .d2-plans article>p:not(.eyebrow){margin-top:18px;color:#555061}[data-variant=d2] .d2-plans .btn{margin-top:auto}[data-variant=d2] .d2-choice{max-width:780px;margin:30px auto 0;text-align:center;font-weight:700;color:var(--violet)}
[data-variant=d2] .d2-benefits{background:#f8f6fc}[data-variant=d2] .d2-benefit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}[data-variant=d2] .d2-benefit-grid article{padding:28px;background:white;border-radius:20px}[data-variant=d2] .d2-benefit-grid span{display:grid;place-items:center;width:44px;height:44px;margin-bottom:24px;border-radius:50%;background:var(--yellow);font-weight:800}[data-variant=d2] .d2-benefit-grid p{margin-top:10px;color:var(--muted)}
[data-variant=d2] .d2-proof{text-align:center}[data-variant=d2] .d2-proof h2{max-width:800px;margin-inline:auto}[data-variant=d2] .d2-quotes{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:38px;text-align:start}[data-variant=d2] .d2-quotes blockquote{margin:0;padding:34px;border-radius:22px;background:#f3effb;color:var(--violet);font-size:1.35rem;line-height:1.55}[data-variant=d2] .d2-quotes blockquote:last-child{background:var(--yellow);color:var(--ink)}[data-variant=d2] .d2-quotes cite{display:block;margin-top:22px;font-size:.9rem;font-style:normal;font-weight:800;color:var(--ink)}
[data-variant=d2] .d2-faq{background:#f8f6fc}[data-variant=d2] .d2-faq details{padding:22px 0;border-top:1px solid #d8d2e4}[data-variant=d2] .d2-faq summary{cursor:pointer;font-size:1.2rem;font-weight:800;color:var(--violet)}[data-variant=d2] .d2-faq details p{max-width:850px;margin-top:14px;color:var(--muted)}[data-variant=d2] .d2-final .cta{margin-top:54px}
.cta .actions{justify-content:center}[data-concept=b] .cta .actions{justify-content:flex-start}
[data-concept=d] .home-audiences .audience>img.school{width:200%;margin-inline-start:-50%}
@media(min-width:1450px){.hero h1{font-size:5.5rem}}
@media(max-width:1100px){.header-inner{flex-wrap:wrap;gap:16px}.site-nav{order:3;flex-basis:100%;justify-content:space-between;gap:12px}.header-actions{margin-inline-start:auto}.hero-grid{gap:30px}.hero-art{min-height:340px}.steps{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.cover{padding:24px}.concept-text{padding:22px}}
@media(max-width:760px){.wrap{width:calc(100% - 36px)}.gallery main{padding-top:40px}.hero{padding-block:44px}.hero-grid,.audiences,.content-grid,.trust-grid,.split,.gallery-grid{grid-template-columns:1fr}.hero-grid{gap:40px}.hero-art{min-height:320px}.hero-art:after{width:280px;height:280px}.hero-art:before{width:220px;height:220px}.hero h1{font-size:3.1rem}.hero .lead{font-size:1.13rem}.section{padding-block:42px}.section-head{display:block}.section-head p{margin-top:18px}.steps{grid-template-columns:1fr;gap:25px}.step .number{margin-bottom:12px}.footer-grid{grid-template-columns:1fr 1fr;gap:30px}.footer-brand{grid-column:1/-1}.site-nav{font-size:.85rem}.site-nav a{padding-block:8px}.header-actions{gap:8px}.header-actions .btn{font-size:.73rem;padding:11px 14px}.lang{padding:9px;font-size:.7rem}.cta,[data-concept=b] .cta{padding:36px 24px;margin-bottom:40px}.split{gap:25px}.form-preview{padding:22px}.form-preview .form-grid{grid-template-columns:1fr}.references{grid-template-columns:1fr}.reviewbar nav{gap:12px}.page-heading{padding-block:45px 30px}.wordmark{font-size:1.65rem}.audience img{height:250px}.audience img.school{height:300px}.gallery-grid{margin-top:28px}.cover{height:260px;padding:35px}.cover>span{font-size:2.7rem}.gallery h1{font-size:3rem}.concept-text{padding:28px}.doc-links{padding:25px}[data-concept=a] .cta{margin-inline:-18px}[data-concept=c] .hero{padding-block:45px}[data-concept=c] .hero h1{font-size:3.5rem}[data-concept=c] .hero-art{min-height:330px}[data-concept=c] .steps{gap:0}}
@media(max-width:760px){[data-concept=b] .wordmark-image{width:96px}[data-concept=b] .b-hero-star{width:155px;inset-inline-end:-82px;inset-block-start:175px}[data-concept=b] .b-audience-star{width:135px;inset-inline-start:-70px;inset-block-end:-32px}[data-concept=b] .b-trust-star-top,[data-concept=b] .b-trust-star-bottom{width:135px}[data-concept=b] .b-page-star{width:145px;inset-block-start:88px;opacity:.78}[data-concept=b] .b-page-star-start{inset-inline-start:-82px}[data-concept=b] .b-page-star-end{inset-inline-end:-82px}[data-concept=b] .b-trust-icon{width:74px;height:74px}[data-concept=b] .b-cta-pattern{grid-template-columns:repeat(2,1fr);inset:-20px}[data-concept=b] .b-cta-pattern img{height:110px}}
@media(max-width:760px){[data-concept=d] .wordmark-image{width:96px}[data-concept=d] .b-hero-star{width:320px;inset-inline-end:-150px;inset-block-start:115px}[data-concept=d] .designer-transition{padding:46px 18px 24px}[data-concept=d] .b-audience-star{width:300px;inset-inline-start:-145px;inset-block-end:-95px}[data-concept=d] .home-audiences .audience-copy h3{inset-block-start:156px;font-size:1.34rem}[data-concept=d] .b-trust-star-top,[data-concept=d] .b-trust-star-bottom{width:310px}[data-concept=d] .b-trust-star-top{inset-inline-start:-125px;inset-block-start:-55px}[data-concept=d] .b-trust-star-bottom{inset-inline-end:-145px;inset-block-end:-110px}[data-concept=d] .b-page-star{width:300px;inset-block-start:18px;opacity:.78}[data-concept=d] .b-page-star-start{inset-inline-start:-150px}[data-concept=d] .b-page-star-end{inset-inline-end:-150px}[data-concept=d] .designer-source{margin-top:30px}[data-concept=d] .designer-quote{padding:52px 18px}[data-concept=d] .cta{margin-inline:-18px;padding:44px 24px}[data-concept=d] .b-cta-pattern{grid-template-columns:repeat(2,1fr);inset:-20px}[data-concept=d] .b-cta-pattern img{height:110px}}
@media(max-width:1000px){[data-variant=d2] .d2-youth-hero-grid{grid-template-columns:1fr;gap:42px}[data-variant=d2] .d2-photo{max-width:680px}[data-variant=d2] .d2-feelings,[data-variant=d2] .d2-attempt-grid,[data-variant=d2] .d2-benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){[data-variant=d2] .d2-youth-hero{padding:50px 0}[data-variant=d2] .d2-youth-hero h1{font-size:2.8rem}[data-variant=d2] .d2-photo{padding:16px;border-radius:22px}[data-variant=d2] .d2-photo img{height:360px}[data-variant=d2] .d2-photo span{inset-inline:30px;inset-block-end:30px;font-size:1.15rem}[data-variant=d2] .d2-edge{width:300px}[data-variant=d2] .d2-edge-left{inset-inline-start:-145px;inset-block-end:-95px}[data-variant=d2] .d2-edge-right{inset-inline-end:-145px;inset-block-start:-55px}[data-variant=d2] .d2-feelings,[data-variant=d2] .d2-attempt-grid,[data-variant=d2] .d2-solution-grid,[data-variant=d2] .d2-plans,[data-variant=d2] .d2-benefit-grid,[data-variant=d2] .d2-quotes{grid-template-columns:1fr}[data-variant=d2] .d2-feelings p{min-height:auto}[data-variant=d2] .d2-lamp{grid-template-columns:1fr;padding:26px}[data-variant=d2] .d2-solution h2{font-size:2.65rem}[data-variant=d2] .d2-plans article{padding:28px}[data-variant=d2] .d2-quotes blockquote{font-size:1.12rem;padding:26px}[data-variant=d2] .d2-final .cta{margin-inline:-18px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
@media print{.reviewbar,.review-tools{display:none}.hero,.section{break-inside:avoid}.site-footer{background:white;color:black}.site-footer p{color:black}}

/* ════════════════ Vrai site : règles ajoutées à la maquette D2 ════════════════ */
body{font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper)}
[dir=rtl] body{font-family:Tahoma,Arial,sans-serif}
.eyebrow{text-transform:uppercase}

/* Écrans : un seul visible (landing.js ajoute .page--active) */
.page{display:none}.page--active{display:block}
.page>main,.page{position:relative;overflow:hidden}

/* Lien d'évitement : un bouton, le hash est réservé à la navigation entre écrans */
.skip{border:0;font-weight:700;color:var(--ink)}

/* En-tête */
.site-header{position:sticky;inset-block-start:0;z-index:40}
.header--scrolled{box-shadow:0 6px 24px #1b103d14}
.site-nav a.header__link--active{color:var(--violet);text-decoration:underline;text-underline-offset:6px}
.header__mobile-toggle{display:none;background:transparent;border:1px solid var(--line);border-radius:12px;width:48px;height:48px;padding:12px 11px;flex-direction:column;justify-content:space-between}
.header__mobile-toggle span{display:block;height:2px;background:var(--ink);border-radius:2px}
#language-switcher{display:flex;align-items:center}

/* Icônes de la réassurance (découpées de la planche de la graphiste) */
[data-concept=d] .designer-trust-icon{background-size:contain;background-position:center}
[data-concept=d] .designer-trust-icon-1{background-image:url("d2-icone-1.png")}
[data-concept=d] .designer-trust-icon-2{background-image:url("d2-icone-2.png")}
[data-concept=d] .designer-trust-icon-3{background-image:url("d2-icone-3.png")}

/* Formulaires réels dans le gabarit « form-preview » */
.form-preview .form__group{margin-bottom:20px}
.form-preview .form__row{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}
.form-preview .checkbox__group{display:grid;gap:10px}
.form-preview .checkbox__label{display:flex;align-items:flex-start;gap:10px;font-weight:400;line-height:1.5;margin:0}
.form-preview .checkbox__input{margin-top:4px;width:18px;height:18px;flex:0 0 auto}
.form-preview .form__hint{font-size:.85rem;color:var(--muted);margin-top:8px}
.form-preview .btn{width:100%;margin-top:8px}
.form__error{color:#b3261e;font-size:.9rem;margin-top:8px}
.form__error:empty{display:none}
.form__success{display:none;color:#1b6b3a;font-weight:700;margin-top:8px}
.contact-success{display:none}.contact-success--visible{display:block}
.form-links{margin-top:18px;text-align:center}
.form-links a{color:var(--violet);font-weight:700}

/* Équipe */
.team-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-top:30px}
.team-member{padding:28px;background:var(--soft);border-radius:var(--radius);display:grid;grid-template-columns:120px 1fr;gap:6px 24px;align-items:start}
.team-member img{grid-row:1/span 3;width:120px;height:120px;border-radius:50%;object-fit:cover}
.team-member p{color:var(--muted)}
.team-member .team-member__role{font-weight:700;color:var(--violet)}

/* Processus : sections et dimensions */
.chip-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.chip-grid p{padding:18px 20px;border:1px solid var(--line);border-radius:16px;font-weight:700;background:white}

/* Jeunes : compléments au gabarit D2 */
[data-variant=d2] .d2-youth .section-head p span{display:block}
[data-variant=d2] .d2-lamp h3{color:var(--yellow);font-size:1.4rem;margin-bottom:12px}
[data-variant=d2] .d2-lamp p+p{margin-top:12px}
[data-variant=d2] .d2-group-title{margin:40px 0 20px;font-size:1.5rem}
[data-variant=d2] .d2-plans .d2-price{margin-top:22px;font-weight:800;font-size:1.2rem}
[data-variant=d2] .d2-plans article p+p{margin-top:12px}
[data-variant=d2] .d2-summary{margin-top:30px;max-width:820px}
[data-variant=d2] .d2-findings{margin-top:34px;text-align:start;max-width:760px;margin-inline:auto}
[data-variant=d2] .d2-findings ul{margin:14px 0 0;padding-inline-start:20px}
[data-variant=d2] .d2-findings li{margin-block:8px}
[data-variant=d2] .d2-proof .actions{justify-content:center}
[data-variant=d2] .d2-faq details p+p{margin-top:8px}

/* Bannière cookies réelle */
.cookie-banner{display:none;position:fixed;inset-inline:0;inset-block-end:0;z-index:60;background:#111827;color:white;padding:18px 0;box-shadow:0 -10px 30px #0003}
.cookie-banner--visible{display:block}
.cookie-banner__inner{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.cookie-banner__text{max-width:760px;font-size:.9rem;line-height:1.55}
.cookie-banner__text a{color:var(--yellow)}
.cookie-banner__actions{display:flex;gap:10px;flex-wrap:wrap}
.cookie-banner .btn.secondary{color:white;border-color:#848795}

/* Pied de page : réseaux */
.footer-social{display:flex;gap:10px;margin-top:18px}
.site-footer .footer-social a{display:grid;place-items:center;width:36px;height:36px;margin:0;border:1px solid #394050;border-radius:50%}

@media(max-width:1100px){.header__mobile-toggle{display:flex}.site-nav{display:none}body.mobile-nav-open .site-nav{display:flex;flex-direction:column;gap:0}body.mobile-nav-open .site-nav a{padding-block:12px;border-top:1px solid var(--line)}}
@media(max-width:760px){.team-member{grid-template-columns:1fr}.team-member img{grid-row:auto}.team-grid,.chip-grid{grid-template-columns:1fr}.form-preview .form__row{grid-template-columns:1fr}.header-actions .btn{display:none}}
