:root{--ink:#292d12;--lime:#b5f777;--paper:#f5f5ef;--line:#d7d9d0}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:#fff;color:var(--ink);font:16px/1.5 'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #4d862c;outline-offset:5px}img{display:block;max-width:100%}.site-header{height:88px;position:sticky;top:0;background:#fffffff7;z-index:30;border-bottom:1px solid #dedfd8;backdrop-filter:blur(12px)}.nav-wrap{max-width:1440px;height:100%;padding:0 48px;display:flex;gap:36px;align-items:center;margin:auto}.brand{display:inline-flex;flex-shrink:0}.brand img{height:43px;width:127px}.main-menu{display:flex;align-items:center;gap:27px;margin-left:26px;font-size:14px}.main-menu a{white-space:nowrap}.main-menu a:hover,.login-link:hover{text-decoration:underline;text-underline-offset:5px}.chevron{font-size:16px;margin-left:3px}.nav-actions{margin-left:auto;display:flex;gap:22px;align-items:center;font-weight:700;font-size:14px}.button{display:inline-flex;justify-content:center;align-items:center;gap:22px;background:var(--lime);padding:17px 30px;border:1px solid var(--lime);border-radius:4px;font-size:18px;line-height:1.3;font-weight:700;transition:background .2s,transform .2s}.button:hover{background:#a6ee64;border-color:#a6ee64;transform:translateY(-2px)}.button.small{font-size:15px;padding:12px 20px;gap:18px}.menu-toggle{display:none;border:0;background:none;padding:7px;flex-shrink:0}.menu-toggle span{display:block;width:19px;height:2px;background:var(--ink);margin:4px 0}.hero{padding:38px 32px 0;text-align:center;overflow:hidden}h1{font-family:'Barlow Condensed','Arial Narrow',Impact,sans-serif;font-size:clamp(66px,6.2vw,98px);font-weight:900;letter-spacing:-1px;line-height:.99;margin:0 auto 27px;max-width:1150px}h1 br{display:block}.benefits{display:flex;align-items:center;justify-content:center;gap:30px;padding:0;list-style:none;margin:0 0 31px}.benefits li{display:flex;gap:11px;align-items:center}.benefits li:before{content:'';width:12px;height:7px;border-left:1.5px solid;border-bottom:1.5px solid;transform:rotate(-45deg);margin-top:-5px}.hero-cta{min-width:252px}.hero-note{margin:20px 0 55px;font-size:15px}.showcase{max-width:1120px;display:grid;grid-template-columns:1fr 1fr;gap:32px;margin:0 auto;position:relative;text-align:left}.before-panel,.after-panel{height:490px;position:relative}.before-panel{background:#ddf8b8;display:flex;align-items:center;justify-content:center;margin-top:36px}.photo-label{position:absolute;top:21px;left:25px;font-size:11px;letter-spacing:1.5px;font-weight:700;background:white;padding:8px 12px;z-index:2}.product-frame{width:65%;transform:rotate(-7deg);border:9px solid white;box-shadow:0 12px 24px #292d1226;position:relative}.product-frame img{width:100%;height:auto}.after-panel>img{width:100%;height:100%;object-fit:cover;object-position:center 45%}.dark-label{background:var(--ink);color:white}.corner{position:absolute;width:24px;height:24px;border:2px solid #526342}.corner.a{left:30px;top:65px;border-right:0;border-bottom:0}.corner.b{right:30px;top:65px;border-left:0;border-bottom:0}.corner.c{left:30px;bottom:32px;border-right:0;border-top:0}.corner.d{right:30px;bottom:32px;border-left:0;border-top:0}.upload-sticker{position:absolute;left:20px;top:-33px;width:155px;height:119px;transform:rotate(-10deg);background:white;box-shadow:0 3px 14px #292d1225;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;border:1px solid #dddfd6;font-size:15px;font-weight:700;z-index:3}.upload-sticker svg{width:37px;height:37px}.transform-arrow{position:absolute;width:143px;left:calc(50% - 88px);top:135px;z-index:5;transform:rotate(-10deg);pointer-events:none}.spark{position:absolute;right:-37px;top:17px;font-size:100px;color:#b5f777;line-height:1;transform:rotate(12deg);text-shadow:0 0 1px #292d12}.result-sticker{position:absolute;right:-28px;bottom:-29px;transform:rotate(-8deg);padding:15px 27px;background:var(--ink);color:white;font-size:20px;line-height:1.2;font-weight:500}.result-sticker strong{color:var(--lime);font-size:28px}.under-showcase{max-width:1120px;margin:31px auto 0;padding:24px 0 45px;display:flex;justify-content:space-between;align-items:center;gap:20px}.example-note{font-size:11px;color:#7a7c6e}.mini-promise{font-size:14px;font-weight:600}.mini-promise>span{font-size:23px;margin-right:10px;vertical-align:middle}.how-section{background:var(--paper);padding:100px 32px 105px;margin-top:6px}.how-wrap{max-width:1250px;margin:auto;display:grid;grid-template-columns:1fr 1.04fr;gap:88px;align-items:stretch}h2{font-size:48px;letter-spacing:-2px;line-height:1.08;margin:0 0 44px;font-weight:800}.steps{margin-bottom:38px}.step{border:0;border-bottom:2px solid #d3d6cc;display:grid;grid-template-columns:25px 1fr 18px;gap:18px;padding:22px 0;background:transparent;text-align:left;width:100%;position:relative}.step:first-child{padding-top:0}.step:after{content:'';position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--ink);transition:width .3s}.step.active:after{width:100%}.step-number{font-size:23px;font-weight:700;line-height:1.3}.step strong{font-size:23px;line-height:1.3;display:block;letter-spacing:-.5px}.step-description{font-size:15px;line-height:1.6;display:block;margin-top:4px;max-width:380px}.step-arrow{opacity:0;font-size:20px;transition:opacity .2s}.step:hover .step-arrow,.step.active .step-arrow{opacity:1}.how-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap}.dark-button{background:var(--ink);color:white;border-color:var(--ink);font-size:16px;padding:15px 24px}.dark-button:hover{background:#424827;border-color:#424827}.text-link{font-size:14px;text-decoration:underline;text-underline-offset:4px}.text-link span{margin-left:8px}.step-visual{background:#a4e6f5;position:relative;min-height:620px;overflow:hidden;transition:background .35s}.step-visual[data-current="1"]{background:#e2edc5}.step-visual[data-current="2"]{background:#edcabe}.visual-slide{position:relative;width:100%;height:100%;min-height:620px;animation:arrive .4s ease}.visual-slide[hidden]{display:none}.visual-kicker{position:absolute;top:38px;left:0;width:100%;text-align:center;font-size:10px;letter-spacing:1.8px;font-weight:700}.upload-demo{background:white;width:66%;position:absolute;top:104px;left:17%;transform:rotate(-5deg);border:1px solid #7b9194;border-radius:5px;box-shadow:0 15px 30px #36505c20;padding:11px}.upload-demo img{width:100%;height:auto;aspect-ratio:1;object-fit:cover}.file-top{font-size:11px;padding:4px 0 12px;display:flex;align-items:center;gap:7px;color:#7e8276}.file-top>span:last-child{margin-left:auto;color:#537639}.file-dot{width:7px;height:7px;border-radius:50%;background:#b4f379}.upload-complete{display:block;text-align:center;font-weight:700;padding:15px 0 8px;font-size:16px}.cursor{position:absolute;bottom:35px;right:48px;width:85px;transform:rotate(-9deg);filter:drop-shadow(2px 5px 0 #292d1220)}.doodle{position:absolute;left:28px;bottom:40px;font-size:80px;transform:rotate(9deg)}.scene-stack img{position:absolute;object-fit:cover;width:56%;height:340px;border:8px solid white;box-shadow:0 12px 20px #292d1220}.scene-one{top:105px;left:7%;transform:rotate(-11deg)}.scene-two{top:170px;right:6%;transform:rotate(9deg)}.visual-caption{position:absolute;bottom:38px;left:0;width:100%;text-align:center;font-size:23px;font-weight:700;letter-spacing:-.7px}.campaign-card{position:absolute;top:98px;left:16%;width:68%;background:white;padding:12px;transform:rotate(5deg);box-shadow:0 12px 20px #292d1220}.campaign-card img{width:100%;height:330px;object-fit:cover}.campaign-card>span{display:flex;justify-content:space-between;gap:10px;font-size:16px;font-weight:700;margin-top:12px}.download-pill{position:absolute;bottom:40px;left:50%;transform:translateX(-50%) rotate(-4deg);white-space:nowrap;padding:12px 22px;font-size:14px;background:var(--ink);color:white;border-radius:30px}.site-footer{background:#fff}.footer-wrap{max-width:1440px;margin:auto;padding:65px 48px 70px}.footer-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:49px}.footer-top .brand img{width:150px;height:auto}.social-links{display:flex;gap:13px}.social-links a{width:36px;height:36px;border-radius:50%;background:var(--ink);color:white;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:20px}.social-links a:hover{background:#69723e}.social-links svg{width:22px;height:22px}.footer-columns{display:grid;grid-template-columns:repeat(5,1fr);gap:32px}.footer-columns h3{font-size:16px;margin:0 0 20px;font-weight:700}.footer-columns a{display:block;font-size:14px;margin:0 0 11px;line-height:1.5}.footer-columns a:hover{text-decoration:underline}.footer-bottom{background:var(--paper);padding:25px 48px;font-size:11px;color:#686b5b}.footer-bottom>div{max-width:1344px;margin:auto;display:flex;justify-content:space-between;gap:25px;align-items:center}.footer-bottom nav{display:flex;gap:23px;flex-wrap:wrap}.placeholder-toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--ink);color:white;padding:13px 23px;border-radius:4px;box-shadow:0 8px 24px #0002;z-index:50;font-size:14px}.placeholder-toast[hidden]{display:none}@keyframes arrive{from{opacity:.3;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(min-width:1500px){.hero{padding-top:47px}.showcase{max-width:1180px}.before-panel,.after-panel{height:520px}}
@media(max-width:1199px){.site-header{height:72px}.nav-wrap{padding:0 28px;gap:22px}.menu-toggle{display:block}.main-menu{display:none;position:absolute;top:71px;left:0;right:0;background:white;border-bottom:1px solid var(--line);padding:20px 30px;margin:0;gap:0;box-shadow:0 12px 15px #00000008}.main-menu.open{display:flex;flex-direction:column;align-items:stretch}.main-menu a{padding:13px 0}.nav-actions .login-link{display:none}.hero{padding-top:30px}h1{font-size:78px}.how-wrap{gap:55px}.how-actions{gap:20px}.step-visual,.visual-slide{min-height:610px}h2{font-size:44px}.step strong{font-size:22px}.before-panel,.after-panel{height:460px}.hero-note{margin-bottom:56px}.footer-bottom>div{align-items:flex-start;flex-direction:column;gap:15px}}
@media(max-width:800px){.hero{padding:34px 24px 0}h1{font-size:64px;letter-spacing:-.7px}.benefits{gap:17px;font-size:13px}.benefits li{gap:7px}.showcase{gap:22px}.before-panel,.after-panel{height:350px}.product-frame{width:78%}.upload-sticker{width:117px;height:95px;left:-7px;font-size:12px}.spark{font-size:70px;right:-17px}.result-sticker{right:-10px;font-size:16px}.result-sticker strong{font-size:22px}.transform-arrow{width:100px;left:calc(50% - 60px);top:130px}.under-showcase{align-items:center;flex-direction:column;gap:7px;padding-bottom:35px}.how-section{padding:64px 28px}.how-wrap{grid-template-columns:1fr;gap:40px}.how-copy{max-width:600px;margin:auto;width:100%}h2{font-size:43px;margin-bottom:32px}.step-description{max-width:none}.step-visual{max-width:600px;width:100%;margin:auto;min-height:620px}.visual-slide{min-height:620px}.footer-wrap{padding:45px 28px}.footer-columns{grid-template-columns:repeat(3,1fr);row-gap:35px}.footer-bottom{padding:25px 28px}}
@media(max-width:480px){.nav-wrap{padding:0 16px;gap:13px}.brand img{width:107px}.button.small{padding:11px 14px;font-size:13px;gap:10px}.hero{padding:32px 18px 0}h1{font-size:51px;line-height:1.02;letter-spacing:-.5px;margin-bottom:23px}.benefits{gap:10px;font-size:10px;margin-bottom:25px}.benefits li{gap:5px}.benefits li:before{width:8px;height:5px}.button.hero-cta{font-size:16px;padding:16px 24px}.hero-note{font-size:13px;margin:17px 0 47px}.showcase{gap:13px}.before-panel,.after-panel{height:270px}.before-panel{margin-top:23px}.product-frame{border-width:5px;width:83%}.photo-label{font-size:7px;letter-spacing:.6px;left:10px;top:12px;padding:6px 7px}.before-panel>.photo-label{top:auto;bottom:9px;left:10px}.corner{width:12px;height:12px}.corner.a,.corner.b{top:52px}.corner.a,.corner.c{left:12px}.corner.b,.corner.d{right:12px}.corner.c,.corner.d{bottom:45px}.upload-sticker{width:94px;height:78px;font-size:10px;top:-27px;left:0;gap:2px}.upload-sticker svg{width:28px;height:28px}.transform-arrow{width:73px;top:115px;left:calc(50% - 45px)}.spark{font-size:52px;right:-14px;top:30px}.result-sticker{right:-7px;bottom:-15px;padding:10px 14px;font-size:13px}.result-sticker strong{font-size:19px}.under-showcase{margin-top:24px}.example-note{font-size:9px}.mini-promise{font-size:11px}.how-section{padding:49px 22px 55px}h2{font-size:39px}.step{gap:12px;grid-template-columns:20px 1fr 16px;padding:21px 0}.step strong{font-size:20px}.step-number{font-size:21px}.step-description{font-size:13px}.how-actions{gap:18px}.text-link{font-size:12px}.step-visual,.visual-slide{min-height:480px}.visual-kicker{top:26px;font-size:8px}.upload-demo{top:75px;width:72%;left:14%}.upload-complete{font-size:13px;padding:11px 0 4px}.cursor{width:65px;right:22px;bottom:18px}.doodle{font-size:58px;bottom:15px;left:20px}.scene-stack img{height:270px}.scene-one{top:83px}.scene-two{top:132px}.visual-caption{font-size:20px;bottom:30px}.campaign-card{top:76px;width:73%;left:13.5%}.campaign-card img{height:260px}.campaign-card>span{font-size:12px}.download-pill{bottom:25px;font-size:12px}.footer-wrap{padding:37px 22px}.footer-top{align-items:flex-start;gap:20px;flex-direction:column;margin-bottom:35px}.footer-columns{grid-template-columns:repeat(2,1fr);gap:28px 20px}.footer-columns h3{font-size:15px;margin-bottom:16px}.footer-columns a{font-size:12px;margin-bottom:10px}.footer-top .brand img{width:125px}.social-links a{width:30px;height:30px;font-size:17px}.footer-bottom{padding:22px}.footer-bottom nav{gap:12px 20px;font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}