:root{--bg:#fbf7f4;--text:#2a1d18;--muted:#6d544a;--surface:#fff;--accent:#8b5e3c;--accent-2:#c79a6f;--accent-3:#3f2a22;--ring: rgba(139,94,60,.22)}.dark{--bg:#19110e;--text:#f5ede7;--muted:#cab9b0;--surface:#241712;--accent:#b88962;--accent-2:#945d37;--accent-3:#f5ede7;--ring: rgba(248, 231, 218, .18)}html,body{background:var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:min(1100px,92%);margin:0 auto}.layout{display:grid;grid-template-columns:260px 1fr;min-height:100dvh}.sidebar{position:sticky;top:0;height:100dvh;border-right:1px solid color-mix(in oklab,var(--text) 12%,transparent);background:linear-gradient(180deg,var(--surface),color-mix(in oklab,var(--surface) 70%,var(--bg)));display:flex;flex-direction:column;gap:1rem;padding:1.2rem}.brand{display:flex;align-items:center;gap:.75rem;font-weight:900;letter-spacing:.3px}.brand-badge{width:40px;height:40px;border-radius:12px;background:var(--accent);display:grid;place-items:center;color:#fff;font-weight:900}.nav-links{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}.nav-links a{padding:.6rem .75rem;border-radius:12px;border:1px solid transparent}.nav-links a:hover{background:color-mix(in oklab,var(--accent-2) 12%,transparent)}.sidebar .cta{margin-top:auto;display:grid;gap:.6rem}.btn{padding:.7rem 1rem;border-radius:14px;border:1px solid color-mix(in oklab,var(--text) 12%,transparent);background:var(--surface);cursor:pointer;transition:transform .08s,box-shadow .15s}.btn.primary{background:var(--accent);color:#fff;border-color:transparent}.btn:hover{box-shadow:0 12px 20px -12px var(--ring);transform:translateY(-1px)}.input{padding:.7rem 1rem;border-radius:12px;border:1px solid color-mix(in oklab,var(--text) 16%,transparent);background:var(--surface);color:var(--text)}main{padding:1.2rem}section{padding:64px 0}.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:2rem;align-items:center;padding:28px 0 10px}.hero h1{font-size:clamp(2rem,2.4vw + 1rem,3.1rem);line-height:1.08;margin:0 0 .6rem}.hero p{color:var(--muted)}.canvas-wrap{height:420px;border-radius:18px;background:radial-gradient(1200px 400px at 20% 0%,#fff,#f6eee6);border:1px solid color-mix(in oklab,var(--text) 12%,transparent);overflow:hidden}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.card{background:var(--surface);border:1px solid color-mix(in oklab,var(--text) 12%,transparent);border-radius:16px;padding:1rem}.muted{color:var(--muted)}.price{font-size:1.8rem;font-weight:800}footer{padding:28px 0;border-top:1px solid color-mix(in oklab,var(--text) 15%,transparent)}.map-wrap{border-radius:16px;overflow:hidden;border:1px solid color-mix(in oklab,var(--text) 12%,transparent)}.map{width:100%;height:380px;border:0;display:block}.reveal{opacity:0;transform:translateY(16px);transition:opacity .5s ease,transform .5s ease}.reveal.visible{opacity:1;transform:none}@media (max-width: 1000px){.layout{grid-template-columns:1fr}.sidebar{position:static;height:auto;flex-direction:row;align-items:center;gap:.8rem}.nav-links{flex-direction:row;flex-wrap:wrap}.sidebar .cta{margin-top:0;grid-auto-flow:column}.hero{grid-template-columns:1fr}.grid-3{grid-template-columns:1fr 1fr}}@media (max-width:640px){.grid-3{grid-template-columns:1fr}}