@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{--paper:#f5f4ee;--ink:#122b40;--muted:#5e7180;--accent:#c3f05b;--line:#d4dce1}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}.wrap{max-width:1320px;margin:auto;padding-left:64px;padding-right:64px}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a,label{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #42647b;outline-offset:5px}.header{height:112px;display:flex;justify-content:space-between;align-items:center}.brand{font-family:Manrope,Arial,sans-serif;font-size:30px;font-weight:800;line-height:1;letter-spacing:-1.5px}.brand span{font-size:11px;letter-spacing:2px;display:block;margin-top:8px;font-weight:500}nav{display:flex;gap:38px;font-size:13px}nav a:last-child{border-bottom:1px solid var(--ink);padding-bottom:8px}nav span{margin-left:25px}.hero{display:grid;grid-template-columns:1fr 1.06fr;gap:35px;padding-top:45px}.intro{padding:27px 0 34px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;margin:0 0 28px}h1,h2,h3,p{margin-top:0}h1{font-family:Manrope,Arial,sans-serif;font-size:clamp(48px,5.5vw,78px);letter-spacing:-4px;line-height:1.07;font-weight:500;margin-bottom:28px}h1 em{font-family:Georgia,serif;font-weight:400}.lead{max-width:360px;color:#5e7180;line-height:1.8;font-size:15px}.button{display:inline-flex;gap:26px;justify-content:space-between;align-items:center;background:var(--ink);color:#fff;border:0;padding:19px 23px;border-radius:3px;font-size:13px;font-weight:500}.button:hover{background:#234b65}.button span{font-size:21px;color:var(--accent)}.note{font-size:10px;color:var(--muted);margin-top:16px}.architecture{position:relative;min-height:465px;background:#dfe5db;overflow:hidden;border-radius:130px 4px 4px 4px;background:linear-gradient(150deg,#dbe4db,#eef0df 65%,#c1c7af)}.sun{position:absolute;width:100px;height:100px;border-radius:100%;background:#f7f2d1;top:40px;right:45px}.house-back{position:absolute;left:7%;top:37%;width:85%;height:50%;background:#b7b5a2;transform:skewY(-3deg);box-shadow:15px 22px 35px #3e483844}.house{position:absolute;left:22%;top:25%;width:64%;height:62%;background:linear-gradient(100deg,#f5eee1,#d5d0bd);box-shadow:inset 14px 0 #fff8eb}.window{position:absolute;left:12%;top:28%;width:42%;height:56%;background:linear-gradient(120deg,#475951,#253a34);border:7px solid #a2a191;box-shadow:inset -2px 0 #b6c0aa}.window:after{content:'';height:100%;width:3px;background:#a8ad9d;position:absolute;left:50%}.door{position:absolute;right:6%;bottom:0;height:68%;width:26%;background:repeating-linear-gradient(90deg,#8d714d 0 5px,#9d8058 5px 9px)}.canopy{position:absolute;top:47%;left:5%;width:90%;height:15px;background:#e8e2d4;box-shadow:0 15px 14px #273b3738}.ground{position:absolute;bottom:0;height:14%;width:100%;background:linear-gradient(170deg,#8a9773,#b4b79a)}.plant{position:absolute;bottom:8%;width:70px;height:115px;background:#5f7654;border-radius:90% 5% 85% 15%;transform:rotate(-18deg);z-index:1}.p1{left:3%}.p2{right:0;width:55px;height:85px;transform:rotate(10deg)}.image-caption{position:absolute;bottom:20px;left:24px;right:24px;display:flex;justify-content:space-between;color:#fff;z-index:2;font-size:8px;letter-spacing:1px}.hero-bottom{grid-column:1/-1;display:flex;justify-content:space-between;font-size:10px;color:var(--muted);padding:18px 0 28px;border-bottom:1px solid var(--line)}.hero-bottom span:last-child{letter-spacing:1.5px}.process{padding-top:75px;padding-bottom:80px;display:grid;grid-template-columns:1fr 2fr;gap:45px}h2{font-family:Manrope,Arial,sans-serif;font-size:37px;font-weight:500;letter-spacing:-1.6px;line-height:1.2}.process .eyebrow{font-size:8px;margin-bottom:18px}.process ol{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding:0;margin:0}.process li>span{font-family:Georgia,serif;font-size:28px;color:#42647b;display:block;margin-bottom:27px}.process h3{font-size:14px;font-weight:600}.process li p{font-size:12px;color:var(--muted);line-height:1.8}.studio{background:#edf1f3;padding:65px 0 75px}.studio-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.studio-heading>p{font-size:12px;color:var(--muted);line-height:1.8}.studio .eyebrow{font-size:9px;margin-bottom:18px}form{display:grid;grid-template-columns:1fr 1fr;gap:55px}.upload{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;min-height:300px;border:1px dashed #9aaebc;border-radius:4px;background:#f5f7f8;cursor:pointer}.upload-icon{font-size:36px;font-weight:400}.upload strong{font-size:14px}.upload>span:not(.upload-icon){font-size:11px}.upload input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.upload:focus-within{outline:3px solid #42647b;outline-offset:4px}.small-button{border:1px solid #9aaebc;border-radius:3px;padding:11px 18px;background:transparent;color:var(--ink);font-size:12px}.hint{font-size:11px;line-height:1.7;color:var(--muted);margin-top:13px}fieldset{padding:0;border:0;margin:0 0 28px}legend,.field{font-size:12px;font-weight:600}.styles{display:flex;gap:8px;flex-wrap:wrap;margin-top:17px}.styles input{position:absolute;opacity:0}.styles span{display:block;padding:11px 14px;border:1px solid #b9c9d3;border-radius:3px;font-size:11px;cursor:pointer}.styles input:checked+span{background:var(--ink);border-color:var(--ink);color:white}.styles input:focus-visible+span{outline:3px solid #42647b;outline-offset:3px}textarea{display:block;width:100%;resize:vertical;background:#fafbf9;border:1px solid #b9c9d3;padding:13px;margin-top:15px;font-size:12px;line-height:1.7;color:var(--ink);border-radius:3px}.preferences .button{margin-top:7px;width:100%}#form-status{font-size:12px;margin:12px 0 0;color:#8a3425}#photo-preview{width:100%;height:300px;object-fit:contain;background:#e1e8ed;border-radius:4px}#replace-photo{margin-top:10px;border:0;background:transparent;text-decoration:underline;color:var(--ink);font-size:12px}.result{margin-top:35px;padding:28px;background:var(--paper);border-left:3px solid #88af2c}.result h3{font-size:25px}.result p{font-size:13px;line-height:1.7;white-space:pre-wrap}footer{display:flex;align-items:center;justify-content:space-between;padding-top:40px;padding-bottom:40px}footer .brand{font-size:23px}footer p,footer>span{font-size:10px;color:var(--muted);margin:0}footer>span{letter-spacing:1px}[hidden]{display:none!important}@media(max-width:850px){.wrap{padding-left:26px;padding-right:26px}.hero{gap:22px}h1{font-size:55px}.architecture{min-height:430px}.process{gap:25px;grid-template-columns:1fr}.process ol{gap:20px}form{gap:25px}.studio-heading>p{max-width:210px}footer p{max-width:190px;line-height:1.7}}@media(max-width:600px){.header{height:90px}.brand{font-size:25px}nav a:first-child{display:none}nav{font-size:10px}.hero{padding-top:12px;grid-template-columns:1fr}.intro{padding-top:15px}h1{font-size:62px}.eyebrow{font-size:8px}.architecture{min-height:360px}.hero-bottom{gap:20px;font-size:9px;line-height:1.6}.hero-bottom span:last-child{max-width:110px}.process{padding-top:45px;padding-bottom:35px}.process ol{grid-template-columns:1fr;gap:10px}.process li{display:grid;grid-template-columns:35px 1fr;column-gap:15px}.process li>span{grid-row:1/3}.process li h3{margin-bottom:5px}.process li p{grid-column:2}.studio{padding-top:45px}.studio-heading{display:block}.studio-heading>p{max-width:100%}form{grid-template-columns:1fr}.upload{min-height:250px}h2{font-size:33px}footer{gap:24px;flex-wrap:wrap}footer>span{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.field>input,.field>select{display:block;width:100%;padding:12px;margin:10px 0 20px;border:1px solid #b9c9d3;border-radius:3px;background:#fafbf9;color:var(--ink)}select{font:inherit;max-width:100%}.confirmation{display:flex;align-items:flex-start;gap:10px;font-size:11px;line-height:1.7;color:var(--muted)}.confirmation input{margin-top:4px;flex-shrink:0}.color-options{margin:20px 0 0;padding-left:15px;border-left:2px solid #b9c9d3}.color-options .styles{margin-bottom:20px}#logo-options{padding:20px;border:1px solid #b9c9d3;border-radius:4px}.styles input[type=checkbox]:checked+span{background:var(--ink);border-color:var(--ink);color:white}

.attachment-preview{width:100%;max-height:260px;object-fit:contain;background:#fafbf9;margin-bottom:15px}.upload-panel>fieldset{margin-top:28px;padding-top:20px;border-top:1px solid #b9c9d3}