:root{--ink:#18304d;--muted:#5f7390;--line:rgba(104,151,197,.24);--gold:#c9922a;--bg:#edf5fb;
--digital:#5d78a8;--finances:#6f8f7a;--creative:#4a2a47;--works:#c9922a;--travel:#0a4f43;--photography:#3a3d42}
*{box-sizing:border-box}html,body{margin:0;min-height:100%}
body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:radial-gradient(circle at 20% 0,#fff 0,#eef5fb 40%,#dfeaf4 100%) fixed}
button{font:inherit;cursor:pointer}a{color:inherit}
.top{display:flex;align-items:center;justify-content:space-between;padding:18px clamp(16px,5vw,64px)}
.brand{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:.12em}.brand img{width:40px;height:40px;object-fit:contain}
.brand small{font-weight:600;letter-spacing:.14em;color:var(--muted);font-size:10px;border:1px solid var(--line);border-radius:99px;padding:3px 9px;margin-left:4px}
.pill{border:1px solid rgba(166,186,205,.5);background:rgba(255,255,255,.8);border-radius:11px;padding:9px 14px;font-weight:700;color:#19314e;box-shadow:0 5px 18px rgba(57,89,116,.08)}
.wrap{padding:8px clamp(16px,5vw,64px) 48px;max-width:1180px;margin:0 auto}
h1{font-size:clamp(1.6rem,3.4vw,2.3rem);margin:10px 0 4px}.sub{color:var(--muted);margin:0 0 22px}
.chip{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;letter-spacing:.06em;border-radius:99px;padding:4px 10px}
.ok{background:#e1f2e8;color:#23603f}.bad{background:#f8e3e3;color:#923a3a}.mute{background:#e8eef5;color:#5f7390}.gold{background:#f7ecd2;color:#8a6414}
.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%) translateY(20px);background:#18304d;color:#fff;padding:11px 18px;border-radius:12px;opacity:0;transition:.25s;pointer-events:none;font-size:14px;z-index:99}.toast.show{opacity:1;transform:translateX(-50%)}
.demo{background:#fff4d6;color:#7a5a10;font-size:12px;text-align:center;padding:6px}

/* package picker (assets/package-request.js) */
.pr-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}
.pr-card{position:relative;display:flex;gap:0;flex-direction:column;background:rgba(255,255,255,.86);border:2px solid var(--line,#d2dfe9);border-radius:18px;overflow:hidden;cursor:pointer}
.pr-card.on{border-color:#14213d;box-shadow:0 0 0 3px rgba(20,33,61,.12)}.pr-card.has{opacity:.7;cursor:default}
.pr-hd{height:76px;background:var(--c);display:flex;align-items:center;justify-content:center}.pr-hd img{width:40px;height:40px;object-fit:contain;filter:brightness(0) invert(1)}
.pr-bd{display:grid;gap:4px;padding:12px 14px 14px}.pr-bd b{font-size:1rem}.pr-bd span{color:#5b7088;font-size:.88rem;line-height:1.4}.pr-bd em{font-style:normal;font-size:.78rem;font-weight:700;color:#14213d}
.pr-card input[type=checkbox]{position:absolute;top:10px;right:10px;width:22px;height:22px;accent-color:#14213d}
.pr-sum{margin:18px 0 12px;display:grid;gap:4px}.pr-sum b{font-size:1.02rem}.pr-sum span{color:#5b7088;font-size:.88rem}
.pr-form{display:grid;gap:10px;max-width:520px;position:relative}.pr-form label{display:grid;gap:4px;font-size:.85rem;font-weight:600}
.pr-form input:not([type=checkbox]){padding:11px;border:1px solid #cfdbe5;border-radius:10px;font:inherit;font-weight:400}
.pr-form .btn{justify-self:start;cursor:pointer}.pr-form .btn:disabled{opacity:.45;cursor:not-allowed}.pr-err{color:#b3261e;font-size:.85rem;min-height:18px}
.pr-done{background:rgba(255,255,255,.86);border:1px solid #cfe3d6;border-radius:16px;padding:20px}.pr-done h3{margin:0 0 6px}