:root{--ink:#101412;--sea:#101412;--paper:#f5f7f3;--surface:#ffffff;--line:#d3dad2;--accent:#b9d46b;--radius:12px;--muted:#505750}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--paper);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;line-height:1.7}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}a:focus-visible,button:focus-visible,input:focus,textarea:focus,select:focus{outline:3px solid var(--accent);outline-offset:3px}header{max-width:1320px;margin:auto;padding:25px 5%;display:flex;align-items:center;justify-content:space-between}.wordmark{display:inline-flex;align-items:center;gap:10px;font-size:19px;font-weight:750;letter-spacing:.08em}.wordmark img{width:34px;height:34px;display:block}.wordmark span{display:block;font-size:10px;letter-spacing:.2em;color:var(--sea)}nav{display:flex;gap:30px;align-items:center;font-size:14px}.small-cta{border-bottom:2px solid var(--accent);padding:8px 0}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:0;background:var(--paper)}.hero-copy{padding:64px max(7vw,24px)}.eyebrow{font-size:13px;letter-spacing:.12em;color:var(--sea);margin:0 0 20px}h1{font-size:clamp(40px,4.2vw,68px);line-height:1.28;letter-spacing:-.04em;margin:0 0 24px;font-weight:650}h1 em{font-style:normal;color:var(--ink);border-bottom:.14em solid var(--accent);padding:0 2px .04em}.intro{max-width:430px;font-size:17px;color:#505750}.button,button.primary{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;background:var(--sea);color:white;padding:15px 27px;border:0;border-radius:var(--radius);cursor:pointer;font-weight:650;min-height:48px}.button:hover,button.primary:hover{background:var(--accent);color:var(--ink)}.fine{font-size:13px;color:#637063}.hero-image{position:relative;min-height:0;background:#101412;overflow:hidden}.hero-image>img{width:100%;height:auto;aspect-ratio:3/2;display:block;object-fit:contain}.image-caption{position:static;padding:18px 0 0;color:var(--ink);font-size:15px}.image-caption strong{display:block;color:var(--ink);font-size:28px;font-weight:550}.promise{background:var(--ink);color:white;padding:40px 7%;display:flex;justify-content:space-between;align-items:center;gap:30px}.promise p{margin:0;font-size:19px}.promise strong{font-weight:550;color:var(--accent)}.promise div{display:flex;gap:30px;font-size:14px}.promise span:before{content:'✓';margin-right:8px;color:var(--accent)}.section{padding:85px 7%;max-width:1440px;margin:auto}h2{font-size:clamp(28px,3vw,42px);line-height:1.45;font-weight:600;margin:0 0 40px;letter-spacing:-.025em}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.steps article{border-top:1px solid var(--line);padding-top:24px}.steps span{color:var(--sea);font-size:13px}.steps h3{font-size:22px;font-weight:600}.steps p,.fit p,.fit li{color:#505750}.fit{background:var(--paper);display:grid;grid-template-columns:1fr 1fr;gap:70px}.fit ul{padding-left:20px}.fit li{padding:8px 0}.muted{color:#687068!important;font-size:13px}details{border-bottom:1px solid var(--line);padding:18px 0}summary{cursor:pointer;font-size:17px}details p{color:#505750;max-width:900px}.closing{background:#e7eddf;text-align:center;padding:65px 24px}.closing h2{margin:20px 0 30px}footer{padding:28px 7%;display:flex;gap:30px;font-size:12px;color:#5f675f;flex-wrap:wrap}footer span{margin-right:auto}.form-body{background:var(--paper)}.wizard{max-width:780px;margin:25px auto 140px;padding:40px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.wizard h1{font-size:30px;letter-spacing:0;margin:15px 0}.wizard label{display:block;font-size:15px;margin:18px 0 7px}.wizard input:not([type=checkbox]),.wizard textarea,.wizard select{width:100%;padding:13px;border:1px solid #aeb5aa;border-radius:var(--radius);background:white;color:var(--ink);min-height:48px}.wizard textarea{min-height:145px;resize:none}.wizard .choice{display:inline-flex;gap:8px;align-items:center;border:1px solid var(--line);padding:10px 14px;border-radius:var(--radius);margin:6px 8px 6px 0;cursor:pointer}.choice:has(input:checked){border-color:var(--ink);background:#f0ffc2}.wizard .choice input{width:18px;height:18px}.wizard .error{color:#9a2d25;font-size:14px;min-height:24px}.wizard .actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:24px}button.secondary{background:white;border:1px solid #aeb5aa;padding:12px 20px;border-radius:var(--radius);cursor:pointer;color:var(--ink);min-height:48px}button:disabled{opacity:.5;cursor:wait}.progress-footer{position:fixed;bottom:0;background:white;border-top:1px solid var(--line);width:100%;padding:12px max(24px,calc((100vw - 700px)/2));font-size:12px;z-index:2}.progress-footer progress{display:block;width:100%;height:8px;margin:8px 0;accent-color:var(--ink)}.progress-footer .row{display:flex;justify-content:space-between;gap:15px}.link-button{border:0;background:none;color:var(--ink);text-decoration:underline;cursor:pointer;padding:8px;min-height:44px}.badge{font-size:12px;background:#f0ffc2;color:var(--ink);padding:4px 10px;border-radius:var(--radius)}.review-item{padding:12px 0;border-bottom:1px solid var(--line)}.review-item p{white-space:pre-wrap;overflow-wrap:anywhere}.hidden{display:none!important}.privacy{max-width:760px;padding:40px 24px;margin:auto}.privacy h1{font-size:30px}.notice{background:#f0ffc2;padding:15px;border-left:3px solid var(--ink)}.buyer-admin{margin-top:48px;padding-top:32px;border-top:2px solid var(--ink)}.buyer-review-controls{display:grid;grid-template-columns:minmax(150px,.3fr) minmax(220px,1fr) auto;gap:10px;align-items:start;margin-top:14px}.buyer-review-controls select,.buyer-review-controls textarea{width:100%;min-height:48px;padding:10px;border:1px solid #aeb8ae;border-radius:var(--radius);background:white;color:var(--ink)}.buyer-review-controls textarea{min-height:48px;resize:vertical}.buyer-review-controls button{white-space:nowrap}@media(max-width:700px){.buyer-review-controls{grid-template-columns:1fr}.buyer-review-controls button{width:100%}}.buyer-admin h2{font-size:24px;margin:0 0 10px}.buyer-admin p{color:#505750;font-size:13px}@media(max-width:700px){header{padding:16px 20px}nav>a:not(.small-cta){display:none}.wordmark{font-size:16px}.hero{grid-template-columns:1fr}.hero-copy{padding:40px 24px}.hero-image{min-height:0;max-height:none}.image-caption{padding:16px 0 0}.promise{display:block;padding:30px 24px}.promise div{gap:12px;margin-top:20px;font-size:12px;flex-wrap:wrap}.section{padding:50px 24px}.steps,.fit{grid-template-columns:1fr;gap:24px}h2{margin-bottom:25px}.wizard{margin:10px 12px 145px;padding:24px 20px}.wizard h1{font-size:25px}.wizard .actions>*{flex:1}.progress-footer{padding:10px 20px}.closing{padding:45px 24px}footer{padding:24px;gap:16px}.form-body header .wordmark{min-width:0;flex-shrink:1;white-space:nowrap;letter-spacing:.04em}.form-body header .wordmark img{flex:0 0 34px}.form-body header .wordmark span{display:none}.form-body header>a:last-child{white-space:nowrap;flex-shrink:0}}

@media (prefers-color-scheme:dark){:root{--ink:#eef3ec;--sea:#eef3ec;--paper:#111512;--surface:#1a211b;--line:#39443a;--accent:#b9d46b;--muted:#aebbad}body{background:var(--paper)}.hero{background:var(--paper)}.wordmark img{background:#f2f4ee;border-radius:8px;padding:3px}.wizard{background:var(--surface);color:var(--ink)}.wizard input:not([type=checkbox]),.wizard textarea,.wizard select{background:var(--paper);color:var(--ink);border-color:var(--line)}.button,button.primary{background:#eef3ec;color:#101412}.button:hover,button.primary:hover{background:var(--accent);color:#101412}button.secondary{background:var(--surface);color:var(--ink);border-color:var(--line)}.promise{background:#101412;color:#eef3ec}.promise strong{color:var(--accent)}.closing{background:#253022;color:var(--ink)}.progress-footer{background:var(--surface);border-color:var(--line)}.progress-footer,.link-button{color:var(--ink)}.buyer-review-controls select,.buyer-review-controls textarea{background:var(--paper);color:var(--ink);border-color:var(--line)}.intro,.fine,.steps p,.fit p,.fit li,details p,.buyer-admin p,footer{color:var(--muted)}.muted{color:var(--muted)!important}.badge,.notice,.choice:has(input:checked){color:#101412}.wizard .error{color:#ff9b92}}

/* Keep form actions separated at every viewport, including wrapped rows. */
#stage .actions{gap:12px;align-items:stretch}
#stage .actions button{justify-content:center;gap:8px;line-height:1.5}
#stage .flow-actions{display:grid;grid-template-columns:1fr;max-width:420px;margin-top:28px}
#stage .optional-exit{margin-top:20px;padding-top:16px;border-top:1px solid var(--line)}
#stage .optional-exit button{border:0;background:transparent;text-decoration:underline;text-underline-offset:4px;padding:10px 0;font-size:14px}
#stage .review-more{margin:24px 0}
#stage .review-consent{display:flex;margin:24px 0 12px;align-items:flex-start}
#stage .review-consent input{flex:0 0 18px;margin:5px 0 0}
#stage .review-item{padding:20px 0}
#stage .review-item button{margin:4px 0 0}
#stage>.primary{margin-top:12px;justify-content:center}
@media(max-width:700px){
 #stage .step-actions{display:grid;grid-template-columns:1fr 1fr}
 #stage .step-actions .primary{grid-column:1/-1;grid-row:1}
 #stage .step-actions button:only-child{grid-column:1/-1}
 #stage .review-more button,#stage>.primary{width:100%;justify-content:center}
 .progress-footer .row{flex-wrap:wrap;column-gap:12px;row-gap:0}
 .progress-footer .row:last-child>span{flex:1 1 100%}
 .wizard{margin-bottom:180px}
}

.product-images{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px;margin:20px 0}.product-image{min-width:0;border:1px solid #d4d9cf;border-radius:12px;padding:12px;background:#fff}.product-image img{display:block;width:100%;height:180px;object-fit:contain}.product-image button{margin-top:12px;width:100%;padding:10px;font-size:14px}#product-upload{max-width:100%;box-sizing:border-box;padding:14px 0}#product-upload::file-selector-button{border:1px solid #afb6ac;background:#fff;border-radius:8px;padding:12px;margin-right:12px}#website-answer{box-sizing:border-box;width:100%}


/* Landing-only layout: aligned content, uncropped scene, stable light editorial body. */
.supplier-home{--ink:#101412;--sea:#101412;--paper:#f5f7f3;--surface:#fff;--line:#d3dad2;--accent:#b9d46b;--muted:#505750;--gutter:max(28px,calc((100vw - 1560px)/2));background:var(--paper);color:var(--ink);color-scheme:light}
.supplier-home header{max-width:none;margin:0;padding:24px var(--gutter);background:var(--paper)}
.supplier-home .wordmark img{padding:0;background:transparent;border-radius:0}
.supplier-home .section{max-width:none;margin:0;padding:76px var(--gutter)}
.supplier-home .fit{background:#eaf0e4;gap:80px}
.supplier-home .closing{background:#e7eddf;color:var(--ink)}
.supplier-home .closing .button{background:#101412;color:#fff}
.supplier-home .closing .button:hover{background:#b9d46b;color:#101412}
.supplier-home footer{padding:28px var(--gutter)}
.supplier-home .promise{padding:30px var(--gutter);background:#e7eddf;color:#18221a;border-bottom:1px solid #d7dfd0;gap:32px}
.supplier-home .promise p{font-size:17px;line-height:1.7}
.supplier-home .promise strong{color:#3e5626;font-weight:600}
.supplier-home .promise div{gap:28px;flex-wrap:wrap}
.supplier-home .promise span:before{color:#52702c}
.hero--full{position:relative;isolation:isolate;display:flex;align-items:center;min-height:660px;background:#101b20;overflow:hidden;color:#fff}
.hero--full .hero-image{position:absolute;inset:0;z-index:-2;background:#101b20}
.hero--full .hero-image>img{position:absolute;right:0;top:0;width:auto;height:100%;max-width:none;aspect-ratio:auto;object-fit:contain;mask-image:linear-gradient(90deg,transparent,#000 28%)}
.hero--full:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#101b20 0%,rgba(16,27,32,.94) 27%,rgba(16,27,32,.72) 42%,rgba(16,27,32,.12) 68%,transparent 100%),linear-gradient(0deg,rgba(16,27,32,.35),transparent 45%);pointer-events:none}
.hero--full .hero-copy{width:100%;max-width:none;margin:0;padding:76px var(--gutter)}
.hero--full .eyebrow{color:#d7e1dd;letter-spacing:.16em;margin-bottom:24px}
.hero--full h1{color:#fff;font-size:clamp(44px,3.4vw,76px);line-height:1.3;letter-spacing:-.025em;margin-bottom:28px}
.hero--full h1 em{color:#fff;border:0;padding:0}
.hero--full .intro{color:#e0e7e3;max-width:490px;font-size:17px;line-height:1.9;margin:0 0 30px}
.hero--full .button{background:#c6df85;color:#142219;border-radius:8px;padding:16px 27px;min-width:240px;box-shadow:0 4px 18px #0002}
.hero--full .button:hover{background:#d9efa4;color:#101b15}
.hero--full .fine{color:#d2ddd6;font-size:14px;margin:17px 0 0}
@media(min-width:1800px){.hero--full{min-height:760px}.hero--full .intro{max-width:530px;font-size:18px}}
@media(max-width:1000px){.supplier-home .promise{align-items:flex-start;flex-direction:column;gap:16px}.supplier-home .fit{gap:32px}}
@media(max-width:700px){
 .supplier-home{--gutter:24px}
 .supplier-home header{padding:18px var(--gutter)}
 .supplier-home header .wordmark{font-size:15px;gap:8px;letter-spacing:.04em}
 .supplier-home header .wordmark span{display:none}
 .supplier-home .section{padding:48px var(--gutter)}
 .supplier-home .promise{padding:25px var(--gutter)}
 .supplier-home .promise div{gap:12px;margin-top:0;font-size:12px}
 .hero--full{min-height:0;display:block}
 .hero--full .hero-image>img{height:auto;width:100%;object-fit:contain;aspect-ratio:3/2;mask-image:none}
 .hero--full:after{background:linear-gradient(180deg,rgba(16,27,32,.02) 0px,rgba(16,27,32,.08) 110px,rgba(16,27,32,.82) 210px,#101b20 300px)}
 .hero--full .hero-copy{padding:190px var(--gutter) 44px}
 .hero--full .eyebrow{font-size:11px;margin-bottom:17px}
 .hero--full h1{font-size:clamp(32px,8.8vw,46px);margin-bottom:20px;line-height:1.35}
 .hero--full .intro{font-size:15px;max-width:480px;margin-bottom:24px}
 .hero--full .button{min-width:220px}
 .hero--full .fine{font-size:13px}
}