:root{--navy:#071022;--navy2:#0d1836;--ink:#18213a;--muted:#667089;--cyan:#24d6ed;--blue:#3976ff;--purple:#8e4df4;--pink:#ec4caa;--coral:#ff6f61;--white:#fff;--soft:#f5f7fc}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;overflow-x:hidden}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}.site-header{position:sticky;top:0;z-index:50;height:76px;padding:0 clamp(20px,5vw,76px);display:flex;align-items:center;gap:30px;background:#070d1ef2;color:#fff;border-bottom:1px solid #ffffff17;backdrop-filter:blur(15px)}.brand{width:225px;flex:0 0 auto}.brand img{width:100%;height:auto}.site-header nav{display:flex;align-items:center;gap:27px;margin-left:auto;color:#bec9df;font-size:13px;font-weight:700}.site-header nav a:hover{color:#59e5f6}.menu-button{display:none;margin-left:auto;border:0;background:transparent;color:#fff;font-size:26px}.button{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:48px;padding:12px 20px;border-radius:12px;font-weight:850;transition:.2s ease}.button:hover{transform:translateY(-2px);filter:brightness(1.08)}.button.small{min-height:40px;padding:9px 16px;background:linear-gradient(95deg,#18bee6,#5770f4 55%,#a84be9);font-size:13px}.button.primary{color:#fff;background:linear-gradient(105deg,#10bedc,#4d73fa 52%,#aa48ec);box-shadow:0 15px 34px #514de63a}.button.ghost{border:1px solid #687494;color:#e2e8f5}.button.light{color:#24305b;background:#fff;box-shadow:0 14px 34px #0411313b}.button.outline-light{color:#fff;border:1px solid #ffffff8a}.hero{position:relative;isolation:isolate;min-height:650px;padding:80px clamp(22px,6vw,92px);display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:6vw;overflow:hidden;background:radial-gradient(circle at 72% 28%,#19376d 0,#0d1937 31%,#070c1e 68%);color:#fff}.hero:before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#ffffff05 1px,transparent 1px),linear-gradient(90deg,#ffffff05 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to right,#000,transparent 72%)}.orb{position:absolute;z-index:-1;width:360px;height:360px;border-radius:50%;filter:blur(100px);opacity:.3}.orb-one{right:20%;top:4%;background:#1bd6ed}.orb-two{right:-8%;bottom:-20%;background:#ce45e6}.eyebrow{margin:0 0 14px;color:#6ceafa;font-size:12px;font-weight:900;letter-spacing:2.1px;text-transform:uppercase}.eyebrow.purple{color:#7651eb}.eyebrow.coral{color:#ee5f61}.eyebrow.aqua{color:#33d5e5}.hero h1{max-width:760px;margin:0;font-size:clamp(50px,5.6vw,84px);line-height:.98;letter-spacing:-4px}.hero h1 span,.section-heading h2 span,.facebook-copy h2 span,.center-heading h2 span,.how-section h2 span{display:block;background:linear-gradient(90deg,#1dd8ea,#5d78ff 52%,#c24ced);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-lead{max-width:640px;margin:25px 0;color:#b9c5db;font-size:18px;line-height:1.65}.actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.benefits{display:flex;gap:18px;flex-wrap:wrap;margin-top:23px;color:#8797b4;font-size:12px}.benefits span:before{color:#47dea6}.hero-visual{position:relative;max-width:760px;justify-self:center}.hero-photo{padding:10px;border:1px solid #94a7db59;border-radius:26px;background:#ffffff12;box-shadow:0 35px 90px #000a;transform:rotate(1deg)}.hero-photo img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:18px}.floating-card{position:absolute;padding:12px 16px;border:1px solid #ffffff31;border-radius:13px;background:#101b37e8;box-shadow:0 16px 40px #0007;backdrop-filter:blur(10px)}.floating-card b,.floating-card span{display:block}.floating-card span{margin-top:3px;color:#aebbd1;font-size:11px}.top-card{left:-32px;top:25px}.bottom-card{right:-25px;bottom:20px;display:flex;align-items:center;gap:9px}.bottom-card i{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,#1ad3e9,#aa4bea)}.promise-bar{min-height:70px;padding:18px clamp(20px,5vw,76px);display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;background:linear-gradient(90deg,#0e1834,#17234b,#0e1834);color:#adb9d0;font-size:12px}.promise-bar strong{color:#57e4f4;text-transform:uppercase;letter-spacing:1.4px}.promise-bar span:before{content:"✦";margin-right:8px;color:#a565f2}.feature{padding:90px clamp(22px,6vw,92px);display:grid;grid-template-columns:.78fr 1.22fr;align-items:center;gap:6vw}.color-feature{background:linear-gradient(135deg,#fff 0,#f6f8ff 48%,#fbf3ff 100%)}.background-feature{grid-template-columns:.9fr 1.1fr;background:#fff}.section-heading h2,.facebook-copy h2,.center-heading h2{margin:0;font-size:clamp(40px,4.6vw,66px);line-height:1.02;letter-spacing:-2.7px}.section-heading>p:not(.eyebrow),.facebook-copy>p:not(.eyebrow),.center-heading>p:not(.eyebrow){max-width:620px;color:var(--muted);font-size:16px;line-height:1.75}.text-link{display:inline-block;margin-top:9px;color:#5a55db;font-weight:900}.compare-card{min-width:0}.compare-frame{position:relative;overflow:hidden;border:10px solid #fff;border-radius:22px;background:#eef1f7;box-shadow:0 25px 70px #2034662b;user-select:none}.compare-frame.landscape{aspect-ratio:3/2}.compare-frame.portrait{aspect-ratio:2/3;max-height:690px;margin:auto}.compare-frame>img,.compare-after,.compare-after img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.compare-after{clip-path:inset(0 0 0 50%)}.compare-frame.portrait img{object-position:center top}.compare-frame input{position:absolute;inset:0;z-index:7;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize}.divider{position:absolute;z-index:6;left:50%;top:0;bottom:0;width:3px;background:#fff;box-shadow:0 0 12px #0007;transform:translateX(-50%);pointer-events:none}.divider span{position:absolute;left:50%;top:50%;width:44px;height:44px;display:grid;place-items:center;border-radius:50%;transform:translate(-50%,-50%);background:linear-gradient(135deg,#25d2e9,#9851ec);color:#fff;font-weight:900;box-shadow:0 9px 25px #291e724f}.label{position:absolute;z-index:5;top:16px;padding:7px 11px;border-radius:8px;background:#091228d9;color:#fff;font-size:10px;font-weight:900;letter-spacing:1.3px;text-transform:uppercase}.before-label{left:16px}.after-label{right:16px;background:#774ce4dd}.compare-help{text-align:center;color:#7a849a;font-size:12px}.portrait-card{max-width:470px;justify-self:center}.check-list{margin:24px 0 28px;padding:0;list-style:none;color:#4c5871}.check-list li{margin:10px 0}.check-list li:before{content:"✓";display:inline-grid;place-items:center;width:24px;height:24px;margin-right:10px;border-radius:50%;background:#e9f9f2;color:#22a36e;font-weight:900}.facebook-feature{position:relative;overflow:hidden;padding:88px clamp(22px,6vw,92px);display:grid;grid-template-columns:.72fr 1.28fr;align-items:center;gap:5vw;background:linear-gradient(120deg,#0d1e45,#203e85 54%,#883eba);color:#fff}.facebook-feature:before{content:"";position:absolute;width:450px;height:450px;right:-100px;top:-160px;border-radius:50%;background:#20daec33;filter:blur(70px)}.facebook-copy,.facebook-card{position:relative;z-index:2}.facebook-copy>p:not(.eyebrow){color:#d2d9ea}.mini-steps{display:flex;gap:9px;flex-wrap:wrap;margin:25px 0}.mini-steps span{padding:10px 12px;border:1px solid #ffffff31;border-radius:10px;background:#ffffff0e;font-size:11px}.mini-steps b{display:inline-grid;place-items:center;width:22px;height:22px;margin-right:7px;border-radius:50%;background:#fff;color:#5c4bdc}.facebook-card{margin:0;padding:12px;border:1px solid #ffffff31;border-radius:18px;background:#071126;box-shadow:0 30px 80px #0007}.browser-dots{display:flex;align-items:center;gap:6px;padding:2px 2px 12px;color:#8c9ab8;font-size:10px}.browser-dots i{width:8px;height:8px;border-radius:50%;background:#ff6d6d}.browser-dots i:nth-child(2){background:#ffd05a}.browser-dots i:nth-child(3){background:#56d98b}.browser-dots strong{margin-left:auto;color:#67e8f3}.facebook-card img{width:100%;border-radius:10px}.facebook-card figcaption{padding:9px 4px 2px;color:#8290ac;font-size:10px;text-align:right}.tools-section{padding:90px clamp(22px,6vw,92px);background:linear-gradient(180deg,#f7f9fe,#fff)}.center-heading{max-width:820px;margin:0 auto 45px;text-align:center}.center-heading>p:not(.eyebrow){margin-left:auto;margin-right:auto}.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;max-width:1180px;margin:auto}.tool-card{position:relative;overflow:hidden;padding:28px;border:1px solid #e2e6ef;border-radius:18px;background:#fff;box-shadow:0 14px 40px #28396010}.tool-card:after{content:"";position:absolute;width:110px;height:110px;right:-35px;bottom:-45px;border-radius:50%;background:var(--accent);opacity:.1}.tool-card i{display:grid;place-items:center;width:46px;height:46px;border-radius:13px;background:var(--accent);color:#fff;font-size:20px;font-style:normal;font-weight:900}.tool-card h3{margin:18px 0 8px}.tool-card p{margin:0;color:var(--muted);font-size:14px;line-height:1.6}.tool-card.cyan{--accent:#16bbda}.tool-card.purple-card{--accent:#7b55e8}.tool-card.pink{--accent:#e447a2}.tool-card.orange{--accent:#f1833a}.tool-card.blue{--accent:#3b7ff0}.tool-card.green{--accent:#31aa78}.how-section{padding:80px clamp(22px,6vw,92px);background:#0b132b;color:#fff}.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:1050px;margin:auto}.how-grid article{padding:27px;border:1px solid #ffffff18;border-radius:17px;background:#ffffff08;text-align:center}.how-grid b{display:grid;place-items:center;width:48px;height:48px;margin:auto;border-radius:50%;background:linear-gradient(135deg,#19cce5,#7a53ed);font-size:18px}.how-grid h3{margin:17px 0 7px}.how-grid p{margin:0;color:#9facbf;font-size:14px}.final-cta{margin:0;padding:70px clamp(22px,6vw,92px);display:flex;align-items:center;justify-content:space-between;gap:30px;background:linear-gradient(110deg,#12bdd9,#486ef5 52%,#ad44e7);color:#fff}.final-cta h2{max-width:760px;margin:0;font-size:clamp(38px,4.7vw,64px);line-height:1.02;letter-spacing:-2.5px}.final-cta p:not(.eyebrow){margin-bottom:0;color:#e7eaff}footer{min-height:110px;padding:25px clamp(22px,5vw,76px);display:flex;align-items:center;gap:25px;background:#050a19;color:#8390aa;font-size:12px}footer img{width:190px}footer p{margin:auto}footer span{margin-left:auto}.reveal{opacity:0;transform:translateY(22px);transition:opacity .65s ease,transform .65s ease}.reveal.visible{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.reveal{opacity:1;transform:none;transition:none}}
@media(max-width:1000px){.site-header nav{display:none;position:absolute;left:0;right:0;top:76px;padding:24px;background:#080f23;flex-direction:column}.site-header nav.open{display:flex}.menu-button{display:block}.hero,.feature,.background-feature,.facebook-feature{grid-template-columns:1fr}.hero{padding-top:60px;text-align:center}.hero-copy{max-width:850px;margin:auto}.hero-lead{margin-left:auto;margin-right:auto}.hero .actions,.benefits{justify-content:center}.hero-visual{max-width:780px}.feature{gap:45px}.color-feature .section-heading{text-align:center}.color-feature .section-heading p{margin-left:auto;margin-right:auto}.background-feature .portrait-card{order:2}.background-feature .section-heading{text-align:center}.background-feature .section-heading p{margin-left:auto;margin-right:auto}.check-list{display:inline-block;text-align:left}.facebook-copy{text-align:center}.facebook-copy p{margin-left:auto;margin-right:auto}.mini-steps,.facebook-copy .button{justify-content:center}.tool-grid{grid-template-columns:repeat(2,1fr)}.floating-card{display:none}}
@media(max-width:650px){.site-header{height:68px;padding:0 16px}.brand{width:176px}.site-header>.button{display:none}.site-header nav{top:68px}.hero{min-height:auto;padding:52px 18px}.hero h1{font-size:47px;letter-spacing:-2.5px}.hero-lead{font-size:16px}.hero .actions{flex-direction:column}.hero .button{width:100%}.promise-bar{justify-content:center;text-align:center}.promise-bar span{display:none}.feature,.facebook-feature,.tools-section,.how-section{padding:60px 18px}.section-heading h2,.facebook-copy h2,.center-heading h2{font-size:42px;letter-spacing:-2px}.color-feature{display:flex;flex-direction:column}.color-feature .section-heading{order:1}.color-feature .compare-card{order:2}.compare-frame{border-width:6px;border-radius:16px}.portrait-card{max-width:360px}.tool-grid,.how-grid{grid-template-columns:1fr}.facebook-card{padding:8px}.browser-dots strong{font-size:8px}.mini-steps span{width:100%;text-align:left}.final-cta{padding:55px 18px;text-align:center;flex-direction:column}.final-cta .actions{justify-content:center}footer{flex-direction:column;text-align:center}footer p,footer span{margin:0}.reveal{opacity:1;transform:none}}

/* Compact desktop navigation */
@media(min-width:1001px){.site-header{height:68px;padding-left:clamp(18px,4vw,60px);padding-right:clamp(18px,4vw,60px);gap:22px}.brand{width:205px}.site-header nav{gap:20px;font-family:Roboto,Arial,sans-serif;font-size:12px;font-weight:500;line-height:1.25}.site-header>.button.small{min-height:36px;padding:8px 14px;font-family:Roboto,Arial,sans-serif;font-size:12px;font-weight:500}}

@media(min-width:1001px){.site-header{height:64px;gap:18px}.brand{width:190px}.site-header nav{gap:17px;font-size:11px;font-weight:400;line-height:1;letter-spacing:.1px}.site-header nav a{white-space:nowrap}.site-header>.button.small{min-height:34px;padding:7px 13px;font-size:11px;font-weight:500;line-height:1;white-space:nowrap}}
.sketch-feature{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(440px,1.2fr);gap:clamp(38px,6vw,92px);align-items:center;padding:110px clamp(24px,6vw,110px);background:linear-gradient(135deg,#fff8f0 0,#fff 46%,#f2efff 100%)}
.sketch-showcase{min-width:0}.sketch-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:16px;border-radius:30px;background:#fff;box-shadow:0 24px 65px rgba(41,34,83,.16)}
.sketch-pair figure{position:relative;overflow:hidden;margin:0;aspect-ratio:2/3;border-radius:20px;background:#eee}.sketch-pair img{display:block;width:100%;height:100%;object-fit:cover}
.sketch-badge{position:absolute;z-index:1;top:14px;left:14px;padding:7px 12px;border-radius:999px;background:#17203b;color:#fff;font-size:12px;font-weight:800;box-shadow:0 5px 18px #0003}.sketch-badge.after{background:linear-gradient(135deg,#7357ff,#d145c8)}
.sketch-style-buttons{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:18px}.sketch-style-buttons button{border:1px solid #d9d7e8;border-radius:999px;background:#fff;color:#4d5267;padding:9px 14px;font:700 13px/1.1 inherit;cursor:pointer;box-shadow:0 5px 15px #40326a12;transition:.2s ease}.sketch-style-buttons button:hover,.sketch-style-buttons button.active{border-color:transparent;background:linear-gradient(135deg,#7357ff,#d145c8);color:#fff;transform:translateY(-2px)}
@media(max-width:900px){.sketch-feature{grid-template-columns:1fr;padding:80px 22px}.sketch-showcase{width:min(100%,680px);margin:auto}}
@media(max-width:520px){.sketch-pair{gap:7px;padding:8px;border-radius:20px}.sketch-pair figure{border-radius:14px}.sketch-badge{top:8px;left:8px;padding:5px 8px;font-size:10px}.sketch-style-buttons button{padding:8px 10px;font-size:12px}}
.social-resize-feature{display:grid;grid-template-columns:minmax(440px,1.15fr) minmax(280px,.85fr);gap:clamp(38px,6vw,92px);align-items:center;padding:110px clamp(24px,6vw,110px);background:linear-gradient(135deg,#eefcff 0,#fff 48%,#fff3eb 100%)}
.social-resize-demo{display:grid;place-items:center;min-width:0}.social-platform-card{width:min(100%,720px);padding:18px;border-radius:30px;background:#fff;box-shadow:0 24px 65px rgba(29,72,92,.16)}
.social-preview-frame{position:relative;width:min(100%,var(--social-width));margin:auto;overflow:hidden;border-radius:22px;background:#151a29;transition:width .35s ease,aspect-ratio .35s ease;aspect-ratio:var(--social-ratio)}
.social-preview-frame img{display:block;width:100%;height:100%;object-fit:cover;object-position:47% center;transition:object-position .35s ease}.social-size-badge{position:absolute;right:14px;bottom:14px;padding:7px 11px;border-radius:999px;background:#111a;color:#fff;font-size:12px;font-weight:800;backdrop-filter:blur(8px)}
.social-preset-buttons{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:16px}.social-preset-buttons button{border:1px solid #d8ddec;border-radius:999px;background:#fff;color:#4d5267;padding:9px 14px;font:700 13px/1.1 inherit;cursor:pointer;transition:.2s ease}.social-preset-buttons button:hover,.social-preset-buttons button.active{border-color:transparent;background:linear-gradient(135deg,#ff7a59,#7357ff);color:#fff;transform:translateY(-2px)}
@media(max-width:900px){.social-resize-feature{grid-template-columns:1fr;padding:80px 22px}.social-resize-demo{order:2}.social-resize-feature .section-heading{order:1}}
@media(max-width:520px){.social-platform-card{padding:9px;border-radius:20px}.social-preview-frame{border-radius:14px}.social-preset-buttons button{padding:8px 10px;font-size:12px}}

/* Larger Background Changer family comparison. */
.background-feature{grid-template-columns:minmax(540px,1fr) minmax(440px,1fr);gap:clamp(42px,5vw,82px)}
.background-feature .portrait-card{width:min(100%,640px);max-width:640px}
.background-feature .compare-frame.portrait{width:100%;max-height:none;aspect-ratio:2/3}
.background-feature .compare-frame.portrait img{object-fit:cover;object-position:center top}
@media(max-width:1100px){.background-feature{grid-template-columns:1fr}.background-feature .portrait-card{width:min(100%,600px)}}
@media(max-width:650px){.background-feature .portrait-card{width:min(100%,430px)}}

/* On phones, enlarge the car inside the Color Changer comparison so its
   paint color and details remain easy to see. */
@media(max-width:650px){
  .color-feature .compare-card{width:100%;margin:0}
  .color-feature .compare-frame.landscape{width:100%;aspect-ratio:3/2}
  .color-feature .compare-frame.landscape>img,
  .color-feature .compare-frame.landscape .compare-after img{transform:scale(1.62);object-position:center center}
}

.cartoon-feature{background:linear-gradient(135deg,#fff3f8 0,#fff 46%,#eefcff 100%)}
.product-selling-feature{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,460px);align-items:center;gap:clamp(42px,6vw,84px);padding:84px clamp(24px,6vw,92px);background:linear-gradient(125deg,#071126 0,#13285c 52%,#61288c 100%);color:#fff}
.product-selling-feature:before,.product-selling-feature:after{content:"";position:absolute;z-index:-1;border-radius:50%;filter:blur(90px);opacity:.28}
.product-selling-feature:before{width:440px;height:440px;left:-160px;bottom:-180px;background:#19d9ed}
.product-selling-feature:after{width:400px;height:400px;right:-120px;top:-130px;background:#f04ca8}
.product-selling-copy{min-width:0}
.product-selling-copy h2{max-width:720px;margin:0;font-size:clamp(38px,4.2vw,62px);line-height:1.04;letter-spacing:-2.4px}
.product-selling-copy h2 span{display:block;background:linear-gradient(90deg,#28d9ef,#7d73ff 48%,#f05bb3);-webkit-background-clip:text;background-clip:text;color:transparent}
.product-selling-copy>p:not(.eyebrow){max-width:680px;margin:22px 0 0;color:#c7d2e7;font-size:16px;line-height:1.7}
.product-selling-list{display:grid;gap:16px;max-width:720px;margin:28px 0 32px;padding:0;list-style:none}
.product-selling-list li{position:relative;display:block;margin:0;padding-left:44px}
.product-selling-list li:before{content:"✓";position:absolute;left:0;top:1px;display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:linear-gradient(135deg,#1bd3e9,#9b51ed);font-weight:900}
.product-selling-list strong,.product-selling-list span{display:block}
.product-selling-list strong{font-size:16px;line-height:1.35}
.product-selling-list span{margin-top:5px;color:#aebbd3;font-size:14px;line-height:1.55}
.product-selling-visual{justify-self:center;width:min(100%,460px);margin:0;padding:10px;border:1px solid #ffffff35;border-radius:22px;background:#071020cc;box-shadow:0 28px 70px #0008}
.product-selling-visual img{display:block;width:100%;height:auto;max-height:640px;object-fit:contain;border-radius:14px}
.product-selling-visual figcaption{padding:10px 8px 3px;color:#9cabc6;font-size:12px;line-height:1.45;text-align:center}
@media(max-width:1000px){.product-selling-feature{grid-template-columns:1fr;text-align:center}.product-selling-copy>p:not(.eyebrow){margin-left:auto;margin-right:auto}.product-selling-list{margin-left:auto;margin-right:auto;text-align:left}.product-selling-copy .actions{justify-content:center}.product-selling-visual{width:min(100%,420px)}}
@media(max-width:650px){.product-selling-feature{padding:58px 18px}.product-selling-copy h2{font-size:38px;letter-spacing:-1.7px}.product-selling-copy .actions{flex-direction:column}.product-selling-copy .button{width:100%}.product-selling-visual{width:min(100%,360px);padding:7px;border-radius:18px}.product-selling-visual img{max-height:520px}}
.cartoon-pair{background:linear-gradient(135deg,#ffffff,#f9f4ff)}
.cartoon-style-buttons button:hover,.cartoon-style-buttons button.active{background:linear-gradient(135deg,#ff6f61,#8b4df4 58%,#20bfdc)}
.expand-feature{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(560px,1.28fr);gap:clamp(38px,6vw,92px);align-items:center;padding:110px clamp(24px,6vw,110px);background:linear-gradient(135deg,#f3f0ff 0,#fff 47%,#eefcff 100%)}
.expand-showcase{position:relative;display:grid;grid-template-columns:minmax(180px,.62fr) minmax(340px,1.38fr);align-items:center;gap:18px;min-width:0;padding:18px;border:1px solid #e5e8f2;border-radius:30px;background:#fff;box-shadow:0 24px 65px rgba(41,34,83,.16)}
.expand-showcase figure{position:relative;overflow:hidden;margin:0;border-radius:20px;background:#e9edf5}.expand-showcase img{display:block;width:100%;height:100%;object-fit:cover}.expand-before{aspect-ratio:1/1}.expand-after{aspect-ratio:16/9}.expand-badge{position:absolute;z-index:2;top:12px;left:12px;padding:7px 11px;border-radius:9px;background:#101b37e8;color:#fff;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.expand-badge.after{background:#704fe4e8}.expand-arrow{position:absolute;z-index:3;left:31.4%;top:50%;display:grid;place-items:center;width:48px;height:48px;border:4px solid #fff;border-radius:50%;background:linear-gradient(135deg,#22cae4,#7955ec);color:#fff;box-shadow:0 9px 25px rgba(41,30,114,.3);transform:translate(-50%,-50%);font-size:25px;font-weight:900}.expand-showcase>.compare-help{grid-column:1/-1;margin:0;padding-top:2px}
@media(max-width:1000px){.expand-feature{grid-template-columns:1fr;padding:80px 22px}.expand-feature .section-heading{text-align:center}.expand-feature .section-heading>p{margin-left:auto;margin-right:auto}.expand-showcase{width:min(100%,900px);margin:auto}}
@media(max-width:650px){.expand-feature{padding:60px 18px}.expand-showcase{grid-template-columns:1fr;padding:9px;border-radius:20px}.expand-showcase figure{border-radius:14px}.expand-before{width:72%;justify-self:center}.expand-arrow{position:relative;left:auto;top:auto;justify-self:center;width:42px;height:42px;transform:rotate(90deg);margin:-10px 0}.expand-showcase>.compare-help{grid-column:1}.expand-badge{top:8px;left:8px;padding:5px 8px;font-size:10px}}

/* AI Headshot: two complete images side by side. */
.headshot-showcase{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;align-items:center;padding:18px;border:1px solid rgba(111,91,255,.18);border-radius:30px;background:rgba(255,255,255,.92);box-shadow:0 24px 65px rgba(20,31,68,.12)}
.headshot-example{position:relative;aspect-ratio:1/1;margin:0;overflow:hidden;border-radius:20px;background:#eef2f7}
.headshot-example img{display:block;width:100%;height:100%;object-fit:contain}
.headshot-badge{position:absolute;z-index:2;top:16px;left:16px;padding:9px 16px;border-radius:12px;background:#111a3a;color:#fff;font-size:.76rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.headshot-badge.after{background:linear-gradient(135deg,#5d65f5,#8a4df1)}
.headshot-arrow{position:absolute;z-index:3;left:50%;top:calc(50% - 22px);display:grid;width:56px;height:56px;place-items:center;border:4px solid #fff;border-radius:50%;background:linear-gradient(135deg,#24c5e8,#7751ef);box-shadow:0 10px 25px rgba(59,70,160,.28);color:#fff;font-size:1.65rem;transform:translate(-50%,-50%)}
.headshot-showcase>.compare-help{grid-column:1/-1;margin:0;text-align:center}
@media(max-width:650px){.headshot-showcase{grid-template-columns:1fr;padding:12px}.headshot-arrow{top:50%;transform:translate(-50%,-50%) rotate(90deg)}.headshot-showcase>.compare-help{grid-column:1}}

/* Keep the complete homepage balanced on large and ultrawide monitors. */
@media(min-width:1700px){
  .site-header,.hero,.promise-bar,.feature,.background-feature,.sketch-feature,.social-resize-feature,.expand-feature,.facebook-feature,.product-selling-feature,.final-cta,footer{
    padding-left:max(92px,calc((100vw - 1540px)/2));
    padding-right:max(92px,calc((100vw - 1540px)/2));
  }
  .hero-visual{width:100%;max-width:720px;justify-self:end}
  .compare-card,.expand-showcase,.headshot-showcase,.sketch-showcase,.social-resize-demo{width:100%;max-width:820px;justify-self:center}
  .product-selling-visual{max-width:440px}
}