/* SURVENUE — Identité 1. Typographies et palette fournies par la graphiste. */
@font-face{font-family:'Familjen Grotesk';src:url('assets/fonts/FamiljenGrotesk-Medium.ttf') format('truetype');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:Montserrat;src:url('assets/fonts/Montserrat-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Montserrat;src:url('assets/fonts/Montserrat-Medium.ttf') format('truetype');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:Montserrat;src:url('assets/fonts/Montserrat-Semibold.ttf') format('truetype');font-weight:600 900;font-style:normal;font-display:swap}
:root{--cream:#FFF8F1;--gold:#E7A34E;--coral:#D55840;--peach:#F19B66;--cocoa:#825242;--rust:#9D461B;--ink:#20100C;--muted:#825242;--line:rgba(130,82,66,.25);--display:'Familjen Grotesk',Arial,sans-serif;--font:'Montserrat','Helvetica Neue',Arial,sans-serif;--gutter:clamp(22px,5vw,80px);--ease:cubic-bezier(.2,.7,.2,1)}

*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:110px;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--cream);color:var(--cocoa);font-family:var(--font);font-size:16px;font-weight:400;line-height:1.65;-webkit-font-smoothing:antialiased}
h1,h2,h3,p,dl,dd{margin:0}
h1,h2,h3{color:var(--rust);font-family:var(--display);font-weight:500;line-height:1.08;letter-spacing:-.025em;text-wrap:balance}
h1{font-size:clamp(48px,6vw,88px)}
h2{font-size:clamp(38px,4.2vw,62px)}
h3{font-size:32px}
h1 em,h2 em,h3 em{font:inherit}
p{color:inherit}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit;color:inherit}
button,summary{cursor:pointer}
img,svg,video{display:block;max-width:100%;height:auto}
button{border:0}
ul,ol{margin:0;padding:0;list-style:none}
::selection{background:var(--gold);color:var(--rust)}
:focus-visible{outline:2px solid var(--rust);outline-offset:5px}
[hidden]{display:none!important}
.wrap,.container{max-width:1440px;margin-inline:auto;padding-inline:var(--gutter)}
.skip{position:fixed;z-index:100;top:12px;left:16px;padding:12px 20px;background:var(--rust);color:var(--cream);transform:translateY(-180%)}
.skip:focus{transform:none}
.label,.clarity-eyebrow,.case-eyebrow,.form-overline{font-family:var(--font);font-size:11px;line-height:1.5;letter-spacing:.13em;text-transform:uppercase;margin-bottom:22px}
.label:empty{display:none}
.text-link,.case-text-link{display:inline-block;border-bottom:1px solid currentColor;padding-block:6px;line-height:1.6;font-size:14px}
.text-link:hover,.case-text-link:hover{color:var(--ink)}

