@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--paper:#eeede5;--ink:#25291f;--accent:#f25b35;--olive:#d7dcbd;--line:#cccec1}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--paper);color:var(--ink);font:16px 'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--accent);outline-offset:5px}header{max-width:1440px;margin:auto;padding:28px 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.logo{font:800 30px 'Manrope',Arial;letter-spacing:-2px}.logo span{color:var(--accent)}nav{display:flex;gap:30px;font-size:13px}.navcta{border-bottom:1px solid var(--ink);padding-bottom:5px}.wrap{max-width:1440px;margin:auto;padding-left:5%;padding-right:5%}.eyebrow{font-size:11px;letter-spacing:1.6px;text-transform:uppercase;font-weight:600;display:flex;align-items:center;gap:10px}.dot{width:7px;height:7px;border-radius:100%;background:var(--accent);display:inline-block}.hero{padding-top:55px;padding-bottom:55px;display:grid;grid-template-columns:1.25fr 1fr;gap:4%;align-items:center}.hero h1{font:500 clamp(56px,6.3vw,94px)/.99 'Manrope',Arial;letter-spacing:-6px;margin:31px 0 25px}.serif{font-family:Georgia,serif;font-style:italic;font-weight:400}.hero h1 .serif{color:var(--accent);display:block}.intro{max-width:420px;font-size:16px;line-height:1.7;color:#5c6054}.btn{background:var(--ink);color:var(--paper);border:1px solid var(--ink);padding:17px 22px;display:inline-flex;justify-content:space-between;align-items:center;gap:30px;font-size:13px}.btn .arrow{font-size:21px}.heroactions{display:flex;gap:22px;align-items:center;margin-top:30px}.textlink{font-size:12px;border-bottom:1px solid #8b8d80;padding:7px 0}.art{background:var(--olive);height:530px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.artlabel{position:absolute;top:24px;left:25px;font:10px monospace;letter-spacing:1px}.artbottom{position:absolute;bottom:20px;left:25px;right:25px;display:flex;justify-content:space-between;font:10px monospace}.windows{width:76%;height:65%;position:relative;transform:rotate(-7deg);transition:transform .5s}.sheet{position:absolute;border:1px solid var(--ink);width:100%;height:100%;background:#e7e8d9;top:24px;left:18px}.sheet:nth-child(2){top:12px;left:9px;background:#eff0e6}.main-sheet{position:absolute;background:var(--paper);border:1px solid var(--ink);width:100%;height:100%;box-shadow:8px 13px 0 #25291f12}.browserbar{height:28px;display:flex;gap:4px;align-items:center;padding-left:12px;border-bottom:1px solid var(--ink)}.browserbar i{height:4px;width:4px;background:var(--ink);border-radius:100%}.graphic{height:calc(100% - 28px);display:flex;flex-direction:column;justify-content:center;padding:7%}.graphic small{font-size:8px;text-transform:uppercase;letter-spacing:1px}.graphic strong{font:500 clamp(30px,3.7vw,56px)/1 'Manrope',Arial;letter-spacing:-3px;margin:14px 0}.graphic em{font-family:Georgia,serif;color:var(--accent);font-weight:normal}.graphicline{width:35%;height:2px;background:var(--ink);margin:12px 0}.star{position:absolute;width:116px;height:116px;right:0px;top:25px;background:var(--accent);clip-path:polygon(50% 0,60% 31%,85% 15%,69% 40%,100% 50%,69% 60%,85% 85%,60% 69%,50% 100%,40% 69%,15% 85%,31% 60%,0 50%,31% 40%,15% 15%,40% 31%);transform:rotate(15deg)}.cursor{position:absolute;right:13%;bottom:16%;transform:rotate(7deg);background:var(--ink);color:white;padding:10px 13px;font-size:10px}.cursor:before{content:'';position:absolute;top:-24px;left:-13px;width:23px;height:23px;background:var(--ink);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M18 18 6.5 6.5M15.5 6.5h-9v9' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='square'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M18 18 6.5 6.5M15.5 6.5h-9v9' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='square'/%3E%3C/svg%3E") center/contain no-repeat}.proof{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-top:24px;padding-bottom:24px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px}.proof div{display:flex;gap:14px;align-items:center}.proof strong{font-size:27px;font-weight:500;letter-spacing:-1px}.proof span{font-size:11px;line-height:1.5;max-width:160px}.section{padding-top:90px;padding-bottom:90px}.split{display:grid;grid-template-columns:1fr 1.45fr;gap:9%}h2{font:500 clamp(35px,4vw,58px)/1.07 'Manrope',Arial;letter-spacing:-2.5px;margin:0 0 25px}.bodytext{line-height:1.8;color:#606452;max-width:620px}.manifest{font-size:23px;line-height:1.5;letter-spacing:-.5px;margin:0}.manifest strong{font-weight:500;background:var(--olive);padding:0 4px}.note{font-size:12px;color:#6b6e60;line-height:1.7}.play{padding:44px;background:var(--ink);color:var(--paper);display:grid;grid-template-columns:1fr 1fr;gap:55px;margin-top:50px;align-items:center}.play h3{font-size:27px;font-weight:500;letter-spacing:-1px;margin:14px 0}.play p{font-size:13px;color:#bfc3b1;line-height:1.8}.controls{display:flex;gap:8px;margin-top:25px;flex-wrap:wrap}.choice{background:transparent;border:1px solid #747968;color:var(--paper);padding:10px 14px;font-size:11px}.choice[aria-pressed=true]{background:var(--paper);color:var(--ink)}.demo{background:#d7dcbd;color:#25291f;min-height:260px;padding:28px;transition:all .3s;position:relative}.demo small{font-size:9px;text-transform:uppercase;letter-spacing:1.5px}.demo h4{font:italic 49px/1 Georgia,serif;letter-spacing:-2px;margin:30px 0 15px}.demo p{color:inherit;font-size:11px;max-width:220px}.demo b{position:absolute;right:20px;bottom:20px;font-size:30px}.demo.bold{background:#f25b35;color:#211e19;border-radius:70px 0 0 0}.demo.bold h4{font:800 47px/.97 'Manrope',Arial;letter-spacing:-3px;text-transform:uppercase}.demo.precise{background:#e6eafa;color:#183761}.demo.precise h4{font:400 36px/1.1 monospace;letter-spacing:-2px}.services{border-top:1px solid var(--line)}.servicehead{display:flex;justify-content:space-between;align-items:start;gap:30px}.servicehead p{max-width:310px;margin:0}.rows{margin-top:35px}.row{border-top:1px solid var(--line);padding:30px 0;display:grid;grid-template-columns:60px 1fr 1fr;gap:20px}.row .num{font:12px monospace;color:#818574}.row h3{font-size:25px;font-weight:500;margin:0;letter-spacing:-1px}.row p{font-size:14px;line-height:1.7;margin:0;color:#606452}.tags{font-size:10px;letter-spacing:.6px;margin-top:15px;text-transform:uppercase;color:#6b6e60}.method{background:#d7dcbd}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:35px;margin-top:50px}.step{border-top:1px solid #9ca68a;padding-top:18px}.step small{font:11px monospace}.step h3{font-size:20px;font-weight:500;letter-spacing:-.5px}.step p{font-size:13px;line-height:1.7;color:#545c46}.person{display:grid;grid-template-columns:1fr 1.45fr;gap:9%;align-items:center}.experience{background:#e0dfd3;padding:45px;aspect-ratio:1;display:flex;flex-direction:column;justify-content:space-between}.experience .number{font:500 130px/.8 'Manrope',Arial;letter-spacing:-12px}.experience .number span{font:italic 80px Georgia,serif;color:var(--accent);vertical-align:top}.experience p{font-size:14px;line-height:1.7;max-width:210px}.faq{border-top:1px solid var(--line);display:grid;grid-template-columns:.8fr 1.2fr;gap:12%}details{border-bottom:1px solid var(--line);padding:23px 0}summary{cursor:pointer;font-size:15px;list-style:none;display:flex;justify-content:space-between;gap:25px}summary::after{content:'+'}details[open] summary::after{content:'−'}details p{font-size:13px;line-height:1.8;color:#606452;padding-right:20px}.closing{background:var(--accent);padding-top:65px;padding-bottom:65px;display:flex;justify-content:space-between;align-items:end;gap:30px}.closing h2{font-size:clamp(42px,5.3vw,76px);max-width:750px;margin:20px 0 0}.closing .btn{white-space:nowrap}.closing>.closing-inner{max-width:1440px;width:100%;margin:auto;padding:0 5%;display:flex;justify-content:space-between;align-items:end;gap:30px}footer{padding-top:30px!important;padding-bottom:30px!important;display:flex;justify-content:space-between;align-items:center}footer p{font-size:10px;color:#717563}.menu{display:none}dialog{background:var(--paper);color:var(--ink);border:0;width:min(580px,92vw);max-height:90vh;padding:35px}dialog::backdrop{background:#20271ccc;backdrop-filter:blur(5px)}.dialogtop{display:flex;justify-content:space-between;gap:20px}.close{border:0;background:none;font-size:28px}.formgrid{display:grid;gap:16px;margin-top:20px}label{font-size:12px;display:grid;gap:7px}input,select,textarea{border:1px solid #acb09e;background:transparent;padding:12px;width:100%;border-radius:0;color:var(--ink)}textarea{resize:vertical;min-height:90px}.formgrid .btn{width:100%}.success{font-size:13px;line-height:1.6;padding:12px;background:var(--olive)}[hidden]{display:none!important}
@media(min-width:1600px){.hero{padding-top:70px;padding-bottom:70px}.art{height:580px}}@media(max-width:850px){nav{gap:17px}.hero{grid-template-columns:1fr 1fr}.hero h1{font-size:62px;letter-spacing:-4px}.art{height:440px}.star{width:90px;height:90px;right:-12px}.heroactions{align-items:start;flex-direction:column;gap:10px}.play{gap:25px;padding:30px}.steps{grid-template-columns:1fr 1fr}.experience{padding:30px}.experience .number{font-size:100px}.split,.person{gap:6%}.closing{align-items:start;flex-direction:column}}
@media(max-width:600px){header{padding:22px 6%}.wrap{padding-left:6%;padding-right:6%}nav a:not(.navcta){display:none}.hero{grid-template-columns:1fr;padding-top:35px;gap:36px}.hero h1{font-size:64px;letter-spacing:-4px;margin-top:25px}.intro{font-size:15px}.heroactions{flex-direction:row;align-items:center;gap:17px}.art{height:390px}.graphic strong{font-size:46px}.proof{grid-template-columns:1fr;padding-top:20px;padding-bottom:20px;gap:17px}.proof div{gap:20px}.proof strong{min-width:83px;font-size:24px}.proof span{max-width:none}.section{padding-top:60px;padding-bottom:60px}.split,.play,.person,.faq{grid-template-columns:1fr;gap:25px}h2{font-size:39px}.manifest{font-size:21px}.play{padding:25px;margin-top:35px}.servicehead{flex-direction:column}.row{grid-template-columns:30px 1fr;gap:10px}.row p{grid-column:2}.row h3{font-size:22px}.steps{gap:25px}.step h3{font-size:18px}.experience{aspect-ratio:auto;min-height:290px}.experience .number{font-size:110px}.experience p{max-width:240px}.closing{padding-top:45px;padding-bottom:45px}.closing h2{font-size:45px}.closing .btn{margin-top:15px}.closing>.closing-inner{align-items:start;flex-direction:column}footer{gap:20px}footer p{max-width:180px;text-align:right}.dialogtop h2{font-size:33px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}


:root{--paper:#121312;--ink:#f1f0e8;--accent:#E6005A;--olive:#c6b4f1;--line:#393c34}body{background:var(--paper);color:var(--ink)}header{max-width:1600px;padding:28px 4%;border-color:var(--line)}.logo{font:800 33px 'Barlow Condensed',Impact,sans-serif;letter-spacing:-1px}.logo span{color:var(--accent);font-family:Arial}.wrap{max-width:1600px;padding-left:4%;padding-right:4%}nav{font-size:11px;text-transform:uppercase;letter-spacing:.5px}.navcta{border:1px solid #65665c;border-radius:50px;padding:12px 20px}h2{font-family:'Barlow Condensed',Impact,'Arial Narrow',sans-serif;font-weight:700;letter-spacing:-1.8px;line-height:.94;font-size:clamp(48px,5.7vw,85px)}.serif{font-family:inherit;font-style:normal;font-weight:inherit;color:var(--accent)}.eyebrow{font-size:10px;letter-spacing:1px}.dot{background:var(--accent)}.micro{font:10px/1.5 monospace;letter-spacing:.4px}.hero{display:block;padding-top:29px;padding-bottom:0;overflow:hidden}.herotop{display:flex;justify-content:space-between}.hero h1{margin:35px 0 0;font-family:'Barlow Condensed',Impact,'Arial Narrow',sans-serif;font-size:clamp(70px,11.9vw,190px);font-weight:800;line-height:.85;letter-spacing:-.035em}.titlefirst{display:block;color:#edece4}.titlesecond{display:block;white-space:nowrap}.titlesecond em{color:var(--accent);font-style:normal}.title-star{display:inline-block;color:var(--accent);font:100px/.4 Arial;vertical-align:middle;margin-left:25px}.hero-stage{display:grid;grid-template-columns:.9fr 1.55fr .25fr;min-height:480px;position:relative;margin-top:40px}.hero-copy{position:relative;z-index:3;padding-top:35px}.hero-copy p{font-size:14px;line-height:1.7;color:#c8cac1;margin:30px 0}.hero-copy strong{color:#f1f0e8;font-weight:400}.btn{background:transparent;border:1px solid #666a5a;border-radius:40px;color:var(--ink);font-size:11px;padding:9px 19px 9px 9px;gap:15px;transition:background .2s,color .2s}.btn:hover{background:var(--accent);color:#111}.round-arrow{display:grid;place-items:center;width:38px;height:38px;background:var(--ink);color:var(--paper);font-size:26px;border-radius:100%}.hero-collage{position:relative;min-height:480px;isolation:isolate}.orbital{position:absolute;border:1px solid #363b2c;border-radius:50%;width:600px;height:260px;transform:rotate(-27deg);left:-80px;top:110px;z-index:-1}.orbital-two{transform:rotate(-45deg);height:290px;top:110px;left:-50px}.poster-back{position:absolute;background:var(--accent);height:390px;width:305px;left:22%;top:25px;transform:rotate(8deg)}.poster{position:absolute;left:22%;top:25px;width:305px;height:390px;background:#c6b4f1;color:#161714;transform:rotate(-8deg);padding:19px;overflow:hidden;border:2px solid #151614}.poster-top{display:flex;justify-content:space-between;font:9px monospace}.poster p{font:800 55px/.85 'Barlow Condensed',Impact,sans-serif;letter-spacing:-2px;margin:22px 0 0}.poster p span{font-size:43px}.poster-foot{font:8px monospace;margin-top:18px;border-top:1px solid #161714;padding-top:10px;letter-spacing:1px}.eye{border:3px solid #151614;height:122px;width:225px;border-radius:80% 0 80% 0;transform:rotate(33deg);margin:26px auto;display:grid;place-items:center;background:#efeee6;overflow:hidden}.pupil{width:100px;height:100px;border:2px solid #151614;border-radius:100%;background:#151614;display:grid;place-items:center;color:var(--accent);transform:rotate(-33deg)}.pupil span{font:85px/1 Arial}.sticker{display:block;position:absolute;font:700 12px 'DM Sans',Arial;padding:13px 20px;color:#151614;z-index:2;border:2px solid #151614;border-radius:30px;white-space:nowrap}.st-lime{background:var(--accent);left:-4%;top:65px;transform:rotate(-12deg)}.st-purple{background:#c6b4f1;right:0;bottom:65px;transform:rotate(10deg)}.tiny-star{position:absolute;color:var(--accent);right:0;top:0;font:90px Arial}.hero-aside{display:flex;flex-direction:column;align-items:end;justify-content:space-between;padding:35px 0}.vertical{writing-mode:vertical-rl;font:9px monospace;letter-spacing:1px}.hero-index{font:9px/2 monospace;white-space:nowrap}.proof{background:var(--accent);border:none;color:#151614;padding-top:27px;padding-bottom:27px}.proof div{justify-content:center}.proof strong{font-family:'Barlow Condensed',Impact,sans-serif;font-size:37px;letter-spacing:-1px;font-weight:700}.proof span{font-size:10px}.section{padding-top:100px;padding-bottom:100px}.split{grid-template-columns:.55fr 1.45fr;gap:7%}.split h2{max-width:800px}.manifest{color:#ecece2;font-size:25px;max-width:800px;line-height:1.45}.manifest strong{color:#161714;background:var(--accent)}.bodytext{color:#afb4a6;font-size:14px;line-height:1.8;max-width:640px}.note{color:#a1a595}.play{background:#1c1e19;border:1px solid #404638;color:#f1f0e8;gap:70px;padding:45px;margin-top:65px}.play h3{font:700 39px/.98 'Barlow Condensed',Impact,sans-serif;letter-spacing:-.7px;text-transform:uppercase}.play p{color:#abb19e}.choice{color:#eee;border-color:#646d55;border-radius:40px}.choice[aria-pressed=true]{background:var(--accent);color:#151614;border-color:var(--accent)}.demo{transform:rotate(3deg);box-shadow:-10px 10px 0 var(--accent);min-height:290px}.demo h4{font-size:60px}.demo p{color:inherit}.servicehead{align-items:center}.servicehead h2{margin-top:25px}.row{padding:35px 0;grid-template-columns:70px 1.05fr 1fr}.row h3{font:700 38px 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;letter-spacing:-.6px}.row p{color:#b0b7a3}.row .num,.tags{color:#a3aa94}.row:hover h3{color:var(--accent)}.method{background:var(--accent);color:#151614;position:relative}.method .serif{color:#151614;-webkit-text-stroke:1px #151614;color:transparent}.method h2{font-size:clamp(60px,7vw,100px)}.step{border-color:#9fae16}.step h3{font-family:'Barlow Condensed',Impact,sans-serif;font-weight:700;font-size:30px;text-transform:uppercase;line-height:1}.step p{color:#3f481b}.experience{background:#c6b4f1;color:#171812;position:relative;transform:rotate(-3deg);box-shadow:12px 12px 0 var(--accent);padding:35px}.experience .eyebrow{z-index:2}.experience .number{font-family:'Barlow Condensed',Impact,sans-serif;font-size:210px;letter-spacing:-9px;font-weight:800}.experience .number span{font-family:'Barlow Condensed',Impact,sans-serif;font-size:130px;color:#171812}.experience p{max-width:250px}.person{gap:11%;grid-template-columns:.85fr 1.2fr}.person h2{font-size:clamp(55px,5.7vw,85px)}.person .manifest{color:var(--accent);text-transform:uppercase;font-family:'Barlow Condensed',Impact,sans-serif;font-size:30px!important;line-height:1.1}.person .manifest .serif{color:var(--ink)}.faq h2{font-size:60px}.faq details p{color:#adb4a1}.faq summary::after{color:var(--accent);font-size:25px}.closing{background:#c6b4f1;color:#171812;padding:65px 0}.closing h2{font-size:clamp(70px,8.5vw,130px);line-height:.85;letter-spacing:-3px}.closing h2 .serif{color:#171812;-webkit-text-stroke:1px #171812;color:transparent}.closing .btn{color:#171812;border-color:#171812;border-radius:100%;width:175px;height:175px;flex-direction:column;justify-content:center;font-size:11px;text-transform:uppercase;transform:rotate(-12deg);padding:20px;white-space:normal;text-align:center}.closing .btn .arrow{font-size:50px}.closing .btn:hover{transform:rotate(0)}footer{padding-top:35px!important;padding-bottom:35px!important}footer p{color:#969e88}dialog{background:#1c1e18;color:#eee}dialog h2{font-size:55px}.close{color:var(--ink)}input,select,textarea{color:#eee;background:#252a21;border-color:#5d6650}.success{background:var(--accent);color:#151614}.formgrid .btn{padding:17px 23px}.dialogtop .serif{color:var(--accent)}
@media(min-width:1600px){.hero-stage{min-height:540px}.hero-collage{transform:scale(1.1);transform-origin:top center}.hero h1{font-size:190px}}
@media(max-width:1000px){.title-star{font-size:65px;margin-left:12px}.hero-stage{grid-template-columns:.8fr 1.2fr}.hero-aside{display:none}.poster,.poster-back{left:15%}.hero-copy p{font-size:13px}.st-lime{left:-6%;font-size:9px}.st-purple{right:-10px;font-size:10px}.tiny-star{font-size:65px}.play{gap:35px}.proof strong{font-size:30px}.experience .number{font-size:170px}}
@media(max-width:600px){header{padding:20px 5%}.wrap{padding-left:5%;padding-right:5%}nav .navcta{font-size:9px;padding:10px 13px}.herotop .micro{display:none}.hero{padding-top:25px}.hero h1{font-size:14.2vw;letter-spacing:-.04em;margin-top:30px;line-height:.92}.title-star{font-size:9vw;margin-left:7px}.hero-stage{display:flex;flex-direction:column;margin-top:12px}.hero-copy{padding-top:17px;display:grid;grid-template-columns:1fr 1.1fr;column-gap:15px}.hero-copy .micro{padding-top:8px;font-size:9px}.hero-copy p{margin:0;font-size:11px}.hero-copy .btn{grid-column:1/-1;justify-self:start;margin-top:22px}.hero-collage{min-height:410px;margin-top:10px}.poster,.poster-back{left:19%;top:30px;width:245px;height:325px}.poster{padding:16px}.poster p{font-size:45px;margin-top:8px}.poster p span{font-size:35px}.eye{width:185px;height:95px;margin:20px auto}.pupil{width:80px;height:80px}.pupil span{font-size:65px}.poster-foot{font-size:7px;margin-top:15px}.st-lime{top:62px;left:0;font-size:9px;padding:10px 14px}.st-purple{right:0;bottom:45px;font-size:10px;padding:12px 15px}.tiny-star{right:0;top:10px;font-size:66px}.orbital{width:400px;height:220px;left:-25px;top:80px}.orbital-two{left:0;top:90px}.proof{grid-template-columns:1fr 1fr;gap:18px 12px;padding-top:22px;padding-bottom:22px}.proof div{justify-content:start;gap:8px;align-items:start;flex-direction:column}.proof div:last-child{grid-column:1/-1;flex-direction:row;align-items:center;gap:20px}.proof strong{font-size:31px;min-width:0}.proof span{font-size:9px}.section{padding-top:60px;padding-bottom:60px}.split,.person,.faq{grid-template-columns:1fr;gap:28px}.split h2{font-size:54px}.manifest{font-size:20px}.play{padding:25px 20px;grid-template-columns:1fr;gap:35px;margin-top:35px}.play h3{font-size:33px}.demo{min-height:265px;transform:rotate(2deg);margin:0 5px 10px}.demo h4{font-size:50px}.servicehead{gap:10px}.servicehead h2{font-size:60px}.row{grid-template-columns:28px 1fr;padding:27px 0}.row h3{font-size:32px}.row p{font-size:13px}.tags{font-size:9px}.steps{gap:20px}.step h3{font-size:26px}.step p{font-size:12px}.method h2{font-size:62px}.experience{margin:10px 12px 20px;min-height:350px}.experience .number{font-size:200px}.experience p{max-width:240px}.person h2{font-size:60px}.faq h2{font-size:54px}.closing .closing-inner{gap:35px}.closing h2{font-size:76px;letter-spacing:-2px}.closing .btn{align-self:end;width:135px;height:135px;margin-right:10px;margin-top:-10px}.closing .btn .arrow{font-size:35px}dialog h2{font-size:45px}footer p{font-size:9px}}


/* Electric rose, drawn from the portrait's light. */
:root{--accent:#FF007F}
.hero{position:relative;isolation:isolate;min-height:750px;padding-bottom:48px}
.herotop,.hero h1,.hero-stage{position:relative;z-index:2}
.hero h1{margin-top:55px;text-shadow:0 3px 30px #12131266}
.title-star{display:none}
.hero-portrait{position:absolute;z-index:0;inset:20px -4% 0 auto;width:62%;pointer-events:none;overflow:hidden;
-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 38%,#000 86%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,#000 38%,#000 86%,transparent 100%)}
.hero-portrait img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 24%;filter:brightness(.49) saturate(.78)}
.hero-portrait:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#121312 0%,transparent 18%,transparent 60%,#121312 100%),linear-gradient(90deg,#121312 0%,transparent 48%)}
.hero-stage{grid-template-columns:1fr .15fr;min-height:280px;margin-top:30px}
.hero-copy{max-width:410px;padding-top:12px}
.hero-copy p{margin:22px 0;color:#d3d2d0}
.hero-aside{grid-column:2;position:relative;padding:12px 0;opacity:.75}
.hero-aside .vertical{display:none}
.hero-index{margin-top:auto}
.proof,.method{color:#151614}.proof span{color:#151614}
.method{background:var(--paper);color:#fff}
.method > .wrap{border-top:1px solid var(--line)}
.method .serif{color:transparent;-webkit-text-stroke:1px #FF007F}
.method .step{border-color:var(--line)}.method .step p{color:#fff}
.st-lime,.choice[aria-pressed=true],.btn:hover,.success,.manifest strong,.closing .btn:hover{color:#151614}
@media(min-width:1600px){.hero{min-height:850px}.hero-stage{min-height:320px}}
@media(max-width:1000px){.hero{min-height:650px}.hero-portrait{width:72%;right:-9%}.hero h1{margin-top:50px}.hero-stage{min-height:280px;grid-template-columns:1fr}.hero-copy{max-width:350px}.hero-aside{display:none}}
@media(max-width:600px){.hero{min-height:670px;padding-bottom:35px}.hero h1{margin-top:44px;font-size:14.2vw;line-height:.95}.hero-portrait{inset:55px -25% 0 auto;width:115%;height:485px;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 32%,#000 86%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,#000 32%,#000 86%,transparent 100%)}.hero-portrait img{object-position:50% 20%;filter:brightness(.43) saturate(.8)}.hero-stage{display:block;margin-top:150px;min-height:0}.hero-copy{display:block;max-width:300px;padding-top:0}.hero-copy .micro{font-size:9px}.hero-copy p{font-size:12px;margin:15px 0}.hero-copy .btn{margin-top:4px}.hero-aside{display:none}}

/* One brand and the same content, explored through three design directions. */
.play{position:relative}.design-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.demo{min-height:350px;padding:28px;overflow:hidden;isolation:isolate;--vase:#b36a49;--rim:#77432e;background:#eee4d5;color:#493b30;border-radius:46% 46% 4px 4px / 12% 12% 4px 4px;transform:rotate(-2deg)}
.demo small{position:relative;z-index:2;display:block;font-size:8px;letter-spacing:1.5px}
.demo h4{position:relative;z-index:2;font:italic 46px/1.02 Georgia,serif;letter-spacing:-2px;width:58%;margin:56px 0 17px}
.demo p{position:relative;z-index:2;font-size:10px;line-height:1.65;width:53%;max-width:220px}
.demo-object{position:absolute;width:43%;height:245px;right:3%;top:63px;transform:rotate(9deg);z-index:1}
.demo-object svg{width:100%;height:100%;overflow:visible}.vase-body{fill:var(--vase);stroke:var(--rim);stroke-width:1}.vase-rim{fill:var(--rim)}.vase-detail{stroke:#e9bd9c;stroke-width:2;opacity:.65}
.demo-caption{position:absolute;bottom:24px;left:28px;font:7px monospace;letter-spacing:1px}.demo b{z-index:2}
.demo.bold{background:#FF007F;color:#161714;border-radius:0;transform:rotate(3deg);--vase:#3436e7;--rim:#191b91}
.demo.bold h4{font:900 58px/.85 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;letter-spacing:-1.5px;margin:36px 0 18px;width:70%}
.demo.bold .demo-object{right:-5%;top:82px;width:50%;transform:rotate(-22deg)}.demo.bold .vase-detail{stroke:#9b9dff}.demo.bold small{border-bottom:2px solid;padding-bottom:12px}.demo.bold p{font-weight:700;width:51%}
.demo.precise{background:#e6eafa;color:#183761;border-radius:0;transform:rotate(0);box-shadow:8px 8px 0 #00f9ff;background-image:linear-gradient(#1837610b 1px,transparent 1px),linear-gradient(90deg,#1837610b 1px,transparent 1px);background-size:25px 25px;--vase:transparent;--rim:#183761}
.demo.precise h4{font:500 34px/1.1 'Manrope',Arial,sans-serif;letter-spacing:-1.5px;margin:54px 0 20px;width:58%}
.demo.precise .demo-object{transform:none;right:1%;top:64px;width:43%;border-left:1px solid #18376140}.demo.precise .vase-body,.demo.precise .vase-rim{fill:#e6eafa;stroke:#183761;stroke-width:1.5}.demo.precise .vase-detail{stroke:#183761;stroke-width:1;opacity:.5}.demo.precise small{letter-spacing:2px}
@media(max-width:600px){.demo{min-height:340px;padding:23px}.demo h4{font-size:42px}.demo.bold h4{font-size:52px}.demo.precise h4{font-size:30px}.demo-caption{left:23px}}


/* Hero — titre, description et CTA */
.hero h1 .titlefirst{color:#fff}
.hero h1 .titlesecond em{color:#FF007F}
.hero-copy p{color:#c9c7c4;font-size:15px;line-height:1.85;max-width:380px}
.btn-neon{border:2px solid #FF007F;background:transparent;color:#fff;letter-spacing:1.2px;transition:background .3s ease,color .3s ease,box-shadow .3s ease,transform .3s ease}
.btn-neon .round-arrow{border-color:#FF007F;transition:border-color .3s ease}
.btn-neon:hover{background:#FF007F;color:#000;box-shadow:0 0 28px 6px #ff007f66,0 0 60px 14px #ff007f33;transform:translateY(-2px)}
.btn-neon:hover .round-arrow{border-color:#000}


/* Titres de section (remplacent les sur-titres) */
.sectitle{font:600 clamp(26px,2.1vw,34px)/1 'Barlow Condensed',Impact,'Arial Narrow',sans-serif;letter-spacing:-.005em;color:#f1f0e8;display:block;text-transform:none}
.sectitle:before{content:"";display:block;width:36px;height:2px;background:#FF007F;margin-bottom:16px}
.sectitle em{font-style:normal;color:#FF007F}
.sectitle-hero{font-size:22px;padding-top:2px;flex:0 0 auto}
@media(min-width:601px){.sectitle-hero{white-space:nowrap}}
.sectitle-hero:before{width:26px;margin-bottom:11px}
.method .sectitle{color:#fff}
@media(max-width:600px){.sectitle{font-size:26px}.sectitle-hero{font-size:19px}}


/* Aplats gris clair (édition directe) */
.manifest strong{background:#C9D1D9}
/* Carte expérience : panneau technique */
.person .experience{background:#141613;color:#f1f0e8;transform:none;box-shadow:inset 0 0 0 1px #30342f;padding:38px;position:relative;overflow:hidden;aspect-ratio:auto;min-height:450px;
background-image:linear-gradient(#ffffff0a 1px,transparent 1px),linear-gradient(90deg,#ffffff0a 1px,transparent 1px);background-size:38px 38px}
.person .experience:before{content:"";position:absolute;top:0;left:0;width:84px;height:3px;background:#FF007F}
.person .experience:after{content:"";position:absolute;right:-90px;bottom:-130px;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,#ff007f33,transparent 68%);pointer-events:none}
.person .experience .eyebrow{position:relative;z-index:2;color:#C9D1D9;font:11px/1 monospace;letter-spacing:.18em;text-transform:uppercase}
.person .experience .number{position:relative;z-index:2;color:#f1f0e8;text-shadow:0 0 42px #ff007f4d;letter-spacing:-11px;font-size:clamp(140px,15vw,200px)}
.person .experience .number span{color:#FF007F;font-size:120px;vertical-align:top;text-shadow:none}
.person .experience p{position:relative;z-index:2;color:#aeb2aa;max-width:260px;border-top:1px solid #30342f;padding-top:20px}
@media(max-width:600px){.person .experience{padding:28px;margin:0 0 10px;min-height:400px}.person .experience .number{font-size:150px}.person .experience:after{right:-120px;bottom:-160px}}
.closing{background:#C9D1D9}


/* Numéros de mission, détourés rose */
.row .num{font:800 52px/.8 'Barlow Condensed',Impact,'Arial Narrow',sans-serif;letter-spacing:-.02em;color:transparent;-webkit-text-stroke:1px #FF007F;display:block}
@media(max-width:600px){.row .num{font-size:26px;-webkit-text-stroke-width:.8px}}


/* Étapes de méthode : numéro et libellé en gris clair */
.method .step{border-top:0;padding-top:0}
.method .step small{display:flex;align-items:baseline;gap:12px;color:#C9D1D9;letter-spacing:0}
.method .step small i{font:800 44px/.8 'Barlow Condensed',Impact,'Arial Narrow',sans-serif;font-style:normal;letter-spacing:-.03em;color:#FF007F}
.method .step small span{font:600 13px/1 'Barlow Condensed',Impact,'Arial Narrow',sans-serif;letter-spacing:.14em;text-transform:uppercase;border-bottom:1px solid #C9D1D933;padding-bottom:7px;flex:1}
@media(max-width:600px){.method .step small i{font-size:36px}.method .step small span{font-size:12px;letter-spacing:.1em}}


/* Logo peenk */
.logo{text-transform:none;letter-spacing:-.2px;display:inline-flex;align-items:baseline}
.logo .e1,.logo .e2{font-family:inherit;color:#FF007F}
.logo .e1{display:inline-block;transform:scaleX(-1)}
.logo .e2{color:transparent;-webkit-text-stroke:1.8px #FF007F;margin-left:-.04em}
.logo{font-size:54px;line-height:1}
.logo .logo-dot{margin-right:.07em}
.logo .logo-tld{font:500 .28em/1 monospace;letter-spacing:.12em;color:#C9D1D9}
@media(max-width:600px){.logo{font-size:42px}.logo-footer{font-size:40px}.logo .e2{-webkit-text-stroke-width:1.5px}}
.logo .logo-dot{display:inline-block;width:.2em;height:.2em;background:#FF007F;margin-left:.07em}


/* Bandeau de preuves : lisibilité mobile */
@media(max-width:1000px){.proof span{font-size:13px;line-height:1.45;font-weight:500;color:#151614}.proof div{flex-direction:column;align-items:start;justify-content:start;gap:6px}.proof strong{white-space:nowrap}}
@media(max-width:600px){.proof{gap:22px 16px;padding-top:26px;padding-bottom:26px}.proof div{gap:6px}.proof span{font-size:13px;line-height:1.45;color:#151614;font-weight:500}.proof span br{display:none}.proof div:last-child{flex-direction:column;align-items:start;gap:6px}}
@media(max-width:360px){.proof{grid-template-columns:1fr}.proof div:last-child{grid-column:auto}}


/* Étiquette de composition (remplace le bandeau rose) */
.composition{background:#C9D1D9;color:#151614}
.composition .wrap{padding-top:40px;padding-bottom:40px}
.comp-label{border:3px solid #151614;padding:24px 30px;display:grid;grid-template-columns:300px minmax(0,1fr);gap:0 40px}
.comp-head{border-right:3px solid #151614;padding-right:30px;display:flex;flex-direction:column;justify-content:space-between;gap:18px}
.comp-head strong{font:800 58px/.9 'Barlow Condensed',Impact,sans-serif}
.comp-head span{font:600 36px/1 'Barlow Condensed',Impact,sans-serif}
.comp-head i{display:inline-block;width:.24em;height:.24em;background:#FF007F;margin-left:.08em}
.comp-rows{display:flex;flex-direction:column}
.comp-row{display:flex;align-items:baseline;gap:14px;padding:11px 0;border-bottom:1px solid #151614}
.comp-row strong{font:800 36px/1 'Barlow Condensed',Impact,sans-serif;white-space:nowrap}
.comp-dots{flex:1;min-width:30px;border-bottom:2px dotted #151614;transform:translateY(-6px)}
.comp-txt{font:500 16px/1.4 'DM Sans',sans-serif;text-align:right;max-width:360px}
.comp-last{border-bottom-width:3px}
.comp-zero{border-bottom:0;padding-bottom:0}.comp-zero strong{color:#FF007F}
@media(max-width:1000px){.comp-label{grid-template-columns:1fr}.comp-head{border-right:0;border-bottom:3px solid #151614;padding:0 0 16px;flex-direction:row;justify-content:space-between;align-items:baseline}}
@media(max-width:600px){.composition .wrap{padding-top:24px;padding-bottom:24px}.comp-label{padding:18px 16px 16px}.comp-head{flex-direction:column;align-items:start;gap:6px;padding-bottom:14px}.comp-head strong{font-size:44px}.comp-head span{font-size:22px}.comp-row{flex-direction:column;align-items:start;gap:4px;padding:12px 0}.comp-dots{display:none}.comp-row strong{font-size:30px;white-space:normal}.comp-txt{font-size:15px;text-align:left;max-width:none}.comp-zero{padding-bottom:0}}


/* Point carré rose, charte du logo peenk */
.sq-dot{display:inline-block;width:.2em;height:.2em;background:#FF007F;margin-left:.07em;vertical-align:baseline}


/* Démo : même prompt, trois résultats */
.play .demo{transform:none;border-radius:10px;padding:0;min-height:0;aspect-ratio:16/11;background:#121312;background-image:none;color:#111;box-shadow:0 0 0 1px #30342f,0 30px 60px -24px #000;container-type:inline-size;overflow:hidden;display:flex;flex-direction:column;margin:0}
.play .demo:before,.play .demo:after{content:none}
.play .choice[aria-pressed=true]{color:#000}
.play .choice{white-space:nowrap}
.mock{display:none;flex:1;flex-direction:column;position:relative;overflow:hidden;min-height:0}
.demo.gpt .mock-gpt,.demo.gemini .mock-gemini,.demo.peenk .mock-peenk{display:flex}
.mock-bar{flex:none;display:flex;align-items:center;gap:1.1cqw;padding:1.6cqw 2.4cqw;background:#e7e7ea;position:relative;z-index:3}
.mock-bar i{width:1.4cqw;height:1.4cqw;border-radius:50%;background:#c4c4ca}
.mock-url{margin-left:1.6cqw;flex:1;background:#fff;border-radius:99px;padding:.7cqw 2cqw;font:1.7cqw/1 monospace;color:#555}
.mock-src{font:600 1.6cqw/1 'DM Sans',sans-serif;color:#555;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}
.mock-gemini .mock-bar{background:#1a2033}.mock-gemini .mock-bar i{background:#334155}.mock-gemini .mock-url{background:#0f172a;color:#94a3b8}.mock-gemini .mock-src{color:#94a3b8}
.mock-peenk .mock-bar{background:#1c1e1b}.mock-peenk .mock-bar i{background:#3a3d38}.mock-peenk .mock-url{background:#2a2c28;color:#C9D1D9}.mock-peenk .mock-src{color:#FF007F}
.mock-gpt{background:#fff;color:#0f172a;font-family:-apple-system,'Segoe UI',Helvetica,Arial,sans-serif}
.a1-nav{display:flex;align-items:center;gap:3.2cqw;padding:2.4cqw 4.5cqw;font-size:1.75cqw;color:#475569;border-bottom:1px solid #f1f5f9;white-space:nowrap}
.a1-logo{margin-right:auto;display:flex;align-items:center;gap:1cqw;font-weight:700;font-size:2.4cqw;color:#0f172a}.a1-logo i{width:2.6cqw;height:2.6cqw;border-radius:.7cqw;background:linear-gradient(135deg,#8b5cf6,#3b82f6)}
.a1-cta{background:#4f46e5;color:#fff;padding:1cqw 2.2cqw;border-radius:1cqw;font-weight:600}
.a1-hero{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;text-align:center;gap:1.8cqw;padding:4.2cqw 8cqw 0;background:radial-gradient(ellipse at 50% 0%,#ede9fe,#fff 62%)}
.a1-badge{font-size:1.5cqw;font-weight:600;color:#6d28d9;background:#f5f3ff;border:1px solid #ddd6fe;padding:.7cqw 1.8cqw;border-radius:99px;white-space:nowrap}
.a1-title{font-weight:800;font-size:4.6cqw;line-height:1.08;letter-spacing:-.02em;max-width:72cqw}.a1-title span{background:linear-gradient(90deg,#7c3aed,#2563eb);-webkit-background-clip:text;background-clip:text;color:transparent}
.a1-sub{font-size:1.8cqw;line-height:1.5;color:#64748b;max-width:58cqw}
.a1-btns{display:flex;gap:1.6cqw;white-space:nowrap}.a1-btns span{font-size:1.7cqw;font-weight:600;padding:1.3cqw 2.8cqw;border-radius:1cqw;background:#4f46e5;color:#fff;box-shadow:0 .6cqw 1.6cqw #4f46e54d}.a1-btns span+span{background:#fff;color:#0f172a;box-shadow:inset 0 0 0 1px #e2e8f0}
.a1-shot{margin-top:1.6cqw;width:72cqw;flex:none;border-radius:1.4cqw 1.4cqw 0 0;background:#fff;box-shadow:0 0 0 1px #e2e8f0,0 2cqw 5cqw #6d28d926;overflow:hidden}
.a1-shot-bar{display:flex;gap:.7cqw;padding:1.2cqw 1.6cqw;border-bottom:1px solid #f1f5f9}.a1-shot-bar i{width:1cqw;height:1cqw;border-radius:50%;background:#e2e8f0}
.a1-shot-body{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.6cqw;padding:2cqw}.a1-shot-body b{height:7cqw;border-radius:1cqw;background:linear-gradient(135deg,#ede9fe,#dbeafe)}.a1-shot-body em{height:1.2cqw;border-radius:99px;background:#f1f5f9}
.mock-gemini{background:#0b1020;color:#e2e8f0;font-family:Manrope,Arial,sans-serif;background-image:radial-gradient(circle at 82% 45%,#4f46e540,transparent 45%)}
.a2-nav{display:flex;align-items:center;gap:3.2cqw;padding:2.4cqw 4.5cqw;font-size:1.75cqw;color:#94a3b8;white-space:nowrap}
.a2-logo{margin-right:auto;font-weight:800;font-size:2.6cqw;color:#fff}.a2-logo i{font-style:normal;color:#60a5fa}
.a2-cta{border:1px solid #334155;border-radius:99px;padding:1cqw 2.2cqw;color:#e2e8f0}
.a2-hero{flex:1;min-height:0;display:grid;grid-template-columns:1.15fr .85fr;gap:3cqw;align-items:center;padding:2cqw 4.5cqw 3cqw}
.a2-copy{display:flex;flex-direction:column;gap:1.8cqw;align-items:start}
.a2-chip{display:flex;align-items:center;gap:1cqw;font-size:1.5cqw;color:#c7d2fe;background:#ffffff0d;border:1px solid #ffffff1a;padding:.7cqw 1.6cqw;border-radius:99px;white-space:nowrap}.a2-chip i{width:1cqw;height:1cqw;border-radius:50%;background:#22d3ee;box-shadow:0 0 1cqw #22d3ee}
.a2-title{font-weight:800;font-size:4.3cqw;line-height:1.08;letter-spacing:-.02em;color:#fff}.a2-title span{background:linear-gradient(90deg,#60a5fa,#a78bfa,#f472b6);-webkit-background-clip:text;background-clip:text;color:transparent}
.a2-sub{font-size:1.7cqw;line-height:1.55;color:#94a3b8}
.a2-btns{display:flex;gap:1.6cqw;white-space:nowrap;font-size:1.7cqw;font-weight:700}.a2-btns span{padding:1.2cqw 2.6cqw;border-radius:99px;background:linear-gradient(90deg,#3b82f6,#8b5cf6);color:#fff}.a2-btns span+span{background:#ffffff0d;box-shadow:inset 0 0 0 1px #ffffff26}
.a2-proof{display:flex;align-items:center;gap:1.4cqw;font-size:1.5cqw;color:#fbbf24;white-space:nowrap}.a2-proof-txt{color:#cbd5e1;font-weight:600}
.a2-avatars{display:flex}.a2-avatars i{width:2.6cqw;height:2.6cqw;border-radius:50%;border:.3cqw solid #0b1020;margin-left:-.8cqw;background:linear-gradient(135deg,#94a3b8,#475569)}.a2-avatars i:first-child{margin-left:0}
.a2-visual{position:relative;height:34cqw}
.a2-orb{position:absolute;inset:8% 6%;border-radius:50%;background:radial-gradient(circle at 35% 30%,#a5b4fc,#6366f1 35%,#7c3aed 60%,transparent 72%);filter:blur(.4cqw)}
.a2-card{position:absolute;display:flex;flex-direction:column;gap:.4cqw;padding:1.6cqw 2cqw;border-radius:1.6cqw;background:#ffffff14;border:1px solid #ffffff26;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:1.4cqw;color:#cbd5e1;white-space:nowrap}.a2-card-v{font-weight:800;font-size:3cqw;color:#fff}
.a2-card1{left:0;bottom:12%}.a2-card2{right:0;top:10%}
.mock-peenk{background:#121312}
.pk-viewport{flex:1;position:relative;overflow:hidden;background:#121312}
.pk-frame{position:absolute;top:0;left:0;width:1280px;height:880px;border:0;transform-origin:0 0;pointer-events:none;background:#121312}
@media(max-width:1000px){.play{grid-template-columns:1fr}}

/* Démo mobile : vignette + aperçu agrandi */
.demo-close,.demo-hint{display:none}
.demo-backdrop[hidden]{display:none}
@media(max-width:600px){
.play .demo{aspect-ratio:3/3.3;cursor:zoom-in}
.demo-hint{display:block;margin:-18px 0 0;font:500 13px/1.4 'DM Sans',sans-serif;color:#C9D1D9}
.mock-bar{padding:2.4cqw 3cqw;gap:1.6cqw}.mock-bar i{width:2cqw;height:2cqw}
.mock-url{display:none}.mock-src{margin-left:auto;font-size:max(9px,2.6cqw)}
.a1-link,.a2-link{display:none}
.a1-nav,.a2-nav{padding:3cqw 5cqw}
.a1-logo,.a2-logo{font-size:max(12px,4.4cqw)}.a1-logo i{width:3.8cqw;height:3.8cqw}
.a1-cta,.a2-cta{font-size:max(9px,2.8cqw)}
.a1-hero{justify-content:center;padding:6cqw 6cqw;gap:3.4cqw}
.a2-hero{grid-template-columns:1fr;align-content:center;padding:5cqw 6cqw;gap:5cqw}
.a2-copy{gap:3.4cqw}
.a1-badge,.a2-chip{font-size:max(9px,2.8cqw)}
.a1-title,.a2-title{font-size:max(17px,7cqw);max-width:none}
.a1-sub,.a2-sub{font-size:max(11px,3.6cqw);max-width:none}
.a1-btns span,.a2-btns{font-size:max(9.5px,3cqw)}
.a2-proof{font-size:max(9.5px,3cqw)}.a2-avatars i{width:4.4cqw;height:4.4cqw}
.a2-card{font-size:max(9px,2.8cqw);padding:2.4cqw 3cqw}.a2-card-v{font-size:max(14px,5cqw)}
.play:not(.is-open) .a1-sub,.play:not(.is-open) .a1-shot,.play:not(.is-open) .a2-sub,.play:not(.is-open) .a2-visual,.play:not(.is-open) .a2-proof{display:none}
.a1-shot{width:88cqw}.a1-shot-body{grid-template-columns:repeat(2,minmax(0,1fr))}.a1-shot-body b{height:14cqw}
.a2-visual{height:58cqw}
.demo-backdrop{position:fixed;inset:0;z-index:1000;background:#000000d9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.play.is-open .demo{position:fixed;z-index:1001;left:4vw;right:4vw;top:64px;bottom:96px;width:auto;aspect-ratio:auto;cursor:default;overflow-y:auto;border-radius:12px}
.play.is-open .mock{flex:1 0 auto}
.play.is-open .mock-url{display:block;font-size:max(10px,3cqw)}
.play.is-open .a1-hero{justify-content:start;padding-top:9cqw}
.play.is-open .controls{position:fixed;z-index:1002;left:0;right:0;bottom:28px;justify-content:center}
.play.is-open .demo-close{display:grid;place-items:center;position:fixed;z-index:1003;top:12px;right:4vw;width:44px;height:44px;border-radius:50%;border:0;background:#FF007F;color:#000;font:400 28px/1 Arial,sans-serif;padding:0;cursor:pointer}
}


/* Fin de page : un sur cent */
.finale{background:#121312;color:#f1f0e8;border-top:1px solid #30342f}
.finale-inner{display:flex;gap:72px;align-items:center;padding-top:96px;padding-bottom:96px}
.finale-grid{flex:none;display:grid;grid-template-columns:repeat(10,24px);gap:9px}
.finale-grid i{width:24px;height:24px;background:#2c2f2a}
.finale-grid i.on{background:#FF007F}
.finale-copy{min-width:0;display:flex;flex-direction:column;gap:30px}
.finale h2{font:800 clamp(46px,6.4vw,96px)/.88 'Barlow Condensed',Impact,sans-serif;letter-spacing:-.02em;margin:0;color:#fff}
.finale-pink{color:#FF007F}
.finale-row{display:flex;gap:40px;align-items:center;flex-wrap:wrap}
.finale-row p{margin:0;font-size:17px;line-height:1.6;color:#C9D1D9;max-width:340px}
@media(max-width:1000px){.finale-inner{flex-direction:column;align-items:start;gap:44px}.finale-grid{grid-template-columns:repeat(10,20px);gap:8px}.finale-grid i{width:20px;height:20px}}
@media(max-width:600px){.finale-inner{padding-top:56px;padding-bottom:56px;gap:30px}.finale-grid{grid-template-columns:repeat(10,15px);gap:6px}.finale-grid i{width:15px;height:15px}.finale h2{font-size:clamp(40px,12.5vw,52px);line-height:.9}.finale-row{gap:22px}.finale-row p{font-size:15px}}
@media(max-width:1000px){.finale-inner{gap:36px}}
.navcta{white-space:nowrap}
@media(max-width:380px){.navcta-arrow{display:none}}
#brief .btn-neon{justify-content:flex-start;padding:9px 19px 9px 9px;justify-self:start;align-self:start;width:auto;white-space:nowrap}
@media(max-width:360px){#brief .btn-neon{letter-spacing:.4px;gap:10px}}

/* Portrait Paola (remplace la carte 20+) */
.person{grid-template-columns:.8fr 1.2fr;gap:8%}
.portrait-card{margin:0;display:flex;flex-direction:column;gap:14px}
.portrait-img{aspect-ratio:4/5;overflow:hidden;background:#0a0a0a;box-shadow:14px 14px 0 #FF007F}
.portrait-img img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}
.portrait-card figcaption{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding-top:12px;border-top:1px solid #30342f}
.portrait-card figcaption strong{font:700 26px/1 'Barlow Condensed',Impact,sans-serif;color:#f1f0e8}
.portrait-card figcaption span:not(.sq-dot){font:11px/1 monospace;letter-spacing:.18em;color:#C9D1D9}
@media(max-width:850px){.person{grid-template-columns:1fr;gap:40px}.portrait-card{max-width:420px;margin-right:14px}}

/* Animation : le glitch tente de revenir à la photo */
.portrait-img{position:relative}
.portrait-img img:first-child{animation:pi-jitter 7s steps(1,end) infinite}
.pi-clean,.pi-slice{position:absolute;inset:0}
.pi-clean{opacity:0;animation:pi-resolve 7s steps(1,end) infinite}
.pi-slice{opacity:0;mix-blend-mode:screen}
.pi-s1{animation:pi-slice1 7s steps(1,end) infinite}
.pi-s2{animation:pi-slice2 7s steps(1,end) infinite}
.pi-scan{position:absolute;left:0;right:0;top:0;height:2px;background:#FF3d9a;box-shadow:0 0 14px 3px #FF007F;opacity:0;animation:pi-scan 7s linear infinite;pointer-events:none}
@keyframes pi-jitter{0%,100%{transform:none}30%{transform:translateX(-5px)}31%{transform:translateX(4px)}32%{transform:none}46%{transform:translateX(7px)}47%{transform:translateX(-3px)}48%{transform:none}82%{transform:translateX(-8px)}83%{transform:translateX(5px)}84%{transform:none}}
@keyframes pi-resolve{0%{opacity:0;clip-path:inset(0)}31%{opacity:1;clip-path:inset(38% 0 48% 0)}32%{opacity:0}47%{opacity:1;clip-path:inset(0 0 72% 0)}49%{clip-path:inset(0 0 46% 0)}51%{clip-path:inset(0 0 18% 0)}53%{clip-path:inset(0)}78%{opacity:1;clip-path:inset(0)}79%{opacity:0}80%{opacity:1;clip-path:inset(52% 0 0 0)}81%{opacity:0}100%{opacity:0}}
@keyframes pi-slice1{0%,100%{opacity:0}30%{opacity:.9;clip-path:inset(22% 0 70% 0);transform:translateX(18px)}31%{opacity:0}48%{opacity:.9;clip-path:inset(58% 0 34% 0);transform:translateX(-14px)}49%{opacity:0}81%{opacity:.9;clip-path:inset(30% 0 62% 0);transform:translateX(24px)}82%{opacity:0}}
@keyframes pi-slice2{0%,100%{opacity:0}29%{opacity:.8;clip-path:inset(64% 0 28% 0);transform:translateX(-20px)}30%{opacity:0}50%{opacity:.8;clip-path:inset(76% 0 16% 0);transform:translateX(12px)}51%{opacity:0}82%{opacity:.8;clip-path:inset(12% 0 80% 0);transform:translateX(-16px)}83%{opacity:0}}
@keyframes pi-scan{0%,46%{opacity:0;top:0}47%{opacity:1;top:0}53%{opacity:1;top:100%}54%,100%{opacity:0;top:100%}}
@media(prefers-reduced-motion:reduce){.portrait-img img:first-child,.pi-clean,.pi-slice,.pi-scan{animation:none}}

/* FAQ : notice */
.faq{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:8%;align-items:start}
.notice{background:#C9D1D9;color:#121312;padding:26px}
.notice-top{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:8px;border-bottom:8px solid #121312;padding-bottom:10px}
.notice-top strong{font:800 60px/.85 'Barlow Condensed',Impact,sans-serif}
.notice-top span{font-size:14px;font-weight:600}
.notice-top i{display:inline-block;width:8px;height:8px;background:#FF007F;margin-left:4px}
.faq .notice details{border-bottom:1px solid #121312;padding:0}
.faq .notice details:last-of-type{border-bottom:8px solid #121312}
.faq .notice summary{display:grid;grid-template-columns:34px minmax(0,1fr) 26px;gap:12px;align-items:center;padding:15px 0;min-height:44px;font-size:inherit}
.faq .notice summary::-webkit-details-marker{display:none}
.faq .notice summary::after{content:none}
.n-num{display:grid;grid-template-columns:repeat(3,4px);grid-auto-rows:4px;gap:3px;place-content:center;width:26px;height:26px;background:#121312}.n-num i{display:block;transition:background .2s}.n-num i.on{background:#FF007F}.n-num{transition:background .2s}.faq .notice summary:hover .n-num{background:#FF007F}.faq .notice summary:hover .n-num i.on{background:#121312}
.n-q{font:800 26px/1.05 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase}
.n-ic{justify-self:end;width:26px;height:26px;display:grid;place-items:center;background:#121312;color:#C9D1D9;font-size:15px;transition:transform .25s,background .2s}
.faq .notice details[open] .n-ic{transform:rotate(180deg);background:#FF007F;color:#121312}
.faq .notice summary:hover .n-q{color:#c80064}
.faq .notice details p{margin:0 0 18px;padding:0 0 0 46px;font-size:15px;line-height:1.7;color:#121312}
.notice-foot{padding-top:12px;font:11px/1.5 monospace;letter-spacing:.12em}
.notice-foot a{color:#121312;text-decoration:underline;text-decoration-color:#FF007F;text-underline-offset:3px}
.notice-foot a:hover{color:#c80064}
@media(max-width:850px){.faq{grid-template-columns:1fr;gap:36px}}
@media(max-width:600px){.notice{padding:18px}.notice-top strong{font-size:46px}.n-q{font-size:21px}.faq .notice summary{grid-template-columns:26px minmax(0,1fr) 26px;gap:10px}.faq .notice details p{padding-left:36px}}

/* Fin de page : titre au-dessus des carrés */
.finale-inner{flex-direction:column;align-items:stretch;gap:48px}
.finale-body{display:flex;gap:72px;align-items:center}
@media(max-width:1000px){.finale-inner{gap:36px}.finale-body{flex-direction:column;align-items:start;gap:40px}}
@media(max-width:600px){.finale-inner{gap:28px}.finale-body{gap:30px}}

/* Pied de page complet */
footer.site-footer{display:flex;flex-direction:column;align-items:stretch;gap:44px;padding-top:64px!important;padding-bottom:28px!important;border-top:1px solid #30342f}
.foot-top{display:flex;justify-content:space-between;gap:48px;flex-wrap:wrap}
.foot-brand{display:flex;flex-direction:column;gap:14px}
.site-footer .foot-brand p{margin:0;font-size:14px;color:#C9D1D9;max-width:none;text-align:left}
.foot-cols{display:grid;grid-template-columns:repeat(3,minmax(140px,auto));gap:56px}
.foot-cols div{display:flex;flex-direction:column;gap:12px}
.foot-cols strong{font:700 13px/1 'DM Sans',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#f1f0e8;margin-bottom:4px}
.foot-cols a{font-size:14px;color:#aeb2aa;text-decoration:none;width:max-content}
.foot-cols a:hover{color:#FF007F}
.foot-bottom{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-top:20px;border-top:1px solid #30342f;font-size:12px;color:#8a8e86}
@media(max-width:850px){.foot-cols{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}}
@media(max-width:600px){footer.site-footer{gap:36px;padding-top:48px!important}.foot-cols{grid-template-columns:1fr 1fr;gap:28px 20px}.foot-cols a{padding:4px 0}.foot-bottom{flex-direction:column;gap:6px}}

/* Démo : intro « champ de saisie » */
.play-intro{display:flex;flex-direction:column;gap:20px;min-width:0}
.play .play-intro h3{margin:0;font:700 44px/.98 'Barlow Condensed',Impact,sans-serif;letter-spacing:0;text-transform:uppercase;color:#f1f0e8}
.play-pink{color:#FF007F}
.prompt-box{background:#0b0c0b;border:1px solid #404638;display:flex;flex-direction:column}
.pb-head{padding:10px 14px;border-bottom:1px solid #2c2f2a;font:11px/1 monospace;letter-spacing:.14em;color:#8a8e86}
.pb-text{padding:16px 14px;font:14px/1.6 ui-monospace,Menlo,monospace;color:#f1f0e8}
.pb-caret{display:inline-block;width:9px;height:17px;background:#FF007F;vertical-align:-3px;margin-left:4px;animation:pb-blink 1s steps(1) infinite}
@keyframes pb-blink{50%{opacity:0}}
.pb-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;border-top:1px solid #2c2f2a;font-size:12px;color:#8a8e86}
.pb-key{flex:none;border:1px solid #404638;padding:4px 8px;font:11px/1.2 monospace;white-space:nowrap}
.play .play-intro p{margin:0;font-size:15px;line-height:1.7;color:#abb19e}
.play .play-intro p.note{font-size:12px;color:#8a8e86}
.play .controls{display:flex;gap:0;margin:0;flex-wrap:nowrap;border:1px solid #404638}
.play .controls .choice{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:12px 14px;min-height:44px;border:0;border-right:1px solid #404638;border-radius:0;background:transparent;color:#f1f0e8;cursor:pointer;text-align:left;white-space:nowrap}
.play .controls .choice:last-child{border-right:0}
.play .controls .choice strong{font:800 22px/1 'Barlow Condensed',Impact,sans-serif}
.play .controls .choice span{font-size:12px;opacity:.8}
.play .controls .choice:hover{background:#2a2d27}
.play .controls .choice[aria-pressed=true]{background:#f1f0e8;color:#121312}
.play .controls .choice[data-style=peenk][aria-pressed=true]{background:#FF007F;color:#121312}
@media(prefers-reduced-motion:reduce){.pb-caret{animation:none}}
@media(max-width:600px){.play .play-intro h3{font-size:36px}.pb-text{font-size:13px}.play .controls .choice{padding:10px 12px}}
.play.is-open .controls{left:4vw;right:4vw;bottom:24px;background:#0b0c0b;border-color:#404638}

.a2-logo{font-size:4cqw;letter-spacing:.06em;line-height:1}
@media(max-width:600px){.a2-logo{font-size:max(14px,6cqw)}}

/* En-tête « Affiche » */
html{scroll-padding-top:110px}
.site-header{position:sticky;top:0;z-index:100;max-width:none;margin:0;background:#121312;border-bottom:0;padding:20px max(4%,calc((100% - 1600px)/2 + 64px));display:flex;align-items:center;justify-content:space-between;gap:24px}
.site-header .main-nav{display:flex;align-items:center;gap:22px;font:800 24px/1 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;letter-spacing:0}
.site-header .main-nav a{color:#f1f0e8;text-decoration:none;font-size:inherit;white-space:nowrap}
.site-header .main-nav a:hover{color:#FF007F}
.site-header .navcta{margin-left:18px;display:flex;align-items:center;gap:10px;color:#FF007F;border:0;border-bottom:3px solid #FF007F;border-radius:0;padding:0 0 4px;font-size:inherit}
.site-header .navcta:hover{color:#f1f0e8;border-color:#f1f0e8}
.navcta-box{width:30px;height:30px;display:grid;place-items:center;background:#FF007F;color:#121312;font:600 16px/1 'DM Sans',sans-serif}
.menu-btn{display:none;flex:none;width:48px;height:48px;border:0;background:#FF007F;padding:0;flex-direction:column;align-items:center;justify-content:center;gap:5px;cursor:pointer}
.menu-btn i{display:block;width:20px;height:3px;background:#121312;transition:transform .2s,opacity .2s}
.site-header.is-open .menu-btn i:nth-child(1){transform:translateY(8px) rotate(45deg)}
.site-header.is-open .menu-btn i:nth-child(2){opacity:0}
.site-header.is-open .menu-btn i:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
.read-bar{position:absolute;left:0;right:0;bottom:0;height:3px;background:#262825}
.read-bar i{display:block;height:100%;background:#FF007F;transform-origin:left;transform:scaleX(0)}
@media(max-width:1100px){.site-header .main-nav{font-size:20px;gap:16px}.site-header .navcta{margin-left:6px}}
@media(max-width:850px){
.menu-btn{display:flex}
.site-header .main-nav{display:none}
.site-header.is-open .main-nav{display:flex;position:fixed;top:var(--hh,88px);left:0;right:0;bottom:0;background:#121312;flex-direction:column;align-items:stretch;gap:10px;padding:32px 5% 28px;font-size:clamp(44px,14vw,64px);line-height:.95;overflow-y:auto}
.site-header.is-open .main-nav a{display:block}
.site-header.is-open .main-nav a:not(.navcta){display:block!important}
.site-header.is-open .navcta{margin:auto 0 0;display:flex;justify-content:space-between;align-items:center;padding:18px;background:#FF007F;color:#121312;border:0;font-size:24px}
.site-header.is-open .navcta .navcta-box{background:transparent;width:auto;height:auto;font-size:20px}}
@media(max-width:600px){.site-header{padding:14px 5%}}

/* Pied de page « Logo géant » */
footer.foot-xl{container-type:inline-size;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:44px;padding-top:72px!important;padding-bottom:0!important;border-top:1px solid #30342f;overflow:hidden;max-width:1600px;margin:0 auto}
.fx-top{display:flex;flex-wrap:wrap;gap:32px 64px;align-items:flex-start}
.fx-contact{flex:1 1 280px;margin-right:auto;display:flex;flex-direction:column;gap:14px}
.fx-kicker{font:11px/1 monospace;letter-spacing:.14em;color:#8a8e86}
.fx-mail{font:800 clamp(34px,4.4cqi,58px)/.95 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;color:#f1f0e8;text-decoration:none;width:max-content;max-width:100%}
.fx-mail:hover{color:#FF007F}
.fx-col{flex:0 0 auto;min-width:170px;display:flex;flex-direction:column;gap:12px;text-transform:none;letter-spacing:0;font-size:14px}
.fx-col strong{font:700 12px/1 'DM Sans',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#FF007F}
.fx-col a{font-size:14px;color:#C9D1D9;text-decoration:none;width:max-content;padding:2px 0}
.fx-col a:hover{color:#FF007F}
.fx-brief{flex:0 0 auto;align-self:flex-start;border:0;cursor:pointer;padding:16px 20px;background:#FF007F;color:#121312;font:800 20px/1 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;transition:background .2s,transform .2s}
.fx-brief:hover{background:#f1f0e8;transform:translateY(-2px)}
.fx-bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px 20px;border-top:1px solid #30342f;padding-top:16px;font-size:12px;color:#8a8e86}
.fx-bottom a{color:#8a8e86;text-decoration:none}
.fx-bottom a:hover{color:#FF007F}
.fx-giant{display:flex;align-items:baseline;justify-content:center;font:800 31cqi/.74 'Barlow Condensed',Impact,sans-serif;letter-spacing:-.02em;color:#f1f0e8;margin-bottom:-4cqi;user-select:none;pointer-events:none}
.fx-giant .e1{display:inline-block;transform:scaleX(-1);color:#FF007F}
.fx-giant .e2{color:transparent;-webkit-text-stroke:.45cqi #FF007F;margin-left:-.04em}
.fx-giant i{display:inline-block;width:.2em;height:.2em;background:#FF007F;margin-left:.07em}
@media(max-width:600px){footer.foot-xl{padding-top:52px!important;gap:32px}.fx-top{gap:28px 24px}.fx-col{flex:1 1 130px;min-width:0}.fx-giant{-webkit-text-stroke-width:0}.fx-giant .e2{-webkit-text-stroke-width:1.2px}}

/* Formulaire de brief : pas à pas */
dialog.brief-dialog{width:min(680px,94vw);max-height:92vh;padding:0;background:#121312;color:#f1f0e8;border:1px solid #30342f;overflow:auto}
dialog.brief-dialog::backdrop{background:#0b0c0bd9;backdrop-filter:blur(5px)}
.bs-wrap{padding:44px;display:flex;flex-direction:column;gap:26px;min-height:600px;box-sizing:border-box}
.brief-dialog .dialogtop{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}
.brief-dialog .dialogtop h2{margin:0;font:800 54px/.92 'Barlow Condensed',Impact,sans-serif;color:#f1f0e8}
.brief-dialog .close{flex:none;width:44px;height:44px;border:1px solid #30342f;background:transparent;color:#f1f0e8;font-size:22px;cursor:pointer}
.brief-dialog .close:hover{border-color:#FF007F;color:#FF007F}
.bs-progress{display:flex;align-items:center;gap:10px}
.bs-progress[hidden]{display:none}
.bs-progress i{flex:1;max-width:56px;height:10px;background:#30342f;transition:background .25s}
.bs-progress i.on{background:#FF007F}
.bs-progress i[hidden]{display:none}
.bs-count{margin-left:auto;font:11px/1 monospace;letter-spacing:.14em;color:#8a8e86}
.bs-form{display:flex;flex-direction:column;gap:22px;flex:1}
.bs-form[hidden]{display:none}
.bs-hp{position:absolute!important;left:-9999px;width:1px;height:1px;opacity:0}
.bs-step{border:0;margin:0;padding:0;min-width:0;display:flex;flex-direction:column;gap:18px}
.bs-step[hidden]{display:none}
.bs-q{padding:0;margin:0 0 4px;font:800 38px/1 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;color:#f1f0e8}
.bs-input{width:100%;background:transparent;border:0;border-bottom:2px solid #FF007F;border-radius:0;color:#f1f0e8;font-size:18px;padding:12px 0;min-height:44px}
.bs-input:focus{outline:none;border-bottom-color:#f1f0e8}
.bs-input::placeholder{color:#6f736b}
.bs-area{background:#0b0c0b;border:1px solid #404638;border-bottom:2px solid #FF007F;padding:12px;font-size:16px;line-height:1.6;resize:vertical;min-height:120px}
.bs-choices{display:flex;flex-direction:column;gap:8px}
.bs-choice{position:relative;display:flex;align-items:center;gap:14px;padding:14px 16px;min-height:44px;border:1px solid #404638;font-size:16px;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s}
.bs-choice input{position:absolute;opacity:0;pointer-events:none}
.bs-choice span{display:flex;align-items:center;gap:14px}
.bs-choice span:before{content:"";flex:none;width:12px;height:12px;border:2px solid #6f736b}
.bs-choice:hover{border-color:#f1f0e8}
.bs-choice:has(input:checked){background:#f1f0e8;color:#121312;border-color:#f1f0e8}
.bs-choice:has(input:checked) span:before{background:#FF007F;border-color:#FF007F}
.bs-choice:has(input:focus-visible){outline:3px solid #FF007F;outline-offset:3px}
.bs-fields{display:flex;flex-direction:column;gap:16px}
.bs-field{display:flex;flex-direction:column;gap:4px;font-size:inherit}
.bs-field>span{font:11px/1.4 monospace;letter-spacing:.14em;text-transform:uppercase;color:#C9D1D9}
.bs-field b{color:#FF007F;font-weight:400}
.bs-field em{font-style:normal;color:#8a8e86;text-transform:none;letter-spacing:.04em}
.bs-field .bs-input{font-size:17px;padding:8px 0}
.bs-field[hidden],.bs-field em[hidden]{display:none}
.bs-warn{margin:-8px 0 0;font:12px/1.5 monospace;letter-spacing:.08em;text-transform:uppercase;color:#FF007F}
.bs-warn[hidden]{display:none}
.bs-input.is-invalid{border-bottom-color:#FF007F;box-shadow:0 2px 0 #FF007F}
.bs-note{margin:0;font-size:13px;line-height:1.6;color:#aeb2aa;max-width:520px;text-wrap:pretty}
.bs-next{margin-top:auto;display:flex;flex-direction:column;gap:8px;padding:16px 18px;border:1px dashed #404638}
.bs-next-k{font:11px/1 monospace;letter-spacing:.14em;color:#8a8e86}
.bs-next-q{font:700 22px/1.15 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;color:#aeb2aa}
.bs-next-q b{color:#FF007F;font-weight:700;margin-right:6px}
.bs-error{margin:0;font-size:13px;line-height:1.5;color:#121312;background:#FF007F;padding:10px 12px}
.bs-error a{color:#121312}
.bs-actions{display:flex;gap:8px}
.bs-prev{height:56px;padding:0 18px;border:1px solid #404638;background:transparent;color:#f1f0e8;font-size:14px;cursor:pointer}
.bs-prev:disabled{color:#5c6058;cursor:default}
.bs-go{flex:1;height:56px;border:0;background:#FF007F;color:#121312;font:800 20px/1 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;letter-spacing:.02em;cursor:pointer;transition:background .2s,transform .2s}
.bs-go:hover{background:#f1f0e8;transform:translateY(-2px)}
.bs-go:disabled{opacity:.6;cursor:wait;transform:none}
.bs-foot{margin:0;font-size:12px;line-height:1.6;color:#8a8e86}
.bs-done{display:flex;flex-direction:column;gap:12px;margin:auto 0}
.bs-done[hidden]{display:none}
.bs-done strong{font:800 72px/.9 'Barlow Condensed',Impact,sans-serif;color:#FF007F}
.bs-done p{margin:0;font-size:16px;line-height:1.6;color:#d6d6cd;max-width:420px}
@media(max-width:600px){dialog.brief-dialog{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;border:0}.bs-wrap{padding:max(64px,calc(env(safe-area-inset-top) + 24px)) 22px max(24px,env(safe-area-inset-bottom));min-height:100%;gap:22px}.brief-dialog .dialogtop h2{font-size:42px}.bs-q{font-size:30px}}

/* Menu mobile : bouton remonté, flèche alignée */
@media(max-width:850px){.site-header.is-open .main-nav a.navcta{display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:12px;margin:28px 0 0;white-space:nowrap}
.site-header.is-open .main-nav a.navcta .navcta-box{display:inline-grid;flex:none}}

/* Sélecteur de langue FR / EN */
.site-header{justify-content:flex-start}
.site-header .main-nav{margin-left:auto}
.lang-switch{flex:none;display:flex;align-items:center;gap:2px;margin-left:28px;padding-left:24px;border-left:1px solid #30342f;font:600 13px/1 'DM Sans',sans-serif;letter-spacing:.1em}
.lang-switch a{display:grid;place-items:center;min-width:32px;min-height:44px;color:#8a8e86;text-decoration:none}
.lang-switch a:hover{color:#FF007F}
.lang-switch a[aria-current=true]{color:#f1f0e8;text-decoration:underline;text-decoration-color:#FF007F;text-decoration-thickness:2px;text-underline-offset:6px}
.lang-switch span{color:#404638}
@media(max-width:1100px){.lang-switch{margin-left:18px;padding-left:16px}}
@media(max-width:850px){.lang-switch{margin-left:auto;margin-right:10px;padding-left:0;border-left:0}}

/* Menu burger dès 1000px (place pour FR / EN) */
@media(max-width:1000px){
.menu-btn{display:flex}
.site-header .main-nav{display:none}
.site-header.is-open .main-nav{display:flex;position:fixed;top:var(--hh,88px);left:0;right:0;bottom:0;background:#121312;flex-direction:column;align-items:stretch;gap:10px;padding:32px 5% 28px;font-size:clamp(44px,9vw,64px);line-height:.95;overflow-y:auto;margin:0}
.site-header.is-open .main-nav a:not(.navcta){display:block!important}
.site-header.is-open .main-nav a.navcta{display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:12px;margin:28px 0 0;padding:18px;background:#FF007F;color:#121312;border:0;font-size:24px;white-space:nowrap}
.site-header.is-open .main-nav a.navcta .navcta-box{display:inline-grid;flex:none;background:transparent;width:auto;height:auto;font-size:20px}
.lang-switch{margin-left:auto;margin-right:10px;padding-left:0;border-left:0}}

/* Langue dans le menu burger (mobile/tablette) */
.lang-menu{display:none}
@media(max-width:1000px){
.site-header>.lang-switch{display:none}
.menu-btn{margin-left:auto}
.site-header.is-open .main-nav .lang-menu{display:flex;margin:22px 0 0;padding:0;border:0;gap:6px;font-size:16px}
.site-header.is-open .main-nav .lang-menu a{display:grid!important;min-width:48px;min-height:48px;border:1px solid #30342f;text-decoration:none}
.site-header.is-open .main-nav .lang-menu a[aria-current=true]{border-color:#FF007F;color:#f1f0e8;text-decoration:none}
.site-header.is-open .main-nav .lang-menu span{display:none}}

/* Icône burger : deux traits + point rose, croix de carrés */
.site-header .menu-btn{position:relative;background:#1c1e19;border:1px solid #404638;padding:0}
.site-header .menu-btn i{position:absolute;display:block;margin:0;background:#f1f0e8;transition:all .25s ease}
.site-header .menu-btn i:nth-child(1){left:9px;top:13px;width:28px;height:3px;transform:none;opacity:1}
.site-header.is-open .menu-btn i:nth-child(1){left:9px;top:9px;width:8px;height:8px;background:#FF007F;transform:scale(1);opacity:1}
.site-header .menu-btn i:nth-child(2){left:9px;top:13px;width:8px;height:3px;transform:scale(0);opacity:1}
.site-header.is-open .menu-btn i:nth-child(2){left:19px;top:9px;width:8px;height:8px;background:#FF007F;transform:scale(0);opacity:1}
.site-header .menu-btn i:nth-child(3){left:9px;top:13px;width:8px;height:3px;transform:scale(0);opacity:1}
.site-header.is-open .menu-btn i:nth-child(3){left:29px;top:9px;width:8px;height:8px;background:#FF007F;transform:scale(1);opacity:1}
.site-header .menu-btn i:nth-child(4){left:9px;top:22px;width:16px;height:3px;transform:none;opacity:1}
.site-header.is-open .menu-btn i:nth-child(4){left:9px;top:19px;width:8px;height:8px;background:#FF007F;transform:scale(0);opacity:1}
.site-header .menu-btn i:nth-child(5){left:9px;top:22px;width:8px;height:3px;transform:scale(0);opacity:1}
.site-header.is-open .menu-btn i:nth-child(5){left:19px;top:19px;width:8px;height:8px;background:#FF007F;transform:scale(1);opacity:1}
.site-header .menu-btn i:nth-child(6){left:9px;top:22px;width:8px;height:3px;transform:scale(0);opacity:1}
.site-header.is-open .menu-btn i:nth-child(6){left:29px;top:19px;width:8px;height:8px;background:#FF007F;transform:scale(0);opacity:1}
.site-header .menu-btn i:nth-child(7){left:9px;top:29px;width:8px;height:3px;transform:scale(0);opacity:1}
.site-header.is-open .menu-btn i:nth-child(7){left:9px;top:29px;width:8px;height:8px;background:#FF007F;transform:scale(1);opacity:1}
.site-header .menu-btn i:nth-child(8){left:19px;top:29px;width:8px;height:3px;transform:scale(0);opacity:1}
.site-header.is-open .menu-btn i:nth-child(8){left:19px;top:29px;width:8px;height:8px;background:#FF007F;transform:scale(0);opacity:1}
.site-header .menu-btn i:nth-child(9){left:29px;top:29px;width:8px;height:8px;background:#FF007F;transform:none;opacity:1}
.site-header.is-open .menu-btn i:nth-child(9){left:29px;top:29px;width:8px;height:8px;background:#FF007F;transform:scale(1);opacity:1}
@media(prefers-reduced-motion:reduce){.site-header .menu-btn i{transition:none}}

/* Icône burger finale : traits + point (2a), croix de carrés (1c) */
.site-header .menu-btn{background:transparent;border:2px solid #f1f0e8;transition:border-color .2s,background .2s}
.site-header.is-open .menu-btn{background:#1c1e19;border-color:#404638}
.site-header .menu-btn i:nth-child(1){left:11px;top:15px;width:22px;height:3px;background:#f1f0e8;transform:none}
.site-header.is-open .menu-btn i:nth-child(1){left:8px;top:8px;width:8px;height:8px;background:#FF007F;transform:scale(1)}
.site-header .menu-btn i:nth-child(2){left:11px;top:15px;width:8px;height:3px;background:#f1f0e8;transform:scale(0)}
.site-header.is-open .menu-btn i:nth-child(2){left:18px;top:8px;width:8px;height:8px;background:#FF007F;transform:scale(0)}
.site-header .menu-btn i:nth-child(3){left:11px;top:15px;width:8px;height:3px;background:#f1f0e8;transform:scale(0)}
.site-header.is-open .menu-btn i:nth-child(3){left:28px;top:8px;width:8px;height:8px;background:#FF007F;transform:scale(1)}
.site-header .menu-btn i:nth-child(4){left:11px;top:25px;width:14px;height:3px;background:#f1f0e8;transform:none}
.site-header.is-open .menu-btn i:nth-child(4){left:8px;top:18px;width:8px;height:8px;background:#FF007F;transform:scale(0)}
.site-header .menu-btn i:nth-child(5){left:11px;top:25px;width:8px;height:3px;background:#f1f0e8;transform:scale(0)}
.site-header.is-open .menu-btn i:nth-child(5){left:18px;top:18px;width:8px;height:8px;background:#FF007F;transform:scale(1)}
.site-header .menu-btn i:nth-child(6){left:11px;top:25px;width:8px;height:3px;background:#f1f0e8;transform:scale(0)}
.site-header.is-open .menu-btn i:nth-child(6){left:28px;top:18px;width:8px;height:8px;background:#FF007F;transform:scale(0)}
.site-header .menu-btn i:nth-child(7){left:8px;top:28px;width:8px;height:3px;background:#f1f0e8;transform:scale(0)}
.site-header.is-open .menu-btn i:nth-child(7){left:8px;top:28px;width:8px;height:8px;background:#FF007F;transform:scale(1)}
.site-header .menu-btn i:nth-child(8){left:18px;top:28px;width:8px;height:3px;background:#f1f0e8;transform:scale(0)}
.site-header.is-open .menu-btn i:nth-child(8){left:18px;top:28px;width:8px;height:8px;background:#FF007F;transform:scale(0)}
.site-header .menu-btn i:nth-child(9){left:30px;top:23.5px;width:6px;height:6px;background:#FF007F;transform:none}
.site-header.is-open .menu-btn i:nth-child(9){left:28px;top:28px;width:8px;height:8px;background:#FF007F;transform:scale(1)}

/* Bouton du haut de page : style « Parler de mon projet », contour rose */
.hero-cta{display:inline-flex;align-items:center;gap:12px;align-self:flex-start;padding:16px 20px;min-height:52px;background:#FF007F;border:2px solid #FF007F;color:#121312;box-shadow:0 0 28px #ff007f99;font:800 20px/1 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;letter-spacing:.02em;cursor:pointer;transition:background .2s,color .2s,box-shadow .2s,transform .2s}
.hero-cta:hover,.hero-cta:focus-visible{background:transparent;color:#f1f0e8;box-shadow:none;transform:translateY(-2px)}
@media(prefers-reduced-motion:reduce){.hero-cta:hover{transform:none}}


/* Hero v6b (ordinateur) / 5c (mobile) : titre centré, logo peenk animé */
.pk-hero{position:relative;display:flex;flex-direction:column;min-height:calc(100svh - 88px);background-color:#121312;background-image:linear-gradient(#1d1f1c 1px,transparent 1px),linear-gradient(90deg,#1d1f1c 1px,transparent 1px);background-size:60px 60px;color:#f1f0e8}
.pkh-meta{display:flex;flex-direction:column;align-items:center;gap:8px;padding:34px 5% 0;text-align:center}
.pkh-studio{font:700 22px/1 'Barlow Condensed',Impact,sans-serif}
.pkh-tags{font:12px/1.3 monospace;letter-spacing:.14em;color:#C9D1D9}
.pkh-title{flex:1;margin:40px 0 0;padding:0 4%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font:900 clamp(64px,12.5vw,200px)/.92 'Barlow Condensed',Impact,sans-serif;letter-spacing:-.03em;text-transform:uppercase}
.pkh-l1{color:#fff}.pkh-l2{color:#eeede5}.pkh-title em{font-style:normal;color:#FF007F}
.pkh-band{margin-top:48px;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:40px;padding:34px max(4%,calc((100% - 1600px)/2 + 64px)) 30px;background:#0d0e0d;border-top:3px solid #FF007F}
.pkh-copy{display:flex;flex-direction:column;gap:12px;max-width:340px}
.pkh-kicker{font:13px/1.7 monospace;letter-spacing:.1em;color:#e6e5de}
.pkh-copy p{margin:0;font-size:15px;line-height:1.65;color:#d3d2d0}
.pkh-band .hero-cta{justify-self:end;align-self:center;white-space:nowrap}
.pkh-logo{display:grid;place-items:center}
.pkl{position:relative;display:inline-flex;padding-bottom:.32em;font:800 100px/1 'Barlow Condensed',Impact,sans-serif;letter-spacing:-.01em;color:#f1f0e8}
.pkl-word{display:inline-flex;align-items:baseline}
.pkl-ee{position:relative;display:inline-flex;align-items:baseline}
.pkl-e1{display:inline-block;color:#FF007F;animation:pk-flip 6s ease-in-out infinite}
.pkl-e2{color:transparent;-webkit-text-stroke:.025em #FF007F;margin-left:-.04em;animation:pk-fill 6s ease-in-out infinite}
.pkl-bar{position:absolute;left:0;right:0;top:.94em;height:.06em;background:#FF007F;transform-origin:left;animation:pk-bar 6s ease-in-out infinite}
.pkl-studio{position:absolute;top:calc(100% + .12em);left:50%;transform:translateX(-50%);font:500 .2em/1 monospace;letter-spacing:.17em;padding-left:.17em;color:#f1f0e8;white-space:nowrap}
.pkl-dot{display:inline-block;width:.2em;height:.2em;background:#FF007F;margin-left:.07em;animation:pk-blink 1.1s steps(1) infinite}
.pkl-glitch{position:absolute;top:0;left:0;color:#FF007F;opacity:0;animation:pk-glitch 4.5s steps(1) infinite;pointer-events:none}
.pkl-glitch .pkl-e1,.pkl-glitch .pkl-e2,.pkl-glitch .pkl-dot{animation:none}
@keyframes pk-flip{0%,42%{transform:scaleX(-1)}50%,92%{transform:scaleX(1)}100%{transform:scaleX(-1)}}
@keyframes pk-fill{0%,42%{color:transparent}50%,92%{color:#FF007F}100%{color:transparent}}
@keyframes pk-blink{0%,49%{opacity:1}50%,100%{opacity:0}}
@keyframes pk-glitch{0%,60%{opacity:0}61%{opacity:.9;clip-path:inset(18% 0 66% 0);transform:translateX(.05em)}63%{opacity:.9;clip-path:inset(56% 0 26% 0);transform:translateX(-.06em)}65%,86%{opacity:0}87%{opacity:.8;clip-path:inset(70% 0 8% 0);transform:translateX(.08em)}88%,100%{opacity:0}}
@keyframes pk-bar{0%{transform:scaleX(0)}12%,100%{transform:scaleX(1)}}
@media(prefers-reduced-motion:reduce){.pkl *{animation:none!important;transition:none!important}.pkl-e1{transform:scaleX(-1)!important}.pkl-e2{color:transparent!important}.pkl-bar{transform:none!important}.pkl-dot{opacity:1!important}.pkl-glitch{display:none!important}}
@media(max-width:1000px){.pkh-band{grid-template-columns:1fr auto;gap:28px 40px}.pkh-logo{grid-column:1/-1;order:-1}.pkl{font-size:88px}}
@media(max-width:700px){
.pk-hero{min-height:0}
.pkh-meta{padding:26px 5% 0;gap:6px}.pkh-studio{font-size:20px}.pkh-tags{font-size:11px}
.pkh-title{flex:none;margin-top:30px;padding:0 16px;font-size:clamp(56px,19vw,96px);line-height:.97}
.pkh-band{margin-top:34px;display:flex;flex-direction:column;align-items:stretch;gap:0;padding:0;background:transparent;border-top:0}
.pkh-logo{order:-1;padding:30px 0 26px;background:#0d0e0d;border-top:3px solid #FF007F}
.pkl{font-size:76px}
.pkh-copy{align-items:center;text-align:center;max-width:none;padding:30px 24px 0}
.pkh-copy p{max-width:320px}.pkh-kicker{font-size:12px}
.pkh-band .hero-cta{align-self:center;justify-self:auto;margin:22px 0 36px}
}


/* Les missions : escalier (ordinateur) / cartes dépliables (mobile) */
.mx-list{display:flex;flex-wrap:nowrap;align-items:flex-start;gap:48px;margin-top:64px}
.mx-item{flex:1 1 0;min-width:0;display:grid;grid-template-columns:8px minmax(0,1fr);column-gap:20px;row-gap:14px;align-items:start}
.mx-item:nth-child(2){margin-top:64px}.mx-item:nth-child(3){margin-top:128px}
.mx-head{display:contents;background:none;border:0;padding:0;color:#f1f0e8;text-align:left;cursor:default;font:inherit}
.mx-bar{grid-column:1;grid-row:1/3;width:8px;height:120px;background:#FF007F}
.mx-title{grid-column:2;grid-row:1;margin:0;font:900 34px/.95 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;color:#f1f0e8}
.mx-t2{white-space:nowrap}
.mx-title .sq-dot{display:inline-block;width:.2em;height:.2em;background:#FF007F;margin-left:.06em}
.mx-arrow{display:none}
.mx-panel{grid-column:2;grid-row:2;display:flex;flex-direction:column;gap:14px}
.mx-tags{font:12px/1.6 monospace;letter-spacing:.1em;color:#C9D1D9;text-transform:uppercase}
.mx-panel p{margin:0;font-size:15px;line-height:1.7;color:#d3d2d0}
@media(max-width:1000px){.mx-list{margin-top:48px;gap:32px}.mx-title{font-size:30px}}
@media(max-width:700px){
.mx-list{flex-direction:column;align-items:stretch;gap:10px;margin-top:36px}
.mx-item,.mx-item:nth-child(2),.mx-item:nth-child(3){display:block;flex:none;margin-top:0;background:#1b1c1a;transition:background .25s}
.mx-item.is-open{background:#202220}
.mx-head{display:flex;width:100%;align-items:center;gap:16px;padding:20px 18px;cursor:pointer}
.mx-bar{width:6px;height:auto;align-self:stretch}
.mx-title{flex:1;font-size:31px}
.mx-t1{white-space:nowrap;display:block}
.mx-arrow{display:block;flex:none;align-self:flex-end;color:#FF007F;font:500 20px/1 'DM Sans',sans-serif;transition:transform .25s}
.mx-item.is-open .mx-arrow{transform:rotate(180deg)}
.mx-panel{display:none;margin:0;padding:0 18px 24px 40px}
.mx-item.is-open .mx-panel{display:flex}
}

/* Logo d'en-tête : trait rose sous les deux e + « studio » */
.site-header .logo .logo-ee{position:relative;display:inline-flex;align-items:baseline;font-family:inherit;color:inherit}
.site-header .logo .logo-bar{position:absolute;left:0;right:0;top:.94em;height:.06em;background:#FF007F}
.site-header .logo .logo-studio{position:absolute;top:calc(100% + .12em);left:50%;transform:translateX(-50%);font:500 .2em/1 monospace;letter-spacing:.17em;padding-left:.17em;color:#f1f0e8;white-space:nowrap}

/* Accueil : liens vers la page Missions */
.mx-more{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;margin-top:4px;padding-bottom:4px;border-bottom:2px solid #FF007F;color:#f1f0e8;text-decoration:none;font:800 18px/1 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase}
.mx-more span{color:#FF007F;font:600 14px/1 'DM Sans',sans-serif}
.mx-more:hover{color:#FF007F}
/* Accueil : 4e mission, planche de marque */
.mx-brand{margin-top:120px;padding-top:72px;border-top:1px solid #30342f;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:72px;align-items:center}
.mxb-copy{display:grid;grid-template-columns:8px minmax(0,1fr);column-gap:20px;align-items:start}
.mxb-copy .mx-bar{grid-row:1;height:150px}
.mxb-txt{display:flex;flex-direction:column;gap:14px}
.mxb-k{font:12px/1 monospace;letter-spacing:.14em;color:#FF007F;text-transform:uppercase}
.mxb-title{margin:0;font:900 64px/.9 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;color:#f1f0e8}
.mxb-title .sq-dot{display:inline-block;width:.2em;height:.2em;background:#FF007F;margin-left:.06em}
.mxb-txt p{margin:0;max-width:440px;font-size:15px;line-height:1.7;color:#d3d2d0}
.mxb-sheet{background:#f1f0e8;color:#121312;border:3px solid #121312;padding:22px;display:flex;flex-direction:column;gap:18px;transform:rotate(-2deg);box-shadow:14px 14px 0 #FF007F;transition:transform .35s ease}
.mx-brand:hover .mxb-sheet{transform:rotate(0)}
.mxb-top{display:flex;justify-content:space-between;align-items:baseline;border-bottom:3px solid #121312;padding-bottom:12px}
.mxb-top strong{font:900 30px/1 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase}
.mxb-top span{font:11px/1 monospace;letter-spacing:.12em;text-transform:uppercase}
.mxb-sw{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.mxb-sw i{aspect-ratio:3/4;display:flex;flex-direction:column;justify-content:flex-end;gap:4px;padding:10px;font-style:normal;outline:1px solid #12131222}
.mxb-sw b{font:800 18px/1 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase}
.mxb-sw small{font:10px/1 monospace;letter-spacing:.06em}
.mxb-type{display:flex;align-items:center;gap:18px;border-top:3px solid #121312;padding-top:14px}
.mxb-aa{font:900 76px/.8 'Barlow Condensed',Impact,sans-serif}
.mxb-fonts{display:flex;flex-direction:column;gap:2px;font-size:13px}
.mxb-fonts b{font:800 17px/1.1 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase}
.mxb-fonts small{font:10px/1.2 monospace;letter-spacing:.08em;margin-bottom:6px}
.mxb-mark{margin-left:auto;font:800 40px/1 'Barlow Condensed',Impact,sans-serif;display:inline-flex;align-items:baseline}
.mxb-mark em{font-style:normal;color:#FF007F}
.mxb-mark i{display:inline-block;width:.2em;height:.2em;background:#FF007F;margin-left:.07em}
@media(max-width:1000px){.mx-brand{grid-template-columns:1fr;gap:56px;margin-top:88px;padding-top:56px}.mxb-sheet{max-width:560px}}
@media(max-width:700px){.mx-panel .mx-more{margin-top:6px}.mx-brand{margin-top:48px;padding-top:40px;gap:40px}.mxb-copy{grid-template-columns:6px minmax(0,1fr);column-gap:16px}.mxb-copy .mx-bar{height:110px}.mxb-title{font-size:46px}.mxb-sheet{padding:16px;gap:14px;margin:0 14px 14px 0;box-shadow:10px 10px 0 #FF007F}.mxb-top strong{font-size:24px}.mxb-sw i{padding:7px}.mxb-sw b{font-size:15px}.mxb-sw small{font-size:9px}.mxb-aa{font-size:56px}.mxb-mark{display:none}}

/* Page Missions */
.ms{--px:max(4%,calc((100% - 1600px)/2 + 64px))}
.ms-hero{padding:88px var(--px) 72px;background-image:linear-gradient(#1d1f1c 1px,transparent 1px),linear-gradient(90deg,#1d1f1c 1px,transparent 1px);background-size:60px 60px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:24px}
.ms-hero .sectitle:before{margin:0 auto 16px}
.ms-hero h1{margin:0;font:900 clamp(76px,10vw,150px)/.9 'Barlow Condensed',Impact,sans-serif;letter-spacing:-.03em;text-transform:uppercase;color:#eeede5}
.ms-hero h1 span{color:#FF007F}
.ms-hero p{margin:0;max-width:460px;font-size:16px;line-height:1.75;color:#d3d2d0}
.ms-list{display:flex;flex-direction:column;gap:4px}
.ms-item{scroll-margin-top:var(--hh,90px)}
.ms-head{width:100%;background:var(--band);color:#121312;border:0;cursor:pointer;text-align:left;font:inherit;padding:36px var(--px) 32px;display:flex;align-items:flex-end;gap:40px}
.ms-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:14px}
.ms-kick{font:12px/1.5 monospace;letter-spacing:.14em;text-transform:uppercase}
.ms-kick .ms-from-m{display:none}
.ms-title{margin:0;font:900 clamp(56px,6.4vw,92px)/.9 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase}
.ms-lead{flex:0 1 380px;font-size:15px;line-height:1.65}
.ms-from{display:flex;flex-direction:column;align-items:flex-end;gap:4px;white-space:nowrap}
.ms-from small{font:11px/1 monospace;letter-spacing:.12em;text-transform:uppercase}
.ms-from b{font:900 36px/1 'Barlow Condensed',Impact,sans-serif}
.ms-arrow{flex:none;color:#FF007F;font:500 34px/1 'DM Sans',sans-serif;transition:transform .25s}
.ms-item[style*="#FF007F"] .ms-arrow{color:#121312}
.ms-item.is-open .ms-arrow{transform:rotate(180deg)}
.ms-head:focus-visible{outline:3px solid #121312;outline-offset:-6px}
.ms-panel{display:none;padding:44px var(--px) 72px;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:40px;align-items:start}
.ms-item.is-open .ms-panel{display:grid}
.ms-lead-m{display:none}
.ms-svcs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.ms-svc{background:#1b1c1a;padding:22px 20px;display:flex;flex-direction:column;gap:12px;text-align:left;color:#f1f0e8}
.ms-svc-head{display:contents;font:inherit;color:inherit;text-align:left;cursor:default}
.ms-svc-from{display:flex;flex-direction:column;gap:2px}
.ms-svc-from small{font:11px/1 monospace;letter-spacing:.1em;color:#8a8e86;text-transform:uppercase}
.ms-svc-from small .m{display:none}
.ms-svc-from b{font:900 44px/1 'Barlow Condensed',Impact,sans-serif;color:#FF007F}
.ms-svc h3{margin:0;font:800 24px/1 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;color:#f1f0e8}
.ms-svc p{margin:0;font-size:14px;line-height:1.6;color:#bfc0b8}
.ms-svc-arrow,.ms-more{display:none}
.ms-comp{background:#C9D1D9;color:#151614;border:3px solid #151614;padding:20px 22px;display:flex;flex-direction:column;gap:14px}
.ms-comp-top{display:flex;justify-content:space-between;align-items:baseline;border-bottom:3px solid #151614;padding-bottom:12px}
.ms-comp-top strong{font:900 30px/1 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase}
.ms-comp-top span{font-size:13px}
.ms-comp-row{display:flex;flex-direction:column;gap:6px;font-size:14px;line-height:1.45}
.ms-comp-row strong,.ms-comp-dur strong{font:800 18px/1 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase}
.ms-comp-dur{display:flex;justify-content:space-between;align-items:baseline;border-top:3px solid #151614;padding-top:12px}
.ms-comp-dur b{font:900 24px/1 'Barlow Condensed',Impact,sans-serif;background:#151614;color:#f1f0e8;padding:4px 6px}
.ms-comp-q{background:#151614;color:#f1f0e8;padding:16px;display:flex;flex-direction:column;gap:6px;font-size:14px;line-height:1.6}
.ms-comp-q strong{font-size:15px;line-height:1.4}
.ms-comp-q span{color:#d3d2d0}
.ms-comp-cta{align-self:flex-start;display:inline-flex;align-items:center;gap:12px;padding:14px 18px;min-height:48px;border:2px solid #FF007F;background:#FF007F;color:#151614;cursor:pointer;font:800 19px/1 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase}
.ms-comp-cta:hover{background:#151614;border-color:#151614;color:#f1f0e8}
.ms-cta{margin-top:4px;padding:64px var(--px) 80px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px 40px;background:#0d0e0d;border-top:3px solid #FF007F}
.ms-cta strong{font:900 clamp(44px,4.6vw,64px)/.95 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;color:#f1f0e8}
.ms-cta strong span{color:#FF007F}
.ms-cta-btn{display:inline-flex;align-items:center;gap:12px;padding:16px 20px;min-height:52px;border:2px solid #FF007F;color:#f1f0e8;text-decoration:none;font:800 20px/1 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;white-space:nowrap}
.ms-cta-btn:hover{background:#FF007F;color:#121312}
.ms-cta small{flex-basis:100%;font:11px/1.6 monospace;letter-spacing:.1em;text-transform:uppercase;color:#C9D1D9}
@media(max-width:1000px){.ms-head{flex-wrap:wrap;gap:20px 32px}.ms-main{flex-basis:100%}.ms-lead{flex:1 1 300px}.ms-panel{grid-template-columns:1fr}}
@media(max-width:700px){
.ms{--px:5%}
.ms-hero{padding:48px var(--px) 44px;gap:18px}.ms-hero h1{font-size:76px}.ms-hero p{font-size:15px;max-width:320px}
.ms-head{padding:22px var(--px);flex-wrap:nowrap;gap:16px}
.ms-main{gap:10px}
.ms-kick{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:11px}
.ms-tags,.ms-lead,.ms-from-d{display:none}
.ms-kick .ms-from-m{display:flex;flex-direction:row;align-items:baseline;gap:6px}.ms-from-m small{font-size:10px}.ms-from-m b{font-size:22px}
.ms-title{font-size:44px}
.ms-arrow{font-size:22px}
.ms-panel{padding:20px var(--px) 32px;gap:0}
.ms-item.is-open .ms-panel{display:flex;flex-direction:column}
.ms-lead-m{display:block;margin:0 0 8px;font-size:15px;line-height:1.6;color:#d3d2d0}
.ms-svcs{display:flex;flex-direction:column;gap:0}
.ms-svc{background:none;padding:0;gap:0;border-bottom:1px solid #30342f}
.ms-svc-head{display:flex;width:100%;align-items:center;gap:12px;padding:14px 0;min-height:56px;background:none;border:0;text-align:left;cursor:pointer}
.ms-svc h3{order:-1;flex:1;font-size:20px;line-height:1.05}
.ms-svc-from{align-items:flex-end}.ms-svc-from small .d{display:none}.ms-svc-from small .m{display:inline}.ms-svc-from small{font-size:10px}.ms-svc-from b{font-size:22px;white-space:nowrap}
.ms-svc-arrow{display:block;flex:none;width:18px;color:#FF007F;font-size:16px;transition:transform .25s}
.ms-svc.is-open .ms-svc-arrow{transform:rotate(180deg)}
.ms-svc p{display:none;margin:0 30px 16px 0}
.ms-svc.is-open p{display:block}
.ms-more{margin-top:18px;display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0;background:none;border:0;border-bottom:2px solid #FF007F;color:#f1f0e8;font:800 18px/1 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;cursor:pointer}
.ms-more i{font-style:normal;color:#FF007F;transition:transform .25s}
.ms-item.show-det .ms-more i{transform:rotate(180deg)}
.ms-comp{display:none;margin-top:14px;padding:18px}
.ms-item.show-det .ms-comp{display:flex}
.ms-comp-top strong{font-size:26px}
.ms-cta{flex-direction:column;text-align:center;padding:40px var(--px) 48px;gap:18px}.ms-cta strong{font-size:44px}
}

/* Pied de page mobile : liens Réseaux / Informations visibles (annule « nav a{display:none} ») */
.foot-xl .fx-col a{display:block}
.faq-link{color:inherit;font-weight:600;text-decoration:underline;text-decoration-color:#FF007F;text-decoration-thickness:2px;text-underline-offset:3px}.faq-link:hover{color:#FF007F}
.pkh-title .pkh-sq{display:inline-block;width:.18em;height:.18em;background:#FF007F;margin-left:.06em;vertical-align:baseline}

/* Le parti pris : note sur les deux « e » */
.ee-note{margin-top:44px;padding-top:32px;border-top:1px solid #30342f;display:grid;grid-template-columns:auto minmax(0,1fr);gap:36px;align-items:center;max-width:705px}
.ee-logo{display:inline-flex;align-items:baseline;padding-bottom:.32em;font:800 64px/1 'Barlow Condensed',Impact,sans-serif;letter-spacing:-.01em;color:#f1f0e8}
.ee-ee{position:relative;display:inline-flex;align-items:baseline}
.ee-e1{display:inline-block;color:#FF007F;transform:scaleX(-1)}
.ee-e2{color:transparent;-webkit-text-stroke:.025em #FF007F;margin-left:-.04em}
.ee-bar{position:absolute;left:0;right:0;top:.94em;height:.06em;background:#FF007F}
.ee-studio{position:absolute;top:calc(100% + .12em);left:50%;transform:translateX(-50%);font:500 .2em/1 monospace;letter-spacing:.17em;padding-left:.17em;color:#f1f0e8;white-space:nowrap}
.ee-dot{display:inline-block;width:.2em;height:.2em;background:#FF007F;margin-left:.07em}
.ee-txt{display:flex;flex-direction:column;gap:8px}
.ee-txt strong{font:600 15px/1.5 'DM Sans',sans-serif;color:#f1f0e8}
.ee-txt .bodytext{margin:0;font-size:15px;max-width:560px}
@media(max-width:600px){.ee-note{margin-top:36px;padding-top:26px;gap:20px;align-items:start}.ee-logo{font-size:40px}.ee-txt strong,.ee-txt .bodytext{font-size:14px}}
.ee-logo.ee-pair{padding-bottom:0;font:800 120px/.8 'Barlow Condensed',Impact,sans-serif;letter-spacing:0}
.ee-pair .ee-e2{-webkit-text-stroke:.02em #FF007F;margin-left:.04em}
@media(max-width:600px){.ee-logo.ee-pair{font-size:76px}}

/* Le journal */
.jr{--px:max(4%,calc((100% - 1600px)/2 + 64px))}
.jr-hero{padding:88px var(--px) 56px;background-image:linear-gradient(#1d1f1c 1px,transparent 1px),linear-gradient(90deg,#1d1f1c 1px,transparent 1px);background-size:60px 60px;display:flex;flex-direction:column;gap:24px}
.jr-hero h1{margin:0;font:900 clamp(72px,10vw,150px)/.9 'Barlow Condensed',Impact,sans-serif;letter-spacing:-.03em;text-transform:uppercase;color:#eeede5}
.jr-hero h1 span{color:#FF007F}
.jr-hero p{margin:0;max-width:520px;font-size:16px;line-height:1.75;color:#d3d2d0;text-wrap:pretty}
.jr-filters{display:flex;flex-wrap:wrap;gap:8px;padding:0 var(--px) 48px}
.jr-filters button{flex:none;min-height:44px;padding:0 16px;border:1px solid #404638;background:transparent;color:#f1f0e8;font:12px/1 monospace;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;transition:background .15s,border-color .15s}
.jr-filters button:hover{border-color:#f1f0e8}
.jr-filters button[aria-pressed="true"]{background:#f1f0e8;color:#121312;border-color:#f1f0e8}
.jr-filters button:focus-visible{outline:3px solid #FF007F;outline-offset:3px}
.jr-list{padding:0 var(--px) 96px;display:flex;flex-direction:column;gap:64px}
.jr-feat[hidden],.jr-card[hidden],.jr-empty[hidden]{display:none}
.jr-feat a{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:48px;align-items:end;color:inherit;text-decoration:none;border-top:3px solid #FF007F;padding-top:28px}
.jr-img{position:relative;aspect-ratio:16/9;background:#1b1c1a;border:1px dashed #404638;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:border-color .2s}
.jr-img span{font:11px/1 monospace;letter-spacing:.14em;text-transform:uppercase;color:#8a8e86}
.jr-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.jr-txt{display:flex;flex-direction:column;gap:18px}
.jr-meta{display:flex;flex-wrap:wrap;gap:6px 16px;font:11px/1.4 monospace;letter-spacing:.14em;text-transform:uppercase;color:#8a8e86}
.jr-cat{color:#FF007F}
.jr-feat h2{margin:0;font:800 clamp(40px,4.4vw,64px)/.95 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;color:#f1f0e8;text-wrap:balance}
.jr-txt p,.jr-card p{margin:0;font-size:16px;line-height:1.7;color:#d3d2d0;max-width:520px;text-wrap:pretty}
.jr-more{display:inline-flex;align-items:center;gap:10px;align-self:flex-start;padding-bottom:6px;border-bottom:2px solid #FF007F;font:800 20px/1 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;color:#f1f0e8;transition:color .2s}
.jr-feat a:hover .jr-more{color:#FF007F}
.jr-feat a:hover .jr-img,.jr-card a:hover .jr-img{border-color:#FF007F}
.jr-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,380px),1fr));gap:56px 32px}
.jr-card a{display:flex;flex-direction:column;gap:16px;color:inherit;text-decoration:none;border-top:1px solid #30342f;padding-top:20px}
.jr-card h3{margin:0;font:800 34px/.98 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;color:#f1f0e8;text-wrap:balance;transition:color .2s}
.jr-card a:hover h3{color:#FF007F}
.jr-empty{margin:0;padding:28px 0;border-top:1px solid #30342f;font:12px/1.6 monospace;letter-spacing:.14em;text-transform:uppercase;color:#8a8e86}
.jr-art{padding:56px var(--px) 0}
.jr-art-head{max-width:880px;margin:0 auto;display:flex;flex-direction:column;gap:22px}
.jr-back{align-self:flex-start;padding:10px 0;font:12px/1 monospace;letter-spacing:.14em;text-transform:uppercase;color:#C9D1D9;text-decoration:none}
.jr-back:hover{color:#FF007F}
.jr-art h1{margin:0;font:900 clamp(52px,7vw,104px)/.9 'Barlow Condensed',Impact,sans-serif;letter-spacing:-.02em;text-transform:uppercase;color:#f1f0e8;text-wrap:balance}
.jr-chapo{margin:0;font-size:20px;line-height:1.6;color:#d3d2d0;max-width:680px;text-wrap:pretty}
.jr-art-img{max-width:1200px;margin:56px auto 0}
.jr-body{max-width:680px;margin:64px auto 0;font-size:18px;line-height:1.75;color:#d6d6cd}
.jr-body>p{margin:0 0 22px;text-wrap:pretty}
.jr-body h2{margin:56px 0 18px;font:800 40px/1 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;color:#f1f0e8;text-wrap:balance}
.jr-body blockquote{margin:44px 0;padding-top:20px;border-top:3px solid #FF007F}
.jr-body blockquote p{margin:0;font:800 clamp(30px,3.4vw,40px)/1.02 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;color:#f1f0e8;text-wrap:balance}
.jr-body ul{margin:0 0 22px;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px}
.jr-body li{display:flex;gap:14px;align-items:baseline}
.jr-body li:before{content:"";flex:none;width:8px;height:8px;background:#FF007F;transform:translateY(-2px)}
.jr-body figure{margin:44px 0;display:flex;flex-direction:column;gap:12px}
.jr-body figcaption{font:11px/1.6 monospace;letter-spacing:.12em;text-transform:uppercase;color:#8a8e86}
.jr-body a{color:#FF007F}
.jr-end{max-width:680px;margin:72px auto 0;padding:32px 0 0;border-top:3px solid #FF007F;display:flex;flex-wrap:wrap;gap:20px 32px;justify-content:space-between;align-items:center}
.jr-end strong{font:900 48px/.95 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;color:#f1f0e8}
.jr-end .hero-cta{align-self:auto}
.jr-related{padding:96px var(--px);display:flex;flex-direction:column;gap:40px}
@media(max-width:900px){.jr-feat a{grid-template-columns:1fr;gap:24px}}
@media(max-width:700px){.jr{--px:5%}
.jr-hero{padding:48px var(--px) 36px;gap:18px}.jr-hero h1{font-size:72px}.jr-hero p{font-size:15px}
.jr-filters{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:32px}.jr-filters::-webkit-scrollbar{display:none}
.jr-list{gap:44px;padding-bottom:64px}.jr-grid{gap:40px}.jr-card h3{font-size:30px}
.jr-art{padding-top:32px}.jr-art h1{font-size:52px}.jr-chapo{font-size:17px}.jr-art-img{margin-top:36px}
.jr-body{margin-top:40px;font-size:16px}.jr-body h2{font-size:32px;margin-top:44px}.jr-end strong{font-size:38px}.jr-related{padding:64px var(--px)}}

.site-header .navcta .sq-dot{margin-left:-8px;align-self:flex-end;margin-bottom:.12em}
@media(max-width:1000px){.site-header.is-open .main-nav a.navcta .sq-dot{background:#121312;width:12px;height:12px;margin:0;align-self:center}}

/* Mission 01 : deux offres */
.ms-p1main{display:flex;flex-direction:column;gap:10px;min-width:0}
.ms-offers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.ms-offer{background:#1b1c1a;padding:28px 26px 30px;display:flex;flex-direction:column;gap:14px;color:#f1f0e8}
.ms-offer-top{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;flex-wrap:wrap}
.ms-offer-from{display:flex;flex-direction:column;gap:4px}
.ms-offer-from small{font:11px/1 monospace;letter-spacing:.1em;color:#8a8e86;text-transform:uppercase}
.ms-offer-from b{font:900 54px/.9 'Barlow Condensed',Impact,sans-serif;color:#FF007F}
.ms-offer-dur{font:11px/1.3 monospace;letter-spacing:.1em;text-transform:uppercase;color:#C9D1D9;border:1px solid #393c34;padding:6px 8px;white-space:nowrap}
.ms-offer h3{margin:0;font:800 32px/1 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;color:#f1f0e8}
.ms-offer p{margin:0;font-size:14px;line-height:1.6;color:#bfc0b8;text-wrap:pretty}
.ms-incl{list-style:none;margin:4px 0 0;padding:16px 0 0;border-top:1px solid #30342f;display:flex;flex-direction:column;gap:9px;font-size:14px;line-height:1.5;color:#e6e5de}
.ms-incl li{display:grid;grid-template-columns:6px minmax(0,1fr);gap:12px;text-wrap:pretty}
.ms-incl li:before{content:"";width:6px;height:6px;background:#FF007F;margin-top:.6em}
.ms-incl-sm{font-size:13px;color:#bfc0b8}
.ms-blk-t{font:800 20px/1 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;color:#f1f0e8}
.ms-both{background:#1b1c1a;padding:24px 26px;display:flex;flex-direction:column;gap:16px}
.ms-both .ms-incl{margin:0;padding:0;border:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 28px}
.ms-badge{display:inline-block;margin-left:4px;background:#FF007F;color:#121312;font:700 10px/1 monospace;letter-spacing:.08em;text-transform:uppercase;padding:4px 6px;vertical-align:1px;white-space:nowrap}
.ms-note{margin:0;font-size:13px;line-height:1.5;color:#9da29a}
.ms-opts{border:1px solid #30342f;padding:24px 26px;display:flex;flex-direction:column;gap:12px;margin-top:10px}
.ms-opts ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px}
.ms-opts li{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:11px 0;border-bottom:1px solid #30342f;font-size:14px;line-height:1.4;color:#e6e5de}
.ms-opts li b{font:800 20px/1 'Barlow Condensed',Impact,sans-serif;color:#FF007F;white-space:nowrap}
.ms-maint{background:#1b1c1a;border-top:3px solid #FF007F;padding:28px 26px 30px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 32px;margin-top:10px}
.ms-maint-head{grid-column:1/-1;display:flex;justify-content:space-between;align-items:baseline;gap:8px 20px;flex-wrap:wrap;border-bottom:1px solid #30342f;padding-bottom:18px}
.ms-maint-head h3{margin:0;font:800 32px/1 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;color:#f1f0e8}
.ms-maint-price{display:flex;align-items:baseline;gap:6px;white-space:nowrap}
.ms-maint-price b{font:900 48px/.9 'Barlow Condensed',Impact,sans-serif;color:#FF007F}
.ms-maint-price small{font:12px/1 monospace;letter-spacing:.1em;text-transform:uppercase;color:#C9D1D9}
.ms-maint-col{display:flex;flex-direction:column;gap:14px;min-width:0}
.ms-maint-col .ms-incl{margin:0;padding:0;border:0}
@media(max-width:1100px) and (min-width:1001px){.ms-offers,.ms-both .ms-incl,.ms-opts ul,.ms-maint{grid-template-columns:1fr}}
@media(max-width:700px){
.ms-offers,.ms-both .ms-incl,.ms-opts ul,.ms-maint{grid-template-columns:1fr}
.ms-offer,.ms-both,.ms-opts,.ms-maint{padding:22px 18px}
.ms-offer-from b{font-size:46px}.ms-offer h3,.ms-maint-head h3{font-size:28px}.ms-maint-price b{font-size:40px}
.ms-opts li{font-size:13.5px}
.ms-p1main{margin-top:12px}
}

/* Missions v2 : grille de formules */
.mv-jump{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:6px}
.mv-jump a{color:#f1f0e8;text-decoration:none;font:700 20px/1 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;border-bottom:2px solid #FF007F;padding-bottom:4px}
.mv-jump a:hover{color:#FF007F}
.mv-sec{scroll-margin-top:var(--hh,90px);margin-top:4px}
.mv-head{background:var(--band);color:#121312;padding:36px var(--px) 32px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px 48px;flex-wrap:wrap}
.mv-head-t{display:flex;flex-direction:column;gap:14px}
.mv-kick{font:12px/1.5 monospace;letter-spacing:.14em;text-transform:uppercase}
.mv-title{margin:0;font:900 clamp(48px,6.4vw,92px)/.9 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase}
.mv-head[style*="#FF007F"] .mv-title .sq-dot{background:#121312}
.mv-lead{flex:0 1 440px;margin:0;font-size:15px;line-height:1.65;text-wrap:pretty}
.mv-body{padding:40px var(--px) 64px;display:flex;flex-direction:column;gap:10px}
#suivi .mv-body,#options .mv-body{padding-top:0;padding-bottom:40px}
.mv-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.mv-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.mv-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.mv-card{background:#1b1c1a;padding:26px 24px 24px;display:flex;flex-direction:column;gap:14px;color:#f1f0e8;min-width:0}
.mv-card-top{display:flex;justify-content:space-between;align-items:flex-end;gap:10px;flex-wrap:wrap}
.mv-from{display:flex;flex-direction:column;gap:4px}
.mv-from small{font:11px/1 monospace;letter-spacing:.1em;color:#8a8e86;text-transform:uppercase}
.mv-from b{font:900 50px/.9 'Barlow Condensed',Impact,sans-serif;color:#FF007F;white-space:nowrap}
.mv-dur{font:11px/1.3 monospace;letter-spacing:.1em;text-transform:uppercase;color:#C9D1D9;border:1px solid #393c34;padding:6px 8px;white-space:nowrap}
.mv-card h3{margin:0;font:800 30px/1 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase}
.mv-card p{margin:0;font-size:14px;line-height:1.6;color:#bfc0b8;text-wrap:pretty}
.mv-card .ms-incl{margin:0}
.mv-cta{margin-top:auto;align-self:stretch;min-height:48px;padding:14px 18px;border:2px solid #FF007F;background:transparent;color:#f1f0e8;cursor:pointer;font:800 19px/1 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;transition:background .2s,color .2s}
.mv-cta:hover,.mv-cta:focus-visible{background:#FF007F;color:#121312}
.mv-card .ms-incl+.mv-cta,.mv-card p+.mv-cta{margin-top:auto}
.mv-card>ul{margin-bottom:8px!important}
.mv-foot{margin:0;font:12px/1.5 monospace;letter-spacing:.1em;text-transform:uppercase;color:#C9D1D9}
.mv-opts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.mv-opts .ms-opts{margin-top:0}
.mv-opts .ms-opts ul{grid-template-columns:1fr}
.mv .ms-maint{margin-top:0}
@media(max-width:1200px){.mv-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:850px){.mv-grid-3{grid-template-columns:1fr}.mv-opts{grid-template-columns:1fr}}
@media(max-width:700px){
.mv-grid,.mv-grid-2{grid-template-columns:1fr}
.mv-head{padding:26px var(--px) 24px}
.mv-title{font-size:48px}
.mv-body{padding:20px var(--px) 40px}
.mv-card{padding:22px 18px}
.mv-from b{font-size:44px}
.mv-jump a{font-size:18px}
}

/* Mission 01 : site vitrine en 3 formules */
.ms-offers{grid-template-columns:minmax(0,1fr) minmax(0,2fr)}
.ms-offer-vit{gap:14px}
.ms-tiers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:18px}
.ms-tier{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:22px 16px 18px;border-left:1px solid #30342f;min-width:0}
.ms-tier:first-child{border-left:0;padding-left:0}
.ms-tier.is-feat{border:1px solid #FF007F;padding-left:16px}
.ms-tier.is-feat+.ms-tier{border-left:0}
.ms-tier-badge{position:absolute;top:-10px;left:15px;background:#FF007F;color:#121312;font:700 10px/1 monospace;letter-spacing:.08em;text-transform:uppercase;padding:5px 7px;white-space:nowrap}
.ms-tier-name{font:800 22px/1 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;color:#f1f0e8}
.ms-tier-pages{font:12px/1 monospace;letter-spacing:.08em;text-transform:uppercase;color:#C9D1D9}
.ms-tier-price{font:900 44px/.9 'Barlow Condensed',Impact,sans-serif;color:#FF007F;white-space:nowrap;margin:8px 0 4px}
.ms-tier-corr{font-size:13px;line-height:1.4;color:#bfc0b8}
.ms-tiers-incl{display:flex;flex-direction:column;gap:12px;border-top:1px solid #30342f;padding-top:16px;margin-top:4px}
.ms-tiers-t{font:800 18px/1 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;color:#f1f0e8}
.ms-tiers-incl .ms-incl{margin:0;padding:0;border:0}
.ms-opts-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px}
.ms-opts .ms-opts-cols ul{grid-template-columns:1fr;align-content:start}
@media(max-width:1100px) and (min-width:1001px){.ms-offers{grid-template-columns:1fr}}
@media(max-width:700px){
.ms-offers{grid-template-columns:1fr}
.ms-tiers{grid-template-columns:1fr;gap:0;margin-top:8px}
.ms-tier,.ms-tier:first-child{border-left:0;border-top:1px solid #30342f;padding:20px 0 18px}
.ms-tier:first-child{border-top:0}
.ms-tier.is-feat{border:1px solid #FF007F;padding:24px 16px 18px;margin:12px 0 4px}
.ms-tier.is-feat+.ms-tier{border-top:0}
.ms-opts-cols{grid-template-columns:1fr}
}

/* Mission 01 v3 : une seule grille de formules */
.ms-plans{background:#1b1c1a;padding:28px 26px 26px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:auto 1fr;row-gap:22px}
.ms-grp{display:flex;flex-direction:column;gap:8px;padding:0 16px 18px;border-bottom:1px solid #30342f}
.ms-grp h3{margin:0;font:800 30px/1 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;color:#f1f0e8}
.ms-grp p{margin:0;font-size:14px;line-height:1.55;color:#bfc0b8;text-wrap:pretty;max-width:440px}
.ms-grp-l{grid-column:1;grid-row:1;padding-left:0}
.ms-grp-v{grid-column:2/5;grid-row:1;border-left:1px solid #30342f;padding-left:20px}
.ms-plan{grid-row:2;position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:18px 16px 16px;min-width:0}
.ms-plan-l{grid-column:1;padding-left:0}
.ms-plan-v1{grid-column:2;border-left:1px solid #30342f;padding-left:20px}
.ms-plan-v2{grid-column:3}.ms-plan-v3{grid-column:4}
.ms-plan.is-feat{outline:1px solid #FF007F;outline-offset:-1px}
.ms-plan-price{font:900 clamp(34px,3.2vw,46px)/.9 'Barlow Condensed',Impact,sans-serif;color:#FF007F;white-space:nowrap;margin:8px 0 4px}
.ms-plan .ms-tier-badge{left:16px}
.ms-inclus{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:20px 36px}
.ms-inclus .ms-incl{display:flex!important;flex-direction:column;margin:0;padding:0;border:0}
.ms-inclus-col{display:flex;flex-direction:column;gap:14px;min-width:0}
@media(max-width:1200px) and (min-width:1001px){#ms-p1 .ms-plans{padding:24px 18px}.ms-grp,.ms-plan{padding-left:12px;padding-right:12px}.ms-tier-corr{font-size:12px}}
@media(max-width:700px){
.ms-plans{grid-template-columns:1fr;grid-template-rows:none;row-gap:0;padding:22px 18px}
.ms-grp,.ms-grp-v,.ms-plan,.ms-plan-l,.ms-plan-v1,.ms-plan-v2,.ms-plan-v3{grid-column:1;grid-row:auto;border-left:0;padding-left:0;padding-right:0}
.ms-grp{padding-bottom:14px}
.ms-grp-v{margin-top:26px}
.ms-plan{padding:18px 0;border-bottom:1px solid #30342f}
.ms-plan .ms-plan-price{font-size:42px}
.ms-plan-v3{border-bottom:0}
.ms-plan.is-feat{padding:26px 14px 16px;margin:12px 0 4px;border-bottom:0}
.ms-plan.is-feat .ms-tier-badge{left:14px}
.ms-inclus{grid-template-columns:1fr}
}

/* Mission 01 : allègement mobile */
.ms-plan-meta{display:contents}
.ms-plan .ms-tier-name{order:1}.ms-plan .ms-tier-pages{order:2}.ms-plan .ms-plan-price{order:3}.ms-plan .ms-offer-dur{order:4}.ms-plan .ms-tier-corr{order:5}
.ms-fold-btn{display:none}
@media(max-width:700px){
.ms-grp h3{font-size:26px}.ms-grp p{font-size:13.5px}
.ms-grp-v{margin-top:22px}
.ms-plan{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 14px;padding:14px 0}
.ms-plan .ms-tier-name{grid-column:1;grid-row:1;font-size:20px}
.ms-plan .ms-plan-price{grid-column:2;grid-row:1/3;font-size:34px;margin:0}
.ms-plan-meta{grid-column:1;grid-row:2;display:flex;flex-wrap:wrap;gap:2px 0;font-size:12px;line-height:1.4;color:#bfc0b8}
.ms-plan-meta>span{font:inherit;color:inherit;letter-spacing:0;text-transform:none;border:0;padding:0;white-space:normal}
.ms-plan-meta>span+span:before{content:"·";margin:0 6px;color:#FF007F}
.ms-plan.is-feat{padding:20px 12px 12px;margin:10px -12px 2px}
.ms-plan.is-feat .ms-tier-badge{left:12px;top:-9px}
#ms-p1 .ms-fold{padding:0;gap:0;display:block}
#ms-p1 .ms-fold>*:not(.ms-fold-btn){display:none}
#ms-p1 .ms-fold.is-open{padding:0 18px 20px}
#ms-p1 .ms-fold.is-open>*:not(.ms-fold-btn){display:flex}
#ms-p1 .ms-fold.is-open>ul,#ms-p1 .ms-fold.is-open .ms-opts-cols{display:grid}
#ms-p1 .ms-fold.is-open>.ms-blk-t,#ms-p1 .ms-maint.is-open>.ms-maint-head{display:none}
#ms-p1 .ms-fold.is-open>.ms-note{display:block;margin-top:12px}
#ms-p1 .ms-fold.is-open .ms-inclus-col+.ms-inclus-col{margin-top:18px}
#ms-p1 .ms-maint.is-open .ms-maint-col+.ms-maint-col{margin-top:18px}
.ms-fold-btn{display:flex;width:100%;align-items:center;gap:12px;min-height:56px;padding:0 18px;background:none;border:0;color:#f1f0e8;cursor:pointer;text-align:left;font:800 20px/1 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase}
.ms-fold.is-open>.ms-fold-btn{margin:0 -18px;width:calc(100% + 36px)}
.ms-fold-btn span{flex:1}
.ms-fold-btn b{font:900 22px/1 'Barlow Condensed',Impact,sans-serif;color:#FF007F;white-space:nowrap}
.ms-fold-btn b small{font:11px/1 monospace;color:#C9D1D9;letter-spacing:.06em}
.ms-fold-btn i{flex:none;width:10px;height:10px;border-right:2px solid #FF007F;border-bottom:2px solid #FF007F;transform:rotate(45deg) translateY(-3px);transition:transform .2s}
.ms-fold.is-open>.ms-fold-btn i{transform:rotate(-135deg) translateY(-3px)}
#ms-p1 .ms-opts.ms-fold{margin-top:10px}
}

#ms-p1 .ms-side .ms-opts{margin-top:10px}
@media(min-width:1001px){#ms-p1 .ms-side .ms-opts-cols{grid-template-columns:1fr}#ms-p1 .ms-side .ms-opts-cols ul+ul li:first-child{border-top:0}}

@media(max-width:700px){
#ms-p1 .ms-side{display:flex;flex-direction:column}
#ms-p1 .ms-more,#ms-p1 .ms-comp-top,#ms-p1 .ms-comp-top+.ms-comp-row,#ms-p1 .ms-comp-dur{display:none}
#ms-p1 .ms-side .ms-opts{order:1}
#ms-p1 .ms-comp{order:2;display:flex;margin-top:28px;padding:0;background:none;border:0;color:#f1f0e8;gap:16px}
#ms-p1 .ms-comp-row strong{font-size:18px;color:#f1f0e8}
#ms-p1 .ms-comp-row span{color:#C9D1D9;font-size:14px;line-height:1.6}
#ms-p1 .ms-comp-q{background:#1b1c1a}
#ms-p1 .ms-comp-cta{align-self:stretch;justify-content:center}
}

/* Après la mise en ligne : deux voies, facultatif */
.ms-maint.ms-maint-opt{background:transparent;border:1px solid #30342f;border-top:1px solid #30342f}
.ms-maint-opt .ms-maint-head{justify-content:flex-start;align-items:center;gap:14px}
.ms-badge-line{margin:0;background:transparent;color:#C9D1D9;border:1px solid #C9D1D9}
.ms-path-top{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap;padding-bottom:12px;border-bottom:1px solid #30342f}
.ms-maint-opt .ms-maint-price b{font-size:36px}
.ms-maint-opt .ms-maint-col+.ms-maint-col{border-left:1px solid #30342f;padding-left:32px;margin-left:-16px}
.ms-fold-btn b.ms-fold-tag{font:700 10px/1 monospace;letter-spacing:.08em;text-transform:uppercase;color:#C9D1D9;border:1px solid #C9D1D9;padding:4px 6px}
@media(max-width:1100px){.ms-maint-opt .ms-maint-col+.ms-maint-col{border-left:0;padding-left:0;margin-left:0}}
@media(max-width:700px){#ms-p1 .ms-maint-opt.is-open .ms-maint-col+.ms-maint-col{margin-top:24px}#ms-p1 .ms-maint-opt.is-open .ms-maint-col{display:flex}#ms-p1 .ms-fold.is-open>.ms-maint-col>.ms-note{display:block}}

/* Missions v3 : mission 01 en lecture linéaire */
.ms-item.is-open .ms-panel.v3{display:flex;flex-direction:column;gap:64px;padding-top:56px;padding-bottom:80px}
.v3-sec{min-width:0}
.v3-h{margin:0 0 26px;font:800 34px/1 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;color:#f1f0e8}
.v3-h:before{content:"";display:block;width:36px;height:2px;background:#FF007F;margin-bottom:16px}
.v3-tag{display:inline-block;vertical-align:middle;margin-left:12px;position:relative;top:-3px}
.v3-plans{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.v3-grp{grid-row:1;border-top:2px solid #FF007F;padding:14px 0 6px;display:flex;flex-direction:column;gap:6px}
.v3-grp strong{font:800 24px/1 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;color:#f1f0e8}
.v3-grp p{margin:0;font-size:16px;line-height:1.5;color:#bfc0b8;text-wrap:pretty;max-width:520px}
.v3-grp-l{grid-column:1}.v3-grp-v{grid-column:2/5}
.v3-plan{grid-row:2;position:relative;background:#1b1c1a;border:1px solid #1b1c1a;padding:30px 24px 26px;display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-width:0}
.v3-p-l{grid-column:1}.v3-p-1{grid-column:2}.v3-p-2{grid-column:3}.v3-p-3{grid-column:4}
.v3-plan.is-feat{border-color:#FF007F}
.v3-badge{position:absolute;top:-11px;left:23px;background:#FF007F;color:#121312;font:700 11px/1 monospace;letter-spacing:.08em;text-transform:uppercase;padding:5px 8px;white-space:nowrap}
.v3-plan h4{margin:0;font:800 30px/1 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;color:#f1f0e8}
.v3-pages{font:13px/1 monospace;letter-spacing:.08em;text-transform:uppercase;color:#C9D1D9}
.v3-price{font:900 clamp(44px,4.4vw,64px)/.9 'Barlow Condensed',Impact,sans-serif;color:#FF007F;white-space:nowrap;margin:14px 0 10px}
.v3-meta{list-style:none;margin:0;padding:14px 0 0;border-top:1px solid #30342f;align-self:stretch;display:flex;flex-direction:column;gap:6px;font-size:15px;line-height:1.4;color:#d3d2d0}
.v3-two{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:24px 56px}
.v3-k{display:block;margin-bottom:16px;font:13px/1 monospace;letter-spacing:.12em;text-transform:uppercase;color:#C9D1D9}
.v3-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px;font-size:16px;line-height:1.55;color:#e6e5de}
.v3-list li{display:grid;grid-template-columns:7px minmax(0,1fr);gap:14px;text-wrap:pretty}
.v3-list li:before{content:"";width:5px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg);margin:.38em 0 0 1px;box-sizing:content-box}
.v3-note{margin:16px 0 0;font-size:14px;line-height:1.55;color:#9da29a}
.v3-pair{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:12px;align-items:start}
.v3-box{border:1px solid #30342f;padding:34px 32px}
.v3-box .v3-h{font-size:28px;margin-bottom:22px}
.v3-tag{font:700 11px/1 monospace;letter-spacing:.08em;text-transform:uppercase;color:#C9D1D9;border:1px solid #C9D1D9;padding:5px 7px}
.v3-paths{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 36px}
.v3-path-top{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap;padding-bottom:14px;margin-bottom:16px;border-bottom:1px solid #30342f}
.v3-path-top strong{font:800 22px/1 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;color:#f1f0e8}
.v3-path-top b{font:900 38px/.9 'Barlow Condensed',Impact,sans-serif;color:#FF007F;white-space:nowrap}
.v3-path-top b small{font:12px/1 monospace;color:#C9D1D9;letter-spacing:.06em}
.v3-path .v3-list{font-size:15px}
.v3-opts{list-style:none;margin:0;padding:0}
.v3-opts li{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:13px 0;border-bottom:1px solid #30342f;font-size:16px;line-height:1.4;color:#e6e5de}
.v3-opts li:first-child{border-top:1px solid #30342f}
.v3-opts b{font:800 22px/1 'Barlow Condensed',Impact,sans-serif;color:#FF007F;white-space:nowrap}
.v3-how{background:#C9D1D9;color:#151614;padding:40px 40px 44px;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:40px 56px;align-items:start}
.v3-how .v3-h{color:#151614}
.v3-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.v3-steps li{border-top:3px solid #151614;padding-top:14px;font:700 20px/1.1 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;display:flex;flex-direction:column;gap:10px}
.v3-steps li:before{content:"";width:10px;height:10px;background:#FF007F}
.v3-dur{margin:28px 0 0;display:flex;align-items:baseline;gap:16px}
.v3-dur strong{font:800 20px/1 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase}
.v3-dur b{font:900 26px/1 'Barlow Condensed',Impact,sans-serif;background:#151614;color:#f1f0e8;padding:5px 8px}
.v3-how-r{display:flex;flex-direction:column;gap:16px}
.v3-q{background:#151614;color:#f1f0e8;padding:22px;display:flex;flex-direction:column;gap:8px}
.v3-q strong{font-size:17px;line-height:1.35}
.v3-q span{font-size:15px;line-height:1.6;color:#d3d2d0}
.v3-how .ms-comp-cta{align-self:stretch;justify-content:center;min-height:56px;font-size:22px}
.v3-fold>.ms-fold-btn{display:none}
@media(max-width:1200px){.v3-pair{grid-template-columns:1fr}.v3-how{grid-template-columns:1fr}}
@media(max-width:900px){.v3-plans{grid-template-columns:repeat(2,minmax(0,1fr))}.v3-grp,.v3-plan{grid-row:auto}.v3-grp-l,.v3-grp-v{grid-column:1/-1}.v3-p-l{grid-column:1}.v3-p-1,.v3-p-2,.v3-p-3{grid-column:auto}.v3-two{grid-template-columns:1fr}.v3-steps{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:700px){
.ms-item.is-open .ms-panel.v3{gap:40px;padding-top:24px;padding-bottom:40px}
.v3-h{font-size:28px;margin-bottom:18px}
.v3-plans{grid-template-columns:1fr;gap:10px}
.v3-grp,.v3-plan,.v3-p-l,.v3-p-1,.v3-p-2,.v3-p-3{grid-column:1}
.v3-grp-v{margin-top:18px}
.v3-grp p{font-size:15px}
.v3-plan{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 16px;align-items:center;padding:18px 16px}
.v3-plan h4{grid-column:1;font-size:24px}
.v3-pages{grid-column:1;grid-row:2}
.v3-price{grid-column:2;grid-row:1/3;font-size:40px;margin:0}
.v3-meta{grid-column:1/-1;flex-direction:row;flex-wrap:wrap;gap:0;border-top:1px solid #30342f;margin-top:8px;padding-top:10px;font-size:14px}
.v3-meta li+li:before{content:"·";margin:0 8px;color:#FF007F}
.v3-plan.is-feat{margin-top:8px}
.v3-badge{left:15px}
.v3-list{font-size:15px}
.v3-pair{gap:10px}
.v3-box{padding:0}
.v3-fold>.ms-fold-btn{display:flex}
.v3-fold>*:not(.ms-fold-btn){display:none}
.v3-fold.is-open{padding:0 18px 22px}
.v3-fold.is-open>.ms-fold-btn{margin:0 -18px;width:calc(100% + 36px)}
.v3-fold.is-open>.v3-paths,.v3-fold.is-open>.v3-opts{display:grid}
.v3-fold.is-open>.v3-note{display:block}
.v3-paths{grid-template-columns:1fr}
.v3-opts li{font-size:15px}
.v3-how{padding:26px 18px 28px;gap:24px}
.v3-steps{grid-template-columns:1fr;gap:0}
.v3-steps li{flex-direction:row;align-items:center;gap:12px;border-top:1px solid #15161433;padding:12px 0;font-size:19px}
.v3-steps li:first-child{border-top:3px solid #151614}
}

.v3-seg{display:inline-flex;gap:4px;padding:4px;margin-bottom:22px;background:#1b1c1a;border:1px solid #30342f;border-radius:10px;max-width:100%}
.v3-seg-b{display:flex;align-items:center;gap:10px;padding:12px 20px;min-height:44px;border:0;border-radius:7px;background:transparent;color:#bfc0b8;font:800 20px/1 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;cursor:pointer;transition:background .2s,color .2s}
.v3-seg-b i{font:700 12px/1 monospace;font-style:normal;letter-spacing:.04em;text-transform:none;padding:5px 7px;border-radius:5px;background:#2a2c28;color:#e6e5de}
.v3-seg-b:hover{color:#f1f0e8}
.v3-seg-b[aria-selected="true"]{background:#FF007F;color:#fff}
.v3-seg-b[aria-selected="true"] i{background:rgba(0,0,0,.22);color:#fff}
.v3-plans{display:block}
.v3-pane{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.v3-pane[hidden]{display:none}
.v3-pane-d{grid-column:1/-1;margin:0 0 6px;font-size:16px;line-height:1.5;color:#bfc0b8;text-wrap:pretty;max-width:none}
.v3-pane .v3-plan{grid-row:auto}
@media(max-width:900px){.v3-seg{display:flex}.v3-seg-b{flex:1;justify-content:center;padding:12px 10px;font-size:18px;gap:8px}.v3-pane{grid-template-columns:1fr;gap:10px}.v3-pane-d{font-size:15px}.v3-pane .v3-plan{grid-column:1}}
@media(max-width:380px){.v3-seg-b{flex-direction:column;gap:6px}}
.v3-only-v[hidden]{display:none}
.v3-pane-t{display:none}
@media(min-width:901px){.v3-seg{display:none}
.v3-plans{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,3fr);gap:16px;align-items:stretch}
.v3-pane,.v3-pane[hidden]{display:grid!important;align-content:start;border:1px solid #30342f;border-radius:12px;padding:22px 20px 20px}
#v3-pane-l{grid-template-columns:1fr}
.v3-pane-t{display:block;grid-column:1/-1;font:800 24px/1 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;color:#f1f0e8}
.v3-pane-d{font-size:15px;margin-bottom:12px}
.v3-pane .v3-plan{align-self:stretch;grid-column:auto!important}
.v3-only-v[hidden]{display:block!important}}
@media(min-width:901px) and (max-width:1199px){.v3-plans{grid-template-columns:1fr}#v3-pane-l{grid-template-columns:repeat(3,minmax(0,1fr))}}
.v3-launch{display:flex;align-items:center;gap:10px;margin:-8px 0 20px;font-size:15px;color:#e6e5de}
.v3-inc{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 32px}
.v3-end{display:flex;align-items:flex-end;justify-content:space-between;gap:24px 48px;flex-wrap:wrap;padding-top:28px;border-top:1px solid #30342f}
.v3-extra{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px;font-size:15px;line-height:1.5;color:#bfc0b8;max-width:none;flex:1 1 0;min-width:280px}
.v3-extra li{display:flex;flex-direction:column;gap:2px}
.v3-extra strong{font:13px/1.4 monospace;letter-spacing:.12em;text-transform:uppercase;color:#C9D1D9}
@media(max-width:900px){.v3-inc{grid-template-columns:1fr;gap:12px}.v3-end{flex-direction:column;align-items:stretch}.v3-end .ms-comp-cta{width:100%}}
.ms-panel.v3>.v3-sec,.ms-panel.v3>.v3-end{align-self:stretch;width:100%}
.v3-pick{margin-top:auto;align-self:stretch;min-height:48px;padding:12px 16px;border:1px solid #f1f0e8;border-radius:6px;background:transparent;color:#f1f0e8;font:800 18px/1 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;letter-spacing:.02em;cursor:pointer;transition:background .2s,color .2s}
.v3-pick:hover{background:#f1f0e8;color:#121312}
.v3-plan .v3-meta{margin-bottom:10px}
.v3-plan.is-feat .v3-pick{background:#FF007F;border-color:#FF007F;color:#fff}
.v3-plan.is-feat .v3-pick:hover{background:#e00070;border-color:#e00070}
.v3-help{display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px;margin:20px 0 0;font-size:16px;color:#e6e5de}
.v3-help-b{padding:0;border:0;background:none;color:#FF007F;font:inherit;font-weight:700;text-decoration:underline;text-underline-offset:4px;cursor:pointer;min-height:44px}
.v3-help-b:hover{color:#f1f0e8}
.bs-pick{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 14px;padding:10px 14px;border:1px solid currentColor;border-radius:6px;font-size:14px}
.bs-pick[hidden]{display:none}
.bs-pick-x{padding:0;border:0;background:none;color:inherit;font:inherit;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
@media(max-width:900px){.v3-pick{grid-column:1/-1;margin-top:10px}.v3-plan .v3-meta{margin-bottom:0}}
@media(min-width:1200px){.v3-plans{grid-template-rows:auto auto 1fr;row-gap:10px}.v3-pane,.v3-pane[hidden]{grid-row:span 3;grid-template-rows:subgrid;row-gap:10px}.v3-pane-t{grid-row:1}.v3-pane-d{grid-row:2;margin:0}.v3-pane .v3-plan{grid-row:3}}
.v3-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.v3-row .v3-plan{grid-row:auto;grid-column:auto}
@media(max-width:900px){.v3-row{grid-template-columns:1fr;gap:10px}}
.v3-help-b{white-space:nowrap;flex:none;width:auto}
.v3-row-2{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:900px){.v3-row-2{grid-template-columns:1fr}}
.fit-grid{display:flex;flex-wrap:wrap;gap:clamp(32px,5vw,70px);align-items:stretch}
.fit-side{flex:1 1 280px;display:flex;flex-direction:column;justify-content:space-between;gap:28px}
.fit-hint{margin:14px 0 0;font-size:15px;color:#aeb2aa}
.fit-out{display:flex;flex-direction:column;align-items:flex-start;gap:18px}
.fit-score{margin:0;font:800 clamp(88px,10vw,150px)/.9 'Barlow Condensed',Impact,sans-serif;color:transparent;-webkit-text-stroke:2px #C9D1D9;transition:color .25s}
.fit-score.is-on{color:#FF007F;-webkit-text-stroke:0}
.fit-of{font-size:.35em;color:#5d615a;-webkit-text-stroke:0}
.fit-msg{margin:0;font:600 clamp(22px,2vw,28px)/1.1 'Barlow Condensed',Impact,sans-serif;color:#f1f0e8}
.fit-cta[hidden]{display:none}
.fit-list{flex:1.6 1 340px;list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.fit-row{width:100%;display:grid;grid-template-columns:28px minmax(0,1fr);gap:16px;align-items:start;padding:18px 22px;background:transparent;border:1px solid #30342f;color:#f1f0e8;text-align:left;cursor:pointer;font:inherit;transition:background .2s,border-color .2s}
.fit-box{width:28px;height:28px;box-sizing:border-box;border:2px solid #f1f0e8;position:relative;transition:background .18s,border-color .18s}
.fit-box:after{content:"";position:absolute;left:7px;top:2px;width:7px;height:13px;border:solid #fff;border-width:0 2.5px 2.5px 0;transform:rotate(45deg) scale(0);transition:transform .18s}
.fit-txt{display:flex;flex-direction:column;gap:8px;min-width:0}
.fit-txt b{font:700 clamp(19px,1.7vw,23px)/1.12 'Barlow Condensed',Impact,sans-serif;text-wrap:pretty}
.fit-txt small{font-size:15px;line-height:1.55;color:#d6d6cd;max-height:0;opacity:0;overflow:hidden;transition:max-height .25s,opacity .25s}
.fit-row:hover{border-color:#5d615a}.fit-row:hover .fit-box{border-color:#FF007F}
.fit-row[aria-pressed="true"]{background:#1c1e19;border-color:#FF007F}
.fit-row[aria-pressed="true"] .fit-box{background:#FF007F;border-color:#FF007F}
.fit-row[aria-pressed="true"] .fit-box:after{transform:rotate(45deg) scale(1)}
.fit-row[aria-pressed="true"] small{max-height:80px;opacity:1}
@media(max-width:900px){.fit-row{padding:14px 16px;gap:12px;min-height:44px}.fit-out{gap:14px}.fit-cta{align-self:stretch}}

@media(max-width:700px){
.pk-hero{min-height:calc(100svh - 76px)}
.pkh-meta{padding-top:16px}
.pkh-title{flex:1;margin-top:14px;font-size:clamp(48px,15vw,80px)}
.pkh-band{margin-top:20px}
.pkh-logo{padding:16px 0 14px}
.pkh-logo .pkl{font-size:66px}
.pkh-copy{gap:6px;padding:16px 24px 0}
.pkh-copy p{line-height:1.45}
.pkh-band .hero-cta{margin:14px 0 22px}
}
.cta-l{white-space:nowrap}
.cta-sq{display:inline-block;width:.22em;height:.22em;margin-left:.07em;vertical-align:baseline;background:#fff;transition:background .2s}
.hero-cta:hover .cta-sq,.hero-cta:focus-visible .cta-sq,.hero-cta:active .cta-sq{background:#FF007F}
.ms-cta-btn .cta-sq{background:#FF007F}
.ms-cta-btn:hover .cta-sq,.ms-cta-btn:focus-visible .cta-sq,.ms-cta-btn:active .cta-sq{background:#fff}
.cta-wrap{display:inline-flex;flex-direction:column;align-items:center;gap:10px;align-self:flex-start}
.cta-wrap .hero-cta{align-self:stretch;justify-content:center}
.cta-note{font:11px/1 monospace;letter-spacing:.12em;text-transform:uppercase;color:#aeb2aa}
.pkh-band .cta-wrap{justify-self:end;align-self:center}
.pkh-band .cta-wrap .hero-cta{margin:0}
.jr-end .cta-wrap,.ms-cta .cta-wrap{align-self:auto}
@media(max-width:700px){.pkh-band .cta-wrap{margin:14px 0 18px;gap:8px}}
@media(min-width:901px){.v3-row .v3-pages{min-height:2em}}
@media(max-width:700px) and (max-height:600px){.pkh-meta{padding-top:10px}.pkh-title{margin-top:10px;font-size:clamp(42px,13vw,60px)}.pkh-band{margin-top:14px}.pkh-logo{padding:10px 0 8px}.pkh-logo .pkl{font-size:54px}.pkh-copy{padding-top:12px}.pkh-band .cta-wrap{margin:10px 0 14px}}
/* Système typographique : petit 14 / courant 16 / accroche 18-22 */
.pkh-tags,.mx-tags,.ms-kick,.ms-tags,.ms-from small,.ms-cta small,.ms-badge,.step small,.portrait-card figcaption span:not(.sq-dot),.notice-foot,.fx-kicker,.fx-col strong,.v3-badge,.v3-k,.v3-tag,.v3-extra strong,.cta-note,.jr-meta,.jr-filters button,.jr-back,.jr-img span,.jr-body figcaption,.bs-field>span,.bs-count,.bs-next-k,.mv-kick,.mv-from small,.mv-dur,.mv-foot{font:600 14px/1.4 'Barlow Condensed',Impact,sans-serif;letter-spacing:.08em;text-transform:uppercase}
.note,.bs-warn,.jr-empty{font:14px/1.6 'DM Sans',Arial,sans-serif;letter-spacing:0;text-transform:none}
.bodytext,.ee-txt .bodytext,.mx-panel p,.pkh-copy p,.ms-lead,.ms-hero p,.v3-extra span,.v3-list li,.step p,.fit-txt small,.fit-hint{font-size:16px}
.v3-pages{font:600 16px/1.3 'Barlow Condensed',Impact,sans-serif;letter-spacing:.04em;text-transform:uppercase}
.ms-hero p{font-size:18px}
.pkh-kicker{font:600 18px/1.4 'Barlow Condensed',Impact,sans-serif;letter-spacing:.06em;text-transform:uppercase}
.ee-txt strong{font-size:18px}
.play .play-intro p.note{font-size:14px}
.step small span{font-size:14px}
/* Hiérarchie : un seul niveau par rôle */
.method h2{font-size:clamp(48px,5.7vw,85px)}
.faq h2{text-transform:uppercase}
.faq .notice details p{font-size:16px}
.finale-row p{font-size:16px}
.manifest{font-size:22px}
.v3-meta{font-size:14px}
.bodytext,.mx-panel p,.pkh-copy p,.ms-lead,.ms-hero p{color:#d3d2d0}
@media(max-width:700px){.method h2,.faq h2{font-size:clamp(44px,13vw,60px)}.manifest{font-size:19px}}
.ms-lead{color:#121312}
.person-cta{margin-top:28px}
@media(max-width:700px){.person-cta{align-self:stretch;display:flex}}
/* Icônes SVG (macro icone dans _includes/macros.njk) : remplacent les flèches, étoiles et coches en caractères,
   qui s'affichaient en emojis sur mobile. Taille en em = celle du caractère d'origine ; couleur = currentColor. */
.ico{display:inline-block;width:1em;height:1em;flex:none;vertical-align:-.125em;overflow:visible}
.mx-arrow .ico,.ms-arrow .ico,.n-ic .ico{display:block}
.jr-more .ico{width:1.1em;height:1.1em}
.a2-card-v .ico{display:block;width:1.15em;height:1.15em}
.a2-stars{display:inline-flex;align-items:center}
.a2-stars .ico{width:.95em;height:.95em}

/* Dernier mot + carré rose inséparables (macro carre) */
.nw{white-space:nowrap}

/* Hero, ordinateur : le titre tient compte de la hauteur de l'écran pour que le bandeau
   et le bouton « Parlons-en » restent visibles sans défiler (ex. portable 15", 1536 × 690 utiles).
   - largeur : 11.5vw, pour que la ligne la plus longue (ES « UNA PERSONA DECIDE. ») tienne sur une ligne ;
   - hauteur : (100svh - 390px) × .54, soit l'espace laissé par l'en-tête, le surtitre et le bandeau. */
@media(min-width:701px){
  .pkh-title{margin-top:24px;font-size:clamp(56px,min(11.5vw,calc((100svh - 390px) * .54)),200px)}
  .pkh-band{margin-top:32px}
}