@font-face{font-family:Instrument;src:url('serif.ttf')}@font-face{font-family:DM;src:url('sans.ttf')}
:root{color-scheme:light;--ink:#19231e;--sand:#f7f3eb;--gold:#896b3f;--champagne:#dfcba3;--line:#dcd3c4;--muted:#68665f}
*{box-sizing:border-box}body{margin:0;background:var(--sand);color:var(--ink);font-family:DM,Arial,sans-serif;font-size:16px;line-height:1.55}button,input,a{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{font:inherit}a{color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.43}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--gold);outline-offset:5px}
.layout{display:grid;grid-template-columns:43% 57%;min-height:100svh}.brand-panel{isolation:isolate;position:relative;overflow:hidden;background:#0b100e;color:#faf7f0;display:flex;flex-direction:column;min-height:100svh;padding:30px 48px 26px}.brand-header{display:flex;justify-content:space-between;align-items:center;gap:24px;position:relative;z-index:2}.signature{width:118px;height:82px}.brand-line{font-size:14px;line-height:1.45;color:var(--champagne);text-align:right}.intro{z-index:2;position:relative;margin-top:56px}.eyebrow{text-transform:uppercase;letter-spacing:.15em;font-size:12px;color:var(--champagne);margin:0 0 23px}.intro h1{font-family:Instrument,Georgia,serif;font-weight:400;font-size:clamp(37px,3.7vw,63px);line-height:1.05;margin:0;letter-spacing:-.025em}.intro h1 em{font-weight:400;color:var(--champagne)}.intro-copy{max-width:310px;color:#e5e0d6;line-height:1.65;font-size:16px;margin-top:25px}.scene{position:absolute;z-index:-1;inset:35% 0 0;background:linear-gradient(#0b100e 0%,rgba(11,16,14,.86) 12%,rgba(11,16,14,.05) 65%,rgba(11,16,14,.9) 100%),url('agence.png') center 55%/cover}.brand-footer{margin-top:auto;padding-top:160px;display:flex;flex-wrap:wrap;align-items:center;gap:12px;justify-content:space-between;font-size:12px;color:#f2eadc}.preview{border:1px solid #a18d6777;border-radius:20px;padding:3px 9px;color:var(--champagne)}
main{padding:40px clamp(30px,5vw,90px) 24px;display:flex;flex-direction:column;min-width:0}.topline{display:flex;justify-content:space-between;gap:18px;color:var(--muted);font-size:13px;padding-bottom:23px;border-bottom:1px solid var(--line)}#quiz{width:100%;max-width:620px;margin:auto;padding:38px 0}.stephead{display:flex;align-items:center;gap:18px;margin-bottom:29px;color:var(--gold);font-size:13px;letter-spacing:.08em;text-transform:uppercase}.progress{display:flex;gap:7px;flex:1}.progress span{height:2px;background:var(--line);flex:1}.progress .done{background:var(--gold)}.stephead b{font-weight:500;white-space:nowrap}.kicker{font-size:12px;letter-spacing:.13em;text-transform:uppercase;color:var(--gold);margin:0 0 12px}h2{font-family:Instrument,Georgia,serif;font-size:clamp(31px,3vw,45px);font-weight:400;letter-spacing:-.015em;line-height:1.1;margin:0 0 16px}h2:focus{outline:none}.hint{color:var(--muted);margin:0 0 24px;font-size:15px;line-height:1.5}fieldset{border:0;padding:0;margin:0;display:grid;gap:10px}.option{position:relative;display:flex;align-items:center;gap:14px;border:1px solid var(--line);padding:15px 18px;border-radius:4px;background:#fffdf866;cursor:pointer;transition:border-color .18s,background .18s}.option:hover{border-color:#9c896b;background:#fffdfb}.option:has(input:checked){background:#ece4d6;border-color:var(--gold)}.option:has(input:focus-visible){outline:3px solid var(--gold);outline-offset:3px}.option input{width:18px;height:18px;flex:none;margin:0;accent-color:var(--gold)}.option input:focus-visible{outline:none}.option span{font-size:16px;line-height:1.45}.channels{grid-template-columns:1fr 1fr}.channels .option{padding:16px 13px;align-items:flex-start}.actions{margin-top:28px;display:flex;justify-content:space-between;align-items:center;gap:14px}.primary{border:1px solid #1d2c24;border-radius:4px;background:#1d2c24;color:#fffaf1;font-size:16px;padding:14px 23px;line-height:1.4;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:22px}.primary:hover:not(:disabled){background:#314238}.primary .arrow{font-size:20px;line-height:1}.secondary{border:0;background:none;color:var(--muted);padding:12px 0;text-decoration:underline;text-underline-offset:5px;font-size:14px}.privacy{max-width:600px;margin:0 auto;color:var(--muted);font-size:12px;text-align:center}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.result-head{margin-bottom:24px}.result-head h2{font-size:43px}.result-note{font-size:14px;color:var(--muted);line-height:1.5;margin-bottom:22px}.insight{padding:19px 0;border-top:1px solid var(--line)}.insight .kicker{margin-bottom:6px}.insight h3{font-family:Instrument,Georgia,serif;font-size:28px;font-weight:400;line-height:1.15;margin:0 0 8px}.insight p{margin:0;font-size:15px;line-height:1.6}.tip{background:#eae2d5;padding:22px 25px;border-left:2px solid #b49a6a;margin:8px 0 25px}.tip .kicker{margin-bottom:10px}.tip p{font-size:16px;margin:0;line-height:1.65}.contact{border-top:1px solid var(--line);padding-top:23px}.contact p{font-family:Instrument,Georgia,serif;font-size:27px;line-height:1.15;margin:0 0 17px}.contact small{display:block;font-size:12px;color:var(--muted);margin:12px 0 0}.result-actions{display:flex;gap:24px;flex-wrap:wrap}.fade-in{animation:arrive .35s ease-out}@keyframes arrive{from{opacity:.3;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1500px){.brand-panel{padding-left:65px;padding-right:65px}.intro{margin-top:80px}}
@media(max-width:1000px){.brand-panel{padding:25px}.intro{margin-top:44px}.intro h1{font-size:39px}.topline{flex-direction:column;gap:4px}.channels{grid-template-columns:1fr}main{padding:30px}.brand-footer{font-size:12px}}
@media(max-width:700px){.layout{display:block}.brand-panel{min-height:0;padding:20px 24px 28px}.brand-header{align-items:center}.signature{width:85px;height:59px}.brand-line{font-size:12px}.intro{margin-top:24px}.eyebrow{margin-bottom:12px;font-size:11px}.intro h1{font-size:36px}.intro h1 br{display:none}.intro h1 em{display:block}.intro-copy{max-width:none;font-size:14px;margin:14px 0 0}.scene{inset:0;opacity:.19;background:linear-gradient(90deg,#0b100e88,#0b100e55),url('agence.png') center 53%/cover}.brand-footer{display:none}main{padding:23px 24px 25px}.topline{flex-direction:row;font-size:12px;gap:12px;padding-bottom:15px}.topline>span:first-child{display:none}.topline>span:last-child{width:100%;text-align:center}#quiz{padding:24px 0 30px}.stephead{margin-bottom:22px;font-size:12px}h2{font-size:33px}.hint{font-size:14px;margin-bottom:19px}.channels{grid-template-columns:1fr 1fr}.channels .option{padding:14px 10px;gap:9px}.channels .option span{font-size:14px}.option{padding:14px}.option span{font-size:15px}.actions{margin-top:23px}.primary{padding:13px 19px;font-size:15px}.result-head h2{font-size:37px}.privacy{font-size:12px}}
@media(max-width:355px){.channels{grid-template-columns:1fr}main{padding-left:18px;padding-right:18px}.brand-panel{padding-left:18px;padding-right:18px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.next-steps{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);gap:22px;padding-top:24px}.next-steps .contact{border:0;padding:0;display:flex;flex-direction:column;align-items:flex-start}.next-steps .contact p{font-size:25px;margin-bottom:20px;flex:1}.next-steps .primary{width:100%;padding:13px 10px;font-size:14px;text-align:center;gap:0;min-height:49px}.next-steps .outline{background:transparent;color:var(--ink);border-color:#a19177}.next-steps .outline:hover{background:#eae2d5}.example-choice{padding-left:22px!important;border-left:1px solid var(--line)!important}
@media(max-width:900px) and (min-width:701px),(max-width:400px){.next-steps{grid-template-columns:1fr;gap:25px}.example-choice{border-left:0!important;padding-left:0!important;border-top:1px solid var(--line)!important;padding-top:23px!important}}