:root{--ivory:#f7f1e6;--paper:#fffaf1;--green:#143d32;--gold:#bd8730;--ink:#17382f;--muted:#625d54;--line:#e2d5bf}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ivory);color:var(--ink);font-family:Arial,Helvetica,sans-serif}
.wrap{max-width:1320px;margin:auto;padding:0 22px}header{height:102px;display:flex;align-items:center;justify-content:space-between}
.lockup{display:flex;align-items:center;gap:13px}.monogram{width:54px;height:54px;border:1.5px solid var(--gold);border-radius:18px;display:grid;place-items:center;font:26px Georgia,serif;color:var(--gold);position:relative}.monogram:before{content:"✦";position:absolute;top:-9px;font-size:12px;background:var(--ivory);padding:0 3px}
.brand{font:34px Georgia,serif;letter-spacing:2px}.sub{font-size:11px;color:#a46916;margin-top:4px;letter-spacing:.2px}
nav{display:flex;align-items:center;gap:34px}nav a{color:#171717;text-decoration:none;font-size:16px}.cta{background:var(--green);color:#fff!important;padding:15px 22px;border-radius:9px}
.hero{display:grid;grid-template-columns:1.03fr .97fr;min-height:650px;background:var(--paper);border:1px solid var(--line);border-radius:20px;overflow:hidden}
.copy{padding:76px 64px 55px}.eyebrow{color:var(--gold);font-weight:700;letter-spacing:1.8px;font-size:14px}.copy h1{font:60px/1.04 Georgia,serif;margin:24px 0 24px;max-width:600px}.lead{font-size:20px;line-height:1.55;color:#484641;max-width:610px}
.triad{display:grid;grid-template-columns:repeat(3,1fr);margin-top:38px}.triad>div{padding:0 24px;text-align:center;border-right:1px solid var(--line)}.triad>div:first-child{padding-left:0}.triad>div:last-child{border:0;padding-right:0}
.symbol{height:72px;display:grid;place-items:center;margin:auto;color:var(--gold)}.symbol svg{width:64px;height:64px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.triad b{font-size:14px;letter-spacing:1.2px}.triad small{display:block;margin-top:8px;color:#484641;font-size:14px}
.visual{position:relative;min-height:650px;background:#eadbc3 url('/assets/hero-environment.png') center/cover no-repeat}
.phone{position:absolute;right:6%;bottom:-26px;width:220px;height:435px;border:10px solid #161616;border-radius:38px;background:#fffaf1;transform:rotate(4deg);padding:40px 18px 18px;color:#222;box-shadow:0 22px 45px #0004}.phone:before{content:"";position:absolute;top:10px;left:35%;width:30%;height:6px;border-radius:9px;background:#222}.phone .pbrand{font:700 17px Georgia,serif;color:var(--green)}.phone h3{font:27px Georgia,serif;margin:18px 0 4px}.phone p{font-size:11px;color:#777}.chip{background:#f1eadf;padding:12px;margin:10px 0;border-radius:9px;font-size:10px}
.journey{padding:62px 35px 72px}.journey h2{text-align:center;font:38px Georgia,serif;margin:0 0 8px}.journey>.intro{text-align:center;color:#69645c;font-size:18px;margin-bottom:42px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}.step{display:grid;grid-template-columns:62px 1fr;gap:14px;align-items:start}.round{width:58px;height:58px;border-radius:50%;background:var(--green);display:grid;place-items:center;color:#e3bc68}.round svg{width:34px;height:34px;fill:none;stroke:currentColor;stroke-width:1.6}.step h3{margin:2px 0 8px;font-size:16px}.step p{margin:0;color:#55514a;line-height:1.45;font-size:14px}
.boundary{background:var(--green);color:white;padding:62px 0}.boundary h2{font:36px Georgia,serif;margin:0 0 12px}.boundary p{max-width:850px;color:#eee5d8;line-height:1.7}
footer{background:#0f332a;color:white;padding:36px 0}.foot{display:flex;justify-content:space-between;align-items:center}.foot a{color:#e5bd68;text-decoration:none;margin-left:24px}
.page{max-width:900px;margin:30px auto 70px;background:var(--paper);padding:55px;border:1px solid var(--line);border-radius:16px}.page h1{font:46px Georgia,serif}.page h2{font:25px Georgia,serif;margin-top:32px}.page p,.page li{line-height:1.65;color:#4e4b45}
@media(max-width:850px){header{height:84px}.brand{font-size:27px}.monogram{width:46px;height:46px}.sub{font-size:9px}nav a:not(.cta){display:none}.hero{grid-template-columns:1fr}.copy{padding:48px 28px}.copy h1{font-size:45px}.visual{min-height:460px}.triad{gap:5px}.triad>div{padding:0 8px}.symbol svg{width:52px}.steps{grid-template-columns:1fr}.journey{padding:50px 25px}.foot{display:block}.foot div:last-child{margin-top:18px}.page{margin:15px;padding:28px}}