*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}

:root{--bg:#f5f2ed;--bg-warm:#ede8df;--bg-dark:#1c1917;--fg:#1c1917;--fg-muted:#78716c;--accent:#2d5a3d;--accent-light:#4a7c5c;--accent-pale:#e8f0ea;--gold:#c8973d;--gold-pale:#f9f3e8;--border:#d4ccc0;--border-light:#e5dfd4;--radius:2px;--max-w:1200px}

html{scroll-behavior:smooth;font-size:16px}

body{background:var(--bg);color:var(--fg);font-family:'DM Sans',system-ui,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}

::-webkit-scrollbar{width:8px}
::-webkit-scrollbar-track{background:var(--bg-warm)}
::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}
::-webkit-scrollbar-thumb:hover{background:var(--fg-muted)}

/* NAV */
.nav{display:flex;align-items:center;justify-content:space-between;padding:20px 48px;border-bottom:1px solid var(--border-light);background:var(--bg)}
.nav-brand{display:flex;align-items:center;gap:12px}
.nav-logo{width:36px;height:36px;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;letter-spacing:0.5px;border-radius:3px}
.nav-name{font-weight:600;font-size:15px;letter-spacing:0.2px}
.nav-area{font-size:13px;color:var(--fg-muted);letter-spacing:0.1px}

/* HERO */
.hero{display:grid;grid-template-columns:1fr 1fr;min-height:600px;max-width:var(--max-w);margin:0 auto;padding:0 48px;gap:48px;align-items:center}
.hero-left{padding:72px 0}
.hero-eyebrow{font-size:12px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--accent);margin-bottom:20px}
.hero-headline{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(44px,5.5vw,72px);font-weight:300;line-height:1.05;letter-spacing:-0.5px;margin-bottom:24px;color:var(--fg)}
.hero-headline em{font-style:italic;font-weight:400;color:var(--accent)}
.hero-sub{font-size:17px;color:var(--fg-muted);line-height:1.65;max-width:440px;margin-bottom:40px}
.hero-stats{display:flex;align-items:center;gap:32px}
.stat{display:flex;flex-direction:column;gap:4px}
.stat-value{font-family:'Cormorant Garamond',Georgia,serif;font-size:22px;font-weight:600;color:var(--fg)}
.stat-label{font-size:12px;color:var(--fg-muted);letter-spacing:0.5px;text-transform:uppercase}
.stat-divider{width:1px;height:40px;background:var(--border)}

