/* Shared readable scale for the marketing home. */
body{font-size:17px;line-height:1.55}
body #intro h1{font-size:clamp(40px,4vw,64px);line-height:1.05;letter-spacing:-2.4px;min-height:0}
body #intro .lead{font-size:18px;line-height:1.5;max-width:530px;min-height:0}
body .hero-badge{font-size:12px}
body #intro .form-invitation>span{font-size:30px;line-height:1.12}
body #intro .hero-workflow #form .field-heading{font-size:16px!important;line-height:1.3}
body .hero-workflow .field-step{font-size:12px}
body .hero-workflow input{font-size:16px!important;height:40px}
body .hero-workflow .input-wrap svg{width:23px;height:23px}
body .hero-workflow #form .primary{font-size:16px;min-height:54px}
body .hero-workflow .principles{font-size:12px;line-height:1.5}
body .hero-scene-controls .hero-pause{font-size:13px;height:30px}
body #marketing h2,body #comment h2,body #faq h2,body .closing h2{font-size:clamp(36px,3.3vw,48px);line-height:1.1;letter-spacing:-1.7px}
body .services-intro h2{font-size:38px}
body .why-heading,body .review-heading{max-width:820px}
body .restart-title{max-width:850px}
body .closing h2{max-width:510px}
body #comment .steps-heading>p,body .comparison-heading p,body .services-intro p,body .why-heading p,body .review-heading p,body .restart-copy,body .closing p{font-size:17px;line-height:1.55}
body .restart-copy{max-width:720px}
body .closing p{max-width:440px}
body .services-intro p{max-width:none}
body #comment .process-grid h3,body .service-card h3,body .why-copy h3,body #faq h3{font-size:25px;line-height:1.2;letter-spacing:-.5px}
body #comment .process-grid p,body .service-card p,body .why-copy p,body .faq-answer p{font-size:16px;line-height:1.55}
body #comment .process-grid p,body .why-copy p{max-width:none}
body #comment.process{padding-left:7%;padding-right:7%}
body #comment .process-grid article{padding-left:20px;padding-right:20px}
body .comparison-card h3{font-size:28px}
body .comparison-card li{font-size:18px;line-height:1.45;min-height:54px}
body .service-card>a,body .restart-button,body .closing .primary,body .faq-toggle{font-size:16px;line-height:1.4}
body .service-card>a{min-height:48px;display:flex;align-items:center;justify-content:center;margin-top:12px}
body .service-card p{min-height:100px}
body .review-note blockquote{font-size:21px;line-height:1.45;letter-spacing:-.3px}
body .review-credit strong,body .review-visual-caption strong{font-size:15px}
body .review-credit small,body .review-visual-caption small{font-size:13px;line-height:1.5}
body .services-intro .services-note{font-size:15px;line-height:1.5}
body .services-note strong{font-size:20px}
body #comment .steps-eyebrow,body .services-intro>span,body .why-heading>span,body .review-heading>span,body .restart-eyebrow,body .why-copy>span{font-size:12px;line-height:1.4}
body .services-current{font-size:11px;line-height:1.4}
body .services-pagination{flex-wrap:wrap}
body .restart-note{font-size:14px;line-height:1.5;max-width:560px}
@media(min-width:701px) and (max-width:1050px){body #intro{grid-template-columns:1fr 1fr;gap:24px}body #intro h1{font-size:40px}body #intro .lead{font-size:17px}body #services{grid-template-columns:220px minmax(0,1fr);gap:24px}body .service-card{flex-basis:85%}body #comment.process{padding-inline:24px}body #comment .process-grid{gap:10px}body #comment .process-grid article{padding-inline:14px}}
@media(max-width:700px){body{font-size:16px}body #intro h1{font-size:38px;line-height:1.07;letter-spacing:-1.5px;min-height:0}body #intro .lead{font-size:16px;line-height:1.55;min-height:0}body .hero-badge{font-size:11px}body #intro .form-invitation>span{font-size:28px}body .hero-workflow .principles{font-size:12px}body #marketing h2,body #comment h2,body #faq h2,body .closing h2{font-size:34px;line-height:1.12;letter-spacing:-1.2px}body #comment .steps-heading>p,body .comparison-heading p,body .services-intro p,body .why-heading p,body .review-heading p,body .restart-copy,body .closing p{font-size:16px;line-height:1.55}body #comment .process-grid h3,body .service-card h3,body .why-copy h3,body #faq h3{font-size:23px}body .comparison-card h3{font-size:25px}body .comparison-card li{font-size:16px}body .review-note blockquote{font-size:19px}body .restart-note{font-size:13px}body .hero-workflow{padding-inline:16px}body .service-card{padding:22px 18px}body .service-card p{min-height:0}body .restart-button{min-width:0;width:100%;max-width:300px}body #nouveau-depart{padding-inline:10px}}

/* Keep hero phrases balanced as scenes change; stronger title hierarchy. */
body #intro h1{font-weight:700;font-size:clamp(40px,3.6vw,58px);text-wrap:balance;max-width:100%;letter-spacing:-1.8px;line-height:1.08}
body #intro .lead{text-wrap:pretty}
body #marketing h2,body #comment h2,body #faq h2,body .closing h2{font-weight:700;text-wrap:balance}
body #comment .process-grid h3,body .service-card h3,body .why-copy h3,body #faq h3,body .comparison-card h3{font-weight:650;text-wrap:balance}
body #intro .form-invitation>span{font-weight:650;text-wrap:balance}
@media(max-width:700px){body #intro h1{font-size:36px;letter-spacing:-1.3px;line-height:1.1}}
body #intro h1 mark{display:inline;text-wrap:inherit}