:root{--ink:#10365d;--paper:#f7f8f6;--yellow:#ffdf19;--line:#d3dfe9}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:18px}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.45 Arial,Helvetica,sans-serif}.site-shell{max-width:1000px;margin:38px auto 24px;background:#fff;box-shadow:0 8px 38px #1739570d;border-radius:7px;overflow:hidden}.wrap{width:100%;margin:0}a{color:inherit}a:hover{text-decoration:underline;text-underline-offset:4px}a:focus-visible{outline:3px solid #a57400;outline-offset:4px}img{display:block}.masthead{display:flex;height:124px;background:#072b4b}.brand{display:block;width:333px;flex-shrink:0;overflow:hidden;background:#ffdf19}.brand img{width:993px;max-width:none;height:124px}.header-art{flex:1;background:linear-gradient(90deg,#06264755,#06264700),url('assets/globe-canada.png') center 48%/cover}.navigation{display:flex;align-items:center;gap:28px;padding:12px 28px;background:#073967;color:#fff;border-top:5px solid white;font-size:13px;font-weight:700}.navigation a{text-decoration:none;padding:2px 0}.navigation a:hover{text-decoration:underline}.navigation .home{color:var(--yellow);border-bottom:2px solid var(--yellow)}.nav-phone{margin-left:auto;white-space:nowrap}.hero{position:relative;min-height:365px;padding:35px 42px;background:#e5edf3 url('assets/globe-canada.png') center 48%/cover;isolation:isolate}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#edf4f9 0%,#edf4f9f5 30%,#edf4f9c9 43%,#edf4f93d 61%,transparent 76%);z-index:-1}.hero-copy{max-width:470px}.eyebrow{font-size:10px;letter-spacing:1.4px;font-weight:700;margin:0 0 12px}h1{font-size:42px;line-height:1.05;letter-spacing:-1.4px;margin:0 0 15px;font-weight:750}.dot{color:inherit}.intro{font-size:15px;max-width:340px;line-height:1.5;margin:0 0 19px}.actions{display:flex}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:10px 17px;background:var(--yellow);color:#102c47;border-radius:5px;text-decoration:none;font-size:16px;font-weight:700;box-shadow:0 2px 4px #122d541a}.button:hover{background:#ffe74d;text-decoration:none}.button>span:first-child{font-size:27px;font-weight:400}.button>span:last-child{font-size:25px}.button small{display:block;font-size:10px;font-weight:400;margin-top:1px}.services{background:linear-gradient(#f7fbff,#eff5fb);padding:25px 18px}.service-list{display:grid;grid-template-columns:repeat(4,1fr)}.service-list article{text-align:center;padding:0 20px;border-right:1px solid #cdddec}.service-list article:last-child{border-right:0}.service-list svg{display:block;width:43px;height:43px;margin:0 auto 10px;color:#1b5b94}.service-list h3{font-size:15px;line-height:1.2;margin:0 0 6px}.service-list p{font-size:11px;margin:0;color:#354d63}.information{display:grid;grid-template-columns:1fr 1fr;gap:2px;padding:16px 22px;background:#fff}.info-panel{padding:18px 22px;background:linear-gradient(120deg,#f6f9fc,#e9eff5);border-radius:7px}.info-panel h2{font-size:20px;margin:0 0 12px;line-height:1.25;letter-spacing:-.3px}.info-panel p{font-size:13px;margin:0 0 8px;color:#253e54}.info-panel p:last-child{margin-bottom:0}.info-panel ul{list-style:none;margin:0 0 10px;padding:0;font-size:13px}.info-panel li:before{content:'✓';color:#1c6094;margin-right:9px;font-weight:700}.contact{display:grid;grid-template-columns:1fr 1.2fr;gap:22px;background:linear-gradient(#edf3f7,#dce5eb);padding:21px 35px}.contact h2{font-size:17px;margin:0 0 7px}.contact p{font-size:12px;margin:0}.contact-options{display:flex;flex-wrap:wrap;align-items:center;gap:16px 25px}.label{display:block;font-size:9px;letter-spacing:1px;margin-bottom:4px;font-weight:700}.contact-phone{display:block;font-size:21px;font-weight:700;text-decoration:none}.contact-phone span{font-size:16px}.text-link{font-size:12px}.sms{display:block;margin-top:4px}.contact-options>div:last-child a{overflow-wrap:anywhere}footer{display:flex;justify-content:space-between;gap:20px;padding:13px 28px;font-size:10px;color:#3c566e}footer>span{font-weight:700}footer p{margin:0}.skip{position:absolute;left:20px;top:-100px;background:white;padding:12px;z-index:10}.skip:focus{top:10px}[hidden]{display:none!important}@media(max-width:1040px){.site-shell{margin:24px 20px}}@media(max-width:720px){.masthead{height:98px}.brand{width:263px}.brand img{width:785px;height:98px}.navigation{gap:20px;padding:11px 20px;flex-wrap:wrap}.nav-phone{font-size:12px}.hero{padding:30px;min-height:355px}.hero:before{background:linear-gradient(90deg,#edf4f9fa,#edf4f9df 45%,#edf4f944 80%)}h1{font-size:38px}.service-list article{padding:0 10px}.service-list h3{font-size:13px}.information{padding:12px}.info-panel{padding:17px}.info-panel h2{font-size:18px}.contact{padding:22px}.contact-phone{font-size:19px}}@media(max-width:500px){.site-shell{margin:12px 10px}.masthead{height:88px}.brand{width:236px}.brand img{width:705px;height:88px}.header-art{background-position:65% center}.navigation{gap:14px;padding:10px 14px;font-size:11px}.nav-phone{margin-left:0;width:100%;border-top:1px solid #ffffff30;padding-top:7px!important}.hero{padding:26px 22px;min-height:370px;background-position:58% center}.hero:before{background:linear-gradient(90deg,#edf4f9f5,#edf4f9e8 48%,#edf4f960)}h1{font-size:35px}.intro{font-size:14px;max-width:270px}.button{font-size:15px;gap:13px}.services{padding:20px 10px}.service-list{grid-template-columns:repeat(2,1fr);gap:24px 0}.service-list article:nth-child(2){border:0}.service-list svg{width:36px;height:36px}.service-list h3{font-size:14px}.information{grid-template-columns:1fr;gap:10px}.contact{grid-template-columns:1fr;gap:18px}.contact-options{gap:20px}.contact-phone{font-size:21px}footer{flex-wrap:wrap;padding:13px 20px;gap:6px}footer p{width:100%;order:3}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Services directly below the logo header; contact links remain below. */
.masthead{border-bottom:5px solid #fff}

/* Original logo and service icons share the header. */
.masthead{height:auto;min-height:124px;align-items:stretch;background:#eff5fb}
.masthead .brand{width:290px;display:flex;align-items:center;background:#ffdf19}
.masthead .brand img{width:865px;height:108px;flex-shrink:0}
.masthead .services{flex:1;min-width:0;padding:19px 8px;display:flex;align-items:center}
.masthead .service-list{width:100%}
.masthead .service-list article{padding:0 9px}
.masthead .service-list svg{width:33px;height:33px;margin-bottom:8px}
.masthead .service-list h3{font-size:12px}
.masthead .service-list p{font-size:10px}
@media(max-width:850px){.masthead .brand{width:235px}.masthead .brand img{width:701px;height:87.5px}.masthead .service-list p{display:none}.masthead .service-list h3{font-size:11px}}
@media(max-width:600px){.masthead .brand{width:160px}.masthead .brand img{width:477px;height:59.6px}.masthead .services{padding:14px 5px}.masthead .service-list{grid-template-columns:repeat(2,1fr);gap:14px 0}.masthead .service-list article{padding:0 5px}.masthead .service-list article:nth-child(2){border:0}.masthead .service-list svg{width:26px;height:26px;margin-bottom:5px}.masthead .service-list h3{font-size:10px;margin-bottom:0}}
@media(max-width:350px){.masthead .brand{width:135px}.masthead .brand img{width:403px;height:50.3px}}

/* Recreated raster logo; installed font files are not distributed. */
.masthead .brand img{width:100%;height:auto;max-width:100%;flex-shrink:1}


.support-notice{border-left:3px solid #1b5b94;background:#fff;padding:10px 12px;border-radius:3px}.support-notice strong{display:block;margin-bottom:4px;color:#10365d}

/* Clear contact actions with supporting phone caption. */
.contact{grid-template-columns:1fr 1.55fr;align-items:center;gap:26px;padding:26px 35px}
.contact h2{font-size:26px;letter-spacing:-.5px;margin-bottom:8px}
.contact-options{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:18px}
.contact-phone{white-space:nowrap;font-size:24px}
.phone-caption{font-size:11px;letter-spacing:.5px;margin:3px 0 13px;text-transform:none}
.contact-action{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 17px;border:1px solid #164d7c;border-radius:4px;background:#fff;color:#10365d;font-size:13px;font-weight:700;text-decoration:none;margin:0}
.contact-action:hover{background:#10365d;color:#fff;text-decoration:none}
@media(max-width:720px){.contact{grid-template-columns:1fr;padding:24px}.contact-options{grid-template-columns:1fr 1fr}.contact-phone{font-size:23px}}
@media(max-width:380px){.contact-options{grid-template-columns:1fr;gap:12px}.contact-action{width:100%}}

/* Consistent rounded panels and actions. */
.site-shell{border-radius:16px}
.hero{border-radius:12px;overflow:hidden}
.info-panel{border-radius:12px}
.button,.contact-action{border-radius:10px}
.support-notice{border:2px solid #1b5b94;border-radius:12px;background:#fff;padding:12px 14px}


/* Phone number is a visible tap-to-call button. */
.contact-phone{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:10px 15px;border:1px solid #164d7c;border-radius:10px;background:#fff;color:#10365d;font-size:21px;font-weight:700;text-decoration:none}
.contact-phone:hover{background:#10365d;color:#fff;text-decoration:none}
@media(max-width:380px){.contact-phone{width:100%;font-size:20px}}


/* A simple contact heading and three equal actions. */
.contact{display:block;padding:28px 34px 30px;background:#edf3f7}
.contact-heading{margin-bottom:20px}
.contact-heading h2{font-size:25px;margin:0 0 5px;letter-spacing:-.4px}
.contact-heading p{font-size:12px;color:#405d75;margin:0}
.contact-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.contact-actions .contact-action{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:4px;min-height:78px;width:100%;padding:14px 18px;border:1px solid #bbcddd;background:#fff;color:#10365d;border-radius:12px;text-decoration:none}
.contact-actions .contact-action>span:first-child{font-size:16px;font-weight:700}
.contact-actions .action-detail{font-size:12px;font-weight:400;line-height:1.4}
.contact-actions .call-action{background:#10365d;color:#fff;border-color:#10365d}
.contact-actions .contact-action:hover{background:#dce9f3;color:#10365d;border-color:#6c94b5}
.contact-actions .call-action:hover{background:#1a4b76;color:#fff}
@media(max-width:500px){.contact{padding:24px 20px}.contact-actions{gap:8px}.contact-actions .contact-action{padding:12px 10px;min-height:76px}.contact-actions .action-detail{font-size:10px}.contact-heading p{max-width:260px}}
@media(max-width:350px){.contact-actions{grid-template-columns:1fr}.contact-actions .contact-action{min-height:62px;flex-direction:row;align-items:center;justify-content:space-between}.contact-actions .action-detail{font-size:12px}}

/* Center the contact heading and action labels. */
.contact-heading{text-align:center}
.contact-actions .contact-action{align-items:center;text-align:center}
@media(max-width:350px){.contact-actions .contact-action{flex-direction:column;justify-content:center;align-items:center}}


/* Brand-yellow contact buttons. */
.contact-actions .contact-action{background:var(--yellow);color:#10365d;border-color:#e3c400}
.contact-actions .contact-action:hover{background:#ffeb69;color:#10365d;border-color:#b69b00}


footer{justify-content:center;text-align:center}


.support-notice{text-align:center}


/* Use Segoe UI when installed, with familiar system-font fallbacks. */
body{font-family:"Segoe UI",system-ui,-apple-system,BlinkMacSystemFont,Arial,sans-serif}



/* Center the heading and service lines above the QuickSupport notice. */
#remote.info-panel>h2,#remote.info-panel>ul{text-align:center}


/* Larger contact actions without a visible heading. */
.contact-actions .contact-action{min-height:90px;padding:17px 20px}
.contact-actions .contact-action>span:first-child{font-size:19px}
.contact-actions .action-detail{font-size:14px}
@media(max-width:500px){.contact-actions .contact-action{min-height:86px;padding:14px 8px}.contact-actions .contact-action>span:first-child{font-size:18px}.contact-actions .action-detail{font-size:12px}}


.information>.info-panel:first-child{text-align:center}
.keep-together{white-space:nowrap}


/* One unified message beside the globe. */
.hero h1{font-size:30px;line-height:1.25;letter-spacing:-.6px;max-width:430px;margin-bottom:24px;font-weight:650}
@media(max-width:500px){.hero h1{font-size:27px;max-width:310px}}

/* Center the message on the left and place QuickSupport lower. */
.hero{display:flex;align-items:stretch}
.hero-copy{width:46%;max-width:430px;min-height:295px;display:flex;flex-direction:column;align-items:center;text-align:center}
.hero h1{margin:28px 0 0;width:100%;max-width:410px}
.hero .actions{margin-top:auto;padding-top:36px;justify-content:center;width:100%}
@media(max-width:720px){.hero-copy{width:54%;min-height:295px}.hero h1{font-size:28px;margin-top:20px}}
@media(max-width:500px){.hero-copy{width:100%;max-width:310px;min-height:318px}.hero h1{font-size:27px;margin-top:16px}.hero .actions{padding-top:32px}}

/* Soft brand-yellow backgrounds for services and the support notice. */
.masthead .services{background:#fff4bd}
.support-notice{background:#fff4bd}


/* Carry the soft yellow through the page without changing logo or globe. */
body,.site-shell,.masthead,.information,.info-panel,.contact,footer{background:#fff4bd}
.contact-actions .contact-action,.button{background:#fff4bd}
.contact-actions .contact-action:hover,.button:hover{background:#ffe98a}


/* Neutral surroundings separate the yellow panels and buttons. */
body{background:#f7f8f6}
.site-shell,.information,.contact,footer{background:#fff}
.info-panel,.masthead .services,.support-notice{background:#fff4bd}


/* Restore the original blue-gray information panels. */
.information>.info-panel{background:linear-gradient(120deg,#f6f9fc,#e9eff5)}


/* A shared blue gradient echoes the globe banner above. */
.information{background:linear-gradient(90deg,#eaf2f8 0%,#dceaf4 45%,#bfd7e9 100%);border-radius:12px;margin:12px 0;padding:16px 22px}
.information>.info-panel{background:transparent}
@media(max-width:500px){.information{padding:12px}}


/* Match the contact area to the information-section gradient. */
.contact{background:linear-gradient(90deg,#eaf2f8 0%,#dceaf4 45%,#bfd7e9 100%);border-radius:12px}


/* Trebuchet typography trial; the logo remains an unchanged image. */
body{font-family:"Trebuchet MS","Segoe UI",Arial,sans-serif}
.hero h1,.info-panel h2{font-weight:400}
.service-list h3{font-weight:600}


/* Selected typeface; the raster logo remains unchanged. */
body{font-family:'Contrail One','Trebuchet MS',sans-serif}
.hero h1,.info-panel h2,.service-list h3,.contact-actions .contact-action>span:first-child{font-weight:400}