:root{--green:#06910f;--forest:#123d24;--dark:#18251e;--muted:#4c6053;--line:#dbe4dc;--pale:#edf5eb;--cream:#f7f9f5;--white:#fff;--radius:20px;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--dark);background:var(--white);line-height:1.55}
*{box-sizing:border-box}body{margin:0}a{color:inherit}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}:focus-visible{outline:3px solid var(--green);outline-offset:4px}button{cursor:pointer}img{max-width:100%}.wrap{width:min(1160px,calc(100% - 48px));margin-inline:auto}.skip{position:absolute;left:12px;top:-60px;z-index:4;background:white;padding:10px}.skip:focus{top:10px}.header{border-bottom:1px solid var(--line);background:#fff}.header-inner,.footer-inner{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}.logo{width:213px;display:block}.header nav{display:flex;gap:26px;align-items:center}.header nav a,.footer-inner a{text-decoration:none;font-weight:650;font-size:.92rem}.header nav a[aria-current]{color:#087313}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid transparent;border-radius:10px;background:var(--forest);color:white;padding:13px 19px;text-decoration:none;font-weight:740;line-height:1.3}.button:hover{background:#205536}.button.small{padding:10px 14px;font-size:.87rem}.button.secondary{color:var(--forest);background:white;border-color:#b8cbbb}.button.secondary:hover{background:var(--pale)}.button.text{color:var(--forest);background:transparent;padding-inline:5px}.eyebrow{color:#087313;font-size:.75rem;font-weight:820;letter-spacing:.14em;text-transform:uppercase;margin:0 0 12px}.hero{background:radial-gradient(ellipse at 85% 20%,#e0f0da,transparent 59%),var(--cream);padding:76px 0 72px}.hero-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:55px}.hero h1,.page-title{font-size:clamp(2.55rem,6vw,5rem);line-height:1.02;letter-spacing:-.067em;margin:0 0 22px;font-weight:820}.hero h1 em{color:#087313;font-style:normal}.lead{font-size:1.12rem;color:var(--muted);max-width:60ch;margin:0 0 23px}.actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.fine{font-size:.87rem;color:var(--muted);margin-top:18px}.showcase{padding:16px;border-radius:26px;border:1px solid #c9ddc8;background:#ecf4e8;box-shadow:0 24px 62px #19392119}.showcase-label{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:2px 4px 12px;color:#3d5844;font-size:.76rem;font-weight:740}.dot{display:inline-block;width:8px;height:8px;background:var(--green);border-radius:50%;margin-right:5px}.section{padding:64px 0}.section.tint{background:var(--cream);border-block:1px solid var(--line)}.section h2,.heading{font-size:clamp(1.85rem,4vw,3.1rem);line-height:1.08;letter-spacing:-.05em;margin:0 0 14px}.section .lead{margin-bottom:30px}.steps,.store-types,.plans{display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.tile,.plan,.panel{border:1px solid var(--line);border-radius:var(--radius);background:white;padding:24px}.tile h3,.plan h3{margin:12px 0 5px;font-size:1.25rem;letter-spacing:-.03em}.tile p,.plan p{color:var(--muted);margin:0}.num{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#e7f1e3;color:#126425;font-weight:800}.strip{background:var(--forest);color:white}.strip .wrap{display:flex;justify-content:space-between;align-items:center;gap:24px}.strip p{color:#e4efe3}.strip h2{margin-bottom:8px}.plans{grid-template-columns:repeat(2,1fr)}.plan.premium{border:2px solid #338747}.price{font-size:2.1rem;letter-spacing:-.06em;font-weight:820;color:var(--dark);display:inline-block;margin-top:14px}.price small{font-size:.95rem;font-weight:650;letter-spacing:0;color:var(--muted)}.plan ul{padding-left:19px;margin:14px 0 0}.plan li{margin:5px 0}.chip{display:inline-flex;background:#e3f1df;color:#185526;padding:4px 9px;border-radius:99px;font-size:.72rem;font-weight:800}.footer-inner{min-height:86px;color:var(--muted);font-size:.85rem}.footer-inner .logo{width:170px}
.subpage{padding:52px 0 68px;background:var(--cream);min-height:70vh}.subpage .page-title{font-size:clamp(2.35rem,5vw,4.4rem)}.about-grid,.signup-grid{display:grid;grid-template-columns:1fr 1fr;gap:38px;align-items:start}.prose p{color:var(--muted);max-width:65ch}.prose h2{margin:26px 0 6px;font-size:1.4rem}.signup-grid .panel{padding:28px}.field{display:grid;gap:6px;margin:0 0 17px;font-weight:700}.field input,.field select,.field textarea{width:100%;border:1px solid #b9c9bd;border-radius:9px;padding:10px 12px;background:white;color:var(--dark);font-weight:450}.field textarea{min-height:89px;resize:vertical}.field small,.muted{font-weight:450;color:var(--muted)}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.wide{width:100%}
.wizard-page{background:var(--cream);padding:30px 0 52px;min-height:72vh}.wizard-title{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:22px}.wizard-title h1{font-size:clamp(1.8rem,4vw,2.65rem);letter-spacing:-.055em;line-height:1.1;margin:0}.wizard-grid{display:grid;grid-template-columns:218px minmax(0,1fr);gap:24px;align-items:start}.progress{display:grid;gap:6px;margin:0;padding:0;list-style:none}.progress button{width:100%;display:flex;align-items:center;gap:9px;text-align:left;border:1px solid transparent;background:transparent;border-radius:9px;padding:9px;color:var(--muted);font-weight:680}.progress button:disabled{cursor:default;opacity:.72}.progress button[aria-current]{background:#e6f2e2;border-color:#cde1cb;color:var(--forest)}.progress span{display:grid;place-items:center;border-radius:50%;width:24px;height:24px;border:1px solid #a8c1aa;font-size:.72rem;flex:none}.wizard-content .panel{padding:clamp(18px,4vw,30px)}.wizard-content h2{font-size:clamp(1.55rem,4vw,2.5rem);line-height:1.08;letter-spacing:-.045em;margin:0 0 10px}.wizard-content .lead{font-size:.99rem}.wizard-content fieldset{border:0;padding:0;margin:0 0 18px;min-width:0}.wizard-content legend{font-weight:750;margin-bottom:8px}.choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.choice{display:flex;flex-direction:column;gap:5px;padding:13px;border:1px solid var(--line);border-radius:11px;cursor:pointer;background:white}.choice:has(input:checked){border-color:#218138;background:#edf6e9;box-shadow:inset 0 0 0 1px #218138}.choice input,.check input{accent-color:var(--green);margin:0 0 2px;align-self:flex-start}.choice small{font-size:.82rem;color:var(--muted)}.check-grid{display:flex;gap:8px;flex-wrap:wrap}.check{display:flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid var(--line);border-radius:8px;font-size:.9rem}.wizard-actions{display:flex;justify-content:space-between;gap:12px;margin-top:22px;padding-top:17px;border-top:1px solid var(--line)}.notice{background:var(--pale);border-radius:9px;padding:10px 13px;color:#294e33;font-size:.9rem;margin:12px 0}.error{color:#a32323;font-weight:650}.preview-toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:14px 0 8px}.preview-toolbar .actions{gap:6px}.preview-toolbar button[aria-pressed=true]{background:#dff0dc}.preview-stage{padding:10px;background:#edf3eb;border-radius:14px}.preview-stage.phone .storefront{max-width:330px;margin:auto}.preview-stage.phone .storefront .products{grid-template-columns:1fr 1fr}.storefront{--theme:#304f3b;--wash:#e9f0e6;background:#fff;border:1px solid #c9d8c9;border-radius:14px;overflow:hidden;color:#26372d}.storefront.soft{--theme:#674256;--wash:#f7eaf0}.storefront.bold{--theme:#344173;--wash:#e9edfa}.shop-top{padding:11px 14px;display:flex;justify-content:space-between;align-items:center;gap:9px;font-size:.72rem}.shop-top strong{font-size:.95rem;overflow-wrap:anywhere}.shop-top span{color:#55645b}.shop-hero{background:var(--wash);color:var(--theme);padding:clamp(18px,4vw,36px);overflow-wrap:anywhere}.shop-hero small{letter-spacing:.12em;font-weight:800;text-transform:uppercase}.shop-hero h3{font-family:Georgia,serif;font-weight:500;font-size:clamp(1.45rem,4vw,2.6rem);line-height:1.05;letter-spacing:-.025em;margin:7px 0}.shop-hero p{font-size:.86rem;margin:0;max-width:42ch}.products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:12px}.sample-product{border:1px solid #e1e8df;border-radius:8px;overflow:hidden}.sample-product strong,.sample-product small{display:block;padding:0 7px;overflow-wrap:anywhere}.sample-product strong{font-size:.73rem;padding-top:6px}.sample-product small{font-size:.69rem;padding-bottom:6px;color:var(--muted)}.product-art{height:48px;background:var(--wash);display:grid;place-items:center}.product-art svg{width:34px;height:33px;stroke:var(--theme);fill:none;stroke-width:1.1}.preview-revise{margin-top:16px}.preview-revise .field{margin-bottom:9px}.summary-list{display:grid;grid-template-columns:auto 1fr;gap:7px 14px;margin:18px 0}.summary-list dt{font-weight:750}.summary-list dd{margin:0;overflow-wrap:anywhere}.example{padding:13px;border:1px solid var(--line);border-radius:10px;margin-bottom:12px}.example p{margin:4px 0}.domain-value{overflow-wrap:anywhere}.hidden{display:none!important}
@media(max-width:850px){.hero-grid{gap:25px}.wizard-grid{grid-template-columns:155px 1fr;gap:12px}.progress button{font-size:.85rem}.header nav{gap:12px}.header-inner{gap:10px}.logo{width:175px}}
@media(max-width:650px){.wrap{width:calc(100% - 30px)}.header-inner{min-height:0;padding-block:12px;flex-wrap:wrap}.header nav{order:3;width:100%;justify-content:center;padding-top:8px;border-top:1px solid var(--line)}.header .logo{width:154px}.header .button.small{font-size:.78rem;padding:9px}.hero{padding:44px 0}.hero-grid,.about-grid,.signup-grid,.steps,.store-types,.plans,.wizard-grid{grid-template-columns:1fr}.section,.subpage{padding:42px 0}.strip .wrap{align-items:flex-start;flex-direction:column}.footer-inner{flex-wrap:wrap;gap:10px;padding-block:14px}.footer-inner .logo{width:134px}.wizard-title{align-items:start;flex-direction:column;gap:5px}.progress{display:flex;overflow:auto}.progress li{flex:none}.progress button{padding:6px;gap:5px}.choices{grid-template-columns:1fr}.field-row{grid-template-columns:1fr;gap:0}.tile,.plan{padding:19px}}
@media(max-width:650px){.wizard-grid{grid-template-columns:minmax(0,1fr)}.wizard-title h1{overflow-wrap:anywhere}.wizard-actions .button{padding-inline:12px}}

/* The program uses the original green, with solid surfaces and larger type. */
:root{--forest:#183d22;--dark:#17221a;--muted:#3e5143;--pale:#e5efdf;--cream:#f3f3eb;--radius:4px;font-family:Arial,Helvetica,sans-serif;font-size:17px}
.header{border:0;border-top:7px solid var(--green);box-shadow:0 2px 0 #19392119}
.header-inner{min-height:83px}.header nav a{font-size:1rem}.logo{width:246px}
.button{border-radius:4px;padding:14px 20px;font-weight:800}.button.small{font-size:.95rem}.button.secondary{border:2px solid var(--forest)}
.hero{background:var(--cream);padding-block:78px}.hero h1,.page-title{font-weight:900;letter-spacing:-.055em}.hero h1{font-size:clamp(3rem,7vw,5.5rem)}
.eyebrow{font-size:.83rem;letter-spacing:.09em;font-weight:800}.lead{font-size:1.2rem}.fine{font-size:.97rem}
.showcase{border:0;border-radius:4px;padding:20px;background:#d7e8ce;box-shadow:9px 9px 0 #387645}
.showcase-label{font-size:.9rem}.storefront{border:0;border-radius:3px}.shop-top{font-size:.82rem}.shop-top strong{font-size:1.04rem}.shop-hero p{font-size:1rem}.sample-product strong,.sample-product small{font-size:.8rem}
.section.tint{border:0}.section h2,.heading,.wizard-content h2{letter-spacing:-.045em;font-weight:850}
.tile,.panel{border:0;background:var(--pale);border-radius:4px}.num{background:var(--forest);color:white;border-radius:3px}
.tile h3,.plan h3{font-size:1.55rem}.strip{background:var(--forest)}
.signup-grid .panel,.subpage .prose,.wizard-content .panel{background:white;box-shadow:0 4px 0 #d3e0d0}
.wizard-content .lead{font-size:1.08rem}.wizard-grid{grid-template-columns:195px minmax(0,1fr)}
.progress{gap:3px}.progress button{border:0;border-radius:3px;color:var(--dark);font-size:1rem}
.progress button[aria-current]{background:var(--forest);color:#fff}.progress span{border:0;background:#dbead7;color:var(--forest);font-size:.85rem}
.choice,.check{border:0;border-radius:3px;background:#edf0e8}.choice{padding:15px}.choice small,.check{font-size:.96rem}.choice:has(input:checked){background:#dcebd6;box-shadow:inset 0 -4px var(--green)}
.field input,.field select,.field textarea{border:2px solid #9bb19e;border-radius:4px}.notice,.example{border:0;border-radius:3px;background:var(--pale);font-size:1rem}
.billing-row{display:flex;align-items:center;gap:15px;flex-wrap:wrap;margin:22px 0;color:var(--muted);font-weight:700}
.billing-switch{display:inline-flex;gap:3px;padding:4px;background:#dce8d8;border-radius:4px}
.billing-switch button{padding:9px 16px;border:0;border-radius:2px;background:transparent;color:var(--forest);font-weight:800}
.billing-switch button[aria-pressed=true]{background:var(--forest);color:white}
.plans{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}.plan,.plan.premium{display:flex;flex-direction:column;align-items:start;gap:7px;padding:22px;border:0;border-radius:4px;background:#e2eadc;color:var(--dark)}
.plan.premium{background:var(--forest);color:white}.plan.studio{background:#e4dfc9}.plan h3{margin:0}.plan .price{color:inherit;font-size:clamp(1.8rem,3.8vw,2.8rem);line-height:1;margin-top:10px}
.plan .price small{color:inherit;font-size:.97rem}.plan .plan-rate{font-weight:750;font-size:.94rem}.plan.premium p{color:#e4efe3}.plan ul{margin:8px 0 12px}.plan li{margin:7px 0}.plan .button{margin-top:auto}.plan.premium .button{background:#e3f1df;color:var(--forest)}
.plan .plan-proposal{font-weight:750;font-size:.9rem}.plan-choice{cursor:pointer}.plan-choice input{accent-color:#087313;width:19px;height:19px;margin:0 0 6px}.plan-choice:has(input:checked){outline:3px solid var(--green);outline-offset:2px}.wizard-plans .plan{padding:15px}
@media(max-width:900px){.wizard-plans{grid-template-columns:1fr}.header .logo{width:195px}.wizard-grid{grid-template-columns:155px minmax(0,1fr)}}
@media(max-width:650px){.header .logo{width:154px}.header .button.small{font-size:.78rem}.hero{padding-block:46px}.hero h1{font-size:clamp(2.8rem,11vw,4rem)}.showcase{margin-right:7px;padding:12px;box-shadow:6px 6px 0 #387645}.plans,.wizard-grid{grid-template-columns:minmax(0,1fr)}.progress button{font-size:.92rem}.lead{font-size:1.08rem}}

.wizard-page{background:#e9eee4}.wizard-title{padding:17px 22px;background:var(--forest);color:white;border-radius:4px;align-items:center}.wizard-title .eyebrow{color:#c9e8bc;margin-bottom:5px}.wizard-counter{font-weight:800;color:#e4f0de;white-space:nowrap}
.wizard-grid{gap:18px}.progress{padding:8px;background:#d9e4d4;border-radius:4px}.progress button{padding:11px 9px}
.wizard-content .panel{border-top:5px solid #398345}.wizard-content fieldset>legend{font-size:1.08rem}
.choice,.check,.plan-choice{position:relative}.choice input,.check input,.plan-choice input{position:absolute;inline-size:1px;block-size:1px;opacity:0;margin:0}
.choice:focus-within,.check:focus-within,.plan-choice:focus-within{outline:3px solid #087313;outline-offset:3px}
.choice{min-height:136px;padding:16px 35px 16px 16px;gap:4px;border-radius:4px;background:#eef1e9;box-shadow:inset 0 -4px #dbe5d7}
.choice:hover,.check:hover{background:#e2eddd}.choice strong{font-size:1.1rem;line-height:1.16}.choice-icon{width:35px;height:35px;display:grid;place-items:center;background:#dce9d8;color:var(--forest);border-radius:3px;font-weight:900;font-size:1.22rem;margin-bottom:4px}
.choice:has(input:checked){background:#dcebd5;box-shadow:inset 0 -5px #087313}.choice:has(input:checked) .choice-icon{background:var(--forest);color:white}
.choice-state{position:absolute;right:12px;top:12px;width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:#d7dfd3;color:transparent;font-weight:850}
.choice:has(input:checked) .choice-state,.plan-choice:has(input:checked) .choice-state{background:#087313;color:white}
.check{padding:9px 11px;gap:10px;font-weight:750}.check i{font-style:normal;color:transparent}.check:has(input:checked){background:#d3e8ce;color:#173f23}.check:has(input:checked) i{color:#087313}
.assortment-detail .muted{margin:0 0 11px}.plan-choice{padding-top:20px}.plan-choice h3{padding-right:26px}.plan-choice:has(input:checked){outline-offset:-3px}
.studio-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(220px,1fr);gap:18px;align-items:start}.studio-canvas{min-width:0;background:#edf2e9;padding:10px;border-radius:4px}.preview-toolbar{margin:0 0 10px;flex-wrap:wrap}.preview-toolbar .button{padding:6px 9px}.preview-stage{padding:4px}
.preview-revise{padding:16px;background:#e5efdf;border-radius:4px;margin:0}.preview-revise h3{margin:0;font-size:1.24rem}.preview-revise p{margin:4px 0 13px}.preview-revise textarea{min-height:76px}.preview-revise button:disabled{opacity:.55;cursor:default}
.prompt-list{display:grid;gap:5px;margin:0 0 13px}.prompt{display:flex;justify-content:space-between;gap:8px;text-align:left;border:0;border-radius:3px;background:white;color:var(--forest);font-weight:750;padding:8px 9px}.prompt:hover{background:#f4f8f0}
.dns-record{display:grid;grid-template-columns:auto 1fr 1fr;gap:14px;padding:14px;margin-top:10px;background:var(--forest);color:white;border-radius:4px}.dns-record small,.dns-record strong,.dns-record code{display:block;overflow-wrap:anywhere}.dns-record small{color:#d7e8d4;margin-bottom:5px}.domain-checks{display:grid;gap:3px;list-style:none;padding:0;margin:7px 0 12px;color:var(--forest);font-weight:700}
@media(max-width:1000px){.studio-layout{grid-template-columns:minmax(0,1fr)}}
@media(max-width:650px){.wizard-title{padding:12px 15px;align-items:flex-start}.wizard-grid{gap:10px}.choice{min-height:0;padding:11px 36px 13px 58px}.choice-icon{position:absolute;left:12px;top:12px}.dns-record{grid-template-columns:1fr;gap:7px}}

/* Keep the site header above the builder and let the editor fill the remaining viewport. */
.is-builder{display:grid;grid-template-rows:auto minmax(0,1fr);min-height:100dvh}
.is-builder>footer{display:none}
.is-builder:has(.workspace-editor){height:100dvh}
.is-builder>main{min-width:0;min-height:0}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.workspace{min-height:100%;padding:0 0 24px;background:#f4f5f2}
.workspace-header{min-height:72px;padding:12px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;background:white;border-top:5px solid var(--green)}
.workspace-identity,.workspace-actions{display:flex;align-items:center;gap:12px;min-width:0}.workspace-identity>div{min-width:0}
.workspace-identity p{font-size:.78rem;font-weight:750;color:var(--muted);margin:0}
.workspace-identity h1{font-size:clamp(1.1rem,2.2vw,1.55rem);line-height:1.15;letter-spacing:-.04em;margin:3px 0 0;overflow-wrap:anywhere}
.workspace-exit{display:grid;place-items:center;flex:none;width:38px;height:38px;background:#e9eee7;border-radius:8px;text-decoration:none;font-size:1.6rem;line-height:1}
.workspace-draft{font-size:.8rem;font-weight:750;background:#ebf1e7;border-radius:99px;padding:4px 9px}
.workspace-header .wizard-counter{color:var(--muted);font-size:.9rem}
.workspace-actions .button{white-space:nowrap}.workspace-steps{background:white;box-shadow:0 2px 0 #15291a12}
.workspace-steps .progress{position:relative;display:flex;gap:5px;background:transparent;border-radius:0;padding:4px 24px 9px;overflow:auto}
.workspace-steps li{flex:none}.workspace-steps .progress button{white-space:nowrap;padding:7px 9px;border-radius:6px}.workspace-steps .progress button[aria-current]{background:#e1eee0;color:#143e24}
.workspace-steps .progress button[aria-current] span{background:var(--forest);color:white}
.workspace:not(.workspace-editor) .wizard-content{width:min(1000px,calc(100% - 32px));margin:26px auto 0}
.workspace-editor{display:grid;grid-template-rows:auto auto minmax(0,1fr);height:100%;padding:0;overflow:hidden}
.workspace-editor .wizard-content{min-width:0;min-height:0}
.workspace-editor .studio-layout{height:100%;grid-template-columns:minmax(0,1fr) minmax(310px,360px);gap:0;align-items:stretch}
.workspace-editor .studio-canvas{display:grid;grid-template-rows:auto minmax(0,1fr);min-height:0;background:#e6ebe4;border-radius:0;padding:0}
.workspace-editor .preview-toolbar{justify-content:space-between;gap:10px;margin:0;padding:11px 22px;background:#eff2ed}
.canvas-label{font-size:.93rem;font-weight:800;color:var(--forest)}
.workspace-editor .preview-toolbar button{border:0;border-radius:6px;background:transparent}
.workspace-editor .preview-toolbar button[aria-pressed=true]{background:var(--forest);color:#fff}
.workspace-editor .preview-stage{overflow:auto;padding:clamp(14px,3vw,37px);border-radius:0;background:#e6ebe4}
.preview-window{width:min(1200px,100%);margin:0 auto;background:white;border-radius:12px;overflow:hidden;box-shadow:0 12px 33px #182b2324}
.preview-stage.phone .preview-window{max-width:370px}.workspace-editor .preview-stage.phone .storefront{max-width:none}
.window-bar{display:flex;gap:12px;align-items:center;background:#f7f8f6;padding:10px 13px;font-size:.8rem;font-weight:700;color:#46564b;overflow-wrap:anywhere}
.window-bar span:first-child{color:#9bac9e;white-space:nowrap;letter-spacing:.04em}
.workspace-editor .storefront{border-radius:0}.workspace-editor .shop-top{padding:16px 23px}.workspace-editor .shop-hero{padding:clamp(30px,5vw,74px) clamp(20px,5vw,62px)}
.workspace-editor .shop-hero h3{max-width:16ch;font-size:clamp(2.05rem,5vw,4.25rem);margin:13px 0}.workspace-editor .phone .shop-hero h3{font-size:2.25rem}
.workspace-editor .products{gap:13px;padding:20px}.workspace-editor .product-art{height:clamp(72px,8vw,128px)}
.workspace-editor .preview-revise{padding:22px;background:white;border-radius:0;overflow:auto;box-shadow:-1px 0 0 #22352917}
.design-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.workspace-editor .prompt{background:#edf2e9;padding:10px 11px}.workspace-editor .prompt:hover{background:#dceada}
.editor-mobile-tabs{display:none}
.workspace-header{border-top:0;min-height:68px}
.workspace-exit{background:transparent;border-radius:50%;color:var(--muted)}
.workspace-exit:hover{background:#e9eee7}
.workspace-steps .progress button[aria-current]{background:transparent;border-radius:0;box-shadow:0 2px 0 #398345}
.workspace-editor .preview-toolbar{background:transparent}
.workspace-editor .preview-toolbar button{border-radius:99px;padding-inline:12px}
.workspace-editor .preview-toolbar button[aria-pressed=true]{background:#d1e3cc;color:var(--forest)}
.workspace-editor .preview-revise{background:#f8f9f6;box-shadow:none}
.workspace-editor .preview-revise .prompt-list{gap:0;margin-bottom:22px}
.workspace-editor .preview-revise .prompt{background:transparent;border-radius:0;padding:10px 0}
.workspace-editor .preview-revise .prompt:hover{background:transparent;text-decoration:underline;text-underline-offset:3px}
.workspace-editor .preview-revise textarea{border:1px solid #9bb19e;border-radius:12px}
.workspace-editor .preview-revise .button,.workspace-actions .button{border-radius:99px}
.workspace-editor .sample-product{border:0;border-radius:0}
.workspace-editor .sample-product .product-art{border-radius:14px}
.workspace-editor .sample-product strong,.workspace-editor .sample-product small{padding-inline:0}
@media(max-width:750px){
  .workspace-header{padding:10px 14px;gap:8px}.workspace-identity,.workspace-actions{gap:7px}.workspace-draft,.workspace-actions .button.text{display:none}.workspace-exit{width:30px;height:30px}
  .workspace-actions .button.small{padding:9px;font-size:.78rem}.workspace-steps .progress{padding:3px 12px 8px}
  .workspace-editor .wizard-content{display:grid;grid-template-rows:auto minmax(0,1fr)}
  .editor-mobile-tabs{display:flex;gap:6px;padding:8px 14px;background:#f5f7f4}.editor-mobile-tabs button{border:0;border-radius:5px;padding:6px 13px;color:var(--forest);background:transparent;font-weight:800}
  .editor-mobile-tabs button[aria-pressed=true]{background:var(--forest);color:white}
  .workspace-editor .studio-layout{grid-template-columns:minmax(0,1fr)}.studio-layout[data-pane=preview] .preview-revise,.studio-layout[data-pane=design] .studio-canvas{display:none}
  .workspace-editor .preview-toolbar{padding:8px 13px}.workspace-editor .preview-stage{padding:12px}.workspace-editor .preview-revise{padding:18px}
  .workspace-editor .products{grid-template-columns:repeat(2,minmax(0,1fr));padding:12px}
}

/* Setup and editing share a quiet app shell. The storefront supplies the color. */
.workspace{background:#fbfbf8;color:#17221b}
.workspace-header{min-height:66px;padding-inline:clamp(16px,3vw,40px);background:#fbfbf8}
.workspace-header .workspace-exit{margin-left:-7px}.workspace-identity{gap:10px}
.workspace-identity h1{font-size:1.12rem;letter-spacing:-.025em;margin:0}
.workspace-draft{background:#eef0ea;color:#4e5c51}
.workspace-steps{background:#fbfbf8;box-shadow:none;border-bottom:1px solid #e7e9e3}
.workspace-steps .progress{gap:13px;padding-inline:clamp(16px,3vw,40px)}
.workspace-steps .progress button{gap:7px;padding-inline:0;font-size:.92rem}.workspace-steps .progress button span{background:transparent;color:#65746a}
.workspace-steps .progress button[aria-current]{box-shadow:0 2px 0 #157738}.workspace-steps .progress button[aria-current] span{background:#e2efe0;color:#145a31}
.workspace:not(.workspace-editor) .wizard-content{width:min(1120px,calc(100% - 64px));margin:clamp(36px,7vw,94px) auto 0;display:grid;grid-template-columns:minmax(220px,1fr) minmax(0,1.45fr);gap:clamp(28px,6vw,85px);align-items:start}
.workspace:not(.workspace-editor) .wizard-content.setup-wide{grid-template-columns:minmax(200px,.72fr) minmax(0,2fr);gap:clamp(25px,4vw,58px)}
.setup-intro .eyebrow{letter-spacing:.045em;font-size:.9rem;text-transform:none;margin:0 0 13px}
.setup-intro h2{font-size:clamp(2.5rem,5vw,4.65rem);line-height:.99;letter-spacing:-.075em;margin:0 0 21px;max-width:13ch}
.setup-intro .lead{max-width:32ch;margin:0;font-size:1.13rem}
.setup-fields{min-width:0}.setup-fields .field-row{gap:16px}.setup-fields .field input,.setup-fields .field select,.setup-fields .field textarea{border:1px solid #c6cfc4;border-radius:9px;padding:13px}
.setup-fields fieldset{margin-bottom:23px}.setup-fields legend{margin-bottom:10px}
.setup-fields .choices{display:block;border-block:1px solid #e0e6dc}
.setup-fields .choice{min-height:0;display:flex;flex-direction:row;align-items:center;gap:13px;padding:14px 44px 14px 12px;border-radius:0;background:transparent;box-shadow:none}
.setup-fields .choice+.choice{border-top:1px solid #e0e6dc}.setup-fields .choice:hover{background:#f0f3ed}
.setup-fields .choice:has(input:checked){background:#eaf3e7;box-shadow:inset 3px 0 #157738}
.choice-copy{display:grid;gap:4px}.setup-fields .choice strong{font-size:1.08rem}.setup-fields .choice small{font-size:.94rem}
.setup-fields .choice-state{right:13px;top:50%;transform:translateY(-50%);background:transparent}.setup-fields .choice:has(input:checked) .choice-state{background:#147738}
.style-swatch{flex:none;width:48px;height:32px;border-radius:5px;background:linear-gradient(120deg,#e7eee3 50%,#3f694f 50%)}
.style-soft .style-swatch{background:linear-gradient(120deg,#f5e7ee 50%,#70455f 50%)}.style-bold .style-swatch{background:linear-gradient(120deg,#e7ebf9 50%,#384789 50%)}
.setup-fields .check{border-radius:99px;padding:7px 12px;background:#edf0ea}.setup-fields .check:has(input:checked){background:#dcefd8}
.setup-fields .wizard-actions .button{border-radius:99px}.setup-fields .wizard-actions .secondary{border:0;background:transparent;padding-left:0}
.setup-fields .wizard-plans{grid-template-columns:repeat(3,minmax(0,1fr))}.setup-fields .wizard-plans .plan{border-radius:10px}.setup-fields .wizard-plans .price{font-size:1.78rem}
.workspace-editor .studio-layout{grid-template-columns:minmax(0,1fr) minmax(310px,370px)}
.workspace-editor .studio-canvas,.workspace-editor .preview-stage{background:#eeefeb}
.workspace-editor .preview-toolbar{padding:10px clamp(15px,2.6vw,34px)}
.workspace-editor .preview-stage{padding-top:13px}
.workspace-editor .preview-window{border-radius:10px;box-shadow:0 3px 16px #24352613}
.workspace-editor .preview-revise{background:#fbfbf8;border-left:1px solid #e4e7e0;padding:clamp(17px,2.4vw,31px)}
.design-heading h3{font-size:1.25rem;letter-spacing:-.03em}.design-style{color:#4d6654;font-size:.88rem;font-weight:750}
.workspace-editor .preview-revise p.muted{margin:7px 0 21px;line-height:1.45}
.workspace-editor .preview-revise textarea{min-height:108px;background:white}
.workspace-editor .preview-revise .prompt-list{margin:21px 0 0}.prompt-list h4{margin:0 0 3px;color:#46594a;font-size:.89rem}.workspace-editor .prompt{font-size:.93rem}
.workspace-editor .sample-product .product-art{border-radius:7px}
@media(max-width:900px){.setup-fields .wizard-plans{grid-template-columns:minmax(0,1fr)}}
@media(max-width:750px){
  .workspace:not(.workspace-editor) .wizard-content,.workspace:not(.workspace-editor) .wizard-content.setup-wide{grid-template-columns:minmax(0,1fr);width:calc(100% - 32px);margin-top:24px;gap:25px}
  .setup-intro h2{font-size:2.65rem;max-width:15ch;margin-bottom:12px}
  .workspace-editor .studio-layout{grid-template-columns:minmax(0,1fr)}
  .workspace-editor .preview-revise{border-left:0}
}

.is-builder>.header{border-top-width:4px;box-shadow:none;border-bottom:1px solid #e6e9e2}
.is-builder .header-inner{min-height:65px}
.is-builder .header-cta{background:transparent;color:var(--forest);border-color:#c8d7c9}
.is-builder .header-cta:hover{background:#edf3ea}
.workspace-header{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:16px;min-height:52px;padding-block:6px}
.workspace-identity h1{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.workspace-actions,.workspace-header .wizard-counter{justify-self:end}
.workspace-header .wizard-counter{font-variant-numeric:tabular-nums;color:#54645a}
.step-picker{position:relative;z-index:3}
.step-picker summary{display:flex;align-items:center;gap:7px;padding:8px 11px;list-style:none;cursor:pointer;border-radius:7px;font-size:.93rem}
.step-picker summary::-webkit-details-marker{display:none}
.step-picker summary:hover,.step-picker[open] summary{background:#eef1e9}
.step-phase,.step-chevron{color:#506457}.step-chevron{font-size:1.2em;line-height:1}
.step-picker nav{position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%);width:220px;padding:6px;background:white;border:1px solid #dde5db;border-radius:10px;box-shadow:0 12px 30px #243a2226}
.step-picker ol{list-style:none;margin:0;padding:0}
.step-picker button{display:flex;justify-content:space-between;gap:8px;text-align:left;width:100%;padding:9px 10px;border:0;border-radius:5px;background:transparent;color:var(--dark)}
.step-picker button:hover,.step-picker button[aria-current]{background:#edf4e9;color:var(--forest)}.step-picker button:disabled{opacity:.48;cursor:default}
.workspace-meter{display:block;width:100%;height:3px;appearance:none;border:0;background:#e4ebe0;color:#258146}
.workspace-meter::-webkit-progress-bar{background:#e4ebe0}.workspace-meter::-webkit-progress-value{background:#258146}
.workspace-meter::-moz-progress-bar{background:#258146}
.workspace:not(.workspace-editor) .wizard-content,.workspace:not(.workspace-editor) .wizard-content.setup-wide{
  width:min(1060px,calc(100% - 72px));grid-template-columns:minmax(0,1fr) minmax(235px,285px);gap:clamp(28px,5vw,68px);margin-top:clamp(26px,4vw,54px)
}
.setup-main{min-width:0}.setup-intro{margin-bottom:27px}
.setup-intro h2{max-width:20ch;font-size:clamp(2.5rem,4vw,3.55rem);margin-bottom:13px}
.setup-intro .lead{max-width:48ch}
.draft-sheet{align-self:start;background:#edf1e9;border-radius:12px;overflow:hidden}
.draft-sheet-inner{padding:17px}
.draft-label{font-size:.88rem;color:#385744;font-weight:800;margin:0 0 10px}
.draft-thumb{margin:0 0 15px;border-radius:6px;box-shadow:0 1px 4px #24352618}
.draft-thumb-nav{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;font-size:.72rem;font-weight:800}
.draft-thumb-nav span:first-child{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.draft-thumb-hero{padding:19px 13px;background:var(--wash);color:var(--theme)}
.draft-thumb-hero span{font:700 1.13rem/1.1 Georgia,serif}.draft-thumb-hero div{width:50%;height:4px;margin-top:9px;border-radius:3px;background:currentColor;opacity:.27}
.draft-thumb-collections{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding:7px}.draft-thumb-collections span{height:22px;border-radius:3px;background:var(--wash)}
.draft-sheet dl{margin:0}.draft-sheet dl div{display:grid;grid-template-columns:86px minmax(0,1fr);gap:8px;padding:9px 0;border-top:1px solid #d4e0d0}
.draft-sheet dt{color:#4b6653;font-size:.88rem}.draft-sheet dd{margin:0;font-size:.9rem;font-weight:750;overflow-wrap:anywhere}
.draft-sheet dd small{display:block;color:#4b6653;font-size:.82rem;font-weight:450;margin-top:2px}
@media(max-width:750px){
  .workspace-header{grid-template-columns:minmax(0,1fr) auto auto;gap:6px}.workspace-header .step-phase{display:none}
  .step-picker summary{padding:6px;font-size:.81rem}.workspace-header .wizard-counter{font-size:.75rem}
  .step-picker nav{left:auto;right:0;transform:none}
  .workspace:not(.workspace-editor) .wizard-content,.workspace:not(.workspace-editor) .wizard-content.setup-wide{width:calc(100% - 32px);grid-template-columns:minmax(0,1fr);gap:24px;margin-top:25px}
  .setup-intro h2{font-size:2.6rem}.setup-intro{margin-bottom:23px}
}

/* The public site shares the storefront's editorial typography and photography. */
body:not(.is-builder) .header{box-shadow:none;border-bottom:1px solid #e6e9e1;border-top-width:4px}
body:not(.is-builder) .header-cta, .hero .button,.public-about .button,.public-signup .button,.public-plans .button,.section.strip .button{border-radius:999px}
.hero,.public-about,.public-signup{background:#faf8f2}
.hero h1,.public-about .page-title,.public-signup .page-title,.public-process h2,.public-plans h2{font-family:Georgia,serif;font-weight:500;letter-spacing:-.055em}
.hero h1{max-width:11ch}.hero h1 em{color:#306143}.hero-grid{gap:clamp(28px,6vw,92px)}
.home-shop-feature{display:block;position:relative;text-decoration:none;max-width:520px;width:100%;justify-self:end}
.public-photo{aspect-ratio:1;background-image:url("assets/catalog-photos.png");background-repeat:no-repeat;background-size:200% 200%}
.public-photo.photo-bottle{background-position:left top}.public-photo.photo-box{background-position:right top}
.home-shop-feature .public-photo{border-radius:48% 48% 12px 12px}
.feature-caption{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:10px;color:#233f2b}
.feature-caption div>span{display:block;font-size:.84rem;color:#536653}.feature-caption strong{font:500 1.75rem/1.1 Georgia,serif}.feature-caption>span{font-size:1.35rem}.home-shop-feature:hover strong{text-decoration:underline}
.public-process .tile{background:transparent;padding:15px 16px 0 0;border-top:1px solid #d9e2d7;border-radius:0}
.public-process .num{background:transparent;color:#306143;width:auto;height:auto}.public-process .tile h3{font:500 1.65rem/1.1 Georgia,serif}
.public-plans .plan{border-radius:18px}.public-plans .plan.studio{background:#eee8db}.public-plans .plan.free{background:#e9eee4}
.public-about .about-grid,.public-signup .signup-grid{gap:clamp(24px,7vw,100px)}
.public-about .prose h2{font:500 1.6rem/1.15 Georgia,serif;margin:0;padding-top:16px;border-top:1px solid #d9e2d7}
.public-about .prose p{margin-bottom:21px}.about-photo{width:min(255px,60%);border-radius:46% 46% 8px 8px;margin-top:24px}
.public-signup .signup-note{font-size:.91rem;color:#546052;max-width:36ch;border-left:2px solid #86a083;padding-left:10px}
.public-signup #signup-form{box-shadow:none;background:#edf0e7;border-radius:16px}
.public-signup #signup-form .heading{font:500 2.2rem/1.04 Georgia,serif;letter-spacing:-.045em;margin:0 0 21px}
.public-signup #signup-form .field input{border:1px solid #b6c4b5;border-radius:8px;padding-block:11px}
@media(max-width:650px){.home-shop-feature{justify-self:center;max-width:380px}.public-about .about-photo{display:none}}

.public-contact{background:#faf8f2}.public-contact .contact-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,7vw,95px)}
.public-contact .page-title,.public-contact .heading{font-family:Georgia,serif;font-weight:500;letter-spacing:-.05em}
.public-contact .contact-form{padding:clamp(19px,4vw,34px);border-radius:16px;background:#edf0e7}
.public-contact .heading{font-size:2rem}.public-contact .button{border-radius:999px}
.public-contact .field input,.public-contact .field select,.public-contact .field textarea{border-radius:8px}
@media(max-width:650px){.public-contact .contact-grid{grid-template-columns:minmax(0,1fr)}}