:root{--paper:#fcf8f0;--ink:#344b3e;--rose:#e7b9bd;--line:#d8d9ca;--muted:#72776d}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.6 Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #a84c65;outline-offset:4px}header,footer{padding:28px 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{font:italic 44px/.8 Georgia,serif;letter-spacing:-3px}.wordmark span{display:block;font:10px Arial;letter-spacing:5px;margin:13px 0 0 6px}.back{font-size:13px}.intro{position:relative;overflow:hidden;padding:85px 8% 70px;background:#f1eddf}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:600}h1{font:clamp(50px,7vw,94px)/1.02 Georgia,serif;letter-spacing:-3px;margin:25px 0}h1 em{color:#a35762;font-weight:400}.intro p{font-size:16px}.pill{display:inline-block;border:1px solid var(--ink);border-radius:40px;padding:12px 23px;margin-top:15px;font-size:13px}.intro-flower{position:absolute;right:10%;top:10%;font:310px Georgia;color:var(--rose);transform:rotate(18deg);pointer-events:none}.collections{display:flex;justify-content:center;border-bottom:1px solid var(--line);gap:60px;padding:24px 6%}.collections span{font-size:14px;color:#858477}.collections small{display:block;font-size:10px}.collections .active{color:var(--ink)}.active:before{content:'● ';color:#9b5360}.builder{max-width:1350px;margin:auto;padding:70px 5%;display:grid;grid-template-columns:1fr 1fr;gap:65px}.preview-panel{align-self:start;position:sticky;top:25px;background:#e9eadf;border-radius:180px 180px 4px 4px;padding:45px 25px 15px}.preview-top{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1px;padding:30px 15px 0}.preview-top span:first-child{max-width:140px}#mockup{max-width:440px;margin:-5px auto 0}#mockup svg{display:block;width:100%;height:auto}.preview-bottom{display:flex;justify-content:space-between;font-size:10px;padding:8px 0}.preview-note{font-size:10px;line-height:1.6;color:#636b5e;border-top:1px solid #cdd1bf;padding-top:15px;margin-top:10px}h2{font:48px/1.1 Georgia,serif;letter-spacing:-1px;margin:16px 0}.muted{color:var(--muted);font-size:14px}fieldset{border:0;padding:0;margin:28px 0}legend,.field>span{font-size:13px;margin-bottom:12px;font-weight:600}b{font-size:10px;color:#9b5360;margin-right:10px} .designs{display:grid;gap:7px}.designs button{display:flex;align-items:center;gap:14px;text-align:left;background:transparent;border:1px solid var(--line);border-radius:7px;padding:9px 13px;color:var(--ink)}.designs button[aria-pressed=true]{border-color:var(--ink);background:#eceee3;box-shadow:inset 0 0 0 1px var(--ink)}.design-icon{font:32px Georgia;width:36px;text-align:center}.designs strong{display:block;font-size:13px}.designs small{display:block;font-size:10px;font-weight:400;color:var(--muted)}.check{margin-left:auto;visibility:hidden}.designs [aria-pressed=true] .check{visibility:visible}.colours{display:flex;flex-wrap:wrap;gap:9px}.colours button{background:transparent;color:var(--ink);border:1px solid var(--line);border-radius:25px;display:flex;align-items:center;gap:8px;padding:8px 13px;font-size:12px}.colours button[aria-pressed=true]{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.colours i{width:20px;height:20px;border-radius:50%;border:1px solid #0002}.hint{font-size:11px;color:var(--muted);margin:10px 0}.field{display:flex;flex-direction:column;gap:7px;font-size:13px;margin:18px 0}.field>span{margin-bottom:0}.field small{font-weight:400;color:var(--muted);font-size:10px}input,select,textarea{width:100%;min-height:45px;border:1px solid var(--line);border-radius:5px;color:var(--ink);background:#fffcf6;padding:10px 12px}textarea{resize:vertical}.extras{display:grid;grid-template-columns:1fr 2fr;gap:15px}.extras .field{margin-bottom:0}.summary{padding:16px;background:#eeeedf;border-radius:5px;font-size:12px}.summary p{margin:5px 0}.summary small{font-size:10px;color:var(--muted)}.submit{display:flex;justify-content:space-between;width:100%;background:var(--ink);color:var(--paper);border:0;border-radius:5px;padding:17px 20px;margin-top:15px}.submit:hover{background:#486752}.how{padding:65px 8%;border-top:1px solid var(--line)}.how>div{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:32px}.how article>span{font-size:10px;color:#9b5360;letter-spacing:1px}h3{font:24px Georgia}.how p{font-size:13px;color:var(--muted)}.future{text-align:center;background:#e7b9bd;padding:65px 20px}.future>span{font-size:10px;letter-spacing:2px}.future h2{font-size:40px}.future p{font-size:13px}footer{border:0;gap:30px}footer p,footer>a:last-child{font-size:11px}.skip{position:absolute;left:10px;top:-100px}.skip:focus{top:10px;background:white;padding:15px;z-index:20}@media(max-width:800px){.intro{padding:55px 7%}.intro-flower{font-size:200px;right:-60px;top:40px;opacity:.4}.intro>*:not(.intro-flower){position:relative;z-index:1}.collections{gap:20px;justify-content:space-between;padding:20px 6%;flex-wrap:wrap}.builder{grid-template-columns:1fr;gap:35px;padding:35px 6%}.preview-panel{position:static;max-width:500px;width:100%;margin:auto}#mockup{max-width:330px}.preview-top{padding-top:10px}h2{font-size:40px}.how>div{grid-template-columns:1fr;gap:15px}.how{padding:45px 7%}footer{flex-wrap:wrap;padding:30px 7%}.future h2{font-size:32px}.back{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.design-icon{flex-shrink:0;margin-right:12px;min-width:54px}.design-icon img{display:block} #inks{gap:8px;flex-wrap:wrap}
.collections{flex-wrap:wrap;gap:25px}.pickup-notice{margin:25px 7%;font-size:12px;border-top:1px solid var(--line);padding-top:20px}