/*
Theme Name: CanadaDC Modern
Theme URI: https://canadadc.com/
Author: CanadaDC
Description: Custom responsive WordPress theme for CanadaDC IT consulting, managed technology and graphic design.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: canadadc-modern
*/
:root{--ink:#101d33;--muted:#66748b;--blue:#3978ff;--deep:#07142a;--line:#e8edf5;--light:#f6f8fc;--white:#fff;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:16px/1.65 -apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;color:var(--ink);background:#fff}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}button,input,textarea{font:inherit}button{cursor:pointer}.container{width:min(var(--max),calc(100% - 44px));margin:auto}.site-header{position:relative;z-index:10;background:#fff;border-bottom:1px solid #edf0f5}.nav-inner{height:82px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{display:flex;align-items:center;gap:12px;font-size:24px;font-weight:850;letter-spacing:-1.15px;color:#12203a}.brand-symbol{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#2b65df,#66adff);color:#fff;font-weight:850;font-size:19px;letter-spacing:-2px}.brand span em{color:var(--blue);font-style:normal}.brand-tag{font-size:10px;text-transform:uppercase;font-weight:750;letter-spacing:2px;color:#7c8aa1;margin-top:-7px}.brand-lockup{display:flex;flex-direction:column}.nav-links{display:flex;align-items:center;gap:31px}.nav-links a{font-size:13px;color:#39465d;font-weight:650}.nav-links a:hover{color:var(--blue)}.nav-links .nav-cta{background:#2f6bef;color:#fff;border-radius:9px;padding:12px 19px;box-shadow:0 6px 14px #3075ed2b}.menu-toggle{display:none;border:0;background:#eff4fc;padding:10px 13px;border-radius:8px;color:#15325e}.hero{position:relative;background:#081a34;color:#fff;min-height:600px;display:flex;align-items:center;overflow:hidden}.hero:before{content:'';position:absolute;inset:0;background:url('assets/images/it-consulting-hero.png') center /cover no-repeat}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,18,41,.77) 0%,rgba(5,18,41,.47) 40%,rgba(5,18,41,.03) 83%)}.hero .container{position:relative;z-index:1;padding:100px 0}.eyebrow{display:inline-flex;align-items:center;gap:10px;color:#b5cdf9;text-transform:uppercase;font-size:11px;letter-spacing:2.5px;font-weight:800}.eyebrow:before{content:'';width:24px;height:2px;background:#5ea4ff}.hero h1{max-width:650px;font-size:clamp(42px,5.4vw,70px);line-height:1.11;letter-spacing:-3.6px;margin:24px 0 22px;font-weight:800}.hero h1 strong{color:#7fb2ff;font-weight:inherit}.hero p{max-width:560px;font-size:17px;line-height:1.85;color:#d5e0ee;margin:0 0 30px}.buttons{display:flex;align-items:center;flex-wrap:wrap;gap:14px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:9px;font-weight:750;font-size:13px;padding:15px 24px;border:1px solid transparent;transition:transform .15s,background .15s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:#397aff;color:#fff}.btn-outline{border-color:#7487a6;color:#fff;background:#ffffff12}.btn-dark{color:#fff;background:#102e5b}.hero-note{display:flex;align-items:center;gap:11px;color:#c2d4ee;font-size:12px;margin-top:37px}.dot{height:8px;width:8px;display:inline-block;background:#58d3b0;border-radius:50%;box-shadow:0 0 0 5px #58d3b022}.trustbar{border-bottom:1px solid var(--line);background:#fff}.trustgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:26px 0}.trustitem{display:flex;align-items:center;gap:12px;font-weight:700;font-size:13px;color:#4e5b70}.trustitem svg{width:23px;height:23px;stroke:#3378ea;fill:none;stroke-width:1.75}.section{padding:105px 0}.section-alt{background:var(--light)}.section-label{font-size:11px;font-weight:850;letter-spacing:2px;color:#397aff;text-transform:uppercase}.section h2,.cta h2{font-size:clamp(30px,3.2vw,43px);letter-spacing:-1.8px;line-height:1.2;margin:12px 0 18px}.section-lead{max-width:650px;font-size:16px;color:var(--muted);margin:0 0 44px}.heading-row{display:flex;align-items:end;justify-content:space-between;gap:30px}.heading-row .section-lead{margin-bottom:0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:23px;margin-top:45px}.service-card{background:#fff;border:1px solid #e9edf4;border-radius:16px;padding:33px 29px;box-shadow:0 8px 25px #0b2d6110;transition:transform .2s,box-shadow .2s}.service-card:hover{transform:translateY(-5px);box-shadow:0 18px 40px #0b2d6119}.service-icon{width:52px;height:52px;display:grid;place-items:center;background:#edf4ff;border-radius:13px;color:#3976e7;font-size:26px;font-weight:700}.service-card h3{font-size:20px;letter-spacing:-.5px;margin:24px 0 9px}.service-card p{color:#6c788b;font-size:14px;margin:0 0 22px;min-height:74px}.service-card a{font-size:13px;font-weight:800;color:#286fe9}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.visual-panel{background:linear-gradient(135deg,#0c2350,#1f509d);border-radius:20px;min-height:425px;padding:37px;position:relative;overflow:hidden;color:#fff;display:flex;flex-direction:column;justify-content:space-between}.visual-panel:after{content:'';height:270px;width:270px;position:absolute;border:1px solid #6aa4ff50;border-radius:50%;right:-70px;bottom:-100px;box-shadow:0 0 0 60px #5291ee16,0 0 0 120px #5291ee13}.visual-label{font-weight:800;font-size:12px;color:#b1cfff;letter-spacing:2px}.visual-panel h3{font-size:34px;line-height:1.2;letter-spacing:-1px;max-width:300px;position:relative;z-index:1}.visual-metrics{display:flex;gap:12px;position:relative;z-index:1;flex-wrap:wrap}.visual-metrics span{background:#ffffff15;border:1px solid #ffffff30;border-radius:10px;padding:9px 14px;font-size:12px}.checklist{list-style:none;padding:0;margin:26px 0}.checklist li{padding:9px 0 9px 31px;position:relative;font-size:15px;font-weight:550}.checklist li:before{content:'✓';position:absolute;left:0;color:#2477ff;font-weight:900}.design-band{background:#102b54;color:#fff;overflow:hidden}.design-band .container{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;min-height:385px;padding-top:65px;padding-bottom:65px}.design-band p{color:#c4d3e8;max-width:490px}.design-art{display:flex;gap:15px;align-items:center;justify-content:center}.design-art .tile{border-radius:20px;display:grid;place-items:center;font-weight:900;font-size:60px;box-shadow:0 15px 40px #0616295c}.tile.a{width:170px;height:230px;background:linear-gradient(135deg,#4d8cff,#a1caff);transform:rotate(-9deg);color:#fff}.tile.b{width:175px;height:270px;background:linear-gradient(130deg,#f3b45d,#ef617d);transform:rotate(8deg);color:#fff}.tile.c{width:120px;height:190px;background:linear-gradient(130deg,#6c71e3,#b18ee9);transform:rotate(-8deg);font-size:42px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:42px}.step-no{font-size:50px;line-height:1;font-weight:850;color:#dce7fa;letter-spacing:-3px}.steps h3{margin:14px 0 8px;font-size:20px}.steps p{margin:0;color:var(--muted);font-size:14px}.cta{padding:85px 0;background:linear-gradient(120deg,#153b79,#2465c4);color:#fff;text-align:center}.cta h2{margin:13px auto;max-width:650px}.cta p{color:#d1e1ff;margin:0 auto 28px;max-width:550px}.cta .btn{background:#fff;color:#18438b}.contact-area{display:grid;grid-template-columns:.85fr 1.15fr;gap:65px;align-items:start}.contact-panel{background:#fff;border:1px solid var(--line);box-shadow:0 10px 40px #0c245513;border-radius:18px;padding:35px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field{display:flex;flex-direction:column;margin-bottom:18px;gap:6px}.field label{font-weight:700;font-size:13px}.field input,.field textarea{width:100%;background:#f8fafd;border:1px solid #dfe6f0;border-radius:8px;padding:12px 13px;color:#142a49}.field input:focus,.field textarea:focus{outline:2px solid #8cb4ff;border-color:#5384e1}.field textarea{min-height:122px;resize:vertical}.notice{border-radius:9px;padding:11px 15px;font-size:14px;margin-bottom:17px}.notice.ok{background:#e9faf3;color:#146344}.notice.bad{background:#fff0ef;color:#a22d2d}.site-footer{background:#08172e;color:#c4d1e7;padding:53px 0 23px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:45px}.footer-grid h4{color:#fff;font-size:14px;margin:4px 0 15px}.footer-grid a{display:block;font-size:13px;padding:4px 0;color:#b6c9e2}.footer-desc{max-width:350px;color:#aebfd8;font-size:13px;margin-top:18px}.foot-bottom{display:flex;justify-content:space-between;border-top:1px solid #ffffff1e;margin-top:37px;padding-top:23px;color:#879ebd;font-size:12px}.inner-hero{padding:86px 0;background:#0b2349;color:#fff}.inner-hero h1{font-size:48px;margin:10px 0}.inner-content{min-height:350px;padding:70px 0;max-width:820px}.entry-content a{color:var(--blue);text-decoration:underline}.screen-reader-text{position:absolute;left:-9999px}.skip-link:focus{left:10px;top:10px;background:#fff;padding:8px;z-index:99}.wp-block-image img{border-radius:10px}@media(max-width:880px){.nav-links{gap:17px}.nav-links a{font-size:12px}.grid{grid-template-columns:repeat(2,1fr)}.split{gap:30px}.design-band .container{gap:20px}.contact-area{gap:35px}}@media(max-width:700px){.container{width:min(100% - 32px,var(--max))}.nav-inner{height:70px}.menu-toggle{display:block}.nav-links{display:none;position:absolute;top:70px;left:0;right:0;background:#fff;padding:20px 22px 26px;box-shadow:0 12px 18px #091b361a;flex-direction:column;align-items:stretch;gap:16px}.nav-links.is-open{display:flex}.nav-links a{font-size:15px}.nav-cta{text-align:center}.hero{min-height:570px}.hero .container{padding:70px 0}.hero h1{letter-spacing:-2px}.hero:after{background:linear-gradient(90deg,#06162fe8,#06162f96)}.trustgrid{grid-template-columns:1fr;gap:15px;padding:22px 0}.section{padding:70px 0}.grid,.split,.steps,.design-band .container,.contact-area,.footer-grid{grid-template-columns:1fr}.service-card p{min-height:0}.design-art{min-height:245px}.tile.a{width:110px;height:160px}.tile.b{width:115px;height:180px}.tile.c{width:90px;height:135px}.design-art .tile{font-size:35px}.heading-row{display:block}.field-row{grid-template-columns:1fr}.foot-bottom{gap:10px;flex-direction:column}}