/* Marketing presentation layer: original ComplyBase design, September 2026. */
:root{--ink:#12243b;--navy:#091a30;--muted:#52646b;--paper:#fff;--line:#dce5eb;--gold:#d3b16b;--green:#296552;--accent:#82662d}
body{background:#fff;color:var(--ink)}
.nav{background:#fff;color:var(--ink);border-bottom:1px solid #e0e7ec;box-shadow:0 2px 18px #12243b05}
.nav-inner{height:86px;gap:20px}.brand{font-family:Arial,Helvetica,sans-serif;font-size:27px;font-weight:750;letter-spacing:-1.3px}.nav .brand span{color:var(--accent);font-weight:500}.nav .links{gap:18px}.nav .links>a,.nav-group summary,.nav .login{font-size:13px}.nav .login{white-space:nowrap;color:#52657a}.nav .nav-demo{background:var(--accent);border-color:var(--accent);color:#fff;white-space:nowrap;min-height:43px}.nav .nav-demo:hover{background:#a17d3c}.nav-panel{background:#fff;border:1px solid var(--line);box-shadow:0 18px 45px #132c4920;border-radius:10px}.nav .nav-panel a{color:var(--ink);border-color:var(--line)}.nav-panel small{color:var(--muted)}.nav-panel p,.nav-group summary:after,.nav-group[open] summary,.nav-group summary.current{color:#82662d}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #a07621;outline-offset:5px}
.announcement{background:#091a30;color:#fff;font-size:12px}.announcement .wrap{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-block:12px}.announcement span{letter-spacing:1.2px;font-size:10px;font-weight:700}.announcement a{text-decoration:none;color:#e5d3a1}.announcement a:hover{text-decoration:underline}
.hero{padding:86px 0 64px;background:radial-gradient(ellipse at 90% 0%,#ede7da 0,transparent 56%),#f4f7fa;color:var(--ink)}.hero-grid{grid-template-columns:1fr 1.06fr;gap:55px}.hero h1{font-size:clamp(40px,4.1vw,61px);font-weight:700;line-height:1.09;letter-spacing:-2.1px;margin:23px 0}.hero h1 span{color:var(--accent)}.hero .eyebrow{color:#456078}.hero .lede{font-size:18px;color:#52657a;line-height:1.75;max-width:500px}.hero .button{background:var(--accent);border-color:var(--accent);color:white;min-height:50px;padding:13px 23px}.hero .button:hover{background:#a17d3c}.hero .text-link{color:var(--ink);font-weight:600}.hero-note{color:#52657a;font-size:12px}.hero .product-wrap:before{background:#e6dfd0;border:0;inset:0 -15px 35px 22px;border-radius:28px;transform:rotate(3deg)}.hero .product{position:relative;box-shadow:0 25px 65px #173a5228;border-color:#34516b}.hero .illustration-label{color:#52646b;font-size:11px}.cb-hero-proof{border-color:#dce1e5;background:transparent;color:var(--ink)}.cb-hero-proof p,.cb-hero-proof small{color:#52657a}.cb-hero-proof>span{color:#82662d}
h2,.section h2,.cb-copy h2{font-size:clamp(29px,3.1vw,43px);line-height:1.16;font-weight:650;letter-spacing:-1.35px}.section{padding:80px 0}.eyebrow{color:#82662d;letter-spacing:1.7px;font-size:11px}.subhead{max-width:780px;margin-bottom:36px}.subhead p{font-size:17px;line-height:1.75}.audience{background:white;padding:29px 0;border-color:#e1e7ed}.audience span{font-family:Arial,Helvetica,sans-serif;font-size:16px;font-weight:600;color:#3c526a}.audience small{font-size:10px;color:#607187}
.cb-showcase{background:#fff}.cb-split{gap:70px}.cb-copy p{font-size:17px;line-height:1.8}.cb-screen{box-shadow:0 20px 50px #12243b10}.product-paths{gap:24px}.capability{padding:28px;border:1px solid #dce5eb;border-radius:12px;box-shadow:0 8px 30px #132d4905}.capability h3{font-size:23px;font-weight:600}.capability p{font-size:15px;line-height:1.8}.path-preview{border-radius:7px;background:#091a30;color:#f1f4f8;border-color:#34465b}.path-preview span{color:#f1f4f8}.path-preview b{color:#dfc58e;font-weight:600}.text-link{font-size:14px;font-weight:600}.firm-card{border-radius:10px}.firm-card:hover{border-color:#82662d;box-shadow:0 12px 26px #12243b10}.firm-number,.firm-link{color:#82662d}
.decision-section{padding:76px 0;background:#091a30;color:white}.decision-heading{display:grid;grid-template-columns:1.15fr 1fr;gap:90px;align-items:center}.decision-heading h2{color:white}.decision-heading .eyebrow{color:#d3b16b}.decision-heading p{color:#cad7e5;font-size:17px}.decision-heading .text-link{color:#e5d3a1}.decision-steps{list-style:none;margin:35px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:30px;border-top:1px solid #3c546d}.decision-steps li{padding-top:28px}.decision-steps li>span{color:#d3b16b;font-size:11px;font-weight:700;letter-spacing:1.5px}.decision-steps h3{font-size:20px;font-weight:500;line-height:1.35}.decision-steps p{font-size:14px;line-height:1.8;color:#c2d1df}
.resource-section{background:#f3f6f9}.resource-heading{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:28px}.resource-heading>p{max-width:355px}.resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.resource-card{display:flex;flex-direction:column;background:white;border:1px solid #dce5eb;border-radius:12px;overflow:hidden;text-decoration:none;transition:transform .18s,box-shadow .18s}.resource-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px #12243b12}.resource-kind{padding:24px 25px 0;font-size:10px;letter-spacing:1.4px;color:#82662d;font-weight:700}.resource-card h3{padding:0 25px;font-size:23px;margin:14px 0}.resource-card p{padding:0 25px;font-size:15px}.resource-link{padding:10px 25px 25px;margin-top:auto;font-size:13px;font-weight:600;color:#086b60}.resource-art{height:150px;background:#ece7db;display:flex;align-items:center;justify-content:center;gap:12px}.art-model{align-items:end;padding:32px}.art-model i{width:28px;height:40%;background:#b79b65;border-radius:4px 4px 0 0}.art-model i:nth-child(2){height:65%;background:#65758b}.art-model i:nth-child(3){height:85%;background:#142a40}.art-model i:nth-child(4){height:100%;background:#82662d}.art-flow{background:#e9eef8;color:#315276}.art-flow i{font-style:normal;padding:13px;border:1px solid #aebfd3;border-radius:8px;background:white}.art-flow b{font-weight:400}.art-record{background:#efe9dc;flex-direction:column;gap:10px}.art-record i{display:block;width:110px;height:11px;background:#b79b65;border-radius:3px}.art-record i:nth-child(2){width:85px}.art-record i:nth-child(3){width:60px}
.closing{padding:70px 0;background:#091a30}.closing .eyebrow{color:#d3b16b}.closing h2{font-size:clamp(30px,3.1vw,43px)}.button.gold{background:#d3b16b;border-color:#d3b16b;color:#091a30}.footer{background:#081d35}.footer .brand span{color:#d3b16b}.footer a:not(.brand){font-size:13px}.footer p{font-size:13px}.pagehero{background-image:none;background-color:#091a30}.pagehero h1{font-family:Arial,Helvetica,sans-serif;font-weight:650}
@media(max-width:1150px){.nav .links{gap:11px}.nav .login{display:none}.hero-grid{gap:30px}.cb-split{gap:35px}}
@media(max-width:950px){.nav-inner{height:70px}.nav .menu{color:var(--ink);border-color:#b8c8d4;border-radius:5px}.nav .links{top:70px;background:#fff;color:var(--ink)}.nav .links.open .nav-mobile-cta{color:#82662d;border-color:#dce5eb}.nav-inner>.nav-demo{display:none}.hero-grid{grid-template-columns:1fr}.hero{padding:55px 0}.hero .lede{max-width:620px}.hero .product-wrap{max-width:660px;width:100%;margin:auto}.hero h1{font-size:48px}.decision-heading{gap:35px}.decision-steps{grid-template-columns:repeat(2,1fr)}.resource-heading{align-items:start;flex-direction:column;gap:5px}.resource-heading>p{max-width:600px}.resource-grid{gap:16px}.resource-card h3{font-size:20px}}
@media(max-width:650px){.wrap{width:calc(100% - 40px)}.announcement .wrap{justify-content:center}.announcement .wrap>span{display:none}.hero h1{font-size:39px;letter-spacing:-1.4px}.hero .lede{font-size:16px}.hero{padding:38px 0}.section{padding:52px 0}.hero .product-wrap:before{inset:0 0 35px 10px;transform:none}.decision-section{padding:50px 0}.decision-heading{grid-template-columns:1fr;gap:8px}.decision-steps{gap:18px}.decision-steps h3{font-size:18px}.resource-grid{grid-template-columns:1fr}.resource-art{height:135px}.resource-heading h2{font-size:30px}.closing{padding:48px 0}.audience span{font-size:14px}.resource-card h3{font-size:23px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.resource-card{transition:none}.resource-card:hover{transform:none}}

/* Ensure specialised page intros retain accessible contrast. */
body .pagehero{background-image:none;background-color:#091a30;color:#fff}body .pagehero h1{color:#fff}body .pagehero p{color:#cbd8e5}body .pagehero .eyebrow{color:#d3b16b}

/* Preserve the established ComplyBase navy, gold and warm-white palette. */
:root{--navy:#091a30;--ink:#12243b;--paper:#f8f8f5;--gold:#d3b16b;--line:#dce1e5}
body{background:var(--paper)}
.nav{background:#08182b;color:#fff;border-color:#314054}.nav .brand span{color:#d3b16b}.nav .login{color:#cbd8e5}.nav .nav-demo,.hero .button{background:#d3b16b;border-color:#d3b16b;color:#091a30}.nav .nav-demo:hover,.hero .button:hover{background:#e6cb8d}
.nav-panel{background:#10233a;border-color:#3a4d62}.nav .nav-panel a{color:white;border-color:#ffffff16}.nav-panel small{color:#b8c5d3}.nav-panel p,.nav-group summary:after,.nav-group[open] summary,.nav-group summary.current{color:#d3b16b}
.hero{background:radial-gradient(ellipse at 90% 0%,#19334e 0,transparent 60%),#091a30;color:white}.hero h1 span{color:#dfc58e}.hero .eyebrow{color:#d3b16b}.hero .lede,.hero-note{color:#d0d9e5}.hero .text-link{color:#e2e8f0}.hero .product-wrap:before{background:#d3b16b0d;border:1px solid #d3b16b44}.hero .illustration-label{color:#c1cddd}.hero .cb-hero-proof{border-color:#526174}.hero .cb-hero-proof p,.hero .cb-hero-proof small{color:#c1cddd}.hero .cb-hero-proof>span{color:#d3b16b}
.buyer-context{background:#f8f8f5}.buyer-context details{border-top:1px solid #cbd3db;padding:22px 0}.buyer-context details:last-child{border-bottom:1px solid #cbd3db}.buyer-context summary{cursor:pointer;font-size:19px;font-weight:600;line-height:1.5}.buyer-context details p{max-width:850px;margin:18px 0 0;font-size:16px;line-height:1.8}.buyer-context details a{color:#725a29;text-underline-offset:4px}
@media(max-width:950px){.nav .menu{color:white;border-color:#526174}.nav .links{background:#08182b;color:white}.nav .links.open .nav-mobile-cta{color:#d3b16b;border-color:#435266}}
/* Original ComplyBase wordmark; typography elsewhere remains unchanged. */
.brand{font-family:Georgia,serif;font-weight:bold;letter-spacing:-1px}
.brand span{font-family:Arial,Helvetica,sans-serif;font-weight:400;letter-spacing:-1.5px}