@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');
/* Shared visual identity from the original LINKNFORM website's current theme. */
:root{--ink:#18252d;--navy:#172c38;--muted:#55636a;--paper:#f5f5f1;--lime:#925f3e;--line:#d0d5d3;--soft:#e4e7e4;font-family:'DM Sans',Arial,sans-serif}
h1,h2,h3,.brand{font-family:Manrope,Arial,sans-serif;font-weight:700}
h1{font-weight:800;letter-spacing:-.065em}
h2,h3{letter-spacing:-.045em}
::selection{background:#925f3e;color:#fff}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline-color:#a96f49}
.header{min-height:78px;padding:1rem clamp(24px,6vw,88px);background:#f7f7f4;position:sticky;top:0;z-index:10}
.brand{font-size:.9rem;font-weight:800;letter-spacing:.14em;color:var(--navy)}
.brand small{font:700 .75rem 'DM Sans',Arial,sans-serif;color:#63747b;letter-spacing:.2em}
.header nav{gap:clamp(14px,2vw,28px)}
.header nav>a:not(.button){font-size:.9rem;font-weight:600}
.header nav>a:hover{color:#925f3e}
.header nav>.button{background:var(--navy);border-color:var(--navy);color:#fff}
.header nav>.button:hover{background:#263d49;color:#fff}
.button{background:#925f3e;border-color:#925f3e;color:#fff;font-weight:700}
.button:hover{background:#7b4f33;border-color:#7b4f33}
.button.secondary{border-color:#78878d;background:transparent;color:var(--navy)}
.button.secondary:hover{background:#d8ddda}
.hero{max-width:none;background:#e8eae7;grid-template-columns:1.02fr .98fr;gap:5%;padding:clamp(54px,6.5vw,84px) clamp(24px,7.5vw,106px);min-height:520px}
.hero-copy{padding-top:0}
.hero h1{font-size:clamp(46px,5.4vw,70px);color:var(--navy);margin:20px 0 19px}
.hero h1 em{color:#8d633f}
.hero-copy>p:not(.eyebrow):not(.hero-note){color:#34454d;font-size:1.125rem;line-height:1.7}
.hero .eyebrow{color:#52636b}
.hero-note{color:#46575f}
.service-map{background:var(--navy);border-left:0;border-top:3px solid #925f3e;box-shadow:5px 5px 0 #aab2b2}
.service-map .eyebrow{color:#e9b48e}
.service-map span{color:#e9b48e}
.service-map strong{font-family:Manrope,Arial,sans-serif;font-weight:700}
.strip{background:#f7f7f4;border-bottom:1px solid var(--line);color:#46575f;padding-block:1.5rem}
.section{padding-inline:clamp(24px,9vw,130px)}
.service-grid{gap:16px;border:0}
.service-card{background:var(--paper);border:0;border-top:2px solid var(--navy);padding:28px;min-height:260px}
.service-card:nth-child(2){border-top-color:#925f3e}
.service-card h3{font-size:1.8rem;margin-block:1.2rem .8rem}
.service-card .index{color:#8d633f;font-weight:700;margin-bottom:1.5rem}
.service-card .eyebrow{color:#55636a}
.service-card a{display:block;border-top:1px solid var(--line);margin-top:1.2rem;padding-top:1rem;font-size:.9rem}
.service-card:hover{background:#e8eae7}
.ink{background:var(--navy)}
.ink .eyebrow{color:#e9b48e}
.ink .button{background:#925f3e;color:#fff}
.page-intro{max-width:none;background:var(--navy);color:#fff;padding:clamp(66px,8vw,100px) clamp(24px,9vw,130px)}
.page-intro h1{font-size:clamp(44px,6.4vw,78px)}
.page-intro .eyebrow{color:#e9b48e}
.page-intro .lead{color:#d2dadd;font-size:1.125rem;line-height:1.7}
.package{border:1px solid var(--line);border-top:3px solid var(--navy)}
.package.featured{border-top:3px solid #925f3e;padding-top:2.2rem}
.package h2{font-size:2rem}
.package h3{font-size:2rem}
.cta{background:#925f3e;color:white;padding:4rem clamp(24px,9vw,130px)}
.cta .button{background:white;border-color:white;color:var(--navy)}
.cta .button:hover{background:#e8eae7}
footer{background:#101f29}
footer .brand{color:white}
footer .brand small{color:#aebdc4}
footer .eyebrow{color:#e9b48e}
.skip{background:var(--navy);color:white}
.menu{background:transparent;border-color:#aeb8b7;color:var(--navy)}
.hero-copy .social-follow{font-size:.9rem;color:#46575f;margin:1.3rem 0 0}
.social-follow a{display:inline-block;padding:.5rem 0;font-weight:700;overflow-wrap:anywhere}
@media(max-width:760px){.header{padding:1rem 24px;min-height:68px}.hero{grid-template-columns:1fr;padding:55px 24px 40px;gap:2.5rem}.hero h1{font-size:clamp(44px,12vw,68px)}.page-intro{padding:66px 24px}.page-intro h1{font-size:clamp(40px,10vw,64px)}.section,.split{padding:56px 24px}.cta{padding:46px 24px}.service-card{min-height:0}.package.featured{padding-top:1.5rem}}