@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600&family=JetBrains+Mono:wght@400;500&display=swap');

:root {
  --primary: #00D4FF;
  --primary-dark: #0099CC;
  --primary-glow: rgba(0,212,255,0.25);
  --secondary: #7B2FBE;
  --accent: #00FF88;
  --bg-deep: #020712;
  --bg-surface: #0B1120;
  --bg-elevated: #111827;
  --border: rgba(0,212,255,0.15);
  --border-strong: rgba(0,212,255,0.35);
  --text-primary: #F0F6FC;
  --text-muted: #8B9EB7;
  --danger: #FF4757;
  --warning: #FFA502;
  --success: #00FF88;
  --radius: 12px;
  --radius-lg: 20px;
  --shadow-glow: 0 0 30px rgba(0,212,255,0.2);
  --shadow-card: 0 8px 32px rgba(0,0,0,0.4);
  --transition: all 0.3s cubic-bezier(0.4,0,0.2,1);
  --font-display: 'Space Grotesk', sans-serif;
  --font-body: 'Inter', sans-serif;
  --font-mono: 'JetBrains Mono', monospace;
}

*,*::before,*::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body { font-family: var(--font-body); background: var(--bg-deep); color: var(--text-primary); line-height: 1.7; overflow-x: hidden; }
img { max-width: 100%; display: block; }
a { text-decoration: none; color: inherit; transition: var(--transition); }
ul { list-style: none; }

