/* ============================================ Frame of Reference Solutions - Hacker Theme Professional Cybersecurity Aesthetic ============================================ *//* Variables */:root{ /* Dark Background Colors */ --bg-primary:#0a0e17;--bg-secondary:#0d1117;--bg-tertiary:#161b22;--bg-card:#0d1620;/* Neon Accent Colors */ --neon-green:#00ff41;--neon-cyan:#00ffff;--neon-red:#ff0040;--neon-yellow:#ffff00;--neon-purple:#ff00ff;/* Muted Neon for Professional Look */ --accent-green:#00cc33;--accent-cyan:#00cccc;--accent-red:#cc0033;/* Text Colors */ --text-primary:#e6edf3;--text-secondary:#8b949e;--text-muted:#484f58;/* Border Colors */ --border-primary:rgba(0,255,65,0.2);--border-secondary:rgba(139,148,158,0.1);/* Fonts */ --font-mono:'JetBrains Mono','Share Tech Mono',monospace;--font-tech:'Orbitron',sans-serif;--font-body:'Exo 2',sans-serif;/* Shadows */ --shadow-neon:0 0 20px rgba(0,255,65,0.5);--shadow-card:0 4px 20px rgba(0,0,0,0.5);}/* Reset & Base Styles */*{ margin:0;padding:0;box-sizing:border-box;}html{ scroll-behavior:smooth;}body{ font-family:var(--font-body);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden;position:relative;max-width:100vw;}body::before{ content:'';position:fixed;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient( 0deg,transparent,transparent 2px,rgba(0,255,65,0.03) 2px,rgba(0,255,65,0.03) 4px );pointer-events:none;z-index:1;}/* Terminal Loader */.terminal-loader{ position:fixed;top:0;left:0;width:100%;height:100%;background:var(--bg-primary);z-index:9999;display:flex;align-items:center;justify-content:center;transition:opacity 0.5s ease;}.terminal-loader.fade-out{ opacity:0;pointer-events:none;}.terminal-text{ font-family:var(--font-mono);color:var(--neon-green);font-size:1.2rem;}.terminal-text::after{ content:'_';animation:blink 1s infinite;}/* Typography */h1,h2,h3,h4,h5,h6{ font-family:var(--font-tech);text-transform:uppercase;letter-spacing:2px;}.section-tag{ font-family:var(--font-mono);color:var(--text-muted);font-size:0.9rem;margin-bottom:1rem;}/* Container */.container{ max-width:1200px;width:100%;margin:0 auto;padding:0 20px;position:relative;z-index:2;overflow:hidden;}/* Navigation */.navbar{ background:rgba(13,17,23,0.95);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-primary);position:fixed;width:100%;top:0;z-index:1000;transition:all 0.3s ease;}.navbar.scrolled{ background:rgba(10,14,23,0.98);box-shadow:0 2px 20px rgba(0,255,65,0.1);}.nav-wrapper{ display:flex;justify-content:space-between;align-items:center;padding:1rem 0;}.logo-link{ display:flex;align-items:center;text-decoration:none;font-family:var(--font-mono);}.logo-text{ color:var(--neon-green);font-size:1.5rem;font-weight:700;}.logo-subtitle{ color:var(--text-secondary);font-size:0.9rem;margin-left:0.5rem;}.cursor-blink{ color:var(--neon-green);animation:blink 1s infinite;}@keyframes blink{ 0%,50%{ opacity:1;}51%,100%{ opacity:0;}}.nav-list{ display:flex;list-style:none;gap:1.2rem;align-items:center;flex-wrap:wrap;}.nav-link{ color:var(--text-secondary);text-decoration:none;font-family:var(--font-mono);font-size:0.9rem;position:relative;transition:color 0.3s ease;text-transform:lowercase;}.nav-link::before{ content:'';position:absolute;bottom:-5px;left:0;width:0;height:2px;background:var(--neon-green);transition:width 0.3s ease;}.nav-link:hover{ color:var(--neon-green);}.nav-link:hover::before{ width:100%;}.nav-cta{ background:linear-gradient(45deg,transparent,var(--bg-tertiary));border:1px solid var(--neon-green);padding:0.5rem 1.5rem;color:var(--neon-green) !important;position:relative;overflow:hidden;}.nav-cta::after{ content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,255,65,0.2),transparent);transition:left 0.5s ease;}.nav-cta:hover::after{ left:100%;}/* Mobile Menu Toggle */.mobile-menu-toggle{ display:none;flex-direction:column;cursor:pointer;gap:4px;}.mobile-menu-toggle span{ width:25px;height:2px;background:var(--neon-green);transition:all 0.3s ease;}/* Hero Section */.hero{ min-height:100vh;display:flex;align-items:center;position:relative;padding-top:80px;overflow:hidden;max-width:100vw;}.matrix-bg{ position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;opacity:0.1;}.hero-background{ position:absolute;top:0;left:0;width:100vw;max-width:100%;height:100%;z-index:0;overflow:hidden;}.grid-pattern{ position:absolute;width:100vw;max-width:100%;height:100%;left:0;right:0;background-image:linear-gradient(rgba(0,255,65,0.1) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,65,0.1) 1px,transparent 1px);background-size:50px 50px;animation:grid-move 10s linear infinite;overflow:hidden;}@keyframes grid-move{ 0%{ transform:translate(0,0);}100%{ transform:translate(50px,50px);}}.hero-overlay{ position:absolute;width:100%;height:100%;background:radial-gradient(circle at center,transparent 0%,var(--bg-primary) 100%);}.hero-content{ position:relative;z-index:2;text-align:center;padding:2rem 0;}.terminal-header{ font-family:var(--font-mono);color:var(--text-secondary);margin-bottom:2rem;font-size:0.9rem;}.terminal-prompt{ color:var(--neon-green);}.typing-text{ display:inline-block;overflow:hidden;border-right:2px solid var(--neon-green);white-space:nowrap;animation:typing 3s steps(30,end),blink-caret 0.75s step-end infinite;}@keyframes typing{ from{ width:0;}to{ width:100%;}}@keyframes blink-caret{ from,to{ border-color:transparent;}50%{ border-color:var(--neon-green);}}.hero-title{ font-size:clamp(2.5rem,8vw,5rem);font-weight:900;margin-bottom:1.5rem;line-height:1.3;position:relative;display:inline-block;width:100%;}.hero-title-accent{ color:var(--neon-green);text-shadow:0 0 20px rgba(0,255,65,0.5);}.trademark{ font-family:var(--font-tech);font-size:1.2rem;color:var(--accent-cyan);text-align:center;margin-bottom:1rem;text-shadow:0 0 10px rgba(0,204,204,0.5);font-weight:500;}/* Glitch Effect */.glitch{ position:relative;color:var(--text-primary);animation:glitch-skew 4s infinite;}.glitch::before,.glitch::after{ content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;}.glitch::before{ animation:glitch-1 0.5s infinite;color:var(--neon-cyan);z-index:-1;}.glitch::after{ animation:glitch-2 0.5s infinite;color:var(--neon-red);z-index:-2;}@keyframes glitch-skew{ 0%,100%{ transform:skew(0deg);}94%{ transform:skew(0deg);}95%{ transform:skew(-2deg);}96%{ transform:skew(0deg);}}@keyframes glitch-1{ 0%,100%{ clip-path:inset(0 0 0 0);transform:translate(0);opacity:0;}95%{ clip-path:inset(0 0 0 0);transform:translate(0);opacity:0;}96%{ clip-path:inset(10% 0 60% 0);transform:translate(-2px);opacity:0.8;}}@keyframes glitch-2{ 0%,100%{ clip-path:inset(0 0 0 0);transform:translate(0);opacity:0;}95%{ clip-path:inset(0 0 0 0);transform:translate(0);opacity:0;}96%{ clip-path:inset(60% 0 10% 0);transform:translate(2px);opacity:0.8;}}.hero-subtitle{ font-family:var(--font-mono);font-size:1.2rem;color:var(--text-secondary);margin-bottom:2rem;max-width:600px;margin-left:auto;margin-right:auto;}.hero-buttons{ display:flex;gap:1rem;justify-content:center;margin-bottom:3rem;flex-wrap:wrap;}/* Buttons */.btn{ display:inline-flex;align-items:center;gap:0.5rem;padding:1rem 2rem;font-family:var(--font-mono);text-decoration:none;text-transform:uppercase;font-size:0.9rem;letter-spacing:1px;transition:all 0.3s ease;position:relative;overflow:hidden;border:1px solid;}.btn-primary{ background:linear-gradient(45deg,rgba(0,255,65,0.1),rgba(0,255,65,0.2));color:var(--neon-green);border-color:var(--neon-green);}.btn-primary:hover{ background:rgba(0,255,65,0.2);box-shadow:0 0 20px rgba(0,255,65,0.5);transform:translateY(-2px);}.btn-secondary{ background:transparent;color:var(--neon-cyan);border-color:var(--neon-cyan);}.btn-secondary:hover{ background:rgba(0,255,255,0.1);box-shadow:0 0 20px rgba(0,255,255,0.5);transform:translateY(-2px);}.btn-large{ padding:1.2rem 2.5rem;font-size:1rem;}.btn-full{ width:100%;justify-content:center;}/* Hero Stats */.hero-stats{ display:flex;justify-content:center;gap:3rem;flex-wrap:wrap;}.stat{ text-align:center;}.stat-number{ display:block;font-family:var(--font-mono);font-size:2.5rem;color:var(--neon-green);font-weight:700;text-shadow:0 0 10px rgba(0,255,65,0.5);}.stat-label{ font-family:var(--font-mono);font-size:0.8rem;color:var(--text-secondary);text-transform:uppercase;}/* Scroll Indicator */.hero-scroll-indicator{ position:absolute;bottom:2rem;left:50%;transform:translateX(-50%);text-align:center;}.scroll-text{ font-family:var(--font-mono);font-size:0.8rem;color:var(--text-muted);margin-bottom:1rem;}.mouse{ width:25px;height:40px;border:2px solid var(--neon-green);border-radius:15px;position:relative;margin:0 auto;}.wheel{ width:3px;height:8px;background:var(--neon-green);position:absolute;top:8px;left:50%;transform:translateX(-50%);animation:scroll 2s infinite;}@keyframes scroll{ 0%{ transform:translateX(-50%) translateY(0);opacity:1;}100%{ transform:translateX(-50%) translateY(15px);opacity:0;}}/* Sections */section{ padding:5rem 0;position:relative;z-index:2;overflow-x:hidden;max-width:100vw;}.section-header{ text-align:center;margin-bottom:4rem;}.section-title{ font-size:clamp(2rem,5vw,3rem);margin-bottom:1rem;}.section-subtitle{ font-family:var(--font-mono);color:var(--text-secondary);font-size:1rem;}.accent{ color:var(--neon-green);text-shadow:0 0 10px rgba(0,255,65,0.5);}/* About Section */.about{ background:var(--bg-secondary);border-top:1px solid var(--border-secondary);border-bottom:1px solid var(--border-secondary);}.about-content{ display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;}.glitch-text{ font-family:var(--font-tech);font-size:1.5rem;margin-bottom:1.5rem;color:var(--neon-green);}.terminal-window{ background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:8px;overflow:hidden;margin-bottom:2rem;max-width:100%;word-wrap:break-word;}.terminal-bar{ background:var(--bg-tertiary);padding:0.5rem 1rem;display:flex;align-items:center;gap:0.5rem;border-bottom:1px solid var(--border-secondary);}.terminal-button{ width:12px;height:12px;border-radius:50%;}.terminal-button.red{ background:var(--neon-red);}.terminal-button.yellow{ background:var(--neon-yellow);}.terminal-button.green{ background:var(--neon-green);}.terminal-title{ font-family:var(--font-mono);font-size:0.8rem;color:var(--text-secondary);margin-left:1rem;}.terminal-content{ padding:1.5rem;font-family:var(--font-mono);font-size:0.9rem;line-height:1.8;overflow-wrap:break-word;word-break:break-word;}.terminal-line{ margin-bottom:1rem;}.terminal-prefix{ color:var(--neon-green);margin-right:0.5rem;}.about-features{ display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;}.feature-item{ display:flex;align-items:center;gap:0.75rem;font-family:var(--font-mono);font-size:0.9rem;color:var(--text-secondary);}.feature-item i{ color:var(--neon-green);font-size:1.2rem;}.about-image{ position:relative;}.image-wrapper{ position:relative;overflow:hidden;border:2px solid var(--border-primary);border-radius:8px;}.image-wrapper img{ width:100%;height:auto;display:block;filter:grayscale(50%) contrast(1.2);transition:filter 0.3s ease;}.image-wrapper:hover img{ filter:grayscale(0%) contrast(1);}.scan-line{ position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,var(--neon-green),transparent);animation:scan 3s linear infinite;}@keyframes scan{ 0%{ transform:translateY(0);}100%{ transform:translateY(400px);}}.image-overlay{ position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,255,65,0.1);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity 0.3s ease;}.image-wrapper:hover .image-overlay{ opacity:1;}.scan-text{ font-family:var(--font-mono);color:var(--neon-green);font-size:1.2rem;text-transform:uppercase;letter-spacing:2px;}/* Services Section */.services{ background:var(--bg-primary);}.services-grid{ display:grid;grid-template-columns:repeat(auto-fit,minmax(min(350px,100%),1fr));gap:2rem;width:100%;}.services-grid .service-card{ width:100%;box-sizing:border-box;word-wrap:break-word;overflow-wrap:break-word;}.service-card{ background:var(--bg-card);border:1px solid var(--border-secondary);padding:2rem;position:relative;transition:all 0.3s ease;overflow:hidden;}.service-card::before{ content:'';position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,var(--neon-green),transparent);animation:slide 3s linear infinite;}@keyframes slide{ 0%{ transform:translateX(-100%);}100%{ transform:translateX(100%);}}.service-card:hover{ background:rgba(0,255,65,0.05);border-color:var(--neon-green);transform:translateY(-5px);box-shadow:0 10px 30px rgba(0,255,65,0.2);}.service-card.featured{ border-color:var(--neon-cyan);}.service-card.featured::before{ background:linear-gradient(90deg,transparent,var(--neon-cyan),transparent);}.service-card.featured:hover{ background:rgba(0,255,255,0.05);border-color:var(--neon-cyan);box-shadow:0 10px 30px rgba(0,255,255,0.2);}.service-card.clickable{ cursor:pointer;transition:all 0.4s ease;}.service-card.clickable:hover{ transform:translateY(-8px) scale(1.02);}.service-card.expanded{ transform:none;z-index:10;box-shadow:0 20px 60px rgba(0,255,65,0.3);min-height:auto;width:100%;max-width:100%;border-color:var(--neon-green);background:rgba(0,255,65,0.03);}.service-scanner{ position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,255,65,0.1) 30%,rgba(0,255,65,0.3) 50%,rgba(0,255,65,0.1) 70%,transparent );opacity:0;transition:all 0.3s ease;pointer-events:none;}.service-card:hover .service-scanner{ animation:scan 2s ease-in-out;opacity:1;}.service-card.featured .service-scanner{ background:linear-gradient(90deg,transparent,rgba(0,255,255,0.1) 30%,rgba(0,255,255,0.3) 50%,rgba(0,255,255,0.1) 70%,transparent );}@keyframes scan{ 0%{ left:-100%;}100%{ left:100%;}}.service-details{ margin-top:1.5rem;opacity:0;transform:translateY(-20px);transition:all 0.5s ease;width:100%;overflow:hidden;}.service-details.show{ opacity:1;transform:translateY(0);}.service-details .terminal-window{ width:100%;max-width:100%;overflow-x:auto;}.service-details .terminal-content{ width:100%;max-width:100%;overflow-x:auto;}.service-details .terminal-content pre{ white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word;max-width:100%;}.service-details .terminal-content code{ display:block;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word;max-width:100%;}.service-icon{ width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:rgba(0,255,65,0.1);border:2px solid var(--neon-green);margin-bottom:1.5rem;position:relative;}.service-card.featured .service-icon{ background:rgba(0,255,255,0.1);border-color:var(--neon-cyan);}.service-icon i{ font-size:1.5rem;color:var(--neon-green);}.service-card.featured .service-icon i{ color:var(--neon-cyan);}.service-title{ font-family:var(--font-mono);font-size:1.2rem;margin-bottom:1rem;color:var(--text-primary);}.service-description{ color:var(--text-secondary);margin-bottom:1.5rem;line-height:1.6;}.service-features{ list-style:none;margin-bottom:1.5rem;}.service-features li{ font-family:var(--font-mono);font-size:0.9rem;color:var(--text-secondary);padding:0.5rem 0;padding-left:1.5rem;position:relative;}.service-features li::before{ content:'[+]';position:absolute;left:0;color:var(--neon-green);}.service-link{ font-family:var(--font-mono);color:var(--neon-green);text-decoration:none;font-size:0.9rem;display:inline-flex;align-items:center;gap:0.5rem;transition:gap 0.3s ease;}.service-card.featured .service-link{ color:var(--neon-cyan);}.service-link:hover{ gap:1rem;}/* What to Expect Section */.expect{ background:var(--bg-primary);padding:5rem 0;border-top:1px solid var(--border-secondary);}.expect-description{ text-align:center;max-width:800px;margin:2rem auto 3rem;color:var(--text-secondary);font-size:1.1rem;line-height:1.8;}.expect-grid{ display:grid;gap:2rem;margin-top:3rem;}.expect-card{ display:flex;gap:2rem;align-items:flex-start;}.expect-number{ font-family:var(--font-mono);font-size:2rem;font-weight:bold;color:var(--neon-green);min-width:60px;text-align:center;padding-top:1rem;text-shadow:0 0 10px rgba(0,255,65,0.5);}.expect-content{ flex:1;}.expect-content .terminal-window{ background:var(--terminal-bg);border:1px solid var(--border-secondary);border-radius:8px;overflow:hidden;}.expect-content .terminal-bar{ background:#1a1a1a;padding:0.5rem 1rem;display:flex;align-items:center;gap:0.5rem;border-bottom:1px solid var(--border-secondary);}.expect-content .terminal-content{ padding:1.5rem;}.expect-content .terminal-content h3{ color:var(--neon-green);font-family:var(--font-mono);font-size:1.1rem;margin-bottom:1rem;text-transform:uppercase;}.expect-content pre{ margin:0;color:var(--text-secondary);font-size:0.9rem;line-height:1.6;}.expect-content code{ background:none;padding:0;color:inherit;}/* Responsive for expect section */@media (max-width:768px){ .expect-card{ flex-direction:column;align-items:center;}.expect-number{ min-width:auto;}}/* Review CTA Section */.review-cta{ margin-top:4rem;display:flex;justify-content:center;}.review-cta .terminal-window{ max-width:600px;width:100%;background:var(--bg-card);border:1px solid var(--border-secondary);border-radius:8px;overflow:hidden;}.review-cta .terminal-bar{ background:linear-gradient(90deg,#1a1a1a,#2a2a2a);padding:0.75rem 1rem;display:flex;align-items:center;gap:0.5rem;border-bottom:1px solid var(--border-secondary);}.review-cta .terminal-button{ width:12px;height:12px;border-radius:50%;}.review-cta .terminal-button.red{ background:#ff5f56;}.review-cta .terminal-button.yellow{ background:#ffbd2e;}.review-cta .terminal-button.green{ background:#27c93f;}.review-cta .terminal-title{ color:var(--text-secondary);font-family:'JetBrains Mono',monospace;font-size:0.85rem;margin-left:auto;}.review-cta .terminal-content{ padding:2rem;text-align:center;}.review-prompt{ color:var(--neon-green);font-family:'JetBrains Mono',monospace;font-size:0.9rem;margin-bottom:1rem;}.review-text{ color:var(--text-secondary);margin-bottom:1.5rem;line-height:1.6;}.btn-review{ display:inline-flex;align-items:center;gap:0.5rem;padding:0.75rem 2rem;font-family:'JetBrains Mono',monospace;text-transform:uppercase;letter-spacing:1px;transition:all 0.3s ease;}.btn-review:hover{ transform:translateY(-2px);box-shadow:0 10px 30px rgba(0,255,65,0.3);}.btn-review i.fa-external-link-alt{ font-size:0.8rem;opacity:0.8;}/* Approach Section */.approach{ background:var(--bg-secondary);border-top:1px solid var(--border-secondary);border-bottom:1px solid var(--border-secondary);}.approach-timeline{ position:relative;max-width:900px;margin:0 auto;}.approach-timeline::before{ content:'';position:absolute;left:50px;top:0;bottom:0;width:2px;background:linear-gradient(180deg,var(--neon-green),var(--neon-cyan));}.timeline-item{ position:relative;padding-left:100px;margin-bottom:4rem;}.timeline-marker{ position:absolute;left:30px;top:0;width:40px;height:40px;background:var(--bg-primary);border:2px solid var(--neon-green);display:flex;align-items:center;justify-content:center;}.marker-number{ font-family:var(--font-mono);font-size:0.8rem;color:var(--neon-green);}.timeline-content h3{ font-family:var(--font-mono);font-size:1.3rem;color:var(--neon-green);margin-bottom:1rem;}.code-block{ background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:4px;padding:1rem;margin:1rem 0;overflow-x:auto;max-width:100%;}.code-block pre{ margin:0;}.code-block code{ font-family:var(--font-mono);font-size:0.85rem;color:var(--text-primary);line-height:1.6;}/* Testimonials */.testimonials{ background:var(--bg-primary);}.testimonials-grid{ display:grid;grid-template-columns:repeat(auto-fit,minmax(min(350px,100%),1fr));gap:2rem;width:100%;}.testimonial-card{ background:var(--bg-card);border:1px solid var(--border-secondary);padding:2rem;position:relative;transition:all 0.3s ease;}.testimonial-card:hover{ border-color:var(--neon-green);box-shadow:0 5px 20px rgba(0,255,65,0.1);}.testimonial-header{ font-family:var(--font-mono);font-size:0.8rem;color:var(--text-muted);margin-bottom:1rem;}.terminal-user{ color:var(--neon-green);margin-right:0.5rem;}.terminal-command{ color:var(--text-secondary);}.testimonial-rating{ margin-bottom:1rem;}.testimonial-rating i{ color:var(--neon-yellow);font-size:0.9rem;margin-right:0.25rem;}.testimonial-text{ color:var(--text-secondary);line-height:1.8;margin-bottom:2rem;font-style:italic;}.testimonial-author{ display:flex;align-items:center;gap:1rem;}.testimonial-author img{ width:50px;height:50px;border-radius:50%;border:2px solid var(--neon-green);filter:grayscale(50%);}.author-info h4{ font-family:var(--font-mono);font-size:1rem;color:var(--text-primary);margin-bottom:0.25rem;}.author-info p{ font-family:var(--font-mono);font-size:0.8rem;color:var(--text-secondary);}/* CTA Section */.cta{ background:linear-gradient(135deg,rgba(0,255,65,0.1),rgba(0,255,255,0.1));border-top:1px solid var(--border-primary);border-bottom:1px solid var(--border-primary);padding:4rem 0;}.cta-content{ text-align:center;}.cta-title{ font-size:clamp(2rem,5vw,3rem);margin-bottom:1rem;}.cta-subtitle{ font-family:var(--font-mono);color:var(--text-secondary);font-size:1.1rem;margin-bottom:2rem;}/* Contact Section */.contact{ background:var(--bg-secondary);}.contact-content{ display:grid;grid-template-columns:1fr 1fr;gap:4rem;}.contact-info h3{ font-family:var(--font-mono);font-size:1.5rem;color:var(--neon-green);margin-bottom:1rem;}.contact-items{ margin:2rem 0;}.contact-item{ display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;}.contact-item i{ color:var(--neon-green);font-size:1.2rem;margin-top:0.25rem;}.contact-item h4{ font-family:var(--font-mono);font-size:0.9rem;color:var(--neon-green);margin-bottom:0.25rem;}.contact-item p{ color:var(--text-secondary);font-size:0.95rem;}.social-links{ display:flex;gap:1rem;margin-top:2rem;}.social-links a{ width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);border:1px solid var(--border-primary);color:var(--neon-green);transition:all 0.3s ease;text-decoration:none;font-size:1.4rem;font-weight:bold;}.social-links a:hover{ background:rgba(0,255,65,0.1);transform:translateY(-3px);box-shadow:0 5px 15px rgba(0,255,65,0.3);}/* Contact Form */.contact-form{ background:var(--bg-card);border:1px solid var(--border-secondary);padding:2rem;}.form-group{ position:relative;margin-bottom:2rem;}.form-group input,.form-group select,.form-group textarea{ width:100%;padding:1rem;background:var(--bg-primary);border:1px solid var(--border-secondary);color:var(--text-primary);font-family:var(--font-mono);font-size:0.9rem;transition:all 0.3s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;}.form-group select{ background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2300ff41' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:2.5rem;cursor:pointer;}.form-group select option{ background:var(--bg-primary);color:var(--text-primary);padding:0.5rem;}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{ outline:none;border-color:var(--neon-green);box-shadow:0 0 10px rgba(0,255,65,0.2);}.form-group label{ position:absolute;top:50%;left:1rem;transform:translateY(-50%);font-family:var(--font-mono);font-size:0.9rem;color:var(--text-secondary);transition:all 0.3s ease;pointer-events:none;background:var(--bg-primary);padding:0 0.5rem;}.form-group textarea ~ label{ top:1.5rem;}.form-group input:focus ~ label,.form-group input:valid ~ label,.form-group select:focus ~ label,.form-group select:valid ~ label,.form-group textarea:focus ~ label,.form-group textarea:valid ~ label{ top:-10px;font-size:0.8rem;color:var(--neon-green);}.form-message{ margin-top:1rem;padding:1rem;background:rgba(0,255,65,0.1);border:1px solid var(--neon-green);color:var(--neon-green);font-family:var(--font-mono);font-size:0.9rem;display:none;}.form-message.show{ display:block;}.form-message.error{ background:rgba(255,0,64,0.1);border-color:var(--neon-red);color:var(--neon-red);}/* AI Services Section */.ai-services{ padding:120px 0;background:var(--bg-secondary);}.ai-services-grid{ display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem;}.ai-service-card{ background:var(--bg-card);border:1px solid var(--border-secondary);padding:2rem;position:relative;transition:all 0.3s ease;}.ai-service-card::before{ content:'';position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,var(--neon-cyan),transparent);animation:slide 3s linear infinite;}.ai-service-card.featured::before{ background:linear-gradient(90deg,transparent,var(--neon-green),transparent);}.ai-service-card:hover{ background:rgba(0,255,255,0.05);border-color:var(--neon-cyan);transform:translateY(-5px);box-shadow:0 10px 30px rgba(0,255,255,0.2);}.ai-service-header{ display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;}.ai-service-tier{ font-family:var(--font-mono);color:var(--neon-cyan);font-size:0.9rem;font-weight:600;}.ai-service-icon{ font-size:2rem;color:var(--neon-cyan);}.ai-service-title{ font-family:var(--font-tech);font-size:1.5rem;margin-bottom:1rem;color:var(--text-primary);}.ai-service-features .terminal-window{ margin-top:1rem;}/* Executive Services Section */.executive-services{ padding:120px 0;background:var(--bg-primary);}.executive-content{ display:grid;grid-template-columns:2fr 1fr;gap:3rem;margin-top:3rem;}.executive-main .terminal-window{ margin-bottom:2rem;}.executive-sidebar{ display:flex;flex-direction:column;gap:2rem;}.expertise-areas{ background:var(--bg-card);border:1px solid var(--border-secondary);padding:2rem;position:relative;}.expertise-areas::before{ content:'';position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,var(--neon-red),transparent);animation:slide 3s linear infinite;}.expertise-areas h3{ font-family:var(--font-mono);color:var(--neon-red);margin-bottom:1.5rem;font-size:1.1rem;}.expertise-list{ list-style:none;padding:0;}.expertise-list li{ display:flex;align-items:center;margin-bottom:0.75rem;font-family:var(--font-mono);color:var(--text-secondary);}.expertise-list li i{ color:var(--neon-red);margin-right:0.75rem;width:20px;}.contact-executive{ background:var(--bg-card);border:1px solid var(--neon-green);padding:2rem;text-align:center;position:relative;}.contact-executive::before{ content:'';position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,var(--neon-green),transparent);animation:slide 3s linear infinite;}.contact-executive h4{ font-family:var(--font-mono);color:var(--neon-green);margin-bottom:1rem;}.contact-executive p{ color:var(--text-secondary);margin-bottom:1.5rem;font-size:0.9rem;}/* Consultation Process Section */.consultation-process{ padding:120px 0;background:var(--bg-tertiary);}.process-steps{ margin-top:3rem;display:flex;flex-direction:column;gap:2rem;}.process-step{ background:var(--bg-card);border:1px solid var(--border-secondary);padding:0;position:relative;overflow:hidden;transition:all 0.3s ease;}.process-step::before{ content:'';position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,var(--neon-green),transparent);animation:slide 3s linear infinite;}.process-step:hover{ background:rgba(0,255,65,0.02);border-color:var(--neon-green);transform:translateX(10px);}.step-header{ padding:2rem 2rem 0 2rem;display:flex;align-items:center;gap:1.5rem;}.step-number{ font-family:var(--font-mono);font-size:1.5rem;font-weight:700;color:var(--neon-green);background:rgba(0,255,65,0.1);border:1px solid var(--neon-green);padding:0.5rem 1rem;border-radius:4px;min-width:60px;text-align:center;}.step-header h3{ font-family:var(--font-mono);color:var(--text-primary);font-size:1.3rem;margin:0;}.step-content{ padding:0 2rem 2rem 2rem;}.step-content .terminal-window{ margin:1rem 0;}.step-content p{ color:var(--text-secondary);font-size:0.95rem;line-height:1.6;margin:0;}/* Responsive Design for New Sections */@media (max-width:768px){ .process-steps{ gap:1.5rem;}.step-header{ padding:1.5rem 1.5rem 0 1.5rem;flex-direction:column;text-align:center;gap:1rem;}.step-content{ padding:0 1.5rem 1.5rem 1.5rem;}.step-number{ font-size:1.2rem;padding:0.4rem 0.8rem;min-width:50px;}.step-header h3{ font-size:1.1rem;}}.ai-services-grid{ grid-template-columns:1fr;}.executive-content{ grid-template-columns:1fr;}.expertise-areas,.contact-executive{ padding:1.5rem;}}/* Secure Upload Section */.secure-upload{ padding:5rem 0;background:var(--bg-secondary);border-top:1px solid var(--border-secondary);border-bottom:1px solid var(--border-secondary);}.upload-container{ display:grid;grid-template-columns:2fr 1fr;gap:2rem;margin-top:3rem;}.upload-terminal{ background:var(--bg-card);border:1px solid var(--border-secondary);border-radius:8px;overflow:hidden;}.upload-terminal .terminal-bar{ background:linear-gradient(90deg,#1a1a1a,#2a2a2a);padding:0.75rem 1rem;display:flex;align-items:center;gap:0.5rem;border-bottom:1px solid var(--border-secondary);}.upload-terminal .terminal-button{ width:12px;height:12px;border-radius:50%;}.upload-terminal .terminal-button.red{ background:#ff5f56;}.upload-terminal .terminal-button.yellow{ background:#ffbd2e;}.upload-terminal .terminal-button.green{ background:#27c93f;}.upload-terminal .terminal-title{ color:var(--text-secondary);font-family:'JetBrains Mono',monospace;font-size:0.85rem;margin-left:auto;}.upload-terminal .terminal-content{ padding:2rem;}.upload-info{ margin-bottom:2rem;}.encryption-status{ display:flex;align-items:center;gap:1rem;padding:1rem;background:rgba(0,255,65,0.05);border:1px solid var(--neon-green);border-radius:4px;margin-bottom:1.5rem;}.encryption-status i{ color:var(--neon-green);font-size:1.5rem;}.status-text{ font-family:'JetBrains Mono',monospace;color:var(--text-primary);}.terminal-output{ font-family:'JetBrains Mono',monospace;font-size:0.9rem;}.terminal-output p{ margin:0.5rem 0;color:var(--text-secondary);}.terminal-output .success-text{ color:var(--neon-green);}.upload-features{ margin:2rem 0;}.upload-features .feature-grid{ display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;}.upload-features .feature-item{ display:flex;align-items:center;gap:0.75rem;padding:0.75rem;background:rgba(255,255,255,0.02);border:1px solid var(--border-secondary);border-radius:4px;font-family:'JetBrains Mono',monospace;font-size:0.9rem;}.upload-features .feature-item i{ color:var(--neon-green);}.upload-instructions{ margin:2rem 0;}.upload-instructions h3{ color:var(--neon-green);font-family:'Orbitron',sans-serif;font-size:1.1rem;margin-bottom:1rem;}.terminal-list{ font-family:'JetBrains Mono',monospace;font-size:0.9rem;line-height:1.8;color:var(--text-secondary);padding-left:1.5rem;}.terminal-list li{ margin:0.5rem 0;}.upload-action{ text-align:center;margin-top:2rem;}.btn-upload{ display:inline-flex;align-items:center;gap:0.75rem;padding:1rem 2rem;font-size:1rem;letter-spacing:1px;}.btn-upload i.fa-external-link-alt{ font-size:0.8rem;opacity:0.8;margin-left:0.5rem;}.upload-note{ margin-top:1rem;font-size:0.85rem;color:var(--text-secondary);font-family:'JetBrains Mono',monospace;}.upload-note i{ color:var(--neon-green);margin-right:0.5rem;}.upload-sidebar{ display:flex;flex-direction:column;gap:2rem;}.security-badge{ background:var(--bg-card);border:1px solid var(--border-secondary);border-radius:8px;padding:2rem;text-align:center;}.badge-icon{ width:60px;height:60px;background:rgba(0,255,65,0.1);border:2px solid var(--neon-green);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;}.badge-icon i{ font-size:1.5rem;color:var(--neon-green);}.security-badge h4{ color:var(--text-primary);font-family:'Orbitron',sans-serif;margin-bottom:1rem;}.security-badge ul{ list-style:none;padding:0;text-align:left;}.security-badge li{ padding:0.5rem 0;color:var(--text-secondary);font-size:0.9rem;}.security-badge li i{ color:var(--neon-green);margin-right:0.75rem;}.supported-files{ background:var(--bg-card);border:1px solid var(--border-secondary);border-radius:8px;padding:1.5rem;}.supported-files h4{ color:var(--text-primary);font-family:'Orbitron',sans-serif;margin-bottom:1rem;}.file-types{ display:flex;flex-wrap:wrap;gap:0.5rem;}.file-type{ padding:0.25rem 0.75rem;background:rgba(0,255,65,0.1);border:1px solid var(--neon-green);border-radius:4px;color:var(--neon-green);font-family:'JetBrains Mono',monospace;font-size:0.85rem;}@media (max-width:1024px){ .upload-container{ grid-template-columns:1fr;}.upload-sidebar{ display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;}}@media (max-width:768px){ .upload-features .feature-grid{ grid-template-columns:1fr;}.upload-sidebar{ grid-template-columns:1fr;}}/* Blog Page Styles */.blog-page{ padding:120px 0 80px;background:var(--bg-primary);min-height:100vh;}.blog-post{ background:var(--bg-card);border:1px solid var(--border-secondary);margin-bottom:2rem;position:relative;overflow:hidden;}.blog-post::before{ content:'';position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,var(--neon-green),transparent);animation:slide 3s linear infinite;}.blog-body{ padding:2rem;}.blog-body .terminal-window{ margin-top:1rem;}.back-to-blog{ text-align:center;margin-top:3rem;padding-top:2rem;border-top:1px solid var(--border-secondary);}.nav-link.active{ color:var(--neon-green);text-shadow:0 0 10px rgba(0,255,65,0.5);}/* Footer */.footer{ background:var(--bg-primary);border-top:1px solid var(--border-secondary);padding:3rem 0 1rem;}.footer-content{ display:grid;grid-template-columns:2fr 1fr 1fr 2fr;gap:3rem;margin-bottom:2rem;}.footer-column h3,.footer-column h4{ font-family:var(--font-mono);color:var(--neon-green);margin-bottom:1rem;font-size:1.1rem;}.footer-column p{ color:var(--text-secondary);line-height:1.6;margin-bottom:1rem;}.footer-column ul{ list-style:none;}.footer-column ul li{ margin-bottom:0.75rem;}.footer-column ul li a{ color:var(--text-secondary);text-decoration:none;font-family:var(--font-mono);font-size:0.9rem;transition:color 0.3s ease;}.footer-column ul li a:hover{ color:var(--neon-green);}.footer-social{ display:flex;gap:1rem;}.footer-social a{ width:35px;height:35px;display:flex;align-items:center;justify-content:center;background:rgba(0,255,65,0.1);border:1px solid var(--border-primary);color:var(--neon-green);transition:all 0.3s ease;text-decoration:none;font-size:1.2rem;font-weight:bold;}.footer-social a:hover{ background:rgba(0,255,65,0.2);transform:translateY(-3px);}.newsletter-form{ display:flex;gap:0.5rem;margin-top:1rem;}.newsletter-form input{ flex:1;padding:0.75rem;background:var(--bg-secondary);border:1px solid var(--border-secondary);color:var(--text-primary);font-family:var(--font-mono);font-size:0.9rem;}.newsletter-form input:focus{ outline:none;border-color:var(--neon-green);}.newsletter-form button{ padding:0.75rem 1.5rem;background:rgba(0,255,65,0.1);border:1px solid var(--neon-green);color:var(--neon-green);cursor:pointer;transition:all 0.3s ease;}.newsletter-form button:hover{ background:rgba(0,255,65,0.2);}.footer-bottom{ padding-top:2rem;border-top:1px solid var(--border-secondary);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;}.footer-bottom p{ font-family:var(--font-mono);font-size:0.9rem;color:var(--text-secondary);}.footer-links{ display:flex;gap:2rem;}.footer-links a{ font-family:var(--font-mono);font-size:0.9rem;color:var(--text-secondary);text-decoration:none;transition:color 0.3s ease;}.footer-links a:hover{ color:var(--neon-green);}/* Back to Top */.back-to-top{ position:fixed;bottom:2rem;right:2rem;width:50px;height:50px;background:var(--bg-primary);border:2px solid var(--neon-green);color:var(--neon-green);display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;visibility:hidden;transition:all 0.3s ease;z-index:1000;}.back-to-top.show{ opacity:1;visibility:visible;}.back-to-top:hover{ background:rgba(0,255,65,0.1);transform:translateY(-5px);box-shadow:0 5px 20px rgba(0,255,65,0.3);}/* Large screens - adjust navigation */@media (max-width:1200px){ .nav-list{ gap:1rem;}.nav-link{ font-size:0.85rem;}}/* Prevent horizontal scroll on all devices */*{ box-sizing:border-box;}/* Tablet Responsive */@media (max-width:1024px){ .nav-list{ gap:0.8rem;}.nav-link{ font-size:0.8rem;}.services-grid{ grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));}.testimonials-grid{ grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));}}/* Mobile Responsive Design */@media (max-width:768px){ .container{ padding:0 20px;}.ai-service-list li,.service-features li{ font-size:0.9rem;padding-left:25px;}.ai-service-list li:before,.service-features li:before{ left:0;}.secure-contact-button{ font-size:0.9rem;padding:1rem;}.executive-services li{ padding:0.75rem 0;font-size:0.9rem;}.service-icon{ font-size:1.5rem;margin-bottom:1rem;}.mobile-menu-toggle{ display:flex;}.nav-menu{ position:fixed;top:60px;left:-100%;width:100%;background:var(--bg-primary);border-top:1px solid var(--border-primary);transition:left 0.3s ease;}.nav-menu.active{ left:0;}.nav-list{ flex-direction:column;padding:2rem;}.about-content,.contact-content{ grid-template-columns:1fr;}.footer-content{ grid-template-columns:1fr;}.hero-title{ font-size:2.5rem;}.services-grid,.testimonials-grid{ grid-template-columns:1fr;}.approach-timeline::before{ left:20px;}.timeline-item{ padding-left:60px;}.timeline-marker{ left:0;}.code-block{ padding:0.75rem;}.code-block code{ font-size:0.75rem;}.hero-buttons{ flex-direction:column;width:100%;max-width:300px;margin:0 auto 3rem;}.btn{ width:100%;justify-content:center;}.terminal-window{ margin:0 -10px 2rem;}.hero-subtitle{ font-size:1rem;padding:0 1rem;}}/* Small Mobile Fixes */@media (max-width:480px){ .hero-title{ font-size:clamp(1.75rem,5vw,2rem);}.hero-title-accent{ font-size:clamp(1.5rem,4vw,1.75rem);display:block;margin-bottom:0.5rem;}.stat-number{ font-size:2rem;}.hero-stats{ flex-direction:column;gap:1rem;}.service-card{ padding:1.25rem;width:100%;max-width:100%;}.service-card.expanded{ transform:none;max-width:100%;width:100%;margin:0;}.service-details .terminal-content{ font-size:0.75rem;padding:1rem;}.section-title{ font-size:clamp(1.5rem,4vw,2rem);}}/* Global overflow prevention */@media screen and (max-width:1920px){ html,body{ max-width:100%;overflow-x:hidden;}.grid-pattern,.hero-background,.hero-overlay{ max-width:100vw;overflow:hidden;}}/* ============================================ Blog Section Styles ============================================ */.blog{ background:var(--bg-primary);position:relative;overflow:hidden;border-top:1px solid var(--border-secondary);border-bottom:1px solid var(--border-secondary);}.blog::before{ content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--neon-green) 10%,var(--neon-green) 90%,transparent );animation:scan-line 3s linear infinite;}@keyframes scan-line{ 0%{ transform:translateX(-100%);}100%{ transform:translateX(100%);}}.blog-grid{ display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-bottom:3rem;}.blog-card{ background:var(--bg-card);border:1px solid var(--border-primary);border-radius:8px;overflow:hidden;transition:all 0.3s ease;position:relative;}.blog-card::before{ content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,transparent 40%,rgba(0,255,65,0.05) 100%);opacity:0;transition:opacity 0.3s ease;pointer-events:none;}.blog-card:hover{ transform:translateY(-5px);border-color:var(--neon-green);box-shadow:0 10px 30px rgba(0,255,65,0.2);}.blog-card:hover::before{ opacity:1;}.blog-terminal-header{ background:var(--bg-tertiary);padding:0.75rem 1rem;display:flex;align-items:center;gap:0.5rem;border-bottom:1px solid rgba(0,255,65,0.1);}.blog-filename{ font-family:var(--font-mono);font-size:0.85rem;color:var(--neon-green);margin-left:auto;text-shadow:0 0 5px rgba(0,255,65,0.5);}.blog-content{ padding:1.5rem;position:relative;z-index:1;}.blog-meta{ display:flex;gap:1rem;margin-bottom:1rem;font-family:var(--font-mono);font-size:0.85rem;}.blog-date{ color:var(--neon-cyan);}.blog-author{ color:var(--text-muted);}.blog-title{ font-size:1.25rem;margin-bottom:1rem;color:var(--text-primary);font-family:var(--font-tech);letter-spacing:0.5px;line-height:1.4;text-transform:none;}.blog-excerpt{ background:var(--bg-primary);border:1px solid rgba(0,255,65,0.1);border-radius:4px;padding:0.75rem;margin-bottom:1rem;overflow:hidden;}.blog-excerpt pre{ margin:0;font-family:var(--font-mono);font-size:0.75rem;color:var(--neon-green);line-height:1.4;white-space:pre-wrap;word-wrap:break-word;}.blog-excerpt code{ background:none;padding:0;color:inherit;}.blog-description{ color:var(--text-secondary);font-size:0.95rem;line-height:1.6;margin-bottom:1.5rem;}.blog-link{ display:inline-flex;align-items:center;gap:0.5rem;color:var(--neon-green);text-decoration:none;font-family:var(--font-mono);font-size:0.9rem;padding:0.5rem 1rem;border:1px solid var(--border-primary);border-radius:4px;transition:all 0.3s ease;position:relative;overflow:hidden;}.blog-link::before{ content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--neon-green);transition:left 0.3s ease;z-index:-1;}.blog-link:hover{ color:var(--bg-primary);border-color:var(--neon-green);box-shadow:0 0 10px rgba(0,255,65,0.5);}.blog-link:hover::before{ left:0;}.blog-footer{ text-align:center;margin-top:3rem;}/* Blog Glitch Effect on Hover */.blog-card:hover .blog-filename{ animation:glitch-blog 0.3s ease;}@keyframes glitch-blog{ 0%,100%{ text-shadow:0 0 5px rgba(0,255,65,0.5);}25%{ text-shadow:-2px 0 var(--neon-red),2px 0 var(--neon-cyan);}50%{ text-shadow:2px 0 var(--neon-purple),-2px 0 var(--neon-yellow);}75%{ text-shadow:0 0 10px var(--neon-green);}}/* Blog Responsive Design */@media (max-width:768px){ .blog-grid{ grid-template-columns:1fr;gap:1.5rem;}.blog-card{ max-width:100%;}.blog-title{ font-size:1.1rem;}.blog-excerpt pre{ font-size:0.7rem;}}@media (max-width:480px){ .blog-content{ padding:1rem;}.blog-meta{ flex-direction:column;gap:0.5rem;}.blog-title{ font-size:1rem;}.blog-description{ font-size:0.9rem;}}/* =================================== MOBILE OVERFLOW FIXES - SEO OPTIMIZATION =================================== */@media (max-width:430px){ html,body{ overflow-x:hidden;max-width:100vw;}*{ max-width:100vw;}.container{ padding:0 15px;max-width:100%;box-sizing:border-box;}section{ overflow-x:hidden;padding:3rem 0;}.section-title{ font-size:1.5rem;word-break:break-word;}.service-card,.ai-service-card,.expect-card,.blog-card,.testimonial-card{ margin:0;max-width:100%;width:100%;}.terminal-window{ max-width:calc(100vw - 30px);overflow-x:hidden;margin:0 auto;box-sizing:border-box;}.terminal-content{ padding:0.75rem;overflow-x:hidden;word-break:break-word;}.terminal-content pre{ font-size:0.7rem;overflow-x:hidden;white-space:pre-wrap;word-wrap:break-word;word-break:break-all;max-width:100%;line-height:1.3;}.terminal-content code{ word-break:break-all;white-space:pre-wrap;}.terminal-content p{ font-size:0.85rem;word-break:break-word;}.nav-list{ padding:0 10px;overflow-x:auto;}.hero-stats{ flex-wrap:wrap;justify-content:center;}.stat{ min-width:80px;flex:0 1 auto;}/* Fix AI service cards on mobile */ .ai-service-card{ padding:1.25rem 0.75rem;overflow:hidden;}.ai-service-card h3{ font-size:1.1rem;}.ai-service-list{ padding-left:0;}.ai-service-list li{ padding-left:20px;padding-right:5px;margin-bottom:0.75rem;font-size:0.8rem;line-height:1.3;word-break:break-word;}/* Fix executive section */ .executive-services{ padding:0.75rem;}.executive-services li{ font-size:0.8rem;padding:0.4rem 0;word-break:break-word;}/* Fix secure upload section */ .upload-terminal{ padding:1rem;}.upload-feature{ padding:0.75rem 0;}.upload-feature i{ min-width:20px;}/* Fix AI service icons */ .ai-service-icon{ font-size:1.5rem;margin-right:0.5rem;}/* Fix capabilities section */ .capabilities-grid{ grid-template-columns:1fr;gap:0.5rem;}.capability-item{ padding:0.75rem;font-size:0.85rem;}.capability-icon{ min-width:20px;margin-right:0.75rem;}/* Fix hero stats on mobile */ .hero-stats{ padding:0 10px;gap:1.5rem;}.stat{ min-width:70px;}/* Fix all icons from being cut off */ .hero-content{ padding:2rem 10px;}/* Prevent content from extending to edges */ p,li,span,div{ max-width:100%;word-wrap:break-word;}/* Fix approach section code blocks */ .code-block{ max-width:calc(100vw - 30px);overflow-x:auto;}.code-block code{ font-size:0.7rem;word-break:break-all;}/* Fix about section */ .about-content{ padding:0;word-break:break-word;}.about-terminal{ font-size:0.85rem;}.about-content p{ padding:0 5px;word-break:break-word;hyphens:auto;}/* Fix capability icons */ .feature-item{ gap:0.5rem;}.feature-item i{ min-width:16px;font-size:1rem;}/* Fix service cards */ .service-card{ padding:1.25rem 0.75rem;overflow:hidden;}.service-features li{ font-size:0.8rem;line-height:1.3;padding-right:5px;word-break:break-word;}.trademark{ font-size:0.8rem;padding:0 10px;text-align:center;}.expect-number{ min-width:35px;font-size:1.3rem;}.expect-card{ gap:1rem;}.expect-content{ overflow:hidden;}.form-group input,.form-group select,.form-group textarea{ width:100%;max-width:100%;}}