@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;600;700;800;900&display=swap');
:root{--ink:#18392c;--green:#3d7253;--lime:#c6ee94;--cream:#f8f9f4;--line:#dce2d5;--muted:#6b786e;--radius:18px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--cream);color:var(--ink);font-family:"Noto Sans TC",Arial,sans-serif;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #68a444;outline-offset:4px}input:focus,textarea:focus,select:focus{outline:2px solid #70a551;outline-offset:1px}button{color:inherit}h1,h2,h3,p{margin:0}button{border:0}button:disabled{opacity:.5;cursor:not-allowed}.wrap{max-width:1320px;margin:auto;padding-left:56px;padding-right:56px}.header{max-width:1440px;margin:auto;padding:25px 56px;display:flex;align-items:center;justify-content:space-between;gap:32px}.brand{display:inline-flex;align-items:center;gap:10px;flex-shrink:0;font-size:21px;font-weight:800;letter-spacing:-.8px}.brand-icon{display:grid;place-items:center;background:var(--ink);border-radius:12px;width:42px;height:43px;color:var(--lime);font:italic 800 41px Georgia;position:relative;padding-right:8px;padding-bottom:4px}.brand-icon span{font-size:27px;position:absolute;bottom:1px;right:6px}.brand small{display:block;font-size:8px;font-weight:600;letter-spacing:2.8px;margin-top:3px}.header nav{display:flex;gap:32px;font-size:13px;font-weight:500}.header nav a:hover{color:var(--green)}.header-actions{display:flex;align-items:center;gap:24px}.text-button{background:none;padding:0;font-size:13px}.text-button span{font-size:10px;display:inline-grid;place-items:center;background:#e5eadd;width:18px;height:18px;border-radius:50%;margin-left:5px}.btn{display:inline-flex;gap:28px;align-items:center;justify-content:center;border-radius:8px;padding:15px 23px;font-size:14px;font-weight:600;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-2px)}.btn.dark{background:var(--ink);color:#fff}.btn.dark:hover{background:#28553e}.btn.lime{background:var(--lime);color:var(--ink)}.btn.small{padding:12px 19px;font-size:12px}.btn.large{padding:18px 25px}.btn.outline{border:1px solid var(--line);background:transparent}.btn.full{width:100%}.hero{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;padding-top:65px;padding-bottom:80px;align-items:center;min-height:680px}.eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:600;display:flex;align-items:center;gap:9px}.live-dot{width:6px;height:6px;background:#7f9d50;border-radius:50%;display:inline-block;flex-shrink:0}.demo-badge{font-size:9px;padding:3px 6px;letter-spacing:0;background:#e8eddf;border-radius:4px;font-weight:400}.hero h1{font-size:74px;line-height:1.22;font-weight:800;letter-spacing:-4px;margin:24px 0}.underline{position:relative;z-index:1}.underline:after{content:"";position:absolute;height:17px;background:var(--lime);bottom:5px;left:0;right:0;z-index:-1;transform:rotate(-2deg)}.green-dot{color:#739a54}.hero-description{color:var(--muted);font-size:14px;line-height:2}.hero-actions{display:flex;align-items:center;gap:25px;margin:29px 0 17px}.watch-link{font-size:12px;font-weight:600;display:flex;gap:14px}.hero-fine{font-size:10px;color:var(--muted)}.hero-fine span{padding:0 8px;color:#acb7a5}.hero-visual{position:relative;padding-top:25px;padding-bottom:27px;min-width:0}.hero-visual:before{position:absolute;content:"";width:90%;height:110%;background:radial-gradient(ellipse,#dfeaca 0%,#ecf1e4 45%,transparent 72%);top:-8%;left:0;z-index:-1}.orbit-label{font-size:9px;line-height:1.7;letter-spacing:2px;position:absolute;right:4px;top:-24px;transform:rotate(5deg)}.orbit-label span{color:var(--muted)}.browser-card{border:1px solid #c6cec0;border-radius:12px;box-shadow:8px 14px 0 #dbe2d1,0 25px 60px #28492713;background:white;transform:rotate(-2deg);overflow:hidden}.browser-bar{height:33px;display:flex;align-items:center;gap:4px;padding:0 12px;border-bottom:1px solid #d8dacf;background:#fefefa;color:#8f9689}.browser-bar i{height:5px;width:5px;border-radius:50%;background:#bfc5b8}.browser-bar span{flex:1;text-align:center;font-size:8px}.browser-bar b{font-size:10px;font-weight:400}.sample-site{background:#f6f3e9;color:#37422b}.sample-nav{padding:20px 24px;display:flex;justify-content:space-between;align-items:center}.sample-nav strong{font-family:serif;font-size:18px;letter-spacing:1px}.sample-nav span{font-size:7px}.sample-nav b{font-size:11px}.sample-hero{position:relative;display:grid;grid-template-columns:1fr .85fr;min-height:280px}.sample-type{padding:35px 0 32px 24px;z-index:2}.sample-type small{font-size:6px;letter-spacing:1.5px}.sample-type h2{font-family:serif;font-weight:500;line-height:1.6;letter-spacing:1.4px;font-size:27px;margin:19px 0 12px}.sample-type p{font-size:7px;line-height:2.1;color:#777d68}.sample-button{display:inline-block;background:#424d33;padding:10px 16px;color:white;font-size:7px;margin-top:18px}.still-life{position:relative;overflow:hidden;margin:0 18px 14px 0;background:#c0c49f;border-radius:100px 100px 0 0;isolation:isolate}.sun-disc{position:absolute;background:#d7d5b4;border-radius:50%;height:140px;width:140px;top:25px;left:8px}.still-life:after{content:"";background:#939c71;position:absolute;bottom:0;height:34%;width:100%;z-index:-1}.vase{width:45px;height:81px;background:linear-gradient(90deg,#a46339,#cf9a65 48%,#945d3e);border-radius:13px 13px 23px 23px;position:absolute;bottom:43px;right:21px;transform:rotate(-4deg);box-shadow:10px 8px 13px #50542c40}.leaf{position:absolute;background:#465e3b;width:25px;height:75px;border-radius:0 90% 0 90%;bottom:118px;right:33px;transform:rotate(-20deg);transform-origin:bottom}.leaf-b{transform:rotate(31deg);height:95px;right:37px;background:#61744c}.leaf-c{transform:rotate(-56deg);height:65px;right:30px}.cup{position:absolute;bottom:37px;left:23px;width:85px;height:70px;background:linear-gradient(105deg,#f5ebd6,#ded5b9 70%,#b5b093);border-radius:10px 10px 35px 35px;z-index:3;box-shadow:7px 6px 16px #4a503540}.cup:before{content:"";position:absolute;top:-4px;left:2px;right:2px;height:17px;border-radius:50%;background:radial-gradient(ellipse,#79533a 0%,#866343 60%,#e8dec4 63%);border:3px solid #eae2cc}.cup-handle{position:absolute;bottom:51px;left:91px;width:36px;height:43px;border:9px solid #ded5b9;border-radius:50%;z-index:2}.saucer{position:absolute;bottom:27px;left:12px;width:117px;height:21px;border-radius:50%;background:#e0dbc1;box-shadow:8px 8px 12px #4b502955;z-index:1}.grain{position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23000' filter='url(%23n)' opacity='.16' d='M0 0h180v180H0z'/%3E%3C/svg%3E");opacity:.3;pointer-events:none;z-index:4}.art-caption{position:absolute;bottom:6px;left:16px;line-height:1.6;font-size:4px;letter-spacing:1px;color:#edf0db}.sample-bottom{font-size:6px;display:flex;justify-content:space-between;padding:15px 24px;border-top:1px solid #dadbc9}.sample-ad{background:#e7ebdb;padding:10px 13px;display:flex;align-items:center;gap:6px;font-size:6px}.sample-ad span{font-size:5px;border:1px solid #b7c1a5;padding:1px 3px}.sample-ad b{margin-left:auto;font-size:6px;font-weight:500}.float-note{position:absolute;display:flex;align-items:center;gap:11px;border:1px solid #dce2d3;border-radius:9px;background:#fffdf8;box-shadow:0 5px 25px #18392c0b;font-size:11px;font-weight:600;padding:14px 17px;z-index:4}.float-note small{display:block;font-size:7px;font-weight:400;color:#808a77;margin-top:4px}.note-one{left:-25px;bottom:77px;transform:rotate(2deg)}.check-round{border-radius:50%;background:#e5efd8;width:24px;height:24px;display:grid;place-items:center;color:#699346}.note-two{right:-22px;top:75px;transform:rotate(6deg);background:var(--lime);border-color:#a2c971}.note-two>span{font-size:27px;font-weight:400}.visual-caption{padding:24px 8px 0;font-size:10px;display:flex;gap:15px;align-items:center;color:#697565}.visual-caption>span{letter-spacing:2px;font-size:9px}.visual-caption i{font-size:8px;font-style:normal;opacity:.7}.mini-palette{display:flex;gap:4px;margin-left:auto}.mini-palette b{width:12px;height:12px;border-radius:50%;background:#4b5939}.mini-palette b:nth-child(2){background:#b6b98f}.mini-palette b:nth-child(3){background:#dfd6ba}.benefit-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.benefit-strip .wrap{display:flex;justify-content:space-between;align-items:center;padding-top:22px;padding-bottom:22px;gap:15px;font-size:12px}.benefit-strip b{font-size:9px;color:#8f9b84;font-weight:500;margin-right:10px}.benefit-strip i{font-style:normal;color:#97a38c}.benefit-strip em{font-size:10px;font-style:normal;color:#84917d}.section{padding-top:85px;padding-bottom:85px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px}.section h2,.how-section h2,.ad-explainer h2{font-size:36px;line-height:1.5;letter-spacing:-1.7px;margin:15px 0 12px}.section h2 span{color:#818c7a}.section-heading p{font-size:12px;line-height:1.9;color:var(--muted)}.text-arrow{font-size:11px;font-weight:600;white-space:nowrap;background:none;padding:0}.filters{display:flex;gap:9px;margin:32px 0 24px;flex-wrap:wrap}.filters button{padding:9px 17px;font-size:10px;border:1px solid var(--line);border-radius:24px;background:transparent;transition:.2s}.filters button.active{background:var(--ink);color:white;border-color:var(--ink)}.filters span{font-size:9px;opacity:.65;margin-left:5px}.template-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.template-card{min-width:0}.template-thumb{width:100%;height:216px;border:1px solid #d8dfd0;border-radius:10px;position:relative;overflow:hidden;text-align:left;padding:0;background:#ecefe3;transition:transform .25s,box-shadow .25s}.template-thumb:hover{transform:translateY(-5px);box-shadow:0 12px 30px #18392c17}.thumb-browser{position:absolute;inset:21px 16px 0;background:#f8f3e9;border-radius:4px 4px 0 0;box-shadow:0 5px 10px #0001;color:#3c4b31;padding:14px}.thumb-nav{display:flex;justify-content:space-between;font-size:7px;margin-bottom:21px}.thumb-title{font-size:20px;line-height:1.5;font-family:serif;position:relative;z-index:1;letter-spacing:1px}.thumb-sub{font-size:5px;line-height:1.8;margin-top:10px;max-width:85px}.thumb-pill{width:40px;height:10px;background:currentColor;opacity:.8;margin-top:12px}.thumb-art{position:absolute;width:65px;height:108px;border-radius:40px 40px 0 0;right:10px;bottom:20px;background:#aab28b}.thumb-art:before{content:"";width:39px;height:37px;border-radius:3px 3px 15px 15px;background:#eee3cb;bottom:17px;left:10px;position:absolute;box-shadow:5px 5px 6px #0002}.template-card[data-type=studio] .template-thumb{background:#e6e1ef}.template-card[data-type=studio] .thumb-browser{background:#f0edf8;color:#483160}.template-card[data-type=studio] .thumb-title{font-family:Arial;font-weight:800;font-size:26px;line-height:1}.template-card[data-type=studio] .thumb-art{background:#a297cc;border-radius:50%;width:88px;height:88px;bottom:-12px;right:0}.template-card[data-type=studio] .thumb-art:before{border:15px solid #cab8ef;background:transparent;width:58px;height:58px;border-radius:50%;bottom:28px;left:2px;box-shadow:none}.template-card[data-type=service] .template-thumb{background:#dce5eb}.template-card[data-type=service] .thumb-browser{background:#173f52;color:#e5efeb}.template-card[data-type=service] .thumb-title{font-family:inherit;font-size:17px;font-weight:500}.template-card[data-type=service] .thumb-art{background:#508390;border-radius:0;transform:rotate(15deg);width:60px;height:80px;bottom:-20px}.template-card[data-type=service] .thumb-art:before{border:1px solid #aac4c4;background:transparent;width:60px;height:80px;box-shadow:none;border-radius:0;left:-20px}.template-card[data-type=portfolio] .template-thumb{background:#f0e4d6}.template-card[data-type=portfolio] .thumb-browser{background:#fcf1e4;color:#754e39}.template-card[data-type=portfolio] .thumb-title{font-family:Georgia;font-size:32px;font-style:italic;line-height:1.15}.template-card[data-type=portfolio] .thumb-art{background:#b99a7f;width:55px;height:60px;border-radius:0;bottom:6px;transform:rotate(-8deg)}.template-card[data-type=portfolio] .thumb-art:before{background:#91765f;bottom:8px;left:-27px;width:43px;height:55px;border:4px solid #fff6e9;border-radius:0;box-shadow:0 3px 8px #0002}.thumb-hover{position:absolute;inset:auto 12px 12px;background:#fffef2e8;color:#17392d;border-radius:6px;font-size:10px;padding:10px;text-align:center;opacity:0;transform:translateY(10px);transition:.2s;z-index:3}.template-thumb:hover .thumb-hover,.template-thumb:focus-visible .thumb-hover{opacity:1;transform:translateY(0)}.template-meta{display:flex;align-items:center;justify-content:space-between;margin-top:16px}.template-meta h3{font-size:13px;font-weight:600}.template-meta p{font-size:9px;color:var(--muted);margin-top:5px}.template-meta>span{font-size:10px;color:#588343}.section-note{font-size:9px;color:#8d9784;margin-top:23px}.how-section{background:#183b2d;color:#f2f6e8;overflow:hidden;padding:70px 0}.how-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:70px}.how-intro{position:relative}.how-intro .eyebrow{color:#bdd59f}.how-intro h2{font-size:35px;margin:15px 0}.how-intro p{font-size:12px;line-height:2;color:#b7c7b7}.how-intro .btn{margin-top:25px;font-size:11px;position:relative;z-index:1}.big-asterisk{position:absolute;font-size:230px;line-height:1;right:-20px;bottom:-95px;color:#ffffff08;transform:rotate(10deg)}.steps article{border-top:1px solid #ffffff26;display:flex;gap:24px;padding:27px 0;align-items:flex-start}.steps article>span{font:12px Georgia;color:var(--lime);padding-top:5px}.steps article h3{font-size:18px;font-weight:500}.steps article p{font-size:11px;line-height:1.9;margin-top:9px;color:#acbeae;max-width:340px}.steps article b{margin-left:auto;font-weight:400;color:var(--lime)}.plans-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:22px;margin-top:32px}.plan{padding:32px;border-radius:12px;border:1px solid #d7dfce;position:relative;overflow:hidden}.free-plan{background:#fffefa}.plan-label{font-size:10px;display:flex;align-items:center;justify-content:space-between}.plan-label>span{font-size:9px;letter-spacing:1px}.plan h3{font-size:26px;margin:27px 0 8px;letter-spacing:-1px}.plan p{font-size:12px;line-height:1.8;color:var(--muted)}.price{font-size:44px;font-weight:600;letter-spacing:-2px;margin:18px 0}.price small{font-size:10px;color:var(--muted);font-weight:400;letter-spacing:0}.plan ul{list-style:none;padding:0;margin:20px 0 26px}.plan li{font-size:11px;margin:13px 0}.plan li:before{content:"✓";margin-right:12px;color:#688b4b}.plan-footnote{display:block;font-size:9px;color:#7f8976;line-height:1.7;margin-top:12px}.custom-plan{background:#e8eddc;display:flex;flex-direction:column}.custom-plan h3{font-size:33px;margin-top:42px}.custom-plan p{line-height:2}.service-tags{display:flex;flex-wrap:wrap;gap:9px;max-width:300px;margin:27px 0 40px;z-index:1}.service-tags span{font-size:10px;padding:9px 13px;border:1px solid #c9d3ba;background:#edf2e4;border-radius:24px}.custom-bottom{margin-top:auto;display:flex;flex-direction:column;align-items:flex-start;gap:20px;position:relative;z-index:1}.custom-bottom>span{font-size:13px}.custom-bottom small{display:block;font-size:10px;font-weight:400;color:var(--muted);margin-top:9px}.custom-bottom .btn{background:var(--ink);color:white}.custom-orbit{position:absolute;width:220px;height:220px;border:25px solid #b8c99e;opacity:.5;border-radius:50%;right:-95px;bottom:70px}.custom-orbit:after{content:"";position:absolute;width:100%;height:100%;border:1px solid #9caf7e;border-radius:50%;top:0;left:-40px}.ad-explainer{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;padding-top:0;padding-bottom:80px}.ad-explainer h2{font-size:29px}.ad-explainer p{font-size:12px;line-height:2;color:var(--muted);max-width:450px}.ad-explainer button{margin-top:20px}.ad-illustration{background:#eef1e7;border:1px solid #dce2d2;padding:35px;border-radius:12px;transform:rotate(-2deg)}.ad-page-lines{height:100px;padding:8px 20px}.ad-page-lines i{display:block;background:#dbe2d1;width:80%;height:8px;border-radius:4px;margin-bottom:13px}.ad-page-lines i:first-child{height:16px;width:48%;background:#c9d5bc}.ad-page-lines i:last-child{width:60%}.ad-illustration>div:last-child{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center;background:#fffef5;padding:17px;border:1px solid #d4dcc7;border-radius:6px}.ad-illustration span{font-size:7px;border:1px solid #c8d3ba;padding:3px}.ad-illustration b{font-size:10px;font-weight:500}.ad-illustration em{font-size:8px;font-style:normal;grid-column:2;color:#67874c}.faq-section{border-top:1px solid var(--line);display:grid;grid-template-columns:.8fr 1.2fr;gap:50px}.faq-section h2{font-size:29px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{list-style:none;padding:19px 0;display:flex;justify-content:space-between;font-size:13px;cursor:pointer}.faq-list summary::-webkit-details-marker{display:none}.faq-list p{font-size:11px;line-height:2;color:var(--muted);padding-bottom:20px;max-width:95%}.faq-list details[open] summary span{transform:rotate(45deg)}.end-cta{position:relative;display:flex;align-items:center;justify-content:space-between;overflow:hidden;background:var(--lime);border-radius:13px;padding-top:44px;padding-bottom:44px;margin:0 56px;max-width:1208px}.end-cta>div{position:relative;z-index:1}.end-cta>div>span{font-size:8px;letter-spacing:2px}.end-cta h2{font-size:39px;line-height:1.5;letter-spacing:-2px;margin-top:10px}.end-cta .btn{position:relative;z-index:1;font-size:12px}.end-spark{font-size:220px;position:absolute;right:200px;top:-30px;line-height:1;color:#abc97a66;transform:rotate(15deg)}.footer{display:flex;align-items:center;gap:30px;padding-top:48px;padding-bottom:38px}.footer .brand{font-size:17px}.footer .brand-icon{width:35px;height:35px;font-size:32px}.footer .brand-icon span{font-size:22px}.footer p{font-size:10px;color:var(--muted)}.footer>div{margin-left:auto;display:flex;align-items:center;gap:20px;flex-wrap:wrap;justify-content:flex-end;max-width:350px}.footer>div>a,.footer .text-button{font-size:10px}.footer small{font-size:8px;letter-spacing:.5px;color:#8a9680}.skip{position:fixed;top:-60px;background:var(--ink);color:white;padding:12px;z-index:100}.skip:focus{top:8px}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,12px);padding:14px 24px;background:#17392df5;color:white;border-radius:9px;font-size:12px;z-index:10000;opacity:0;pointer-events:none;transition:.25s;box-shadow:0 4px 30px #0002}.toast.visible{opacity:1;transform:translate(-50%,0)}dialog{border:1px solid #d9dfd1;color:var(--ink);border-radius:15px;padding:0;background:var(--cream);box-shadow:0 20px 100px #10231744}dialog::backdrop{background:#142c22a6;backdrop-filter:blur(7px)}.dialog-top{display:flex;align-items:center;padding:18px 25px;border-bottom:1px solid var(--line);gap:24px}.dialog-top .brand{font-size:16px}.dialog-top .brand-icon{height:31px;width:31px;font-size:30px;border-radius:8px}.dialog-top>span{font-size:11px;color:var(--muted)}.icon-button{display:grid;place-items:center;background:#e9eee2;border-radius:50%;width:32px;height:32px;font-size:15px;flex-shrink:0}.dialog-top .icon-button{margin-left:auto}.builder-dialog{width:min(1240px,96vw);height:min(820px,94dvh);max-width:none;max-height:none}.builder-body{display:grid;grid-template-columns:360px 1fr;height:calc(100% - 69px)}.builder-controls{padding:24px;overflow:auto;border-right:1px solid var(--line)}.builder-progress{display:flex;align-items:center;font-size:9px;gap:10px;color:#8b9880;margin-bottom:26px}.builder-progress i{height:1px;background:#ccd8bd;flex:1}.builder-progress .active{color:#1b462f;font-weight:700}.builder-controls h2{font-size:24px;line-height:1.5;letter-spacing:-.7px;margin-bottom:8px}.builder-controls p{font-size:11px;line-height:1.9;color:var(--muted);margin-bottom:20px}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.choice-card{padding:15px 12px;background:#fffefa;border:1px solid var(--line);border-radius:8px;text-align:left}.choice-card.selected{border-color:#53773c;box-shadow:0 0 0 1px #53773c;background:#eef4e4}.choice-card strong{font-size:12px;display:block}.choice-card span{font-size:9px;color:var(--muted);display:block;margin-top:5px}.choice-card .choice-symbol{font-size:24px;margin:0 0 12px;color:var(--ink)}.builder-controls label,.standard-dialog label{font-size:11px;display:block;font-weight:600;margin:16px 0}.builder-controls input,.builder-controls textarea,.builder-controls select,.standard-dialog input,.standard-dialog textarea,.standard-dialog select{width:100%;display:block;margin-top:7px;padding:10px 12px;font-size:12px;background:#fffefa;border:1px solid #d2dbca;border-radius:6px;color:var(--ink);resize:vertical}.builder-controls label small{font-size:9px;font-weight:400;color:var(--muted);display:block;margin-top:5px}.builder-controls .btn{font-size:12px;padding:12px 18px;margin-top:20px}.back-button{font-size:10px;background:none;margin-top:14px;display:block}.palette-picker{display:flex;gap:9px;margin:13px 0}.palette-picker button{border:3px solid transparent;border-radius:50%;height:30px;width:30px;box-shadow:0 0 0 1px #cbd6be}.palette-picker button.selected{border-color:white;box-shadow:0 0 0 2px var(--ink)}.builder-preview{background:#e8eddf;padding:20px 24px;display:flex;flex-direction:column;overflow:hidden;min-width:0}.preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:10px;margin-bottom:16px}.preview-toolbar>span{display:flex;align-items:center;gap:7px}.preview-toolbar>div{display:flex;background:#dbe2d2;padding:3px;border-radius:6px}.preview-toolbar button{font-size:9px;background:none;padding:6px 10px;border-radius:4px}.preview-toolbar button.active{background:#fffef7}.preview-toolbar>small{font-size:9px;color:#7c8c70}.iframe-shell{flex:1;min-height:0;background:white;border-radius:8px;box-shadow:0 4px 25px #193b2b10;width:100%;margin:auto;transition:width .3s;overflow:hidden}.iframe-shell.mobile{width:min(100%,340px)}iframe{width:100%;height:100%;border:0;background:#fffefa}.preview-note{font-size:9px;color:#7e8c71;text-align:center;padding-top:12px}.standard-dialog{width:min(590px,92vw);max-height:90dvh;padding:30px}.dialog-title{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:15px}.dialog-title h2{font-size:25px;letter-spacing:-1px;margin-top:8px}.standard-dialog>p{font-size:12px;line-height:1.9;color:var(--muted);margin:13px 0 20px}.contact-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:20px}.contact-actions .btn{font-size:11px;padding:13px 15px}.form-note{font-size:10px;line-height:1.8;color:var(--muted);margin-top:13px}.draft-row{display:flex;align-items:center;gap:12px;padding:17px 0;border-bottom:1px solid var(--line)}.draft-row>div{flex:1;min-width:0}.draft-row h3{font-size:14px;overflow-wrap:anywhere}.draft-row p{font-size:9px;color:var(--muted);margin-top:5px}.draft-row .btn{font-size:10px;padding:9px 12px;gap:5px}.draft-delete{background:none;font-size:9px;color:#956447}.empty-state{padding:40px 20px;text-align:center;background:#eaf0e1;border-radius:8px;margin-bottom:22px;font-size:12px;color:#6e7c62}#draft-list{margin-bottom:20px}.review-list{font-size:11px;line-height:1.9;background:#eaf1e1;padding:16px;border-radius:8px;margin:15px 0}.review-list strong{display:block;font-size:14px}.review-list>span{display:block;color:var(--muted);font-size:10px}.consent{display:flex!important;align-items:flex-start;gap:9px;font-weight:400!important;line-height:1.8}.consent input{width:15px!important;margin:3px 0 0!important;flex-shrink:0;accent-color:var(--ink)}.builder-message{font-size:11px;line-height:1.8;margin:12px 0;color:#884a29;overflow-wrap:anywhere}.mini-actions{display:flex;gap:8px;flex-wrap:wrap}.mini-actions .btn{margin-top:10px;font-size:10px}.success-ring{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--lime);font-size:23px;margin-bottom:20px}#copy-fallback{width:100%;margin-top:20px;min-height:170px;border:1px solid var(--line);border-radius:6px;padding:12px;font:11px/1.8 inherit}body.dialog-open{overflow:hidden}[hidden]{display:none!important}
@media(min-width:1320px){.end-cta{margin-left:auto;margin-right:auto}}@media(max-width:1100px){.wrap{padding-left:32px;padding-right:32px}.header{padding:22px 32px}.header nav{gap:20px}.hero{gap:30px}.hero h1{font-size:65px}.sample-type h2{font-size:23px}.sample-hero{min-height:260px}.hero-actions{gap:16px}.hero-actions .btn{font-size:12px}.template-grid{gap:14px}.template-thumb{height:190px}.thumb-browser{inset:15px 10px 0;padding:10px}.thumb-title{font-size:17px}.thumb-art{right:5px;width:55px;opacity:.8}.template-card[data-type=studio] .thumb-title{font-size:23px}.benefit-strip em{display:none}.end-cta{margin-left:32px;margin-right:32px}.footer p{display:none}.how-grid{gap:45px}.sample-nav{padding:16px}.sample-type{padding-left:16px}.float-note{padding:10px 13px}.note-two{right:-9px}.note-one{left:-11px;bottom:62px}.hero-visual{padding-top:30px}}@media(max-width:800px){.header nav{display:none}.hero{grid-template-columns:1fr;gap:45px;padding-top:38px;padding-bottom:50px}.hero-copy{max-width:570px}.hero h1{font-size:66px;line-height:1.25}.hero h1 br:nth-of-type(2){display:none}.hero-visual{width:100%;max-width:590px;margin:0 auto}.sample-type h2{font-size:30px}.sample-hero{min-height:300px}.hero-visual:before{background:none}.note-one{bottom:60px}.note-two{top:70px}.template-grid{grid-template-columns:repeat(2,1fr);gap:26px 20px}.template-thumb{height:230px}.thumb-browser{inset:20px 18px 0;padding:15px}.thumb-title{font-size:25px}.thumb-art{width:90px;height:120px;bottom:15px;right:13px}.thumb-art:before{width:52px;height:47px;left:20px}.template-card[data-type=studio] .thumb-title{font-size:32px}.template-card[data-type=service] .thumb-title{font-size:23px}.template-card[data-type=portfolio] .thumb-title{font-size:38px}.how-grid{grid-template-columns:1fr;gap:45px}.how-intro p br{display:none}.big-asterisk{right:20px;bottom:-60px}.plans-grid{grid-template-columns:1fr 1fr;gap:15px}.plan{padding:23px}.custom-plan h3{font-size:27px}.custom-plan .service-tags{margin-bottom:25px}.plan li{font-size:10px}.ad-explainer{gap:35px}.ad-illustration{padding:20px}.section h2{font-size:30px}.section-heading .text-arrow{display:none}.faq-section{grid-template-columns:1fr;gap:15px}.faq-section h2 br{display:none}.end-cta h2{font-size:31px}.end-cta .btn{padding:15px}.end-spark{right:130px}.builder-body{grid-template-columns:310px 1fr}.builder-controls{padding:20px}.builder-preview{padding:18px 14px}.preview-toolbar>small{display:none}.builder-progress{gap:5px;font-size:8px}.builder-dialog{width:98vw}.ad-illustration b{font-size:9px}}@media(max-width:600px){.wrap{padding-left:22px;padding-right:22px}.header{padding:18px 22px;gap:12px}.brand{font-size:18px}.brand-icon{width:35px;height:37px;font-size:35px}.brand small{font-size:7px}.header-actions{gap:13px}.header-actions .text-button{font-size:10px}.header-actions .btn{font-size:10px;padding:10px 13px;gap:10px}.hero{padding-top:32px;gap:55px;padding-bottom:35px}.hero h1{font-size:55px;letter-spacing:-2.7px;margin:22px 0}.hero .eyebrow{font-size:9px;letter-spacing:1px;gap:6px}.demo-badge{font-size:8px}.hero-description{font-size:12px}.hero-actions .btn{font-size:12px;padding:16px 20px;gap:17px}.watch-link{font-size:11px;gap:8px}.hero-fine{font-size:9px}.hero-visual{padding-top:8px}.orbit-label{top:-30px;right:9px;font-size:7px}.browser-card{border-radius:8px;box-shadow:5px 8px 0 #dbe2d1;transform:rotate(-1.5deg)}.browser-bar{height:24px}.sample-nav{padding:15px}.sample-nav strong{font-size:14px}.sample-nav span{font-size:5px}.sample-hero{min-height:230px}.sample-type{padding:20px 0 20px 15px}.sample-type h2{font-size:22px;letter-spacing:.6px;margin:15px 0 10px}.sample-type small{font-size:4px;letter-spacing:.8px}.sample-type p{font-size:5.5px}.sample-button{font-size:5px;padding:8px 10px;margin-top:13px}.still-life{margin-right:12px}.sun-disc{width:110px;height:110px;left:-12px;top:20px}.vase{width:32px;height:60px;right:12px;bottom:40px}.leaf{right:23px;bottom:95px;width:21px;height:57px}.leaf-b{height:72px;right:23px}.leaf-c{right:18px;height:55px}.cup{width:67px;height:52px;left:13px;bottom:32px}.cup-handle{width:30px;height:33px;left:64px;bottom:44px;border-width:7px}.saucer{width:91px;height:17px;left:4px;bottom:25px}.sample-bottom{padding:12px 15px;font-size:5px}.sample-ad{font-size:5px;padding:7px 9px}.sample-ad b{font-size:5px}.float-note{font-size:8px;padding:8px 10px;gap:7px;border-radius:6px}.float-note small{font-size:5px;margin-top:3px}.note-one{left:-7px;bottom:57px}.check-round{width:20px;height:20px}.note-two{top:40px;right:-4px}.note-two>span{font-size:20px}.visual-caption{font-size:8px;padding-top:20px;gap:10px}.visual-caption>span{font-size:7px}.visual-caption i{font-size:7px}.mini-palette b{width:10px;height:10px}.benefit-strip .wrap{font-size:8px;gap:7px;padding-top:18px;padding-bottom:18px}.benefit-strip b{margin-right:4px;font-size:7px}.benefit-strip i{font-size:9px}.section{padding-top:55px;padding-bottom:55px}.eyebrow{font-size:8px;letter-spacing:1.5px}.section h2{font-size:27px;letter-spacing:-1.4px}.section h2 span{display:block}.section-heading p{font-size:11px}.filters{gap:6px;margin:25px 0 20px}.filters button{font-size:9px;padding:8px 11px}.template-grid{gap:23px 13px}.template-thumb{height:185px;border-radius:7px}.thumb-browser{inset:13px 9px 0;padding:10px}.thumb-nav{font-size:5px;margin-bottom:20px}.thumb-title{font-size:17px;letter-spacing:.4px}.thumb-sub{font-size:4px;max-width:60px}.thumb-pill{width:32px;height:8px}.thumb-art{width:51px;height:90px;right:6px;bottom:12px}.thumb-art:before{left:7px;width:35px;height:32px}.template-card[data-type=studio] .thumb-title{font-size:22px}.template-card[data-type=studio] .thumb-art{width:65px;height:65px;right:-10px}.template-card[data-type=studio] .thumb-art:before{width:40px;height:40px;border-width:11px}.template-card[data-type=service] .thumb-title{font-size:16px}.template-card[data-type=portfolio] .thumb-title{font-size:26px}.template-meta{margin-top:12px}.template-meta h3{font-size:11px}.template-meta p{font-size:8px}.template-meta>span{font-size:9px}.section-note{font-size:8px;line-height:1.8}.how-section{padding:50px 0}.how-intro h2{font-size:29px}.how-intro p{font-size:11px}.how-grid{gap:35px}.steps article{padding:22px 0;gap:17px}.steps article h3{font-size:16px}.steps article p{font-size:10px}.plans-grid{grid-template-columns:1fr}.plan{padding:26px}.plan h3{font-size:27px}.plan li{font-size:11px}.custom-plan h3{font-size:29px;margin-top:30px}.custom-bottom{margin-top:10px}.ad-explainer{grid-template-columns:1fr;gap:30px;padding-bottom:48px}.ad-illustration{margin:0 12px;padding:25px}.ad-illustration b{font-size:11px}.ad-explainer h2{font-size:27px}.ad-explainer h2 br{display:none}.ad-explainer p{font-size:11px}.faq-section{gap:15px}.faq-section h2{font-size:26px}.faq-list summary{font-size:12px;padding:18px 0}.faq-list p{font-size:11px}.end-cta{margin-left:22px;margin-right:22px;flex-direction:column;align-items:flex-start;padding:30px 25px;gap:22px;border-radius:9px}.end-cta h2{font-size:33px}.end-cta .btn{font-size:11px}.end-spark{right:-40px;top:40px;font-size:230px}.footer{padding-top:32px;padding-bottom:28px;align-items:flex-start;gap:15px}.footer .brand{font-size:14px}.footer .brand-icon{width:30px;height:31px;font-size:28px}.footer .brand small{font-size:6px}.footer>div{gap:12px 15px;max-width:200px}.footer>div>a,.footer .text-button{font-size:9px}.footer small{font-size:7px;line-height:1.7}.builder-dialog{height:96dvh;width:96vw}.dialog-top{padding:14px 16px;gap:10px}.dialog-top>span{font-size:9px}.dialog-top .brand{font-size:13px}.builder-body{display:flex;flex-direction:column;overflow:auto;height:calc(100% - 61px)}.builder-controls{overflow:visible;border-right:0;border-bottom:1px solid var(--line);padding:20px}.builder-controls h2{font-size:23px}.builder-preview{min-height:470px;overflow:visible;padding:18px;flex-shrink:0}.iframe-shell{height:390px;flex:auto}.preview-note{font-size:8px}.builder-progress{font-size:9px;gap:9px;max-width:320px;margin-bottom:20px}.choice-grid{grid-template-columns:repeat(2,1fr)}.choice-card{padding:12px}.choice-card .choice-symbol{font-size:20px;margin-bottom:6px}.builder-controls .btn{margin-top:15px}.builder-controls p{margin-bottom:15px}.standard-dialog{padding:23px}.dialog-title h2{font-size:23px}.toast{width:max-content;max-width:90vw;font-size:11px;bottom:18px}.thumb-hover{display:none}.draft-row{gap:8px}.draft-row .btn{font-size:9px;padding:8px}.draft-delete{font-size:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
@media(max-width:600px){.hero h1 br:nth-of-type(2){display:block}.sample-type h2{font-size:18px;letter-spacing:.5px}.sample-type{padding-top:23px}}