.container { max-width: 1200px; margin: 0 auto; padding: 0 1.5rem; }
.section-padding { padding: 100px 0; }
.text-center { text-align: center; }
.text-gradient { background: linear-gradient(135deg, var(--primary), var(--secondary)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
.text-accent { color: var(--accent); }
.mt-4 { margin-top: 1.5rem; }
.mt-8 { margin-top: 2rem; }
.mb-4 { margin-bottom: 1.5rem; }
.flex { display: flex; }
.grid { display: grid; }
.relative { position: relative; }
.z-10 { z-index: 10; }

/* ===== TOP BAR ===== */
.top-bar { background: var(--bg-surface); border-bottom: 1px solid var(--border); padding: 8px 0; font-size: 0.78rem; color: var(--text-muted); font-family: var(--font-mono); }
.top-bar .container { display: flex; justify-content: space-between; align-items: center; gap: 1rem; flex-wrap: wrap; }
.top-bar a { color: var(--primary); }
.top-bar a:hover { color: var(--accent); }
.top-bar-left,.top-bar-right { display: flex; align-items: center; gap: 1.5rem; }
.top-bar i { margin-right: 6px; }

/* ===== HEADER / NAV ===== */
.header { position: sticky; top: -1px; z-index: 1000; transition: var(--transition); padding: 0; background: var(--bg-deep); }
.header.scrolled { background: rgba(2,7,18,0.95); backdrop-filter: blur(20px); border-bottom: 1px solid var(--border); box-shadow: var(--shadow-glow); }
.nav-container { display: flex; align-items: center; justify-content: space-between; padding: 1rem 1.5rem; max-width: 1200px; margin: 0 auto; }
.brand-logo { height: 44px; width: auto; filter: drop-shadow(0 0 8px var(--primary-glow)); }
.nav-links { display: flex; align-items: center; gap: 0.25rem; }
.nav-link { padding: 0.5rem 1rem; font-size: 0.9rem; font-weight: 500; color: var(--text-muted); border-radius: 8px; position: relative; font-family: var(--font-display); }
.nav-link::after { content:''; position:absolute; bottom:0; left:50%; right:50%; height:2px; background: linear-gradient(90deg,var(--primary),var(--secondary)); border-radius:2px; transition:var(--transition); }
.nav-link:hover,.nav-link.active { color: var(--text-primary); }
.nav-link:hover::after,.nav-link.active::after { left:1rem; right:1rem; }
.nav-dropdown { position: relative; }
.dropdown-menu { position: absolute; top: calc(100% + 8px); left: 0; background: var(--bg-surface); border: 1px solid var(--border); border-radius: var(--radius); padding: 0.5rem; min-width: 220px; opacity: 0; visibility: hidden; transform: translateY(-8px); transition: var(--transition); box-shadow: var(--shadow-card); z-index: 100; }
.nav-dropdown:hover .dropdown-menu { opacity:1; visibility:visible; transform:translateY(0); }
.dropdown-menu a { display:block; padding:0.6rem 1rem; border-radius:8px; font-size:0.88rem; color:var(--text-muted); }
.dropdown-menu a:hover { background:var(--bg-elevated); color:var(--primary); }
.nav-actions { display:flex; align-items:center; gap:1rem; }
.menu-toggle { display:none; background:none; border:1px solid var(--border); color:var(--text-primary); padding:0.5rem 0.75rem; border-radius:8px; cursor:pointer; font-size:1.1rem; }

/* ===== BUTTONS ===== */
.btn { display:inline-flex; align-items:center; gap:0.5rem; padding:0.75rem 1.75rem; border-radius:10px; font-weight:600; font-size:0.9rem; font-family:var(--font-display); cursor:pointer; border:none; transition:var(--transition); white-space:nowrap; }
.btn-primary { background:linear-gradient(135deg,var(--primary),var(--primary-dark)); color:#020712; box-shadow:0 0 20px var(--primary-glow); }
.btn-primary:hover { transform:translateY(-2px); box-shadow:0 0 35px rgba(0,212,255,0.5); }
.btn-secondary { background:linear-gradient(135deg,var(--secondary),#5a1f9a); color:#fff; }
.btn-secondary:hover { transform:translateY(-2px); box-shadow:0 0 25px rgba(123,47,190,0.5); }
.btn-outline { background:transparent; border:1.5px solid var(--primary); color:var(--primary); }
.btn-outline:hover { background:var(--primary); color:#020712; transform:translateY(-2px); }
.btn-ghost { background:rgba(255,255,255,0.05); color:var(--text-primary); border:1px solid var(--border); }
.btn-ghost:hover { background:rgba(255,255,255,0.1); }
.btn-sm { padding:0.5rem 1.25rem; font-size:0.83rem; }
.btn-lg { padding:1rem 2.25rem; font-size:1rem; }
.btn-block { width:100%; justify-content:center; }
.btn-whatsapp { background:linear-gradient(135deg,#25D366,#128C7E); color:#fff; }
.btn-whatsapp:hover { transform:translateY(-2px); box-shadow:0 0 25px rgba(37,211,102,0.4); }

/* ===== BADGES / PILLS ===== */
.badge { display:inline-flex; align-items:center; gap:0.4rem; background:rgba(0,212,255,0.1); border:1px solid rgba(0,212,255,0.3); color:var(--primary); padding:0.35rem 1rem; border-radius:50px; font-size:0.8rem; font-weight:600; font-family:var(--font-mono); letter-spacing:0.5px; }
.badge-success { background:rgba(0,255,136,0.1); border-color:rgba(0,255,136,0.3); color:var(--accent); }
.badge-danger { background:rgba(255,71,87,0.1); border-color:rgba(255,71,87,0.3); color:var(--danger); }
.badge-warning { background:rgba(255,165,2,0.1); border-color:rgba(255,165,2,0.3); color:var(--warning); }
.badge-purple { background:rgba(123,47,190,0.15); border-color:rgba(123,47,190,0.4); color:#a855f7; }

/* ===== SECTION HEADERS ===== */
.section-tag { font-family:var(--font-mono); font-size:0.78rem; font-weight:500; color:var(--primary); letter-spacing:2px; text-transform:uppercase; margin-bottom:0.75rem; display:block; }
.section-title { font-family:var(--font-display); font-size:clamp(2rem,4vw,3rem); font-weight:700; line-height:1.2; margin-bottom:1rem; color:var(--text-primary); }
.section-desc { font-size:1.05rem; color:var(--text-muted); max-width:640px; }
.section-header { margin-bottom:3.5rem; }
.section-header.centered { text-align:center; }
.section-header.centered .section-desc { margin:0 auto; }

/* ===== HERO ===== */
.hero { min-height: 100vh; display:flex; align-items:center; position:relative; overflow:hidden; background:var(--bg-deep); padding-top:120px; }
.hero-bg { position:absolute; inset:0; z-index:0; }
.cyber-grid { position:absolute; inset:0; background-image:linear-gradient(rgba(0,212,255,0.04) 1px,transparent 1px),linear-gradient(90deg,rgba(0,212,255,0.04) 1px,transparent 1px); background-size:60px 60px; }
.hero-orb { position:absolute; border-radius:50%; filter:blur(100px); animation:orbFloat 8s ease-in-out infinite; }
.hero-orb-1 { width:600px; height:600px; background:rgba(0,212,255,0.08); top:-200px; right:-100px; animation-delay:0s; }
.hero-orb-2 { width:400px; height:400px; background:rgba(123,47,190,0.1); bottom:-100px; left:-100px; animation-delay:-4s; }
@keyframes orbFloat { 0%,100%{transform:translateY(0) scale(1);} 50%{transform:translateY(-40px) scale(1.05);} }
.hero-container { display:grid; grid-template-columns:1fr 1fr; gap:4rem; align-items:center; position:relative; z-index:1; }
.hero-eyebrow { display:flex; align-items:center; gap:0.75rem; margin-bottom:1.5rem; flex-wrap:wrap; }
.hero-title { font-family:var(--font-display); font-size:clamp(2.4rem,5vw,3.8rem); font-weight:800; line-height:1.1; margin-bottom:1.5rem; color:var(--text-primary); }
.hero-subtitle { font-size:1.1rem; color:var(--text-muted); max-width:520px; margin-bottom:2.5rem; }
.hero-cta { display:flex; gap:1rem; flex-wrap:wrap; }
.hero-stats { display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; margin-top:3rem; padding-top:2rem; border-top:1px solid var(--border); }
.hero-stat h3 { font-family:var(--font-display); font-size:1.8rem; font-weight:700; color:var(--primary); }
.hero-stat p { font-size:0.8rem; color:var(--text-muted); margin-top:0.25rem; }
.hero-visual { position:relative; display:flex; justify-content:center; align-items:center; }
.cyber-card { background:var(--bg-surface); border:1px solid var(--border); border-radius:var(--radius-lg); padding:2rem; position:relative; overflow:hidden; }
.cyber-card::before { content:''; position:absolute; top:0; left:0; right:0; height:2px; background:linear-gradient(90deg,transparent,var(--primary),transparent); }
.threat-monitor { width:100%; max-width:460px; }
.monitor-header { display:flex; align-items:center; justify-content:space-between; margin-bottom:1.5rem; }
.monitor-title { font-family:var(--font-mono); font-size:0.85rem; color:var(--primary); }
.monitor-dots { display:flex; gap:6px; }
.monitor-dots span { width:10px; height:10px; border-radius:50%; }
.monitor-dots .dot-red{background:var(--danger);} .monitor-dots .dot-yellow{background:var(--warning);} .monitor-dots .dot-green{background:var(--accent);}
.threat-item { display:flex; align-items:center; gap:1rem; padding:0.75rem 1rem; background:var(--bg-elevated); border-radius:8px; margin-bottom:0.75rem; border-left:3px solid transparent; animation:threatPulse 3s ease-in-out infinite; }
.threat-item.critical { border-left-color:var(--danger); animation-delay:0s; }
.threat-item.warning { border-left-color:var(--warning); animation-delay:1s; }
.threat-item.safe { border-left-color:var(--accent); animation-delay:2s; }
@keyframes threatPulse { 0%,100%{opacity:1;} 50%{opacity:0.7;} }
.threat-icon { width:36px; height:36px; border-radius:8px; display:flex; align-items:center; justify-content:center; font-size:1rem; flex-shrink:0; }
.threat-item.critical .threat-icon{background:rgba(255,71,87,0.15);color:var(--danger);}
.threat-item.warning .threat-icon{background:rgba(255,165,2,0.15);color:var(--warning);}
.threat-item.safe .threat-icon{background:rgba(0,255,136,0.1);color:var(--accent);}
.threat-info h5 { font-size:0.85rem; font-weight:600; color:var(--text-primary); }
.threat-info p { font-size:0.75rem; color:var(--text-muted); font-family:var(--font-mono); }
.threat-time { font-size:0.7rem; color:var(--text-muted); font-family:var(--font-mono); margin-left:auto; flex-shrink:0; }
.floating-badge { position:absolute; background:var(--bg-surface); border:1px solid var(--border); border-radius:var(--radius); padding:0.75rem 1rem; display:flex; align-items:center; gap:0.75rem; box-shadow:var(--shadow-card); backdrop-filter:blur(10px); }
.floating-badge-1 { bottom:-20px; left:-30px; animation:float1 4s ease-in-out infinite; }
.floating-badge-2 { top:-15px; right:-20px; animation:float2 5s ease-in-out infinite; }
@keyframes float1 { 0%,100%{transform:translateY(0);} 50%{transform:translateY(-12px);} }
@keyframes float2 { 0%,100%{transform:translateY(0);} 50%{transform:translateY(10px);} }
.floating-badge .fb-icon { width:36px; height:36px; border-radius:8px; background:rgba(0,255,136,0.1); color:var(--accent); display:flex; align-items:center; justify-content:center; font-size:1.1rem; }
.floating-badge h5 { font-size:0.82rem; font-weight:600; }
.floating-badge p { font-size:0.72rem; color:var(--text-muted); }

/* ===== CARDS / GLASS ===== */
.glass-card { background:rgba(11,17,32,0.8); border:1px solid var(--border); border-radius:var(--radius-lg); backdrop-filter:blur(20px); }
.service-card { background:var(--bg-surface); border:1px solid var(--border); border-radius:var(--radius-lg); padding:2rem; transition:var(--transition); position:relative; overflow:hidden; cursor:default; }
.service-card::before { content:''; position:absolute; inset:0; background:linear-gradient(135deg,rgba(0,212,255,0.03),transparent); opacity:0; transition:var(--transition); }
.service-card:hover { border-color:var(--border-strong); transform:translateY(-6px); box-shadow:var(--shadow-glow); }
.service-card:hover::before { opacity:1; }
.service-icon { width:60px; height:60px; border-radius:14px; background:linear-gradient(135deg,rgba(0,212,255,0.15),rgba(123,47,190,0.1)); border:1px solid var(--border); display:flex; align-items:center; justify-content:center; font-size:1.5rem; color:var(--primary); margin-bottom:1.5rem; transition:var(--transition); }
.service-card:hover .service-icon { background:linear-gradient(135deg,var(--primary),var(--secondary)); color:#020712; box-shadow:0 0 20px var(--primary-glow); }
.service-title { font-family:var(--font-display); font-size:1.15rem; font-weight:700; margin-bottom:0.75rem; color:var(--text-primary); }
.service-text { font-size:0.9rem; color:var(--text-muted); line-height:1.7; }
.services-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(300px,1fr)); gap:1.5rem; }

/* ===== STATS ===== */
.stats-section { background:var(--bg-surface); border-top:1px solid var(--border); border-bottom:1px solid var(--border); padding:4rem 0; }
.stats-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:2rem; }
.stat-item { text-align:center; }
.stat-number { font-family:var(--font-display); font-size:2.8rem; font-weight:800; background:linear-gradient(135deg,var(--primary),var(--secondary)); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; line-height:1; }
.stat-label { font-size:0.85rem; color:var(--text-muted); margin-top:0.5rem; }
.stat-divider { width:1px; background:var(--border); }

/* ===== TECH MARQUEE ===== */
.tech-marquee-section { padding:60px 0; overflow:hidden; }
.marquee-track { display:flex; gap:2rem; animation:marquee 30s linear infinite; width:max-content; }
.marquee-track:hover { animation-play-state:paused; }
@keyframes marquee { from{transform:translateX(0);} to{transform:translateX(-50%);} }
.tech-chip { display:flex; align-items:center; gap:0.75rem; background:var(--bg-surface); border:1px solid var(--border); border-radius:50px; padding:0.6rem 1.4rem; white-space:nowrap; font-size:0.85rem; font-weight:500; color:var(--text-muted); transition:var(--transition); }
.tech-chip:hover { border-color:var(--primary); color:var(--primary); }
.tech-chip i { font-size:1.1rem; color:var(--primary); }

/* ===== PROCESS / TIMELINE ===== */
.process-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:2rem; position:relative; }
.process-grid::before { content:''; position:absolute; top:40px; left:10%; right:10%; height:1px; background:linear-gradient(90deg,transparent,var(--border),var(--border),transparent); }
.process-step { text-align:center; position:relative; }
.step-number { width:80px; height:80px; border-radius:50%; background:var(--bg-surface); border:2px solid var(--border); display:flex; align-items:center; justify-content:center; margin:0 auto 1.5rem; font-family:var(--font-mono); font-size:1.3rem; font-weight:700; color:var(--primary); position:relative; transition:var(--transition); }
.process-step:hover .step-number { border-color:var(--primary); background:rgba(0,212,255,0.1); box-shadow:0 0 25px var(--primary-glow); }
.step-title { font-family:var(--font-display); font-size:1rem; font-weight:700; margin-bottom:0.5rem; }
.step-desc { font-size:0.85rem; color:var(--text-muted); }

/* ===== TESTIMONIALS ===== */
.testimonial-card { background:var(--bg-surface); border:1px solid var(--border); border-radius:var(--radius-lg); padding:2rem; position:relative; }
.testimonial-card::before { content:'\\201C'; position:absolute; top:1rem; left:1.5rem; font-size:5rem; line-height:1; color:var(--primary); opacity:0.2; font-family:serif; }
.testimonial-text { font-size:0.95rem; color:var(--text-muted); line-height:1.8; margin-bottom:1.5rem; }
.testimonial-author { display:flex; align-items:center; gap:1rem; }
.author-avatar { width:46px; height:46px; border-radius:50%; background:linear-gradient(135deg,var(--primary),var(--secondary)); display:flex; align-items:center; justify-content:center; font-weight:700; font-size:1.1rem; color:#020712; }
.author-name { font-weight:600; font-size:0.9rem; }
.author-role { font-size:0.78rem; color:var(--text-muted); }
.stars { color:#FFD700; font-size:0.85rem; margin-bottom:0.25rem; }
.testimonials-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(300px,1fr)); gap:1.5rem; }

/* ===== CONTACT ===== */
.contact-grid { display:grid; grid-template-columns:1fr 1.4fr; gap:4rem; align-items:start; }
.contact-info-block { display:flex; flex-direction:column; gap:1.5rem; }
.contact-item { display:flex; align-items:flex-start; gap:1rem; }
.c-icon { width:48px; height:48px; border-radius:12px; background:rgba(0,212,255,0.1); border:1px solid var(--border); display:flex; align-items:center; justify-content:center; font-size:1.1rem; color:var(--primary); flex-shrink:0; }
.c-info h4 { font-weight:600; font-size:0.9rem; margin-bottom:0.2rem; }
.c-info p,.c-info a { font-size:0.88rem; color:var(--text-muted); }
.c-info a:hover { color:var(--primary); }
.form-group { margin-bottom:1.25rem; }
.form-label { display:block; font-size:0.83rem; font-weight:600; color:var(--text-muted); margin-bottom:0.4rem; text-transform:uppercase; letter-spacing:0.5px; }
.form-control { width:100%; padding:0.85rem 1rem; background:var(--bg-elevated); border:1px solid var(--border); border-radius:10px; color:var(--text-primary); font-family:var(--font-body); font-size:0.9rem; transition:var(--transition); }
.form-control:focus { outline:none; border-color:var(--primary); box-shadow:0 0 0 3px var(--primary-glow); }
.form-control::placeholder { color:var(--text-muted); }
.form-row { display:grid; grid-template-columns:1fr 1fr; gap:1rem; }
textarea.form-control { resize:vertical; min-height:130px; }
select.form-control { cursor:pointer; }

/* ===== FOOTER ===== */
.footer { background:var(--bg-surface); border-top:1px solid var(--border); padding:80px 0 0; }
.footer-grid { display:grid; grid-template-columns:2fr 1fr 1fr 1fr; gap:3rem; margin-bottom:60px; }
.footer-brand p { font-size:0.9rem; color:var(--text-muted); line-height:1.8; margin:1.5rem 0; }
.footer-logo { height:40px; }
.social-links { display:flex; gap:0.75rem; }
.social-links a { width:40px; height:40px; border-radius:10px; background:var(--bg-elevated); border:1px solid var(--border); display:flex; align-items:center; justify-content:center; color:var(--text-muted); font-size:0.9rem; }
.social-links a:hover { background:var(--primary); color:#020712; border-color:var(--primary); transform:translateY(-3px); }
.footer-col h4 { font-family:var(--font-display); font-weight:700; font-size:0.95rem; margin-bottom:1.25rem; color:var(--text-primary); }
.footer-col ul li { margin-bottom:0.6rem; }
.footer-col ul a { font-size:0.88rem; color:var(--text-muted); }
.footer-col ul a:hover { color:var(--primary); padding-left:4px; }
.footer-contact-item { display:flex; align-items:center; gap:0.6rem; font-size:0.85rem; color:var(--text-muted); margin-bottom:0.75rem; }
.footer-contact-item i { color:var(--primary); width:16px; }
.footer-bottom { border-top:1px solid var(--border); padding:1.5rem 0; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:1rem; }
.footer-bottom p { font-size:0.82rem; color:var(--text-muted); }
.footer-bottom-links { display:flex; gap:1.5rem; }
.footer-bottom-links a { font-size:0.82rem; color:var(--text-muted); }
.footer-bottom-links a:hover { color:var(--primary); }

/* ===== FLOATING WhatsApp ===== */
.floating-wa { position:fixed; bottom:2rem; right:2rem; width:58px; height:58px; border-radius:50%; background:linear-gradient(135deg,#25D366,#128C7E); color:#fff; display:flex; align-items:center; justify-content:center; font-size:1.6rem; box-shadow:0 4px 20px rgba(37,211,102,0.4); z-index:999; transition:var(--transition); animation:pulse 2s ease-in-out infinite; }
.floating-wa:hover { transform:scale(1.1); }
@keyframes pulse { 0%,100%{box-shadow:0 4px 20px rgba(37,211,102,0.4);} 50%{box-shadow:0 4px 40px rgba(37,211,102,0.7);} }

/* ===== SCROLL REVEAL ===== */
.reveal { opacity:0; transition:opacity 0.7s ease, transform 0.7s ease; }
.reveal-up { transform:translateY(50px); }
.reveal-left { transform:translateX(-50px); }
.reveal-right { transform:translateX(50px); }
.reveal-scale { transform:scale(0.85); }
.reveal.visible { opacity:1; transform:none; }

/* ===== CTA BANNER ===== */
.cta-section { background:linear-gradient(135deg,rgba(0,212,255,0.08),rgba(123,47,190,0.1)); border-top:1px solid var(--border); border-bottom:1px solid var(--border); padding:80px 0; text-align:center; }
.cta-title { font-family:var(--font-display); font-size:clamp(1.8rem,3.5vw,2.8rem); font-weight:800; margin-bottom:1rem; }
.cta-desc { color:var(--text-muted); font-size:1.05rem; margin-bottom:2.5rem; }
.cta-actions { display:flex; justify-content:center; gap:1rem; flex-wrap:wrap; }

/* ===== CAREER PAGE ===== */
.job-card { background:var(--bg-surface); border:1px solid var(--border); border-radius:var(--radius-lg); padding:1.75rem; transition:var(--transition); display:flex; justify-content:space-between; align-items:center; gap:1rem; flex-wrap:wrap; }
.job-card:hover { border-color:var(--border-strong); transform:translateY(-3px); }
.job-title { font-family:var(--font-display); font-size:1.1rem; font-weight:700; margin-bottom:0.5rem; }
.job-meta { display:flex; gap:1rem; flex-wrap:wrap; }
.job-meta span { font-size:0.8rem; color:var(--text-muted); display:flex; align-items:center; gap:0.35rem; }
.job-meta i { color:var(--primary); }
.jobs-list { display:flex; flex-direction:column; gap:1rem; }

/* ===== MISC ===== */
.divider { height:1px; background:var(--border); margin:3rem 0; }
.highlight-box { background:rgba(0,212,255,0.05); border:1px solid var(--border); border-left:4px solid var(--primary); border-radius:0 var(--radius) var(--radius) 0; padding:1.25rem 1.5rem; }
.icon-list { display:flex; flex-direction:column; gap:1rem; }
.icon-list-item { display:flex; align-items:flex-start; gap:1rem; }
.icon-list-item .il-icon { width:40px; height:40px; border-radius:10px; background:rgba(0,212,255,0.1); color:var(--primary); display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.icon-list-item h5 { font-weight:600; margin-bottom:0.25rem; }
.icon-list-item p { font-size:0.875rem; color:var(--text-muted); }
.two-col { display:grid; grid-template-columns:1fr 1fr; gap:4rem; align-items:center; }
.two-col-reverse { direction:rtl; }
.two-col-reverse > * { direction:ltr; }

/* ===== PAGE HERO (inner pages) ===== */
.page-hero { padding:160px 0 80px; background:var(--bg-deep); position:relative; overflow:hidden; text-align:center; }
.page-hero::after { content:''; position:absolute; bottom:0; left:0; right:0; height:1px; background:linear-gradient(90deg,transparent,var(--primary),transparent); }
.breadcrumb { display:flex; align-items:center; justify-content:center; gap:0.5rem; font-size:0.83rem; color:var(--text-muted); margin-bottom:1.5rem; }
.breadcrumb a { color:var(--primary); }
.breadcrumb span { color:var(--text-muted); }

/* ===== RESPONSIVE ===== */
@media(max-width:1024px){ .hero-container{grid-template-columns:1fr;gap:3rem;} .hero-visual{justify-content:center;} .footer-grid{grid-template-columns:1fr 1fr;gap:2rem;} .contact-grid{grid-template-columns:1fr;} .two-col{grid-template-columns:1fr;gap:2rem;} }
@media(max-width:768px){ .nav-links,.nav-actions .btn{display:none;} .nav-links.open{display:flex;flex-direction:column;position:fixed;top:0;left:0;right:0;bottom:0;background:var(--bg-deep);z-index:999;justify-content:center;align-items:center;gap:1.5rem;font-size:1.2rem;} .menu-toggle{display:block;} .hero-stats{grid-template-columns:1fr;} .process-grid{grid-template-columns:1fr 1fr;} .section-padding{padding:60px 0;} .services-grid{grid-template-columns:1fr;} .footer-grid{grid-template-columns:1fr;} .hero-title{font-size:2.2rem;} .form-row{grid-template-columns:1fr;} }
@media(max-width:480px){ .hero{padding-top:100px;} .hero-cta{flex-direction:column;} .btn-lg{padding:0.9rem 1.75rem;} .floating-wa{bottom:1rem;right:1rem;} }