/* Wise Mango site-wide editorial system: sans headings, cream, pill nav, quiet tiles. */
@import url('https://fonts.googleapis.com/css2?family=Hanken+Grotesk:wght@400;500;600;700&family=Source+Serif+4:opsz,wght@8..60,400;8..60,600&display=swap');
:root{--p:#faf9f5;--i:#141413;--m:#6b6a64;--r:#e8e6dc;--t:#f0eee6;--gs:#efe6cf;--g:#a8842c;--sans:'Hanken Grotesk',system-ui,sans-serif;--serif:'Source Serif 4',Georgia,serif}
body{background:var(--p);color:var(--i);font-family:var(--sans)}
h1,h2,h3,h4,.brand,.case dt,.demo-tab,.footer .brand,.hero h1 em,.price strong,.route-card .wordmark{font-family:var(--sans)!important;font-weight:700;letter-spacing:-.012em}
.brand span:last-child{font:700 18px/1 var(--sans)}
.header{background:var(--p);border-bottom:0}
.header .nav{min-height:72px}
.nav-links a{font:500 13px/1 var(--sans);color:var(--i);background:var(--t);border:1px solid var(--r);border-radius:999px;padding:8px 14px;text-decoration:none}
.nav-links a.button{background:var(--i);color:#fff;border-color:var(--i)}
.button{border-radius:999px!important;font-family:var(--sans);font-weight:600}
.button.outline{background:var(--t)!important;border:1px solid var(--r)!important;color:var(--i)!important}
.eyebrow{font:600 13px/1.3 var(--sans)!important;letter-spacing:0!important;text-transform:none!important;color:var(--m)!important}
.reference-hero h1,.hero h1{font-size:clamp(44px,6.2vw,84px)!important;line-height:1.02!important;font-weight:700;letter-spacing:-.025em}
.reference-hero .lead,.hero .lead{font:400 19px/1.55 var(--sans);color:var(--m)}
.hero-pills span,.hero-pills a,.hero-pills li{background:var(--t);border:0;border-radius:999px;font:500 12px/1 var(--sans);color:var(--m)}
.section-head h2{font-size:clamp(30px,3.6vw,48px)!important;line-height:1.08}
.service-grid,.cases,.resource-grid{gap:16px!important;border:0!important}
.service,.case,.resource-card,.step,.route-card,.klype-card{background:var(--t)!important;border:0!important;border-radius:10px!important;box-shadow:none!important}
.service:nth-child(3n+2),.case:nth-child(2n){background:var(--gs)!important}
.service h3,.case h3,.resource-card h3,.step h3{font-size:22px!important;line-height:1.2}
.number{font:600 13px/1 var(--sans)!important;color:var(--g)!important}
.demo-frame,.demo-panel,.demo-tabs,.demo-tab{border-color:var(--r)!important;border-radius:0}
.demo-frame{border-radius:12px!important;overflow:hidden}
.demo-tab{font-size:20px!important}
.demo-result{background:var(--t)!important;border:0!important;border-radius:10px}
.reference-strip{background:var(--p)!important;border-color:var(--r)!important}
.section.dark,.dark{background:var(--i)!important;color:#ece9df}
.dark h2,.dark h3{color:#fff}
.faq details{border-top:1px solid var(--r);padding:18px 0}
.faq summary{font:600 18px/1.35 var(--sans)}
.cta,.lead-grid{background:var(--t);border-radius:12px}
input,textarea,select{border-radius:8px!important;border:1px solid var(--r)!important;background:#fff!important;font-family:var(--sans)}
.footer{background:var(--p);border-top:1px solid var(--r);font-family:var(--sans)}
.card{background:none!important;border:0!important;box-shadow:none!important}
.card .cover{border:0!important;padding:0!important;background:none!important;border-radius:8px;overflow:hidden}
.card h3{font:700 20px/1.25 var(--sans)!important}
.card .eyebrow{display:inline-block;background:var(--t);border-radius:999px;padding:5px 10px;font-size:12px!important}
:focus-visible{outline:2px solid var(--g);outline-offset:2px}
.dark .case,.dark .case h3,.dark .case p,.dark .case dt,.dark .case dd,.dark .case strong{color:var(--i)!important}
.dark .case .meta,.dark .case small,.dark .case span{color:var(--m)!important}

/* v3 alignment */
.nav{width:min(1104px,100% - 56px)!important}
@media(max-width:700px){.nav{width:calc(100% - 36px)!important}}
main.wrap{padding-left:0!important;padding-right:0!important}
.wm-logo{background:transparent!important}
.wm-logo img{mix-blend-mode:multiply}
.article-layout>*{min-width:0}
.article-copy table{display:block;overflow-x:auto;max-width:100%}
.article-copy pre,.article-copy code{white-space:pre-wrap;word-break:break-word}
