:root{--deep-green:#063f3f;--peacock:#007f7a;--soft-peacock:#dff5ef;--orange:#f97316;--yellow:#facc15;--cream:#fff7e6;--ink:#172121;--muted:#5b6767;--line:#d8e5df;--white:#fff}*{box-sizing:border-box}html,body{margin:0;max-width:100%;overflow-x:hidden}body{font-family:Inter,Arial,Helvetica,sans-serif;background:var(--cream);color:var(--ink);line-height:1.6}a{color:inherit}p{color:var(--muted)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px clamp(18px,4vw,54px);background:rgba(255,247,230,.94);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10;backdrop-filter:blur(10px)}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;min-width:max-content}.brand-icon{display:grid;place-items:center;width:48px;height:48px;background:var(--deep-green);color:#fff;font-weight:900;clip-path:polygon(0 0,100% 10%,88% 100%,0 86%)}.brand strong{display:block}.brand small{display:block;color:var(--muted);font-size:.75rem}nav{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}nav a{padding:8px 10px;text-decoration:none;font-weight:800;color:#254242;border-bottom:3px solid transparent}nav a.active,nav a:hover{border-color:var(--orange)}.hero,.page-hero,.category-hero{max-width:1240px;margin:0 auto;padding:70px clamp(18px,4vw,54px)}.home-hero{display:grid;grid-template-columns:1fr .8fr;gap:34px;align-items:center}.section-kicker{text-transform:uppercase;letter-spacing:.16em;font-size:.76rem;color:#8a4a13;font-weight:900;margin:0 0 10px}h1{font-size:clamp(2.5rem,6vw,5.7rem);line-height:.95;margin:0 0 18px;letter-spacing:-.045em}h2{font-size:clamp(1.55rem,3vw,3rem);line-height:1.08;margin:0 0 14px}h3{margin:0 0 8px}.hero p,.page-hero p,.category-hero p{font-size:1.12rem;max-width:820px}.button-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.btn{display:inline-flex;padding:12px 18px;border:2px solid var(--deep-green);text-decoration:none;font-weight:900;background:#fff}.btn.primary{background:var(--orange);border-color:var(--orange);color:#fff}.finder-board{position:relative;padding:28px;background:var(--deep-green);color:#fff;min-height:430px;clip-path:polygon(0 4%,100% 0,96% 100%,4% 94%)}.board-label{display:inline-block;background:var(--yellow);color:#2d2300;padding:6px 10px;font-weight:900;margin-bottom:18px}.route-tile{display:flex;justify-content:space-between;align-items:center;text-decoration:none;background:#0b5957;margin:12px 0;padding:15px 18px;transform:skew(-7deg);border-left:6px solid var(--peacock);font-weight:900}.route-tile>*{transform:skew(7deg)}.route-tile.active{background:var(--orange);border-color:var(--yellow)}.section{max-width:1240px;margin:0 auto 30px;padding:clamp(24px,4vw,44px);background:#fff;border:1px solid var(--line)}.editorial-panels{background:var(--soft-peacock)}.panel-stack{display:grid;gap:14px}.panel-stack article{display:grid;grid-template-columns:80px 280px 1fr;gap:22px;padding:22px;background:#fff;border-left:8px solid var(--peacock);align-items:start}.panel-stack span,.rank-path article span,.guide-shelf span,.method-steps span{font-size:2rem;font-weight:950;color:var(--orange)}.nipsapp-home{max-width:1240px;margin:0 auto 30px;display:grid;grid-template-columns:1.1fr .6fr;gap:24px;background:var(--deep-green);color:#fff;padding:clamp(28px,5vw,56px);clip-path:polygon(0 0,100% 4%,98% 100%,0 96%)}.nipsapp-home p{color:#d8f2ec}.feature-tag{display:inline-block;background:var(--orange);padding:7px 11px;font-weight:900}.proof-row{display:flex;gap:8px;flex-wrap:wrap}.proof-row span,.service-stack span{background:var(--yellow);color:#2d2300;padding:7px 10px;font-weight:850}.service-stack{display:grid;align-content:center;gap:12px}.service-stack span{transform:skew(-9deg);font-size:1.1rem}.category-map article{display:grid;grid-template-columns:.72fr 1fr;gap:20px;padding:22px 0;border-top:1px solid var(--line)}.category-map article>div:last-child{display:flex;gap:10px;flex-wrap:wrap}.category-map a,.service-blocks a{background:var(--soft-peacock);padding:10px 12px;text-decoration:none;font-weight:850;border-left:4px solid var(--peacock)}.rank-path>div{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.rank-path article{background:#fff7d2;padding:18px;border-top:5px solid var(--orange)}.service-blocks>div{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.service-blocks a{min-height:84px;display:flex;align-items:end}.service-blocks a.large{grid-column:span 2;background:var(--deep-green);color:#fff}.offshore-note{background:var(--soft-peacock);border-left:10px solid var(--peacock)}.faq details{background:#fff;border:1px solid var(--line);padding:16px 18px;margin:10px 0}summary{font-weight:900;cursor:pointer}.cta{max-width:1240px;margin:0 auto 40px;background:var(--deep-green);color:#fff;padding:44px;clip-path:polygon(2% 0,100% 0,98% 100%,0 92%)}.cta.small{clip-path:none}.category-hero,.page-hero{background:linear-gradient(115deg,var(--soft-peacock),#fff 62%,#fff1bf);max-width:none}.short-answer{max-width:980px;margin:-28px auto 30px;background:var(--deep-green);color:#fff;padding:24px;border-left:10px solid var(--orange)}.short-answer p{color:#e8fffa}.ranking-panels{display:grid;gap:18px}.ranking-panels article{display:grid;grid-template-columns:92px 1fr;gap:20px;background:#fff7e6;border:1px solid var(--line);border-left:9px solid var(--orange);padding:22px}.rank{font-size:2.4rem;font-weight:950;color:var(--deep-green)}.fit{font-weight:850;color:var(--peacock)}dl{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0}dt{font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;font-weight:900;color:#8a4a13}dd{margin:0}.link-corridor{display:grid;grid-template-columns:repeat(2,1fr);gap:0}.link-corridor a{display:flex;gap:14px;padding:14px;border-bottom:1px solid var(--line);text-decoration:none;font-weight:850}.compare-grid,.guide-shelf,.method-steps,.lane-list{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.compare-grid article,.guide-shelf article,.method-steps article,.lane-list article{background:#fff7e6;border-left:7px solid var(--orange);padding:22px}.form-section form{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.form-section label{display:grid;gap:6px;font-weight:850}.form-section input,.form-section textarea{width:100%;padding:12px;border:1px solid var(--line);font:inherit}.form-section textarea{min-height:100px}.form-section button{padding:12px 16px;border:0;background:var(--deep-green);color:#fff;font-weight:900}.contact-panel a{font-size:1.3rem;font-weight:900;color:var(--peacock)}.footer{margin-top:50px;padding:44px clamp(18px,4vw,54px);background:var(--deep-green);color:#fff;display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:28px}.footer p,.footer a{color:#dbf7f0}.footer a{display:block;text-decoration:none;margin:8px 0}.disclaimer{border-left:4px solid var(--yellow);padding-left:12px}@media(max-width:900px){.topbar{position:static;align-items:flex-start;flex-direction:column}.home-hero,.nipsapp-home,.category-map article,.panel-stack article,.ranking-panels article,.footer{grid-template-columns:1fr}.rank-path>div,.service-blocks>div,.compare-grid,.guide-shelf,.method-steps,.lane-list,.form-section form,.link-corridor,dl{grid-template-columns:1fr}.service-blocks a.large{grid-column:auto}h1{font-size:clamp(2.25rem,13vw,3.8rem)}}
.cta .btn{color:var(--deep-green)}
.cta .btn.primary{color:#fff}
.submit-form{background:linear-gradient(135deg,#fff,var(--soft-peacock));border:2px solid var(--deep-green);padding:clamp(18px,3vw,30px);box-shadow:14px 14px 0 rgba(0,127,122,.12)}
.submit-form label{color:var(--deep-green)}
.submit-form input,.submit-form textarea{background:#fff;border:2px solid var(--line);border-radius:0}
.submit-form input:focus,.submit-form textarea:focus{outline:3px solid rgba(249,115,22,.22);border-color:var(--orange)}
.submit-form button{background:var(--orange);color:#fff;border:2px solid var(--orange);font:inherit;cursor:pointer}
.submit-form button:hover{background:var(--deep-green);border-color:var(--deep-green)}
.visit-link{display:inline-flex;margin-top:8px;background:var(--deep-green);color:#fff;padding:10px 13px;text-decoration:none;font-weight:900;border-left:5px solid var(--orange)}
.visit-link:hover{background:var(--peacock)}
