body{background:#faf9f6}#intro{padding-top:60px;background:radial-gradient(ellipse at 50% 45%,#ece1ff40,transparent 55%)}#intro>.eyebrow{font-size:11px;letter-spacing:2px}h1{font-size:clamp(46px,5.6vw,76px);letter-spacing:-4px;line-height:1.07;margin:19px 0 23px}mark{background:linear-gradient(110deg,#c4a1ff,#ffc792);border-radius:10px}.lead{font-size:18px;line-height:1.5;margin-bottom:29px}#form{max-width:770px}.fields{gap:14px}.fields label{padding:14px;box-shadow:none}.fields label>span{font-size:12px}.input-wrap{height:43px}.input-wrap input{font-size:13px}.primary{font-size:15px;padding:16px 35px;font-weight:600}.principles{font-size:11px;gap:25px}.hero-proof{max-width:1010px;margin:45px auto 0;background:#fff;border:1px solid #e1dce8;border-radius:14px;overflow:hidden;box-shadow:0 18px 60px #241b3410}.proof-top{display:flex;align-items:center;gap:9px;height:38px;padding:0 18px;font-size:11px;color:#615a6e;text-align:left}.live-dot{width:6px;height:6px;border-radius:50%;background:#a377db}.proof-dots{margin-left:auto;letter-spacing:4px;color:#b9afc5}.compare{position:relative;aspect-ratio:1.65;overflow:hidden;isolation:isolate;background:#eeebf1;touch-action:pan-y}.compare>img{display:block;width:100%;height:100%;object-fit:cover;object-position:top;pointer-events:none;user-select:none}.compare .compare-before{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--split)) 0 0)}.compare-label{position:absolute;top:16px;padding:7px 12px;border:1px solid #ffffff55;border-radius:6px;font-size:11px;background:#181721db;color:#fff;pointer-events:none;z-index:2}.compare-label.before{left:16px}.compare-label.after{right:16px;background:#fff;color:#1b1426}.compare-line{position:absolute;top:0;bottom:0;left:var(--split);width:2px;background:#fff;transform:translateX(-1px);pointer-events:none;filter:drop-shadow(0 0 3px #0005)}.compare-line>span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:46px;height:46px;display:grid;place-items:center;background:#fff;color:#17121f;font-size:24px;border-radius:50%;letter-spacing:4px;padding-left:4px}.compare-range{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;z-index:3;padding:0}.compare:focus-within{outline:3px solid #9c69df;outline-offset:4px}.proof-caption{padding:16px 20px;display:flex;align-items:center;justify-content:space-between;gap:14px;text-align:left}.proof-caption strong{display:block;font-size:15px;font-weight:600}.proof-caption span{display:block;font-size:11px;color:#756c80;margin-top:4px}.proof-caption a{font-size:12px;color:#342640}.drag-hint{font-size:11px;color:#81788a;margin:15px 0 0}.section{max-width:1110px}.examples{padding:85px 0 65px}.section-kicker{display:block;font-size:10px;letter-spacing:1.5px;color:#896d9e;margin-bottom:15px}h2{font-size:36px;letter-spacing:-1.5px;line-height:1.12}.section-heading{align-items:flex-end}.section-heading>p{font-size:14px;line-height:1.6;color:#746c7a}.real-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;margin-top:28px}.real-grid article{min-width:0}.real-grid .compare{border:1px solid #e4dfea;border-radius:12px;aspect-ratio:1.44}.real-grid .proof-caption{padding:17px 0 5px}.source-link{font-size:10px;color:#776d81}.other-examples{margin-top:28px;display:flex;align-items:center;gap:24px;flex-wrap:wrap;padding-top:20px;border-top:1px solid #e5dfe9;font-size:11px}.other-examples>span{color:#847b8f}.process{padding:45px 0 65px;border-top:1px solid #e5dfe9}.process h2{font-size:30px}.process-grid{margin-top:32px;gap:40px}.process h3{font-size:17px;margin-top:14px}.process p{font-size:14px;line-height:1.6}.step-number{width:36px;height:36px;font-size:15px;background:#ede4f7}.step-number:after{left:65px;width:220px}.process article:last-child .step-number:after{display:none}.outcomes{border-radius:18px;padding:35px;background:#eeebf2;display:grid;grid-template-columns:1fr 1.3fr;gap:20px 50px;align-items:center}.outcomes h2{font-size:29px}.outcomes .section-kicker{font-size:9px}.outcome-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.outcome-stats p{margin:0}.outcome-stats strong{display:block;font-size:38px;letter-spacing:-2px;font-weight:600}.outcome-stats span{display:block;font-size:11px;color:#625b6d;margin-top:8px}.outcomes>small{grid-column:1/-1;font-size:9px;color:#746a7f}.testimonial{margin-top:24px;margin-bottom:0;border:none;padding:26px;box-shadow:none;gap:22px}.testimonial .portrait{margin-left:0;width:60px;height:60px}.testimonial blockquote{font-size:14px;line-height:1.6}.testimonial .round{display:none}.testimonial cite{font-size:10px}.stars{font-size:16px}.closing{background:transparent;margin-top:0;padding:65px 0;display:flex;justify-content:space-between;align-items:center;border-radius:0}.closing h2{font-size:34px}.closing p{font-size:14px}.closing .primary{margin:0;font-size:14px;padding:17px 28px}#history{max-width:1110px;padding:16px 0;font-size:11px;color:#726778}#history summary{cursor:pointer}#jobs{padding-top:16px}.trust,.note{display:none}
@media(max-width:1190px){.section,#history{margin-left:35px;margin-right:35px}.hero-proof{max-width:92%}.step-number:after{width:160px}.outcomes{gap:20px}.outcome-stats strong{font-size:33px}.outcome-stats{gap:15px}}
@media(max-width:700px){#intro{padding:38px 18px 0}h1{font-size:clamp(37px,8.6vw,58px);letter-spacing:-2.5px}.lead{font-size:15px}.fields{grid-template-columns:1fr}.hero-proof{max-width:100%;margin-top:32px}.proof-top{font-size:10px;padding:0 12px}.hero-proof .compare{aspect-ratio:1.2}.compare>img{object-fit:cover;object-position:top left}.compare-label{font-size:9px;top:10px}.compare-label.before{left:10px}.compare-label.after{right:10px}.compare-line>span{width:36px;height:36px;font-size:20px}.proof-caption{padding:13px}.proof-caption strong{font-size:13px}.proof-caption a{font-size:10px}.proof-caption span{font-size:10px}.principles{gap:13px;font-size:10px}.section,#history{margin-left:22px;margin-right:22px}.examples{padding:55px 0 40px}.section-heading{align-items:flex-start}.section-heading>p{display:none}h2{font-size:31px}.real-grid{grid-template-columns:1fr;gap:28px}.real-grid .compare{aspect-ratio:1.44}.other-examples{gap:15px;line-height:1.5}.other-examples>span{width:100%}.process{padding:35px 0}.process h2{font-size:28px}.process-grid{grid-template-columns:1fr;gap:24px;margin-top:25px}.process h3{margin-top:0}.process p{font-size:14px}.outcomes{grid-template-columns:1fr;padding:25px 20px;gap:20px}.outcomes h2{font-size:27px}.outcome-stats{gap:12px}.outcome-stats strong{font-size:30px}.outcome-stats span{font-size:10px;line-height:1.5}.outcomes>small{font-size:9px;line-height:1.5}.testimonial{padding:22px 0;gap:14px}.testimonial blockquote{font-size:12px}.testimonial .portrait{width:48px;height:48px}.closing{padding:32px 0 42px;display:block}.closing h2{font-size:29px}.closing .primary{width:max-content;margin-top:20px}#history{padding:15px 0}}
.outcomes{margin-bottom:55px}.client-benefits{display:grid;grid-template-columns:1fr 1.1fr;gap:70px;padding:45px 0 55px;border-top:1px solid #e5dfe9}.client-benefits h2{font-size:34px}.benefit-list{display:grid;gap:24px}.benefit-list article{display:flex;gap:18px}.benefit-list article>span{font-size:11px;color:#9a78ba;padding-top:4px}.benefit-list h3{font-size:16px;margin:0 0 7px;font-weight:600}.benefit-list p{font-size:13px;color:#766c7c;line-height:1.6;margin:0}.testimonial{border-top:1px solid #e5dfe9;border-radius:0;background:none}.compare-range{appearance:none;-webkit-appearance:none}.compare-range::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:44px;height:100%;cursor:ew-resize}.compare-range::-moz-range-thumb{width:44px;height:44px;cursor:ew-resize}
@media(max-width:700px){.client-benefits{grid-template-columns:1fr;gap:25px;padding:30px 0}.client-benefits h2{font-size:29px}.outcomes{margin-bottom:30px}.benefit-list p{font-size:13px}}
/* Art direction: editorial scale, immersive demonstrations, readable copy. */
:root{--ink:#15121d}body{background:#fcfaf6}#intro{padding-top:38px;padding-bottom:60px;background:radial-gradient(ellipse at 12% 45%,#e5d2fd90,transparent 42%),radial-gradient(ellipse at 90% 58%,#ffdccd80,transparent 35%),#fcfaf6}#intro>.eyebrow{font-size:14px;letter-spacing:1.7px;font-weight:600}h1{font-size:clamp(62px,7.3vw,106px);letter-spacing:-6px;line-height:1.03;margin:23px 0 25px;font-weight:750}h1 mark{display:inline-block;padding:1px 15px 9px;background:linear-gradient(110deg,#c4a0ff,#eeb6d4 60%,#ffc591);border-radius:16px;transform:rotate(-1deg)}.lead{font-size:21px;line-height:1.5;max-width:750px;margin:0 auto 30px;letter-spacing:-.4px}#form{max-width:870px}.fields label{padding:17px 18px;border-radius:13px;background:#ffffffde;border-color:#dad4e3}.fields label>span{font-size:15px;margin-bottom:11px}.input-wrap{height:49px}.input-wrap input{font-size:16px}.primary{font-size:18px;padding:19px 38px;letter-spacing:-.3px}.principles{font-size:14px;gap:29px;margin-top:20px}.hero-proof{max-width:1160px;margin-top:60px;position:relative;overflow:visible;border:1px solid #dcd3e6;box-shadow:0 30px 70px #22102a15;border-radius:18px}.proof-top{height:45px;font-size:14px;background:#fff;border-radius:18px 18px 0 0;padding:0 22px}.proof-sticker{position:absolute;right:-30px;top:-53px;transform:rotate(7deg);z-index:4;padding:16px 23px;background:#d8f27c;color:#202513;border-radius:6px;font-size:18px;font-weight:600;line-height:1.25;text-align:left;box-shadow:0 5px 10px #21212110}.hero-proof .compare{aspect-ratio:1.85}.proof-caption{padding:20px 24px;border-radius:0 0 18px 18px;background:white}.proof-caption strong{font-size:19px}.proof-caption span{font-size:14px;margin-top:5px}.proof-caption a{font-size:15px;font-weight:500}.compare-label{font-size:14px;padding:9px 15px}.compare-line>span{width:54px;height:54px;font-size:28px}.drag-hint{font-size:14px;margin-top:20px;color:#63586d}.section{max-width:1200px}.examples{max-width:none!important;margin:0!important;background:#191620;color:#fff;padding:75px max(32px,calc((100% - 1200px)/2)) 50px}.section-kicker{font-size:13px;letter-spacing:1.7px;color:#9373ab}.examples .section-kicker{color:#c9a8e8}.section-heading h2{font-size:clamp(42px,4.7vw,65px);letter-spacing:-3px;line-height:1.07;margin:15px 0 0}.section-heading h2 em{font-style:normal;color:#c2a0f6}.section-heading>p{font-size:19px;color:#c1b9c9;line-height:1.5}.real-grid{gap:32px;margin-top:42px}.real-grid .compare{border:1px solid #ffffff25;border-radius:12px;aspect-ratio:1.44}.real-grid .proof-caption{padding:22px 0 12px;background:none}.real-grid .proof-caption strong{font-size:22px}.real-grid .proof-caption span{color:#bbb0c7;font-size:15px}.real-grid .proof-caption a{color:#fff;font-size:15px}.source-link{font-size:14px;color:#bca9d0}.other-examples{font-size:15px;gap:28px;border-color:#ffffff24;margin-top:32px;padding-top:27px}.other-examples>span{color:#bbacc9}.outcomes{max-width:none!important;margin:0!important;border-radius:0;padding:60px max(32px,calc((100% - 1200px)/2));background:#e4d5fb;gap:25px 50px;grid-template-columns:.9fr 1.2fr}.outcomes h2{font-size:35px;letter-spacing:-1.6px}.outcomes .section-kicker{font-size:13px;color:#694d88}.outcome-stats strong{font-size:clamp(43px,4.8vw,68px);letter-spacing:-3px}.outcome-stats span{font-size:16px;color:#51415f;line-height:1.4}.outcomes>small{font-size:14px;color:#615070;line-height:1.5}.process{padding:80px 0;border:0}.process h2{font-size:52px;letter-spacing:-2.5px}.process-grid{gap:45px;margin-top:36px}.step-number{width:60px;height:60px;background:#f0e7f9;font-size:24px;border-radius:17px}.step-number:after{left:90px;width:200px}.process h3{font-size:23px;line-height:1.15;letter-spacing:-.6px;margin-top:22px}.process p{font-size:18px;line-height:1.5;margin-top:10px;color:#716579}.client-benefits{padding:65px 60px;gap:70px;background:#efece5;border:0;border-radius:25px;margin-bottom:70px}.client-benefits .section-kicker{font-size:13px}.client-benefits h2{font-size:51px;line-height:1.1;letter-spacing:-2px}.benefit-list{gap:27px}.benefit-list article>span{font-size:16px;color:#8866a3}.benefit-list h3{font-size:23px;letter-spacing:-.6px;line-height:1.2}.benefit-list p{font-size:18px;line-height:1.5;color:#716675}.testimonial{position:relative;max-width:950px;justify-content:center;gap:25px;border:0;padding:0 0 65px;display:grid;grid-template-columns:90px 1fr}.quote-mark{grid-column:1/-1;font-size:110px;line-height:.65;color:#a476d4;font-family:Georgia}.testimonial .portrait{width:90px;height:90px;margin-top:4px;align-self:start}.testimonial blockquote{font-size:27px;line-height:1.4;letter-spacing:-.7px}.testimonial blockquote br{display:none}.testimonial cite{display:block;font-size:16px;letter-spacing:0;line-height:1.6;margin-top:10px}.testimonial cite span{font-size:14px;display:block}.stars{font-size:22px;margin-top:20px}.closing{background:#191620;color:white;border-radius:24px;padding:48px 55px;margin-bottom:50px;gap:35px}.closing h2{font-size:47px;line-height:1.06;letter-spacing:-2px}.closing p{font-size:19px;color:#c7bfce}.closing .primary{font-size:18px;padding:20px 30px;white-space:nowrap}#history{font-size:14px;padding:18px 0}
@media(max-width:1280px){.proof-sticker{right:15px}.hero-proof{max-width:96%}.section:not(.examples):not(.outcomes){margin-left:35px;margin-right:35px}.process,.client-benefits,.closing{max-width:none}.step-number:after{width:150px}.client-benefits{padding:45px;gap:45px}.client-benefits h2{font-size:43px}.closing h2{font-size:40px}}
@media(max-width:700px){#intro{padding:28px 18px 38px}#intro>.eyebrow{font-size:11px;letter-spacing:1px}h1{font-size:clamp(38px,9.3vw,64px);letter-spacing:-2.3px;line-height:1.13;margin:22px -5px}h1 mark{padding:0 7px 5px;border-radius:9px;white-space:nowrap}.lead{font-size:17px;line-height:1.45;margin-bottom:25px}.fields label>span{font-size:14px}.fields label{padding:14px}.input-wrap input{font-size:15px}.primary{font-size:16px;padding:18px 20px}.principles{font-size:12px;gap:10px;line-height:1.6;flex-wrap:wrap}.hero-proof{max-width:100%;margin-top:55px;border-radius:12px}.proof-sticker{font-size:13px;padding:9px 13px;top:-33px;right:7px}.proof-top{font-size:12px;padding:0 12px;height:42px}.hero-proof .compare{aspect-ratio:1.44}.proof-caption{padding:15px 12px;gap:10px}.proof-caption strong{font-size:16px}.proof-caption span{font-size:12px}.proof-caption a{font-size:12px}.compare-label{font-size:12px;padding:6px 9px}.compare-line>span{width:40px;height:40px;font-size:23px}.drag-hint{font-size:12px;line-height:1.5}.examples{padding:45px 20px 35px}.section-kicker{font-size:12px;letter-spacing:1.2px}.section-heading h2{font-size:39px;letter-spacing:-1.8px}.real-grid{margin-top:28px;gap:30px}.real-grid .proof-caption strong{font-size:20px}.real-grid .proof-caption span,.real-grid .proof-caption a{font-size:14px}.source-link{font-size:13px}.other-examples{font-size:14px;gap:16px;line-height:1.5}.outcomes{padding:35px 22px;grid-template-columns:1fr;gap:25px}.outcomes h2{font-size:30px}.outcome-stats{gap:12px}.outcome-stats strong{font-size:38px;letter-spacing:-2px}.outcome-stats span{font-size:13px}.outcomes>small{font-size:12px}.section:not(.examples):not(.outcomes){margin-left:20px;margin-right:20px}.process{padding:45px 0}.process h2{font-size:40px;letter-spacing:-1.8px}.process-grid{margin-top:28px;gap:29px}.process-grid article{padding-left:65px}.step-number{width:44px;height:44px;font-size:20px;border-radius:12px}.process h3{font-size:21px;margin-top:0}.process p{font-size:16px;margin-top:8px}.client-benefits{padding:30px 22px;grid-template-columns:1fr;gap:30px;margin-bottom:45px!important;border-radius:18px}.client-benefits h2{font-size:37px;letter-spacing:-1.5px}.benefit-list h3{font-size:21px}.benefit-list p{font-size:16px}.benefit-list article{gap:12px}.benefit-list article>span{font-size:13px}.testimonial{grid-template-columns:50px 1fr;gap:14px;padding-bottom:40px}.quote-mark{font-size:82px}.testimonial .portrait{width:50px;height:50px}.testimonial blockquote{font-size:20px;letter-spacing:-.4px}.testimonial cite{font-size:14px}.testimonial cite span{font-size:12px}.stars{font-size:20px;margin-top:14px}.closing{padding:32px 25px;display:block;border-radius:18px;margin-bottom:30px}.closing h2{font-size:34px;letter-spacing:-1.4px}.closing p{font-size:16px}.closing .primary{font-size:16px;margin-top:25px;padding:17px 25px}}
/* Painted transformation: real SVG brush edges, reveal only behind content. */
h1 mark{position:relative;isolation:isolate;background:none;transform:none;padding:0 18px 10px;overflow:visible}h1 mark:before{content:'';position:absolute;inset:-2% -2% -4%;z-index:-1;background:linear-gradient(105deg,#bd91fc 8%,#db9bdd 47%,#ffb677 92%);mask:url('/assets/paint-stroke.svg') center/100% 100% no-repeat;-webkit-mask:url('/assets/paint-stroke.svg') center/100% 100% no-repeat;transform:rotate(-1.7deg);transform-origin:0 50%;animation:paint-title 1.15s cubic-bezier(.16,.65,.25,1) both}.paint-heading{position:relative;isolation:isolate}.paint-heading:after{content:'';position:absolute;left:-7px;bottom:-7px;width:min(95%,470px);height:17px;z-index:-1;background:#c9a4f6;mask:url('/assets/paint-stroke.svg') center/100% 100% no-repeat;-webkit-mask:url('/assets/paint-stroke.svg') center/100% 100% no-repeat;transform:scaleX(0) rotate(-2deg);transform-origin:left;opacity:.7}.paint-heading.paint-visible:after{animation:paint-line .85s cubic-bezier(.2,.7,.2,1) forwards}.examples .paint-heading:after{background:#b8df69;height:13px;bottom:-15px;opacity:1}.process .paint-heading:after{background:#ffbd90;width:280px}.client-benefits .paint-heading:after{background:#c5a0f3;width:320px}.paint-swatch{position:absolute;right:20px;top:20px;width:155px;height:85px;pointer-events:none;opacity:.15;background:#cda7fc;mask:url('/assets/paint-stroke.svg') center/100% 100% no-repeat;transform:rotate(-19deg)}.client-benefits{position:relative;overflow:hidden}@keyframes paint-title{0%{clip-path:inset(0 100% 0 0);transform:rotate(-1.7deg) translateX(-8px)}100%{clip-path:inset(0 -3% 0 -3%);transform:rotate(-1.7deg) translateX(0)}}@keyframes paint-line{from{transform:scaleX(0) rotate(-2deg)}to{transform:scaleX(1) rotate(-2deg)}}
@media(max-width:700px){h1 mark{padding:0 7px 5px}.paint-heading:after{height:11px;bottom:-8px}.examples .paint-heading:after{bottom:-12px}.paint-swatch{width:110px;height:60px;right:-20px;top:20px}}
@media(prefers-reduced-motion:reduce){h1 mark:before{animation:none;clip-path:none}.paint-heading:after{animation:none!important;transform:scaleX(1) rotate(-2deg)}html{scroll-behavior:auto}}
:root{--brand-ink:#231932;--brand-lilac:#c8aaed;--brand-apricot:#edb392;--brand-paper:#fcf8f1;--ink:var(--brand-ink);--gradient:linear-gradient(105deg,#c8aaed,#edb392)}body{background:var(--brand-paper);color:var(--brand-ink)}#intro{background:radial-gradient(ellipse at 15% 48%,#e5d6f766,transparent 45%),radial-gradient(ellipse at 93% 60%,#f8dcc777,transparent 40%),var(--brand-paper);isolation:isolate}.examples,.closing{background:var(--brand-ink)}h1 mark:before{inset:-55% -5% -50%;background:url('/assets/paint-real.png') center/100% 100% no-repeat;mask:none;-webkit-mask:none;transform:rotate(-2deg);animation:paint-title 1.3s cubic-bezier(.14,.66,.25,1) both;opacity:.92}.proof-sticker{background:#eadcf8;color:#362646;box-shadow:0 3px 15px #23193212}.examples .paint-heading:after,.paint-heading:after{background:url('/assets/paint-real.png') center/100% 100% no-repeat;mask:none;-webkit-mask:none;height:40px;bottom:-25px;opacity:1}.process .paint-heading:after,.client-benefits .paint-heading:after{background:url('/assets/paint-real.png') center/100% 100% no-repeat;mask:none;-webkit-mask:none;height:35px;bottom:-18px}.outcomes{background:#e9ddf6}.client-benefits{background:#f4e3d6}.primary{background:var(--gradient)}.primary:hover{background:linear-gradient(105deg,#b99adb,#e4a984)}.paint-swatch{background:url('/assets/paint-splashes.png') center/contain no-repeat;mask:none;-webkit-mask:none;opacity:.6;width:230px;height:180px;right:-85px;top:-45px;transform:rotate(15deg)}#intro:before,#intro:after{content:'';position:absolute;pointer-events:none;z-index:-1;background:url('/assets/paint-splashes.png') center/contain no-repeat;width:300px;height:400px;opacity:.75}#intro:before{left:-140px;top:240px;transform:rotate(-25deg)}#intro:after{right:0;top:540px;width:210px;height:280px;transform:rotate(30deg);opacity:.45}.process{position:relative;isolation:isolate}.process:after{content:'';position:absolute;right:0;top:0;width:180px;height:140px;background:url('/assets/paint-splashes.png') center/contain no-repeat;transform:rotate(-35deg);opacity:.65;pointer-events:none;z-index:-1}.examples .section-heading h2 em{color:#d0b3f1}.examples{overflow:hidden}.quote-mark{color:#ad85c8}.step-number{background:#e9ddf6}.outcome-stats strong{color:#32223f}
@media(max-width:700px){h1 mark:before{inset:-30% -5% -35%;background-size:100% 100%}#intro:before{width:140px;height:180px;left:-85px;top:200px;opacity:.5}#intro:after{width:100px;height:130px;right:0;top:645px;opacity:.4}.paint-swatch{width:160px;height:140px;right:-75px;top:-20px}.process:after{width:110px;height:110px;right:0;opacity:.4}.examples .paint-heading:after{height:27px;bottom:-20px}}
:root{--brand-ink:#121529;--brand-pink:#ff48a6;--brand-green:#b5f23c;--brand-blue:#315bff;--brand-yellow:#ffd43b;--brand-paper:#fffdf7;--ink:var(--brand-ink);--gradient:linear-gradient(105deg,#b5f23c,#d2fa78)}body{background:var(--brand-paper)}#intro{background:radial-gradient(ellipse at 9% 40%,#ff48a610,transparent 42%),radial-gradient(ellipse at 90% 60%,#ffd43b14,transparent 40%),var(--brand-paper)}h1 mark:before{background-image:url('/assets/paint-vivid.png');opacity:.94}.paint-heading:after,.examples .paint-heading:after,.process .paint-heading:after,.client-benefits .paint-heading:after{background-image:url('/assets/paint-vivid.png')}#intro:before,#intro:after,.paint-swatch,.process:after{background-image:url('/assets/splashes-vivid.png');opacity:.9}.primary{background:var(--brand-green);color:#121529;box-shadow:0 5px 0 #12152912}.primary:hover{background:#c8fb65;box-shadow:0 7px 20px #8eb92c30}.proof-sticker{background:var(--brand-yellow);color:#121529}.examples{background:#142890}.examples .section-kicker{color:#cfdbff}.examples .section-heading h2 em{color:#b5f23c}.section-heading>p,.real-grid .proof-caption span{color:#d1daff}.real-grid .proof-caption a{color:#fff}.source-link{color:#d3ddff}.other-examples>span{color:#c5d0ff}.outcomes{background:var(--brand-yellow)}.outcomes .section-kicker,.outcomes>small,.outcome-stats span{color:#48402a}.outcome-stats strong{color:#121529}.client-benefits{background:#e1edff}.benefit-list article>span{color:#2548c1}.section-kicker,#intro>.eyebrow span{color:#3155bb}.step-number{background:#b5f23c;color:#121529}.process article:nth-child(2) .step-number{background:#ffd43b}.process article:nth-child(3) .step-number{background:#ff9dce}.quote-mark{color:#ed258d}.stars{color:#aa6500}.closing{background:#121529}.live-dot{background:#315bff}.closing .primary{color:#121529}
/* Painter lettering: expressive display, readable interface. */
@font-face{font-family:Paint Marker;src:url('/assets/permanent-marker.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
h1,.section-heading h2,.process h2,.client-benefits h2,.closing h2{font-family:Paint Marker,cursive;font-weight:400;letter-spacing:-.035em;line-height:1.14}
h1{font-size:clamp(48px,6.3vw,87px);max-width:1250px;margin:24px auto 30px}h1 mark{padding:0 18px 10px;white-space:nowrap}.section-heading h2{font-size:clamp(38px,4.2vw,58px)}.process h2,.client-benefits h2{font-size:46px}.closing h2{font-size:43px}.proof-sticker{font-family:Paint Marker,cursive;font-weight:400}
@media(max-width:700px){h1{font-size:clamp(30px,7.6vw,48px);letter-spacing:-.045em;line-height:1.24}h1 mark{padding:0 5px 8px}.section-heading h2,.process h2,.client-benefits h2,.closing h2{font-size:34px;line-height:1.2;letter-spacing:-1px}}
/* Oversized painter hero with controlled line lengths. */
h1{font-size:clamp(54px,7.7vw,116px);max-width:1440px;line-height:1.12}.client-benefits{overflow:clip}
@media(max-width:700px){h1{font-size:clamp(32px,8.4vw,57px);line-height:1.22;letter-spacing:-.055em}h1 mark{padding-inline:0}.client-benefits{overflow:clip}}
/* Keep decorative paint inside the page canvas. */
body{overflow-x:clip}#intro{overflow:clip}
/* The painted r is the first letter of the wordmark. */
/* Promotional labels are painted gestures, not rectangular stickers. */
.proof-sticker{background:none;box-shadow:none;border:0;border-radius:0;isolation:isolate;padding:24px 33px 27px;right:-22px;top:-68px;transform:rotate(6deg);text-align:center;color:#121529;font-size:17px;line-height:1.3}
.proof-sticker:before{content:'';position:absolute;inset:-8px -15px;z-index:-1;pointer-events:none;background:url('/assets/paint-vivid.png') center/100% 100% no-repeat;transform:rotate(-4deg)}
@media(max-width:700px){.proof-sticker{right:0;top:-51px;font-size:13px;padding:18px 23px 22px}.proof-sticker:before{inset:-4px -9px}}
/* Nest the word under the painted r shoulder. */
/* Make the two-link interaction the focal point of the hero. */
#form{position:relative;max-width:940px;margin:35px auto 0;padding:28px 30px 26px;background:#fff;border:2px solid #121529;border-radius:24px;box-shadow:7px 8px 0 #b5f23c;text-align:left;scroll-margin-top:30px}
.form-invitation{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:22px}.form-invitation>span{font-size:12px;font-weight:800;letter-spacing:1.2px;color:#2548c1}.form-invitation strong{font-size:24px;letter-spacing:-.6px;color:#121529}
#form .fields{gap:18px}#form .fields label{padding:18px;background:#f5f7ff;border:2px solid #d5ddf0;border-radius:15px;cursor:text;transition:border-color .18s,box-shadow .18s,background .18s}#form .fields label:focus-within{border-color:#315bff;background:#fff;box-shadow:0 0 0 4px #315bff1a}#form .fields label:hover{border-color:#839bff}#form .fields label>span{display:flex;align-items:center;gap:10px;font-size:17px;color:#121529;margin-bottom:15px}.field-step{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:#b5f23c;font-size:16px;color:#121529;flex-shrink:0}#form .fields label:nth-child(2) .field-step{background:#ffd43b}#form .input-wrap{height:56px;background:#fff;border:1px solid #bcc8e3;border-radius:9px}#form .input-wrap input{font-size:16px;color:#121529;min-width:0}#form input::placeholder{color:#626b80;opacity:1}#form .input-wrap>span{color:#315bff}#form .primary{display:flex;align-items:center;justify-content:center;gap:22px;width:100%;margin:22px auto 0;border-radius:12px;font-size:19px;min-height:60px;box-shadow:none}#form #error:empty{display:none}#form #error{margin:14px 0 0}
@media(max-width:700px){#form{margin-top:28px;padding:21px 16px 19px;border-radius:18px;box-shadow:5px 6px 0 #b5f23c}.form-invitation{display:block;margin-bottom:18px}.form-invitation>span{font-size:11px}.form-invitation strong{display:block;margin-top:7px;font-size:23px;line-height:1.2}#form .fields{gap:12px}#form .fields label{padding:13px}#form .fields label>span{font-size:16px;margin-bottom:11px}#form .input-wrap{height:52px}#form .input-wrap input{font-size:16px}#form .primary{font-size:16px;gap:12px;padding:17px 10px;margin-top:17px}.field-step{width:27px;height:27px;font-size:14px}}
@media(prefers-reduced-motion:reduce){#form .fields label{transition:none}}
/* Rounded real paint puddles hold promotional copy. */
.paint-badge{position:absolute;display:flex;align-items:center;justify-content:center;width:206px;height:186px;padding:38px;box-sizing:border-box;isolation:isolate;text-align:center;font-family:Paint Marker,cursive;font-weight:400;font-size:17px;line-height:1.35;color:#121529;background:none;border:0;border-radius:0;box-shadow:none;z-index:4;pointer-events:none}
.paint-badge:before{content:'';position:absolute;inset:0;z-index:-1;background:url('/assets/paint-puddle-yellow.png') center/contain no-repeat;transform:none;pointer-events:none}.proof-sticker.paint-badge{right:-28px;top:-116px;transform:rotate(7deg)}.hero-proof{margin-top:115px}.paint-badge-green{right:35px;top:30px;transform:rotate(8deg)}.paint-badge-green:before{filter:hue-rotate(37deg)}.process:after{display:none}.client-benefits{position:relative;overflow:visible}.paint-badge-pink{right:-20px;top:-95px;transform:rotate(-9deg)}.paint-badge-pink:before{filter:hue-rotate(275deg)}
@media(max-width:700px){.paint-badge{width:148px;height:138px;padding:28px;font-size:13px}.proof-sticker.paint-badge{top:-90px;right:-5px}.hero-proof{margin-top:100px}.paint-badge-green{right:-4px;top:0;width:126px;height:122px;font-size:11px;padding:24px}.process{padding-top:110px}.paint-badge-pink{right:-3px;top:-66px;width:132px;height:124px;font-size:12px;padding:26px}.client-benefits{margin-top:30px}}
/* Open creative workbench: two invitations, linked by a painted gesture. */
#form{max-width:980px;padding:12px 0 0;border:0;border-radius:0;box-shadow:none;background:none;margin-top:34px}.form-invitation{justify-content:center;gap:14px;margin-bottom:27px}.form-invitation>span{font-family:Paint Marker,cursive;font-size:15px;letter-spacing:0;transform:rotate(-5deg);color:#2548c1}.form-invitation strong{font-weight:500;font-size:19px;letter-spacing:-.4px}
#form .fields{position:relative;gap:42px;isolation:isolate}#form .fields:before{content:'';position:absolute;z-index:-1;inset:12% -3% -14%;background:url('/assets/paint-vivid.png') center/100% 100% no-repeat;opacity:.92;transform:rotate(-3deg);pointer-events:none}#form .fields:after{content:'↗';position:absolute;left:50%;top:35%;transform:translate(-50%,-50%) rotate(24deg);font-size:44px;font-weight:500;color:#121529;pointer-events:none}
#form .fields label{position:relative;background:#fffef9;border:2px solid #121529;border-radius:4px 22px 5px 24px;padding:24px;box-shadow:5px 6px 0 #121529;transform:rotate(-2deg);transition:transform .2s,box-shadow .2s,border-color .2s}#form .fields label:nth-child(2){transform:rotate(2deg);border-radius:23px 5px 22px 4px}#form .fields label:hover,#form .fields label:focus-within{transform:rotate(0deg) translateY(-5px);background:#fffef9;border-color:#315bff;box-shadow:5px 9px 0 #315bff}#form .fields label>span{gap:16px;margin-bottom:21px}.field-heading{font-size:23px;letter-spacing:-.7px;font-weight:700;line-height:1.2}.field-heading small{display:block;margin-top:6px;font-size:15px;font-weight:400;letter-spacing:0;color:#5b6170}.field-step{font-family:Paint Marker,cursive;background:none!important;font-size:37px;width:47px;height:48px;transform:rotate(-6deg);color:#315bff}#form .fields label:nth-child(2) .field-step{color:#b51b66}#form .input-wrap{height:58px;border:0;border-bottom:2px solid #121529;border-radius:0;background:#edf2ff}#form .input-wrap input{font-size:17px;background:transparent}#form .input-wrap:focus-within{outline:2px solid #315bff;outline-offset:3px}#form .primary{width:max-content;max-width:100%;min-height:60px;margin-top:43px;padding:19px 36px;border-radius:50px;box-shadow:4px 5px 0 #121529;font-size:19px;border:2px solid #121529}#form .primary:hover{transform:translateY(-2px)}
@media(max-width:700px){#form{padding:0;margin-top:29px}.form-invitation{display:block;text-align:center;margin-bottom:25px}.form-invitation>span{font-size:15px;display:inline-block}.form-invitation strong{font-size:18px;margin-top:7px}#form .fields{gap:23px;padding:0 6px}#form .fields:before{inset:3% -2% 0;background-size:100% 100%;transform:rotate(5deg)}#form .fields:after{display:none}#form .fields label{padding:18px;transform:rotate(-1.5deg)}#form .fields label:nth-child(2){transform:rotate(1.5deg)}#form .fields label>span{gap:12px;margin-bottom:16px}.field-heading{font-size:21px}.field-heading small{font-size:14px}.field-step{font-size:31px;width:40px;height:43px}#form .input-wrap{height:54px}#form .input-wrap input{font-size:16px}#form .primary{font-size:16px;width:100%;padding:16px 10px;margin-top:30px}#form .fields label:focus-within{transform:none}}
@media(prefers-reduced-motion:reduce){#form .fields label,#form .primary{transition:none}}
/* Persistent, high-contrast before/after landmarks outside the images. */
.comparison-legend{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 22px;background:#fffdf7;color:#121529;border-bottom:1px solid #12152920}.comparison-legend>span{display:flex;align-items:center;gap:12px;font-size:16px;font-weight:500}.comparison-legend b{display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;border-radius:7px;font-size:17px;font-weight:800;letter-spacing:.8px;background:#121529;color:white}.comparison-legend>span:last-child b{background:#b5f23c;color:#121529}.compare-label{display:none}.real-grid .comparison-legend{border-radius:12px 12px 0 0;padding:16px}.real-grid .compare{border-radius:0 0 12px 12px}.compare-line>span{background:#b5f23c;color:#121529;border:3px solid white;box-shadow:0 3px 16px #0005}.compare-line{background:#fff;box-shadow:0 0 0 1px #12152944}
@media(max-width:700px){.comparison-legend,.real-grid .comparison-legend{padding:12px 10px;gap:10px}.comparison-legend>span{font-size:12px;gap:7px;flex-wrap:wrap}.comparison-legend>span:last-child{justify-content:flex-end}.comparison-legend b{font-size:13px;padding:9px 10px;letter-spacing:.5px}.hero-proof .comparison-legend{padding-top:18px}.compare-line>span{width:44px;height:44px;font-size:24px}}
.compare-line>span{white-space:nowrap;display:flex;align-items:center;justify-content:center;gap:0;line-height:1;font-family:Arial,sans-serif;font-size:24px;letter-spacing:1px;box-sizing:border-box}
/* Artist canvas: woven grounds, with untouched client screenshots. */
body,#intro,.examples,.outcomes,.client-benefits,.closing{background-image:url('/assets/artist-canvas.png');background-size:460px 460px;background-repeat:repeat;background-blend-mode:multiply}
body,#intro{background-color:#fffdf7}.examples{background-color:#142890}.outcomes{background-color:#ffd43b}.client-benefits{background-color:#e1edff}.closing{background-color:#121529}
#form .fields label,#form .fields label:hover,#form .fields label:focus-within,.comparison-legend,.proof-top,.hero-proof .proof-caption{background-color:#fffdf7;background-image:url('/assets/artist-canvas.png');background-size:460px;background-blend-mode:multiply}
.paint-badge{width:210px;height:142px;padding:27px 32px;font-size:18px;line-height:1.4;filter:drop-shadow(0 5px 3px #1215291c)}.paint-badge:before{inset:5px;background-color:#fff2b2;background-image:url('/assets/artist-canvas.png');background-size:280px;background-repeat:repeat;background-blend-mode:multiply;filter:none;clip-path:polygon(2% 5%,14% 3%,23% 5%,35% 2%,48% 4%,62% 1%,74% 3%,87% 2%,98% 5%,97% 20%,99% 32%,97% 48%,99% 62%,97% 79%,98% 96%,86% 94%,72% 98%,58% 96%,44% 99%,29% 96%,15% 98%,2% 94%,3% 79%,1% 65%,3% 48%,1% 33%,3% 17%)}.paint-badge-green:before{background-color:#d8f5ae;filter:none}.paint-badge-pink:before{background-color:#ffd0e7;filter:none}.proof-sticker.paint-badge{top:-102px;right:-20px}.paint-badge-green{top:37px}.paint-badge-pink{top:-78px;right:-12px}
@media(max-width:700px){body,#intro,.examples,.outcomes,.client-benefits,.closing{background-size:360px}.paint-badge{width:158px;height:113px;padding:20px 25px;font-size:13px}.proof-sticker.paint-badge{top:-85px;right:-4px}.paint-badge-green{width:144px;height:105px;top:0;right:0;font-size:12px;padding:20px}.paint-badge-pink{width:151px;height:108px;top:-64px;right:0;font-size:13px;padding:20px}.hero-proof{margin-top:103px}}
/* Keep the weave perceptible without competing with content. */
body,#intro{background-image:linear-gradient(#fffdf7b8,#fffdf7b8),url('/assets/artist-canvas.png');background-blend-mode:normal,multiply}.examples{background-image:linear-gradient(#14289088,#14289088),url('/assets/artist-canvas.png');background-blend-mode:normal,multiply}.outcomes{background-image:linear-gradient(#ffd43b99,#ffd43b99),url('/assets/artist-canvas.png');background-blend-mode:normal,multiply}.client-benefits{background-image:linear-gradient(#e1edffb0,#e1edffb0),url('/assets/artist-canvas.png');background-blend-mode:normal,multiply}.closing{background-image:linear-gradient(#12152988,#12152988),url('/assets/artist-canvas.png');background-blend-mode:normal,multiply}#form .fields label,#form .fields label:hover,#form .fields label:focus-within,.comparison-legend,.proof-top,.hero-proof .proof-caption{background-image:linear-gradient(#fffdf7aa,#fffdf7aa),url('/assets/artist-canvas.png');background-blend-mode:normal,multiply}
.form-invitation{display:flex;justify-content:center;text-align:center;margin-bottom:30px}.form-invitation>span{font-size:32px;line-height:1.2;transform:rotate(-3deg)}
@media(max-width:700px){.form-invitation{display:flex;margin-bottom:26px}.form-invitation>span{font-size:28px}}
/* Canvas labels sit on opposite image corners. */
.comparison-legend{display:none}.compare-label{display:flex;align-items:center;justify-content:center;position:absolute;z-index:3;min-width:94px;min-height:49px;padding:12px 19px;box-sizing:border-box;font-family:Paint Marker,cursive;font-size:19px;font-weight:400;line-height:1;letter-spacing:.3px;border:0;border-radius:3px;background-color:#fff6d6;background-image:linear-gradient(#fff6d655,#fff6d655),url('/assets/artist-canvas.png');background-size:230px;background-blend-mode:normal,multiply;color:#121529;box-shadow:3px 4px 0 #12152938;pointer-events:none}.compare-label.before{top:20px;left:20px;right:auto;bottom:auto;transform:rotate(-7deg)}.compare-label.after{top:auto;left:auto;right:20px;bottom:20px;transform:rotate(6deg);background-color:#b5f23c;background-image:linear-gradient(#b5f23c66,#b5f23c66),url('/assets/artist-canvas.png')}.real-grid .compare{border-radius:12px}.compare-label:after{content:'';position:absolute;left:17px;right:17px;bottom:6px;height:2px;background:currentColor;opacity:.45;transform:rotate(-2deg)}
@media(max-width:700px){.compare-label{min-width:73px;min-height:39px;padding:10px 13px;font-size:16px}.compare-label.before{top:13px;left:13px}.compare-label.after{bottom:13px;right:13px}.compare-label:after{bottom:5px;left:13px;right:13px}}
.gallery-link{display:flex;align-items:center;justify-content:center;gap:40px;width:max-content;max-width:100%;margin:35px auto 0;padding:18px 28px;background:#b5f23c;color:#121529;border-radius:40px;font-size:19px;font-weight:700}.latest-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-top:55px}.latest-heading h3{font-size:28px;margin:0}.latest-heading>span{font-size:15px;color:#d1daff}.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;margin:25px 0}.gallery-card{display:block;overflow:hidden;border-radius:14px;background:#fffdf7;color:#121529;border:1px solid #12152922;text-decoration:none;transition:transform .2s}.gallery-card:hover{transform:translateY(-5px)}.gallery-preview{height:235px;overflow:hidden;background:#e9e8e2;position:relative}.gallery-preview img{width:100%;height:100%;object-fit:cover;object-position:top}.gallery-preview iframe{width:1200px;height:850px;transform:scale(.32);transform-origin:top left;border:0;pointer-events:none}.gallery-caption{padding:20px;display:flex;flex-direction:column;gap:9px}.gallery-caption strong{font-size:20px}.gallery-caption span{font-size:14px}.gallery-page{max-width:1240px;margin:40px auto 90px;padding:0 24px;text-align:center}.gallery-page h1{font-size:76px}.gallery-page .gallery-grid{text-align:left;margin:40px 0}.gallery-page>.primary{display:inline-flex;margin-top:25px}.other-examples{display:none}
@media(max-width:900px){.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.latest-heading{display:block}.latest-heading>span{display:block;margin-top:10px}.gallery-page h1{font-size:58px}}@media(max-width:600px){.gallery-grid{grid-template-columns:1fr}.gallery-page h1{font-size:42px}.gallery-preview{height:235px}.gallery-link{font-size:17px}.latest-heading h3{font-size:25px}}
#intro h1{line-height:.91}#intro h1 mark{padding-top:0;padding-bottom:3px}
@media(max-width:700px){#intro h1{line-height:1.02}}
#form .fields label:nth-child(2) .field-step{color:var(--brand-pink)}
#form .primary{background:#2446d8;color:#fff;border-color:#121529}#form .primary:hover{background:#1934b4;color:#fff}
#form .input-wrap{background:transparent;border-bottom:2px solid #12152966;height:64px;gap:16px}#form .input-wrap>span{display:flex;align-items:center;justify-content:center;flex-shrink:0}#form .input-wrap svg{width:28px;height:28px}#form .input-wrap input{font-size:18px;background:transparent;padding-left:0}#form .input-wrap input::placeholder{color:#63636c}#form .input-wrap:focus-within{outline:none;border-bottom-color:#315bff;box-shadow:0 3px 0 #315bff}#form .input-wrap input:focus{outline:none;box-shadow:none}
@media(max-width:700px){#form .input-wrap{height:59px;gap:12px}#form .input-wrap input{font-size:16px}#form .input-wrap svg{width:26px;height:26px}}
/* Both title lines share the same painted ground. */
#intro h1{position:relative;isolation:isolate;width:max-content;max-width:calc(100% - 46px);padding:15px 25px 24px;margin-top:26px;margin-bottom:30px;line-height:.98}#intro h1:before{content:'';position:absolute;z-index:-1;inset:-27% -6% -25%;background:url('/assets/paint-vivid.png') center/100% 100% no-repeat;pointer-events:none;animation:paint-title 1.3s cubic-bezier(.14,.66,.25,1) both}#intro h1 mark{background:none;transform:none;padding:0}#intro h1 mark:before{display:none}@media(max-width:700px){#intro h1{max-width:100%;padding:10px 0 15px;line-height:1.07}#intro h1:before{inset:-20% -3% -20%}}@media(prefers-reduced-motion:reduce){#intro h1:before{animation:none;clip-path:none}}
#form .fields label,#form .fields label:hover,#form .fields label:focus-within{background-color:#fff;background-image:linear-gradient(#ffffffcc,#ffffffcc),url('/assets/artist-canvas.png');background-blend-mode:normal,multiply;background-size:460px}
.hero-proof{margin-top:78px}#intro h1:before{animation:none}#intro h1.paint-arrival:before{animation:arrival-paint 2.4s linear both}.arrival-brush{position:absolute;z-index:5;pointer-events:none;width:clamp(180px,25vw,350px);height:clamp(180px,25vw,350px);object-fit:contain;transform-origin:50% 96%;left:0;top:68%;animation:arrival-brush 2.4s linear both;filter:drop-shadow(4px 6px 5px #12152922)}@keyframes arrival-paint{0%{clip-path:inset(0 100% 0 0)}85%,100%{clip-path:inset(0 0 0 0)}}@keyframes arrival-brush{0%{left:-6%;top:76%;transform:translate(-50%,-96%) rotate(22deg);opacity:0}6%{opacity:1}42%{left:48%;top:59%;transform:translate(-50%,-96%) rotate(27deg)}85%{left:106%;top:33%;transform:translate(-50%,-96%) rotate(32deg);opacity:1}100%{left:112%;top:12%;transform:translate(-50%,-96%) rotate(40deg);opacity:0}}@media(max-width:700px){.hero-proof{margin-top:83px}.arrival-brush{width:170px;height:170px}}@media(prefers-reduced-motion:reduce){.arrival-brush{display:none}#intro h1.paint-arrival:before{animation:none}}