:root{--ink:#173e35;--paper:#faf9f3;--muted:#52635b;--line:#dce0d5;--yellow:#efd578}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.6}a{color:inherit}.wrap{width:min(1120px,calc(100% - 64px));margin:auto}.header{display:flex;align-items:center;justify-content:space-between;padding:30px 0}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;font-size:17px;font-weight:800;letter-spacing:2px;line-height:1.15}.brand svg{width:34px;height:38px}.brand-small{display:block;font-size:12px;letter-spacing:5px;margin-top:5px}.nav-link{text-decoration:none;font-size:14px;font-weight:700}.nav-link span{margin-left:18px}.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:84px;align-items:center;padding:65px 0 90px}.eyebrow,.number{font-size:11px;letter-spacing:1.7px;font-weight:700}.eyebrow{margin:0 0 22px}h1,h2,p{margin-top:0}h1{font-size:clamp(46px,5.4vw,70px);line-height:1.04;letter-spacing:-3px;margin-bottom:28px}h2{line-height:1.15;letter-spacing:-1px}.lead{font-size:22px;margin-bottom:16px}.intro{max-width:470px;color:var(--muted);font-size:17px;margin-bottom:30px}.button{display:inline-flex;gap:22px;align-items:center;background:var(--ink);color:white;padding:15px 22px;border-radius:5px;text-decoration:none;font-size:14px;font-weight:700}.button:hover{background:#28594c}.button:focus-visible,a:focus-visible{outline:3px solid #be8b19;outline-offset:5px}.fine{font-size:12px;color:var(--muted);margin:13px 0 0}.example{background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:10px 16px 0 #e8ebdf;transform:rotate(1.5deg)}.example-top{display:flex;align-items:center;gap:6px;border-bottom:1px solid var(--line);padding:15px}.dot{width:6px;height:6px;background:#c8cfc2;border-radius:50%}.example-label{margin-left:auto;font-size:8px;letter-spacing:1.5px;color:var(--muted)}.example-body{padding:34px;background:#f3eddd;border-radius:0 0 12px 12px}.example-kicker{font-size:8px;letter-spacing:1.6px;font-weight:700}.example h2{font-family:Georgia,serif;font-size:46px;font-weight:400;margin-bottom:17px}.example-body>p:not(.example-kicker){font-size:13px;color:var(--muted)}.example-tags{display:flex;gap:8px;margin:22px 0 32px}.example-tags span{padding:6px 15px;border:1px solid #819181;border-radius:3px;font-size:11px}.example-tags span:first-child{background:var(--ink);color:white}.hours{border-top:1px solid #cdd1bc;padding:15px 0;display:flex;justify-content:space-between;font-size:11px}.example-bottom{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:.5px}.example-bottom svg{width:24px;height:30px}.example-caption{margin:0;padding:12px 20px;font-size:10px;color:var(--muted);background:white;border-radius:0 0 12px 12px}.benefits{border-block:1px solid var(--line);background:#eff1e8}.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:55px;padding:48px 0}.number{font-size:10px;color:var(--muted)}.benefits h2{font-size:22px;margin:17px 0 14px;letter-spacing:-.5px}.benefits p{font-size:14px;color:var(--muted);margin-bottom:0}.process{display:grid;grid-template-columns:1fr 1fr;gap:100px;padding:80px 0}.process h2{font-size:36px}.process ol{margin:0;padding-left:24px}.process li{padding-left:12px;margin-bottom:24px}.process li:last-child{margin-bottom:0}.process li::marker{font-weight:700;color:#85917c}.process strong{font-size:17px}.process li p{font-size:14px;color:var(--muted);margin:6px 0 0}.custom{display:grid;grid-template-columns:1fr 1fr;gap:100px;border-top:1px solid var(--line);padding:35px 0 65px}.custom .eyebrow{margin-bottom:12px}.custom h2{font-size:28px;margin:0}.custom>p{font-size:15px;color:var(--muted);margin:0;padding-top:5px}.contact{background:var(--ink);color:var(--paper);text-align:center}.contact-inner{padding:65px 0}.contact .eyebrow{color:var(--yellow)}.contact h2{font-size:clamp(36px,4.5vw,50px);margin-bottom:22px}.contact p:not(.eyebrow){color:#d6e0d7;font-size:15px}.contact .button{background:var(--yellow);color:var(--ink)}.contact .button:hover{background:#f8e398}.contact-pending{margin:25px 0 0;font-style:italic}.footer{display:flex;justify-content:space-between;padding:25px 0;font-size:11px;color:var(--muted)}@media(max-width:850px){.hero{gap:35px}.hero h1{font-size:51px}.example-body{padding:24px}.example h2{font-size:38px}.benefit-grid{gap:25px}.process,.custom{gap:40px}.process h2{font-size:30px}}@media(max-width:620px){.wrap{width:calc(100% - 40px)}.header{padding:22px 0}.brand{font-size:14px}.brand-small{font-size:10px}.nav-link{font-size:12px}.nav-link span{margin-left:5px}.hero{grid-template-columns:1fr;padding:40px 0 60px;gap:45px}.hero h1{font-size:54px;letter-spacing:-2.5px}.eyebrow{font-size:10px}.lead{font-size:20px}.intro{font-size:16px}.example{max-width:390px;width:calc(100% - 12px);margin:0 auto}.example-body{padding:30px}.benefit-grid{grid-template-columns:1fr;gap:30px;padding:35px 0}.benefits h2{margin:10px 0}.process{grid-template-columns:1fr;padding:50px 0;gap:20px}.custom{grid-template-columns:1fr;gap:18px;padding:30px 0 45px}.contact-inner{padding:50px 0}.footer{gap:16px;flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
:root { color-scheme: light; }
.hero-price { border-left: 3px solid var(--yellow); padding-left: 16px; margin: 0 0 26px; }
.hero-price p { margin: 0 0 5px; font-size: 15px; }
.hero-price strong { font-size: 24px; letter-spacing: -.5px; }
.hero-price p:first-child strong { font-size: 34px; }
.hero-price span { display: block; color: var(--muted); font-size: 14px; }
.maps-section, .owner-section { display: grid; grid-template-columns: 1fr 1fr; gap: 100px; padding: 65px 0; }
.maps-section { border-bottom: 1px solid var(--line); }
.maps-section h2, .owner-section h2, .pricing-section h2, .faq-section h2 { font-size: 36px; margin-bottom: 24px; }
.maps-section p:not(.eyebrow), .owner-section p:not(.eyebrow), .price-block p, .price-block li { font-size: 15px; color: var(--muted); }
.maps-section p:last-child { margin-bottom: 0; }
.pricing-section { background: #eff1e8; border-block: 1px solid var(--line); padding: 60px 0; }
.pricing-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 100px; margin: 35px 0; }
.price-block h3 { font-size: 18px; margin: 0 0 8px; }
.price-block .price-amount { font-size: 52px; line-height: 1.2; color: var(--ink); font-weight: 700; letter-spacing: -2px; margin: 0 0 18px; }
.price-amount span { font-size: 16px; font-weight: 400; letter-spacing: 0; }
.price-block ul { padding-left: 20px; margin-bottom: 0; }
.price-block li { padding-left: 4px; margin-bottom: 6px; }
.price-block .monthly-option { color: var(--ink); }
.price-block .billing-note { font-size: 12px; margin-bottom: 0; }
.pricing-action { border-top: 1px solid #cdd1bc; padding-top: 25px; }
.pricing-action > p:first-child { font-size: 15px; }
.owner-section .owner-status { border-left: 3px solid var(--yellow); padding-left: 16px; font-size: 13px; margin-bottom: 0; }
.owner-status strong { display: block; color: var(--ink); margin-bottom: 5px; }
.owner-demo { border-block: 1px solid var(--line); padding: 18px 0; align-self: center; }
.owner-demo .demo-label { font-size: 10px !important; letter-spacing: 1px; margin-bottom: 15px; }
.demo-row { display: flex; gap: 20px; align-items: center; justify-content: space-between; border-top: 1px solid var(--line); padding: 14px 0; }
.demo-row strong, .demo-row div > span { display: block; }
.demo-row strong { font-size: 15px; }
.demo-row div > span { font-size: 12px; color: var(--muted); }
.demo-action { font-size: 11px; color: var(--muted); border: 1px dashed #819181; border-radius: 3px; padding: 3px 10px; }
.owner-demo .demo-note { font-size: 11px !important; margin: 8px 0 0; }
.faq-section { padding: 0 0 65px; }
.faq-section details { border-top: 1px solid var(--line); }
.faq-section details:last-child { border-bottom: 1px solid var(--line); }
.faq-section summary { padding: 18px 0; cursor: pointer; font-size: 16px; font-weight: 700; }
.faq-section details p { color: var(--muted); font-size: 14px; max-width: 760px; margin-bottom: 20px; }
.faq-section summary:focus-visible { outline: 3px solid #be8b19; outline-offset: 4px; }
@media (max-width: 850px) {
  .maps-section, .owner-section, .pricing-grid { gap: 40px; }
  .maps-section h2, .owner-section h2, .pricing-section h2, .faq-section h2 { font-size: 30px; }
}
@media (max-width: 620px) {
  .maps-section, .owner-section, .pricing-grid { grid-template-columns: 1fr; gap: 25px; }
  .maps-section, .owner-section { padding: 45px 0; }
  .pricing-section { padding: 45px 0; }
  .pricing-grid { margin: 25px 0; gap: 30px; }
  .price-block + .price-block { border-top: 1px solid #cdd1bc; padding-top: 25px; }
  .faq-section { padding-bottom: 45px; }
  .button { max-width: 100%; }
}
@media (max-width: 360px) { .hero h1 { font-size: 46px; } }