@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Serif+SC:wght@400;500;600&display=swap');
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{--bg:#faf8f3;--ink:#252a28;--muted:#7d8079;--accent:#a47d49;--panel:#fff;--line:#e3dfd6;--radius:16px;margin:0;background:var(--bg);color:var(--ink);font:16px/1.7 'DM Sans','Microsoft YaHei',sans-serif}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button,a{transition:background .2s,transform .2s,color .2s}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--accent);outline-offset:4px}button:hover{filter:brightness(.97)}img{width:100%;height:100%;object-fit:cover;display:block}figure{margin:0}h1,h2,h3,p{margin:0}h1{font-size:clamp(42px,4.4vw,70px);line-height:1.3;letter-spacing:-2px;font-weight:600}h2{font-size:clamp(27px,2.4vw,38px);font-weight:500;line-height:1.5;letter-spacing:-1px}h3{font-size:18px;font-weight:500}small{font-size:12px;color:var(--muted)}.wrap{max-width:1240px;margin:0 auto;padding-left:32px;padding-right:32px}.nav{height:94px;max-width:1360px;margin:auto;padding:0 44px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{display:flex;align-items:center;gap:12px;font-size:23px;letter-spacing:3px;font-weight:600}.brand-symbol{font-size:39px;color:var(--accent);line-height:1}.brand-en{display:block;font-size:9px;letter-spacing:2px;font-weight:500;line-height:1.4}.nav nav{display:flex;gap:32px;font-size:14px}.nav nav a:hover{color:var(--accent)}.account{display:flex;align-items:center;gap:23px}.coin,.signin{background:none;border:0;padding:0;font-size:13px}.coin{color:var(--accent)}.coin span{font-size:10px;margin-left:4px}.signin{border:1px solid var(--line);padding:9px 15px;border-radius:7px}.signin span{margin-left:8px}.eyebrow{display:block;color:var(--accent);font-size:10px;letter-spacing:2px;margin-bottom:20px;font-weight:600}.accent{color:var(--accent)}.serif{font-family:'Noto Serif SC',serif}.lead{color:var(--muted);font-size:15px;line-height:2;margin-top:24px}.primary{border:0;border-radius:6px;background:var(--ink);color:var(--bg);padding:15px 24px;font-size:14px;font-weight:500;white-space:nowrap;display:inline-flex;justify-content:center;gap:28px;align-items:center}.hero-actions{display:flex;gap:26px;align-items:center;margin-top:32px}.text-link{font-size:13px}.trust{display:flex;gap:19px;color:var(--muted);font-size:11px;margin-top:32px}.hero{max-width:1360px;margin:0 auto}.hero-one{display:grid;grid-template-columns:1fr 1fr;min-height:660px;padding:68px 52px 60px;gap:32px;align-items:center}.hero-one .hero-copy{position:relative;z-index:1}.hero-one h1{font-size:clamp(40px,4vw,62px)}.art-one{height:530px;position:relative;padding:0 5px 35px}.art-label{display:flex;justify-content:space-between;font-size:9px;letter-spacing:2px;position:absolute;top:-25px;left:5%;right:0}.art-label span{font-size:22px;color:var(--accent)}.art-one figure{position:absolute;padding:9px 9px 0;background:#fff;box-shadow:0 15px 45px #3c302212}.art-one img{height:calc(100% - 33px)}.art-one figcaption{font-size:9px;letter-spacing:1px;padding:9px 0}.art-one .portrait{width:59%;height:410px;left:0;top:18px;transform:rotate(-7deg)}.art-one .product{width:48%;height:320px;right:0;top:152px;transform:rotate(8deg)}.art-one .portrait img{object-position:50% 30%}.round-stamp{position:absolute;right:0;top:30px;border:1px solid #a47d4960;border-radius:50%;height:105px;width:105px;text-align:center;padding-top:27px;font-size:9px;letter-spacing:1px;transform:rotate(15deg);color:var(--accent)}.round-stamp b{font-family:serif;font-size:19px}.floating-note{position:absolute;left:5%;bottom:2px;font-size:11px;letter-spacing:1px}.quick-create{padding-top:28px;padding-bottom:65px;display:grid;grid-template-columns:.8fr 1.3fr;gap:55px;align-items:center}.quick-create .eyebrow{margin-bottom:8px}.composer{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:18px 20px;box-shadow:0 15px 40px #27233e04;text-align:left}.compose-tabs{display:flex;gap:8px}.compose-tabs button{background:none;border:0;border-radius:5px;padding:5px 12px;color:var(--muted);font-size:12px}.compose-tabs button.active{color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent)}.composer textarea{display:block;width:100%;border:0;background:none;color:var(--ink);resize:vertical;min-height:70px;max-height:200px;padding:15px 3px 4px;font-size:13px;line-height:1.8}.composer textarea::placeholder{color:var(--muted)}.compose-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px}.compose-bottom .primary{padding:9px 16px;font-size:12px}.compose-bottom>span{color:var(--muted);font-size:10px}.attach{font-size:12px;background:none;border:1px solid var(--line);border-radius:5px;padding:6px 11px;white-space:nowrap}.samples{padding-top:75px;padding-bottom:85px;border-top:1px solid var(--line)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px}.section-head .eyebrow{margin-bottom:10px}.section-head p{font-size:13px;color:var(--muted);margin-top:12px}.sample-note{font-size:10px;color:var(--muted);white-space:nowrap}.filters{display:flex;gap:10px;margin:28px 0}.filters button{background:none;border:1px solid transparent;padding:7px 17px;border-radius:30px;font-size:12px;color:var(--muted)}.filters button.active{background:var(--ink);color:var(--bg)}.sample-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:26px 20px}.sample-card{background:none;border:0;padding:0;text-align:left;min-width:0}.sample-card[hidden]{display:none}.sample-image{aspect-ratio:4/5;position:relative;overflow:hidden;border-radius:var(--radius);background:var(--line)}.sample-image img{transition:transform .5s}.sample-card:hover img{transform:scale(1.04)}.sample-cat{position:absolute;top:12px;left:12px;font-size:10px;background:#ffffffdc;color:#2b2e30;padding:4px 10px;border-radius:30px}.sample-use{position:absolute;bottom:12px;right:12px;background:#fff;color:#222;padding:7px 14px;font-size:11px;border-radius:30px;opacity:0;transform:translateY(6px);transition:.2s}.sample-card:hover .sample-use,.sample-card:focus-visible .sample-use{opacity:1;transform:none}.sample-info{display:flex;align-items:center;justify-content:space-between;margin-top:13px}.sample-info h3{font-size:14px}.sample-info p{color:var(--muted);font-size:10px;margin-top:4px}.sample-info>span{font-size:20px;color:var(--accent)}.business{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;padding-bottom:85px;padding-top:10px}.business-visual{height:410px;position:relative;border-radius:var(--radius);overflow:hidden}.business-visual img{object-position:50% 60%}.business-visual>span{position:absolute;bottom:16px;left:20px;background:#ffffffd9;color:#333;padding:7px 14px;font-size:9px;letter-spacing:1px}.business-copy .eyebrow{margin-bottom:15px}.business-copy>p{font-size:14px;color:var(--muted);line-height:2;margin-top:17px}.business-tags{display:flex;flex-wrap:wrap;gap:9px;margin:24px 0}.business-tags span{padding:5px 12px;border:1px solid var(--line);border-radius:30px;font-size:10px}.business-copy small{display:block;font-size:10px;margin-top:15px}.how{padding-top:65px;padding-bottom:70px;border-top:1px solid var(--line)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin:40px 0 60px}.steps>div{border-top:1px solid var(--line);padding-top:18px}.steps>div>span{font-size:27px;color:var(--accent);font-family:serif}.steps h3{font-size:16px;margin:12px 0}.steps p{font-size:12px;color:var(--muted);line-height:1.9}.delivery{display:flex;align-items:center;gap:25px;padding:35px;background:color-mix(in srgb,var(--accent) 8%,var(--bg));border-radius:var(--radius)}.mail-icon{font-size:42px;color:var(--accent)}.delivery p{font-size:12px;color:var(--muted);margin-top:6px}.delivery .primary{margin-left:auto}footer{padding-top:28px!important;padding-bottom:30px!important;border-top:1px solid var(--line);display:flex;gap:20px;align-items:center;justify-content:space-between}footer>.brand{font-size:18px}footer>.brand .brand-en{display:inline;font-size:8px}footer>span{font-size:11px;color:var(--muted)}footer small{font-size:9px}.sr{position:absolute;width:1px;height:1px;clip:rect(0,0,0,0);overflow:hidden}
/* 02 — IMMERSIVE / CREATIVE */
.v2{--bg:#101016;--ink:#f7f3ff;--muted:#9c98ae;--accent:#b99aff;--panel:#1b1925;--line:#33303e;--radius:14px}.v2 .nav{border-bottom:1px solid var(--line)}.v2 .brand-symbol{color:#d1ff8c}.v2 .primary{background:#bd9aff;color:#1a112a}.hero-two{display:grid;grid-template-columns:1.1fr .9fr;gap:65px;padding:65px 55px 80px;min-height:710px;position:relative;isolation:isolate}.hero-two .hero-copy{z-index:1}.hero-two h1{font-size:clamp(40px,4vw,61px);position:relative}.hero-two h1 sup{font-size:50px;color:#d1ff8c;position:absolute;right:20px;top:0}.hero-two .lead{margin-top:18px}.hero-two .composer{margin-top:30px}.hero-two .trust{margin-top:18px}.orbit{position:absolute;border-radius:50%;filter:blur(90px);z-index:-1;pointer-events:none}.orbit-a{width:350px;height:350px;background:#522b8d66;right:10%;top:0}.orbit-b{width:260px;height:260px;background:#29456955;left:0;bottom:0}.dark-art{padding-top:15px}.art-caption{display:flex;justify-content:space-between;font-size:9px;letter-spacing:2px;margin-bottom:15px}.dark-main{height:340px;position:relative;border-radius:120px 12px 12px 12px;overflow:hidden}.image-chip{position:absolute;left:20px;bottom:15px;padding:7px 12px;background:#161123a6;backdrop-filter:blur(12px);font-size:10px;border:1px solid #ffffff25;border-radius:20px}.dark-mini{display:grid;grid-template-columns:1fr 1fr .8fr;gap:12px;height:155px;margin-top:12px}.dark-mini img{border-radius:10px}.dark-mini>span{border:1px solid var(--line);border-radius:10px;background:#1c1727;font-size:12px;line-height:1.7;padding:20px 13px}.dark-mini b{font-size:27px;color:#d1ff8c}.v2 .samples{border:0}.v2 .business-visual{border-radius:100px 12px 12px 12px}
/* 03 — THE HELPFUL STUDIO */
.v3{--bg:#fbfcff;--ink:#172e50;--muted:#77839a;--accent:#3177e5;--line:#dde5f1;--radius:18px}.v3 .primary{background:#3177e5;color:white;border-radius:10px}.v3 .signin{background:#3177e5;border:0;color:white}.hero-three{text-align:center;max-width:none;padding:45px 32px 0;background:linear-gradient(#f6f9ff,#eaf2ff 80%,#fbfcff);overflow:hidden}.blue-pill{display:inline-block;background:#e4edff;color:#3a71c7;padding:6px 15px;border-radius:30px;font-size:12px;margin-bottom:20px}.hero-three h1{font-size:clamp(36px,4.3vw,64px)}.hero-three .lead{margin-top:15px}.center-composer{width:min(720px,100%);margin:27px auto 35px}.v3 .composer{box-shadow:0 15px 50px #3a6ca216;border-color:#cddcf3}.blue-examples{display:grid;grid-template-columns:1fr 1fr 1fr .85fr;gap:17px;max-width:1020px;margin:auto;align-items:center}.blue-examples figure{height:255px;border-radius:14px 14px 0 0;overflow:hidden;position:relative;border:6px solid white;box-shadow:0 4px 20px #3263a217;transform:rotate(-3deg)}.blue-examples figure:nth-child(2){transform:rotate(3deg);height:285px}.blue-examples figure:nth-child(3){transform:rotate(-2deg)}.blue-examples figcaption{position:absolute;bottom:0;left:0;right:0;background:white;padding:9px 4px;font-size:10px}.blue-email{text-align:left;padding-left:10px}.blue-email>span{display:block;font-size:43px;color:#3177e5}.blue-email b{font-size:20px}.blue-email p{font-size:12px;color:var(--muted);margin-top:7px}.v3 .samples{padding-top:65px;border:0}.v3 .sample-card{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:white}.v3 .sample-image{border-radius:0;aspect-ratio:1/1}.v3 .sample-info{padding:0 13px 14px}.v3 .delivery{background:#eaf2ff}
/* 04 — EDITORIAL */
.v4{--bg:#f3f0e9;--ink:#26372e;--muted:#7c8275;--accent:#a64e32;--line:#cfcfc1;--radius:0px}.v4 .nav{height:84px;border-bottom:1px solid var(--line)}.v4 .primary{border-radius:0;background:#26372e;color:#fff}.v4 .brand-symbol{color:#a64e32}.hero-four{padding:20px 50px 45px}.editorial-line{display:flex;justify-content:space-between;font-size:9px;letter-spacing:2px;margin-bottom:20px}.hero-four h1{font-size:clamp(45px,5.2vw,80px);line-height:1.25;margin-bottom:30px;letter-spacing:-3px}.hero-four h1 br{display:none}.hero-four h1 .serif{font-weight:400}.editorial-grid{display:grid;grid-template-columns:1.35fr .8fr .85fr;gap:25px;align-items:start}.editorial-cover{height:410px;position:relative}.editorial-cover img{object-position:center 55%}.editorial-cover figcaption{position:absolute;inset:auto 0 0;padding:25px;color:white;background:linear-gradient(transparent,#231a1bba)}.editorial-cover figcaption>span{font-size:9px;letter-spacing:2px}.editorial-cover b{display:block;font-family:'Noto Serif SC',serif;font-weight:400;font-size:25px;margin:4px 0}.editorial-cover button{background:white;color:#27382f;border:0;font-size:11px;padding:8px 14px;margin-top:8px}.editorial-side{height:330px;margin-top:45px}.editorial-side img{height:280px;object-position:center 25%}.editorial-side figcaption{padding-top:12px;font-size:8px;letter-spacing:1px}.editorial-side b{font-size:13px;font-weight:400}.editorial-copy{padding:46px 0 0 15px}.editorial-copy>span{font-size:10px;letter-spacing:1px;line-height:1.8}.editorial-copy p{font-size:13px;color:var(--muted);line-height:2.1;margin:28px 0}.editorial-copy>a{display:block;margin-top:23px;font-size:12px}.editorial-compose{padding-top:0;padding-bottom:60px;grid-template-columns:.8fr 1.2fr;gap:30px}.v4 .composer{box-shadow:none}.v4 .filters button{border-radius:0}.v4 .sample-image{aspect-ratio:3/4}.v4 .business{border-top:1px solid var(--line);padding-top:60px}.v4 .business-tags span{border-radius:0}
/* 05 — PLAYFUL */
.v5{--bg:#fff9ef;--ink:#2e3329;--muted:#858475;--accent:#ed754e;--line:#e7deca;--radius:22px}.v5 .brand-symbol{color:#eb764f}.v5 .primary{background:#ee7a50;color:#fff;border-radius:50px;padding:15px 25px}.v5 .signin{border:1px solid #d1d7bd;background:#e7edcf;border-radius:30px}.hero-five{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:55px 55px 65px;min-height:650px;align-items:center}.handwritten{font-family:'Noto Serif SC',serif;display:inline-block;font-size:14px;transform:rotate(-3deg);border-bottom:2px solid #ed754e60;margin-bottom:20px}.hero-five h1{font-size:clamp(42px,4.4vw,68px);position:relative}.doodle{display:inline-block;font-size:50px;color:#b8c68f;position:absolute;right:8px;top:-10px}.hero-five .lead{font-size:14px}.playful-art{position:relative;height:520px}.playful-art figure{position:absolute;border:9px solid white;border-bottom:35px solid white;box-shadow:0 12px 32px #5b443412;border-radius:4px}.playful-art figcaption{height:30px;font-size:10px;padding-top:8px;text-align:center}.play-p{width:51%;height:325px;top:0;left:0;transform:rotate(-9deg)}.play-o{width:50%;height:270px;right:0;top:105px;transform:rotate(10deg)}.play-s{width:47%;height:205px;left:11%;bottom:0;transform:rotate(-3deg)}.sticker{position:absolute;right:3%;bottom:12px;background:#dee8b6;border:2px dashed #6b7850;border-radius:50%;width:115px;height:115px;text-align:center;line-height:1.3;padding-top:29px;transform:rotate(12deg);font-family:serif}.sticker b{font-size:20px}.v5 .quick-create{padding-top:15px}.v5 .sample-card:nth-child(3n+1) .sample-image{border-radius:110px 110px 20px 20px}.v5 .sample-card:nth-child(3n+2) .sample-image{border-radius:20px 70px 20px 20px}.v5 .filters button.active{background:#ee7a50;color:white}.v5 .business{background:#edf0dc;padding-top:35px;padding-bottom:35px;margin-bottom:75px;border-radius:25px}.v5 .business-visual{height:360px}.v5 .delivery{background:#fae8d9}
/* Interaction panels */
dialog{background:var(--bg);color:var(--ink);border:1px solid var(--line);border-radius:20px;padding:32px;width:min(860px,94vw);max-height:90dvh;overflow:auto}dialog::backdrop{background:#111526a6;backdrop-filter:blur(7px)}.close{position:absolute;right:16px;top:12px;border:0;background:none;color:var(--ink);font-size:28px}.studio-head .eyebrow{margin-bottom:8px}.studio-head>p{font-size:13px;color:var(--muted);margin:8px 0 24px}.modal-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:25px}.upload{background:var(--panel);border:1px dashed var(--accent);border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;text-align:center;min-height:285px;overflow:hidden}.upload small{display:block;margin-top:10px}.upload img{max-height:350px;object-fit:contain}.upload img[hidden]{display:none}.field{display:block;font-size:12px;margin-bottom:15px}.field textarea,.field input{display:block;background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:8px;width:100%;padding:11px;margin-top:7px;font-size:13px;resize:vertical}fieldset{border:1px solid var(--line);border-radius:8px;font-size:12px}fieldset label{margin-right:15px}.modal-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:25px}.modal-bottom small{max-width:360px}#formStatus{font-size:12px;margin-top:15px;color:var(--accent)}#notice{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);max-width:90vw;background:var(--ink);color:var(--bg);box-shadow:0 8px 40px #0002;border-radius:12px;padding:14px 22px;z-index:10;font-size:13px;opacity:0;pointer-events:none;transition:.2s}#notice.show{opacity:1;transform:translate(-50%,0)}
@media(min-width:1600px){.hero{max-width:1400px}.hero-one,.hero-two,.hero-five{min-height:720px}}
@media(max-width:1050px){.nav{padding:0 25px;gap:15px}.nav nav{gap:18px}.coin span{display:none}.account{gap:15px}.hero-one,.hero-two,.hero-five{padding-left:32px;padding-right:32px;gap:25px}.hero-one h1,.hero-two h1,.hero-five h1{font-size:46px}.hero-one{min-height:600px}.art-one{height:465px}.art-one .portrait{height:355px}.art-one .product{height:280px;top:135px}.hero-two{gap:30px}.dark-main{height:300px}.dark-mini{height:140px}.compose-bottom>span{display:none}.hero-four{padding-left:32px;padding-right:32px}.editorial-grid{grid-template-columns:1.2fr .8fr}.editorial-copy{grid-column:1/-1;display:flex;gap:30px;align-items:center;padding:0}.editorial-copy p{margin:0}.editorial-copy>a{margin:0}.hero-four h1{font-size:58px}.sample-grid{gap:22px 15px}.business{gap:35px}.business-visual{height:365px}.playful-art{height:460px}.play-p{height:280px}.play-o{height:235px}.play-s{height:180px}.hero-five .trust{gap:11px}.trust{font-size:10px}.quick-create{gap:30px}.delivery{padding:25px}.sample-info h3{font-size:13px}footer{flex-wrap:wrap}}
@media(max-width:700px){html{scroll-padding-top:20px}.nav{height:76px;padding:0 20px;gap:15px}.nav nav{display:none}.brand{font-size:20px;gap:8px}.brand-symbol{font-size:32px}.brand-en{font-size:8px}.coin{font-size:11px}.signin{padding:7px 11px;font-size:12px}.signin span{display:none}.account{gap:13px}.wrap{padding-left:20px;padding-right:20px}h1{letter-spacing:-1.5px}.hero-one,.hero-two,.hero-five{display:flex;flex-direction:column;padding:35px 22px 40px;gap:40px;min-height:0;align-items:stretch}.hero-one h1,.hero-two h1,.hero-five h1{font-size:42px;line-height:1.35}.eyebrow{font-size:8px;letter-spacing:1.5px;margin-bottom:14px}.lead{font-size:13px!important;line-height:1.95;margin-top:18px}.desktop{display:none}.hero-actions{margin-top:25px;gap:22px}.primary{padding:13px 19px;font-size:12px}.trust{font-size:9px;gap:12px;margin-top:23px}.hero-one .hero-art{height:385px;margin:0 16px}.art-one .portrait{height:290px;width:60%;top:10px}.art-one .product{height:235px;width:48%;top:110px}.art-label{font-size:7px}.round-stamp{width:80px;height:80px;font-size:7px;padding-top:20px;top:5px}.round-stamp b{font-size:15px}.floating-note{font-size:9px}.quick-create{display:block;padding-top:20px;padding-bottom:40px}.quick-create h2{font-size:26px}.quick-create .composer{margin-top:20px}.composer{padding:14px}.composer textarea{font-size:12px}.compose-tabs button{font-size:11px;padding:5px 10px}.compose-bottom .primary{padding:8px 13px}.samples{padding-top:38px;padding-bottom:45px}.section-head{display:block}.section-head h2{font-size:25px;letter-spacing:-.7px}.section-head p{font-size:11px}.sample-note{display:block;margin-top:12px;font-size:9px}.filters{gap:3px;margin:20px 0;flex-wrap:wrap}.filters button{padding:6px 12px;font-size:11px}.sample-grid{grid-template-columns:repeat(2,1fr);gap:22px 13px}.sample-info h3{font-size:12px}.sample-info p{font-size:9px}.sample-cat{font-size:8px;top:8px;left:8px;padding:3px 8px}.sample-use{opacity:1;transform:none;font-size:9px;bottom:8px;right:8px;padding:5px 9px}.sample-info>span{font-size:16px}.business{grid-template-columns:1fr;gap:27px;padding-top:15px;padding-bottom:45px}.business-visual{height:320px}.business-copy h2{font-size:29px}.business-copy>p{font-size:12px}.business-tags{margin:20px 0}.business-tags span{font-size:9px}.business-copy small{font-size:9px}.how{padding-top:35px;padding-bottom:35px}.steps{grid-template-columns:1fr;gap:22px;margin:25px 0 35px}.steps>div{position:relative;padding-left:52px;padding-top:15px}.steps>div>span{position:absolute;left:0;top:12px}.steps h3{margin:0 0 6px;font-size:15px}.steps p{font-size:11px}.delivery{padding:23px;gap:14px;flex-wrap:wrap}.mail-icon{font-size:30px}.delivery h3{font-size:15px}.delivery p{font-size:10px}.delivery>div{flex:1;min-width:210px}.delivery .primary{margin-left:0}footer{padding-top:22px!important;gap:15px}footer>.brand{font-size:17px}footer>span{font-size:10px}footer small{width:100%}.hero-two{padding-top:30px}.hero-two h1 sup{right:0;font-size:42px;top:7px}.hero-two .composer{margin-top:22px}.dark-art{padding-top:0}.dark-main{height:300px;border-top-left-radius:90px}.dark-mini{height:130px}.dark-mini>span{font-size:10px;padding:14px 10px}.dark-mini b{font-size:21px}.hero-three{padding:30px 20px 0}.blue-pill{font-size:10px;margin-bottom:15px}.hero-three h1{font-size:34px;line-height:1.5;letter-spacing:-1px}.hero-three h1 span{display:block}.hero-three .lead{margin-top:10px}.center-composer{margin:23px auto 28px}.blue-examples{gap:10px;grid-template-columns:1fr 1fr 1fr}.blue-examples figure{height:180px;border-width:4px}.blue-examples figure:nth-child(2){height:205px}.blue-examples figcaption{font-size:8px;padding:6px 2px}.blue-email{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:13px;text-align:left;margin:12px 0 20px}.blue-email>span{font-size:28px}.blue-email b{font-size:14px}.blue-email p{font-size:10px;margin:0}.blue-email br{display:none}.v3 .samples{padding-top:35px}.v4 .nav{height:76px}.hero-four{padding:17px 20px 30px}.editorial-line{font-size:7px;letter-spacing:.5px;margin-bottom:22px}.hero-four h1{font-size:40px;letter-spacing:-1px;line-height:1.5}.hero-four h1 br{display:block}.editorial-grid{grid-template-columns:1.2fr .8fr;gap:12px}.editorial-cover{height:300px}.editorial-cover figcaption{padding:15px 10px}.editorial-cover figcaption>span{font-size:7px}.editorial-cover b{font-size:17px}.editorial-cover button{font-size:9px;padding:6px 9px}.editorial-side{height:245px;margin-top:30px}.editorial-side img{height:205px}.editorial-side b{font-size:10px}.editorial-side figcaption{font-size:7px}.editorial-copy{display:block;padding-top:5px}.editorial-copy>span{font-size:8px}.editorial-copy p{font-size:12px;margin:12px 0 20px}.editorial-copy>a{display:inline-block;margin-left:18px;font-size:10px}.editorial-compose{padding-bottom:35px}.v4 .business{padding-top:30px}.hero-five{padding-top:30px;gap:30px}.handwritten{font-size:12px}.doodle{font-size:43px;right:0}.playful-art{height:390px;margin:0 10px}.play-p{height:250px}.play-o{height:210px;top:95px}.play-s{height:160px;bottom:0}.sticker{width:88px;height:88px;font-size:11px;padding-top:22px;bottom:4px;right:0}.sticker b{font-size:16px}.v5 .business{margin-left:12px;margin-right:12px;padding:20px;margin-bottom:40px}.v5 .business-visual{height:290px}.modal-grid{grid-template-columns:1fr;gap:20px}dialog{padding:25px 20px;width:94vw}.studio-head h2{font-size:25px}.studio-head p{font-size:12px}.upload{min-height:180px;max-height:240px}.upload img{max-height:240px}.modal-bottom{flex-direction:column;align-items:stretch;gap:15px}.modal-bottom .primary{width:100%}fieldset label{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.language-switch{background:none;border:1px solid var(--line);border-radius:7px;padding:6px 11px;color:var(--ink);font-size:12px;white-space:nowrap}.lang-en .nav{padding-left:30px;padding-right:30px;gap:18px}.lang-en .nav nav{gap:22px}.lang-en .account{gap:13px}.lang-en .coin>span{display:none}.lang-en h1{letter-spacing:-2px}.lang-en .hero-two h1{font-size:clamp(40px,4vw,58px);max-width:580px}.lang-en .hero-two h1 sup{right:-5px;top:-15px}.lang-en .trust{gap:12px;font-size:10px}.lang-en .compose-bottom>span{display:none}.lang-en .sample-info h3{font-size:13px}.lang-en .business-copy h2{line-height:1.3}.lang-en .steps h3{font-size:16px}.lang-en .delivery h3{font-size:18px}.lang-en .sample-note{white-space:normal}.lang-en .compose-tabs button{font-size:11px}.lang-en .modal-bottom small{max-width:330px}@media(max-width:1050px){.lang-en .nav nav{gap:12px;font-size:12px}.lang-en .coin{font-size:11px}.lang-en .nav{padding:0 22px;gap:12px}.lang-en .account{gap:10px}.lang-en .hero-two h1{font-size:42px}.lang-en .trust{flex-wrap:wrap;gap:5px 12px}}@media(max-width:700px){.language-switch{padding:6px 8px;font-size:11px}.nav{gap:10px}.account{gap:9px}.coin>span{display:none}.lang-en .nav{padding:0 16px}.lang-en .brand{font-size:19px;letter-spacing:1px}.lang-en .account{gap:8px}.lang-en .coin{font-size:10px}.lang-en .hero-two h1{font-size:40px;line-height:1.18;letter-spacing:-1.5px}.lang-en .hero-two h1 sup{right:0;top:-16px;font-size:32px}.lang-en h2{font-size:28px;line-height:1.3}.lang-en .trust{font-size:9px;gap:4px 10px}.lang-en .section-head h2{font-size:26px}.lang-en .sample-info h3{font-size:12px}.lang-en .filters{gap:3px}.lang-en .filters button{padding:6px 10px;font-size:10px}.lang-en .business-copy h2{font-size:32px}.lang-en .delivery>div{min-width:180px}.lang-en footer{gap:12px}.lang-en footer small{line-height:1.6}.lang-en .modal-grid{gap:15px}}@media(max-width:360px){.nav .brand-en{font-size:6px}.coin{display:none}.lang-en .hero-two h1{font-size:35px}}
/* Synchronized before/after reveals. Any image hover/focus pauses the whole page. */
.compare{display:block;position:relative;isolation:isolate;width:100%;height:100%;overflow:hidden;border-radius:inherit;background:var(--line);touch-action:pan-y}
.compare:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
.compare img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:none!important;transition:none!important;pointer-events:none}
.compare-before{z-index:0}.compare-after{z-index:1;clip-path:inset(0 0 0 8%);animation:comparison-reveal 9s ease-in-out infinite alternate}
.compare-divider{position:absolute;z-index:3;left:8%;top:0;bottom:0;width:2px;background:#fff;box-shadow:0 0 5px #0005;animation:comparison-line 9s ease-in-out infinite alternate;pointer-events:none}
.compare-divider>span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:27px;height:32px;background:#ffffffeb;box-shadow:0 2px 10px #0002;border-radius:16px;display:flex;align-items:center;justify-content:center;font:14px/1 system-ui;color:#30303b;letter-spacing:1px}
.compare-label{position:absolute;z-index:4;top:10px;border-radius:4px;background:#1313209c;backdrop-filter:blur(6px);color:#fff;padding:3px 7px;font:9px/1.5 'DM Sans','Microsoft YaHei',sans-serif;letter-spacing:.3px;pointer-events:none}
.compare-label-before{left:9px}.compare-label-after{right:9px}
@keyframes comparison-reveal{0%,10%{clip-path:inset(0 0 0 8%)}90%,100%{clip-path:inset(0 0 0 92%)}}
@keyframes comparison-line{0%,10%{left:8%}90%,100%{left:92%}}
.comparisons-paused .compare-after,.comparisons-paused .compare-divider{animation-play-state:paused}
.comparisons-paused .sample-card img{transform:none!important}
.dark-mini>.compare{border:0;padding:0;background:none;font-size:inherit;line-height:inherit;border-radius:10px}
.art-one figure>.compare{height:calc(100% - 33px)}.art-one .compare img{height:100%}
.editorial-side>.compare{height:280px}.editorial-side .compare img{height:100%}
.sample-cat{top:42px}.sample-use{bottom:14px}.dark-mini .compare-label{font-size:8px;padding:2px 5px;top:7px}.dark-mini .compare-label-before{left:6px}.dark-mini .compare-label-after{right:6px}
@media(max-width:700px){.editorial-side>.compare{height:205px}.compare-label{font-size:8px;padding:2px 5px;top:8px}.compare-label-before{left:6px}.compare-label-after{right:6px}.sample-cat{top:34px}.compare-divider>span{width:22px;height:28px;font-size:12px}.dark-mini .compare-label{font-size:7px;padding:2px 4px}.dark-mini .compare-label-before{left:4px}.dark-mini .compare-label-after{right:4px}}
@media(prefers-reduced-motion:reduce){.compare-after{animation:none;clip-path:inset(0 0 0 50%)}.compare-divider{animation:none;left:50%}}
.v2 .template-studio-home-link{display:inline-flex;align-items:center;gap:18px;margin-top:22px;border:1px solid #b99aff50;border-radius:8px;padding:9px 15px;color:#d5bcff;font-size:14px;background:#b99aff0b}.v2 .template-studio-home-link:hover{background:#b99aff1a}.v2 .nav nav{gap:23px}@media(max-width:700px){.v2 .template-studio-home-link{font-size:13px;margin-top:18px}}
.v2 .sample-card{display:block}.v2 .original-sample-label{display:inline-block;margin-top:7px;font-size:10px;color:#d3b9f5;border:1px solid #9b74ca4d;border-radius:4px;padding:2px 6px}.v2 .local-preview-note{font-size:11px;color:#c9badc;line-height:1.8;border-top:1px solid var(--line);padding-top:11px;margin-top:13px}.v2 .sample-note{white-space:normal;max-width:230px;line-height:1.8;color:#bfb0d1}.v2 .compare.native-side-by-side{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;background:#292233}.v2 .native-side-by-side img{position:static;min-width:0;object-fit:contain;background:#17131e;animation:none;clip-path:none}.v2 .native-side-by-side .compare-label{max-width:46%;font-size:8px}.v2 .native-side-by-side .compare-label-after{right:6px}.v2 .native-side-by-side .compare-label-before{left:6px}@media(max-width:700px){.v2 .sample-grid{gap:25px 13px}.v2 .original-sample-label{font-size:9px}.v2 .sample-info h3{font-size:13px}.v2 .sample-info p{font-size:10px;line-height:1.7}.v2 .native-side-by-side .compare-label{font-size:7px;padding:2px 4px}.v2 .local-preview-note{font-size:11px}}
.v2 .business-visual>.compare{position:relative;inset:auto;padding:0;background:var(--line);font-size:inherit;letter-spacing:normal}