.app-shell{display:none}.landing{display:block}.public-nav{margin-bottom:50px}.outline-button{background:transparent;border:1px solid #bdc9c0;color:var(--ink);padding:10px 18px}.outline-button:hover{color:#fff}.hero{display:grid;grid-template-columns:.82fr 1.18fr;gap:60px;align-items:center;min-height:620px}.hero-copy{text-align:left}.hero-copy h1{font-size:clamp(52px,6vw,82px);line-height:.98;margin:16px 0 25px}.hero-copy h1 em{color:var(--green);font-style:italic}.hero-copy p{color:#60746e;font-size:17px;line-height:1.7;max-width:520px}.hero-button{margin-top:15px;padding:16px 22px}.hero-copy small{display:block;margin-top:13px;color:#85918d}.preview-wrap{position:relative;padding:16px;background:var(--paper);border:1px solid var(--line);border-radius:22px;box-shadow:0 28px 70px #1a453421;transform:rotate(1deg)}.preview-label{display:flex;justify-content:space-between;padding:3px 5px 14px;color:#71817c;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.preview-label strong{color:var(--green)}#preview-map{height:475px;border-radius:13px;background:#eef3f4;pointer-events:none}.how{margin-top:75px;padding:55px 0;border-top:1px solid #ccd5cc}.how>div:first-child{text-align:center}.how h2{font-size:38px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:35px}.feature-grid article{padding:28px;background:#fffaf0;border:1px solid var(--line);border-radius:14px}.feature-grid b{color:var(--green);font-size:12px;letter-spacing:.15em}.feature-grid h3{font:700 21px "Playfair Display",serif;margin:18px 0 8px}.feature-grid p{color:#71817c;font-size:14px;line-height:1.6}.auth-card{position:relative}.close-auth{position:absolute;right:15px;top:14px;padding:5px 10px;background:transparent;color:#60746e;font-size:24px}.close-auth:hover{background:#edf1eb;color:var(--ink)}@media(max-width:850px){.hero{grid-template-columns:1fr;gap:38px}.hero-copy{text-align:center}.hero-copy p{margin-left:auto;margin-right:auto}.hero-copy small{margin-bottom:10px}.preview-wrap{transform:none}#preview-map{height:400px}.feature-grid{grid-template-columns:1fr}}@media(max-width:500px){.hero{min-height:auto}.hero-copy h1{font-size:48px}.public-nav{margin-bottom:30px}#preview-map{height:330px}.preview-label{gap:10px}.how h2{font-size:30px}}