/*
Theme Name: HO/SB IT Support Specialist - Photo Edition
Author: HO/SB IT Support
Description: Modern responsive Home Office / Small Business IT support theme.
Version: 2.2.0
Requires PHP: 7.4
License: GPL-2.0-or-later
*/
:root{--blue:#087be8;--navy:#071d3d}*{box-sizing:border-box}body{margin:0;font:16px/1.6 system-ui,Arial;color:#152a42}a{color:#086ed1}.wrap{width:min(1150px,calc(100% - 36px));margin:auto}.top{background:#071d3d;color:white;padding:8px 0;font-size:13px}.top a,.footer a{color:white}.top .wrap,.header .wrap,.footer .wrap{display:flex;justify-content:space-between;gap:16px;align-items:center;flex-wrap:wrap}.header{background:#fff;box-shadow:0 4px 20px #09234719}.header .wrap{padding:14px 0}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#08264b;font-size:19px;font-weight:850}.brand img{width:62px;height:58px;object-fit:contain}.brand small{display:block;font-size:10px;letter-spacing:1px;color:#477da6}.nav ul{display:flex;gap:24px;list-style:none;padding:0;margin:0}.nav a{text-decoration:none;color:#183753;font-weight:700}.hero{background:linear-gradient(120deg,#061932,#114e86);color:white}.hero .wrap{padding:82px 0;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:45px}.eyebrow{color:#57d2ff;letter-spacing:2px;text-transform:uppercase;font-size:12px;font-weight:850}h1{font-size:clamp(38px,5vw,66px);line-height:1.08;margin:15px 0}h1 em{font-style:normal;color:#62d5ff}.hero p{font-size:18px;color:#d7ebfb}.hero img{width:100%;height:390px;object-fit:cover;border-radius:20px;border:6px solid #ffffff22;box-shadow:0 25px 45px #00172e80}.btn{display:inline-block;background:#0b83f4;color:white;text-decoration:none;font-weight:800;border-radius:9px;padding:13px 21px;margin:8px 9px 8px 0}.btn.outline{background:transparent;border:1px solid #a2d7ff}.trust{background:#eaf6ff;padding:20px 0}.trust .wrap{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;font-weight:800;color:#174771}.section{padding:78px 0}.section.alt{background:#f1f7fd}h2{font-size:clamp(29px,3vw,43px);line-height:1.2;margin:10px 0 18px}.lead{color:#536b80;max-width:700px;font-size:18px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:35px}.card{background:white;border:1px solid #dbe8f5;border-radius:16px;padding:27px;box-shadow:0 10px 24px #1334520a}.card .icon{font-size:31px}.card h3{margin:12px 0}.card p{color:#536b80}.about{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.experience{background:linear-gradient(130deg,#071d3d,#146ab0);border-radius:20px;color:white;padding:45px}.experience strong{font-size:90px;color:#72d9ff;line-height:1}.experience p{color:#e0efff}.checks li{margin:11px 0}.contact{background:linear-gradient(110deg,#09274e,#086ebc);color:white;text-align:center;padding:75px 0}.contact p{color:#d8ebff}.contact a{color:white}.footer{background:#06172b;color:white;padding:28px 0}.content{min-height:50vh;padding:60px 0}.content img{max-width:100%;height:auto}@media(max-width:800px){.hero .wrap,.about{grid-template-columns:1fr}.cards{grid-template-columns:repeat(2,1fr)}.nav ul{flex-wrap:wrap;gap:12px}.hero .wrap{padding:50px 0}}@media(max-width:540px){.cards{grid-template-columns:1fr}.hero img{height:260px}.top .wrap{display:block}h1{font-size:39px}}