@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#f8f8f2;--ink:#252820;--muted:#777b70;--line:#dedfd5;--lime:#e1f2a7}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}button,input,textarea,select{font:inherit}button,a,select{touch-action:manipulation}a{color:inherit;text-decoration:none}button,.button{cursor:pointer;border:1px solid var(--line);padding:13px 20px;border-radius:7px;background:transparent;color:var(--ink);display:inline-block}button:hover,.button:hover{transform:translateY(-2px)}.dark{background:var(--ink);color:white;border-color:var(--ink)}header{height:95px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}.logo{font-size:36px;font-weight:800;letter-spacing:-2px}.logo span:first-child{font-weight:400}.dot{font-size:14px;vertical-align:top}nav,.right{display:flex;align-items:center;gap:30px}nav{font-size:13px}.right{gap:15px}select{border:0;background:transparent;padding:10px}.hero{text-align:center;padding:62px 5% 0;overflow:hidden}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:600;display:flex;align-items:center;gap:8px}.hero .eyebrow{justify-content:center}i{font-weight:400}.eyebrow i{height:7px;width:7px;border-radius:50%;background:#8ba866}h1{font-family:Manrope,Arial,sans-serif;font-size:clamp(52px,6.6vw,94px);line-height:1.08;font-weight:500;letter-spacing:-5px;margin:24px 0}h1 em{font-family:Georgia,serif;font-weight:400}p{color:var(--muted);line-height:1.7;font-size:14px}.hero>p{font-size:16px}.actions{display:flex;gap:14px;justify-content:center;margin:26px 0}.plain{border:0}.micro{font-size:11px;color:var(--muted)}.showcase{position:relative;max-width:1030px;height:370px;margin:54px auto 0;display:flex;gap:25px;align-items:flex-start;text-align:left}.mock{width:50%;min-height:335px;box-shadow:0 15px 35px #25282015;border-radius:8px 8px 0 0;overflow:hidden;position:relative;padding:0 24px}.olive{background:#dce0cc;transform:rotate(-4deg);margin-top:23px}.cream{background:#eae5dc;transform:rotate(5deg)}.browser{background:#fff8;margin:0 -24px;padding:9px 13px;font-size:8px;color:#a8aba1;letter-spacing:3px}.browser span{margin-left:30%;letter-spacing:0}.miniNav{font-size:13px;font-weight:700;display:flex;justify-content:space-between;padding:22px 0}.miniNav span{font-size:6px}.miniHero{font-family:Georgia,serif;font-size:37px;position:relative;z-index:1;line-height:1.04}.sculpture{position:absolute;right:12px;top:65px;color:#496045;font-size:230px;line-height:1;text-shadow:10px 13px 10px #25331b33}.vase{position:absolute;right:25px;top:112px;width:120px;height:160px;border-radius:35% 35% 45% 45%;background:repeating-linear-gradient(90deg,#a74c2d,#d48556 4px,#b75e36 7px);box-shadow:15px 12px 20px #70482c30}.vase:before{content:'';position:absolute;top:-10px;left:25px;width:70px;height:30px;border-radius:50%;background:#653820;border:7px solid #bb7149}.mockFoot{font-size:7px;display:flex;justify-content:space-between;margin-top:125px;padding-bottom:15px}.floatTag{position:absolute;bottom:40px;left:34%;padding:15px 20px;border-radius:6px;background:var(--lime);font-size:12px;transform:rotate(-5deg);box-shadow:0 5px 20px #0001}.strip{border-block:1px solid var(--line);padding:24px 5%;display:flex;justify-content:space-between;font-size:11px;letter-spacing:1px;gap:20px}.strip span:first-child{color:var(--muted);font-size:9px}section:not(.hero){padding:80px 7%}.sectionHead{display:flex;justify-content:space-between;align-items:end}h2{font-family:Manrope,Arial,sans-serif;font-size:clamp(29px,3.4vw,46px);line-height:1.18;letter-spacing:-1.8px;font-weight:500;margin:20px 0}.filters{display:flex;gap:8px;flex-wrap:wrap;margin:32px 0}.filters button{border-radius:30px;padding:9px 17px;font-size:12px}.filters .active{background:var(--ink);color:white}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{border:1px solid var(--line);border-radius:9px;overflow:hidden;background:#fff8}.art{height:190px;padding:22px 25px;position:relative;overflow:hidden}.art small{font-size:8px;letter-spacing:2px}.art h3{font-family:Georgia,serif;font-size:29px;font-weight:400;line-height:1.05;margin:20px 0}.art .orb{width:110px;height:110px;border-radius:50%;position:absolute;right:20px;bottom:-20px;background:linear-gradient(120deg,#ffffff88,#0004);box-shadow:10px 15px 30px #0002}.card:nth-child(2n) .orb{border-radius:60px 60px 3px 3px;transform:rotate(15deg)}.cardBody{padding:22px}.cardMeta{display:flex;justify-content:space-between;align-items:center}.card h3{font-size:18px;margin:0}.price{font-size:24px;letter-spacing:-1px}.card p{font-size:12px;min-height:40px}.card ul{padding:0;list-style:none;font-size:12px;color:#64695d;line-height:2}.card li:before{content:'✓';margin-right:8px}.card button{width:100%;text-align:left;display:flex;justify-content:space-between}.badge{position:absolute;right:10px;top:10px;border-radius:20px;background:white;padding:5px 9px;font-size:8px}.note{font-size:11px;line-height:1.7}.process{background:#eceee4}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:45px}.step{border-top:1px solid #bfc5b5;padding-top:20px}.step b{font-size:12px;color:#858c79}.step h3{font-weight:500;font-size:20px}.assist{display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:center}.assist p{max-width:400px}.bubble{background:#e6eccf;border-radius:15px;padding:35px;transform:rotate(3deg)}.bubble small{font-size:9px;letter-spacing:2px}.bubble p{font-size:22px;color:var(--ink)}.bubble div{background:#ffffff9c;padding:18px;border-radius:10px;font-size:13px;line-height:1.7}#faq{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:22px 0}summary{cursor:pointer;font-size:16px}details p{max-width:800px}.end{text-align:center;background:var(--lime)}footer{padding:35px 5%;display:flex;justify-content:space-between;align-items:center}footer span{font-size:10px;color:var(--muted)}.chatToggle{position:fixed;bottom:22px;right:22px;background:var(--ink);color:var(--lime);border-radius:50%;font-size:28px;width:58px;height:58px;padding:0;box-shadow:0 6px 25px #0002}dialog{border:1px solid var(--line);border-radius:16px;padding:32px;width:min(640px,94vw);max-height:90vh;color:var(--ink);background:var(--bg)}dialog::backdrop{background:#1b241f80;backdrop-filter:blur(5px)}.close{position:absolute;right:12px;top:10px;border:0;font-size:24px;padding:4px 10px}dialog h2{font-size:28px}label{display:block;font-size:12px;margin:15px 0}input,textarea{display:block;width:100%;padding:12px;border:1px solid var(--line);border-radius:5px;background:white;margin-top:7px}textarea{min-height:90px;resize:vertical}input[type=color]{height:42px;width:80px;padding:4px}.orderActions{display:flex;gap:8px;flex-wrap:wrap}iframe{border:1px solid var(--line);width:100%;height:280px;display:none;margin:20px 0}#chatForm{display:flex;gap:8px}#chatForm input{margin:0}#chatlog{max-height:280px;overflow:auto}#chatlog p{padding:12px;background:#e6eccf;border-radius:8px;color:var(--ink)}:focus-visible{outline:3px solid #809e45;outline-offset:3px}[hidden]{display:none!important}@media(min-width:1500px){main,header,footer{max-width:1600px;margin:auto}}@media(max-width:800px){nav{display:none}.cards{grid-template-columns:repeat(2,1fr)}h1{letter-spacing:-3px}.showcase{height:300px}.mock{min-height:280px}.miniHero{font-size:28px}.sculpture{font-size:160px}.vase{width:85px;height:120px;right:12px}.vase:before{left:10px;width:65px}.mockFoot{margin-top:95px}.sectionHead{display:block}.strip{overflow:auto;white-space:nowrap}.assist{gap:25px}.bubble{padding:20px}.bubble p{font-size:18px}footer{gap:15px}footer span:last-child{display:none}}@media(max-width:520px){header{height:75px}.logo{font-size:30px}.right button{font-size:11px;padding:10px}.hero{padding-top:42px}.hero .eyebrow{font-size:7px;letter-spacing:1px}h1{font-size:56px}.showcase{width:650px;left:50%;transform:translateX(-50%);height:280px}.mock{width:310px}.floatTag{left:34%;font-size:10px}.cards,.steps,.assist{grid-template-columns:1fr}section:not(.hero){padding:55px 6%}.card p{min-height:0}.art{height:190px}.steps{gap:20px}.assist{gap:30px}.bubble{transform:none}.actions{gap:5px;font-size:12px}.button,button{padding:12px 15px}.micro{font-size:9px}.end h2{font-size:32px}dialog{padding:25px 20px}}
html[dir=rtl] body{font-family:Arial,sans-serif}html[dir=rtl] h1,html[dir=rtl] h2{letter-spacing:0;line-height:1.4}html[dir=rtl] .card button{text-align:right}html[dir=rtl] .card li:before{margin-right:0;margin-left:8px}html[dir=rtl] .close{right:auto;left:12px}html[dir=rtl] .showcase,html[dir=rtl] .art{direction:ltr}html[dir=rtl] .bubble{transform:rotate(-3deg)}.paymentOptions{width:100%}.paymentOptions>div{display:flex;justify-content:space-between;gap:20px;padding:14px;border:1px solid var(--line);border-radius:6px;margin-top:8px;font-size:12px}.paymentOptions span{color:var(--muted)}html[lang=zh] h1,html[lang=zh] h2{letter-spacing:0}html[lang=ar] .eyebrow{letter-spacing:0}
#draftDesign{border:1px solid var(--line);border-radius:9px;margin:22px 0;padding:16px}#draftDesign legend{font-size:15px;font-weight:600;padding:0 8px}#draftDesign select{border:1px solid var(--line);border-radius:5px;background:white;width:100%;margin-top:7px;font-size:12px;padding:12px}#draftDesign small{display:block;line-height:1.6;color:var(--muted);font-size:11px;margin-top:6px}.draft-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.draft-scope{font-size:11px;border-top:1px solid var(--line);padding-top:12px}#preview{height:520px;background:white}#order{width:min(900px,94vw)}button:disabled{opacity:.55;cursor:wait}@media(max-width:520px){.draft-form-grid{grid-template-columns:1fr;gap:0}#preview{height:480px}}
.ui-arrow{display:inline-block;width:1em;height:1em;vertical-align:-.14em;flex-shrink:0;overflow:visible;pointer-events:none}