/* Navigation and buttons */
.new-nav,.intake-nav,.nav{height:92px;padding-inline:var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:28px;background:var(--cream);border-bottom:1px solid var(--line)}
.new-nav{position:sticky;top:0;z-index:40}
.new-brand,.brand{display:block;flex-shrink:0}
.new-brand img,.brand img{width:176px;height:auto}
.new-nav nav{display:flex;gap:30px;font-size:13px}
.new-nav nav a{padding-block:14px;position:relative}
.new-nav nav a::after{content:'';position:absolute;left:0;bottom:6px;width:100%;height:1px;background:var(--rust);transform:scaleX(0);transform-origin:left;transition:transform .2s}
.new-nav nav a:hover::after,.new-nav nav a.is-active::after{transform:scaleX(1)}
.action,.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;padding:17px 23px;min-height:54px;background:var(--rust);color:var(--cream);border:1px solid var(--rust);border-radius:2px;font-size:14px;line-height:1.4;transition:background .2s,color .2s,transform .2s;text-align:left}
.action:hover,.btn:hover{background:var(--ink);border-color:var(--ink);transform:translateY(-2px)}
.action:focus-visible,.btn:focus-visible{outline-color:var(--coral)}
.action span{font-size:21px;line-height:1}
.nav-action{padding:12px 18px;min-height:44px;font-size:12px;gap:12px}
.menu{display:none;background:transparent;font-size:14px;padding:12px 0 12px 14px;min-height:44px}
.sv-progress{position:absolute;left:0;bottom:-1px;width:100%;height:2px;background:var(--coral);transform:scaleX(var(--sv-progress,0));transform-origin:left}
.new-nav.is-scrolled{box-shadow:0 4px 20px #20100c06}

/* Opening: warm terracotta palette with a peach and gold document backdrop. */
.clarity-hero{position:relative;padding:64px 0 48px;overflow:hidden}
.clarity-hero__inner{display:grid;grid-template-columns:1.08fr 1fr;gap:clamp(35px,5vw,88px);align-items:center}
.clarity-hero__copy{padding-block:30px}
.clarity-eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:30px;font-size:10px}
.clarity-dot{width:7px;height:7px;background:var(--coral);border-radius:50%;flex-shrink:0}
.clarity-hero h1{font-size:clamp(54px,5.9vw,88px);line-height:1.02;letter-spacing:-.038em;max-width:660px}
.clarity-hero h1 em{color:var(--rust)}
.identity-intro{max-width:440px;font-size:16px;line-height:1.7;margin-top:28px;color:var(--muted)}
.clarity-hero__actions{display:flex;align-items:center;gap:25px;margin-top:32px;flex-wrap:wrap}
.clarity-secondary{font-size:13px;border-bottom:1px solid var(--line);padding-block:8px}
.clarity-secondary span{margin-left:10px}
.clarity-hero__note{font-size:11px;line-height:1.7;max-width:400px;margin-top:20px;color:var(--muted)}
.clarity-hero__steps{display:flex;gap:20px;margin-top:46px;padding-top:20px;border-top:1px solid var(--line);font-size:10px;line-height:1.5}
.clarity-hero__steps span{display:flex;gap:9px;align-items:baseline}
.clarity-hero__steps strong{font-weight:400}
.clarity-hero__visual{position:relative;padding:115px 28px 26px;min-width:0;isolation:isolate}
.identity-art{position:absolute;inset:0 0 88px;background:var(--peach);z-index:-1;overflow:hidden}
.identity-art::before{content:'';position:absolute;inset:28% -50% -50% -30%;background:radial-gradient(ellipse at 15% 100%,var(--gold) 0,transparent 53%),radial-gradient(ellipse at 85% 90%,var(--coral) 0,transparent 61%);filter:blur(30px);opacity:.8}
.identity-art img{position:absolute;width:170px;right:33px;top:22px;opacity:.28;transform:rotate(-8deg)}
.identity-art>span{position:absolute;left:28px;top:28px;z-index:1;font-size:9px;line-height:1.9;letter-spacing:.13em}
.clarity-card{position:relative;background:var(--cream);box-shadow:0 14px 36px #20100c1c;transform:rotate(-2deg);border:1px solid #9D461B18}
.clarity-card__top{display:flex;justify-content:space-between;gap:10px;padding:17px 20px;border-bottom:1px solid var(--line);font-size:8px;line-height:1.6;letter-spacing:.06em}
.clarity-card__top>span:first-child{display:flex;align-items:center;gap:8px}
.clarity-card__top i{width:5px;height:5px;background:var(--coral);border-radius:50%}
.clarity-card__body{padding:24px}
.clarity-card__label{font-size:9px;letter-spacing:.1em;margin-bottom:12px}
.clarity-card__name{font-family:var(--display);font-size:35px;line-height:1.1;margin-bottom:7px}
.clarity-card__company{font-size:11px;color:var(--muted);margin-bottom:22px}
.clarity-card dl>div{display:grid;grid-template-columns:75px 1fr;gap:12px;padding:9px 0;border-top:1px solid var(--line);font-size:11px;line-height:1.6}
.clarity-card dt{color:var(--muted)}
.clarity-card dd{overflow-wrap:anywhere}
.clarity-card dd small{font-size:10px;color:var(--muted)}
.clarity-card__context{font-size:11px;line-height:1.7;background:#E7A34E33;margin-top:15px;padding:14px}
.clarity-card__context strong{font-weight:500;display:block;margin-bottom:5px}
.clarity-card__footer{border-top:1px solid var(--line);padding:12px 20px;display:flex;justify-content:space-between;gap:10px;font-size:8px;line-height:1.7}
.clarity-hero__caption{font-size:10px;line-height:1.7;margin:20px 2px 0;color:var(--muted)}
.sv-scan,.clarity-hero__grain{display:none}

/* Section rhythm and evidence */
.new-section,.delivery,.qualification,.case-section{padding-block:96px}
.heading{display:grid;grid-template-columns:1.35fr 1fr;gap:70px;align-items:end;margin-bottom:48px}
.heading>p{max-width:410px;font-size:15px;color:var(--muted);line-height:1.8}
.heading h2{max-width:750px}
.heading .label{margin-bottom:20px}
.real-example{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.real-example__intro{max-width:500px}
.real-example__eyebrow{font-size:10px;letter-spacing:.08em;border-top:1px solid var(--coral);padding-top:24px;margin-bottom:23px}
.real-example__intro h3{font-size:38px;line-height:1.12;margin-bottom:24px}
.real-example__intro>p:not(.real-example__eyebrow){font-size:14px;margin-block:15px;color:var(--muted)}
.real-example__intro .action{margin-top:22px}
.real-example__sheet{padding:32px;background:#FFFCF8;border:1px solid var(--line);box-shadow:10px 10px 0 #E7A34E40}
.real-example__sheet-head{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.08em;padding-bottom:24px}
.real-example__sheet dl>div,.case-sheet dl>div{display:grid;grid-template-columns:120px 1fr;gap:20px;padding:16px 0;border-top:1px solid var(--line);font-size:13px}
.real-example__sheet dt,.case-sheet dt{font-size:11px;color:var(--muted)}
.real-example__sheet>p{font-size:10px;color:var(--muted);border-top:1px solid var(--line);padding-top:20px}
.delivery{padding-top:25px}
.delivery-summary,.quality-grid,.steps,.case-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}
.delivery-summary article,.quality-grid article{padding-top:23px;border-top:1px solid var(--line)}
.delivery-summary article>span,.quality-grid article>span,.steps article>span{font-size:10px;letter-spacing:.1em}
.delivery-summary h3,.quality-grid h3{font-size:29px;line-height:1.15;margin:20px 0 18px}
.delivery-summary p,.quality-grid p{font-size:14px;color:var(--muted)}
.delivery-summary__note,.quality-note{max-width:900px;font-size:12px;color:var(--muted);margin-top:35px}
.qualification{background:var(--gold);max-width:none}
.qualification>h2{max-width:800px}
.quality-grid{margin-top:48px}
.qualification .label{margin-bottom:23px}
.audience-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.audience-grid article{border-top:1px solid var(--rust);padding:32px 0 0}
.audience-grid article+article{padding-left:40px;border-left:1px solid var(--line)}
.audience-grid h3{font-size:38px;max-width:500px;margin-bottom:22px}
.audience-grid article>p:not(.label){font-size:14px;color:var(--muted);max-width:470px}
.audience-grid dl{margin-block:28px;font-size:13px;max-width:470px}
.audience-grid dt{font-size:10px;text-transform:uppercase;letter-spacing:.09em;margin-bottom:8px}
.audience-grid dd{color:var(--muted);margin-bottom:20px}
.sv-cta-band{padding-bottom:96px}
.sv-cta-band__inner{background:var(--rust);color:var(--cream);padding:48px;display:flex;gap:40px;justify-content:space-between;align-items:center}
.sv-cta-band h2{font-size:42px}
.sv-cta-band__actions{max-width:270px}
.sv-cta-band .action{background:var(--cream);color:var(--rust);border-color:var(--cream)}
.sv-cta-band small{display:block;font-size:11px;margin-top:14px;opacity:.85}
.sv-cta-band .label{color:var(--gold)}

/* Method and offers */
.method{padding:96px 0;background:var(--coral);color:var(--rust)}
.method .heading>p{color:var(--rust)}
.steps{gap:50px;margin-top:55px}
.steps article{border-top:1px solid #9D461B66;padding-top:18px}
.steps article>div{font-family:var(--display);font-size:88px;line-height:1.2;margin:15px 0 12px}
.steps h3{font-size:34px;margin-bottom:16px}
.steps p{font-size:14px;max-width:330px}
.method-foot{display:flex;justify-content:space-between;gap:60px;border-top:1px solid #9D461B66;padding-top:25px;margin-top:48px}
.method-foot>span{font-family:var(--display);font-size:30px;line-height:1.2}
.method-foot p{font-size:12px;max-width:420px}
.new-pricing{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:25px;align-items:stretch}
.offer{position:relative;display:flex;flex-direction:column;border:1px solid var(--line);padding:32px 26px;background:var(--cream);min-width:0}
.offer.featured{background:var(--rust);color:var(--cream);border-color:var(--rust)}
.offer-top{display:flex;flex-direction:column;gap:6px;min-height:58px;font-size:9px;letter-spacing:.08em;margin-bottom:18px}
.offer-top small{font-size:11px;letter-spacing:0;opacity:.75}
.offer h3{font-size:32px;min-height:70px}
.offer .amount{font-family:var(--display);font-size:57px;line-height:1.1;letter-spacing:-.04em;margin:20px 0}
.amount span{font-family:var(--font);font-size:12px;letter-spacing:0;white-space:nowrap}
.offer>p:not(.amount){font-size:13px;line-height:1.7;min-height:90px}
.offer ul{margin:24px 0 32px;font-size:12px;line-height:1.75;flex:1}
.offer li{padding:9px 0 9px 20px;border-top:1px solid var(--line);position:relative}
.offer li::before{content:'↗';position:absolute;left:0}
.offer.featured li{border-color:#FFF8F133}
.offer .action{font-size:12px;width:100%;gap:12px;padding:15px 18px}
.offer.featured .action{background:var(--gold);color:var(--rust);border-color:var(--gold)}
.offer>small{font-size:10px;line-height:1.8;margin-top:20px;opacity:.8}
.sv-ribbon{position:absolute;top:-13px;right:20px;font-size:9px;letter-spacing:.1em;background:var(--gold);color:var(--rust);padding:5px 12px}
.pricing-note{display:grid;grid-template-columns:1fr 1fr;gap:20px 40px;margin-top:32px;font-size:12px;line-height:1.8;color:var(--muted)}
.pricing-note strong{color:var(--rust);font-weight:500}
.pricing-note p:last-child{grid-column:1/-1}
.pricing-note .text-link{font-size:12px}
.offer-comparison-details{border-block:1px solid var(--line);margin-block:12px 36px}
.offer-comparison-details>summary{padding:18px 0;font-size:13px}
.table-scroll{overflow-x:auto;max-width:100%;padding-bottom:20px}
.table-scroll table{border-collapse:collapse;width:100%;min-width:630px;font-size:12px;text-align:left}
.table-scroll caption{text-align:left;padding:15px 0;font-size:13px}
.table-scroll td,.table-scroll th{border-bottom:1px solid var(--line);padding:14px 12px;font-weight:400;vertical-align:top}
.table-scroll thead{background:var(--gold)}
.table-scroll p{font-size:10px;margin-top:18px}

/* Questions, contact, wordmark */
.new-faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;padding-block:25px 96px}
.new-faq>div:first-child>p:last-child{font-size:14px;margin-top:28px}
.faq details{border-top:1px solid var(--line)}
.faq details:last-child{border-bottom:1px solid var(--line)}
summary{list-style:none}
summary::-webkit-details-marker{display:none}
.faq summary{font-size:15px;line-height:1.5;padding:23px 35px 23px 0;position:relative}
.faq summary::after,.offer-comparison-details>summary::after{content:'+';float:right;font-size:22px;font-weight:300;line-height:1}
.faq summary::after{position:absolute;right:3px;top:24px}
.faq details[open]>summary::after,.offer-comparison-details[open]>summary::after{content:'−'}
.faq details p{font-size:14px;line-height:1.8;color:var(--muted);padding:0 35px 24px 0}
.founder{border-top:1px solid var(--line);padding-block:65px 75px;display:grid;grid-template-columns:1fr 1fr;gap:18px 60px}
.founder>.label{grid-column:1/-1;margin:0}
.founder h2{font-size:46px;grid-row:2/4}
.founder>p:not(.label){font-size:14px;max-width:520px;color:var(--muted)}
.founder .text-link{justify-self:start}
.new-contact{background:var(--gold);overflow:hidden}
.new-contact>.wrap{position:relative;padding-block:86px}
.new-contact h2{font-size:clamp(54px,7vw,100px);max-width:880px;position:relative;z-index:1}
.new-contact .action{margin-top:35px;position:relative;z-index:1}
.new-contact .wrap>p:last-of-type{font-size:12px;margin-top:20px}
.contact-star{position:absolute;right:8%;top:70px;width:160px;height:auto;opacity:.2;transform:rotate(8deg)}
.new-footer{padding-top:45px}
.new-footer>div:first-child{display:flex;justify-content:space-between;align-items:center;gap:35px;padding-bottom:40px;font-size:13px}
.new-footer>div:first-child>p{font-size:12px}
.new-footer>div:nth-child(2){display:flex;gap:25px;justify-content:space-between;align-items:center;padding-top:22px;border-top:1px solid var(--line);font-size:10px}
.new-footer nav{display:flex;gap:25px}
.footer-wordmark{padding:60px 0 28px}
.footer-wordmark img{width:100%;height:auto}
.mobile-intake{display:none}

/* Request form */
.intake-nav>a:last-child{font-size:13px}
.intake-layout{max-width:1360px;margin:auto;padding:70px var(--gutter) 90px;display:grid;grid-template-columns:1fr 1.05fr;gap:75px;align-items:start}
.intake-intro{padding-top:25px;border-top:1px solid var(--coral);position:sticky;top:40px}
.intake-intro h1{font-size:clamp(42px,4vw,60px);margin-bottom:25px}
.intake-intro h1 em{display:block;font-size:.62em;line-height:1.2;margin-top:20px;color:var(--muted)}
.intake-intro>p:not(.label){font-size:14px;color:var(--muted);max-width:440px}
.intake-mini-flow{display:grid;margin:32px 0;border-top:1px solid var(--line)}
.intake-mini-flow>span{display:flex;gap:20px;padding:15px 0;border-bottom:1px solid var(--line);font-size:11px}
.intake-mini-flow strong{font-weight:400;font-size:14px}
.intake-intro .intake-note{font-size:12px!important;margin-bottom:20px}
.intake-intro>a{font-size:12px;text-decoration:underline;text-underline-offset:4px}
.intake-card{background:#FFFCF8;border:1px solid var(--line);padding:35px;box-shadow:9px 9px 0 #E7A34E40;min-width:0}
.intake-card h2{font-size:38px;margin:12px 0 18px}
.intake-card p{font-size:13px;line-height:1.7;margin-bottom:18px}
.intake-card .form-overline{font-size:9px;letter-spacing:.1em}
.intake-card label:not(.choice){display:block;margin:22px 0 8px;font-size:13px}
.intake-card label span{color:var(--muted)}
.intake-card input:not([type=checkbox]),.intake-card textarea,.intake-card select{display:block;width:100%;max-width:100%;border:1px solid #9a8b7d;background:var(--cream);color:var(--rust);padding:12px;font:inherit;font-size:16px;border-radius:0;min-height:48px}
.intake-card textarea{resize:vertical}
.intake-card input::placeholder,.intake-card textarea::placeholder{color:#756b65;font-size:13px;opacity:1}
.intake-card fieldset{border:0;padding:0;margin:24px 0}
.intake-card legend{font-size:13px;margin-bottom:12px}
.intake-card .choice{display:flex;align-items:center;gap:12px;min-height:46px;font-size:13px;line-height:1.5}
.choice input{width:18px;height:18px;accent-color:var(--rust);flex-shrink:0}
.intake-card .field-help{font-size:11px;color:var(--muted);margin-top:18px}
.intake-card a:not(.action){text-decoration:underline;text-underline-offset:3px}
.intake-card .more-criteria{margin-top:24px;border-block:1px solid var(--line);padding-bottom:2px}
.more-criteria summary{font-size:13px;padding:15px 0}
.more-criteria summary::after{content:'+';float:right}
.more-criteria[open] summary::after{content:'−'}
.more-criteria summary span{font-size:11px;color:var(--muted)}
.intake-card #error{color:#8d2519}
.intake-card .action{width:100%;font-size:13px}
.intake-card #copy{margin-top:18px}
.intake-card #edit{display:block;background:none;min-height:44px;margin-top:16px}
.intake-card button:disabled{opacity:.6;cursor:wait}
.intake-footer{display:flex;justify-content:center;flex-wrap:wrap;gap:28px;padding:28px;font-size:11px;border-top:1px solid var(--line)}
.hp-field{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.intake-card #sent .action{margin-top:18px}

/* Sector page and legal pages */
.case-hero{padding:80px 0;background:var(--gold)}
.case-hero h1{max-width:1000px;font-size:clamp(48px,6vw,84px)}
.case-lead{max-width:710px;margin-top:30px;font-size:17px}
.case-actions{display:flex;gap:30px;align-items:center;flex-wrap:wrap;margin-top:32px}
.case-note{font-size:12px;margin-top:20px}
.case-section h2{max-width:900px}
.case-columns{margin-top:40px}
.case-columns article{border-top:1px solid var(--line);padding-top:24px}
.case-columns h3{font-size:32px;margin-bottom:18px}
.case-columns p{font-size:14px;color:var(--muted)}
.case-section--tint{background:#E7A34E30}
.case-example{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.case-example h2{font-size:46px;margin-bottom:25px}
.case-example>div>p:not(.case-eyebrow){font-size:14px;line-height:1.8;margin-top:16px}
.case-source{font-size:11px!important;color:var(--muted)}
.case-source a{text-decoration:underline}
.case-sheet{background:var(--cream);border:1px solid var(--line);padding:28px}
.case-sheet__top{font-size:10px!important;letter-spacing:.08em;margin-bottom:20px}
.case-sheet>p:last-child{font-size:11px!important;color:var(--muted)}
.case-cta{background:var(--coral);padding:70px 0}
.case-cta h2{max-width:800px}
.case-cta p:not(.case-eyebrow){max-width:650px;margin-top:25px}
.case-cta .action{margin:28px 20px 0 0}
.case-footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:30px;padding-block:40px;align-items:center;font-size:12px}
.case-footer nav{display:flex;flex-wrap:wrap;gap:25px}
.nav{padding-inline:0}
.nav__inner{width:100%;display:flex;align-items:center;justify-content:space-between;gap:20px}
.nav .btn{font-size:12px;min-height:44px;padding:11px 18px;background:transparent;color:var(--rust)}
.container--narrow{max-width:900px}
.legal{padding-block:70px 90px}
.legal h1{font-size:clamp(42px,5.5vw,72px);margin-bottom:24px}
.legal h2{font-size:34px;margin:45px 0 18px}
.legal h3{font-size:25px;margin:25px 0 12px}
.legal p,.legal li{font-size:15px;line-height:1.9;overflow-wrap:anywhere}
.legal p+p{margin-top:15px}
.legal ul,.legal ol{list-style:disc;padding-left:22px;margin-block:18px}
.legal a{text-decoration:underline;text-underline-offset:3px}
.muted{color:var(--muted)}
.todo{background:#E7A34E55}
.footer{background:var(--gold);padding:50px 0 28px}
.footer__grid{display:grid;grid-template-columns:1.2fr .6fr 1fr;gap:50px}
.footer__brand p{font-size:13px;max-width:310px;margin-top:23px}
.footer__col{display:flex;flex-direction:column;gap:9px;font-size:12px}
.footer__title{font-size:10px;text-transform:uppercase;letter-spacing:.1em;margin-bottom:10px}
.footer__bottom{display:flex;justify-content:space-between;gap:25px;font-size:10px;border-top:1px solid var(--line);padding-top:22px;margin-top:40px}

/* Gentle reveals; all content remains available without JavaScript. */
@media(prefers-reduced-motion:no-preference){.sv-motion .sv-reveal{opacity:0;transform:translateY(18px);transition:opacity .6s var(--ease),transform .6s var(--ease);transition-delay:var(--sv-delay,0s)}
.sv-motion .sv-reveal.is-in{opacity:1;transform:none}
}

@media(min-width:1441px){.qualification{padding-inline:max(var(--gutter),calc((100vw - 1280px)/2))}
}

@media(max-width:1100px){.new-nav nav{gap:17px;font-size:12px}
.new-brand img{width:155px}
.new-nav{gap:20px}
.nav-action{font-size:11px;padding-inline:12px}
.clarity-hero__inner{gap:30px;grid-template-columns:1fr 1fr}
.clarity-hero h1{font-size:64px}
.clarity-hero__steps{gap:12px;flex-wrap:wrap}
.clarity-hero__visual{padding:100px 18px 20px}
.clarity-card__body{padding:20px}
.clarity-card__name{font-size:29px}
.clarity-card__top{font-size:7px;padding-inline:15px}
.heading{gap:40px}
.offer{padding:28px 20px}
.offer h3{font-size:28px}
.offer .amount{font-size:49px}
.offer>p:not(.amount){min-height:120px}
.new-faq{gap:50px}
.intake-layout{gap:40px}
.intake-card{padding:28px}
}

@media(max-width:850px){.new-nav{height:78px}
.new-nav nav{display:none;position:absolute;top:78px;left:0;right:0;padding:20px var(--gutter) 26px;background:var(--cream);border-bottom:1px solid var(--line)}
.new-nav nav.open{display:flex;flex-direction:column;gap:0}
.new-nav nav a{font-size:17px;padding-block:12px}
.new-nav nav a::after{display:none}
.menu{display:block}
.new-nav .nav-action{margin-left:auto}
.clarity-hero{padding-top:28px}
.clarity-hero__inner{grid-template-columns:1fr;gap:25px}
.clarity-hero__copy{max-width:650px;padding-top:20px}
.clarity-hero h1{font-size:clamp(56px,9vw,76px)}
.clarity-hero h1 br{display:none}
.clarity-hero__steps{margin-top:30px}
.clarity-hero__visual{max-width:620px;width:100%;justify-self:center;padding:100px 32px 20px}
.clarity-card__top{font-size:9px}
.clarity-card__name{font-size:38px}
.clarity-card dl>div{font-size:12px;grid-template-columns:85px 1fr}
.clarity-card__context{font-size:12px}
.clarity-card__body{padding:26px}
.identity-art>span{left:32px}
.new-section,.delivery,.qualification,.case-section{padding-block:65px}
.delivery{padding-top:0}
.heading{grid-template-columns:1fr;gap:22px;margin-bottom:35px}
.heading>p{max-width:620px;font-size:14px}
.real-example{gap:35px;grid-template-columns:1fr}
.real-example__intro{max-width:none}
.real-example__sheet{max-width:none}
.delivery-summary,.quality-grid{gap:25px}
.delivery-summary h3,.quality-grid h3{font-size:26px}
.delivery-summary p,.quality-grid p{font-size:13px}
.audience-grid{gap:25px}
.audience-grid article+article{padding-left:25px}
.audience-grid h3{font-size:31px}
.sv-cta-band{padding-bottom:65px}
.sv-cta-band__inner{padding:35px;align-items:start;flex-direction:column;gap:25px}
.sv-cta-band__actions{max-width:none}
.method{padding-block:65px}
.steps{gap:25px}
.steps h3{font-size:28px}
.new-pricing{grid-template-columns:1fr}
.offer{padding:30px}
.offer-top{flex-direction:row;justify-content:space-between;min-height:0;margin-bottom:20px}
.offer h3{min-height:0;font-size:38px}
.offer .amount{font-size:58px}
.offer>p:not(.amount){min-height:0}
.offer ul{margin-block:20px;font-size:14px}
.offer .action{font-size:14px}
.offer>small{font-size:11px}
.new-faq{grid-template-columns:1fr;gap:30px;padding-bottom:65px}
.new-faq>div:first-child>p:last-child{margin-top:18px}
.founder{grid-template-columns:1fr;gap:20px;padding-block:50px}
.founder h2{grid-row:auto}
.founder>p:not(.label){max-width:650px}
.contact-star{right:-20px;opacity:.12}
.new-footer>div:first-child{flex-wrap:wrap;gap:25px}
.new-footer>div:nth-child(2)>span:last-child{display:none}
.intake-layout{grid-template-columns:1fr;gap:40px;padding-top:40px}
.intake-intro{position:static}
.intake-intro h1{max-width:650px;font-size:54px}
.intake-intro>p:not(.label){max-width:650px}
.intake-mini-flow{grid-template-columns:repeat(3,1fr);gap:20px}
.intake-mini-flow>span{flex-direction:column;gap:8px}
.intake-mini-flow strong{font-size:12px}
.case-example{grid-template-columns:1fr}
.case-columns{gap:25px}
.case-columns h3{font-size:28px}
.footer__grid{grid-template-columns:1fr 1fr}
.footer__brand{grid-column:1/-1}
}

@media(max-width:540px){html{scroll-padding-top:85px}
.new-nav,.intake-nav{height:74px;gap:15px}
.new-nav nav{top:74px}
.new-brand img,.brand img{width:150px}
.new-nav .nav-action{display:none}
.case-page .nav-action{display:inline-flex;font-size:10px;min-height:40px;max-width:150px}
.clarity-hero{padding-top:16px;padding-bottom:30px}
.clarity-eyebrow{font-size:9px;margin-bottom:24px}
.clarity-hero__copy{padding-top:18px;padding-bottom:10px}
.clarity-hero h1{font-size:clamp(48px,12vw,65px);line-height:1.03}
.identity-intro{font-size:14px;margin-top:22px}
.identity-intro br{display:none}
.clarity-hero__actions{gap:18px;margin-top:26px}
.action{padding:15px 18px;font-size:13px;gap:18px;min-height:50px}
.clarity-secondary{font-size:12px}
.clarity-hero__note{font-size:10px;max-width:310px}
.clarity-hero__steps{font-size:9px;gap:12px;justify-content:space-between}
.clarity-hero__steps span{flex-direction:column;gap:3px;max-width:95px}
.clarity-hero__visual{padding:95px 14px 12px}
.identity-art{bottom:92px}
.identity-art>span{left:20px;top:23px;font-size:8px}
.identity-art img{right:20px;width:135px;top:12px}
.clarity-card{transform:rotate(-1deg)}
.clarity-card__top{font-size:7px;padding:13px 14px;gap:8px}
.clarity-card__body{padding:20px 16px}
.clarity-card__name{font-size:31px}
.clarity-card dl>div{font-size:10px;grid-template-columns:66px 1fr;gap:8px}
.clarity-card__context{font-size:10px;padding:12px}
.clarity-card__footer{font-size:7px;padding:12px 14px}
.clarity-hero__caption{font-size:9px;margin-top:20px}
.new-section,.qualification,.case-section{padding-block:55px}
.heading h2,h2{font-size:40px}
.heading>p{font-size:13px}
.heading{gap:20px}
.label{font-size:9px;margin-bottom:18px}
.real-example__intro h3{font-size:32px}
.real-example__eyebrow{font-size:8px}
.real-example__intro>p:not(.real-example__eyebrow){font-size:13px}
.real-example__sheet{padding:22px 18px;box-shadow:5px 5px 0 #E7A34E40}
.real-example__sheet-head{font-size:8px}
.real-example__sheet dl>div,.case-sheet dl>div{grid-template-columns:90px 1fr;gap:14px;font-size:12px;padding:14px 0}
.real-example__sheet dt,.case-sheet dt{font-size:10px}
.real-example__sheet>p{font-size:9px}
.delivery{padding-bottom:55px}
.delivery-summary,.quality-grid,.steps,.case-columns{grid-template-columns:1fr;gap:28px}
.delivery-summary h3,.quality-grid h3{font-size:30px;margin:14px 0}
.quality-grid{margin-top:30px}
.quality-note,.delivery-summary__note{font-size:11px;margin-top:28px}
.audience-grid{grid-template-columns:1fr;gap:35px}
.audience-grid article+article{border-left:0;padding-left:0}
.audience-grid h3{font-size:33px}
.audience-grid article>p:not(.label){font-size:13px}
.audience-grid dl{font-size:12px}
.sv-cta-band{padding-bottom:55px}
.sv-cta-band__inner{padding:28px 24px}
.sv-cta-band h2{font-size:35px}
.sv-cta-band small{font-size:10px}
.method{padding-block:55px}
.steps{margin-top:30px;gap:32px}
.steps article>div{font-size:66px;margin:5px 0}
.steps h3{font-size:33px}
.steps p{font-size:13px;max-width:none}
.method-foot{flex-direction:column;gap:15px;margin-top:35px}
.method-foot>span{font-size:29px}
.method-foot p{font-size:11px}
.offer{padding:28px 22px}
.offer-top{font-size:8px;gap:12px}
.offer-top small{font-size:10px}
.offer h3{font-size:36px}
.offer ul{font-size:12px}
.offer>small{font-size:10px}
.pricing-note{grid-template-columns:1fr;font-size:11px;gap:18px}
.pricing-note .text-link{font-size:11px}
.offer-comparison-details>summary{font-size:12px}
.new-faq{padding-bottom:55px}
.faq summary{font-size:14px;padding-block:20px}
.faq summary::after{top:21px}
.faq details p{font-size:13px}
.founder h2{font-size:38px}
.founder>p:not(.label){font-size:13px}
.new-contact>.wrap{padding-block:55px}
.new-contact h2{font-size:clamp(47px,12vw,66px)}
.new-contact .wrap>p:last-of-type{font-size:10px;max-width:260px}
.contact-star{top:75px;right:-45px;width:150px}
.new-footer{padding-bottom:10px}
.new-footer>div:first-child{align-items:start;gap:20px}
.new-footer>div:first-child>a:last-child{font-size:12px;width:100%}
.new-footer>div:first-child>p{font-size:10px}
.new-footer>div:nth-child(2){flex-direction:column;align-items:start;gap:15px;font-size:9px}
.new-footer nav{gap:20px;flex-wrap:wrap}
.footer-wordmark{padding:35px 0 22px}
.mobile-intake{display:flex;position:fixed;bottom:12px;left:16px;right:16px;z-index:45;justify-content:space-between;align-items:center;padding:15px 20px;background:var(--rust);color:var(--cream);box-shadow:0 6px 24px #20100c25;font-size:13px;transition:opacity .2s,transform .2s}
.mobile-intake strong{font-weight:400}
.mobile-intake.is-away{opacity:0;pointer-events:none;transform:translateY(100%)}
.intake-nav>a:last-child{font-size:11px}
.intake-layout{padding-top:28px;padding-bottom:55px;gap:30px}
.intake-intro h1{font-size:42px}
.intake-intro>p:not(.label){font-size:13px}
.intake-card{padding:25px 20px;box-shadow:5px 5px 0 #E7A34E40}
.intake-card h2{font-size:33px}
.intake-card .action{font-size:12px}
.intake-mini-flow{gap:12px}
.intake-mini-flow strong{font-size:11px}
.intake-footer{gap:20px;font-size:10px}
.case-hero{padding-block:50px}
.case-hero h1{font-size:49px}
.case-lead{font-size:14px;margin-top:24px}
.case-actions{gap:20px}
.case-note{font-size:11px}
.case-example h2{font-size:38px}
.case-sheet{padding:22px 18px}
.case-cta{padding-block:55px}
.case-cta h2{font-size:41px}
.case-cta p:not(.case-eyebrow){font-size:14px}
.case-footer{font-size:11px}
.case-footer nav{gap:20px}
.legal{padding-block:45px 65px}
.legal h1{font-size:46px}
.legal h2{font-size:31px;margin-top:35px}
.legal p,.legal li{font-size:14px}
.nav .btn{font-size:10px;padding:10px;min-height:40px}
.footer__grid{gap:30px;grid-template-columns:1fr}
.footer__brand{grid-column:auto}
.footer__bottom{flex-direction:column;gap:12px}
.footer__col a{overflow-wrap:anywhere}
}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
*,*::before,*::after{animation:none!important;transition:none!important}
.sv-reveal{opacity:1!important;transform:none!important}
}


/* Typographies de la proposition 1. */
h1,h2,h3{letter-spacing:-.045em;line-height:1.16}
.clarity-hero h1{font-size:clamp(48px,4.7vw,70px);line-height:1.12;letter-spacing:-.055em}
.clarity-card__name{font-size:30px}
.new-contact h2{font-size:clamp(46px,6.2vw,86px)}
.offer h3{font-size:29px;letter-spacing:-.045em}
.offer .amount{font-size:53px}
.steps h3{font-size:30px}
.footer-wordmark img{height:auto}

@media(max-width:1100px){.clarity-hero h1{font-size:54px}
.offer h3{font-size:26px}
.offer .amount{font-size:45px}
}

@media(max-width:850px){.clarity-hero h1{font-size:clamp(45px,7.8vw,66px)}
.offer h3{font-size:32px}
.offer .amount{font-size:53px}
}

@media(max-width:540px){.clarity-hero h1{font-size:clamp(39px,10.4vw,54px)}
.heading h2,h2{font-size:34px}
.clarity-card__name{font-size:27px}
.real-example__intro h3,.audience-grid h3{font-size:29px}
.delivery-summary h3,.quality-grid h3{font-size:27px}
.intake-intro h1{font-size:37px}
.intake-card h2{font-size:29px}
.case-hero h1{font-size:41px}
.new-contact h2{font-size:clamp(39px,10vw,54px)}
.founder h2{font-size:33px}
.legal h1{font-size:38px}
.legal h2{font-size:29px}
}

/* Texte sombre sur les aplats chauds pour préserver la lisibilité. */
.method,.method .heading>p,.case-cta,.identity-art>span{color:var(--ink)}

/* Espacement adapté aux caractères sans empattement de la proposition 1. */
h1,h2,h3{letter-spacing:-.035em}
.clarity-hero h1{letter-spacing:-.045em}
.clarity-card__name,.method-foot>span,.offer .amount{font-weight:500}
.clarity-card__top{flex-wrap:wrap}
@media(min-width:851px) and (max-width:1100px){.new-nav nav{gap:14px;font-size:11px}.new-nav{gap:16px}}

/* Palette identité 1 : corail, pêche, rouille, doré et cacao. */
.method h2,.method h3,.case-cta h2{color:var(--ink)}
.qualification,.new-contact,.case-hero,.footer,.table-scroll thead{color:var(--ink)}
.qualification h2,.qualification h3,.new-contact h2,.case-hero h1{color:var(--ink)}
.qualification .quality-grid p,.qualification .quality-note{color:var(--ink)}
.sv-cta-band h2,.offer.featured h3{color:var(--cream)}
.sv-cta-band .label{color:var(--cream)}
.offer.featured .action,.sv-ribbon{color:var(--ink)}
.offer-top small,.offer>small,.sv-cta-band small{opacity:1}
.identity-art>span{color:var(--ink)}
.footer-wordmark img{opacity:1}