:root{--ink:#091520;--blue:#164d70;--blue-dark:#0a2639;--steel:#607483;--paper:#f1f3f2;--white:#fbfcfb;--line:#c9d0d2;--acid:#9eb9c8}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"Segoe UI",Arial,sans-serif;font-size:16px;line-height:1.55}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
button{font:inherit}
.skip-link{position:fixed;left:14px;top:14px;z-index:100;padding:8px 12px;background:#fff;transform:translateY(-160%)}
.skip-link:focus{transform:none}
.site-header{width:min(1380px,calc(100% - 64px));height:96px;margin:auto;display:flex;align-items:center;border-bottom:1px solid #adb9bd;gap:38px}
.brand{width:216px;display:flex;align-items:center;gap:11px}
.brand-mark{width:52px;height:52px;display:block;position:relative;overflow:hidden;flex:0 0 auto;background:url("../media/north-solutions-logo-transparent.png") center -51px/204px auto no-repeat}
.brand-mark img{display:none}
.brand-type{display:flex;flex-direction:column;line-height:1}
.brand-type b{font-size:1rem;letter-spacing:.24em}
.brand-type small{margin-top:6px;font-size:.49rem;letter-spacing:.37em;color:#4f6d7e}
.header-sales-link{flex:0 0 auto;padding:11px 15px;background:#236f62;color:#fff;font-size:.7rem;font-weight:800;letter-spacing:.01em;box-shadow:4px 4px 0 #b4cbc5;transition:background .2s ease,transform .2s ease,box-shadow .2s ease}
.header-sales-link:hover{background:#185448;transform:translate(-1px,-1px);box-shadow:6px 6px 0 #b4cbc5}
.header-sales-link:focus-visible{outline:3px solid #6ea99c;outline-offset:3px}
.sales-label-short{display:none}
.site-header nav{display:flex;align-items:center;gap:34px;margin-left:auto}
.site-header nav a{font-size:.78rem;font-weight:650;color:#354b58}
.site-header nav a::after{content:"";display:block;width:0;height:1px;margin-top:4px;background:#183f59;transition:width .2s ease}
.site-header nav a:hover::after{width:100%}
.site-header nav .knowledge-nav-link{padding:9px 14px;background:#174f70;color:#fff;box-shadow:4px 4px 0 #a9c0ca;transition:background .2s ease,transform .2s ease,box-shadow .2s ease}
.site-header nav .knowledge-nav-link::after{display:none}
.site-header nav .knowledge-nav-link:hover{background:#0d344b;transform:translate(-1px,-1px);box-shadow:6px 6px 0 #a9c0ca}
.site-header nav .knowledge-nav-link:focus-visible{outline:3px solid #79a9c1;outline-offset:3px}
.header-right{display:flex;align-items:center;margin-left:36px}
.language-switch{display:flex;align-items:center;gap:5px;color:#7b898f}
.language-switch button{border:0;padding:3px;background:none;color:#7b898f;font-size:.68rem;font-weight:700;cursor:pointer}
.language-switch button[aria-pressed="true"]{color:#0b1a24;text-decoration:underline;text-underline-offset:4px}
.menu-toggle{display:none;width:42px;height:42px;padding:10px;border:1px solid #aebbc0;background:transparent;cursor:pointer}
.menu-toggle span{height:1px;background:#122936;display:block;margin:6px 0}
.development-notice{width:min(1380px,calc(100% - 64px));margin:22px auto 0;padding:20px 24px;display:grid;grid-template-columns:190px 1fr 190px;align-items:center;gap:28px;border:1px solid #b87815;border-left:8px solid #d58b16;background:#f2c36f;color:#241b0c}.development-notice-label{display:flex;align-items:center;gap:10px;font-size:.58rem;letter-spacing:.16em}.development-notice-label span{width:9px;height:9px;border-radius:50%;background:#9b250f;box-shadow:0 0 0 5px rgba(155,37,15,.12)}.development-notice-copy strong{display:block;font-size:1rem}.development-notice-copy p{max-width:850px;margin:4px 0 0;color:#5c431b;font-size:.75rem;line-height:1.55}.development-notice>a{padding-bottom:7px;display:flex;justify-content:space-between;gap:14px;border-bottom:1px solid #634615;font-size:.7rem;font-weight:800}
.hero{width:min(1380px,calc(100% - 64px));min-height:680px;margin:0 auto 110px;display:grid;grid-template-columns:1.02fr .98fr;border-bottom:1px solid #adb9bd}
.hero-copy{padding:90px 60px 70px 0;display:flex;flex-direction:column}
.location{margin:0 0 24px;display:flex;align-items:center;gap:10px;color:#516a78;font-size:.62rem;font-weight:700;letter-spacing:.14em}
.location span{width:34px;height:1px;background:#6e838e}
.brand-claim{max-width:520px;margin:0 0 44px;padding-left:18px;border-left:3px solid #1d526f;color:#203b4b;font-size:clamp(.92rem,1.15vw,1.12rem);font-weight:650;letter-spacing:-.015em}
.hero h1{margin:0;font-size:clamp(4rem,6.6vw,7.3rem);line-height:.9;font-weight:630;letter-spacing:-.07em}
.hero h1 span{display:block}
.hero h1 span:nth-child(2){color:#42687e}
.hero-bottom{display:grid;grid-template-columns:1.4fr .6fr;gap:30px;align-items:end;margin-top:auto;padding-top:60px}
.hero-bottom p{max-width:560px;margin:0;color:#465d69;font-size:.93rem;line-height:1.75}
.arrow-link{padding:0 0 9px;display:flex;justify-content:space-between;gap:30px;border-bottom:1px solid #1c394a;font-size:.78rem;font-weight:700}
.hero-identity{position:relative;min-height:680px;overflow:hidden;background:#e5e9e8;border-left:1px solid #adb9bd}
.identity-blue{position:absolute;left:0;top:0;width:34%;height:100%;background:#214f6a}
.identity-logo{position:absolute;left:50%;top:50%;width:78%;height:62%;transform:translate(-44%,-54%);display:grid;place-items:center;background:#f8f9f7;box-shadow:24px 26px 0 rgba(8,31,45,.13)}
.identity-logo img{width:82%}
.identity-note{position:absolute;left:12%;right:6%;bottom:28px;display:flex;justify-content:space-between;color:#314d5d;font-size:.56rem;font-weight:700;letter-spacing:.16em}
.identity-note span:first-child{color:#d4e1e7}
.identity-cut{position:absolute;width:180px;height:26px;right:-34px;top:74px;background:#9ab0bb;transform:rotate(-38deg)}
.statement{width:min(1180px,calc(100% - 64px));margin:0 auto 145px;display:grid;grid-template-columns:180px 1fr;gap:60px}
.statement-side{padding-top:14px;display:flex;flex-direction:column;color:#58717f;font-size:.61rem;font-weight:700;letter-spacing:.15em}
.statement-side span:first-child{margin-bottom:22px;font-size:.72rem;color:#172b37}
.statement p{max-width:950px;margin:0;font-size:clamp(2.5rem,4.6vw,5rem);line-height:1.08;letter-spacing:-.047em;text-wrap:balance}
.knowledge-intro{width:min(1380px,calc(100% - 64px));min-height:390px;margin:0 auto 140px;display:grid;grid-template-columns:150px minmax(0,1fr) 280px;background:#12384f;color:#f6f8f8;border-top:8px solid #4d8dac;box-shadow:0 24px 54px rgba(12,39,54,.13)}
.knowledge-intro-rail{padding:34px 25px;display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid #547184;color:#9bb9c8;font-size:.56rem;font-weight:800;letter-spacing:.16em}
.knowledge-intro-rail b{font-size:.72rem;letter-spacing:.25em;writing-mode:vertical-rl;transform:rotate(180deg);color:#fff}
.knowledge-intro-copy{padding:60px 64px}
.knowledge-intro-kicker{margin:0 0 36px!important;color:#8fc2d9!important;font-size:.58rem!important;font-weight:800;letter-spacing:.17em}
.knowledge-intro-copy h2{max-width:760px;margin:0 0 24px;font-size:clamp(2.8rem,4.8vw,5.4rem);font-weight:590;line-height:.95;letter-spacing:-.058em}
.knowledge-intro-copy>p{max-width:730px;margin:0;color:#bdcdd4;font-size:.91rem;line-height:1.75}
.knowledge-intro-topics{margin-top:44px;padding-top:19px;display:flex;flex-wrap:wrap;gap:10px 0;border-top:1px solid #547184;color:#d9e3e7;font-size:.61rem;font-weight:760;letter-spacing:.07em;text-transform:uppercase}
.knowledge-intro-topics span{display:flex;align-items:center}
.knowledge-intro-topics span:not(:last-child)::after{content:"/";margin:0 13px;color:#6994aa}
.knowledge-intro-link{padding:38px 30px;display:grid;grid-template-columns:1fr auto;align-content:end;gap:8px 18px;background:#d5e3e7;color:#0d2939;transition:background .2s ease}
.knowledge-intro-link:hover{background:#b9d1db}
.knowledge-intro-link>span{font-size:1rem;font-weight:800}
.knowledge-intro-link>b{font-size:1.45rem;line-height:1}
.knowledge-intro-link>small{grid-column:1/-1;padding-top:14px;border-top:1px solid #88a6b4;color:#466777;font-size:.6rem;font-weight:700;letter-spacing:.08em}
.work{width:min(1380px,calc(100% - 64px));margin:0 auto 140px}
.section-head{display:grid;grid-template-columns:80px 1fr;gap:38px;margin-bottom:52px;padding-top:22px;border-top:1px solid #9fadb2}
.section-head>span{font-size:.68rem;font-weight:700}
.section-head p{margin:0 0 18px;color:#59717f;font-size:.62rem;font-weight:700;letter-spacing:.16em}
.section-head h2{max-width:900px;margin:0;font-size:clamp(2.8rem,4.7vw,5.2rem);font-weight:600;line-height:1;letter-spacing:-.055em}
.work-layout{display:grid;grid-template-columns:1.12fr .88fr;grid-template-rows:1fr 1fr;gap:12px}
.work-main,.work-secondary{position:relative;overflow:hidden}
.work-main{grid-row:1/3;min-height:580px;padding:46px;display:flex;flex-direction:column;background:#dbe4e7;border-left:8px solid #1b4f6d}
.work-number{font-size:.66rem;font-weight:800;letter-spacing:.12em}
.work-copy{margin-top:auto}
.work h3{margin:0 0 18px;font-size:clamp(2rem,3.4vw,4rem);font-weight:600;line-height:1.04;letter-spacing:-.045em}
.work p{max-width:590px;margin:0;color:#455d6a;line-height:1.75}
.work-main ul{margin:42px 0 0;padding:17px 0 0;display:flex;flex-wrap:wrap;gap:18px;border-top:1px solid #a7b7bd;list-style:none;color:#47606e;font-size:.7rem;font-weight:700}
.work-secondary{min-height:284px;padding:34px 38px;background:#fbfcfb;border:1px solid #bdc8cb}
.work-secondary .work-number{margin-bottom:56px;color:#4d6c7c}
.work-secondary h3{font-size:2.2rem}
.work-secondary p{font-size:.84rem}
.work-secondary.dark{background:#102c3f;color:#f4f6f5;border-color:#102c3f}
.work-secondary.dark p,.work-secondary.dark .work-number{color:#aebfc7}
.companies{padding:120px max(32px,calc((100% - 1380px)/2));background:#0b202f;color:#f5f7f7}
.section-head.inverse{border-color:#617580}
.section-head.inverse p{color:#91a8b4}
.company{min-height:230px;display:grid;grid-template-columns:150px 1.25fr 1fr 60px;align-items:center;gap:32px;border-top:1px solid #617580;transition:background .2s ease,padding .2s ease}
.company:last-child{border-bottom:1px solid #617580}
.company:hover{padding:0 24px;background:#102a3c}
.company-label{align-self:stretch;padding:30px 0;display:flex;flex-direction:column;justify-content:space-between;color:#94a9b4;font-size:.62rem;font-weight:700;letter-spacing:.12em}
.company-label small{font-size:.52rem}
.company-name{display:flex;flex-direction:column;line-height:.86}
.company-name b{font-size:1rem;letter-spacing:.32em;color:#87a5b5}
.company-name strong{font-size:3.5rem;font-weight:560;letter-spacing:-.04em}
.company p{max-width:410px;margin:0;color:#9eb0b9;font-size:.85rem;line-height:1.7}
.company-open{font-size:1.6rem;text-align:right}
.company-guard{background:#071720}
.guard-name strong{color:#b8d9e8}
.principles{width:min(1180px,calc(100% - 64px));margin:145px auto;display:grid;grid-template-columns:.85fr 1.15fr;gap:110px}
.principles-title>span{display:block;padding-top:18px;border-top:1px solid #9fadb2;font-size:.68rem;font-weight:700}
.principles-title p{margin:46px 0 16px;color:#59717f;font-size:.62rem;font-weight:700;letter-spacing:.16em}
.principles-title h2{margin:0;font-size:clamp(3rem,5vw,5.8rem);font-weight:600;line-height:.98;letter-spacing:-.06em}
.principles-copy>p{margin:0 0 52px;font-size:1.26rem;line-height:1.7;color:#334d5b}
.principle-list{border-top:1px solid #9fadb2}
.principle-list div{display:grid;grid-template-columns:160px 1fr;gap:24px;padding:20px 0;border-bottom:1px solid #b8c2c5}
.principle-list b{font-size:.78rem}
.principle-list span{color:#5a707c;font-size:.78rem}
.contact{width:min(1380px,calc(100% - 64px));min-height:530px;margin:0 auto 28px;padding:80px;position:relative;overflow:hidden;display:flex;align-items:center;background:#d5e0e3;border-left:12px solid #174b69}
.contact-mark{position:absolute;right:-40px;top:-130px;color:rgba(28,75,101,.09);font-size:38rem;font-weight:700;line-height:1}
.contact-copy{max-width:760px;position:relative;z-index:1}
.contact-copy>span{font-size:.63rem;font-weight:700;letter-spacing:.17em;color:#4b6878}
.contact h2{margin:24px 0;font-size:clamp(3rem,5vw,5.7rem);font-weight:600;line-height:.97;letter-spacing:-.06em}
.contact p{max-width:610px;color:#465e6b;line-height:1.75}
.contact a{width:min(430px,100%);margin-top:42px;padding:17px 0 11px;display:flex;justify-content:space-between;border-bottom:1px solid #17384b;font-size:.85rem;font-weight:700}
.contact{display:grid;grid-template-columns:minmax(300px,.8fr) minmax(460px,1.2fr);gap:80px;align-items:start}
.contact-copy{padding-top:24px}.contact-copy>span>span{font:inherit}.contact-route{display:grid;gap:7px;width:min(430px,100%);margin-top:48px;padding-top:15px;border-top:1px solid #17384b}.contact-route span{color:#526d7a;font-size:.58rem;font-weight:800;letter-spacing:.16em}.contact-route b{font-size:.86rem}
.contact-form{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:15px;padding:32px;background:#eff3f2;border-top:8px solid #174b69;box-shadow:0 22px 60px rgba(25,52,65,.12)}
.contact-form label{display:grid;gap:7px}.contact-form label>span{color:#3e5966;font-size:.67rem;font-weight:760}.contact-form input,.contact-form select,.contact-form textarea{width:100%;padding:12px;border:1px solid #9eafb5;border-radius:0;background:#fafcfb;color:#0b1820;font:inherit}.contact-form input,.contact-form select{min-height:46px}.contact-form textarea{min-height:160px;resize:vertical;line-height:1.55}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:#174b69;outline:2px solid rgba(23,75,105,.16);outline-offset:0}.contact-form .full{grid-column:1/-1}
.contact-privacy{display:flex!important;align-items:flex-start;gap:10px}.contact-privacy>input{flex:0 0 auto;width:18px;min-height:18px;margin-top:2px}.contact-privacy>span{line-height:1.5}.contact-privacy a{display:inline;width:auto;margin:0;padding:0;border:0;text-decoration:underline;font-size:inherit}.contact-honeypot{position:absolute!important;left:-9999px}
.contact-submit{display:flex;min-height:52px;align-items:center;justify-content:space-between;padding:0 17px;border:0;background:#123b54;color:#fff;font-weight:800;cursor:pointer}.contact-submit:disabled{cursor:wait;opacity:.62}.contact-result{min-height:22px;font-size:.72rem}.contact-result.success{color:#176745}.contact-result.error{color:#8b2835}
.site-footer{width:min(1380px,calc(100% - 64px));min-height:150px;margin:auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:26px;color:#60737c;font-size:.67rem}
.footer-brand{width:190px}
.site-footer>p{text-align:center}
.footer-links{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:10px 18px}
.footer-monitor-login{padding:7px 10px;border:1px solid #718995;background:#e7eded;color:#123a50!important;font-weight:750}
.reveal{opacity:0;transform:translateY(14px);transition:opacity .55s ease,transform .55s ease}
.reveal.is-visible{opacity:1;transform:none}
@media(max-width:1050px){.hero{grid-template-columns:1fr}.hero-copy{min-height:650px;padding-right:0}.hero-identity{min-height:620px;border-left:0;border-top:1px solid #adb9bd}.statement{grid-template-columns:120px 1fr}.work-layout{grid-template-columns:1fr}.work-main{grid-row:auto}.company{grid-template-columns:100px 1fr 1fr 40px}.principles{gap:60px}}
@media(max-width:1280px){.site-header{position:relative}.site-header nav{display:none;position:absolute;top:95px;left:0;right:0;z-index:30;padding:24px;flex-direction:column;align-items:flex-start;background:#f1f3f2;border:1px solid #aebbc0;box-shadow:0 18px 42px rgba(18,45,59,.12)}.site-header.menu-open nav{display:flex}.site-header nav .knowledge-nav-link{width:100%}.header-right{margin-left:auto}.menu-toggle{display:block}}
@media(max-width:900px){.contact{grid-template-columns:1fr;gap:40px}}
@media(max-width:760px){.site-header{width:calc(100% - 32px);height:80px;position:relative}.brand{width:180px}.brand-mark{width:44px;height:44px;background-position:center -43px;background-size:172px auto}.site-header nav{display:none;position:absolute;top:79px;left:0;right:0;z-index:20;padding:22px;flex-direction:column;align-items:flex-start;background:#f1f3f2;border:1px solid #aebbc0}.site-header.menu-open nav{display:flex}.header-right{margin-left:auto}.language-switch{display:none}.menu-toggle{display:block}.development-notice{width:calc(100% - 32px);padding:18px;grid-template-columns:1fr;gap:13px}.development-notice>a{margin-top:4px}.hero{width:calc(100% - 32px);margin-bottom:90px}.hero-copy{min-height:610px;padding:70px 0 48px}.location{margin-bottom:20px}.brand-claim{margin-bottom:36px}.hero h1{font-size:clamp(3.7rem,18vw,6rem)}.hero-bottom{grid-template-columns:1fr;align-items:start}.hero-identity{min-height:490px}.identity-logo{width:82%;height:64%;transform:translate(-43%,-53%)}.identity-note{left:8%}.statement{width:calc(100% - 32px);margin-bottom:100px;grid-template-columns:1fr;gap:28px}.statement p{font-size:clamp(2.35rem,11vw,3.8rem)}.work{width:calc(100% - 32px);margin-bottom:100px}.section-head{grid-template-columns:42px 1fr;gap:18px}.work-main{min-height:520px;padding:30px 24px}.work-secondary{padding:28px 24px}.companies{padding:90px 16px}.company{min-height:310px;padding:26px 0;grid-template-columns:1fr 40px;gap:22px}.company:hover{padding:26px 12px}.company-label{grid-column:1/-1;align-self:auto;padding:0;flex-direction:row}.company-name,.company p{grid-column:1}.company-open{grid-column:2;grid-row:2/4}.company-name strong{font-size:3rem}.principles{width:calc(100% - 32px);margin:100px auto;grid-template-columns:1fr;gap:54px}.principle-list div{grid-template-columns:1fr;gap:6px}.contact{width:calc(100% - 32px);min-height:560px;padding:54px 26px;border-left-width:7px}.contact-form{grid-template-columns:1fr;padding:24px 18px}.contact-form>*{grid-column:1!important}.site-footer{width:calc(100% - 32px);padding:38px 0;grid-template-columns:1fr;text-align:center}.footer-brand{margin:auto}.site-footer>p{text-align:center}.footer-links{justify-content:center;flex-wrap:wrap}}
@media(max-width:560px){.site-header{gap:10px}.brand{width:180px}.header-sales-link{padding:10px 12px}.sales-label-full{display:none}.sales-label-short{display:inline}.header-right{margin-left:auto}}
@media(max-width:420px){.brand{width:auto}.brand-type{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}}
.solutions-hosting-teaser{width:min(1380px,calc(100% - 64px));min-height:520px;margin:0 auto 115px;display:grid;grid-template-columns:170px 1fr 230px;background:#dce5e6;border-top:1px solid #9baab0;border-bottom:1px solid #9baab0}
.solutions-hosting-label{padding:40px 24px;border-right:1px solid #aab8bd;color:#52707f;font-size:.61rem;font-weight:750;letter-spacing:.15em}.solutions-hosting-label span{display:block;margin-bottom:48px;color:#102b39}.solutions-hosting-label p{margin:0;writing-mode:vertical-rl;transform:rotate(180deg)}
.solutions-hosting-copy{padding:64px 70px;display:flex;flex-direction:column;align-items:flex-start}.solutions-hosting-copy small{color:#577483;font-size:.56rem;font-weight:750;letter-spacing:.15em}.solutions-hosting-copy h2{max-width:850px;margin:70px 0 20px;font-size:clamp(3rem,5vw,5.8rem);font-weight:580;line-height:.96;letter-spacing:-.06em}.solutions-hosting-copy>p{max-width:630px;margin:0;color:#506873;line-height:1.75}.solutions-hosting-copy .arrow-link{width:230px;margin-top:auto}
.solutions-hosting-state{padding:40px 30px;display:flex;flex-direction:column;background:#102d3f;color:#fff}.solutions-hosting-state>span{font-size:.57rem;font-weight:800;letter-spacing:.17em;color:#8daab7}.solutions-hosting-state>b{margin:auto 0 15px;font-size:3.7rem;font-weight:550;letter-spacing:-.07em;writing-mode:vertical-rl;transform:rotate(180deg);color:#a7cfbf}.solutions-hosting-state>small{color:#acbec5}
@media(max-width:1050px){.solutions-hosting-teaser{grid-template-columns:110px 1fr}.solutions-hosting-state{grid-column:1/-1;min-height:160px}.solutions-hosting-state>b{writing-mode:initial;transform:none}}
@media(max-width:760px){.solutions-hosting-teaser{width:calc(100% - 32px);margin-bottom:90px;grid-template-columns:1fr}.solutions-hosting-label{padding:24px;border-right:0;border-bottom:1px solid #aab8bd;display:flex;justify-content:space-between}.solutions-hosting-label span{margin:0}.solutions-hosting-label p{writing-mode:initial;transform:none}.solutions-hosting-copy{min-height:510px;padding:40px 24px}.solutions-hosting-copy h2{margin:55px 0 20px}}
@media(max-width:1050px){.knowledge-intro{grid-template-columns:110px minmax(0,1fr)}.knowledge-intro-link{grid-column:1/-1;min-height:150px}}
@media(max-width:760px){.site-header nav .knowledge-nav-link{width:100%}.knowledge-intro{width:calc(100% - 32px);margin-bottom:100px;grid-template-columns:1fr}.knowledge-intro-rail{min-height:72px;padding:20px 22px;flex-direction:row;align-items:center;border-right:0;border-bottom:1px solid #547184}.knowledge-intro-rail b{writing-mode:initial;transform:none}.knowledge-intro-copy{padding:42px 24px}.knowledge-intro-kicker{margin-bottom:27px!important}.knowledge-intro-copy h2{font-size:clamp(2.7rem,13vw,4.4rem)}.knowledge-intro-topics{margin-top:34px}.knowledge-intro-link{grid-column:auto;min-height:150px;padding:28px 24px}}
.footer-links .withdrawal-link{padding:8px 11px;background:#092131;color:#fff}.footer-links .withdrawal-link:hover{background:#174a61;color:#fff}