/* Healthy With Maddy Jay — bright wellness look, light only.
   Frosted-glass panels sit over soft aloe-green light and aloe leaf art. */
:root{
  color-scheme:light;
  --bg:#FFFFFF;
  --mint:#E4F4EA; --mint-2:#F2FAF4; --dew:#EAF7F3;
  --ink:#16261D; --muted:#58695F; --line:rgba(30,91,60,.14);
  --leaf:#2F7D52; --leaf-deep:#1D5A3A; --leaf-light:#8ED1A8;
  --bloom:#F2A94E; --bloom-soft:#FFF1DE;
  --err:#B23A2E; --ok:#2F7D52;
  --glass:rgba(255,255,255,.58); --glass-strong:rgba(255,255,255,.78);
  --glass-edge:rgba(255,255,255,.85); --glass-shadow:0 1px 0 rgba(255,255,255,.9) inset, 0 20px 50px -22px rgba(29,90,58,.28), 0 2px 8px rgba(29,90,58,.06);
  --display:"Bricolage Grotesque", "Avenir Next", system-ui, sans-serif;
  --body:"Source Sans 3", system-ui, -apple-system, "Segoe UI", sans-serif;
  --radius:22px;
  --paper:#FFFFFF; --chip:var(--mint); --leaf-2:var(--leaf); --sun:var(--bloom); --sun-ink:#4A2E05;
}
*{box-sizing:border-box}
[hidden]{display:none!important}
img{max-width:100%}
html{scroll-behavior:smooth;background:var(--bg);overflow-x:clip}
body{overflow-x:clip}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
body{margin:0;min-height:100vh;color:var(--ink);font:17px/1.6 var(--body);padding-inline:16px;
  background:
    radial-gradient(55% 45% at 88% 4%, var(--mint) 0%, transparent 70%),
    radial-gradient(45% 40% at 4% 22%, var(--dew) 0%, transparent 70%),
    radial-gradient(40% 35% at 70% 78%, var(--mint-2) 0%, transparent 70%),
    var(--bg);
  background-attachment:fixed}
.wrap{max-width:1080px;margin:0 auto;position:relative}
a{color:var(--leaf-deep)}
h1,h2,h3{font-family:var(--display);line-height:1.06;text-wrap:balance;margin:0;color:var(--ink)}
h1{font-size:clamp(38px,6.4vw,68px);font-weight:700;letter-spacing:-.025em}
h2{font-size:clamp(28px,4vw,40px);font-weight:700;letter-spacing:-.015em;margin-bottom:10px}
h3{font-size:21px;font-weight:600}
p{margin:0 0 12px;max-width:62ch}
.muted{color:var(--muted)}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font:700 13px/1 var(--body);letter-spacing:.12em;text-transform:uppercase;color:var(--leaf)}

/* Glass */
.glass,.card{background:var(--glass);border:1px solid var(--glass-edge);border-radius:var(--radius);
  box-shadow:var(--glass-shadow);-webkit-backdrop-filter:blur(22px) saturate(170%);backdrop-filter:blur(22px) saturate(170%)}
.pill-glass{background:var(--glass-strong);border:1px solid var(--glass-edge);border-radius:999px;box-shadow:var(--glass-shadow);
  -webkit-backdrop-filter:blur(16px) saturate(170%);backdrop-filter:blur(16px) saturate(170%)}

.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:18px;flex-wrap:wrap}
.mark{font:700 20px/1 var(--display);color:var(--ink);text-decoration:none;display:flex;align-items:center;gap:.28em}
.mark .mj{color:var(--leaf)}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font:700 16.5px/1 var(--body);padding:16px 24px;border-radius:999px;text-decoration:none;cursor:pointer;border:1px solid transparent;transition:transform .15s ease, box-shadow .15s ease}
.btn.primary{color:#fff;background:linear-gradient(180deg,#3E9A66 0%,var(--leaf) 55%,var(--leaf-deep) 100%);
  box-shadow:0 1px 0 rgba(255,255,255,.45) inset, 0 10px 24px -10px rgba(29,90,58,.6)}
.btn.primary:hover{transform:translateY(-1px);box-shadow:0 1px 0 rgba(255,255,255,.45) inset, 0 14px 28px -10px rgba(29,90,58,.65)}
.btn.ghost{color:var(--leaf-deep);background:var(--glass-strong);border-color:var(--glass-edge);box-shadow:var(--glass-shadow)}
.btn:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--bloom);outline-offset:2px}
.btn[disabled]{opacity:.6;cursor:default;transform:none}

section{padding-block:56px}
.photo-slot{border:2px dashed rgba(47,125,82,.3);border-radius:var(--radius);display:grid;place-items:center;text-align:center;color:var(--muted);font-size:14px;padding:16px;background:rgba(255,255,255,.5)}

.field{display:grid;gap:6px}
.field label,.legend{font-weight:700;font-size:15px}
input[type=text],input[type=email],input[type=tel],textarea,select{font:inherit;color:var(--ink);background:rgba(255,255,255,.85);border:1px solid rgba(30,91,60,.18);border-radius:14px;padding:13px 15px;width:100%}
textarea{min-height:96px;resize:vertical}
.check{display:flex;gap:10px;align-items:flex-start;font-size:14.5px;color:var(--muted)}
.check input{width:18px;height:18px;margin-top:3px;accent-color:var(--leaf);flex:none}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.form-msg{font-weight:600;font-size:15px;min-height:1.4em;margin:10px 0 0}
.form-msg.err{color:var(--err)}
.form-msg.ok{color:var(--ok)}

.fine{font-size:13.5px;color:var(--muted);max-width:none}
footer{border-top:1px solid var(--line);padding-block:28px 40px}