:root{--ink:#152c32;--muted:#546869;--teal:#176451;--bg:#f7f8f2}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,'Malgun Gothic',sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}header{max-width:1240px;margin:auto;padding:25px 32px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dce3da}.brand{font-size:20px;font-weight:800;display:flex;align-items:center;gap:12px}.mark{background:var(--teal);color:white;border-radius:10px;padding:5px 10px;font-size:18px}nav{display:flex;align-items:center;gap:30px;font-size:14px;font-weight:600}.nav-cta{border:1px solid #bacbc1;border-radius:30px;padding:9px 18px}main{max-width:1240px;margin:auto}.hero{padding:90px 32px 95px;display:grid;grid-template-columns:1.1fr 1fr;gap:65px;align-items:center}.eyebrow{font-size:11px;letter-spacing:2.2px;font-weight:700;color:var(--teal);margin:0 0 20px}h1{font-size:clamp(38px,4.5vw,64px);line-height:1.2;letter-spacing:-2.5px;margin:0 0 26px;word-break:keep-all}h2{font-size:36px;line-height:1.3;letter-spacing:-1.3px;margin:10px 0 22px;word-break:keep-all}.lead{color:var(--muted);font-size:17px;max-width:470px;word-break:keep-all;margin-bottom:35px}.button{display:inline-flex;justify-content:space-between;gap:32px;align-items:center;padding:15px 23px;border:0;border-radius:8px;background:var(--teal);color:white;font-weight:700;font-size:15px;cursor:pointer}.hero-art{height:400px;position:relative;background:#e4eadb;border-radius:130px 20px 20px 20px;overflow:hidden}.orbit{position:absolute;width:360px;height:360px;border:1px solid #b1c1a5;border-radius:50%;top:-100px;right:-75px}.tile{position:absolute;background:#fff;border:1px solid #d0dccb;border-radius:14px;box-shadow:0 20px 35px #28432b12;padding:22px}.tile small{font-size:10px;letter-spacing:1.5px;color:var(--muted);display:block}.tile strong{display:block;margin-top:12px;font-size:23px;letter-spacing:-1px}.tile-a{width:240px;left:35px;top:50px;transform:rotate(-5deg)}.bars{display:flex;gap:10px;height:70px;align-items:end;margin-top:20px}.bars i{background:#b3cba6;width:27px;border-radius:5px 5px 0 0;height:36px}.bars i:nth-child(2){height:48px}.bars i:nth-child(3){height:41px}.bars i:nth-child(4){height:63px}.bars i:nth-child(5){height:70px;background:var(--teal)}.tile-b{bottom:75px;right:25px;transform:rotate(5deg);width:235px}.tile-b span{color:#76a867}.tile-b small{margin-top:8px}.art-label{position:absolute;bottom:18px;left:28px;font-size:12px;color:#526347}.about{margin:0 32px;padding:52px 0;border-top:1px solid #d5ded2;display:grid;grid-template-columns:1fr 2fr;gap:10px 60px}.about .eyebrow{grid-row:span 2}.about h2{margin:0}.about>p:last-child{color:var(--muted);max-width:720px;margin-top:8px}.services{padding:60px 32px 90px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:32px}.cards article{background:white;border:1px solid #dce2d7;border-radius:12px;padding:28px;display:flex;flex-direction:column}.num{font-size:13px;color:#687f6b}h3{font-size:21px;margin:30px 0 10px;letter-spacing:-.7px}.cards p{color:var(--muted);font-size:15px;margin:0 0 30px}.cards a{font-size:13px;font-weight:700;color:var(--teal);margin-top:auto}.contact{background:#e8eee3;border-radius:20px;display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;margin:0 32px 60px;padding:55px}.contact>div>p:not(.eyebrow){color:var(--muted);max-width:300px}.contact form{display:grid;gap:15px}.contact label{display:grid;gap:6px;font-size:13px;font-weight:600}input,select,textarea{font:inherit;padding:12px;border:1px solid #b9c9b4;border-radius:6px;background:#fff;color:var(--ink);width:100%}textarea{resize:vertical}.contact .consent{display:flex;align-items:flex-start;font-size:11px;color:var(--muted);font-weight:400}.consent input{width:auto;margin:5px 6px 0 0}.trap{position:absolute;left:-10000px}.error{color:#a02323}.success{color:#145b3d}footer{max-width:1240px;margin:auto;padding:30px 32px 45px;border-top:1px solid #dce3da}footer p,footer small{font-size:12px;color:var(--muted)}footer small a{margin-left:20px}a:hover{opacity:.8}input:focus,select:focus,textarea:focus,button:focus-visible,a:focus-visible{outline:2px solid #176451;outline-offset:3px}@media(max-width:850px){.hero{gap:25px;padding-top:55px}.hero-art{height:350px}.tile-a{left:15px;width:210px}.tile-b{right:12px;width:210px}.contact{gap:30px;padding:30px}.cards{gap:10px}.cards article{padding:20px}}@media(max-width:650px){header{padding:18px 20px;flex-wrap:wrap;gap:18px}nav{gap:18px;font-size:12px}.brand{font-size:18px}.hero{grid-template-columns:1fr;padding:45px 20px;gap:30px}.hero-art{height:320px}.about{margin:0 20px;display:block;padding:35px 0}.about h2{font-size:28px}.services{padding:30px 20px 45px}.cards{grid-template-columns:1fr;gap:15px}.cards article{padding:25px}.cards h3{margin-top:15px}.contact{margin:0 20px 35px;grid-template-columns:1fr;padding:25px;gap:20px}h2{font-size:30px}footer{padding:25px 20px}h1{letter-spacing:-1.5px}}

.hq-login-link{font-size:12px;color:#546869;white-space:nowrap}header nav{flex-wrap:wrap}@media(max-width:650px){header nav{gap:12px}.hq-login-link{font-size:11px}}
/* JM company palette: midnight navy, teal, warm gold. */
:root{--ink:#172b46;--muted:#586c80;--teal:#087f86;--bg:#f7f9fc}
body{background:radial-gradient(ellipse at 85% 8%,#d9f1ee 0,transparent 35%),var(--bg)}
header{border-bottom-color:#dce5ee}.mark{background:linear-gradient(135deg,#142e51,#07868d);box-shadow:0 5px 14px #123a5320}
.nav-cta{background:#e1f2f1;border-color:#b8deda;color:#086e76}.hq-login-link{background:#173353;color:#fff;border-radius:7px;padding:9px 13px}
.eyebrow{color:#057981}.button{background:linear-gradient(110deg,#087e87,#116078);box-shadow:0 8px 20px #07566b20}.button:hover{background:#174766;opacity:1}
h1{color:#132f50}.hero-art{background:linear-gradient(145deg,#12304f,#176273);box-shadow:0 20px 50px #12354c20}.orbit{border-color:#8fe0cf65;box-shadow:0 0 0 42px #88c7c50b,0 0 0 84px #88c7c507}.tile{background:#fcfdfb;border-color:#ffffffa6;box-shadow:0 18px 35px #061b3630}.tile-b{background:#fff6df;border-color:#f3dfb0}.tile-b span{color:#c68d22}.bars i{background:#a9dbd6}.bars i:nth-child(5){background:#07858c}.art-label{color:#deefed}
.about{border-top-color:#d8e4ed}.cards article{border-color:#dce5ef;box-shadow:0 8px 26px #132d4807;border-top:4px solid #16878c;transition:transform .2s,box-shadow .2s}.cards article:nth-child(2){border-top-color:#4667a6}.cards article:nth-child(3){border-top-color:#d0a248}.cards article:hover{transform:translateY(-4px);box-shadow:0 14px 30px #16375112}.num{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:#e3f2f0;color:#08737b;font-weight:700}.cards article:nth-child(2) .num{background:#e9eef9;color:#3a5e9b}.cards article:nth-child(3) .num{background:#fff3d8;color:#92701c}
.contact{background:linear-gradient(135deg,#142d4c,#164d63);color:#fff;box-shadow:0 16px 36px #17395615}.contact .eyebrow{color:#8ad8cc}.contact>div>p:not(.eyebrow){color:#d0e0e8}.contact form{background:#fff;border-radius:14px;padding:26px;color:var(--ink)}.contact input,.contact select,.contact textarea{background:#f8fafc;border-color:#cfdce5}.contact .consent{color:#536778}.contact .button{box-shadow:none}footer{border-color:#dce5ee}footer .brand{color:#173353}
@media(max-width:650px){.contact{padding:26px 18px}.contact form{padding:20px 16px}.hq-login-link{padding:8px 10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.cards article{transition:none}.cards article:hover{transform:none}}
