:root{--paper:#fff;--surface:#f7f7f8;--ink:#111;--muted:#686868;--rule:#d7d7d7;--signal:#ff4f00;--blue:#002fa7;--max:1440px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:68px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,"Microsoft YaHei",sans-serif;letter-spacing:0}img{display:block;max-width:100%}a{color:inherit}.topbar{height:68px;padding:0 max(24px,3vw);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--rule);background:rgba(255,255,255,.96);position:sticky;top:0;z-index:50}.brand{text-decoration:none;font-size:13px;font-weight:800;letter-spacing:.18em}.topbar nav{display:flex;gap:28px}.topbar nav a{text-decoration:none;font-size:12px;font-weight:700}.topbar nav a:hover{text-decoration:underline;text-underline-offset:5px}.topbar-cta{justify-self:end;background:var(--ink);color:#fff;text-decoration:none;padding:12px 18px;font-size:12px;font-weight:700}.hero{height:min(790px,calc(100vh - 68px));min-height:620px;position:relative;overflow:hidden;background:#d6d0c6}.hero>img{width:100%;height:100%;object-fit:cover;object-position:center}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.72) 0,rgba(0,0,0,.42) 30%,rgba(0,0,0,0) 58%)}.hero-content{position:absolute;z-index:2;left:max(24px,5vw);top:50%;transform:translateY(-50%);color:#fff;max-width:600px}.eyebrow{margin:0 0 14px;color:var(--signal);font-size:12px;font-weight:800;text-transform:uppercase}.hero h1{font-size:clamp(58px,7.5vw,112px);line-height:.9;margin:0 0 24px;letter-spacing:0;max-width:7ch}.hero-content>p:not(.eyebrow){font-size:18px;line-height:1.65;max-width:500px;margin:0}.hero-actions{display:flex;align-items:center;gap:26px;margin-top:32px}.button{appearance:none;border:1px solid var(--ink);border-radius:0;padding:14px 22px;background:#fff;color:var(--ink);font:inherit;font-size:13px;font-weight:800;text-decoration:none;cursor:pointer}.button--signal{background:var(--signal);border-color:var(--signal);color:#fff}.button--signal:hover{background:#e64500;border-color:#e64500}.button--quiet{background:transparent}.button:disabled{opacity:.38;cursor:not-allowed}.text-link{display:inline-block;font-size:13px;font-weight:800;text-underline-offset:5px}.hero .text-link{color:#fff}.hero-index{position:absolute;right:3vw;bottom:24px;z-index:2;color:#fff;font-size:11px;font-weight:700}.value-strip{display:grid;grid-template-columns:repeat(4,1fr);max-width:var(--max);margin:auto;border-left:1px solid var(--rule);border-right:1px solid var(--rule)}.value-strip div{min-height:130px;padding:25px;display:flex;align-items:flex-end;gap:16px;border-right:1px solid var(--rule)}.value-strip div:last-child{border-right:0}.value-strip strong{font-size:52px;line-height:.8;color:var(--signal)}.value-strip span{font-size:12px;line-height:1.45;max-width:14ch}.section{max-width:var(--max);margin:auto;padding:100px max(24px,3vw);border-left:1px solid var(--rule);border-right:1px solid var(--rule);border-top:1px solid var(--rule)}.section-head{display:grid;grid-template-columns:80px minmax(300px,1fr) minmax(280px,.65fr);gap:32px;align-items:start;margin-bottom:54px}.section-head>span{font-size:14px;font-weight:800;color:var(--signal)}.section-head h2{font-size:clamp(38px,4.7vw,72px);line-height:.98;margin:0;max-width:12ch}.section-head>p{margin:28px 0 0;color:var(--muted);font-size:15px;line-height:1.7}.process-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}.process-grid li{padding:26px 22px 32px;border-right:1px solid var(--rule);min-height:250px}.process-grid li:last-child{border-right:0}.process-grid b{color:var(--signal);font-size:12px}.process-grid h3{font-size:22px;margin:66px 0 10px}.process-grid p{font-size:14px;line-height:1.6;color:var(--muted);margin:0}.wearing-feature{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);background:var(--surface);border:1px solid var(--rule)}.wearing-feature img{width:100%;height:720px;object-fit:cover;object-position:center 38%}.wearing-feature>div{padding:clamp(36px,6vw,90px);display:flex;flex-direction:column;justify-content:center}.wearing-feature h3{font-size:clamp(34px,4vw,62px);line-height:1;margin:0 0 24px}.wearing-feature>div>p:not(.eyebrow){color:var(--muted);line-height:1.7;max-width:430px}.wearing-feature .text-link{margin-top:28px}.style-preview{display:grid;grid-template-columns:repeat(6,1fr);margin-top:20px;border-top:1px solid var(--rule);border-left:1px solid var(--rule)}.public-style{border:0;border-right:1px solid var(--rule);border-bottom:1px solid var(--rule);padding:0;background:#fff;text-align:left;cursor:pointer}.public-style img{width:100%;aspect-ratio:1;object-fit:cover}.public-style span{display:block;padding:12px;font-size:11px;font-weight:800}.public-style:hover,.public-style.is-selected{box-shadow:inset 0 -4px var(--signal)}.scenarios{background:var(--surface)}.scenario-grid{display:grid;grid-template-columns:1.35fr .65fr;grid-template-rows:1fr 1fr;gap:12px}.scenario-grid figure{margin:0;position:relative;overflow:hidden;background:#ddd;min-height:340px}.scenario-grid .scenario-main{grid-row:1/3;min-height:760px}.scenario-grid img{width:100%;height:100%;object-fit:cover}.scenario-grid figcaption{position:absolute;left:0;bottom:0;background:#fff;padding:11px 14px;font-size:11px;font-weight:800;border-top:1px solid var(--rule);border-right:1px solid var(--rule)}.detail-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:0;border:1px solid var(--rule)}.detail-layout>img{width:100%;height:100%;object-fit:cover}.detail-layout>div{display:grid;grid-template-rows:repeat(3,1fr)}.detail-layout article{padding:32px;border-bottom:1px solid var(--rule)}.detail-layout article:last-child{border-bottom:0}.detail-layout b{font-size:11px;color:var(--signal)}.detail-layout h3{font-size:22px;margin:30px 0 10px}.detail-layout p{font-size:14px;color:var(--muted);line-height:1.6;margin:0}.studio-section{max-width:none;background:var(--ink);color:#fff;padding-left:max(24px,calc((100vw - var(--max))/2 + 3vw));padding-right:max(24px,calc((100vw - var(--max))/2 + 3vw));border:0}.section-head--light{max-width:calc(var(--max) - 6vw);margin-left:auto;margin-right:auto}.section-head--light>p{color:#aaa}.progress{max-width:calc(var(--max) - 6vw);margin:auto;display:grid;grid-template-columns:repeat(5,1fr);border:1px solid #3d3d3d;border-bottom:0}.progress span{padding:16px 12px;border-right:1px solid #3d3d3d;font-size:11px;font-weight:800}.progress span:last-child{border-right:0}.progress span.is-active{background:var(--signal);color:#fff}.builder{max-width:calc(var(--max) - 6vw);margin:auto;background:#fff;color:var(--ink)}.question{display:none;padding:46px}.question.is-active{display:block}.question-head{display:grid;grid-template-columns:85px 1fr;gap:20px;margin-bottom:32px}.question-head>span{font-size:34px;line-height:1;font-weight:800;color:var(--signal)}.question-head h3{font-size:clamp(28px,3.3vw,48px);line-height:1.05;margin:0 0 10px}.question-head p{margin:0;color:var(--muted);line-height:1.5}.question-layout{display:grid;grid-template-columns:1fr 1fr;gap:24px}.upload-zone{min-height:330px;border:1px dashed #888;display:grid;place-items:center;position:relative;overflow:hidden;background:var(--surface);cursor:pointer}.upload-zone input{position:absolute;inset:0;opacity:0;cursor:pointer}.upload-zone>img{width:100%;height:100%;object-fit:contain}.upload-zone>span{text-align:center;display:grid;gap:8px}.upload-zone strong{font-size:21px}.upload-zone small{color:var(--muted)}.text-field,.prompt-box{display:grid;gap:8px;font-size:12px;font-weight:800}.text-field textarea,.text-field input,.prompt-box textarea,select{width:100%;border:1px solid var(--ink);border-radius:0;background:#fff;padding:14px;font:inherit;font-size:15px}.question-layout .text-field{margin:0}.choice-grid{display:grid;gap:12px}.choice-grid--six{grid-template-columns:repeat(3,1fr)}.choice-grid--four{grid-template-columns:repeat(4,1fr)}.choice-grid--five{grid-template-columns:repeat(5,1fr)}.choice{border:1px solid var(--rule);padding:0;background:#fff;text-align:left;cursor:pointer;position:relative}.choice img{width:100%;aspect-ratio:1;object-fit:cover}.choice strong{display:block;padding:12px;font-size:12px}.choice.is-selected{outline:4px solid var(--signal);outline-offset:-4px}.segmented{display:flex;margin-top:24px}.segmented button{flex:1;padding:14px;background:#fff;border:1px solid var(--ink);margin-right:-1px;font-weight:800}.segmented button.is-selected{background:var(--ink);color:#fff}.final-options{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:28px}.final-options fieldset{border:1px solid var(--ink);padding:18px}.final-options legend{font-size:12px;font-weight:800}.shirt-colors{display:grid;grid-template-columns:1fr 1fr;gap:12px}.shirt-colors legend{grid-column:1/-1}.shirt-colors label{display:grid;grid-template-columns:auto 24px 1fr;align-items:center;gap:8px;margin:0;border:1px solid var(--rule);padding:8px}.shirt-colors img{grid-column:1/-1;width:100%;aspect-ratio:1;object-fit:cover;margin-bottom:6px}.swatch{width:24px;height:24px;border:1px solid #777}.swatch--black{background:#111}.swatch--white{background:#fff}.prompt-box textarea{line-height:1.55}.generate-actions{display:flex;align-items:center;gap:20px;margin-top:18px}.generate-actions>span{font-size:12px;color:var(--muted)}.result{margin-top:28px;border-top:1px solid var(--rule);padding-top:28px}.result img{width:min(100%,900px)}.result .text-link{margin-top:12px}.result[hidden]{display:none}.controls{display:flex;justify-content:space-between;align-items:center;padding:20px 46px;border-top:1px solid var(--rule)}.controls>span{font-size:12px;color:var(--muted)}.api-state{max-width:calc(var(--max) - 6vw);margin:12px auto 0;text-align:right;font-size:11px;color:#888}.api-state.is-ready{color:#7ed694}.directions>img{width:100%;border:1px solid var(--rule)}.spec-grid{margin:0;display:grid;grid-template-columns:repeat(3,1fr);border-left:1px solid var(--rule);border-top:1px solid var(--rule)}.spec-grid div{min-height:150px;padding:26px;border-right:1px solid var(--rule);border-bottom:1px solid var(--rule)}.spec-grid dt{font-size:11px;font-weight:800;color:var(--muted)}.spec-grid dd{margin:64px 0 0;font-size:20px;font-weight:800}.proof{display:grid;grid-template-columns:.7fr 1.3fr;gap:60px;align-items:center;background:var(--surface)}.proof h2{font-size:clamp(38px,4.5vw,70px);line-height:.98;margin:0}.proof img{border:1px solid var(--rule)}.faq-list{border-top:1px solid var(--ink)}.faq details{border-bottom:1px solid var(--rule)}.faq summary{list-style:none;padding:24px 42px 24px 0;font-size:17px;font-weight:800;cursor:pointer;position:relative}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";position:absolute;right:8px;font-size:24px;font-weight:400}.faq details[open] summary:after{content:"−"}.faq details p{margin:0 0 24px;max-width:780px;color:var(--muted);line-height:1.7}.final-cta{min-height:560px;background:var(--blue);color:#fff;padding:100px max(24px,7vw);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.final-cta h2{font-size:clamp(58px,8vw,116px);line-height:.9;margin:0}.final-cta>p:not(.eyebrow){font-size:18px;margin:26px 0 32px}.site-footer{min-height:100px;padding:30px max(24px,3vw);display:grid;grid-template-columns:1fr auto 1fr;align-items:end;border-top:1px solid var(--rule);font-size:11px}.site-footer span:last-child{justify-self:end}@media(max-width:960px){.topbar{grid-template-columns:1fr auto}.topbar nav{display:none}.hero{min-height:670px;height:calc(100svh - 68px)}.hero>img{object-position:64% center}.hero:after{background:linear-gradient(90deg,rgba(0,0,0,.74),rgba(0,0,0,.18) 85%)}.hero-content{top:auto;bottom:52px;transform:none;right:24px}.hero h1{font-size:clamp(52px,14vw,78px)}.value-strip{grid-template-columns:repeat(2,1fr)}.value-strip div:nth-child(2){border-right:0}.section{padding-top:72px;padding-bottom:72px}.section-head{grid-template-columns:42px 1fr}.section-head>p{grid-column:2;margin-top:0}.process-grid{grid-template-columns:repeat(2,1fr)}.process-grid li:nth-child(2){border-right:0}.wearing-feature,.detail-layout,.proof{grid-template-columns:1fr}.wearing-feature img{height:min(78vh,720px)}.style-preview{grid-template-columns:repeat(3,1fr)}.scenario-grid{grid-template-columns:1fr 1fr;grid-template-rows:auto}.scenario-grid .scenario-main{grid-column:1/-1;grid-row:auto;min-height:560px}.question-layout{grid-template-columns:1fr}.choice-grid--five{grid-template-columns:repeat(3,1fr)}.spec-grid{grid-template-columns:repeat(2,1fr)}.proof{gap:36px}.site-footer{grid-template-columns:1fr auto}.site-footer span:first-of-type{display:none}}@media(max-width:620px){.hero{min-height:620px}.hero-content>p:not(.eyebrow){font-size:15px;max-width:90%}.hero-actions{align-items:flex-start;flex-direction:column;gap:16px}.value-strip div{min-height:110px;padding:18px}.value-strip strong{font-size:40px}.section{padding-left:18px;padding-right:18px}.section-head{grid-template-columns:32px 1fr;gap:12px;margin-bottom:36px}.section-head>p{grid-column:1/-1}.section-head h2{font-size:40px}.process-grid{grid-template-columns:1fr}.process-grid li{min-height:180px;border-right:0;border-bottom:1px solid var(--rule)}.process-grid li:last-child{border-bottom:0}.process-grid h3{margin-top:34px}.wearing-feature img{height:560px}.wearing-feature>div{padding:28px}.style-preview{grid-template-columns:repeat(2,1fr)}.scenario-grid{display:block}.scenario-grid figure{min-height:420px;margin-bottom:10px}.scenario-grid .scenario-main{min-height:520px}.detail-layout article{padding:24px}.studio-section{padding-left:0;padding-right:0}.studio-section>.section-head{padding:0 18px}.progress span{font-size:9px;padding:12px 4px}.question{padding:24px 18px}.question-head{grid-template-columns:52px 1fr}.question-head>span{font-size:22px}.choice-grid--six,.choice-grid--four,.choice-grid--five{grid-template-columns:repeat(2,1fr)}.segmented{display:grid}.segmented button{margin:0 0 -1px}.final-options{grid-template-columns:1fr}.controls{padding:16px 18px;position:sticky;bottom:0;background:#fff;z-index:5}.controls>span{display:none}.generate-actions{align-items:flex-start;flex-direction:column}.spec-grid{grid-template-columns:1fr}.spec-grid div{min-height:120px}.spec-grid dd{margin-top:42px}.proof{padding-top:64px;padding-bottom:64px}.final-cta{min-height:460px}.site-footer{display:flex;justify-content:space-between}.site-footer span:last-child{display:none}}