@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{font-family:'DM Sans',Arial,sans-serif;color:#111;background:#f5f4f0}
*{box-sizing:border-box}
body{margin:0;min-width:320px}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
button{cursor:pointer}
:focus-visible{outline:3px solid #a8db12;outline-offset:4px}
.shell{max-width:1360px;margin:auto;padding-left:5vw;padding-right:5vw}
.top{border-bottom:1px solid #d8d7d2}
.top-inner{height:82px;display:flex;align-items:center}
.brand{font-family:'Space Grotesk',Arial,sans-serif;font-weight:700;font-size:1.35rem;letter-spacing:-.07em}
.contact-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,570px);gap:clamp(50px,8vw,120px);padding-top:clamp(70px,9vw,145px);padding-bottom:clamp(100px,10vw,160px);align-items:start}
.eyebrow{display:flex;align-items:center;gap:12px;font-size:.78rem;font-weight:700;letter-spacing:.16em;margin:0 0 29px}
.eyebrow span{width:25px;height:2px;background:#c6fa32}
h1{font-family:'Space Grotesk',Arial,sans-serif;font-size:clamp(4.3rem,7vw,6.7rem);line-height:.91;letter-spacing:-.085em;margin:0}
h1 em{font-style:normal;background:#c6fa32;padding:0 .07em}
.intro>p:last-child{font-size:clamp(1.15rem,1.5vw,1.4rem);line-height:1.5;max-width:530px;margin:42px 0 0}
form{border-top:2px solid #111;padding-top:27px}
fieldset{margin:0;padding:0;border:0;min-width:0}
legend,.field label{display:block;font-family:'Space Grotesk',Arial,sans-serif;font-weight:700;font-size:clamp(1.1rem,1.45vw,1.4rem);letter-spacing:-.035em;margin:0 0 18px}
.method-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.method{position:relative;cursor:pointer;min-width:0}
.method input{position:absolute;opacity:0;width:1px;height:1px}
.method-body{min-height:112px;border:1px solid #c9c8c2;background:#fff;display:flex;flex-direction:column;justify-content:space-between;padding:16px;transition:background .18s,border-color .18s,transform .18s;position:relative;font-weight:700}
.method svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.method .check{position:absolute;top:12px;right:14px;opacity:0;font-size:17px}
.method input:checked+.method-body{border-color:#111;background:#c6fa32}
.method input:checked+.method-body .check{opacity:1}
.method input:focus-visible+.method-body{outline:3px solid #a8db12;outline-offset:3px}
@media(hover:hover) and (pointer:fine){.method:hover .method-body{border-color:#111;transform:translateY(-2px)}}
.field{margin-top:30px}
.field[hidden]{display:none}
.field label{margin-bottom:12px}
.field input{width:100%;height:59px;border:1px solid #c9c8c2;border-radius:0;background:#fff;color:#111;padding:0 16px;font-size:1rem;outline:none}
.field input:focus{border:2px solid #111;padding-left:15px}
.field input::placeholder{color:#878782}
.field input[aria-invalid=true]{border-color:#ad2929}
.form-note{color:#555;font-size:.79rem;line-height:1.5;margin:29px 0 16px}
.submit{width:100%;min-height:64px;background:#111;color:#fff;border:1px solid #111;display:flex;align-items:center;justify-content:space-between;padding:16px 22px;font-family:'Space Grotesk',Arial,sans-serif;font-weight:700;letter-spacing:.035em;transition:background .18s,color .18s}
.submit:hover{background:#c6fa32;color:#111}
.submit:disabled{opacity:.65;cursor:wait}
.error{color:#ad2929;font-size:.9rem;line-height:1.4;margin:14px 0 0}
.fallback{font-size:.9rem;line-height:1.5;margin:16px 0 0}.fallback a{text-decoration:underline;text-underline-offset:3px;font-weight:700}
.trap{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.foot{border-top:1px solid #d8d7d2;padding-top:26px;padding-bottom:32px;color:#777;font-size:.8rem}
.thanks{min-height:calc(100svh - 165px);padding-top:clamp(100px,15vw,190px);padding-bottom:100px}
.thanks h1{max-width:950px}
.thanks p{font-size:clamp(1.1rem,1.5vw,1.4rem);line-height:1.5;max-width:600px;margin:42px 0}
.back-home{display:inline-flex;align-items:center;min-height:56px;padding:0 25px;background:#111;color:#fff;font-weight:700}
.back-home:hover{background:#c6fa32;color:#111}
@media(max-width:800px){.contact-layout{grid-template-columns:1fr;gap:48px}.intro>p:last-child{margin-top:30px}.thanks{min-height:calc(100svh - 159px)}}
@media(max-width:480px){.shell{padding-left:22px;padding-right:22px}.top-inner{height:76px}.contact-layout{padding-top:64px;padding-bottom:90px;gap:45px}h1{font-size:clamp(4rem,18vw,5.6rem)}.method-grid{gap:6px}.method-body{min-height:98px;padding:12px 9px;font-size:.84rem}.method svg{width:24px;height:24px}.method .check{top:8px;right:8px}.field{margin-top:27px}}
