/* Theme Name: PCDOC4U Enterprise Theme URI: https://pcdoc4u.com Author: Andre Robinson Author URI: https://pcdoc4u.com Description: Modern enterprise IT consulting theme for PCDOC4U LLC — fully mobile-responsive and WCAG-accessible. Dark aesthetic with red accents, hamburger nav, glassmorphism cards, and single-page layout. Version: 1.2.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: pcdoc4u-enterprise Tags: dark, one-page, business, portfolio, responsive, accessibility-ready */ *,*::before,*::after{margin:0;padding:0;box-sizing:border-box}:root{--red:#E8192C;--red-dark:#B5101E;--red-glow:rgba(232,25,44,0.3);--dark:#0A0A0F;--dark-2:#111118;--dark-3:#16161F;--dark-4:#1C1C27;--glass:rgba(255,255,255,0.04);--glass-border:rgba(255,255,255,0.08);--text:#F0F0F5;--text-muted:#8A8A9E;--text-dim:#5A5A72}html{scroll-behavior:smooth}body{font-family:"Inter",sans-serif;background:var(--dark);color:var(--text);overflow-x:hidden;line-height:1.6}a{color:inherit;text-decoration:none}.container{max-width:1200px;margin:0 auto;padding:0 2rem}nav{position:fixed;top:0;left:0;right:0;z-index:1000;padding:1rem 0;transition:all .3s ease}.nav-scrolled{background:rgba(10,10,15,0.95);backdrop-filter:blur(20px);border-bottom:1px solid var(--glass-border)}.nav-inner{display:flex;align-items:center;justify-content:space-between;max-width:1280px;margin:0 auto;padding:0 2rem}.nav-logo{display:flex;align-items:center;gap:.75rem}.logo-icon{width:40px;height:40px;background:linear-gradient(135deg,var(--red),var(--red-dark));border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:14px;letter-spacing:-.5px;box-shadow:0 0 20px var(--red-glow)}.logo-text{font-family:"Space Grotesk",sans-serif;font-weight:700;font-size:1.1rem;letter-spacing:-.02em}.logo-text span{color:var(--red)}.nav-links{display:flex;align-items:center;gap:2rem;list-style:none}.nav-links a{font-size:.85rem;font-weight:500;color:var(--text-muted);letter-spacing:.05em;text-transform:uppercase;transition:color .2s}.nav-links a:hover{color:var(--text)}.nav-cta{background:var(--red);color:#fff;padding:.65rem 1.5rem;border-radius:8px;font-size:.85rem;font-weight:600;letter-spacing:.03em;transition:all .2s;box-shadow:0 0 20px var(--red-glow)}.nav-cta:hover{background:var(--red-dark);transform:translateY(-1px);box-shadow:0 4px 30px var(--red-glow)}.hero{min-height:100vh;display:flex;align-items:center;position:relative;overflow:hidden;padding:8rem 0 4rem}.hero-bg{position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 50% 0%,rgba(232,25,44,.12) 0%,transparent 60%),radial-gradient(ellipse 50% 40% at 80% 60%,rgba(232,25,44,.06) 0%,transparent 50%),var(--dark)}.grid-overlay{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse 70% 70% at 50% 0%,black 0%,transparent 100%)}.hero-content{position:relative;z-index:1;max-width:1280px;margin:0 auto;padding:0 2rem;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.hero-left{}.hero-eyebrow{display:inline-flex;align-items:center;gap:.5rem;background:rgba(232,25,44,.1);border:1px solid rgba(232,25,44,.25);padding:.4rem 1rem;border-radius:100px;font-size:.78rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--red);margin-bottom:1.75rem}.hero-eyebrow-dot{width:6px;height:6px;background:var(--red);border-radius:50%;animation:pulse 2s infinite}.hero-title{font-family:"Space Grotesk",sans-serif;font-size:clamp(3rem,5vw,4.5rem);font-weight:800;line-height:1.05;letter-spacing:-.03em;margin-bottom:1.5rem}.hero-title .line-red{color:var(--red)}.hero-title .line-outline{-webkit-text-stroke:1.5px rgba(255,255,255,.2);color:transparent}.hero-desc{font-size:1.1rem;color:var(--text-muted);line-height:1.7;max-width:480px;margin-bottom:2.5rem}.hero-actions{display:flex;gap:1rem;flex-wrap:wrap}.btn-primary{background:var(--red);color:#fff;padding:.9rem 2rem;border-radius:10px;font-weight:600;font-size:.95rem;transition:all .25s;box-shadow:0 0 30px var(--red-glow);display:inline-flex;align-items:center;gap:.5rem}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 40px var(--red-glow)}.btn-secondary{background:transparent;color:var(--text);padding:.9rem 2rem;border-radius:10px;font-weight:500;font-size:.95rem;border:1px solid var(--glass-border);transition:all .25s;display:inline-flex;align-items:center;gap:.5rem}.btn-secondary:hover{background:var(--glass);border-color:rgba(255,255,255,.15);transform:translateY(-2px)}.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--glass-border);border:1px solid var(--glass-border);border-radius:16px;overflow:hidden;margin-top:3rem}.stat-item{background:var(--glass);padding:1.5rem;text-align:center;backdrop-filter:blur(10px)}.stat-num{font-family:"Space Grotesk",sans-serif;font-size:2rem;font-weight:700;color:var(--red);line-height:1}.stat-label{font-size:.78rem;color:var(--text-muted);margin-top:.35rem;letter-spacing:.05em;text-transform:uppercase}.hero-right{display:flex;justify-content:center;align-items:center}.hero-card{background:var(--dark-3);border:1px solid var(--glass-border);border-radius:24px;padding:2rem;width:100%;max-width:380px;position:relative;overflow:hidden}.hero-card::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at top right,rgba(232,25,44,.08),transparent 60%)}.hero-card-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;position:relative}.hch-avatar{width:52px;height:52px;background:linear-gradient(135deg,var(--red),var(--red-dark));border-radius:14px;display:flex;align-items:center;justify-content:center;font-family:"Space Grotesk",sans-serif;font-weight:800;font-size:1.1rem;flex-shrink:0}.hch-info{}.hch-name{font-weight:700;font-size:1rem;line-height:1.2}.hch-title{font-size:.8rem;color:var(--text-muted)}.hch-badge{margin-left:auto;background:rgba(0,210,100,.1);border:1px solid rgba(0,210,100,.25);color:#00D264;padding:.25rem .65rem;border-radius:6px;font-size:.72rem;font-weight:600}.hero-card-stat{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1rem;background:rgba(255,255,255,.03);border:1px solid var(--glass-border);border-radius:10px;margin-bottom:.75rem;position:relative}.hcs-left{display:flex;align-items:center;gap:.75rem}.hcs-icon{width:32px;height:32px;background:rgba(232,25,44,.15);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:.9rem}.hcs-label{font-size:.85rem;font-weight:500}.hcs-value{font-size:.85rem;color:var(--red);font-weight:700}.cert-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-top:1rem}.cert-tag{background:rgba(255,255,255,.04);border:1px solid var(--glass-border);padding:.4rem .65rem;border-radius:6px;font-size:.7rem;color:var(--text-muted);text-align:center}.section{padding:7rem 0}.section-label{font-size:.75rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--red);margin-bottom:.75rem;display:block}.section-title{font-family:"Space Grotesk",sans-serif;font-size:clamp(2rem,3.5vw,3rem);font-weight:700;letter-spacing:-.02em;line-height:1.15;margin-bottom:1.25rem}.section-title span{color:var(--red)}.section-desc{font-size:1.05rem;color:var(--text-muted);max-width:560px;line-height:1.75}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:4rem}.service-card{background:var(--dark-3);border:1px solid var(--glass-border);border-radius:20px;padding:2rem;transition:all .3s;position:relative;overflow:hidden;cursor:pointer}.service-card::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at top left,rgba(232,25,44,.06),transparent 60%);opacity:0;transition:opacity .3s}.service-card:hover{border-color:rgba(232,25,44,.3);transform:translateY(-4px);box-shadow:0 20px 60px rgba(0,0,0,.4)}.service-card:hover::before{opacity:1}.service-icon{width:52px;height:52px;background:linear-gradient(135deg,rgba(232,25,44,.2),rgba(232,25,44,.1));border:1px solid rgba(232,25,44,.25);border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;margin-bottom:1.5rem}.service-num{font-family:"Space Grotesk",sans-serif;font-size:.75rem;font-weight:700;color:var(--red);letter-spacing:.1em;margin-bottom:.5rem}.service-title{font-weight:700;font-size:1.1rem;margin-bottom:.75rem;line-height:1.3}.service-desc{font-size:.9rem;color:var(--text-muted);line-height:1.65;margin-bottom:1.5rem}.service-link{font-size:.82rem;font-weight:600;color:var(--red);letter-spacing:.05em;display:inline-flex;align-items:center;gap:.35rem;transition:gap .2s}.service-link:hover{gap:.6rem}.services-detail{margin-top:6rem}.services-detail-inner{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:start;margin-bottom:6rem}.sdl-content{}.sdl-bullets{margin-top:1.75rem;display:flex;flex-direction:column;gap:.75rem}.sdl-bullet{display:flex;align-items:flex-start;gap:.75rem;font-size:.9rem;color:var(--text-muted)}.sdl-bullet::before{content:"";width:6px;height:6px;background:var(--red);border-radius:50%;margin-top:.5rem;flex-shrink:0}.sdl-visual{background:var(--dark-3);border:1px solid var(--glass-border);border-radius:20px;padding:2.5rem;position:relative;overflow:hidden}.sdl-visual::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at top right,rgba(232,25,44,.08),transparent 50%)}.sdl-num-large{font-family:"Space Grotesk",sans-serif;font-size:8rem;font-weight:900;color:rgba(232,25,44,.08);line-height:1;position:absolute;top:1rem;right:2rem;letter-spacing:-.05em}.sdl-icon-large{font-size:4rem;margin-bottom:1.5rem;position:relative}.sdl-visual-title{font-family:"Space Grotesk",sans-serif;font-weight:700;font-size:1.4rem;margin-bottom:.5rem;position:relative}.sdl-visual-desc{font-size:.9rem;color:var(--text-muted);line-height:1.6;position:relative}.request-btn{display:inline-flex;align-items:center;gap:.5rem;margin-top:2rem;background:rgba(232,25,44,.1);border:1px solid rgba(232,25,44,.3);color:var(--red);padding:.75rem 1.5rem;border-radius:10px;font-weight:600;font-size:.85rem;transition:all .2s}.request-btn:hover{background:rgba(232,25,44,.2)}.about-section{background:var(--dark-2);border-top:1px solid var(--glass-border);border-bottom:1px solid var(--glass-border)}.about-inner{display:grid;grid-template-columns:1fr 1.4fr;gap:5rem;align-items:center}.about-photo-wrap{position:relative}.about-photo{background:var(--dark-3);border:1px solid var(--glass-border);border-radius:24px;aspect-ratio:.8;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.about-initials{font-family:"Space Grotesk",sans-serif;font-size:6rem;font-weight:900;color:rgba(232,25,44,.15);letter-spacing:-.05em}.about-photo-glow{position:absolute;bottom:0;left:0;right:0;height:50%;background:linear-gradient(to top,rgba(232,25,44,.15),transparent)}.about-badge{position:absolute;bottom:-1rem;right:-1rem;background:var(--dark-4);border:1px solid var(--glass-border);border-radius:16px;padding:1rem 1.25rem;backdrop-filter:blur(10px)}.about-badge-num{font-family:"Space Grotesk",sans-serif;font-size:1.75rem;font-weight:800;color:var(--red);line-height:1}.about-badge-text{font-size:.75rem;color:var(--text-muted)}.about-right{}.about-title{font-family:"Space Grotesk",sans-serif;font-size:clamp(2rem,3vw,2.75rem);font-weight:700;letter-spacing:-.025em;margin:1rem 0;line-height:1.15}.about-title span{color:var(--red)}.about-desc{font-size:1rem;color:var(--text-muted);line-height:1.75;margin-bottom:1rem}.certifications{margin-top:2.5rem}.cert-section-label{font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);margin-bottom:1rem;display:block}.cert-tags{display:flex;flex-wrap:wrap;gap:.5rem}.cert-tag-item{background:rgba(255,255,255,.04);border:1px solid var(--glass-border);padding:.4rem .85rem;border-radius:8px;font-size:.78rem;color:var(--text-muted);transition:all .2s}.cert-tag-item:hover{border-color:rgba(232,25,44,.3);color:var(--text)}.experience-timeline{margin-top:2.5rem}.exp-item{display:flex;gap:1.25rem;margin-bottom:1.5rem}.exp-dot-wrap{display:flex;flex-direction:column;align-items:center}.exp-dot{width:12px;height:12px;background:var(--red);border-radius:50%;margin-top:4px;flex-shrink:0}.exp-line{width:1px;background:var(--glass-border);flex:1;margin-top:.35rem}.exp-content{padding-bottom:1.5rem}.exp-date{font-size:.75rem;color:var(--red);font-weight:600;letter-spacing:.05em;margin-bottom:.25rem}.exp-role{font-weight:600;font-size:.95rem;margin-bottom:.2rem}.exp-org{font-size:.82rem;color:var(--text-muted)}.clients-section{}.clients-logos{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--glass-border);border:1px solid var(--glass-border);border-radius:20px;overflow:hidden;margin-top:3rem}.client-logo-item{background:var(--dark-3);padding:2rem;display:flex;align-items:center;justify-content:center;text-align:center;transition:all .3s}.client-logo-item:hover{background:var(--dark-4)}.client-name{font-weight:600;font-size:.9rem;line-height:1.4;color:var(--text-muted)}.client-name span{display:block;font-size:.75rem;color:var(--text-dim);margin-top:.25rem}.careers-section{background:var(--dark-2);border-top:1px solid var(--glass-border)}.jobs-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:3rem}.job-card{background:var(--dark-3);border:1px solid var(--glass-border);border-radius:16px;padding:1.75rem;transition:all .3s}.job-card:hover{border-color:rgba(232,25,44,.25);transform:translateY(-2px)}.job-tags{display:flex;gap:.5rem;margin-bottom:1rem}.job-tag{padding:.3rem .75rem;border-radius:6px;font-size:.72rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.job-tag.contract{background:rgba(232,25,44,.12);border:1px solid rgba(232,25,44,.25);color:var(--red)}.job-tag.fulltime{background:rgba(0,200,100,.1);border:1px solid rgba(0,200,100,.2);color:#00C864}.job-tag.hybrid{background:rgba(255,255,255,.06);border:1px solid var(--glass-border);color:var(--text-muted)}.job-tag.remote{background:rgba(100,150,255,.1);border:1px solid rgba(100,150,255,.2);color:#6496FF}.job-title{font-weight:700;font-size:1.05rem;margin-bottom:.65rem}.job-desc{font-size:.875rem;color:var(--text-muted);line-height:1.6;margin-bottom:1.5rem}.job-apply{display:inline-flex;align-items:center;gap:.4rem;background:transparent;border:1px solid rgba(232,25,44,.3);color:var(--red);padding:.6rem 1.25rem;border-radius:8px;font-size:.82rem;font-weight:600;transition:all .2s;cursor:pointer}.job-apply:hover{background:rgba(232,25,44,.1)}.contact-section{}.contact-inner{display:grid;grid-template-columns:1fr 1.5fr;gap:5rem;align-items:start}.contact-info{}.contact-title{font-family:"Space Grotesk",sans-serif;font-size:2.25rem;font-weight:700;letter-spacing:-.025em;margin:1rem 0 1.5rem;line-height:1.2}.contact-info-items{display:flex;flex-direction:column;gap:1rem;margin-top:2rem}.contact-info-item{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:var(--dark-3);border:1px solid var(--glass-border);border-radius:12px}.cii-icon{width:38px;height:38px;background:rgba(232,25,44,.1);border:1px solid rgba(232,25,44,.2);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0}.cii-label{font-size:.75rem;color:var(--text-dim);margin-bottom:.1rem}.cii-value{font-size:.9rem;font-weight:500}.contact-form{background:var(--dark-3);border:1px solid var(--glass-border);border-radius:24px;padding:2.5rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group{margin-bottom:1rem}.form-group.full{grid-column:1/-1}.form-label{display:block;font-size:.8rem;font-weight:600;color:var(--text-muted);margin-bottom:.5rem;letter-spacing:.04em;text-transform:uppercase}.form-input{width:100%;background:rgba(255,255,255,.04);border:1px solid var(--glass-border);border-radius:10px;padding:.85rem 1rem;color:var(--text);font-size:.9rem;font-family:inherit;transition:border-color .2s;outline:none}.form-input:focus{border-color:rgba(232,25,44,.4)}.form-input::placeholder{color:var(--text-dim)}.form-textarea{resize:vertical;min-height:120px}.form-select{appearance:none}.form-submit{width:100%;background:var(--red);color:#fff;border:none;padding:1rem;border-radius:10px;font-size:.95rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all .25s;box-shadow:0 0 25px var(--red-glow);margin-top:.5rem}.form-submit:hover{background:var(--red-dark);transform:translateY(-1px)}.footer{background:var(--dark-2);border-top:1px solid var(--glass-border);padding:4rem 0 2rem}.footer-inner{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:3rem;margin-bottom:3rem}.footer-brand{}.footer-logo{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.fl-icon{width:40px;height:40px;background:linear-gradient(135deg,var(--red),var(--red-dark));border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:14px}.fl-text{font-family:"Space Grotesk",sans-serif;font-weight:700;font-size:1rem}.fl-text span{color:var(--red)}.footer-tagline{font-size:.875rem;color:var(--text-muted);line-height:1.65;max-width:280px;margin-bottom:1.5rem}.footer-socials{display:flex;gap:.75rem}.social-btn{width:38px;height:38px;background:var(--glass);border:1px solid var(--glass-border);border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:.9rem;transition:all .2s}.social-btn:hover{border-color:rgba(232,25,44,.4);background:rgba(232,25,44,.1)}.footer-col-title{font-size:.8rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-bottom:1.25rem}.footer-links{list-style:none;display:flex;flex-direction:column;gap:.65rem}.footer-links a{font-size:.875rem;color:var(--text-dim);transition:color .2s}.footer-links a:hover{color:var(--text)}.footer-bottom{border-top:1px solid var(--glass-border);padding-top:2rem;display:flex;justify-content:space-between;align-items:center}.footer-copy{font-size:.8rem;color:var(--text-dim)}.footer-cert{display:flex;gap:.5rem}.cert-badge{background:var(--glass);border:1px solid var(--glass-border);padding:.3rem .65rem;border-radius:6px;font-size:.7rem;font-weight:600;color:var(--text-muted)}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.4}}@media(max-width:1024px){.hero-content,.about-inner,.contact-inner{grid-template-columns:1fr}.hero-right{display:none}.services-grid{grid-template-columns:1fr 1fr}.sdl-inner{grid-template-columns:1fr}.jobs-grid{grid-template-columns:1fr}.clients-logos{grid-template-columns:1fr 1fr}.footer-inner{grid-template-columns:1fr 1fr}}@media(max-width:640px){.services-grid,.clients-logos{grid-template-columns:1fr}.hero-stats{grid-template-columns:1fr 1fr 1fr}.form-grid{grid-template-columns:1fr}.footer-inner{grid-template-columns:1fr}} @keyframes claude-pulse { 0% { box-shadow: inset 0 0 10px rgba(217, 119, 87, 0.5), inset 0 0 20px rgba(217, 119, 87, 0.3), inset 0 0 30px rgba(217, 119, 87, 0.1); } 50% { box-shadow: inset 0 0 15px rgba(217, 119, 87, 0.7), inset 0 0 25px rgba(217, 119, 87, 0.5), inset 0 0 35px rgba(217, 119, 87, 0.2); } 100% { box-shadow: inset 0 0 10px rgba(217, 119, 87, 0.5), inset 0 0 20px rgba(217, 119, 87, 0.3), inset 0 0 30px rgba(217, 119, 87, 0.1); } } /* ===== ACCESSIBILITY ===== */ *:focus-visible { outline: 2px solid #E8192C !important; outline-offset: 3px !important; border-radius: 4px; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; } @media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; } } /* ===== MOBILE HAMBURGER MENU ===== */ .nav-hamburger { display: none; flex-direction: column; gap: 5px; background: none; border: none; cursor: pointer; padding: 8px; border-radius: 8px; transition: background .2s; } .nav-hamburger:hover { background: rgba(255,255,255,.08); } .nav-hamburger span { display: block; width: 24px; height: 2px; background: #F0F0F5; border-radius: 2px; transition: all .3s ease; } .nav-hamburger.open span:nth-child(1) { transform: translateY(7px) rotate(45deg); } .nav-hamburger.open span:nth-child(2) { opacity: 0; transform: scaleX(0); } .nav-hamburger.open span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); } /* ===== TABLET (≤1024px) ===== */ @media (max-width: 1024px) { .hero-content { grid-template-columns: 1fr !important; gap: 3rem !important; text-align: left; } .hero-right { display: none !important; } .hero-stats { grid-template-columns: repeat(3,1fr) !important; } .about-inner { grid-template-columns: 1fr !important; gap: 3rem !important; } .about-photo-wrap { max-width: 380px; margin: 0 auto; } .about-photo { aspect-ratio: .85 !important; } .contact-inner { grid-template-columns: 1fr !important; gap: 3rem !important; } .services-grid { grid-template-columns: 1fr 1fr !important; } .services-detail-inner { grid-template-columns: 1fr !important; direction: ltr !important; gap: 2rem !important; } .jobs-grid { grid-template-columns: 1fr 1fr !important; } .clients-logos { grid-template-columns: 1fr 1fr !important; } .footer-inner { grid-template-columns: 1fr 1fr !important; gap: 2rem !important; } .footer-inner > .footer-brand { grid-column: 1 / -1; } } /* ===== MOBILE (≤768px) ===== */ @media (max-width: 768px) { /* Nav */ .nav-hamburger { display: flex !important; } .nav-links { display: none !important; position: fixed !important; top: 60px !important; left: 0 !important; right: 0 !important; background: rgba(10,10,15,.98) !important; backdrop-filter: blur(20px) !important; flex-direction: column !important; padding: 1.5rem 2rem 2rem !important; gap: 0 !important; border-bottom: 1px solid rgba(255,255,255,.08) !important; z-index: 999 !important; } .nav-links.mobile-open { display: flex !important; } .nav-links li { border-bottom: 1px solid rgba(255,255,255,.06); } .nav-links a { display: block !important; padding: .9rem 0 !important; font-size: 1rem !important; color: #F0F0F5 !important; } .nav-cta { display: none !important; } /* Hero */ .hero { padding: 7rem 0 3rem !important; } .hero-title { font-size: clamp(2.4rem, 8vw, 3.5rem) !important; } .hero-desc { font-size: 1rem !important; } .hero-actions { flex-direction: column !important; gap: .75rem !important; } .hero-actions .btn-primary, .hero-actions .btn-secondary { width: 100%; justify-content: center; } .hero-stats { grid-template-columns: repeat(3,1fr) !important; gap: 0 !important; } .stat-num { font-size: 1.5rem !important; } .stat-label { font-size: .65rem !important; } /* Services */ .services-grid { grid-template-columns: 1fr !important; } .section-title { font-size: 1.85rem !important; } .services-detail-inner { gap: 1.5rem !important; } .sdl-visual { padding: 1.5rem !important; } .sdl-num-large { font-size: 5rem !important; } /* About */ .about-photo-wrap { max-width: 100% !important; } .about-photo { aspect-ratio: .9 !important; max-height: 380px !important; } .about-title { font-size: 2rem !important; } .cert-tags { gap: .35rem !important; } /* Clients */ .clients-logos { grid-template-columns: 1fr !important; } /* Careers */ .jobs-grid { grid-template-columns: 1fr !important; } /* Contact */ .contact-title { font-size: 1.75rem !important; } .form-grid { grid-template-columns: 1fr !important; } .form-group.full { grid-column: 1 !important; } .contact-form { padding: 1.5rem !important; } /* Footer */ .footer-inner { grid-template-columns: 1fr !important; } .footer-bottom { flex-direction: column !important; gap: 1rem !important; text-align: center !important; } .footer-cert { justify-content: center !important; } /* Container padding */ .container { padding: 0 1.25rem !important; } .section { padding: 4rem 0 !important; } .nav-inner { padding: 0 1.25rem !important; } } /* ===== SMALL MOBILE (≤480px) ===== */ @media (max-width: 480px) { .hero-stats { grid-template-columns: repeat(3,1fr) !important; } .stat-item { padding: 1rem .5rem !important; } .hero-title { font-size: 2.2rem !important; } .service-card { padding: 1.5rem !important; } .about-badge { bottom: -0.5rem !important; right: -0.5rem !important; } .job-card { padding: 1.25rem !important; } } /* Fix services-detail-inner for mobile - ensure single column */ @media (max-width: 768px) { .services-detail-inner[style*="direction:rtl"], .services-detail-inner[style*="direction: rtl"] { direction: ltr !important; grid-template-columns: 1fr !important; } .sdl-content[style*="direction:ltr"] { direction: ltr !important; } .sdl-visual[style*="direction:ltr"] { direction: ltr !important; } } /* Mobile test overrides for services detail */ .mobile-test .services-detail-inner { grid-template-columns: 1fr !important; direction: ltr !important; } .mobile-test .services-detail-inner > * { direction: ltr !important; } @media (max-width: 768px) { [data-responsive="true"] { grid-template-columns: 1fr !important; direction: ltr !important; } } .mobile-test [data-responsive="true"] { grid-template-columns: 1fr !important; direction: ltr !important; } /* WordPress Theme Overrides */ body { margin: 0; } img { max-width: 100%; height: auto; }