:root{--ink:hsl(213 29% 15%);--ink-2:hsl(216 25% 22%);--brand:hsl(21 66% 47%);--brand-d:hsl(21 70% 38%);--sand:hsl(40 50% 91%);--cream:hsl(43 60% 97%);--teal:hsl(184 42% 32%);--line:hsl(40 25% 82%)}
[hidden]{display:none!important}
body{font-family:Mulish,system-ui,sans-serif;color:var(--ink);background:var(--cream);font-size:1rem;line-height:1.65}
h1,h2,h3,h4,.brand-word{font-family:Archivo,system-ui,sans-serif;font-weight:700;letter-spacing:-.01em}
img{max-width:100%;height:auto}
.row>*{min-width:0}
a{color:var(--brand-d)}
a:hover{color:var(--brand)}
.site-top{background:var(--ink);border-top:4px solid var(--brand)}
.site-top .navbar{padding-block:.55rem}
.brand-lockup{display:inline-flex;align-items:center;gap:.6rem;text-decoration:none}
.brand-glyph{width:30px;height:30px;border-radius:50%;background:radial-gradient(circle at 66% 30%,var(--ink) 0 52%,transparent 53%),var(--brand);flex:none}
.brand-word{color:#fff;font-size:1.25rem}
.brand-word em{color:var(--brand);font-style:normal;font-weight:500;margin-left:.28rem}
.site-top .nav-link{color:hsl(40 40% 88%);font-weight:600;padding:.7rem 1rem;min-height:44px;display:flex;align-items:center}
.site-top .nav-link:hover,.site-top .nav-link.is-here{color:var(--brand)}
.navbar-toggler{border:1px solid hsl(216 20% 38%);border-radius:2px;padding:.55rem .6rem;min-width:44px;min-height:44px}
.bar-i{display:block;width:22px;height:2px;background:hsl(40 40% 88%);margin:5px 0}
.btn-quote{display:inline-flex;align-items:center;justify-content:center;background:var(--brand);color:#fff;font-weight:700;padding:.7rem 1.35rem;min-height:44px;border-radius:2px;text-decoration:none;transition:background .18s}
.btn-quote:hover{background:var(--brand-d);color:#fff}
.hero-wrap{position:relative;background:var(--ink);overflow:hidden}
.hero-wrap picture,.hero-wrap picture img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.42}
.hero-inner{position:relative;padding:clamp(4.5rem,11vw,8.5rem) 0;max-width:44rem}
.kicker{display:inline-block;font-family:Archivo,sans-serif;font-weight:600;font-size:.85rem;letter-spacing:.14em;text-transform:uppercase;color:var(--brand);margin-bottom:.9rem}
.hero-inner .kicker{color:hsl(21 80% 62%)}
.hero-inner h1{color:#fff;font-size:clamp(2.1rem,5.2vw,3.5rem);font-weight:800;line-height:1.12}
.hero-inner p{color:hsl(40 35% 86%);font-size:clamp(1.05rem,1.6vw,1.2rem);margin:1.2rem 0 1.8rem}
.hero-acts{display:flex;flex-wrap:wrap;gap:.9rem}
.btn-ghost{display:inline-flex;align-items:center;justify-content:center;border:2px solid hsl(40 35% 86%);color:#fff;font-weight:700;padding:.7rem 1.35rem;min-height:44px;border-radius:2px;text-decoration:none}
.btn-ghost:hover{border-color:var(--brand);color:var(--brand)}
.sec{padding:clamp(3.2rem,7vw,5.5rem) 0}
.sec-sand{background:var(--sand)}
.sec-ink{background:var(--ink);color:hsl(40 35% 90%)}
.sec-ink h2{color:#fff}
.sec h2{font-size:clamp(1.6rem,3.4vw,2.35rem);margin-bottom:.6rem}
.sec-lead{max-width:46rem;color:hsl(214 15% 34%);font-size:1.06rem}
.sec-ink .sec-lead{color:hsl(40 25% 80%)}
.tick-list{list-style:none;padding:0;margin:1.2rem 0}
.tick-list li{padding:.35rem 0 .35rem 1.9rem;position:relative;font-weight:600}
.tick-list li::before{content:"";position:absolute;left:0;top:.72rem;width:1.1rem;height:.6rem;border-left:3px solid var(--brand);border-bottom:3px solid var(--brand);transform:rotate(-45deg)}
.svc-card{background:#fff;border:1px solid var(--line);border-radius:2px;padding:1.6rem;height:100%;display:flex;flex-direction:column;transition:border-color .18s,transform .18s}
.svc-card:hover{border-color:var(--brand);transform:translateY(-3px)}
.svc-card h3{font-size:1.2rem}
.svc-card p{color:hsl(214 15% 36%);flex:1}
.svc-num{font-family:Archivo,sans-serif;font-weight:800;font-size:.9rem;color:var(--brand);letter-spacing:.1em}
.svc-more{font-weight:700;text-decoration:none;color:var(--brand-d)}
.svc-more:hover{color:var(--brand)}
.stat-block{text-align:center;padding:1rem .5rem}
.stat-block b{display:block;font-family:Archivo,sans-serif;font-size:clamp(2rem,4.5vw,2.9rem);font-weight:800;color:var(--brand);line-height:1.1}
.stat-block span{font-weight:600;color:hsl(40 25% 78%)}
.why-item{display:flex;gap:1rem;padding:1.1rem 0;border-bottom:1px solid var(--line)}
.why-item:last-child{border-bottom:0}
.why-dot{flex:none;width:14px;height:14px;border-radius:50%;background:var(--teal);margin-top:.45rem}
.why-item h3{font-size:1.08rem;margin-bottom:.25rem}
.why-item p{margin:0;color:hsl(214 15% 36%)}
.work-card{position:relative;display:block;border-radius:2px;overflow:hidden;border:1px solid var(--line)}
.work-card img{width:100%;display:block;transition:transform .25s}
.work-card:hover img{transform:scale(1.04)}
.work-tag{position:absolute;left:0;bottom:0;right:0;background:linear-gradient(transparent,hsl(213 29% 15%/.92));color:#fff;padding:2.2rem 1rem .8rem;font-weight:700}
.work-tag small{display:block;font-weight:500;color:hsl(40 35% 82%)}
.quote-rail{border-left:4px solid var(--brand);padding:.4rem 0 .4rem 1.4rem;margin-bottom:1.6rem}
.quote-rail p{font-size:1.06rem;font-style:italic;color:var(--ink-2)}
.quote-rail footer{font-weight:700;font-style:normal}
.quote-rail footer small{color:hsl(214 15% 42%);font-weight:500;display:block}
.post-card{background:#fff;border:1px solid var(--line);border-radius:2px;overflow:hidden;height:100%;display:flex;flex-direction:column}
.post-card img{width:100%;display:block}
.post-body{padding:1.3rem;display:flex;flex-direction:column;flex:1}
.post-body time{font-size:.85rem;color:hsl(214 15% 42%);font-weight:600}
.post-body h3{font-size:1.15rem;margin:.4rem 0 .5rem}
.post-body h3 a{color:var(--ink);text-decoration:none}
.post-body h3 a:hover{color:var(--brand-d)}
.post-body p{color:hsl(214 15% 36%);flex:1}
.cta-band{background:linear-gradient(120deg,var(--brand-d),var(--brand));color:#fff;border-radius:2px;padding:clamp(2rem,5vw,3.2rem);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.2rem}
.cta-band h2{color:#fff;margin:0;font-size:clamp(1.4rem,3vw,2rem)}
.cta-band .btn-band{background:var(--ink);color:#fff;font-weight:700;padding:.8rem 1.6rem;min-height:44px;display:inline-flex;align-items:center;border-radius:2px;text-decoration:none}
.cta-band .btn-band:hover{background:var(--ink-2)}
.page-crown{background:var(--ink);padding:clamp(2.6rem,6vw,4.2rem) 0;border-bottom:4px solid var(--brand)}
.page-crown h1{color:#fff;font-size:clamp(1.9rem,4.4vw,2.9rem);font-weight:800;margin:0}
.page-crown p{color:hsl(40 30% 82%);max-width:44rem;margin:.8rem 0 0;font-size:1.05rem}
.crumbs{font-size:.85rem;margin-bottom:1rem}
.crumbs a{color:hsl(21 80% 62%);text-decoration:none;font-weight:600}
.crumbs span{color:hsl(216 15% 60%)}
.split-img{border-radius:2px;overflow:hidden;border:1px solid var(--line)}
.split-img img{width:100%;display:block}
.step-tile{background:#fff;border:1px solid var(--line);border-radius:2px;padding:1.4rem;height:100%}
.step-tile b{display:block;font-family:Archivo,sans-serif;font-size:1.6rem;color:var(--brand);font-weight:800}
.faq-set details{background:#fff;border:1px solid var(--line);border-radius:2px;margin-bottom:.8rem}
.faq-set summary{cursor:pointer;font-weight:700;padding:1rem 1.2rem;list-style:none;position:relative;min-height:44px}
.faq-set summary::-webkit-details-marker{display:none}
.faq-set summary::after{content:"+";position:absolute;right:1.1rem;top:.75rem;font-size:1.4rem;color:var(--brand);font-weight:400}
.faq-set details[open] summary::after{content:"\2212"}
.faq-set details p{padding:0 1.2rem 1.1rem;margin:0;color:hsl(214 15% 36%)}
.lead-form{background:#fff;border:1px solid var(--line);border-radius:2px;padding:clamp(1.4rem,3vw,2.2rem)}
.lead-form label{font-weight:700;margin-bottom:.35rem;display:block}
.lead-form input,.lead-form select,.lead-form textarea{width:100%;min-width:0;border:1px solid var(--line);border-radius:2px;padding:.72rem .85rem;font-size:1rem;min-height:44px;background:var(--cream);color:var(--ink)}
.lead-form input:focus,.lead-form select:focus,.lead-form textarea:focus{outline:2px solid var(--brand);outline-offset:0;border-color:var(--brand)}
.lead-form .f-slot{margin-bottom:1.1rem}
.btn-send{background:var(--brand);color:#fff;border:0;border-radius:2px;font-weight:700;padding:.8rem 1.8rem;min-height:48px;font-size:1.05rem}
.btn-send:hover{background:var(--brand-d)}
.form-alert{border:1px solid hsl(4 60% 50%);background:hsl(4 70% 96%);color:hsl(4 60% 32%);padding:.8rem 1rem;border-radius:2px;margin-bottom:1rem;font-weight:600}
.form-fine{background:hsl(140 45% 94%);border:1px solid hsl(140 40% 45%);color:hsl(140 45% 22%);padding:.8rem 1rem;border-radius:2px;margin-bottom:1rem;font-weight:600}
.info-tile{background:#fff;border:1px solid var(--line);border-left:4px solid var(--teal);border-radius:2px;padding:1.2rem 1.3rem;height:100%}
.info-tile h3{font-size:1.02rem;letter-spacing:.06em;text-transform:uppercase;color:var(--teal)}
.info-tile a{text-decoration:none;font-weight:700}
.prose{max-width:50rem}
.prose h2{font-size:1.45rem;margin:2.2rem 0 .7rem}
.prose ul{padding-left:1.2rem}
.prose li{margin-bottom:.4rem}
.art-cover{border-radius:2px;overflow:hidden;border:1px solid var(--line);margin-bottom:1.8rem}
.art-cover img{width:100%;display:block}
.art-meta{font-size:.9rem;color:hsl(214 15% 42%);font-weight:600;margin-bottom:1.4rem}
.art-body{max-width:46rem;font-size:1.05rem}
.art-body h2{font-size:1.5rem;margin:2rem 0 .7rem}
.site-end{background:var(--ink);color:hsl(40 30% 84%);padding:clamp(2.8rem,6vw,4.2rem) 0 1.4rem;margin-top:0}
.end-brand{margin-bottom:1rem}
.end-note{color:hsl(216 15% 68%);font-size:.95rem}
.end-head{font-size:.9rem;letter-spacing:.12em;text-transform:uppercase;color:var(--brand);margin-bottom:1rem}
.end-links{list-style:none;padding:0;margin:0}
.end-links a{color:hsl(40 30% 84%);text-decoration:none;display:inline-block;padding:.3rem 0;min-height:32px}
.end-links a:hover{color:var(--brand)}
.end-addr{font-style:normal;color:hsl(216 15% 68%);margin-bottom:.8rem}
.end-line{margin:.2rem 0}
.end-line a{color:hsl(40 30% 84%);text-decoration:none;font-weight:600}
.end-line a:hover{color:var(--brand)}
.end-strip{border-top:1px solid hsl(216 20% 28%);margin-top:2.4rem;padding-top:1.3rem;display:flex;flex-wrap:wrap;gap:.8rem;justify-content:space-between;font-size:.88rem;color:hsl(216 15% 62%)}
.end-policy{list-style:none;display:flex;flex-wrap:wrap;gap:1.1rem;padding:0;margin:0}
.end-policy a{color:hsl(216 15% 62%);text-decoration:none}
.end-policy a:hover{color:var(--brand)}
.ccx-veil{position:fixed;inset:0;background:hsl(213 29% 10%/.66);display:flex;align-items:center;justify-content:center;z-index:1080;padding:1rem}
.ccx-card{background:#fff;border-radius:2px;border-top:4px solid var(--brand);max-width:26.5rem;padding:1.7rem;box-shadow:0 18px 50px hsl(213 29% 10%/.4)}
.ccx-card h2{font-size:1.25rem}
.ccx-card p{color:hsl(214 15% 36%);font-size:.96rem}
.ccx-row{display:flex;gap:.8rem;flex-wrap:wrap}
.ccx-ok,.ccx-no{border-radius:2px;font-weight:700;padding:.65rem 1.5rem;min-height:44px;border:0;flex:1}
.ccx-ok{background:var(--brand);color:#fff}
.ccx-ok:hover{background:var(--brand-d)}
.ccx-no{background:var(--sand);color:var(--ink);border:1px solid var(--line)}
.ccx-pill{position:fixed;left:16px;bottom:16px;width:48px;height:48px;border-radius:50%;background:var(--ink);color:var(--brand);border:2px solid var(--brand);font-size:1.3rem;z-index:1060;display:flex;align-items:center;justify-content:center}
.ccx-pill:hover{background:var(--ink-2)}
@media (max-width:991.98px){.site-top .navbar-nav{padding:.6rem 0 1rem}.site-top .nav-link{padding:.65rem .4rem}.btn-quote{margin-top:.5rem;width:100%}}
@media (max-width:744px){.hero-inner{padding-block:3.4rem 3.8rem}.cta-band{text-align:left}}
@media (max-width:575.98px){.row{--bs-gutter-x:1.4rem}.end-strip{flex-direction:column}}