/*
Theme Name: NorthStar IT Services
Theme URI: https://example.com/
Author: NorthStar IT Services
Author URI: https://example.com/
Description: Professional IT services theme for networking, VPN, Starlink, CCTV, IP phones and residential/business IT support.
Version: 1.1.0
Requires at least: 5.9
Tested up to: 6.8
Requires PHP: 7.4
License: GPL v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: northstar-it
Tags: business, technology, networking, responsive, custom-logo
*/

:root{--bg:#07111f;--card:#0d1b2d;--text:#182536;--white:#edf5ff;--muted:#68798d;--line:#dfe6ee;--accent:#28d7c4;--accent2:#5a8cff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--text);background:#fff;line-height:1.6}a{text-decoration:none;color:inherit}.container{width:min(1120px,92%);margin:auto}
.site-header{position:sticky;top:0;z-index:100;background:rgba(7,17,31,.96);backdrop-filter:blur(14px);border-bottom:1px solid #17273b}.nav{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:20px}.logo{font-weight:800;color:#fff;font-size:18px;display:flex;align-items:center;gap:10px}.logo-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:9px;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#07111f;font-size:12px;font-weight:900}.main-nav{display:flex;gap:24px;align-items:center;color:#c4d1df;font-size:14px}.main-nav ul{display:flex;gap:24px;align-items:center;list-style:none;margin:0;padding:0}.logo img{max-height:48px;width:auto;display:block}.main-nav a:hover{color:#fff}.nav-phone{font-weight:800;color:#36dfcf;white-space:nowrap}.nav-cta{padding:10px 16px;border:1px solid #35506f;border-radius:9px}.menu-toggle{display:none;background:none;border:0;color:#fff;font-size:25px}
.hero{background:radial-gradient(circle at 75% 40%,#16304f 0,#07111f 42%);color:#fff;padding:92px 0 75px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:55px;align-items:center}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:800;color:#29d8c4;margin-bottom:14px}.hero h1{font-size:clamp(42px,5vw,68px);line-height:1.05;margin:0 0 22px;letter-spacing:-2.5px}.hero h1 span{color:#36dfcf}.hero p{font-size:18px;color:#afc1d5;max-width:650px}.hero-actions{display:flex;gap:12px;margin:30px 0}.btn{display:inline-block;padding:13px 20px;border-radius:9px;font-weight:700;border:1px solid transparent;cursor:pointer}.btn-primary{background:var(--accent);color:#06141e;box-shadow:0 8px 25px rgba(40,215,196,.18)}.btn-secondary{border-color:#39516c;color:#fff}.trust-row{display:flex;gap:28px;margin-top:35px}.trust-row strong,.trust-row small{display:block}.trust-row small{color:#8197ad;font-size:12px}
.network-card{height:430px;border:1px solid #27405d;border-radius:28px;background:linear-gradient(145deg,#0c1c30,#081321);position:relative;box-shadow:0 25px 80px #0007}.orb{position:absolute;inset:75px;border:1px dashed #2d5b77;border-radius:50%;box-shadow:0 0 80px #28d7c422}.network-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:120px;height:120px;border-radius:50%;display:grid;place-content:center;text-align:center;background:#112941;border:1px solid #3a6386;color:#fff;font-weight:800;font-size:23px;box-shadow:0 0 40px #28d7c433}.network-center small{font-size:8px;letter-spacing:2px;color:#29d8c4}.network-node{position:absolute;padding:10px 14px;border:1px solid #2c4d69;background:#10243a;border-radius:10px;color:#d8e9fa;font-weight:700;font-size:12px}.n1{left:30px;top:80px}.n2{right:30px;top:80px}.n3{left:25px;bottom:90px}.n4{right:28px;bottom:90px}.n5{left:50%;bottom:28px;transform:translateX(-50%)}
.section{padding:90px 0}.section-heading{text-align:center;max-width:720px;margin:0 auto 45px}.section-heading h2,.two-col h2,.contact h2{font-size:40px;line-height:1.12;margin:0 0 15px;letter-spacing:-1.2px}.section-heading p{color:var(--muted)}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service-card{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:16px;padding:27px;background:#fff;transition:.2s}.service-card:before{content:"";position:absolute;left:0;top:0;width:100%;height:3px;background:linear-gradient(90deg,var(--accent),var(--accent2));transform:scaleX(0);transform-origin:left;transition:.25s}.service-card:hover{transform:translateY(-4px);box-shadow:0 15px 35px #11233b12}.service-card:hover:before{transform:scaleX(1)}.icon{width:45px;height:45px;border-radius:12px;display:grid;place-items:center;background:#e9fbf8;color:#008f80;font-size:21px;margin-bottom:18px}.service-card h3{margin:0 0 8px;font-size:20px}.service-card p{color:#617186;font-size:14px}.service-card ul{padding-left:18px;color:#53677c;font-size:13px;min-height:82px}.service-card a{color:#007f74;font-weight:700;font-size:13px}
.dark-section{background:var(--bg);color:#fff;padding:100px 0}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.dark-section h2{font-size:44px}.dark-section p{color:#a8bbcf}.feature-list{margin-top:35px}.feature-list>div{display:flex;gap:18px;padding:18px 0;border-bottom:1px solid #1b2d43}.feature-list b{color:#2ed8c6}.feature-list span{display:flex;flex-direction:column}.feature-list strong{color:#fff;margin-bottom:3px}.solution-panel{background:#0c1c30;border:1px solid #203b57;padding:35px;border-radius:22px}.panel-label{font-size:10px;letter-spacing:2px;color:#2ed8c6}.solution-panel h3{font-size:28px;margin:10px 0 30px}.diagram{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#091625;border:1px solid #203b57;padding:18px;border-radius:12px;color:#dce9f6;font-weight:700}.diagram span{font-size:12px;color:#2ed8c6}.diagram.small{margin-top:14px;font-size:12px;flex-wrap:wrap}
.home-visual{height:400px;border-radius:24px;background:linear-gradient(145deg,#e8f5ff,#f7fbff);display:grid;place-items:center;position:relative;text-align:center;color:#15324c}.house-icon{font-size:120px;line-height:1}.home-visual span,.home-visual strong{position:absolute}.home-visual span{top:35px;letter-spacing:2px;font-size:11px;font-weight:800;color:#4e708d}.home-visual strong{bottom:40px;font-size:22px}.checks{margin:25px 0 30px}.checks p{margin:10px 0;font-weight:600;color:#40546a}
.process{background:#f4f7fa;padding:85px 0}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.steps>div{background:#fff;border:1px solid #e1e8ef;padding:25px;border-radius:15px}.steps span{color:#008f80;font-weight:800}.steps h3{margin:14px 0 5px}.steps p{margin:0;color:#68798b;font-size:14px}
.cta{background:linear-gradient(120deg,#0a1a2b,#113653);color:#fff;padding:65px 0}.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.cta h2{font-size:38px;margin:0}.cta p{color:#afc1d4;margin:5px 0 0}.btn-light{background:#fff;color:#081523}
.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px}.contact-info{margin-top:35px;border-left:3px solid var(--accent);padding-left:20px}.contact-info p{margin:17px 0}.contact-info a{color:#008f80;font-weight:700}form{background:#f5f8fb;padding:30px;border-radius:18px;box-shadow:0 18px 50px rgba(15,36,58,.08)}label{display:block;font-size:13px;font-weight:700;margin-bottom:16px}input,select,textarea{display:block;width:100%;margin-top:7px;border:1px solid #d5dfe8;border-radius:8px;padding:12px;font:inherit;background:#fff}input:focus,select:focus,textarea:focus{outline:none;border-color:#28bcae;box-shadow:0 0 0 3px rgba(40,215,196,.12)}textarea{resize:vertical}.form-note{font-size:13px;color:#008f80}
.site-footer{background:#07111f;color:#9eb0c3;padding:45px 0 0}.footer{display:flex;justify-content:space-between;gap:30px}.footer p{font-size:13px}.footer-links{display:flex;gap:22px;align-items:center}.copyright{text-align:center;border-top:1px solid #17283c;margin-top:30px;padding:20px;font-size:12px}
@media(max-width:950px){.menu-toggle{display:block}.main-nav{display:none}.main-nav.open{display:flex;position:absolute;top:72px;left:0;right:0;background:#07111f;padding:20px;flex-direction:column;align-items:flex-start}.main-nav.open ul{flex-direction:column;align-items:flex-start;gap:16px}}
@media(max-width:850px){.hero-grid,.two-col,.contact-grid{grid-template-columns:1fr}.hero{padding-top:60px}.network-card{height:350px}.service-grid{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr 1fr}.cta-inner{flex-direction:column;align-items:flex-start}.footer{flex-direction:column}.footer-links{flex-wrap:wrap}}
@media(max-width:560px){.service-grid,.steps{grid-template-columns:1fr}.hero h1{font-size:43px}.trust-row{flex-direction:column;gap:12px}.section-heading h2,.two-col h2,.dark-section h2{font-size:32px}.network-card{display:none}.hero-actions{flex-direction:column}.btn{text-align:center}}

/* Form feedback & spam trap */
.form-notice{padding:12px 15px;border-radius:9px;margin-bottom:18px;font-size:14px;font-weight:600}.form-notice.success{background:#e6fbf7;color:#006b60;border:1px solid #9be8dc}.form-notice.error{background:#fff1f1;color:#a12a2a;border:1px solid #f2b8b8}
.hp-field{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
/* Standard pages & posts */
.content-area{min-height:50vh}.narrow{max-width:800px}.page-title,.entry-title{font-size:38px;line-height:1.15;letter-spacing:-1px;margin:0 0 20px}.entry{margin-bottom:50px}.entry h2.entry-title{font-size:26px}.entry-title a:hover{color:#007f74}.entry-meta{color:var(--muted);font-size:13px;margin-top:-10px}.entry-content a{color:#007f74;text-decoration:underline}.entry-content img,.entry img{max-width:100%;height:auto;border-radius:12px}
.screen-reader-text{position:absolute!important;clip:rect(1px,1px,1px,1px);width:1px;height:1px;overflow:hidden}