@import url("https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600&family=Inter+Tight:wght@400;500;600;700&display=swap");

:root { color-scheme: light; font-family: "Inter Tight", system-ui, sans-serif; background: var(--surface-page, #f7f5ef); }
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; min-inline-size: 320px; }
a { color: inherit; }

.page{color:var(--texte-primaire,#102e45);background:var(--surface-page,#f7f5ef);overflow:clip}.header{position:absolute;z-index:2;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;max-inline-size:1440px;margin:auto;padding:30px clamp(24px,5vw,76px);color:var(--texte-inverse,#fff)}.logo,.login{text-decoration:none}.brand{display:inline-flex;align-items:center;gap:9px;font-size:24px;font-weight:700;letter-spacing:-.06em;color:inherit}.brand>span:last-child span{color:var(--accent-marque,#d2ad5b)}.brandIcon{display:grid;grid-template-columns:repeat(2,8px);gap:3px}.brandIcon i{display:block;inline-size:8px;block-size:8px;border-radius:2px;background:currentColor}.brandIcon i:nth-child(2),.brandIcon i:nth-child(3){color:var(--accent-marque,#d2ad5b)}.login{font-size:15px;font-weight:600}.login span{padding-inline-start:8px}.hero{min-block-size:100svh;display:grid;place-items:center;position:relative;padding:150px 24px 86px;color:var(--texte-inverse,#fff);background:radial-gradient(circle at 50% 85%,color-mix(in srgb,var(--accent-marque,#d2ad5b) 23%,transparent),transparent 37%),var(--fond-sombre,#0f2e45)}.heroContent{text-align:center;max-inline-size:900px}.eyebrow,.kicker{margin:0;color:var(--accent-marque,#d2ad5b);font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.hero h1,.sectionIntro h2,.steps h2,.cta h2{margin:22px 0;font-family:Fraunces,Georgia,serif;font-weight:500;letter-spacing:-.055em;line-height:.98}.hero h1{font-size:clamp(50px,7vw,94px)}.heroCopy{max-inline-size:530px;margin:0 auto;color:color-mix(in srgb,var(--texte-inverse,#fff) 77%,transparent);font-size:clamp(18px,2vw,22px);line-height:1.45}.heroActions{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-block-start:38px}.primaryButton,.secondaryButton{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-block-size:52px;padding:0 23px;border-radius:999px;text-decoration:none;font-size:15px;font-weight:700;transition:transform .18s ease}.primaryButton{color:var(--texte-sur-accent,#102e45);background:var(--accent-marque,#d2ad5b)}.secondaryButton{color:var(--texte-inverse,#fff);border:1px solid color-mix(in srgb,currentColor 33%,transparent)}.primaryButton:hover,.secondaryButton:hover{transform:translateY(-2px)}.scrollHint{position:absolute;inset:auto auto 28px;margin:0;color:color-mix(in srgb,var(--texte-inverse,#fff) 60%,transparent);font-size:12px;letter-spacing:.08em}.scrollHint span{padding-inline-start:9px;color:var(--accent-marque,#d2ad5b)}.modules{max-inline-size:1280px;margin:0 auto;padding:clamp(80px,12vw,156px) clamp(24px,5vw,76px)}.sectionIntro{display:grid;grid-template-columns:1fr 1fr;gap:24px 11%;align-items:end;margin-block-end:66px}.sectionIntro h2{grid-row:span 2;margin:10px 0 0}.sectionIntro h2,.steps h2,.cta h2{font-size:clamp(42px,5vw,66px)}.sectionIntro>p:last-child{margin:0;color:var(--texte-secondaire,#5c6873);font-size:18px;line-height:1.5}.featureGrid{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--trait-fin,#dedbd2)}.featureCard{min-block-size:268px;padding:34px clamp(20px,3vw,38px);border-inline-end:1px solid var(--trait-fin,#dedbd2);border-block-end:1px solid var(--trait-fin,#dedbd2)}.featureCard:nth-child(3n){border-inline-end:0}.featureCard:nth-last-child(-n+3){border-block-end:0}.featureIcon{display:grid;place-items:center;inline-size:42px;block-size:42px;border-radius:50%;color:var(--fond-sombre,#0f2e45);background:color-mix(in srgb,var(--accent-marque,#d2ad5b) 28%,transparent);font-size:21px;font-weight:700}.featureCard h3{margin:25px 0 9px;font-size:19px;letter-spacing:-.03em}.featureCard p{margin:0;color:var(--texte-secondaire,#5c6873);font-size:15px;line-height:1.5}.steps{display:grid;grid-template-columns:minmax(240px,.8fr) minmax(0,1.2fr);gap:clamp(42px,9vw,130px);padding:clamp(80px,11vw,150px) max(24px,calc((100% - 1128px)/2));color:var(--texte-inverse,#fff);background:var(--fond-sombre,#0f2e45)}.steps h2{margin-block-start:10px}.steps ol{margin:0;padding:0;list-style:none}.steps li{display:grid;grid-template-columns:74px 1fr;gap:20px;padding:26px 0 30px;border-block-start:1px solid color-mix(in srgb,var(--texte-inverse,#fff) 22%,transparent)}.steps li:last-child{border-block-end:1px solid color-mix(in srgb,var(--texte-inverse,#fff) 22%,transparent)}.steps li>span{color:var(--accent-marque,#d2ad5b);font-family:Fraunces,Georgia,serif;font-size:27px}.steps h3{margin:1px 0 10px;font-size:21px;letter-spacing:-.035em}.steps li p{max-inline-size:400px;margin:0;color:color-mix(in srgb,var(--texte-inverse,#fff) 66%,transparent);line-height:1.5}.cta{padding:clamp(98px,14vw,180px) 24px;text-align:center}.cta h2{margin-block-start:14px}.cta>p:not(.kicker){max-inline-size:550px;margin:0 auto 33px;color:var(--texte-secondaire,#5c6873);font-size:18px;line-height:1.5}.footer{display:grid;grid-template-columns:1fr auto 1fr;gap:24px;align-items:center;padding:32px clamp(24px,5vw,76px);color:var(--texte-inverse,#fff);background:var(--fond-sombre,#0f2e45)}.footer p,.footer div{margin:0;font-size:13px;color:color-mix(in srgb,var(--texte-inverse,#fff) 65%,transparent)}.footer div{display:flex;justify-content:end;gap:20px}.footer a{color:var(--texte-inverse,#fff);text-decoration:none}@media(max-width:760px){.header{padding-block:23px}.brand{font-size:21px}.hero{min-block-size:760px}.sectionIntro,.steps{grid-template-columns:1fr}.sectionIntro{margin-block-end:40px}.sectionIntro h2{grid-row:auto}.featureGrid{grid-template-columns:1fr}.featureCard,.featureCard:nth-child(3n),.featureCard:nth-last-child(-n+3){min-block-size:auto;padding-block:30px;border-inline-end:0;border-block-end:1px solid var(--trait-fin,#dedbd2)}.featureCard:last-child{border-block-end:0}.steps{padding-inline:24px}.footer{grid-template-columns:1fr;text-align:left}.footer div{justify-content:start;flex-wrap:wrap}}