:root { --deep:#09272b; --green:#42d39e; --paper:#f4f1e9; --ink:#142c2f; --muted:#6f7d7c; --line:#cfd7d2; }
* { box-sizing:border-box; }
body { margin:0; color:var(--ink); background:var(--paper); font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif; }
button,input,textarea { font:inherit; }
.page { min-height:100vh; display:grid; grid-template-columns:1fr 1fr; }
.intro { min-height:100vh; display:flex; flex-direction:column; justify-content:space-between; padding:clamp(28px,5vw,72px); color:white; background:radial-gradient(circle at 85% 75%,rgba(66,211,158,.15),transparent 28%),linear-gradient(145deg,var(--deep),#12383b); }
.brand { display:inline-flex; align-items:center; gap:12px; width:fit-content; color:white; font-size:.95rem; font-weight:800; letter-spacing:.18em; text-decoration:none; }
.brand-mark { display:grid; place-items:center; width:36px; height:36px; color:var(--deep); background:var(--green); border-radius:50%; font-family:Georgia,serif; font-size:1.3rem; letter-spacing:0; }
.intro-content { max-width:620px; margin:80px 0; }
.eyebrow { margin:0 0 24px; color:var(--green); font-size:.76rem; font-weight:800; letter-spacing:.2em; text-transform:uppercase; }
h1 { margin:0 0 28px; font-family:Georgia,"Times New Roman",serif; font-size:clamp(4.5rem,9vw,8.5rem); font-weight:400; letter-spacing:-.06em; line-height:.9; }
.lead { max-width:500px; margin:0 0 42px; color:#c7d5d3; font-size:clamp(1.05rem,1.5vw,1.25rem); line-height:1.7; }
.email-link { color:var(--green); font-weight:750; text-underline-offset:6px; }
.copyright { margin:0; color:#91a8a6; font-size:.8rem; }
.form-panel { display:grid; place-items:center; padding:clamp(28px,6vw,90px); }
.contact-form { width:min(100%,560px); }
.form-heading { display:flex; align-items:center; gap:18px; margin-bottom:58px; }
.form-heading span { color:#168862; font-size:.72rem; font-weight:800; letter-spacing:.15em; }
.form-heading p { margin:0; font-family:Georgia,serif; font-size:clamp(1.8rem,3vw,2.5rem); }
label { display:block; margin:28px 0 7px; font-size:.72rem; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
input,textarea { display:block; width:100%; padding:13px 0; color:var(--ink); background:transparent; border:0; border-bottom:1px solid var(--line); border-radius:0; outline:none; resize:vertical; }
input:focus,textarea:focus { border-color:#168862; box-shadow:0 1px 0 #168862; }
button { width:100%; min-height:58px; display:flex; align-items:center; justify-content:space-between; margin-top:38px; padding:0 24px; color:white; background:var(--ink); border:0; border-radius:3px; font-weight:750; cursor:pointer; transition:transform .2s,background .2s; }
button:hover { transform:translateY(-2px); background:#1b4246; }
.form-note { margin:12px 0 0; color:var(--muted); font-size:.74rem; text-align:center; }
@media (max-width:760px) { .page{grid-template-columns:1fr}.intro{min-height:auto;padding:28px 24px 48px}.intro-content{margin:90px 0 80px}h1{font-size:clamp(4rem,22vw,6rem)}.form-panel{padding:65px 24px 75px}.form-heading{margin-bottom:42px} }
@media (prefers-reduced-motion:reduce) { *{transition-duration:.01ms!important} }