
:root{--paper:#f7f6f2;--ink:#242422;--muted:#696a63;--line:#d8d7cf}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.7 Arial,"PingFang SC",sans-serif}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid #36544c;outline-offset:6px}h1,h2,h3,p{margin:0}h1,h2{font:400 clamp(38px,4.2vw,62px)/1.12 Georgia,"Songti SC",serif;letter-spacing:-.04em}h1{font-size:clamp(56px,6vw,90px)}h3{font-size:24px;font-weight:400;line-height:1.25}.wrap{max-width:1440px;margin:auto;padding:0 4vw}.header{display:flex;align-items:center;gap:35px;padding:28px 4vw;border-bottom:1px solid var(--line)}.logo{font-size:35px;letter-spacing:.18em;font-weight:600;line-height:1}.logo small{display:block;font-size:8px;letter-spacing:.23em;font-weight:400;margin-top:9px}.nav{display:flex;gap:26px;margin-left:auto;font-size:12px}.language{border-left:1px solid var(--line);padding-left:24px;font-size:12px;white-space:nowrap}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:670px}.hero-copy{padding:65px 6% 65px 0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:28px}.hero-copy p{max-width:440px;color:var(--muted)}.eyebrow{font-size:10px;letter-spacing:.16em;margin-bottom:20px}.hero .eyebrow{margin:0}.actions{display:flex;flex-wrap:wrap;gap:12px}.btn{display:inline-flex;justify-content:center;gap:25px;align-items:center;padding:14px 20px;font-size:12px;border:1px solid var(--ink);background:var(--ink);color:var(--paper)}.btn.outline{background:none;color:var(--ink)}.study{position:relative;background:#e1ded5;overflow:hidden;min-height:550px}.swatch{position:absolute;width:62%;height:60%;box-shadow:15px 20px 35px #38312822;border:1px solid #ffffff66}.one{left:6%;top:12%;transform:rotate(-13deg);background:repeating-linear-gradient(92deg,#b8b0a0 0 1px,#c7c0b1 1px 3px)}.two{left:34%;top:26%;transform:rotate(11deg);background:repeating-linear-gradient(1deg,#484945 0 1px,#545550 1px 3px)}.three{left:13%;top:44%;height:43%;transform:rotate(-4deg);background:repeating-linear-gradient(90deg,#e9e6dd 0 2px,#f4f1e9 2px 4px)}.study-label{position:absolute;bottom:22px;left:22px;right:22px;font-size:9px;letter-spacing:.1em;background:#f7f6f2e8;padding:9px 12px}.hero-note{display:flex;justify-content:space-between;gap:20px;padding:20px 0;font-size:10px;letter-spacing:.07em;border-top:1px solid var(--line)}section{padding:85px 0;border-top:1px solid var(--line)}.section-head{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:38px}.section-head h2{max-width:700px}.section-head p{max-width:380px;color:var(--muted)}.products{display:grid;grid-template-columns:1fr 1fr;gap:30px}.product{padding:38px;background:#eae7df;min-height:235px}.product:nth-child(2){background:#dedfd7}.number{font:36px Georgia;color:#81847a;margin-bottom:35px;display:block}.product p{max-width:430px;color:var(--muted);margin-top:18px}.terms{font-size:12px;color:var(--muted);margin-top:25px;max-width:800px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;margin-top:48px}.step{border-top:1px solid #95988c;padding-top:20px}.step h3{font-size:21px;margin:22px 0 16px}.step p{color:var(--muted);font-size:13px}.about{background:var(--ink);color:var(--paper);padding:70px;display:grid;grid-template-columns:1fr 1fr;gap:65px}.about p{color:#d2d1c8;max-width:460px;align-self:center}.contact{text-align:center;padding:95px 20px}.contact p{max-width:590px;margin:25px auto;color:var(--muted)}.contact .actions{justify-content:center}.contact .address{font-size:18px;overflow-wrap:anywhere;margin:24px 0 8px}.contact .small{font-size:12px;margin-top:30px}footer{border-top:1px solid var(--line);padding:35px 4vw;display:flex;gap:30px;justify-content:space-between;font-size:11px;color:var(--muted)}footer p{max-width:390px}body[lang=zh] h1{font-size:clamp(46px,5vw,74px);line-height:1.22}body[lang=zh] h2{letter-spacing:0;font-size:clamp(34px,3.5vw,50px)}@media(max-width:1050px){.hero{min-height:600px}.nav{gap:16px}.header{gap:20px}.hero-copy{padding-right:5%}.hero h1{font-size:65px}.steps{gap:22px}.section-head{align-items:start}.about{padding:50px;gap:40px}}@media(max-width:760px){.wrap{padding:0 6vw}.header{padding:24px 6vw;flex-wrap:wrap;gap:22px}.logo{font-size:29px}.language{margin-left:auto;order:2}.nav{order:3;width:100%;margin:0;justify-content:space-between;font-size:11px;gap:12px}.hero{grid-template-columns:1fr}.hero-copy{padding:50px 0;gap:25px}.hero h1{font-size:clamp(49px,10.5vw,74px)}body[lang=zh] h1{font-size:clamp(39px,8vw,62px)}.study{min-height:450px}.hero-note{flex-direction:column;gap:8px}.section-head{flex-direction:column;gap:20px}.section-head p{max-width:100%}section{padding:60px 0}.products{grid-template-columns:1fr;gap:20px}.product{padding:30px}.steps{grid-template-columns:1fr 1fr;gap:30px}.about{padding:42px 28px;grid-template-columns:1fr;gap:28px}.contact{padding:65px 0}.contact .btn{min-height:50px}footer{padding:30px 6vw;flex-direction:column;gap:20px}.study-label{font-size:8px;left:14px;right:14px;bottom:14px}}@media(max-width:380px){.actions{flex-direction:column;align-items:stretch;width:100%}.nav{font-size:10px;gap:6px}.study{min-height:380px}.steps{grid-template-columns:1fr}.hero h1{font-size:46px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
