/* Athens Analytics / Clarity. Supplied logo remains unchanged; all assets local. */
:root{--ink:#0d2b4e;--navy:#0d2b4e;--green:#0d2b4e;--mint:#d6ac52;--gold:#d6ac52;--paper:#fff;--muted:#5b6571;--line:#dfe4eb}
body{background:#fff;color:var(--ink)}
a{color:var(--navy)}
.draft{background:#0d2b4e;color:#e4eaf1;border:0;font-size:10px;letter-spacing:.1em}
.shell{max-width:1264px}
.top{padding:17px 0 20px;border-bottom:1px solid var(--line);gap:32px}
.brand{display:block;flex:none;line-height:1;white-space:normal}
/* Trim only the supplied image's outer whitespace in the layout, without editing its pixels. */
.brand-logo{display:block;position:relative;overflow:hidden;width:190px;aspect-ratio:1100/650;background:#fff}
.brand-logo img{position:absolute;width:139.6364%;max-width:none;height:auto;left:-20%;top:-32.9231%;display:block}
.brand .brand-tagline{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
nav{gap:28px;font-size:13px}
nav a{color:#3d4f64}
nav a:hover{color:var(--navy);border-bottom-color:var(--gold)}
nav a[aria-current=page]{color:var(--navy);border-bottom-color:var(--gold)}
nav a:last-child{background:var(--navy);border-color:var(--navy);padding:12px 22px;border-radius:2px}
nav a:last-child:hover,nav a:last-child[aria-current=page]{background:#20486f;border-color:#20486f}
main{padding-top:28px}
h1,h2,h3{color:var(--navy)}
.hero{padding:57px 48px 58px;min-height:446px;margin-bottom:60px;background:#f3f6fa;border:1px solid #edf0f5;border-radius:2px;box-shadow:none}
.hero::before{background:radial-gradient(ellipse at 92% 75%,#fff6df70,transparent 54%),linear-gradient(112deg,#f3f6fa,#fbfcfe);z-index:-1}
.hero::after{left:48px;bottom:27px;width:7px;height:7px;border-radius:50%;background:#b0984e;box-shadow:15px -4px 0 1px #b79b4d,32px -10px 0 2px #cca54f,51px -19px 0 3px #d6ac52}
.hero-copy{width:64%;max-width:700px}
.hero-copy h1{color:var(--navy);font-weight:600;font-size:clamp(44px,4.7vw,62px);line-height:1.075;letter-spacing:-.035em;max-width:720px}
.hero-copy .intro{color:#526174;font-size:19px;line-height:1.7;max-width:520px}
.eyebrow,.hero .eyebrow{color:#647082;font-weight:700;letter-spacing:.15em;font-size:10px}
.eyebrow::before{width:24px;background:#aa8134;height:2px;opacity:1}
.analytics-art{background-image:url("analytics-clarity.svg");width:47%;right:-6px;opacity:1;mask-image:linear-gradient(to right,transparent,#000 12%);background-size:contain}
.button{background:var(--navy);border:1px solid transparent;border-radius:2px;color:#fff}
.button:hover{background:#20486f}
.hero .button,.closing .button{background:#d6ac52;color:#102c4c;border-color:#d6ac52}
.hero .button:hover,.closing .button:hover{background:#e7c574;border-color:#e7c574}
.secondary{color:var(--navy);border-bottom-color:#b59852}
.hero .actions{gap:21px}
.cards{gap:20px}
.cards article{border:1px solid var(--line);border-top:3px solid #d6ac52;background:#fff;border-radius:2px;box-shadow:0 9px 24px -20px #0d2b4e}
.cards article::before{background:linear-gradient(#0d2b4e,#0d2b4e) 0 14px/6px 14px no-repeat,linear-gradient(#71839a,#71839a) 11px 7px/6px 21px no-repeat,linear-gradient(#d6ac52,#d6ac52) 22px 0/6px 28px no-repeat}
.cards article:nth-child(2)::before{background:linear-gradient(135deg,transparent 43%,#0d2b4e 44%,#0d2b4e 51%,transparent 52%) 0 0/30px 25px no-repeat;border-color:#d6ac52}
.cards article:nth-child(3)::before{border-color:#d6ac52;border-left-color:#0d2b4e;border-bottom-color:#0d2b4e;background:none}
.cards p,.steps p{color:#596777}
.tint{background:#f4f6f9;border:1px solid #e0e5ec;border-left:3px solid #d6ac52;border-radius:2px;color:#3b5069}
.steps{gap:22px}
.steps li{padding:33px 34px;border-radius:2px;box-shadow:none;border-color:#dfe4eb;border-top:3px solid #d6ac52}
.steps li::before{color:#9b7528;font-size:27px;letter-spacing:-.025em}
.steps h2{font-weight:600;color:var(--navy)}
#assessment{background:linear-gradient(115deg,#f5f7fa,#fcfaf5);border-left:3px solid var(--gold)}
#assessment>p:first-of-type{color:#80601c}
body[data-page="about"] main>section:not(.closing)>p,body[data-page="services"] main>section:not(.closing):not(.tint)>p{color:#536377}
body[data-page="contact"] main>section:not(.closing){border-top:3px solid var(--gold);border-radius:2px}
.closing{background:#0d2b4e;border:0;border-radius:2px;color:#d7e1ef;padding:46px 48px}
.closing h2{color:#fff;font-weight:500}
.closing::after{background-image:url("analytics-clarity.svg");opacity:.24}
.endpoint{background:#f8f4e9;border-left-color:#d6ac52;color:#655638}
footer{border-color:var(--line);color:#667386}
a:focus-visible{outline-color:#aa8134}
@media(min-width:1150px){.hero-copy h1{font-size:62px}.hero{min-height:470px}.hero-copy{width:65%}.hero-copy .intro{font-size:19px}}
@media(max-width:1050px){nav{gap:21px}.hero{padding:45px 36px 55px;min-height:430px}.hero-copy{width:69%}.hero-copy h1{font-size:48px}.hero-copy .intro{font-size:18px;max-width:470px}.hero::after{left:36px}.analytics-art{right:-53px;width:47%;opacity:.88}.brand-logo{width:180px}}
@media(max-width:800px){.top{gap:18px}.hero-copy{width:74%}.analytics-art{width:45%;right:-75px;opacity:.6}nav{gap:20px}}
@media(max-width:650px){.shell{padding:0 20px}.draft{font-size:9px;letter-spacing:.055em;padding:8px 17px}.top{padding:17px 0 20px;display:flex;flex-direction:column;gap:0;align-items:center}.brand-logo{width:190px}.top nav{justify-content:center;margin-top:14px;gap:5px 15px;font-size:11px;width:100%}nav a:last-child{padding:8px 12px}.hero{padding:32px 25px 33px;min-height:0;margin-bottom:38px}.hero-copy{width:100%}.hero-copy h1{font-size:38px;line-height:1.08;letter-spacing:-.035em}.hero-copy .intro{font-size:17px}.hero .eyebrow{font-size:9px}.analytics-art{position:relative;top:auto;right:auto;width:100%;height:180px;margin:8px 0 6px;opacity:1;mask-image:none;background-position:center}.hero::after{left:25px;bottom:23px;width:5px;height:5px;box-shadow:12px -3px 0 .5px #b79b4d,25px -7px 0 1px #cca54f,40px -14px 0 2px #d6ac52}main{padding-top:22px}.hero .actions{gap:18px}.cards{gap:18px}.cards article{padding:27px}.steps li{padding:28px}.tint{padding:28px 25px}.closing{padding:33px 27px}.closing::after{opacity:.15}#assessment{padding:30px 25px}footer{padding-bottom:32px}}
@media print{body{background:white}.brand-logo{width:150px}.hero{background:white;border:0;padding:0;min-height:0}.hero::before,.hero::after,.analytics-art{display:none}.hero-copy{width:100%}.hero-copy h1{font-size:28pt;color:#0d2b4e}.hero-copy .intro{font-size:12pt}.closing{background:white;color:#0d2b4e}.closing h2{color:#0d2b4e}.steps li{border-color:#ccc}.tint,#assessment{background:white}.button{color:#0d2b4e!important}}