/* Mestrel America brand tokens. base.css carries the layout; this file only sets the palette and a few flourishes. */
:root{--bg:#f8f7fb;--surface:#eeedf6;--card:#ffffff;--fg:#1c1a2e;--muted:#58546f;--line:#dcd9ea;--accent:#4c3fb5;--accent-hover:#3c3194;--accent-fg:#ffffff;--accent-soft:#e4e0f7;--hero-bg:linear-gradient(180deg,#eeedf6 0%,#f8f7fb 100%);--header-bg:rgba(248,247,251,.85);--footer-bg:#1c1a2e;--footer-fg:#e2dff0;--footer-line:#363254;--radius:14px;--radius-btn:12px;--font-display:'Sora',sans-serif;--font-body:'Lora',system-ui,sans-serif}

/* Flourishes */
.hero h1{letter-spacing:-.025em}
.hero .art{filter:drop-shadow(0 18px 34px rgba(76,63,181,.14))}
.eyebrow{letter-spacing:.12em}
.card .icon{width:56px;height:56px;padding:10px;background:var(--accent-soft);border-radius:12px}
.card{transition:border-color .15s ease,transform .15s ease}
.card:hover{border-color:var(--accent);transform:translateY(-2px)}
.step::before{background:var(--accent-soft);display:inline-block;padding:.1rem .6rem;border-radius:8px;font-size:1.1rem}
article.post .takeaways{border-left:4px solid var(--accent)}
article.post .takeaways h2{margin-top:0;font-size:1.25rem}
article.post .takeaways ul{margin:0}
.post-card .cover{border-bottom:1px solid var(--line)}
.site-footer .brand .mark rect:first-child{fill:var(--footer-fg)}
.site-footer .brand .mark rect:not(:first-child){fill:var(--footer-bg)}
.anchor-list{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 1.5rem;padding:0;list-style:none}
.anchor-list a{display:inline-block;background:var(--card);border:1px solid var(--line);border-radius:999px;padding:.35rem .85rem;font-size:.9rem;font-weight:600;color:var(--fg)}
.anchor-list a:hover{border-color:var(--accent);color:var(--accent);text-decoration:none}
.service-block{padding-block:40px;border-top:1px solid var(--line)}
.service-block .icon{width:56px;height:56px;padding:10px;background:var(--accent-soft);border-radius:12px;margin-bottom:.8rem}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;opacity:0}
.service-block:first-of-type{border-top:0}
.service-block .split{align-items:start}
.timeline{display:grid;gap:20px}
.phase{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:28px;display:grid;grid-template-columns:150px 1fr;gap:24px}
.phase .when{font-family:var(--font-display);font-weight:800;color:var(--accent);font-size:1.3rem;line-height:1.2}
.phase .when small{display:block;font-size:.8rem;color:var(--muted);font-weight:600;letter-spacing:.06em;text-transform:uppercase;margin-top:.3rem}
@media (max-width:640px){.phase{grid-template-columns:1fr}}
.tier{display:flex;flex-direction:column}
.tier .pill{align-self:flex-start;margin-bottom:.6rem}
.tier ul{padding-left:1.2em;margin:0 0 1em;color:var(--muted)}
.tier .btn{margin-top:auto;align-self:flex-start}
.contact-aside p{margin-bottom:.8em}
.legal-page h2{font-size:1.3rem;margin-top:2em}
.legal-page p,.legal-page li{color:var(--muted)}
.notfound{text-align:center;padding-block:clamp(64px,10vw,140px)}
.notfound .stat{font-size:5rem;margin-bottom:.4rem}