:root { --paper:#f7f5fa; --bright:#fffefd; --ink:#211829; --muted:#6d6573; --line:#ded9e3; --acid:#38d39f; --purple:#713bd2; --purple-soft:#eee8f8; --mint:#e6f8f1; --sans:"Manrope",sans-serif; --mono:"DM Mono",monospace; }
* { box-sizing:border-box; }
body { margin:0; min-height:100vh; background:radial-gradient(circle at 8% 4%,rgba(113,59,210,.08),transparent 28%),radial-gradient(circle at 92% 22%,rgba(34,191,139,.08),transparent 24%),linear-gradient(180deg,#faf8fc,var(--paper)); color:var(--ink); font-family:var(--sans); -webkit-font-smoothing:antialiased; }
body::before { content:""; position:fixed; inset:0; pointer-events:none; opacity:.14; background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.92' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.1'/%3E%3C/svg%3E"); mix-blend-mode:multiply; }
a { color:inherit; }
button,input,select,textarea { font:inherit; }
.page-frame,.site-header { width:min(1320px,calc(100% - 64px)); margin-inline:auto; }
.site-header { height:88px; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; border-bottom:1px solid rgba(18,19,16,.2); }
.wordmark { width:fit-content; display:inline-flex; align-items:center; gap:9px; color:var(--ink); font-size:1.55rem; font-weight:700; letter-spacing:-.08em; line-height:1; text-decoration:none; }
.brand-symbol { display:block; width:36px; height:36px; flex:0 0 auto; }
.brand-symbol img { display:block; width:100%; height:100%; object-fit:contain; mix-blend-mode:multiply; }
.brand-name { color:var(--ink); }
.brand-name>span { color:var(--purple); }
.page-name,.header-link,.eyebrow,.form-head,.contact-form label>span,.form-footer p,.thanks-actions { font-family:var(--mono); }
.page-name { color:var(--muted); font-size:.64rem; letter-spacing:.08em; text-transform:uppercase; }
.header-link { justify-self:end; padding-bottom:4px; border-bottom:1px solid var(--ink); font-size:.64rem; text-decoration:none; text-transform:uppercase; }
.contact-shell { display:grid; grid-template-columns:.9fr 1.1fr; gap:clamp(50px,8vw,120px); padding-top:100px; padding-bottom:80px; }
.contact-intro { align-self:start; position:sticky; top:50px; }
.eyebrow { display:flex; align-items:center; gap:10px; margin:0 0 28px; color:var(--muted); font-size:.65rem; letter-spacing:.06em; text-transform:uppercase; }
.eyebrow i { width:8px; height:8px; border-radius:50%; background:var(--acid); box-shadow:0 0 0 4px rgba(56,211,159,.18); }
h1 { max-width:8.5ch; margin:0 0 34px; font-size:clamp(3.8rem,6.8vw,7.3rem); font-weight:500; letter-spacing:-.07em; line-height:.9; }
h1 em { display:block; color:transparent; font-style:normal; -webkit-text-stroke:1.4px var(--purple); }
.lede { max-width:580px; margin-bottom:34px; color:var(--muted); font-size:1rem; line-height:1.75; }
.contact-topics { display:flex; flex-wrap:wrap; gap:8px; max-width:520px; }
.contact-topics span { padding:8px 11px; border:1px solid var(--line); background:linear-gradient(135deg,var(--bright),var(--purple-soft)); color:var(--muted); font-size:.7rem; }
.contact-topics span:nth-child(even) { background:linear-gradient(135deg,var(--bright),var(--mint)); }
.form-panel { padding:34px; border:1px solid var(--ink); background:linear-gradient(145deg,var(--bright),#faf7fd); box-shadow:14px 14px 0 #ddd5ed; }
.form-head { display:flex; justify-content:space-between; padding-bottom:24px; border-bottom:1px solid var(--ink); color:var(--muted); font-size:.6rem; text-transform:uppercase; }
.form-head b { font-weight:400; }
.contact-form { display:grid; gap:28px; padding-top:34px; }
.field-row { display:grid; grid-template-columns:1fr 1fr; gap:22px; }
.contact-form label { display:grid; gap:10px; }
.contact-form label>span { color:var(--muted); font-size:.59rem; letter-spacing:.04em; text-transform:uppercase; }
.contact-form input,.contact-form select,.contact-form textarea { width:100%; padding:14px 0; border:0; border-bottom:1px solid var(--line); border-radius:0; outline:none; background:transparent; color:var(--ink); transition:border-color 180ms ease; }
.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus { border-color:var(--ink); }
.contact-form input::placeholder,.contact-form textarea::placeholder { color:#aaa9a2; }
.contact-form textarea { min-height:130px; resize:vertical; }
.form-footer { display:flex; align-items:end; justify-content:space-between; gap:30px; padding-top:6px; }
.form-footer p { max-width:320px; margin:0; color:#8b8c84; font-size:.53rem; line-height:1.55; }
.form-footer button { flex:0 0 auto; display:flex; justify-content:space-between; gap:50px; min-width:190px; padding:17px 18px; border:1px solid var(--ink); background:linear-gradient(120deg,#211829,#382346); color:white; cursor:pointer; font-size:.75rem; font-weight:600; }
.form-footer button span { color:var(--acid); }
.honey { position:absolute!important; left:-9999px!important; }
.thanks-page { background:radial-gradient(circle at 78% 10%,rgba(56,211,159,.2),transparent 28%),linear-gradient(120deg,#eee8f8 0%,#f8f5fb 48%,#e6f8f1 100%); }
.thanks-page .eyebrow i { background:var(--purple); box-shadow:0 0 0 4px rgba(113,59,210,.12); }
.thanks-shell { position:relative; display:flex; flex-direction:column; justify-content:center; min-height:calc(100vh - 88px); padding-top:70px; padding-bottom:70px; }
.thanks-shell h1 { max-width:10ch; font-size:clamp(4rem,9vw,9rem); }
.thanks-shell .lede { max-width:640px; color:#3f4139; font-size:1.08rem; }
.receipt-mark { position:absolute; right:3vw; top:5vh; display:grid; width:210px; height:210px; padding:12px; place-items:center; overflow:hidden; border:1px solid rgba(52,36,64,.14); background:rgba(255,255,255,.68); box-shadow:12px 12px 0 rgba(113,59,210,.08); opacity:.86; }
.receipt-mark img { width:100%; height:100%; display:block; object-fit:contain; mix-blend-mode:multiply; }
.thanks-actions { display:flex; gap:12px; margin-top:22px; }
.thanks-actions a { min-width:170px; padding:16px 18px; border:1px solid var(--ink); background:transparent; font-size:.62rem; text-decoration:none; text-transform:uppercase; }
.thanks-actions a:last-child { background:var(--ink); color:white; }
@media (max-width:900px) { .page-frame,.site-header{width:calc(100% - 32px)}.site-header{grid-template-columns:1fr auto}.page-name{display:none}.contact-shell{grid-template-columns:1fr;padding-top:70px}.contact-intro{position:static}.form-panel{box-shadow:8px 8px 0 #ddd5ed}.receipt-mark{position:static;width:120px;height:120px;margin-bottom:36px} }
@media (max-width:580px) { h1{font-size:clamp(3.6rem,17vw,5rem)}.form-panel{padding:24px}.field-row{grid-template-columns:1fr;gap:28px}.form-footer{align-items:stretch;flex-direction:column}.form-footer button{width:100%}.thanks-actions{flex-direction:column}.thanks-actions a{width:100%} }