:root{--accent:var(--warm-ink);--ink:var(--warm-ink);--muted:var(--warm-muted);--line:var(--warm-line);--panel:var(--warm-soft);--max:1200px}
body{background:var(--warm-page)}.site-header{background:rgba(253,252,249,.96)}.nav{min-height:76px}.site-footer{margin-top:0;background:var(--warm-soft)}.site-footer .updated{color:var(--warm-muted)}.nav-links a{padding:8px 0}.mobile-nav{display:none}.button{border-radius:5px;min-height:46px;font-size:14px}.button.primary{background:var(--warm-button);border-color:var(--warm-button)}.button:hover{background:var(--warm-soft);color:var(--warm-ink)}.button.primary:hover{background:var(--warm-hover);color:white}.eyebrow,.pill{color:var(--warm-ink);background:var(--warm-soft);border-color:var(--warm-line)}.notice{border-color:var(--warm-accent);background:var(--warm-soft);color:var(--warm-ink)}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--warm-focus);outline-offset:5px}button{font:inherit}html{scroll-padding-top:95px}.design-site{font-size:16px;line-height:1.85}.design-wrap{width:min(1280px,calc(100% - 96px));margin:auto}.design-site figure{margin:0}.design-site img{display:block;width:100%;height:auto}.design-site p{color:var(--warm-muted)}.design-kicker{display:block;font:600 11px/1.7 'Segoe UI','Microsoft YaHei',sans-serif;letter-spacing:.15em;color:var(--warm-muted);margin-bottom:18px}.design-hero{padding:65px 0 40px}.hero-heading{display:grid;grid-template-columns:1.3fr 1fr;gap:70px;align-items:end;margin-bottom:48px}.hero-heading h1{font-size:clamp(32px,3.8vw,57px);line-height:1.32;letter-spacing:-.045em;margin:0;font-weight:600}.hero-heading em{font-style:normal;color:var(--warm-accent)}.hero-intro{max-width:400px;justify-self:end}.hero-intro p{font-size:16px;margin:0}.hero-intro .actions{margin:22px 0 15px}.hero-intro small{font-size:12px;color:var(--warm-muted)}.comparison-toolbar{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:16px}.comparison-toolbar .design-kicker{margin:0}.design-tabs{display:flex;gap:6px;flex-wrap:wrap}.design-tabs button{border:1px solid transparent;color:var(--warm-muted);background:transparent;padding:8px 14px;border-radius:4px;font-size:13px;cursor:pointer}.design-tabs button:hover{background:var(--warm-soft)}.design-tabs button[aria-selected=true]{background:var(--warm-button);color:#fff}.comparison-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.comparison-pair figure{min-width:0;background:#eeeae3;overflow:hidden;border-radius:4px}.comparison-pair figure>img{aspect-ratio:4/3;object-fit:cover}.comparison-pair figcaption{padding:12px 16px;font-size:13px;background:var(--warm-soft);color:var(--warm-ink)}.comparison-pair figcaption span{font-size:10px;letter-spacing:.1em;margin-right:8px;color:var(--warm-muted)}.model-quadrant{aspect-ratio:4/3;position:relative;overflow:hidden;background:#ddd9d0}.design-site .model-quadrant img{position:absolute;width:200%;height:200%;max-width:none;left:0;top:0}.model-quadrant.top-right img{left:-100%}.model-quadrant.bottom-right img{left:-100%;top:-100%}.model-quadrant.bottom-left img{top:-100%}.comparison-caption{font-size:13px;margin:14px 0 0}.evidence-caption{display:flex;justify-content:space-between;gap:16px;color:var(--warm-muted);font-size:12px;margin-top:12px}.evidence-caption a{text-decoration:underline;text-underline-offset:4px}.design-section{padding:85px 0}.design-section.tinted{background:var(--warm-soft)}.design-section-title{max-width:730px;margin-bottom:36px}.design-section-title h2,.design-site h2{font-size:clamp(26px,3vw,38px);font-weight:550;line-height:1.4;letter-spacing:-.04em;margin:0 0 18px}.design-section-title p{max-width:620px;margin:0}.workflow-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.workflow-card{padding:28px 26px;background:var(--warm-soft);border:1px solid var(--warm-line);border-radius:6px;display:flex;flex-direction:column}.workflow-card:hover{background:var(--warm-soft);color:inherit}.workflow-card h3{font-weight:550;font-size:23px;line-height:1.6;margin:0 0 12px}.workflow-card p{font-size:14px;margin:0 0 24px}.inline-link{font-size:14px;text-decoration:underline;text-underline-offset:5px}.workflow-card .inline-link{margin-top:auto}.brief-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;align-items:center}.brief-layout>.brief-sheet{max-width:none}.brief-sheet{background:var(--warm-page);box-shadow:0 12px 40px #63534409;border:1px solid var(--warm-line);padding:38px;max-width:780px;margin:auto;width:100%}.sheet-label{font-size:10px;letter-spacing:.15em;color:var(--warm-muted);border-bottom:1px solid var(--warm-line);padding-bottom:18px}.brief-sheet h3{font-family:'SimSun','Songti SC',serif;font-size:24px;font-weight:400;line-height:1.6;margin:24px 0 12px}.brief-sheet p{font-size:13px}.brief-sheet dl{margin:22px 0}.brief-sheet dl>div{display:grid;grid-template-columns:90px 1fr;gap:16px;border-top:1px solid var(--warm-line);padding:13px 0;font-size:12px}.brief-sheet dt{font-weight:600}.brief-sheet dd{margin:0;color:var(--warm-muted)}.brief-pending{background:var(--warm-panel);padding:12px 16px;font-size:12px}.brief-pending p{margin:4px 0;font-size:12px}.brief-sheet small{display:block;color:var(--warm-muted);font-size:11px;margin-top:20px}.proposal-browser>.design-tabs{margin-bottom:18px}.proposal-page{background:#eee7dc;display:grid;grid-template-columns:36% 64%;min-height:480px;overflow:hidden;border:1px solid #e8e1d7;border-radius:4px}.proposal-copy{padding:44px 34px;display:flex;flex-direction:column;justify-content:center;align-items:start}.proposal-copy .design-kicker{font-size:9px;letter-spacing:.2em;color:#77624d}.proposal-copy h3{font-size:clamp(25px,3.4vw,48px);line-height:1.4;font-weight:400;font-family:'SimSun','Songti SC',serif;margin:12px 0}.proposal-copy p{color:#554d40;font-size:14px;line-height:1.9}.proposal-copy .proposal-subtitle{font-size:20px;margin:0}.proposal-copy small{font-size:11px;line-height:1.8;color:#786e5e}.proposal-rule{width:32px;height:2px;background:#756653;margin:12px 0}.proposal-number{font-size:10px;letter-spacing:.15em;color:#928775;margin-top:30px}.proposal-page figure{display:flex;min-width:0}.proposal-page figure img{width:100%;height:100%;object-fit:cover}.proposal-page.plan-page figure img{object-fit:contain;padding:20px}.start-section{background:var(--warm-button);color:var(--warm-page)}.start-section .design-kicker{color:#d8cec1}.start-section p,.start-section .design-section-title p{color:#d8cec1}.start-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.start-grid>a{border-top:1px solid var(--warm-accent);padding:22px 0 0}.start-grid>a:hover{color:#fff}.start-grid span{font-size:12px;color:#d8cec1}.start-grid h3{font-size:20px;font-weight:550}.start-grid p{font-size:14px}.pricing-line{display:flex;justify-content:space-between;align-items:center;gap:40px}.pricing-line>div{max-width:800px}.pricing-line .button{flex-shrink:0}.pricing-line p{font-size:14px}.faq-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:60px}.design-faq details{border-bottom:1px solid var(--warm-line);padding:20px 0}.design-faq summary{cursor:pointer;font-size:16px;font-weight:550}.design-faq p{font-size:14px;margin:16px 0}.design-faq a{font-size:12px;text-decoration:underline}.case-heading{padding-bottom:42px}.case-heading .design-kicker{margin-top:32px}.case-heading h1{max-width:900px;font-size:clamp(32px,4vw,53px);line-height:1.4;font-weight:550;margin:16px 0}.case-heading p{max-width:780px}.case-nav{display:flex;gap:25px;flex-wrap:wrap;margin-top:28px;font-size:14px;text-decoration:underline;text-underline-offset:7px}.space-case+.space-case{margin-top:70px;padding-top:60px;border-top:1px solid var(--warm-line)}.space-heading{display:flex;align-items:baseline;gap:32px;margin-bottom:24px}.space-heading h2{margin:0}.case-observations{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;margin-top:22px}.case-observations h3{font-size:14px;font-weight:600}.case-observations p{font-size:13px}.source-note{max-width:900px}.source-note p{font-size:14px}.feature-detail{display:grid;grid-template-columns:1fr 1fr;gap:60px}.feature-detail h2{font-size:24px}.workflow-instructions{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;padding:20px 0 24px 22px;margin-bottom:40px;font-size:15px}.workflow-instructions li{padding-left:8px}.setup-steps{max-width:1000px}.setup-steps>article{display:grid;grid-template-columns:56px 1fr;gap:22px;padding:40px 0;border-top:1px solid var(--warm-line)}.setup-steps>article>span{font-size:22px;color:var(--warm-muted)}.setup-steps h2{font-size:26px}.setup-steps p,.setup-steps li{font-size:15px}.setup-options{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:28px 0}.setup-options>div{padding:18px;background:var(--warm-soft)}.setup-options h3{font-size:16px}.setup-options p{font-size:13px}.setup-options small{font-size:11px;display:block;margin-top:10px}.muted{font-size:12px}.design-site [hidden]{display:none!important}
@media(min-width:1600px){.design-wrap{width:min(1440px,calc(100% - 120px))}}
@media(max-width:1000px){.design-wrap{width:calc(100% - 48px)}.hero-heading{gap:32px}.brief-layout{gap:32px}.workflow-card{padding:24px 18px}.workflow-card h3{font-size:20px}.proposal-copy{padding:30px 24px}.proposal-page{min-height:420px}.faq-layout{gap:32px}}
@media(max-width:800px){.nav{flex-wrap:wrap;gap:8px;padding-block:12px}.nav-links{display:flex;gap:16px;margin-left:auto;font-size:12px}.brand{font-size:14px}.brand img{width:28px;height:28px}.mobile-nav{display:none}.design-hero{padding-top:38px}.hero-heading{grid-template-columns:1fr;gap:24px;margin-bottom:32px}.hero-intro{justify-self:start;max-width:560px}.hero-heading h1{font-size:38px}.design-section{padding:52px 0}.workflow-grid,.brief-layout,.faq-layout,.feature-detail{grid-template-columns:1fr}.workflow-card{padding:24px}.brief-layout{gap:24px}.brief-sheet{padding:26px}.comparison-toolbar{align-items:start;flex-direction:column;gap:12px}.proposal-page{grid-template-columns:40% 60%;min-height:380px}.proposal-copy h3{font-size:26px}.proposal-copy p{font-size:12px}.proposal-copy small{font-size:10px}.proposal-copy{padding:24px 18px}.case-observations{gap:20px}.pricing-line{flex-direction:column;align-items:start;gap:12px}.start-grid{gap:18px}.start-grid h3{font-size:17px}.workflow-instructions{grid-template-columns:1fr;gap:16px}.setup-options{grid-template-columns:1fr}.setup-steps>article{grid-template-columns:30px 1fr;gap:12px}.evidence-caption{flex-direction:column;gap:4px}}
@media(max-width:540px){.design-wrap{width:calc(100% - 32px)}.nav{justify-content:center}.nav-links{width:100%;justify-content:center;margin:0;gap:24px}.brand{margin:auto}.hero-heading h1{font-size:32px}.hero-intro p{font-size:14px}.design-tabs button{padding:7px 10px;font-size:12px}.comparison-pair{grid-template-columns:1fr;gap:12px}.comparison-pair figcaption{padding:9px 12px}.proposal-page{grid-template-columns:1fr}.proposal-page figure{order:-1;aspect-ratio:4/3;max-height:360px}.proposal-copy{padding:28px}.proposal-copy h3{font-size:30px}.proposal-copy p{font-size:14px}.proposal-copy small{font-size:11px}.proposal-copy .design-kicker{margin:0}.proposal-number{margin-top:12px}.start-grid,.case-observations{grid-template-columns:1fr}.case-observations{gap:0}.space-heading{gap:15px;flex-wrap:wrap}.brief-sheet dl>div{grid-template-columns:70px 1fr;gap:12px}.design-kicker{font-size:10px}.case-nav{gap:18px}.setup-steps h2{font-size:23px}}
.comparison-pair figure,.proposal-page figure{position:relative}.image-zoom{position:absolute;right:12px;top:12px;padding:7px 12px;background:rgba(253,251,247,.95);border:1px solid var(--warm-line);border-radius:4px;color:var(--warm-ink);font-size:12px;cursor:pointer}.image-zoom:hover{background:white}.image-viewer{padding:46px 18px 18px;border:1px solid var(--warm-line);border-radius:8px;background:var(--warm-panel);width:min(1200px,94vw);max-height:94vh;color:var(--warm-ink)}.image-viewer::backdrop{background:#28231ed9}.viewer-close{position:absolute;top:8px;right:18px;background:none;border:0;padding:5px 10px;cursor:pointer;color:var(--warm-ink)}.viewer-content figure{margin:0}.viewer-content figure>img{display:block;width:auto;max-width:100%;height:auto;max-height:80vh;object-fit:contain;margin:auto}.viewer-content figcaption{text-align:center;padding:8px;font-size:13px}.viewer-content .model-quadrant{width:min(100%,100vh);margin:auto}.viewer-content .model-quadrant img{position:absolute;width:200%;height:200%;max-width:none;left:0;top:0}.viewer-content .model-quadrant.top-right img{left:-100%}.viewer-content .model-quadrant.bottom-left img{top:-100%}.viewer-content .model-quadrant.bottom-right img{left:-100%;top:-100%}
.hero-heading em{white-space:nowrap}
@media(max-width:540px){.hero-heading h1{font-size:clamp(26px,8vw,32px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}