@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;1,500&display=swap');
:root{--bg:#0c1420;--surface:#111d2b;--text:#e7edf7;--muted:#a3afbf;--faint:#78879c;--line:#26384a;--accent:#8abcf5;--sans:'DM Sans',sans-serif;--serif:'Playfair Display',serif;--mono:'DM Mono',monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.65 var(--sans)}a{color:inherit;text-decoration:none}.site-header{max-width:900px;margin:0 auto;height:76px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #26384a}.wordmark{font-size:12px;color:#c8d4e2}.site-header nav{display:flex;gap:24px;color:#94a2b4;font-size:11px}.site-header a:hover,.site-footer a:hover{color:var(--accent)}.menu-toggle{display:none}.home-wrap{max-width:900px;margin:0 auto}.hero{padding:94px 0 88px;max-width:670px}.eyebrow{font:9px var(--mono);letter-spacing:.14em;color:#97a8bf}.hero h1{font-size:clamp(47px,7vw,70px);line-height:1.06;letter-spacing:-.055em;font-weight:500;margin:19px 0}.hero h1 em,.about h2 em,.guide-hero h1 em{font:italic 500 1em var(--serif);color:var(--accent)}.hero-lede{max-width:570px;color:var(--muted);font-size:14px;line-height:1.85;margin:0}.scroll-link{display:inline-flex;gap:11px;align-items:center;margin-top:26px;font-size:11px;color:#d7e0eb}.scroll-link span{color:var(--accent)}.projects{padding:0 0 85px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:19px}.section-heading h2{font-size:18px;font-weight:500;margin:0}.section-heading>span{font:9px var(--mono);color:var(--faint)}.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.tool-card{background:var(--surface);border:1px solid var(--line);border-radius:7px;padding:19px 18px 15px;min-height:255px;display:flex;flex-direction:column;transition:border-color .2s,transform .2s,background .2s}.tool-card:hover{border-color:#385b7c;transform:translateY(-2px);background:#152235}.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.tool-icon{width:29px;height:29px;display:grid;place-items:center;border-radius:50%;background:#1b2c42;color:var(--accent);font-size:15px}.card-index{font:9px var(--mono);color:#77879b}.tool-card h3{font:500 19px var(--serif);margin:0 0 8px;letter-spacing:-.01em}.tool-card>p{font-size:11px;line-height:1.75;color:var(--muted);margin:0;min-height:60px}.feature-tags{display:flex;flex-wrap:wrap;gap:5px;margin:17px 0 15px}.feature-tags span{border:1px solid #33465c;border-radius:3px;padding:4px 7px;color:#a2afc0;font-size:8px;line-height:1.5}.card-actions{margin-top:auto;border-top:1px solid #27394e;padding-top:11px;display:flex;align-items:center;justify-content:space-between}.card-actions .card-link{border:0;padding:0;margin:0;display:flex;gap:7px;font-size:10px;color:#d6e1f0}.card-link span{color:var(--accent)}.guide-link{font-size:9px;color:#91a0b2}.guide-link:hover{color:var(--accent)}.about{border-top:1px solid #26384a;padding:37px 0 52px;display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center}.about h2{font:500 28px/1.15 var(--serif);letter-spacing:-.03em;margin:11px 0 0}.about h2 em{color:var(--accent)}.about>p{font-size:11px;line-height:1.85;color:var(--muted);margin:0}.site-footer{border-top:1px solid #26384a;padding:20px 0 28px;display:flex;gap:22px;align-items:center;color:#7c8ba0;font-size:9px}.site-footer>span:first-child{color:#c0ccda}.site-footer a{margin-left:auto;color:#aab0a6;font-size:9px}
/* Project guides */
.guide-shell{max-width:900px;margin:auto}.guide-hero{padding:46px 0 42px;border-bottom:1px solid #26384a;position:relative}.back-link{font:9px var(--mono);letter-spacing:.08em;color:#97a8bf;display:inline-block;margin-bottom:23px}.back-link:hover{color:var(--accent)}.guide-hero .eyebrow{margin:0}.guide-hero h1{font-size:clamp(41px,6vw,60px);line-height:1.08;letter-spacing:-.05em;font-weight:500;margin:14px 0}.guide-hero h1 em{font-family:var(--serif)}.guide-hero>p{max-width:620px;color:var(--muted);font-size:13px;line-height:1.85}.guide-actions{display:flex;gap:20px;align-items:center;margin-top:19px}.button{display:inline-flex;align-items:center;gap:12px;border:1px solid #4c594c;border-radius:4px;padding:10px 13px;font-size:10px;color:#e1e5dc}.button.primary{background:#c2dcae;border-color:#c2dcae;color:#172017}.button.primary:hover{background:#d0e8bc}.button.primary span{color:#355238}.text-link{font-size:10px;color:#b0bdcc}.text-link span{color:var(--accent);margin-left:4px}.guide-facts{display:flex;gap:27px;margin-top:29px}.guide-facts div{border-left:1px solid #32465e;padding-left:10px}.guide-facts span{display:block;font:8px var(--mono);letter-spacing:.08em;color:#91a0b2}.guide-facts b{display:block;font-size:10px;font-weight:500;margin-top:4px;color:#d2dfed}.guide-layout{display:grid;grid-template-columns:155px minmax(0,660px);gap:42px;padding:38px 0 65px}.guide-aside{align-self:start;position:sticky;top:20px;border-top:1px solid var(--line);padding-top:10px}.guide-aside small{font:8px var(--mono);letter-spacing:.1em;color:#737a70}.guide-aside a{display:block;padding:7px 0;border-bottom:1px solid #252825;color:#999f96;font-size:9px}.guide-aside a:hover{color:var(--accent)}.guide-main section{scroll-margin-top:20px;margin-bottom:37px}.guide-main .eyebrow{font-size:8px}.guide-main h2{font:500 25px var(--serif);margin:7px 0 10px}.guide-main h3{font-size:12px;font-weight:600;margin:19px 0 5px}.guide-main p{font-size:11px;line-height:1.85;color:var(--muted)}.guide-main ul,.guide-main ol{padding-left:18px;color:var(--muted);font-size:10px;line-height:1.85}.guide-main li{padding-left:3px;margin:4px 0}.guide-main li b{color:#d8ddd4}.callout,.guide-callout-safety{padding:13px 15px;background:#1b211d;border-left:2px solid #8dae7a;margin:16px 0;color:#b6c4d4;font-size:10px;line-height:1.8}.callout strong{color:#dae8fa}.guide-callout-safety{background:#252117;border-color:#c99e5e}.guide-callout-safety strong{color:#f0d39f}.steps{counter-reset:steps;list-style:none;padding:0!important}.steps li{counter-increment:steps;position:relative;padding:0 0 13px 35px;border-bottom:1px solid #28384c;margin-bottom:13px}.steps li:before{content:counter(steps,decimal-leading-zero);position:absolute;left:0;top:0;color:var(--accent);font:9px var(--mono)}.steps li b{display:block;margin-bottom:3px;color:#dce6f4}.guide-faq{border-top:1px solid var(--line);padding-top:15px}.guide-faq h3{margin-top:15px}.guide-faq p{margin:4px 0}.guide-end{border:1px solid var(--line);border-radius:5px;padding:17px;display:flex;justify-content:space-between;align-items:center;gap:15px}.guide-end b{font:500 15px var(--serif)}.guide-end span{font-size:9px;color:var(--muted)}.guide-end a{font-size:9px;border:1px solid #53624f;padding:9px 11px;border-radius:4px;white-space:nowrap}.guide-end a:hover{border-color:var(--accent)}.guide-end a span{color:var(--accent);margin-left:5px}.detail-footer{max-width:900px;margin:auto;padding:17px 0 25px;border-top:1px solid #26384a;display:flex;justify-content:space-between;color:#7c8ba0;font:9px var(--mono)}.detail-footer a{color:#bbc1b6}.detail-footer a:hover{color:var(--accent)}
@media(max-width:960px){.site-header,.home-wrap,.guide-shell,.detail-footer{margin-left:28px;margin-right:28px}.tool-grid{grid-template-columns:1fr;max-width:620px}.tool-card{min-height:0}.tool-card>p{min-height:0}.feature-tags{margin:13px 0}.about{max-width:700px}.guide-layout{grid-template-columns:140px 1fr;gap:30px}}
@media(max-width:600px){.site-header,.home-wrap,.guide-shell,.detail-footer{margin-left:19px;margin-right:19px}.site-header{height:64px}.site-header nav{gap:16px}.hero{padding:67px 0 65px}.hero h1{font-size:52px}.hero-lede{font-size:12px}.projects{padding-bottom:57px}.section-heading h2{font-size:16px}.tool-grid{gap:10px}.tool-card{padding:17px 16px 14px}.about{grid-template-columns:1fr;gap:13px;padding:28px 0 39px}.about h2{font-size:25px}.site-footer{flex-wrap:wrap;gap:10px}.site-footer>span:nth-child(2){width:100%;order:3}.site-footer a{margin-left:auto}.guide-hero{padding:32px 0}.guide-hero h1{font-size:43px}.guide-hero>p{font-size:12px}.guide-facts{gap:14px;flex-wrap:wrap}.guide-facts div{min-width:40%}.guide-layout{display:block;padding:26px 0 45px}.guide-aside{position:static;display:flex;gap:12px;overflow:auto;margin-bottom:28px;padding-bottom:5px}.guide-aside small{display:none}.guide-aside a{white-space:nowrap}.guide-main h2{font-size:23px}.guide-end{align-items:flex-start;flex-direction:column}.detail-footer{gap:12px;flex-wrap:wrap}.detail-footer span{width:100%;order:3}}
/* Brighter palette and larger type for easier reading */
:root{--bg:#f3f7fc;--surface:#ffffff;--text:#172b45;--muted:#4e6279;--faint:#70829a;--line:#d8e3ef;--accent:#2677d5}
body{font-size:16px;color:var(--text)}
.site-header,.detail-footer{border-color:#d8e3ef}
.site-header .wordmark,.detail-footer a{color:#1a385c}
.site-header nav{color:#526a83}
.hero{padding-top:98px;padding-bottom:91px}
.hero .eyebrow,.guide-hero .eyebrow,.guide-main .eyebrow{color:#3477bb}
.hero h1{font-size:clamp(52px,7vw,76px)}
.hero-lede{font-size:16px;color:#4e6279}
.scroll-link{font-size:13px;color:#315273}
.section-heading h2{font-size:21px}
.tool-card{background:#fff;border-color:#d5e1ee;box-shadow:0 5px 20px #1c47700a}
.tool-card:hover{border-color:#8eb7e4;background:#fff;box-shadow:0 12px 28px #1c477015}
.tool-icon{background:#e7f1fc;color:#2677d5}
.tool-card h3{font-size:22px;color:#172b45}
.tool-card>p{font-size:13px;line-height:1.8;color:#50647c;min-height:72px}
.feature-tags span{border-color:#d6e2ef;color:#536c87;background:#f7faff;font-size:9px}
.card-actions{border-color:#e2eaf2}
.card-actions .card-link{font-size:12px;color:#254b75}
.guide-link{font-size:11px;color:#5e7894}
.about{border-color:#d8e3ef}
.about h2{color:#172b45}
.about>p{font-size:13px;color:#50647c}
.site-footer{border-color:#d8e3ef;color:#62768d;font-size:11px}
.site-footer>span:first-child{color:#294c72}
.site-footer a{color:#42678e;font-size:11px}
/* Guide typography and contrast */
.guide-hero{border-color:#d8e3ef}
.back-link{color:#58728d}
.guide-hero h1{font-size:clamp(45px,6vw,64px);color:#172b45}
.guide-hero>p{font-size:15px;color:#50647c;line-height:1.85}
.button{font-size:12px;color:#29486b;border-color:#b8cee5}
.button.primary{background:#2879d2;border-color:#2879d2;color:#fff}
.text-link{font-size:12px;color:#526d8b}
.guide-facts span{color:#617b96}
.guide-facts b{font-size:12px;color:#29486b}
.guide-aside{border-color:#d8e3ef}
.guide-aside small{color:#617b96}
.guide-aside a{border-color:#e3eaf2;color:#526a83;font-size:11px}
.guide-main h2{font-size:29px;color:#1b3553}
.guide-main h3{font-size:14px;color:#294765}
.guide-main p{font-size:14px;line-height:1.9;color:#4d6279}
.guide-main ul,.guide-main ol{font-size:13px;line-height:1.9;color:#4d6279}
.guide-main li b{color:#213d5e}
.steps li b{color:#213d5e}
.guide-main section{margin-bottom:42px}
.steps li{border-color:#e0e8f0}
.guide-faq{border-color:#d8e3ef}
.callout{background:#eaf3fc;border-color:#4187d0;color:#405a76;font-size:13px}
.callout strong{color:#214e81}
.guide-callout-safety{background:#fff5e7;border-color:#d69a40;color:#725324}
.guide-callout-safety strong{color:#735019}
.guide-end{border-color:#d6e2ef;background:#fff;box-shadow:0 5px 18px #1c47700a}
.guide-end b{font-size:18px;color:#1b3553}
.guide-end span{font-size:11px;color:#60758c}
.guide-end a{font-size:11px;background:#2879d2;border-color:#2879d2;color:#fff}
.guide-end a span{color:#ddecff}
.detail-footer{color:#62768d;font-size:10px}
@media(max-width:600px){.hero{padding-top:68px;padding-bottom:61px}.hero h1{font-size:51px}.hero-lede{font-size:15px}.tool-card h3{font-size:21px}.tool-card>p{font-size:13px}.guide-hero h1{font-size:43px}.guide-hero>p{font-size:14px}.guide-main h2{font-size:26px}.guide-main p{font-size:13px}.guide-main ul,.guide-main ol{font-size:12px}}
/* Make the how-to guides the clearest action on each app card */
.card-actions{display:flex;flex-direction:column;align-items:stretch;gap:10px;border-top:1px solid #e2eaf2;padding-top:13px}
.card-actions .guide-link{display:flex;justify-content:space-between;align-items:center;width:100%;padding:10px 12px;border-radius:5px;background:#2879d2;color:#fff;font-size:12px;font-weight:600;transition:background .15s,transform .15s}
.card-actions .guide-link:hover{background:#1e68bc;transform:translateY(-1px)}
.card-actions .guide-link span{font-size:15px;color:#e4f0ff}
.card-actions .card-link{align-self:flex-start;border:0;padding:0;margin:0;display:flex;gap:6px;font-size:10px;color:#58728d}
.card-actions .card-link span{color:#2879d2}
/* Give the direct app link the same prominent, easy-to-tap treatment */
.card-actions .card-link{align-self:stretch;display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:42px;padding:9px 12px;border:1px solid #b9d3ef;border-radius:5px;background:#edf5ff;color:#245b96;font-size:12px;font-weight:600}
.card-actions .card-link:hover{border-color:#7faee0;background:#e3f0ff}
.card-actions .card-link span{color:#2879d2;font-size:14px}