/* Small, intentional colour notes without adding visual clutter. */
body { background:radial-gradient(circle at 91% 4%, #ffe39a 0 7%, transparent 20%), radial-gradient(circle at 10% 90%, #f6bfd5 0 9%, transparent 24%), #dcd2f7; }
.site-header { background:rgba(220,210,247,.86); backdrop-filter:blur(12px); }
.hero h1 em { color:#6847c7; }.primary-cta { background:#6847c7; }.primary-cta:hover { background:#5032ae; }
.hero-strip { background:#fff7f4; border-color:#6847c7; }.hero-photo.photo-a { background:#edd3e0!important; }.hero-photo.photo-b { background:#d9d1ef!important; }.strip-foot { color:#6847c7; }
.flow-shell { background:linear-gradient(135deg,#dcd2f7 0%,#eee8ff 47%,#f8d4df 100%); }.flow-page h2 em { color:#6847c7; }
.flow-home { color:#6847c7; }.method-card { background:#fffaf4; }.method-card:first-child { border-color:#6847c7; }.method-card:last-child { border-color:#d67c9e; }
.preview-wrap { background:#f8c9d9; }.camera-panel { background:#fffaf4; }.camera-modal { background:#43355a99; }
footer { background:rgba(220,210,247,.8); }

/* Playful, lightweight decoration for the otherwise minimal canvas. */
.hero-copy{position:relative}.hero-copy:after{content:'✦';position:absolute;right:8%;bottom:-28px;color:#f37859;font:34px Arial;transform:rotate(14deg)}.hero-visual:before,.hero-visual:after{content:'';position:absolute;border-radius:50%;pointer-events:none}.hero-visual:before{width:18px;height:18px;background:#f37859;top:19%;right:9%;box-shadow:31px 34px 0 -4px #ffe08a,-49px 55px 0 -6px #6847c7}.hero-visual:after{width:80px;height:18px;background:#fff3c9b8;transform:rotate(-31deg);top:13%;left:13%}
.flow-shell{position:relative;overflow:hidden}.flow-shell:before,.flow-shell:after{position:absolute;pointer-events:none;z-index:0}.flow-shell:before{content:'✦  •  ✦';right:4vw;top:70px;color:#6847c7;font:22px 'DM Mono';letter-spacing:12px;transform:rotate(8deg);opacity:.72}.flow-shell:after{content:'';width:190px;height:190px;right:-78px;bottom:6%;border-radius:50%;background:radial-gradient(circle at 35% 35%,#ffe79d 0 21%,#f6bfd5 22% 46%,transparent 47%);opacity:.58}.flow-page,.flow-home{position:relative;z-index:1}.flow-page h2{position:relative}.flow-page h2:after{content:'';display:inline-block;width:32px;height:7px;margin:0 0 11px 15px;background:#f37859;transform:rotate(-6deg);vertical-align:middle}.flow-page[data-flow-page="upload"] .upload-row{position:relative;padding:16px;background:#ffffff70;border:1px solid #c8bce7;box-shadow:5px 6px 0 #c4b1e6}.flow-page[data-flow-page="upload"] .upload-row:before{content:'snap • style • save';position:absolute;right:12px;top:-10px;padding:3px 7px;background:#ffe398;color:#5a4977;font:9px 'DM Mono';letter-spacing:.5px;transform:rotate(3deg)}.preview-wrap{position:relative}.preview-wrap:before{content:'';position:absolute;width:58px;height:16px;top:-8px;left:calc(50% - 29px);background:#fff1bbad;transform:rotate(-4deg);z-index:2}.method-card{position:relative;overflow:hidden}.method-card:after{content:'✦';position:absolute;right:17px;bottom:15px;color:#6847c7;font:24px Arial;opacity:.55}.method-card:last-child:after{content:'☀';color:#f37859}.privacy-note{padding-left:2px}.photo-editor{position:relative;overflow:hidden}.photo-editor:after{content:'♡';position:absolute;right:12px;top:8px;color:#f37859;font:20px Arial;transform:rotate(-12deg)}
@media(max-width:760px){.flow-shell:before{right:20px;top:22px;font-size:16px}.hero-copy:after{right:4%;bottom:-18px}.flow-page h2:after{width:22px;margin-left:9px}.flow-page[data-flow-page="upload"] .upload-row:before{display:none}}
.site-header .brand{font-size:27px;letter-spacing:-1.2px}.site-header .brand-mark{font-size:25px}.site-header .mini-cta{margin-left:auto}footer .brand{font-size:23px;letter-spacing:-1px}footer .brand-mark{font-size:22px}@media(max-width:760px){.site-header .brand{font-size:23px}.site-header .brand-mark{font-size:21px}footer .brand{font-size:21px}}
.how{display:block;margin:0;padding:78px max(6vw,calc((100vw - 1080px)/2));background:#2e2731;color:#fff;position:relative;overflow:hidden}.how:before{content:'✦';position:absolute;right:8%;top:22px;color:#ffe398;font:56px Arial;opacity:.9}.how>div{display:block}.how h2{font-size:clamp(42px,5vw,62px);letter-spacing:-3px}.how h2 em{color:#f5b5d0}.how-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:46px}.how-steps p{min-height:138px;margin:0;padding:18px;background:#ffffff12;border:1px solid #ffffff2d;font-size:14px;line-height:1.5}.how-steps p:nth-child(2){background:#6847c7}.how-steps p:nth-child(3){background:#f37859}.how-steps b{margin-bottom:26px;color:#ffe398;font:18px 'DM Mono'}@media(max-width:760px){.how{padding:54px 22px}.how-steps{grid-template-columns:1fr;gap:9px;margin-top:30px}.how-steps p{min-height:0}.how h2{font-size:42px}}