
:root{--bg:#030509;--panel:#07101c;--panel2:#0b1524;--text:#f8fbff;--muted:#b8c4d6;--blue:#0d63ff;--blue2:#58a6ff;--line:rgba(255,255,255,.12);--soft:rgba(13,99,255,.16);--shadow:0 30px 90px rgba(0,0,0,.55);--r:22px;--max:1320px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 78% 0,rgba(13,99,255,.18),transparent 26%),linear-gradient(180deg,#020305,#07101c 50%,#020305);color:var(--text);font-family:Inter,system-ui,sans-serif;line-height:1.55}a{text-decoration:none;color:inherit}img{display:block;max-width:100%}.container{width:min(var(--max),calc(100% - 34px));margin:auto}.site-header{position:sticky;top:0;z-index:100;background:rgba(2,3,5,.78);backdrop-filter:blur(18px);border-bottom:1px solid rgba(88,166,255,.18)}.nav-bar{min-height:92px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{display:flex;align-items:center;gap:14px}.brand img{width:82px;height:82px;object-fit:contain;filter:drop-shadow(0 0 20px rgba(88,166,255,.3))}.brand strong,.footer-brand strong{font-family:"Playfair Display",serif;font-size:1.75rem;line-height:.9;text-transform:uppercase}.brand em,.footer-brand em{font-style:normal;color:var(--blue2)}.brand small,.footer-brand small{display:block;letter-spacing:.28em;text-transform:uppercase;color:rgba(255,255,255,.72);font-weight:800;font-size:.65rem}.desktop-nav{display:flex;align-items:center;gap:28px;font-weight:700;font-size:.9rem}.desktop-nav a{color:rgba(255,255,255,.78);position:relative;padding:8px 0}.desktop-nav a.active,.desktop-nav a:hover{color:white}.desktop-nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;border-radius:99px;background:var(--blue2)}.nav-actions{display:flex;align-items:center;gap:12px}.phone-link{font-weight:800;color:#dbe8ff}.btn{display:inline-flex;align-items:center;justify-content:center;gap:14px;border-radius:10px;min-height:54px;padding:0 24px;font-weight:900;text-transform:uppercase;letter-spacing:.04em;border:1px solid transparent;white-space:nowrap;transition:.22s ease}.btn-primary{background:linear-gradient(135deg,var(--blue2),var(--blue));box-shadow:0 18px 48px rgba(13,99,255,.34);color:white}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 25px 70px rgba(13,99,255,.42)}.btn-outline{border-color:rgba(88,166,255,.5);background:rgba(3,5,9,.35);color:white}.btn.small{min-height:48px;padding:0 18px}.menu-toggle{display:none;width:48px;height:48px;border:1px solid var(--line);background:rgba(255,255,255,.04);border-radius:12px;position:relative}.menu-toggle span{position:absolute;left:13px;right:13px;height:2px;background:white}.menu-toggle span:nth-child(1){top:15px}.menu-toggle span:nth-child(2){top:23px}.menu-toggle span:nth-child(3){top:31px}.mobile-drawer{display:none}.announcement{border-bottom:1px solid rgba(88,166,255,.22);background:linear-gradient(90deg,transparent,rgba(13,99,255,.24),transparent)}.announcement .container{height:42px;display:flex;align-items:center;justify-content:center;gap:14px;font-weight:800;color:#dceaff}.announcement i{color:var(--blue2)}.hero{position:relative;overflow:hidden;padding:0 0 38px}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 75% 22%,rgba(13,99,255,.24),transparent 31%);pointer-events:none}.hero-inner{position:relative;min-height:690px;display:grid;grid-template-columns:.82fr 1.18fr;align-items:center;gap:10px}.hero-copy{z-index:2;max-width:680px;padding:54px 0}.kicker{color:var(--blue2);text-transform:uppercase;letter-spacing:.25em;font-size:.78rem;font-weight:900;margin:0 0 14px}.hero h1,.section-head h2,.why-copy h2,.form-panel h2,.page-hero h1,.service-detail h1{font-family:"Playfair Display",serif;letter-spacing:-.04em;line-height:.96}.hero h1{font-size:clamp(3.4rem,6vw,6rem);margin:0}.hero h1 span,.why-copy h2 span{display:block;color:var(--blue2)}.hero-sub{font-size:1.17rem;color:#d7e1ef;max-width:600px;font-weight:550;margin:22px 0 0}.hero-actions{display:flex;gap:18px;flex-wrap:wrap;margin-top:30px}.call-chip{margin-top:18px;display:inline-flex;align-items:center;gap:12px;border:1px solid rgba(88,166,255,.58);border-radius:12px;padding:14px 22px;background:rgba(3,5,9,.45);font-weight:700}.hero-art{position:relative;min-height:690px;display:flex;align-items:stretch;justify-content:flex-end}.hero-art:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--bg) 0%,rgba(3,5,9,.78) 8%,rgba(3,5,9,.04) 36%,rgba(3,5,9,0));z-index:1;pointer-events:none}.hero-art:after{content:"";position:absolute;inset:auto 0 0 0;height:30%;background:linear-gradient(180deg,transparent,var(--bg));z-index:1}.hero-art img{width:100%;height:690px;object-fit:cover;object-position:center;filter:saturate(1.04) contrast(1.05)}.price-band{position:relative;margin-top:-88px;z-index:4;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.price-chip{display:flex;align-items:center;gap:16px;border-left:1px solid rgba(88,166,255,.5);background:linear-gradient(90deg,rgba(5,10,18,.92),rgba(5,10,18,.45));padding:16px 18px;border-radius:16px}.price-chip span{font-size:.86rem;font-weight:900;text-transform:uppercase;color:white}.price-chip strong{font-size:2rem;color:var(--blue2);line-height:1}.price-chip small{font-size:.65rem;text-transform:uppercase;color:var(--muted);font-weight:900}.services-section{padding:72px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:22px;margin-bottom:28px}.section-head.centered{display:block;text-align:center;max-width:850px;margin:0 auto 34px}.section-head h2{font-size:clamp(2.4rem,4vw,4.4rem);margin:0}.section-head p{color:var(--muted);margin-top:10px}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service-card{border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,rgba(255,255,255,.04),rgba(255,255,255,.015));overflow:hidden;box-shadow:var(--shadow);transition:.25s ease}.service-card:hover{transform:translateY(-5px);border-color:rgba(88,166,255,.45)}.service-photo{position:relative;aspect-ratio:4/3;background:#05070d;overflow:hidden}.service-photo img{width:100%;height:100%;object-fit:cover}.service-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.02) 30%,rgba(0,0,0,.78))}.service-content{padding:20px}.service-icon{width:54px;height:54px;border:1px solid rgba(88,166,255,.5);border-radius:50%;display:grid;place-items:center;background:rgba(13,99,255,.14);font-size:1.45rem;margin-top:-52px;position:relative;z-index:2}.service-card h3{font-family:"Playfair Display",serif;font-size:1.45rem;line-height:1.05;margin:16px 0 8px}.service-card p{color:#d8e2ef;font-size:.92rem;margin:0}.price-row{margin-top:18px;padding-top:14px;border-top:1px solid var(--line);display:flex;align-items:end;justify-content:space-between}.price-row span{text-transform:uppercase;color:var(--muted);font-weight:900;font-size:.66rem;letter-spacing:.1em}.price-row strong{color:var(--blue2);font-size:1.8rem}.offer-section{padding:0 0 46px}.offer-card{display:grid;grid-template-columns:.95fr 1.15fr .9fr;gap:28px;align-items:center;border:1px solid rgba(88,166,255,.38);border-radius:18px;background:linear-gradient(135deg,rgba(13,99,255,.14),rgba(255,255,255,.025));box-shadow:var(--shadow);padding:22px 28px}.offer-main{display:flex;gap:18px;align-items:center}.tag-icon{font-size:3rem;color:var(--blue2)}.offer-main strong{font-size:2.4rem}.offer-main p,.offer-cta p{margin:0;color:var(--muted)}.offer-checks{display:grid;gap:10px;border-left:1px solid rgba(88,166,255,.32);border-right:1px solid rgba(88,166,255,.32);padding:0 28px;font-weight:800}.offer-checks span{color:#dce8ff}.offer-cta h3{margin:0;font-size:1.2rem}.why-section{padding:34px 0 70px}.why-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:36px;align-items:center}.why-copy h2{font-size:clamp(2.1rem,3.8vw,3.7rem);margin:0}.why-copy p{color:var(--muted);font-size:1.05rem}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.trust-grid div{border-left:1px solid rgba(88,166,255,.28);padding:18px}.trust-grid span{font-size:2rem;color:var(--blue2)}.trust-grid h3{margin:10px 0 6px}.trust-grid p{margin:0;color:var(--muted);font-size:.9rem}.booking-preview{border-top:1px solid rgba(88,166,255,.26);padding:0}.booking-grid{display:grid;grid-template-columns:.9fr 1fr .42fr;align-items:stretch}.team-panel{min-height:370px;position:relative;overflow:hidden}.team-panel:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,5,9,.15),rgba(3,5,9,.66))}.team-panel img{width:100%;height:100%;object-fit:cover}.form-panel{padding:32px;border-left:1px solid rgba(88,166,255,.28);border-right:1px solid rgba(88,166,255,.28)}.form-panel h2{font-size:2.2rem;margin:0 0 18px}.quote-form{display:grid;gap:12px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.quote-form input,.quote-form select,.quote-form textarea{width:100%;border:1px solid rgba(255,255,255,.14);background:rgba(2,3,5,.55);color:white;border-radius:8px;padding:14px;outline:none}.quote-form textarea{min-height:84px;resize:vertical}.quote-form input::placeholder,.quote-form textarea::placeholder{color:#aab8cc}.form-status{color:var(--blue2);font-weight:800;margin:0}.booking-benefits{padding:32px;display:grid;gap:18px}.booking-benefits b{display:block}.booking-benefits p{margin:4px 0 0;color:var(--muted);font-size:.9rem}.page-hero{padding:90px 0;background:radial-gradient(circle at 75% 10%,rgba(13,99,255,.22),transparent 30%)}.page-shell{max-width:980px}.page-hero h1{font-size:clamp(3rem,6vw,5.6rem);margin:0}.page-hero p{color:var(--muted);font-size:1.15rem;max-width:760px}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:0 0 80px}.gallery-card{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--panel);box-shadow:var(--shadow)}.gallery-card img{width:100%;aspect-ratio:4/3;object-fit:cover}.gallery-card div{padding:18px}.gallery-card h3{margin:0 0 8px;font-family:"Playfair Display",serif;font-size:1.5rem}.gallery-card p{margin:0;color:var(--muted)}.service-detail{padding:68px 0}.service-detail-grid{display:grid;grid-template-columns:.86fr 1.14fr;gap:34px;align-items:center}.service-detail h1{font-size:clamp(3rem,5vw,5.2rem);margin:0}.service-detail p{color:var(--muted);font-size:1.08rem}.detail-image{border-radius:24px;overflow:hidden;box-shadow:var(--shadow)}.detail-image img{width:100%;aspect-ratio:4/3;object-fit:cover}.detail-panels{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding-bottom:80px}.detail-card{border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.04),rgba(255,255,255,.015));padding:28px;box-shadow:var(--shadow)}.detail-card ul{margin:18px 0 0;padding:0;list-style:none}.detail-card li{padding:10px 0;border-bottom:1px solid rgba(255,255,255,.08);color:#dce8ff}.site-footer{border-top:1px solid rgba(88,166,255,.26);background:#020305;padding:34px 0 92px}.footer-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:24px;align-items:center}.footer-brand{display:flex;gap:14px;align-items:center}.footer-brand img{width:84px}.footer-links{display:flex;gap:18px;font-weight:800}.footer-contact{display:grid;text-align:right;color:var(--muted);font-weight:700}.mobile-call{display:none}.reveal{opacity:0;transform:translateY(18px);transition:.65s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:1050px){.desktop-nav,.phone-link{display:none}.menu-toggle{display:block}.mobile-drawer{position:fixed;inset:92px 0 0 0;background:rgba(2,3,5,.98);padding:24px;z-index:90;flex-direction:column;gap:8px}.mobile-drawer.open{display:flex}.mobile-drawer a{border:1px solid var(--line);border-radius:12px;padding:16px;font-weight:800}.hero-inner,.why-grid,.booking-grid,.service-detail-grid,.detail-panels,.offer-card{grid-template-columns:1fr}.hero-art{min-height:auto}.hero-art img{height:auto;object-fit:contain}.hero-art:before,.hero-art:after{display:none}.price-band,.services-grid,.trust-grid,.gallery-grid{grid-template-columns:1fr 1fr}.booking-benefits{grid-template-columns:repeat(3,1fr)}.team-panel{display:none}.footer-grid{grid-template-columns:1fr;text-align:center}.footer-brand{justify-content:center}.footer-contact{text-align:center}.footer-links{justify-content:center}.mobile-call{position:fixed;left:12px;right:12px;bottom:12px;z-index:120;display:flex;align-items:center;justify-content:center;min-height:54px;border-radius:12px;background:linear-gradient(135deg,var(--blue2),var(--blue));font-weight:900;text-transform:uppercase;box-shadow:0 18px 48px rgba(13,99,255,.34)}}
@media(max-width:680px){.container{width:min(var(--max),calc(100% - 22px))}.brand img{width:62px;height:62px}.brand strong{font-size:1.2rem}.brand small{font-size:.52rem}.nav-bar{min-height:76px}.mobile-drawer{inset:76px 0 0 0}.nav-actions .btn{display:none}.announcement .container{font-size:.78rem}.hero-inner{min-height:auto}.hero h1{font-size:3.05rem}.hero-copy{padding:36px 0 20px}.hero-sub{font-size:1rem}.hero-actions .btn,.call-chip{width:100%}.price-band{margin-top:0;grid-template-columns:1fr}.services-grid,.trust-grid,.gallery-grid,.booking-benefits{grid-template-columns:1fr}.offer-checks{border:0;padding:0}.form-row{grid-template-columns:1fr}.form-panel{border:0;padding:24px 0}.page-hero{padding:60px 0}.page-hero h1{font-size:3rem}}


/* ===== Client portal + invoice system ===== */
.portal-login-section,.portal-shell-section{padding:82px 0;background:radial-gradient(circle at 78% 0,rgba(13,99,255,.18),transparent 28%),linear-gradient(180deg,#020305,#07101c 55%,#020305)}
.portal-login-grid{display:grid;grid-template-columns:1fr .74fr;gap:34px;align-items:center}
.portal-login-copy h1,.portal-header-card h1{font-family:"Playfair Display",serif;font-size:clamp(3rem,5vw,5.6rem);line-height:.95;margin:0 0 18px}
.portal-login-copy p,.portal-header-card p{color:var(--muted);font-size:1.12rem;max-width:720px}
.portal-proof-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.portal-proof-row span{border:1px solid rgba(88,166,255,.32);border-radius:999px;padding:10px 14px;background:rgba(13,99,255,.08);font-weight:800;color:#dfeaff}
.portal-login-card,.portal-header-card,.portal-sidebar,.portal-main-panel,.portal-panel{border:1px solid var(--line);border-radius:var(--r);background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.015));box-shadow:var(--shadow)}
.portal-login-card{padding:34px}
.portal-login-card img{width:112px;margin-bottom:18px;filter:drop-shadow(0 0 20px rgba(88,166,255,.35))}
.portal-login-card h2,.portal-panel h2{font-family:"Playfair Display",serif;font-size:2rem;margin:0 0 8px}
.portal-login-card p,.muted-text{color:var(--muted)}
.portal-auth-form,.invoice-form{display:grid;gap:14px;margin-top:22px}
.portal-auth-form label{display:grid;gap:8px;font-weight:800;color:#dfeaff}
.portal-auth-form input,.invoice-form input,.invoice-form select,.invoice-form textarea{width:100%;border:1px solid rgba(255,255,255,.14);background:rgba(2,3,5,.55);color:white;border-radius:10px;padding:14px;outline:none}
.invoice-form textarea{min-height:96px;resize:vertical}
.portal-login-links{display:flex;justify-content:space-between;margin-top:18px;font-weight:800;color:var(--blue2)}
.portal-header-card{padding:32px;display:flex;justify-content:space-between;gap:22px;align-items:center;margin-bottom:24px}
.portal-header-actions{display:flex;gap:12px;flex-wrap:wrap}
.portal-grid{display:grid;grid-template-columns:290px 1fr;gap:22px}
.portal-sidebar{padding:22px;align-self:start;position:sticky;top:112px}
.portal-client-card{text-align:center;border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:18px}
.portal-client-card img{width:94px;margin:0 auto 12px}
.portal-client-card h3{margin:0}
.portal-client-card p{color:var(--muted);margin:4px 0 0}
.portal-side-nav{display:grid;gap:10px}
.portal-side-nav a{border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:14px 16px;font-weight:900;color:#dce8ff;background:rgba(255,255,255,.025)}
.portal-side-nav a.active,.portal-side-nav a:hover{border-color:rgba(88,166,255,.5);color:white;background:rgba(13,99,255,.12)}
.portal-main-panel{padding:24px}
.portal-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}
.portal-stat{border:1px solid rgba(255,255,255,.1);border-radius:16px;background:rgba(2,3,5,.36);padding:18px}
.portal-stat span{display:block;color:var(--muted);font-weight:800;text-transform:uppercase;font-size:.72rem;letter-spacing:.1em}
.portal-stat strong{display:block;font-size:2rem;color:var(--blue2);line-height:1.1}
.portal-two-col,.invoice-layout{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}
.portal-panel{padding:24px}
.info-list{display:grid;gap:12px;margin-top:18px}
.info-list div{display:flex;justify-content:space-between;gap:14px;border-bottom:1px solid rgba(255,255,255,.08);padding:10px 0}
.info-list span{color:var(--muted)}
.invoice-mini h3{font-size:1.8rem;margin:10px 0 6px}
.invoice-mini p{color:var(--muted);margin:0 0 10px}
.invoice-mini strong{display:block;color:var(--blue2);font-size:2rem;margin-bottom:14px}
.status-pill{display:inline-flex;border-radius:999px;padding:6px 10px;font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.status-pill.due{background:rgba(255,193,7,.14);color:#ffd166}
.status-pill.done{background:rgba(50,205,120,.14);color:#7cffae}
.status-pill.pending{background:rgba(88,166,255,.14);color:var(--blue2)}
.request-table{display:grid;margin-top:18px}
.request-table>div{display:grid;grid-template-columns:1.2fr .8fr .7fr .6fr;gap:12px;align-items:center;border-bottom:1px solid rgba(255,255,255,.08);padding:13px 0}
.request-table b{color:#dfeaff}.request-table span{color:var(--muted)}
.invoice-list{display:grid;gap:14px;margin-top:18px}
.invoice-list article{display:grid;grid-template-columns:1fr auto auto;gap:16px;align-items:center;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:16px;background:rgba(2,3,5,.36)}
.invoice-list h3{margin:8px 0 4px}.invoice-list p{margin:0;color:var(--muted)}.invoice-list strong{font-size:1.35rem;color:var(--blue2)}
@media(max-width:1050px){.portal-login-grid,.portal-grid,.portal-two-col,.invoice-layout{grid-template-columns:1fr}.portal-sidebar{position:static}.portal-stat-grid{grid-template-columns:1fr 1fr}.portal-header-card{display:block}.portal-header-actions{margin-top:18px}}
@media(max-width:680px){.portal-login-section,.portal-shell-section{padding:52px 0}.portal-login-card,.portal-header-card,.portal-main-panel,.portal-panel{padding:22px}.portal-stat-grid{grid-template-columns:1fr}.request-table>div{grid-template-columns:1fr}.invoice-list article{grid-template-columns:1fr}.portal-login-links{display:grid;gap:10px}}


/* ===== Omega CRM / client + team operating system ===== */
.crm-login-section,.crm-shell-section,.team-board-section{padding:82px 0;background:radial-gradient(circle at 78% 0,rgba(13,99,255,.18),transparent 28%),linear-gradient(180deg,#020305,#07101c 55%,#020305)}
.crm-login-grid{display:grid;grid-template-columns:1fr .74fr;gap:34px;align-items:center}
.crm-login-copy h1,.crm-header-card h1,.team-command-header h1,.choice-card h1{font-family:"Playfair Display",serif;font-size:clamp(3rem,5vw,5.6rem);line-height:.95;margin:0 0 18px}
.crm-login-copy p,.crm-header-card p,.team-command-header p,.choice-card p{color:var(--muted);font-size:1.12rem;max-width:780px}
.crm-proof-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.crm-proof-row span{border:1px solid rgba(88,166,255,.32);border-radius:999px;padding:10px 14px;background:rgba(13,99,255,.08);font-weight:800;color:#dfeaff}
.crm-login-card,.crm-header-card,.crm-sidebar,.crm-main-panel,.crm-panel,.team-sidebar,.team-main,.team-command-header,.choice-card{border:1px solid var(--line);border-radius:var(--r);background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.015));box-shadow:var(--shadow)}
.crm-login-card{padding:34px}
.crm-login-card img{width:112px;margin-bottom:18px;filter:drop-shadow(0 0 20px rgba(88,166,255,.35))}
.crm-login-card h2,.crm-panel h2,.kanban-col h2,.pipeline-col h2{font-family:"Playfair Display",serif;font-size:2rem;margin:0 0 8px}
.crm-login-card p,.muted-text{color:var(--muted)}
.crm-auth-form,.invoice-form{display:grid;gap:14px;margin-top:22px}
.crm-auth-form label{display:grid;gap:8px;font-weight:800;color:#dfeaff}
.crm-auth-form input,.invoice-form input,.invoice-form select,.invoice-form textarea{width:100%;border:1px solid rgba(255,255,255,.14);background:rgba(2,3,5,.55);color:white;border-radius:10px;padding:14px;outline:none}
.invoice-form textarea{min-height:96px;resize:vertical}.crm-login-links{display:flex;justify-content:space-between;margin-top:18px;font-weight:800;color:var(--blue2)}
.crm-header-card,.team-command-header{padding:32px;display:flex;justify-content:space-between;gap:22px;align-items:center;margin-bottom:24px}
.crm-header-actions{display:flex;gap:12px;flex-wrap:wrap}.crm-grid,.team-grid{display:grid;grid-template-columns:290px 1fr;gap:22px}
.crm-sidebar,.team-sidebar{padding:22px;align-self:start;position:sticky;top:112px}
.crm-profile-card,.team-profile{text-align:center;border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:18px}
.crm-profile-card img,.team-profile img{width:94px;margin:0 auto 12px}.crm-profile-card h3,.team-profile h3{margin:0}.crm-profile-card p,.team-profile p{color:var(--muted);margin:4px 0 0}
.crm-side-nav{display:grid;gap:10px}.crm-side-nav a{border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:14px 16px;font-weight:900;color:#dce8ff;background:rgba(255,255,255,.025)}
.crm-side-nav a.active,.crm-side-nav a:hover{border-color:rgba(88,166,255,.5);color:white;background:rgba(13,99,255,.12)}
.crm-main-panel,.team-main{padding:24px}.crm-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}
.crm-stat{border:1px solid rgba(255,255,255,.1);border-radius:16px;background:rgba(2,3,5,.36);padding:18px}.crm-stat span{display:block;color:var(--muted);font-weight:800;text-transform:uppercase;font-size:.72rem;letter-spacing:.1em}.crm-stat strong{display:block;font-size:2rem;color:var(--blue2);line-height:1.1}
.crm-two-col,.invoice-layout,.operations-grid,.task-layout,.time-layout{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}.task-layout{grid-template-columns:repeat(3,1fr)}.crm-panel{padding:24px}
.info-list{display:grid;gap:12px;margin-top:18px}.info-list div{display:flex;justify-content:space-between;gap:14px;border-bottom:1px solid rgba(255,255,255,.08);padding:10px 0}.info-list span{color:var(--muted)}
.invoice-mini h3{font-size:1.8rem;margin:10px 0 6px}.invoice-mini p{color:var(--muted);margin:0 0 10px}.invoice-mini strong{display:block;color:var(--blue2);font-size:2rem;margin-bottom:14px}
.status-pill{display:inline-flex;border-radius:999px;padding:6px 10px;font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.status-pill.due{background:rgba(255,193,7,.14);color:#ffd166}.status-pill.done{background:rgba(50,205,120,.14);color:#7cffae}.status-pill.pending{background:rgba(88,166,255,.14);color:var(--blue2)}
.request-table{display:grid;margin-top:18px}.request-table>div{display:grid;grid-template-columns:1.2fr .8fr .7fr .6fr;gap:12px;align-items:center;border-bottom:1px solid rgba(255,255,255,.08);padding:13px 0}.request-table b{color:#dfeaff}.request-table span{color:var(--muted)}
.invoice-list{display:grid;gap:14px;margin-top:18px}.invoice-list article{display:grid;grid-template-columns:1fr auto auto;gap:16px;align-items:center;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:16px;background:rgba(2,3,5,.36)}.invoice-list h3{margin:8px 0 4px}.invoice-list p{margin:0;color:var(--muted)}.invoice-list strong{font-size:1.35rem;color:var(--blue2)}
.timeclock-widget{border:1px solid rgba(88,166,255,.36);border-radius:18px;background:rgba(13,99,255,.1);padding:18px;display:grid;gap:8px;min-width:230px}.timeclock-widget span,.time-clock-large span{color:var(--muted);font-weight:900;text-transform:uppercase;letter-spacing:.1em}.timeclock-widget strong,.time-clock-large strong{font-size:1.7rem;color:var(--blue2)}
.ops-list,.task-list{display:grid;gap:12px;margin-top:18px}.ops-list>div,.job-card,.lead-card{border:1px solid rgba(255,255,255,.1);border-radius:14px;background:rgba(2,3,5,.36);padding:14px}.ops-list b,.job-card b,.lead-card b{display:block}.ops-list small,.job-card span,.lead-card span{color:var(--muted)}
.pipeline-mini{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.pipeline-mini div{border:1px solid rgba(255,255,255,.1);border-radius:14px;background:rgba(2,3,5,.36);padding:16px}.pipeline-mini span{display:block;color:var(--muted);font-weight:800}.pipeline-mini strong{font-size:2rem;color:var(--blue2)}
.company-board-mini,.company-board-grid{display:grid;gap:14px;margin-top:18px}.company-board-mini{grid-template-columns:repeat(3,1fr)}.company-board-mini div{border:1px solid rgba(255,255,255,.1);border-radius:14px;background:rgba(2,3,5,.36);padding:16px}.company-board-mini p,.company-board-grid p{color:var(--muted);margin:8px 0 0}
.kanban-grid,.crm-pipeline-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.kanban-col,.pipeline-col{border:1px solid var(--line);border-radius:var(--r);background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.015));box-shadow:var(--shadow);padding:18px}.kanban-col h2,.pipeline-col h2{font-size:1.45rem}.job-card,.lead-card{margin-top:12px}.task-list label{display:flex;gap:10px;align-items:flex-start;border-bottom:1px solid rgba(255,255,255,.08);padding:10px 0;color:#dce8ff;font-weight:800}.time-layout{grid-template-columns:.55fr 1fr}.time-clock-large{border:1px solid var(--line);border-radius:var(--r);background:linear-gradient(145deg,rgba(13,99,255,.16),rgba(255,255,255,.015));box-shadow:var(--shadow);padding:32px;display:grid;gap:16px;align-content:center}.time-clock-large strong{font-size:2.6rem}
.company-board-grid{grid-template-columns:repeat(2,1fr)}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.choice-card{display:block;padding:34px}
@media(max-width:1100px){.desktop-nav{gap:16px;font-size:.78rem}.crm-login-grid,.crm-grid,.team-grid,.crm-two-col,.invoice-layout,.operations-grid,.time-layout,.choice-grid{grid-template-columns:1fr}.crm-sidebar,.team-sidebar{position:static}.crm-stat-grid,.kanban-grid,.crm-pipeline-grid,.task-layout,.company-board-mini,.company-board-grid{grid-template-columns:1fr 1fr}.crm-header-card,.team-command-header{display:block}.crm-header-actions{margin-top:18px}}
@media(max-width:680px){.crm-login-section,.crm-shell-section,.team-board-section{padding:52px 0}.crm-login-card,.crm-header-card,.crm-main-panel,.team-main,.crm-panel,.team-command-header,.choice-card{padding:22px}.crm-stat-grid,.kanban-grid,.crm-pipeline-grid,.task-layout,.company-board-mini,.company-board-grid{grid-template-columns:1fr}.request-table>div{grid-template-columns:1fr}.invoice-list article{grid-template-columns:1fr}.crm-login-links{display:grid;gap:10px}.timeclock-widget{margin-top:18px}.crm-header-card h1,.team-command-header h1,.crm-login-copy h1{font-size:3rem}}


/* ===== Omega frontend SEO + conversion upgrade ===== */
.footer-seo-links{border-top:1px solid rgba(88,166,255,.2);background:#020305;padding:42px 0 20px}
.footer-seo-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:26px}
.footer-seo-grid h3{font-family:"Playfair Display",serif;font-size:1.45rem;margin:0 0 12px}
.footer-seo-grid a{display:block;color:var(--muted);font-weight:750;margin:8px 0}.footer-seo-grid a:hover{color:var(--blue2)}
.sticky-conversion-bar{position:fixed;right:18px;top:42%;z-index:110;display:grid;gap:8px}
.sticky-conversion-bar a{background:linear-gradient(135deg,var(--blue2),var(--blue));color:white;border-radius:999px;padding:12px 16px;font-weight:900;box-shadow:0 16px 40px rgba(13,99,255,.3);text-align:center}
.pricing-section,.pm-section,.calculator-section,.careers-section,.area-section,.resources-section,.resource-article,.seo-faq-section,.wizard-section{padding:70px 0}
.pricing-grid,.area-services-grid,.resources-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.pricing-card,.area-service-card,.resource-card,.career-card,.wizard-card,.calc-card,.calc-result{border:1px solid var(--line);border-radius:var(--r);background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.015));box-shadow:var(--shadow);padding:24px}
.pricing-card h3,.resource-card h3,.area-service-card b,.career-card h3{font-family:"Playfair Display",serif;font-size:1.55rem;margin:0 0 10px}.pricing-card p,.resource-card p,.area-service-card p,.career-card p,.pricing-disclaimer,.calc-result p{color:var(--muted)}
.price-large{font-size:2.5rem;color:var(--blue2);font-weight:900}.pricing-card span,.area-service-card span{display:block;color:var(--blue2);font-weight:900;margin:8px 0 14px}.pricing-disclaimer{border:1px solid rgba(88,166,255,.28);border-radius:18px;padding:18px;margin-top:18px;background:rgba(13,99,255,.08)}
.pm-grid,.calculator-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center}.pm-grid h2{font-family:"Playfair Display",serif;font-size:clamp(2.2rem,4vw,4rem);line-height:.96}.pm-grid p{color:var(--muted);font-size:1.08rem}.pm-list{display:grid;gap:10px;margin:22px 0}.pm-list span{border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:12px;background:rgba(255,255,255,.025);font-weight:800}.pm-visual{border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow)}.pm-visual img{width:100%;aspect-ratio:4/3;object-fit:cover}
.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.faq-grid details{border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.025);padding:18px}.faq-grid summary{font-weight:900;cursor:pointer}.faq-grid p{color:var(--muted)}
.calculator-grid label{display:grid;gap:8px;margin-bottom:14px;font-weight:900;color:#dfeaff}.calculator-grid select,.calculator-grid input{width:100%;border:1px solid rgba(255,255,255,.14);background:rgba(2,3,5,.55);color:white;border-radius:10px;padding:14px}.calc-result h2{font-family:"Playfair Display",serif;font-size:4rem;color:var(--blue2);margin:0 0 12px}
.wizard-card{max-width:960px;margin:auto}.wizard-card h2{font-family:"Playfair Display",serif;font-size:3rem;margin:0 0 18px}.wizard-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:18px 0}.wizard-steps span{border:1px solid var(--line);border-radius:999px;padding:9px;text-align:center;font-weight:900;color:var(--muted)}.wizard-steps span.active{background:rgba(13,99,255,.16);color:white;border-color:rgba(88,166,255,.45)}.upload-box{border:1px dashed rgba(88,166,255,.45);border-radius:16px;padding:20px;text-align:center;background:rgba(13,99,255,.08);margin:12px 0}.upload-box p{margin:6px 0 0;color:var(--muted)}
.careers-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.career-form{margin-top:22px}.article-body{max-width:860px}.article-body h2{font-family:"Playfair Display",serif;font-size:2.2rem;margin-top:28px}.article-body p{color:var(--muted);font-size:1.1rem}.resource-card span{display:block;color:var(--blue2);font-weight:900;margin-top:14px}
@media(max-width:1050px){.pricing-grid,.area-services-grid,.resources-grid,.footer-seo-grid,.careers-grid{grid-template-columns:1fr 1fr}.pm-grid,.calculator-grid{grid-template-columns:1fr}.sticky-conversion-bar{display:none}}
@media(max-width:680px){.pricing-grid,.area-services-grid,.resources-grid,.footer-seo-grid,.careers-grid,.faq-grid{grid-template-columns:1fr}.wizard-steps{grid-template-columns:1fr}.pricing-section,.pm-section,.calculator-section,.careers-section,.area-section,.resources-section,.resource-article,.seo-faq-section,.wizard-section{padding:48px 0}}


/* ===== Mobile menu opacity / polish fix ===== */
@media(max-width:1050px){
  .site-header{
    background:#020305!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    border-bottom:1px solid rgba(88,166,255,.35)!important;
  }
  .mobile-drawer{
    position:fixed!important;
    top:92px!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    width:100%!important;
    background:#020305!important;
    background-image:
      radial-gradient(circle at 80% 0%,rgba(13,99,255,.22),transparent 32%),
      linear-gradient(180deg,#020305,#06111f 65%,#020305)!important;
    opacity:1!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    border-top:1px solid rgba(88,166,255,.35)!important;
    box-shadow:0 30px 90px rgba(0,0,0,.85)!important;
    z-index:999!important;
    padding:22px!important;
    overflow:auto!important;
  }
  .mobile-drawer.open{
    display:flex!important;
  }
  .mobile-drawer a{
    background:rgba(255,255,255,.045)!important;
    border:1px solid rgba(88,166,255,.24)!important;
    color:#f8fbff!important;
    box-shadow:0 12px 30px rgba(0,0,0,.28)!important;
  }
  .mobile-drawer a.active,
  .mobile-drawer a:hover{
    background:linear-gradient(135deg,rgba(88,166,255,.20),rgba(13,99,255,.12))!important;
    border-color:rgba(88,166,255,.55)!important;
  }
  body.menu-open{
    overflow:hidden!important;
  }
}
@media(max-width:680px){
  .mobile-drawer{
    top:76px!important;
  }
}


/* ===== Omega page-by-page clean sweep ===== */
.breadcrumb-wrap{padding:18px 0 0;background:transparent}
.breadcrumbs{display:flex;gap:10px;align-items:center;flex-wrap:wrap;color:var(--muted);font-size:.82rem;font-weight:800}
.breadcrumbs a{color:var(--muted)}.breadcrumbs a:hover{color:var(--blue2)}.breadcrumbs span{color:rgba(88,166,255,.62)}
.how-it-works{padding:64px 0;background:linear-gradient(180deg,rgba(13,99,255,.04),transparent)}
.steps-grid,.role-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.steps-grid>div,.role-grid>div{border:1px solid var(--line);border-radius:var(--r);background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.015));box-shadow:var(--shadow);padding:22px}
.steps-grid span{display:inline-flex;width:42px;height:42px;align-items:center;justify-content:center;border-radius:999px;background:rgba(13,99,255,.16);color:var(--blue2);font-weight:900;margin-bottom:14px}
.steps-grid h3,.role-grid h3{font-family:"Playfair Display",serif;font-size:1.45rem;margin:0 0 8px}.steps-grid p,.role-grid p{color:var(--muted);margin:0}
.disclaimer-section{padding:18px 0 50px}.price-disclaimer{border:1px solid rgba(88,166,255,.28);border-radius:16px;background:rgba(13,99,255,.08);padding:16px 18px;color:var(--muted);font-weight:750;margin:0}
.role-tools-section{padding:20px 0 70px}
.quote-form input:focus,.quote-form select:focus,.quote-form textarea:focus,.crm-auth-form input:focus,.invoice-form input:focus,.invoice-form select:focus,.invoice-form textarea:focus{border-color:rgba(88,166,255,.72)!important;box-shadow:0 0 0 4px rgba(13,99,255,.16)!important}
.btn:focus,.desktop-nav a:focus,.mobile-drawer a:focus,.crm-side-nav a:focus{outline:3px solid rgba(88,166,255,.5);outline-offset:3px}
.page-hero{position:relative;overflow:hidden}.page-hero:after{content:"";position:absolute;inset:auto 0 0 0;height:1px;background:linear-gradient(90deg,transparent,rgba(88,166,255,.5),transparent)}
.service-card,.pricing-card,.resource-card,.area-service-card,.crm-panel,.career-card{will-change:transform}
.service-card:hover,.pricing-card:hover,.resource-card:hover,.area-service-card:hover,.career-card:hover{transform:translateY(-4px);border-color:rgba(88,166,255,.44)}
@media(max-width:1050px){.steps-grid,.role-grid{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.steps-grid,.role-grid{grid-template-columns:1fr}.how-it-works{padding:48px 0}.breadcrumb-wrap{padding-top:12px}}


/* ===== IT God Mode Command Center ===== */
.it-command-section{padding:82px 0;background:radial-gradient(circle at 80% 0,rgba(88,166,255,.22),transparent 30%),linear-gradient(180deg,#020305,#07101c 60%,#020305)}
.it-hero{border:1px solid var(--line);border-radius:var(--r);background:linear-gradient(145deg,rgba(88,166,255,.08),rgba(255,255,255,.015));box-shadow:var(--shadow);padding:34px;display:flex;justify-content:space-between;gap:24px;align-items:center;margin-bottom:24px}
.it-hero h1{font-family:"Playfair Display",serif;font-size:clamp(3rem,5.8vw,6rem);line-height:.92;margin:0 0 14px}
.it-hero p{color:var(--muted);font-size:1.1rem;max-width:850px}
.it-status-console{min-width:280px;border:1px solid rgba(88,166,255,.4);border-radius:18px;background:rgba(2,3,5,.54);padding:22px;display:grid;gap:6px}
.it-status-console span{color:var(--muted);font-weight:900;text-transform:uppercase;letter-spacing:.12em;font-size:.72rem}
.it-status-console strong{font-size:2rem;color:var(--blue2)}
.it-status-console small{color:var(--muted)}
.it-grid{display:grid;grid-template-columns:290px 1fr;gap:22px}
.it-main-panel{border:1px solid var(--line);border-radius:var(--r);background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.015));box-shadow:var(--shadow);padding:24px}
.it-module-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin:18px 0}
.it-module-card{border:1px solid rgba(255,255,255,.1);border-radius:18px;background:rgba(2,3,5,.36);padding:22px}
.module-icon{width:54px;height:54px;display:grid;place-items:center;border-radius:999px;border:1px solid rgba(88,166,255,.42);background:rgba(13,99,255,.12);font-size:1.6rem;margin-bottom:12px}
.it-module-card h2{font-family:"Playfair Display",serif;font-size:1.8rem;margin:0 0 8px}
.it-module-card p{color:var(--muted)}
.it-links{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.it-links a,.role-matrix span,.health-list label{border:1px solid rgba(88,166,255,.24);border-radius:999px;padding:8px 10px;background:rgba(13,99,255,.08);font-weight:850;color:#dfeaff;font-size:.82rem}
.role-matrix,.health-list{display:grid;gap:8px;margin-top:14px}
.health-list label{border-radius:12px;display:flex;gap:8px;align-items:center}
.it-audit-panel{margin-top:18px}
@media(max-width:1100px){.it-hero,.it-grid{grid-template-columns:1fr;display:grid}.it-module-grid{grid-template-columns:1fr}.it-status-console{min-width:0}}
