@import url('fonts.css');
:root{--black:#171717;--dark:#292929;--muted:#666;--line:#e5e7eb;--blue:#2563eb;--green:#36d399;--white:#fff;--off:#f6f7f9}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:16px/1.65 Arimo,Arial,sans-serif;color:var(--black);background:#fff}h1,h2,h3,h4,.brand,.nav{font-family:Archivo,Arial,sans-serif;line-height:1.13;letter-spacing:-.035em}h1{font-size:clamp(2.9rem,6.3vw,6rem);margin:0 0 24px;font-weight:800}h2{font-size:clamp(2.1rem,4vw,3.8rem);margin:0 0 22px}h3{font-size:1.35rem;margin:0 0 12px}p{margin:0 0 20px}a{color:inherit;text-decoration:none}a:hover{color:var(--blue)}.wrap{width:min(1180px,calc(100% - 44px));margin:auto}.top{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.97);border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}.head{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-weight:800;font-size:1.3rem;letter-spacing:-.055em;white-space:nowrap}.brand b{color:var(--blue)}.brand small{display:block;font:600 10px/1.3 Arimo;letter-spacing:.14em;text-transform:uppercase;color:var(--black)}.nav{display:flex;align-items:center;gap:19px;font-size:13px;font-weight:700;letter-spacing:-.01em}.nav a.active{color:var(--blue)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 20px;border-radius:5px;background:var(--blue);color:#fff!important;font-weight:700;font-size:14px;border:1px solid var(--blue);transition:.2s}.btn:hover{background:#1748b9;transform:translateY(-1px)}.btn.outline{background:transparent;color:var(--black)!important;border-color:#aeb5c0}.btn.outline:hover{border-color:var(--blue);color:var(--blue)!important}.menu{display:none;background:none;border:0;font-size:25px;cursor:pointer}.hero{background:var(--black);color:white;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.12fr .88fr;min-height:590px;align-items:center;gap:55px;padding:80px 0}.eyebrow{display:block;font:700 12px Archivo;letter-spacing:.18em;text-transform:uppercase;color:var(--blue);margin-bottom:22px}.hero .eyebrow{color:var(--green)}.hero p{color:#fff;font-size:18px;max-width:590px}.accent{color:var(--green)}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.hero .btn.outline{border-color:#777;color:white!important}.hero-photo{height:470px;width:100%;object-fit:cover;border-radius:6px;filter:saturate(.75)}.hero-visual{position:relative}.hero-visual:after{content:'';position:absolute;bottom:-17px;right:-17px;width:100px;height:100px;border-right:8px solid var(--green);border-bottom:8px solid var(--green);pointer-events:none}.section{padding:92px 0}.section.alt{background:var(--off)}.section.dark{background:var(--black);color:white}.intro{max-width:730px;margin-bottom:38px}.intro p{font-size:18px;color:var(--black)}.dark .intro p{color:#fff}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.tile{background:#fff;border:1px solid var(--line);padding:30px;border-radius:7px;display:flex;flex-direction:column;align-items:flex-start}.tile p{color:var(--black);flex:1}.tile .num{color:var(--blue);font:700 12px Archivo;letter-spacing:.12em;margin-bottom:35px}.arrow{color:var(--blue);font-weight:700;font-size:14px}.split{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px}.split img{width:100%;height:450px;object-fit:cover;border-radius:6px}.list{list-style:none;padding:0;margin:20px 0}.list li{padding:12px 0;border-bottom:1px solid var(--line)}.list li:before{content:'';display:inline-block;width:1em;height:1em;background:var(--blue);mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 17 17 7M7 7h10v10' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;vertical-align:-.1em;margin-right:12px;font-weight:700}.locations{display:flex;flex-wrap:wrap;gap:10px}.locations a{border:1px solid #d7dce4;padding:10px 16px;border-radius:3px;background:#fff;font-size:14px;font-weight:700}.locations a:hover{border-color:var(--blue)}.banner{background:var(--blue);color:white;padding:65px 0}.banner .wrap{display:flex;align-items:center;justify-content:space-between;gap:25px}.banner h2{margin:0;font-size:clamp(1.8rem,3vw,3rem)}.banner p{margin:10px 0 0;color:#fff}.banner .btn{background:white;color:var(--blue)!important;border-color:white}.pagehero{background:var(--black);color:#fff;padding:95px 0 85px}.pagehero h1{max-width:960px;font-size:clamp(2.7rem,5.5vw,5rem)}.pagehero p{color:#fff;font-size:19px;max-width:740px}.faq details{border-bottom:1px solid var(--line);padding:20px 0}.faq summary{font:700 19px Archivo;cursor:pointer}.faq details p{margin:16px 0 0;color:var(--black)}.footer{background:#111;color:#fff;padding:70px 0 25px}.footgrid{display:grid;grid-template-columns:2fr 1fr 1.3fr;gap:50px}.footer h3{color:white;font-size:15px}.footer a{display:block;margin-bottom:9px;font-size:14px}.footer .brand{color:white;display:inline-block;margin-bottom:22px}.footer p{font-size:14px;color:#fff}.footbottom{border-top:1px solid #393939;padding-top:22px;margin-top:55px;font-size:12px;color:#fff}.form{background:#fff;border:1px solid var(--line);padding:32px;border-radius:8px}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:18px}.field label{font-weight:700;font-size:13px}.field input,.field select,.field textarea{width:100%;border:1px solid #cbd1d8;padding:13px;font:16px Arimo;border-radius:4px;background:#fff}.field textarea{min-height:145px;resize:vertical}.note{font-size:12px;color:var(--black)}.contactgrid{display:grid;grid-template-columns:1fr 1.15fr;gap:65px}.contactgrid h2{font-size:2.6rem}.metric{font:800 42px Archivo;color:var(--blue)}.pill{display:inline-block;padding:7px 12px;background:#eaf0ff;color:#2055cc;font-size:12px;font-weight:700;border-radius:3px;margin:4px}.breadcrumbs{font-size:12px;color:#fff;margin-bottom:25px}.breadcrumbs a{color:#fff}.service-note{background:#eef4ff;border-left:4px solid var(--blue);padding:20px 24px;margin-top:30px}.skip{position:absolute;left:-999px;top:10px;background:#fff;padding:10px;z-index:100}.skip:focus{left:10px}@media(max-width:1000px){.nav{gap:10px;font-size:12px}.nav .btn{padding:10px}.hero-grid{gap:30px}.footgrid{gap:20px}}@media(max-width:800px){.menu{display:block}.head{min-height:70px}.nav{display:none;position:absolute;top:70px;left:0;right:0;background:white;padding:20px 22px 26px;flex-direction:column;align-items:stretch;gap:16px;box-shadow:0 15px 20px #0001;font-size:15px}.nav.open{display:flex}.hero-grid,.split,.contactgrid{grid-template-columns:1fr}.hero-grid{padding:65px 0;min-height:0}.hero-photo{height:330px}.grid3{grid-template-columns:1fr 1fr}.section{padding:65px 0}.banner .wrap{display:block}.banner .btn{margin-top:24px}.footgrid{grid-template-columns:1fr 1fr}.footgrid>div:first-child{grid-column:span 2}}@media(max-width:560px){.wrap{width:min(100% - 34px,1180px)}.grid3,.grid2,.footgrid{grid-template-columns:1fr}.footgrid>div:first-child{grid-column:auto}.hero-photo{height:250px}.tile{padding:24px}.section{padding:55px 0}.pagehero{padding:70px 0}.form{padding:20px}.split img{height:290px}}

#header{position:sticky;top:0;z-index:50}.top{position:relative}.pagehero .eyebrow{color:var(--green)}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--green);outline-offset:5px}.pagehero .wrap.has-photo{display:grid;grid-template-columns:1.25fr .75fr;gap:45px;align-items:center}.pagehero .page-photo{width:100%;height:390px;object-fit:cover;border-radius:6px}.pagehero .has-photo h1{font-size:clamp(2.7rem,4.8vw,4.7rem)}.preview-label{font-size:11px;letter-spacing:.08em;color:var(--black);background:#f6f7f9;text-align:center;padding:5px}button{cursor:pointer}.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid var(--blue);outline-offset:2px}#form-status{margin-top:16px}.field-hp{position:absolute;left:-10000px}@media(max-width:1100px){.menu{display:block}.nav{display:none;position:absolute;top:82px;left:0;right:0;background:white;padding:22px;flex-direction:column;align-items:stretch;gap:18px;font-size:15px;box-shadow:0 15px 20px #0001}.nav.open{display:flex}}@media(max-width:800px){.nav{top:70px}.pagehero .wrap.has-photo{grid-template-columns:1fr}.pagehero .page-photo{height:260px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Secondary actions on dark sections: normal, hover and keyboard focus. */
.hero .btn.outline,.pagehero .btn.outline,.section.dark .btn.outline{color:#fff!important;border-color:#aeb5c0;background:transparent}.hero .btn.outline:hover,.pagehero .btn.outline:hover,.section.dark .btn.outline:hover,.hero .btn.outline:focus-visible,.pagehero .btn.outline:focus-visible,.section.dark .btn.outline:focus-visible{color:#171717!important;background:#36d399;border-color:#36d399}

/* Shared CTA banner: EXPRESEO green with black text. */
.banner{background:var(--green);color:var(--black)}.banner p{color:var(--black)}.banner .btn{background:#fff;border-color:var(--black);color:var(--black)!important}.banner .btn:hover{background:#f0f0f0;border-color:var(--black)}.banner .btn:focus-visible{outline-color:var(--black)}

/* Stronger SEONJ branding in shared navigation and footer. */
.head .brand{font-size:2.25rem;line-height:1.05;flex-shrink:0}.head .brand small{margin-top:5px}.footer .brand{font-size:2.75rem;line-height:1.05}@media(max-width:560px){.head .brand{font-size:2rem}.footer .brand{font-size:2.5rem}}