/* Hero Illustration */
.hero-right{padding:40px 0;display:flex;justify-content:center;align-items:center}
.hero-illustration{width:100%;max-width:420px}
.desk-surface{background:linear-gradient(145deg,#f0ece3,#e2ddd5);border-radius:8px;padding:48px 40px;position:relative;border:1px solid var(--border-light);box-shadow:0 8px 32px rgba(28,25,23,0.08)}
.doc-stack{position:relative;height:200px;margin-bottom:24px}
.doc{position:absolute;border-radius:3px}
.doc-1{width:160px;height:200px;background:#faf9f6;border:1px solid #e0dbd1;left:50%;transform:translateX(-50%);z-index:3;display:flex;flex-direction:column;padding:24px 20px;justify-content:space-between;box-shadow:0 2px 8px rgba(28,25,23,0.06)}
.doc-2{width:150px;height:190px;background:#f5f2ed;border:1px solid #d8d2c8;top:8px;left:calc(50% - 8px);transform:translateX(-50%) rotate(2deg);z-index:2}
.doc-3{width:145px;height:185px;background:#ede8df;border:1px solid #ccc7bd;top:14px;left:calc(50% - 14px);transform:translateX(-50%) rotate(4deg);z-index:1}
.doc-lines{display:flex;flex-direction:column;gap:10px;margin-top:16px}
.line{height:6px;background:var(--border);border-radius:3px}
.line.short{width:55%}
.line.long{width:90%}
.line.medium{width:75%}
.stamp-mark{position:absolute;bottom:24px;right:20px;width:72px;height:72px;border:2px solid var(--accent);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0.7}
.stamp-outer{position:absolute;inset:4px;border:1px solid var(--accent);border-radius:50%;opacity:0.4}
.stamp-text{font-size:7px;font-weight:700;letter-spacing:0.5px;color:var(--accent);text-align:center;line-height:1.3}
.stamp-sub{font-size:5px;color:var(--accent);opacity:0.6;letter-spacing:0.5px}
.pen-element{position:absolute;bottom:24px;left:32px;display:flex;align-items:center;gap:0}
.pen-body{width:80px;height:6px;background:linear-gradient(to right,#1c1917,#3d3832);border-radius:3px}
.pen-tip{width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-right:12px solid #3d3832}
.notary-seal{position:absolute;top:-20px;right:20px;width:64px;height:64px;border:2px solid var(--gold);border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--gold-pale)}
.seal-ring{position:absolute;inset:6px;border:1px solid var(--gold);border-radius:50%;opacity:0.5}
.seal-center{font-family:'Cormorant Garamond',Georgia,serif;font-size:18px;font-weight:600;color:var(--gold)}

/* DOCUMENTS */
.documents{background:var(--bg-warm);border-top:1px solid var(--border-light);border-bottom:1px solid var(--border-light);padding:96px 48px}
.documents-inner{max-width:var(--max-w);margin:0 auto}
.section-label{font-size:11px;font-weight:600;letter-spacing:2.5px;text-transform:uppercase;color:var(--accent);margin-bottom:16px}
.section-sub{font-size:17px;color:var(--fg-muted);max-width:500px;line-height:1.65;margin-bottom:56px}
.doc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.doc-category{padding:32px;background:var(--bg);border:1px solid var(--border-light);border-radius:4px}
.cat-icon{color:var(--accent);margin-bottom:20px}
.cat-title{font-family:'Cormorant Garamond',Georgia,serif;font-size:22px;font-weight:600;margin-bottom:16px;color:var(--fg)}
.cat-list{list-style:none;display:flex;flex-direction:column;gap:10px}
.cat-list li{font-size:14px;color:var(--fg-muted);padding-left:16px;position:relative}
.cat-list li::before{content:'—';position:absolute;left:0;color:var(--accent);opacity:0.5;font-size:12px}

/* PROCESS */
.process{padding:96px 48px;background:var(--bg)}
.process-inner{max-width:var(--max-w);margin:0 auto}
.steps{display:grid;grid-template-columns:1fr 40px 1fr 40px 1fr 40px 1fr;align-items:start;gap:0}
.step{padding-top:8px}
.step-num{font-family:'Cormorant Garamond',Georgia,serif;font-size:48px;font-weight:300;color:var(--border);margin-bottom:16px;line-height:1}
.step-title{font-weight:600;font-size:16px;margin-bottom:10px;color:var(--fg)}
.step-desc{font-size:14px;color:var(--fg-muted);line-height:1.6}
.step-connector{height:1px;background:var(--border-light);margin-top:32px;width:100%}

/* WHO */
.who{padding:96px 48px;background:var(--bg-warm);border-top:1px solid var(--border-light);border-bottom:1px solid var(--border-light)}
.who-inner{max-width:var(--max-w);margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}
.who-tag{font-size:11px;font-weight:600;letter-spacing:2.5px;text-transform:uppercase;color:var(--accent);margin-bottom:20px}
.who-headline{font-family:'Cormorant Garamond',Georgia,serif;font-size:38px;font-weight:400;line-height:1.2;margin-bottom:28px;color:var(--fg)}
.who-body{font-size:15px;color:var(--fg-muted);line-height:1.7;margin-bottom:16px}
.who-right{display:flex;flex-direction:column;gap:20px}
.client-card{padding:28px;border:1px solid var(--border-light);background:var(--bg);border-radius:4px;display:flex;flex-direction:column;gap:12px}
.client-icon{color:var(--accent)}
.client-card h4{font-weight:600;font-size:15px;color:var(--fg)}
.client-card p{font-size:14px;color:var(--fg-muted);line-height:1.6}

/* CLOSING */
.closing{padding:96px 48px;background:var(--bg-dark)}
.closing-inner{max-width:680px;margin:0 auto;text-align:center}
.closing-decor{display:flex;align-items:center;gap:20px;margin-bottom:48px}
.closing-decor-line{flex:1;height:1px;background:#3a3632}
.closing-decor-seal{width:48px;height:48px;border:1px solid #3a3632;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:'Cormorant Garamond',Georgia,serif;font-size:16px;font-weight:600;color:#6b6358}
.closing-quote{font-family:'Cormorant Garamond',Georgia,serif;font-size:26px;font-weight:400;font-style:italic;line-height:1.5;color:#c8c0b4;margin-bottom:48px}
.closing-brand{display:flex;align-items:center;justify-content:center;gap:16px}
.closing-logo-mark{width:40px;height:40px;border:1px solid #3a3632;border-radius:3px;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;color:#6b6358}
.closing-info{display:flex;flex-direction:column;gap:4px;text-align:left}
.closing-name{font-weight:600;font-size:14px;color:#c8c0b4}
.closing-tagline{font-size:12px;color:#6b6358}

/* FOOTER */
.footer{padding:48px;background:var(--bg-dark);border-top:1px solid #2a2522}
.footer-inner{max-width:var(--max-w);margin:0 auto}
.footer-top{margin-bottom:32px}
.footer-brand{display:flex;align-items:center;gap:14px;margin-bottom:24px}
.footer-logo{width:32px;height:32px;border:1px solid #3a3632;border-radius:3px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:#6b6358}
.footer-name{font-weight:600;font-size:14px;color:#c8c0b4}
.footer-tagline{font-size:12px;color:#6b6358}
.footer-bottom{border-top:1px solid #2a2522;padding-top:24px;display:flex;flex-direction:column;gap:8px}
.footer-bottom p{font-size:13px;color:#6b6358}
.footer-copy{font-size:12px;color:#4a4540}

/* RESPONSIVE */
@media(max-width:900px){
  .hero{grid-template-columns:1fr;padding:0 32px}
  .hero-left{padding:56px 0 40px}
  .hero-right{display:none}
  .documents,.process,.who{padding:64px 32px}
  .doc-grid{grid-template-columns:1fr;gap:24px}
  .steps{grid-template-columns:1fr}
  .step-connector{display:none}
  .who-inner{grid-template-columns:1fr;gap:48px}
  .closing,.footer{padding:64px 32px}
  .nav{padding:16px 24px}
  .hero-stats{gap:20px}
}
@media(max-width:600px){
  .hero-headline{font-size:40px}
  .hero-stats{flex-wrap:wrap;gap:16px}
  .stat-divider{display:none}
  .nav-area{display:none}
}