/* Crane & Mercer — demo identity. Dark / urgent / modern.
   Structurally the opposite of the Schwab demo: left wordmark in a dark bar,
   inline nav, oversized condensed display type, numbered blocks instead of
   sidebars, giant figures, sticky mobile action bar. */
:root{
	--cm-bg:#0C0C0F; --cm-bg2:#141419; --cm-bg3:#1C1C23;
	--cm-red:#A81C28; --cm-red-l:#C9323F;
	--cm-gold:#D6BE78; --cm-paper:#F4F4F6; --cm-mute:#9A9AA6;
	--cm-disp:'Archivo',Impact,sans-serif;
	--cm-sans:'Inter',-apple-system,Segoe UI,sans-serif;
	--cm-wrap:1200px;
}
*{box-sizing:border-box}
body.cm{margin:0;background:var(--cm-bg);color:var(--cm-paper);font-family:var(--cm-sans);font-size:17px;line-height:1.7;-webkit-font-smoothing:antialiased}
.cm img{max-width:100%;height:auto;display:block}
.cm a{text-decoration:none}
.cm a:not([class]){color:inherit}
.cm h1,.cm h2,.cm h3,.cm h4{font-family:var(--cm-disp);font-weight:800;line-height:1.02;margin:0;letter-spacing:-.02em}
.cm-wrap{max-width:var(--cm-wrap);margin:0 auto;padding:0 1.5rem}

