:root { --ink:#171815; --green:#171815; --mint:#e2c889; --paper:#f6f3eb; --line:#d7d0c0; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:Arial, Helvetica, sans-serif; }
a { color:inherit; text-decoration:none; }
.shell { width:min(1180px, calc(100% - 48px)); margin-inline:auto; }
.nav { height:96px; display:flex; align-items:center; justify-content:space-between; }
.brand { font-size:1.55rem; font-weight:800; letter-spacing:-.07em; }
.brand span { color:#a77b2b; }
.navCta,.primary { display:inline-flex; gap:12px; align-items:center; justify-content:center; font-size:.94rem; font-weight:700; }
.navCta { border:1px solid #9d7b3b66; padding:12px 16px; border-radius:999px; transition:.25s ease; }
.navCta:hover { background:var(--ink); color:white; transform:translateY(-2px); }
.hero { padding:88px 0 120px; position:relative; overflow:hidden; }
.eyebrow,.sectionLabel { text-transform:uppercase; letter-spacing:.18em; font-size:.74rem; font-weight:800; }
.eyebrow { display:flex; align-items:center; gap:10px; }
.eyebrow span { width:8px; height:8px; background:#b88a38; border-radius:50%; box-shadow:0 0 0 5px #b88a3822; }
h1 { margin:28px 0 26px; max-width:920px; font-size:clamp(4.6rem, 10vw, 8.6rem); line-height:.83; letter-spacing:-.075em; font-weight:750; }
h1 em,h2 em,.statement em { color:#a77b2b; font-style:normal; font-weight:inherit; }
.heroCopy { max-width:590px; font-size:1.25rem; line-height:1.65; color:#49615d; }
.heroCopy strong { color:var(--ink); }
.heroActions { display:flex; align-items:center; gap:30px; margin-top:36px; }
.primary { min-height:58px; padding:0 24px; color:#171815; background:linear-gradient(135deg,#f1d995,#c49a48); border-radius:4px; box-shadow:0 12px 35px #8d692d30; transition:.25s ease; }
.primary:hover { transform:translateY(-3px); box-shadow:0 18px 42px #8d692d45; }
.secondary { font-weight:700; border-bottom:1px solid #95a69f; padding-bottom:5px; }
.conversation { width:510px; margin:80px 0 0 auto; display:flex; flex-direction:column; gap:13px; padding-right:4px; }
.message { display:flex; align-items:center; gap:12px; padding:12px 16px; width:max-content; max-width:88%; border:1px solid var(--line); border-radius:18px 18px 18px 4px; background:#fff; box-shadow:0 12px 35px #10302b0c; font-size:.94rem; }
.message.right { align-self:flex-end; background:var(--green); border-color:var(--green); color:#fff; border-radius:18px 18px 4px 18px; }
.message i { width:30px; height:30px; display:grid; place-items:center; flex:0 0 auto; font-style:normal; font-weight:800; border-radius:50%; background:var(--mint); color:var(--green); }
.typing { margin-left:18px; display:flex; gap:4px; }.typing b { width:5px; height:5px; background:#6c827c; border-radius:50%; }
.potential { background:radial-gradient(circle at 85% 0,#3a3020 0,transparent 28%),var(--green); color:white; padding:120px 0; }.potential .sectionLabel { color:var(--mint); }
.sectionIntro { margin:30px 0 70px; display:grid; grid-template-columns:1.1fr .7fr; gap:80px; align-items:end; }
.sectionIntro h2,.contact h2 { font-size:clamp(3.1rem, 6.5vw, 6rem); line-height:.95; letter-spacing:-.06em; margin:0; }
.sectionIntro p { color:#b7cac4; font-size:1.13rem; line-height:1.7; max-width:470px; }
.cards { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid #ffffff30; }
.cards article { padding:42px 38px 24px 0; border-right:1px solid #ffffff30; min-height:260px; }.cards article+article { padding-left:38px; }.cards article:last-child { border-right:0; }
.cards span { color:var(--mint); font-size:.78rem; font-weight:800; }.cards h3 { font-size:1.42rem; margin:38px 0 18px; }.cards p { color:#abc0ba; line-height:1.65; }
.why { padding:130px 0 150px; }.metrics { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--line); margin-top:28px; }
.metrics div { padding:34px 10px 28px 0; display:flex; flex-direction:column; gap:5px; }.metrics strong { font-size:3.3rem; letter-spacing:-.06em; }.metrics span { color:#6d817b; font-size:.9rem; }
.statement { margin:110px 0 0 auto; max-width:850px; font-size:clamp(2.8rem, 6vw, 5.8rem); line-height:1; letter-spacing:-.055em; font-weight:700; }
.contact { background:linear-gradient(120deg,#d8bd79,#f3e4b7 65%,#c59c4c); min-height:720px; display:flex; align-items:center; position:relative; overflow:hidden; }.contactGlow { position:absolute; width:440px; height:440px; right:-100px; top:-120px; border:90px solid #fff7d84d; border-radius:50%; }
.contactInner { position:relative; padding:110px 0; }.contact .sectionLabel { margin-bottom:30px; }.contact h2 em { color:var(--green); text-decoration:underline; text-decoration-thickness:3px; text-underline-offset:10px; }
.primary.light { background:#171815; color:#f3dfaa; margin-top:48px; }.note { margin:18px 0 0; font-size:.82rem; color:#5b4c2e; }
footer { min-height:120px; display:grid; grid-template-columns:1fr 1fr auto; align-items:center; gap:24px; color:#63756f; font-size:.85rem; }footer .brand { color:var(--ink); }
@media (max-width:760px) {
  .shell { width:min(100% - 32px, 1180px); }.nav { height:76px; }.navCta { font-size:.8rem; }.hero { padding:60px 0 82px; } h1 { font-size:clamp(3.8rem, 18vw, 5.4rem); }
  .heroCopy { font-size:1.05rem; }.heroActions { align-items:flex-start; flex-direction:column; gap:20px; }.conversation { width:100%; margin-top:64px; }.message { max-width:94%; font-size:.82rem; }
  .potential { padding:80px 0; }.sectionIntro { grid-template-columns:1fr; gap:22px; margin-bottom:45px; }.cards { grid-template-columns:1fr; }.cards article,.cards article+article { border-right:0; border-bottom:1px solid #ffffff30; padding:32px 0; min-height:0; }.cards h3 { margin-top:20px; }
  .why { padding:82px 0 100px; }.metrics { grid-template-columns:1fr 1fr 1fr; }.metrics strong { font-size:2.4rem; }.metrics span { font-size:.75rem; }.statement { margin-top:70px; }.contact { min-height:630px; }
  footer { grid-template-columns:1fr auto; }footer p { display:none; }
}