/* Refonte: product-first identity, with one restrained painted signature. */
:root{--ink:#142139;--brand-ink:#142139;--brand-paper:#fff;--brand-blue:#2446d8;--muted:#5c667a;--gradient:linear-gradient(105deg,#2446d8,#2446d8)}
body{margin:0;background:#fff;color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
body,#intro,.examples,.outcomes,.client-benefits,.closing{background-image:none;background-blend-mode:normal}
#intro{padding:62px 28px 60px;background:#fff;overflow:clip}
#intro:before,#intro:after,.process:after,.paint-swatch,.paint-badge,.paint-heading:after,.examples .paint-heading:after{display:none!important}
#intro>.eyebrow{font-size:12px;line-height:1.5;letter-spacing:1.7px;font-weight:700;color:#536079}#intro>.eyebrow span{color:#2446d8}
h1,h2,.section-heading h2,.process h2,.client-benefits h2,.closing h2,.gallery-page h1{font-family:Arial,Helvetica,sans-serif;font-weight:750;letter-spacing:-1.8px;line-height:1.1}
#intro h1{font-size:clamp(48px,5.8vw,80px);line-height:1.04;letter-spacing:-3.8px;padding:0;width:auto;max-width:1050px;margin:23px auto 28px;isolation:isolate}
#intro h1:before{display:none}#intro h1 mark{display:inline-block;position:relative;color:#2446d8;white-space:normal;isolation:isolate;padding:0 0 14px;background:none}
#intro h1 mark:before{display:block;content:'';position:absolute;inset:auto -1% -3px;height:22px;z-index:-1;background:url('/assets/paint-vivid.png') center/100% 100% no-repeat;opacity:.78;transform:none;animation:none;mask:none;-webkit-mask:none}
#intro h1 mark.paint-arrival:before{animation:arrival-paint 2.4s linear both}
#intro .arrival-brush{width:145px;height:145px;top:100%;filter:drop-shadow(2px 3px 3px #14213915);animation:saas-brush 2.4s linear both}
@keyframes saas-brush{0%{left:-1%;top:108%;transform:translate(-50%,-96%) rotate(22deg);opacity:0}6%{opacity:1}85%{left:101%;top:96%;transform:translate(-50%,-96%) rotate(28deg);opacity:1}100%{left:107%;top:75%;transform:translate(-50%,-96%) rotate(36deg);opacity:0}}
.lead{font-size:20px;line-height:1.6;color:#5c667a;letter-spacing:-.3px;margin:0 auto 32px;max-width:740px}.lead strong{color:#142139;font-weight:600}
#form{max-width:970px;margin:0 auto;background:#fff;border:1px solid #dfe5ee;border-radius:18px;padding:26px 28px;box-shadow:0 12px 45px #14213908;text-align:left}
.form-invitation{display:flex;justify-content:space-between;margin:0 0 23px;text-align:left}.form-invitation>span{font-family:Arial,Helvetica,sans-serif;font-size:21px;font-weight:700;letter-spacing:-.6px;line-height:1.2;transform:none;color:#142139}
#form .fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;position:relative}#form .fields:before,#form .fields:after{display:none}
#form .fields label,#form .fields label:hover,#form .fields label:focus-within{padding:0;border:0;border-radius:0;background:#fff;background-image:none;box-shadow:none;transform:none;min-width:0}
#form .fields label>span{display:flex;gap:10px;align-items:center;margin-bottom:12px;font-size:15px;color:#142139}#form .field-heading{font-size:15px;letter-spacing:0}#form .field-heading small{display:none}
#form .field-step,#form .fields label:nth-child(2) .field-step{font-family:Arial,Helvetica,sans-serif;font-size:12px;font-weight:700;background:#eef2ff;color:#2446d8;width:27px;height:27px;border-radius:7px;display:flex;align-items:center;justify-content:center;transform:none}
#form .fields label:nth-child(2) .field-step{color:#a51c68;background:#fff0f7}
#form .input-wrap{height:57px;border:1px solid #d6dce7;border-radius:9px;background:#fafbfe;gap:12px;padding:0 15px;box-shadow:none}
#form .input-wrap>span{transform:none;color:#63708c}#form .input-wrap svg{width:23px;height:23px}#form .input-wrap input{font-size:16px;min-width:0;color:#142139}#form .input-wrap input::placeholder{color:#69758a}
#form .input-wrap:focus-within{border-color:#2446d8;outline:3px solid #2446d81a;box-shadow:none}
.primary,#form .primary,.closing .primary,.gallery-link{border:0;border-radius:9px;background:#2446d8;color:#fff;box-shadow:none;font-size:16px;font-weight:600;padding:17px 26px;transform:none}
.primary:hover,#form .primary:hover,.closing .primary:hover,.gallery-link:hover{background:#1939bd;color:#fff;box-shadow:0 5px 15px #2446d822;transform:none}
#form .primary{margin:24px 0 0;width:100%;gap:18px}
.principles{font-size:13px;gap:26px;color:#647084;margin:17px auto 0}.principles span:before{color:#2446d8!important}
.hero-proof{max-width:1080px;margin:46px auto 0;border:1px solid #dfe5ee;border-radius:16px;box-shadow:0 22px 60px #1421390a;overflow:hidden}.proof-top,.hero-proof .proof-caption{background:#fff;background-image:none}.proof-top{height:47px;color:#647084;font-size:13px;padding:0 20px}.proof-dots{color:#a3acbc}.hero-proof .compare{aspect-ratio:1.8}.proof-caption{padding:20px 22px}.proof-caption strong{font-size:20px;letter-spacing:-.4px}.proof-caption span{font-size:13px;color:#647084}.proof-caption a{font-size:14px;color:#2446d8}.drag-hint{font-size:13px;color:#647084;margin-top:16px}
.compare-label,.compare-label.before,.compare-label.after{font-family:Arial,Helvetica,sans-serif;font-size:12px;font-weight:600;letter-spacing:0;min-width:60px;min-height:32px;padding:9px 13px;border-radius:6px;background:#fff;color:#142139;background-image:none;box-shadow:0 2px 9px #14213918;transform:none}.compare-label.before{top:15px;left:15px}.compare-label.after{bottom:15px;right:15px;background:#2446d8;color:#fff}.compare-label:after{display:none}.compare-line>span{width:43px;height:43px;font-size:25px;box-shadow:0 2px 10px #14213926}
.examples{background:#f5f7fb;color:#142139;padding:78px max(32px,calc((100% - 1160px)/2)) 70px;border-top:1px solid #e8edf4;border-bottom:1px solid #e8edf4}
.section-kicker,.examples .section-kicker{font-size:11px;letter-spacing:1.6px;font-weight:700;color:#2446d8}.section-heading h2{font-size:44px;line-height:1.1;margin:15px 0 0}.examples .section-heading h2 em{font-style:normal;color:#2446d8}.section-heading>p{font-size:17px;line-height:1.6;color:#647084}.real-grid{gap:28px;margin-top:35px}.real-grid article{background:#fff;border:1px solid #e1e6ef;border-radius:13px;overflow:hidden;padding:0 0 18px}.real-grid .compare{border:0;border-radius:0;aspect-ratio:1.45}.real-grid .proof-caption{padding:19px 20px 13px}.real-grid .proof-caption strong{font-size:21px}.real-grid .proof-caption span{color:#647084}.real-grid .proof-caption a{color:#2446d8}.source-link{color:#647084;font-size:12px;margin-left:20px}.gallery-link{margin:30px auto 0;gap:25px;width:max-content}
.latest-heading{margin-top:54px;padding-top:35px;border-top:1px solid #dfe5ee}.latest-heading h3{font-size:23px;letter-spacing:-.6px}.latest-heading>span{color:#647084;font-size:13px}.gallery-card{border:1px solid #dfe5ee;background:#fff;border-radius:10px}.gallery-caption strong{font-size:17px}.gallery-caption span{font-size:13px;color:#2446d8}.gallery-preview{height:220px}.gallery-card:hover{transform:translateY(-3px)}
.outcomes{background:#fff;color:#142139;padding:54px max(32px,calc((100% - 1160px)/2));border-bottom:1px solid #e8edf4;gap:24px}.outcomes h2{font-size:27px;letter-spacing:-.8px}.outcomes .section-kicker,.outcomes>small,.outcome-stats span{color:#647084}.outcome-stats strong{color:#2446d8;font-size:45px;letter-spacing:-2px}.outcome-stats span{font-size:13px}.outcomes>small{font-size:11px}
.process{max-width:1160px;margin:0 auto!important;padding:78px 0}.process h2,.client-benefits h2{font-size:43px;letter-spacing:-1.6px;line-height:1.12}.process-grid{margin-top:38px;gap:36px}.step-number,.process article:nth-child(2) .step-number,.process article:nth-child(3) .step-number{font-family:Arial,Helvetica,sans-serif;border-radius:10px;width:40px;height:40px;font-size:16px;background:#eef2ff;color:#2446d8;border:1px solid #e1e7fc}.step-number:after{display:none}.process h3{font-size:20px;letter-spacing:-.5px;margin-top:20px}.process p{font-size:16px;color:#647084;line-height:1.6}
.client-benefits{max-width:1160px;margin:0 auto 70px!important;padding:52px;background:#f5f7fb;border:1px solid #e4e9f2;border-radius:16px;gap:60px}.benefit-list h3{font-size:20px;letter-spacing:-.4px}.benefit-list p{font-size:16px;line-height:1.6;color:#647084}.benefit-list article>span{color:#2446d8}.testimonial{max-width:1040px;margin:0 auto!important;padding:0 25px 65px}.testimonial blockquote{font-size:23px;letter-spacing:-.5px;line-height:1.5}.testimonial cite{font-size:14px}.testimonial cite span{color:#647084;font-size:12px}.stars{font-size:16px;color:#946100}.quote-mark{display:none}
.closing{max-width:1160px;margin:0 auto 60px!important;background:#142139;border-radius:16px;padding:48px 52px;gap:30px}.closing h2{font-size:36px;letter-spacing:-1.2px}.closing p{font-size:17px;color:#c4cedf}.closing .primary{background:#fff;color:#142139;white-space:nowrap}.closing .primary:hover{background:#eef2ff;color:#2446d8}.gallery-page{margin-top:60px}.gallery-page h1{font-size:62px;letter-spacing:-2.5px}.gallery-page .lead{font-size:19px}
@media(max-width:1200px){.process{padding:65px 32px}.client-benefits,.closing{margin-left:32px!important;margin-right:32px!important}}
@media(max-width:700px){#intro{padding:38px 20px 35px}#intro>.eyebrow{font-size:10px;letter-spacing:1px}#intro h1{font-size:clamp(36px,8vw,55px);line-height:1.1;letter-spacing:-1.8px;margin:22px auto}#intro h1 mark{padding-bottom:9px}#intro h1 mark:before{height:13px;bottom:-1px}#intro .arrival-brush{width:95px;height:95px}.lead{font-size:17px;line-height:1.55;margin-bottom:25px}.lead br{display:none}#form{padding:21px 18px;border-radius:13px}.form-invitation{margin-bottom:20px}.form-invitation>span{font-size:19px}#form .fields{grid-template-columns:1fr;gap:20px}#form .input-wrap{height:53px}#form .fields label>span{font-size:14px;margin-bottom:9px}#form .primary{font-size:14px;padding:17px 10px;gap:8px}.principles{font-size:11px;gap:8px;flex-wrap:wrap}.hero-proof{margin-top:30px;max-width:100%}.proof-top{font-size:11px;height:39px;padding:0 12px}.proof-caption{padding:14px}.proof-caption strong{font-size:17px}.proof-caption a{font-size:12px}.compare-label{font-size:10px;min-width:48px;min-height:28px;padding:8px 10px}.compare-label.before{top:10px;left:10px}.compare-label.after{bottom:10px;right:10px}.examples{padding:45px 20px}.section-heading h2,.process h2,.client-benefits h2{font-size:33px;letter-spacing:-1.2px}.section-heading>p{font-size:15px}.real-grid{margin-top:25px;gap:22px}.latest-heading h3{font-size:21px}.outcomes{padding:35px 22px}.outcome-stats strong{font-size:35px}.outcome-stats span{font-size:11px}.outcomes h2{font-size:25px}.process{padding:45px 22px}.process-grid{gap:27px}.process-grid article{padding-left:58px}.process h3{margin-top:0;font-size:19px}.process p{font-size:15px}.client-benefits{margin:0 20px 40px!important;padding:28px 23px;gap:28px}.benefit-list h3{font-size:19px}.benefit-list p{font-size:15px}.testimonial{padding:0 22px 40px;grid-template-columns:48px 1fr}.testimonial blockquote{font-size:19px}.closing{display:block;margin:0 20px 35px!important;padding:30px 24px}.closing h2{font-size:30px}.closing .primary{margin-top:23px;font-size:15px}.gallery-page h1{font-size:42px;letter-spacing:-1.6px}.gallery-page{padding:0 20px;margin-top:38px}}
@media(prefers-reduced-motion:reduce){#intro h1 mark.paint-arrival:before{animation:none}.arrival-brush{display:none}.gallery-card{transition:none}}
#form .fields label:nth-child(2),#form .fields label:nth-child(2):hover,#form .fields label:nth-child(2):focus-within{transform:none}#form .fields label .field-step{background:#eef2ff!important}#form .fields label:nth-child(2) .field-step{background:#fff0f7!important}.compare-line>span{background:#fff;color:#2446d8}