*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Inter','SF Pro Display',sans-serif;background:#f8f6f2;color:#2c2c2c;overflow-x:hidden}
a{text-decoration:none;color:inherit}img{max-width:100%;height:auto}
.nv{display:flex;align-items:center;justify-content:space-between;padding:20px 8%;background:#f8f6f2;position:sticky;top:0;z-index:20}
.nv-l{display:flex;align-items:center;gap:8px}
.nv-i{width:32px;height:32px;border-radius:50%;background:#2c2c2c;display:flex;align-items:center;justify-content:center;color:#f8f6f2;font-weight:600;font-size:13px}
.nv-t{font-size:12px;font-weight:500;color:#2c2c2c;letter-spacing:2px;text-transform:uppercase}
.nv-ln{display:flex;gap:24px}.nv-ln a{color:#999;font-size:11px;text-decoration:none;font-weight:400;letter-spacing:.5px}.nv-ln a:hover,.nv-ln a.act{color:#2c2c2c}
.nv-r{background:#2c2c2c;color:#f8f6f2;border:none;border-radius:50px;padding:6px 22px;font-size:10px;font-weight:500;text-decoration:none;letter-spacing:.5px;display:inline-block}
.hero{display:grid;grid-template-columns:1fr 1fr;gap:32px;padding:60px 8% 48px;max-width:1200px;margin:0 auto;align-items:center}
.hero-l .bd{display:inline-block;background:#e8e4de;color:#2c2c2c;padding:2px 14px;border-radius:50px;font-size:8px;letter-spacing:2px;text-transform:uppercase;font-weight:500;margin-bottom:14px}
.hero-l h1{font-size:40px;font-weight:300;color:#2c2c2c;margin-bottom:10px;letter-spacing:-.5px;line-height:1.15}
.hero-l h1 strong{font-weight:700;display:block}
.hero-l p{font-size:13px;color:#999;line-height:1.8;margin-bottom:22px;max-width:380px}
.hero-l .bt{display:flex;gap:10px}
.hero-l .bt a{padding:9px 28px;border-radius:50px;font-size:10px;font-weight:500;text-decoration:none;letter-spacing:.5px;display:inline-block}
.hero-l .b1{background:#2c2c2c;color:#f8f6f2}
.hero-l .b2{background:#fff;color:#2c2c2c;border:1px solid #e8e4de}
.hero-r{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.hc{background:#fff;border-radius:16px;padding:22px 16px;text-align:center;box-shadow:0 2px 20px rgba(0,0,0,.02)}
.hc .sym{font-size:9px;color:#ccc;text-transform:uppercase;letter-spacing:1px;font-weight:500}
.hc .pr{font-size:18px;font-weight:600;color:#2c2c2c;margin:4px 0 2px}
.hc .up{color:#2c2c2c;font-size:10px;font-weight:500}.hc .dn{color:#ccc;font-size:10px}
.wp{max-width:1100px;margin:0 auto;padding:0 8%}
.s-tt{font-size:9px;color:#ccc;letter-spacing:3px;text-transform:uppercase;font-weight:500;margin-bottom:16px}
.o-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:40px}
.o-i{background:#fff;border-radius:16px;padding:24px 14px;text-align:center;box-shadow:0 2px 20px rgba(0,0,0,.02)}
.o-i .sym{font-size:8px;color:#ccc;text-transform:uppercase;letter-spacing:1px;font-weight:500}
.o-i .pr{font-size:17px;font-weight:600;color:#2c2c2c;margin:6px 0 2px}
.o-i .up{color:#2c2c2c;font-size:10px}.o-i .dn{color:#ccc;font-size:10px}
.o-i .v{font-size:20px;font-weight:600;color:#2c2c2c;margin-bottom:4px}
.o-i .l{font-size:8px;color:#ccc;text-transform:uppercase;letter-spacing:1px}
.o-2{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:40px}
.o-2 .c{background:#fff;border-radius:16px;padding:20px;box-shadow:0 2px 20px rgba(0,0,0,.02)}
.o-2 .tt{font-size:8px;color:#ccc;letter-spacing:2px;text-transform:uppercase;font-weight:500;margin-bottom:10px}
.rw{display:flex;justify-content:space-between;padding:6px 0;font-size:10px;border-bottom:1px solid #f0ece8;color:#999}
.rw:last-child{border:none}
.f-o{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:40px}
.f-i{background:#fff;border-radius:16px;padding:22px 16px;text-align:center;box-shadow:0 2px 20px rgba(0,0,0,.02)}
.f-i .ic{font-size:24px;display:block;margin-bottom:8px}
.f-i .lb{font-size:12px;font-weight:600;color:#2c2c2c;margin-bottom:3px}
.f-i .s{font-size:9px;color:#ccc;line-height:1.4}
.o-3{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:40px}
.ni{display:block;background:#fff;border-radius:16px;padding:16px 18px;text-decoration:none;color:inherit;box-shadow:0 2px 20px rgba(0,0,0,.02)}
.ni:hover{box-shadow:0 4px 30px rgba(0,0,0,.04)}
.ni .t{font-size:12px;font-weight:600;color:#2c2c2c;margin-bottom:3px;display:flex;justify-content:space-between}
.ni .tg{font-size:7px;padding:1px 10px;background:#e8e4de;color:#999;border-radius:50px;font-weight:500;letter-spacing:.5px}
.ni .s{font-size:9px;color:#ccc;line-height:1.4}
.ft{padding:32px 8%;text-align:center;font-size:8px;color:#ddd;border-top:1px solid #e8e4de;background:#f8f6f2}
.artp{max-width:700px;margin:0 auto;padding:40px 20px 50px;font-family:'Inter','SF Pro Display',sans-serif}
.art-b{font-size:10px;color:#999;display:inline-block;margin-bottom:14px;text-decoration:none}
.art-b::before{content:"← "}
.art-h1{font-size:24px;font-weight:300;color:#2c2c2c;margin-bottom:4px;line-height:1.3}
.art-m{font-size:9px;color:#ddd;margin-bottom:16px}
.ab{font-size:14px;color:#666;line-height:1.9}
.ab p{margin-bottom:14px}
.ab .disc{background:#fff;border-radius:16px;padding:14px 18px;margin:20px 0;box-shadow:0 2px 20px rgba(0,0,0,.02)}
.art-cta{text-align:center;padding:20px}
.art-cta a{display:inline-flex;padding:10px 32px;border-radius:50px;background:#2c2c2c;color:#f8f6f2;font-size:11px;font-weight:500;text-decoration:none;letter-spacing:.5px}
.ls{max-width:1100px;margin:0 auto;padding:40px 8%;display:grid;grid-template-columns:2fr 1fr;gap:24px}
.ls-h1{font-size:22px;font-weight:300;color:#2c2c2c;margin-bottom:16px}
.ls-lnk{display:block;padding:10px 0;font-size:12px;color:#999;border-bottom:1px solid #f0ece8;text-decoration:none}
.ls-lnk:hover{color:#2c2c2c}
.ls-sd{padding:18px;background:#fff;border-radius:16px;box-shadow:0 2px 20px rgba(0,0,0,.02);align-self:start}
.ls-sd .tt{font-size:8px;color:#ccc;font-weight:500;margin-bottom:6px;text-transform:uppercase;letter-spacing:2px}
.ls-sd .s{font-size:11px;color:#ccc;line-height:1.6}
.pg{display:flex;justify-content:center;gap:6px;padding:16px}
.pg a,.pg s{display:inline-block;padding:5px 12px;background:#fff;border-radius:50px;font-size:11px;color:#999;text-decoration:none;box-shadow:0 2px 10px rgba(0,0,0,.02)}
.pg .cur{background:#2c2c2c;color:#f8f6f2}
@media(max-width:900px){.hero{grid-template-columns:1fr;padding:40px 8% 32px}.o-grid{grid-template-columns:repeat(2,1fr)}.ls{grid-template-columns:1fr}}
@media(max-width:600px){.hero h1{font-size:30px}.hero-r{grid-template-columns:1fr}.o-grid,.o-2,.o-3{grid-template-columns:1fr}.nv{padding:16px 4%}.nv-ln{gap:12px}.nv-ln a{font-size:10px}.art-h1{font-size:18px}}
@media(max-width:480px){.nv-ln{display:none}.f-o{grid-template-columns:1fr}}

h2.s-tt{font-size:9px;color:#ccc;letter-spacing:3px;text-transform:uppercase;font-weight:500;margin-bottom:16px;border:none;background:none;padding:0}