:root { --ink:#f3eee2; --muted:#b9b1a1; --line:#39352b; --gold:#caa35b; --gold-light:#f0d38b; --green:#2e7656; --mint:#dff3df; --cream:#11110f; }
* { box-sizing:border-box; }
body { margin:0; min-height:100vh; color:var(--ink); background:radial-gradient(circle at 18% 4%,#4a3a1d 0,transparent 30%),radial-gradient(circle at 90% 92%,#251e14 0,transparent 40%),var(--cream); font-family:Montserrat,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
.shell { width:min(100%,680px); min-height:100vh; margin:auto; padding:calc(48px + env(safe-area-inset-top)) 22px calc(40px + env(safe-area-inset-bottom)); display:flex; flex-direction:column; justify-content:center; }
.sparkway-logo { display:block; width:min(330px,86vw); height:auto; margin:0 0 28px; filter:brightness(1.7) contrast(.9); }.eyebrow { margin:0 0 7px; color:var(--gold); font-size:.7rem; font-weight:800; letter-spacing:.14em; }.shell h1 { margin:0; color:var(--gold-light); font-size:clamp(2.6rem,12vw,4.3rem); letter-spacing:-.065em; line-height:.95; }.intro { max-width:400px; margin:17px 0 37px; color:var(--muted); font-size:1rem; line-height:1.55; }
.tools { display:grid; gap:12px; }.tool-card { display:flex; align-items:center; gap:15px; min-height:135px; padding:19px; border:1px solid var(--line); border-radius:25px; text-decoration:none; color:inherit; box-shadow:0 13px 35px rgba(0,0,0,.18); }.tool-card.food { background:linear-gradient(130deg,#e8f8e6,#fff); color:#17241d; transition:transform .16s ease,box-shadow .16s ease; }.tool-card.food:hover { transform:translateY(-2px); box-shadow:0 17px 38px rgba(0,0,0,.25); }.tool-card.notes { background:linear-gradient(130deg,#f8df77,#fff1b5); color:#3b3213; }.tool-card.loans { background:linear-gradient(130deg,#f0a0ae,#ffd5da); color:#4f1d29; opacity:.88; }
.icon { display:grid; place-items:center; flex:0 0 53px; width:53px; height:53px; border-radius:18px; color:white; background:var(--green); font-size:1.5rem; font-weight:900; overflow:hidden; }.icon img { width:100%; height:100%; }.notes .icon { color:#705b0e; background:#f2c840; }.loans .icon { color:#fff; background:#bd4f65; }.tool-copy { min-width:0; flex:1; }.tool-copy small,.tool-copy strong,.tool-copy em { display:block; }.tool-copy small { color:var(--green); font-size:.62rem; font-weight:800; letter-spacing:.1em; }.notes .tool-copy small { color:#806611; }.loans .tool-copy small { color:#9a3b50; }.tool-copy strong { margin:3px 0; font-size:1.35rem; }.tool-copy em { color:var(--muted); font-size:.8rem; font-style:normal; line-height:1.35; }.notes .tool-copy em { color:#665b32; }.loans .tool-copy em { color:#714450; }.arrow,.soon { color:var(--green); font-size:1.5rem; font-weight:700; }.soon { padding:7px 9px; border-radius:9px; color:#806611; background:rgba(255,255,255,.45); font-size:.67rem; }.loans .soon { color:#9a3b50; }
.footer-note { margin:26px 4px 0; color:#948c7e; font-size:.76rem; line-height:1.45; }
@media (min-width:700px) { .tools { grid-template-columns:1fr 1fr; }.tool-card { align-items:flex-start; min-height:180px; flex-wrap:wrap; }.arrow,.soon { margin-left:auto; } }