:root { --ink:#1b2430; --muted:#5d6b7a; --bg:#f5f6f8; --card:#fff; --accent:#e8590c; --line:#dde2e8; }
* { box-sizing: border-box; }
body { margin:0; font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif; color:var(--ink); background:var(--bg); }
.wrap { max-width:960px; margin:0 auto; padding:0 16px; }
.hero { background:var(--ink); color:#fff; padding:56px 0 40px; }
.hero h1 { margin:0 0 8px; font-size:clamp(1.8rem,5vw,2.8rem); }
.lead { font-size:1.2rem; opacity:.9; }
.meta { opacity:.7; font-size:.9rem; }
.btn { display:inline-block; background:var(--accent); color:#fff; border:0; border-radius:8px; padding:12px 20px; font:inherit; font-weight:600; text-decoration:none; cursor:pointer; }
.btn.ghost { background:transparent; border:2px solid #fff; padding:10px 18px; margin-left:8px; }
.btn:disabled { opacity:.6; }
section { padding:32px 0; }
h2 { margin:0 0 12px; } h3 { margin:20px 0 8px; color:var(--muted); text-transform:uppercase; font-size:.85rem; letter-spacing:.06em; }
.grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(220px,1fr)); gap:12px; }
.card { text-align:left; background:var(--card); border:2px solid var(--line); border-radius:10px; padding:14px; font:inherit; color:inherit; cursor:pointer; display:flex; flex-direction:column; gap:4px; }
.card:hover { border-color:var(--accent); } .card.active { border-color:var(--accent); background:#fff4ec; }
.card span { color:var(--muted); font-size:.9rem; } .card em { font-style:normal; font-weight:600; margin-top:auto; padding-top:6px; }
#scheduler { margin-top:32px; } .calendly-inline-widget { min-width:320px; height:700px; background:var(--card); border-radius:10px; }
.muted { color:var(--muted); } .pad { padding:20px; }
form { background:var(--card); border-radius:10px; padding:20px; display:grid; gap:14px; }
label { display:grid; gap:4px; font-weight:600; font-size:.9rem; }
input, select, textarea { font:inherit; padding:10px; border:1px solid var(--line); border-radius:6px; width:100%; }
.row { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
@media (max-width:600px) { .row { grid-template-columns:1fr; } .btn.ghost { margin:8px 0 0; } }
footer { padding:24px 0; color:var(--muted); font-size:.9rem; }
/* admin */
table { width:100%; border-collapse:collapse; background:var(--card); }
th, td { text-align:left; padding:10px; border-bottom:1px solid var(--line); vertical-align:top; font-size:.9rem; }
.thumbs img { height:60px; border-radius:4px; margin:2px; }
td form { padding:0; background:none; grid-template-columns:1fr; gap:6px; }
#calendly iframe { width:100%; height:700px; border:0; border-radius:10px; display:block; }
#details, #scheduler { margin-top:32px; }
#calendly { background:var(--card); border-radius:10px; min-height:120px; }
.btn.ghost-dark { background:transparent; color:var(--ink); border:2px solid var(--line); padding:10px 18px; }