:root{font-family:Arial,Helvetica,sans-serif;color:#233b35;background:#f7f7f2;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0}.wrap{width:min(1184px,calc(100% - 80px));margin-inline:auto}.header{display:flex;justify-content:space-between;align-items:center;padding-block:32px;border-bottom:1px solid #dfe4da}.brand{font-size:34px;font-weight:750;letter-spacing:-2px}.brand-dot{color:#c57044}.dev-badge{display:flex;gap:8px;align-items:center;padding:9px 12px;border:1px solid #d5dfd1;border-radius:30px;font-size:12px}.dev-badge span{width:6px;height:6px;border-radius:50%;background:#647e54}.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;padding-block:86px 78px;align-items:center}.eyebrow{text-transform:uppercase;font-size:11px;letter-spacing:2px;font-weight:700;margin:0 0 24px}h1{font-size:clamp(38px,4.4vw,60px);font-weight:500;letter-spacing:-2.6px;line-height:1.1;white-space:pre-line;margin:0 0 24px}.introduction{color:#64716b;font-size:17px;line-height:1.65;max-width:440px;margin:0}.regions{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:8px;margin:28px 0 0}.regions li{font-size:12px;border:1px solid #d8dfd2;padding:9px 12px;border-radius:4px}.architecture{height:350px;position:relative;overflow:hidden;background:#e9eddf;border-radius:160px 160px 4px 4px}.sun{position:absolute;width:104px;height:104px;border-radius:50%;background:#ddad7f;top:42px;right:45px}.building{display:grid;position:absolute;gap:16px;padding:27px;box-shadow:14px 10px #0000000d}.building i{background:#759089;border-top:4px solid #55796f}.building-back{right:32px;top:125px;width:155px;height:210px;background:#d3d8c4;grid-template-columns:repeat(3,1fr)}.building-front{left:40px;top:100px;width:205px;height:235px;background:#f4f0df;grid-template-columns:repeat(2,1fr)}.ground{position:absolute;bottom:0;background:#7b8c6d;height:25px;width:100%}.overview{padding-block:42px 56px;border-top:1px solid #dfe4da}.section-intro{display:flex;gap:32px;justify-content:space-between;align-items:start;margin-bottom:30px}h2{font-size:27px;font-weight:500;letter-spacing:-.8px;margin:0}.section-intro p{max-width:410px;font-size:14px;line-height:1.7;color:#64716b;margin:0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{border:1px solid #dce2d5;border-radius:5px;padding:26px}.card-number{color:#7b826f;font-size:12px}h3{margin:32px 0 12px;font-size:20px;font-weight:500;letter-spacing:-.5px}.card p{font-size:14px;line-height:1.7;color:#64716b;margin:0}.notice{display:flex;gap:22px;background:#e9eddf;border-radius:5px;padding:27px;margin-bottom:58px}.notice-mark{font-size:30px}.notice h2{font-size:18px;letter-spacing:-.3px}.notice p{color:#596b60;line-height:1.7;font-size:13px;margin:9px 0 0}.footer{display:flex;gap:20px;justify-content:space-between;border-top:1px solid #dfe4da;padding-block:24px;font-size:12px;color:#64716b}@media(max-width:760px){.wrap{width:calc(100% - 36px)}.header{padding-block:22px}.hero{grid-template-columns:1fr;padding-block:48px;gap:36px}h1{letter-spacing:-1.6px}.architecture{height:280px;max-width:420px;width:100%;justify-self:center}.building-front{top:70px;height:185px}.building-back{top:105px;height:150px}.section-intro{flex-direction:column;gap:15px}.cards{grid-template-columns:1fr}.card{padding:22px}h3{margin-top:20px}.notice{gap:14px;padding:22px}.footer{align-items:start}.footer span:last-child{max-width:180px;text-align:right}}