.cm-demobar{display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap;background:#0B1320;color:#F3EDE1;padding:.5rem 1rem;font-size:.8rem}
.cm-demobar__back{color:#E6C778;font-weight:600}
.cm-demobar__label{opacity:.72}
.cm-demobar__cta{color:#0B1320;background:#E6C778;padding:.28rem .7rem;border-radius:4px;font-weight:700}

/* left-aligned dark header, sticky */
.cm-head{background:rgba(12,12,15,.96);backdrop-filter:blur(8px);border-bottom:1px solid rgba(255,255,255,.08);position:sticky;top:0;z-index:40}
.cm-head__in{display:flex;align-items:center;gap:2rem;padding-top:1rem;padding-bottom:1rem}
.cm-brand__name{font-family:var(--cm-disp);font-size:1.6rem;font-weight:800;letter-spacing:-.03em;color:#fff;display:block;line-height:1}
.cm-brand__amp{color:var(--cm-red-l);margin:0 .12em}
.cm-brand__sub{display:block;font-size:.6rem;letter-spacing:.34em;text-transform:uppercase;color:var(--cm-gold);margin-top:.3rem}
.cm-nav{display:flex;gap:.3rem;margin-left:auto;flex-wrap:wrap}
.cm-nav__a{position:relative;padding:.55rem .85rem;font-size:.78rem;font-weight:600;letter-spacing:.04em;color:var(--cm-mute);border-radius:3px;transition:color .18s,background .18s}
.cm-nav__a:hover{color:#fff;background:rgba(255,255,255,.06)}
.cm-nav__a.is-active{color:#fff}
.cm-nav__a.is-active::before{content:"";position:absolute;left:.85rem;right:.85rem;bottom:.15rem;height:2px;background:var(--cm-red-l)}
.cm-callbtn{background:var(--cm-red);color:#fff;font-weight:700;font-size:.85rem;padding:.6rem 1.1rem;border-radius:3px;white-space:nowrap}
.cm-callbtn:hover{background:var(--cm-red-l)}
@media(max-width:960px){.cm-callbtn{display:none}.cm-nav{margin-left:0;width:100%}}

.cm-flag{display:inline-block;font-size:.68rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--cm-gold);margin:0 0 1rem;border-left:3px solid var(--cm-red);padding-left:.7rem}
.cm-flag a{color:var(--cm-gold)}

.cm-hero{background-size:cover;background-position:center}
.cm-hero__in{padding-top:clamp(3.5rem,8vw,6rem);padding-bottom:clamp(3.5rem,8vw,6rem);max-width:47rem}
.cm-hero__h{font-size:clamp(2.1rem,4.3vw,3.4rem);color:#fff;margin:0 0 1.3rem;text-transform:uppercase;line-height:1.06}
.cm-hero__h em{font-style:normal;color:var(--cm-gold);display:block}
.cm-hero__p{font-size:1.08rem;color:#C9C9D2;max-width:33rem;margin:0 0 2rem}
.cm-hero__cta{display:flex;gap:.8rem;flex-wrap:wrap;margin-bottom:2rem}
.cm-trust{list-style:none;display:flex;gap:1.6rem;flex-wrap:wrap;margin:0;padding:0;font-size:.82rem;color:var(--cm-mute)}
.cm-trust li{position:relative;padding-left:1rem}
.cm-trust li::before{content:"";position:absolute;left:0;top:.62em;width:6px;height:6px;background:var(--cm-gold);transform:rotate(45deg)}

.cm-btn{display:inline-block;background:var(--cm-red);color:#fff;font-family:var(--cm-sans);font-weight:700;font-size:.92rem;padding:.95rem 1.7rem;border:2px solid var(--cm-red);border-radius:3px;cursor:pointer;transition:background .18s,border-color .18s}
.cm-btn:hover{background:var(--cm-red-l);border-color:var(--cm-red-l)}
.cm-btn--line{background:transparent;border-color:rgba(255,255,255,.35);color:#fff}
.cm-btn--line:hover{background:rgba(255,255,255,.1);border-color:#fff}
.cm-btn--lg{padding:1.1rem 2.2rem;font-size:1rem}
.cm-btn--sm{padding:.7rem 1.2rem;font-size:.84rem}

.cm-stats{background:var(--cm-bg3);border-top:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.07)}
.cm-stats__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:1.5rem;padding-top:2.2rem;padding-bottom:2.2rem}
.cm-stat{text-align:center}
.cm-stat__n{display:block;font-family:var(--cm-disp);font-size:clamp(2rem,4vw,2.9rem);font-weight:800;color:var(--cm-gold);line-height:1}
.cm-stat__l{display:block;font-size:.78rem;color:var(--cm-mute);margin-top:.45rem;letter-spacing:.04em}

.cm-sec{padding:clamp(3rem,6vw,5rem) 0}
.cm-sec--dark{background:var(--cm-bg2)}
.cm-sechead{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;margin-bottom:2.2rem;flex-wrap:wrap}
.cm-sechead h2{font-size:clamp(1.8rem,4vw,2.9rem);color:#fff;text-transform:uppercase}
.cm-textlink{color:var(--cm-gold);font-weight:700;font-size:.85rem;white-space:nowrap}
.cm-textlink:hover{color:#fff}

.cm-casegrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:1px;background:rgba(255,255,255,.09)}
.cm-case{background:var(--cm-bg);padding:1.8rem 1.5rem;transition:background .2s;position:relative}
.cm-case:hover{background:var(--cm-bg3)}
.cm-case__n{font-family:var(--cm-disp);font-size:.8rem;color:var(--cm-red-l);letter-spacing:.1em}
.cm-case h3{font-size:1.35rem;color:#fff;margin:.7rem 0 .6rem;text-transform:uppercase}
.cm-case p{font-size:.92rem;color:var(--cm-mute);margin:0}
.cm-case__go{display:inline-block;margin-top:1rem;color:var(--cm-gold);font-weight:700;font-size:.82rem}
.cm-casegrid--wide{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}

.cm-split{display:grid;grid-template-columns:1fr 1fr;align-items:stretch}
.cm-split__img{background-size:cover;background-position:center;min-height:420px}
.cm-split__copy{background:var(--cm-bg2);padding:clamp(2.2rem,4vw,3.6rem)}
.cm-split__copy h2{font-size:clamp(1.6rem,3vw,2.3rem);color:#fff;margin-bottom:1.4rem}
.cm-steps{list-style:none;counter-reset:s;margin:0 0 1.6rem;padding:0}
.cm-steps li{counter-increment:s;position:relative;padding-left:2.6rem;margin-bottom:1rem;font-size:.96rem;color:#C9C9D2}
.cm-steps li::before{content:counter(s);position:absolute;left:0;top:.05em;width:1.8rem;height:1.8rem;background:var(--cm-red);color:#fff;font-family:var(--cm-disp);font-size:.85rem;display:flex;align-items:center;justify-content:center;border-radius:2px}
.cm-steps strong{color:#fff}

.cm-resgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.6rem}
.cm-res{border-top:3px solid var(--cm-red);padding-top:1.1rem}
.cm-res__fig{display:block;font-family:var(--cm-disp);font-size:clamp(2.1rem,4.4vw,3rem);color:var(--cm-gold);line-height:1}
.cm-res__t{color:#fff;font-weight:700;margin:.6rem 0 .3rem;font-size:1rem}
.cm-res__d{font-size:.9rem;color:var(--cm-mute);margin:0}
.cm-note{font-size:.8rem;color:#7A7A86;margin-top:2rem;font-style:italic}

.cm-cta{background:linear-gradient(120deg,var(--cm-red) 0%,#6E1019 100%);padding:clamp(2.8rem,6vw,4.5rem) 0;text-align:center}
.cm-cta h2{font-size:clamp(1.9rem,4.4vw,3rem);color:#fff;text-transform:uppercase;margin-bottom:.7rem}
.cm-cta p{color:rgba(255,255,255,.85);margin:0 0 1.8rem}
.cm-cta .cm-btn{background:#fff;color:var(--cm-red);border-color:#fff}
.cm-cta .cm-btn:hover{background:var(--cm-gold);border-color:var(--cm-gold);color:#1A1A1F}

.cm-pagehead{background:var(--cm-bg2);border-bottom:1px solid rgba(255,255,255,.08);padding:clamp(2.6rem,5vw,4.2rem) 0}
.cm-pagehead h1{font-size:clamp(2.1rem,5vw,3.6rem);color:#fff;text-transform:uppercase;max-width:20ch}
.cm-pagehead__p{color:var(--cm-mute);max-width:50ch;margin:1rem 0 0;font-size:1.03rem}

.cm-longform{max-width:52rem}
.cm-block{display:grid;grid-template-columns:4rem 1fr;gap:1.5rem;padding:1.8rem 0;border-bottom:1px solid rgba(255,255,255,.08)}
.cm-block__n{font-family:var(--cm-disp);font-size:1.6rem;color:rgba(214,190,120,.5)}
.cm-block h2{font-size:1.5rem;color:#fff;margin-bottom:.6rem;text-transform:uppercase}
.cm-block p{margin:0;color:#C1C1CC;font-size:.99rem}

.cm-inlinecta{display:flex;align-items:center;justify-content:space-between;gap:2rem;flex-wrap:wrap;background:var(--cm-bg3);border-left:4px solid var(--cm-red);padding:1.6rem 1.8rem;margin-top:2.5rem}
.cm-inlinecta h3{font-size:1.3rem;color:#fff;margin-bottom:.3rem;text-transform:uppercase}
.cm-inlinecta p{margin:0;color:var(--cm-mute);font-size:.92rem}

.cm-related{margin-top:2.5rem}
.cm-related h3{font-size:1rem;color:var(--cm-mute);text-transform:uppercase;letter-spacing:.14em;margin-bottom:.9rem;font-family:var(--cm-sans);font-weight:700}
.cm-relrow{display:flex;gap:.7rem;flex-wrap:wrap}
.cm-relrow a{border:1px solid rgba(255,255,255,.16);padding:.55rem 1rem;border-radius:3px;font-size:.88rem;color:#D8D8E0}
.cm-relrow a:hover{border-color:var(--cm-gold);color:var(--cm-gold)}

.cm-reslist{display:grid;gap:0}
.cm-resrow{display:grid;grid-template-columns:180px 1fr;gap:2rem;align-items:start;padding:1.8rem 0;border-bottom:1px solid rgba(255,255,255,.08)}
.cm-resrow h3{font-size:1.3rem;color:#fff;margin-bottom:.45rem;text-transform:uppercase}
.cm-resrow p{margin:0;color:var(--cm-mute);font-size:.95rem}

.cm-team{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.8rem}
.cm-person{background:var(--cm-bg2);border-top:3px solid var(--cm-red)}
.cm-person img{width:100%;aspect-ratio:1/1;object-fit:cover}
.cm-person__body{padding:1.4rem 1.4rem 1.7rem}
.cm-person h2{font-size:1.5rem;color:#fff;text-transform:uppercase;margin-bottom:.2rem}
.cm-person__role{font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--cm-gold);margin:0 0 .9rem;font-weight:700}
.cm-person p{color:var(--cm-mute);font-size:.93rem;margin:0 0 .8rem}
.cm-person__focus{color:#D8D8E0!important;font-size:.82rem!important;border-top:1px solid rgba(255,255,255,.1);padding-top:.8rem;margin:0!important}

.cm-faqlist{max-width:52rem}
.cm-faq{border-bottom:1px solid rgba(255,255,255,.1);padding:1.1rem 0}
.cm-faq summary{cursor:pointer;font-family:var(--cm-disp);font-size:1.2rem;color:#fff;text-transform:uppercase;letter-spacing:-.01em}
.cm-faq summary::marker{color:var(--cm-red-l)}
.cm-faq p{margin:.8rem 0 0;color:var(--cm-mute);font-size:.96rem}

.cm-contact{display:grid;grid-template-columns:1.4fr 1fr;gap:3rem;align-items:start}
.cm-form{display:grid;gap:1.1rem}
.cm-f2{display:grid;grid-template-columns:1fr 1fr;gap:1.1rem}
.cm-field label{display:block;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--cm-mute);margin-bottom:.4rem;font-weight:700}
.cm-field input,.cm-field select,.cm-field textarea{width:100%;background:var(--cm-bg2);border:1px solid rgba(255,255,255,.14);color:#fff;padding:.8rem .9rem;font-family:var(--cm-sans);font-size:1rem;border-radius:3px}
.cm-field input:focus,.cm-field select:focus,.cm-field textarea:focus{outline:none;border-color:var(--cm-red-l)}
.cm-formnote{font-size:.78rem;color:#7A7A86;margin:0}
.cm-contactside{display:grid;gap:1.2rem}
.cm-cbox{background:var(--cm-bg2);border-left:3px solid var(--cm-gold);padding:1.2rem 1.3rem}
.cm-cbox h3{font-size:1.05rem;color:#fff;text-transform:uppercase;margin-bottom:.5rem}
.cm-cbox p{margin:0;color:var(--cm-mute);font-size:.92rem}
.cm-big{font-family:var(--cm-disp)!important;font-size:1.7rem!important;color:var(--cm-gold)!important;margin-bottom:.4rem!important}

.cm-foot{background:#08080A;border-top:1px solid rgba(255,255,255,.08)}
.cm-foot__grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:2.5rem;padding-top:3rem;padding-bottom:2.5rem}
.cm-brand__name--foot{margin-bottom:.8rem}
.cm-foot h4{color:#fff;font-size:.95rem;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.9rem}
.cm-foot ul{list-style:none;margin:0;padding:0}
.cm-foot li{margin-bottom:.5rem;font-size:.92rem}
.cm-foot a{color:var(--cm-mute)}
.cm-foot a:hover{color:var(--cm-gold)}
.cm-foot__p{color:var(--cm-mute);font-size:.9rem;margin:0 0 1.1rem}
.cm-foot__bar{border-top:1px solid rgba(255,255,255,.07);padding:1.1rem 0}
.cm-foot__bar p{margin:0;font-size:.78rem;color:#6E6E7A}
.cm-foot__bar a{color:var(--cm-gold);font-weight:600}

/* sticky mobile action bar — a PI-site convention */
.cm-sticky{display:none;position:fixed;left:0;right:0;bottom:0;z-index:60;background:rgba(12,12,15,.97);border-top:1px solid rgba(255,255,255,.12)}
.cm-sticky a{flex:1;text-align:center;padding:.95rem .5rem;font-weight:700;font-size:.9rem;color:#fff}
.cm-sticky__b{background:var(--cm-red)}
@media(max-width:760px){
	.cm-sticky{display:flex}
	body.cm{padding-bottom:3.4rem}
}

@media(max-width:960px){
	.cm-split{grid-template-columns:1fr}
	.cm-split__img{min-height:240px}
	.cm-contact{grid-template-columns:1fr;gap:2rem}
	.cm-foot__grid{grid-template-columns:1fr 1fr}
}
@media(max-width:620px){
	.cm-resrow{grid-template-columns:1fr;gap:.6rem}
	.cm-block{grid-template-columns:1fr;gap:.5rem}
	.cm-f2{grid-template-columns:1fr}
	.cm-foot__grid{grid-template-columns:1fr}
	.cm-nav__a{padding:.45rem .55rem;font-size:.74rem}
}