:root { --warm:#dcecf8; --cream:#fffdf9; --soft-white:#fffdf9; }
body { background:radial-gradient(circle at 8% 8%,rgba(77,130,196,.14),transparent 26rem),radial-gradient(circle at 92% 16%,rgba(128,97,178,.14),transparent 28rem),var(--cream); }
.contact-hero { position:relative; overflow:hidden; display:grid; grid-template-columns:1fr auto; gap:28px; align-items:center; width:min(calc(100% - 32px),var(--max)); margin:0 auto; padding:clamp(140px,18vw,210px) 0 72px; }.contact-hero h1 { max-width:760px; }.contact-hero p:not(.eyebrow) { max-width:660px; color:var(--muted); font-size:1.1rem; }.contact-orb { width:min(25vw,290px); opacity:.76; filter:saturate(1.28) drop-shadow(0 18px 28px rgba(74,44,121,.18)); }.contact-orb img { width:100%; }
.contact-layout { display:grid; grid-template-columns:.8fr 1.2fr; gap:30px; align-items:start; width:min(calc(100% - 32px),var(--max)); margin:0 auto; padding:56px 0 110px; }.contact-copy { padding:clamp(24px,4vw,42px); border-radius:30px; background:linear-gradient(145deg,rgba(232,245,255,.88),rgba(238,224,249,.82)); box-shadow:var(--shadow); }.contact-copy h2 { color:var(--purple-deep); }.contact-copy p { color:#4b3d5d; }.contact-copy ul { display:grid; gap:10px; padding-left:20px; color:#4b3d5d; font-weight:700; }.order-form { background:rgba(255,255,255,.86); }.eyebrow { color:var(--violet); }.button.primary { background:linear-gradient(135deg,#4a2c79,#315f9e); }
@media (max-width:760px) { .contact-hero { grid-template-columns:1fr; padding-top:120px; }.contact-orb { width:170px; justify-self:end; margin-top:-36px; }.contact-layout { grid-template-columns:1fr; padding-top:28px; } }