/* =============================================================
   AVERON MEDIA WORDPRESS THEME — main.css
   ============================================================= */

/* CSS CUSTOM PROPERTIES */
:root {
    --am-primary:        #102E4A;
    --am-primary-light:  #0d2a43;
    --am-primary-mid:    #133352;
    --am-accent:         #102E4A;
    --am-accent-hover:   #0c2438;
    --am-accent-light:   rgba(16, 46, 74, 0.10);
    --am-cream:          #FFF7E6;
    --am-cream-mid:      #fdf0d5;
    --am-white:          #ffffff;
    --am-light:          #FFF7E6;
    --am-light-mid:      #fdf0d5;
    --am-text:           #102E4A;
    --am-text-muted:     #4a6278;
    --am-text-light:     #7a94a8;
    --am-border:         rgba(16, 46, 74, 0.12);
    --am-shadow-sm:      0 2px 12px rgba(16, 46, 74, 0.08);
    --am-shadow-md:      0 8px 32px rgba(16, 46, 74, 0.12);
    --am-shadow-lg:      0 20px 60px rgba(16, 46, 74, 0.16);
    --am-shadow-xl:      0 32px 80px rgba(16, 46, 74, 0.22);
    --am-gradient:       linear-gradient(135deg, #102E4A 0%, #1a4a70 50%, #0d2a43 100%);
    --am-gradient-accent: linear-gradient(135deg, #102E4A 0%, #1a4a70 100%);
    --am-gradient-card:  linear-gradient(145deg, rgba(255,255,255,0.05) 0%, rgba(255,255,255,0.01) 100%);
    --am-radius-sm:      6px;
    --am-radius-md:      12px;
    --am-radius-lg:      20px;
    --am-radius-xl:      32px;
    --am-transition:     all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
    --am-font-display:   'Syne', sans-serif;
    --am-font-body:      'DM Sans', sans-serif;
    --am-font-mono:      'Space Mono', monospace;
    --am-nav-height:     76px;
    --am-section-pad:    clamp(60px, 8vw, 120px);
}

[data-theme="dark"] {
    --am-light:         #0d1117;
    --am-light-mid:     #161b22;
    --am-cream:         #0d1117;
    --am-text:          #e6edf3;
    --am-text-muted:    #8b949e;
    --am-border:        rgba(255, 255, 255, 0.08);
    --am-shadow-sm:     0 2px 12px rgba(0, 0, 0, 0.4);
    --am-shadow-md:     0 8px 32px rgba(0, 0, 0, 0.5);
    --am-white:         #1a2233;
}

/* RESET & BASE */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; font-size: 16px; }
body {
    font-family: var(--am-font-body);
    font-size: 1rem;
    line-height: 1.7;
    color: var(--am-text);
    background-color: var(--am-cream);
    overflow-x: hidden;
    transition: background-color 0.3s ease, color 0.3s ease;
}
body.preloader-active { overflow: hidden; }
img { max-width: 100%; height: auto; display: block; }
a { color: var(--am-accent); text-decoration: none; transition: var(--am-transition); }
a:hover { color: var(--am-accent-hover); }
ul, ol { list-style: none; }
button, input, textarea, select { font-family: inherit; font-size: inherit; }
h1,h2,h3,h4,h5,h6 { font-family: var(--am-font-display); font-weight: 700; line-height: 1.2; color: var(--am-text); }

/* LAYOUT */
.am-container { width: 100%; max-width: 1200px; margin: 0 auto; padding: 0 clamp(20px,4vw,48px); }
.am-section { padding: var(--am-section-pad) 0; position: relative; }
.am-section--light { background: var(--am-cream); }
.am-section--white { background: var(--am-white); }
.am-grid-2 { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 2rem; }
.am-flex { display: flex; align-items: center; gap: 1rem; }
.am-text-center { text-align: center; }
.am-text-left { text-align: left; }

/* Section headers */
.am-section-header { text-align: center; margin-bottom: clamp(40px,6vw,80px); }
.am-section-tag {
    display: inline-flex; align-items: center; gap: .5rem;
    font-family: var(--am-font-mono); font-size: .75rem; font-weight: 400;
    letter-spacing: .15em; text-transform: uppercase; color: var(--am-primary);
    background: var(--am-accent-light); border: 1px solid rgba(16,46,74,.2);
    padding: .4em 1em; border-radius: 100px; margin-bottom: 1rem;
}
.am-section-tag::before {
    content:''; width:6px; height:6px; border-radius:50%; background:var(--am-primary);
    animation: pulse-dot 1.5s infinite;
}
@keyframes pulse-dot { 0%,100%{opacity:1;transform:scale(1)} 50%{opacity:.5;transform:scale(.7)} }
.am-section-title { font-size: clamp(1.8rem,3.5vw,2.8rem); font-weight: 800; margin-bottom: 1rem; line-height: 1.15; }
.am-section-title span {
    background: var(--am-gradient-accent);
    -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
}
.am-section-subtitle { font-size: 1.05rem; color: var(--am-text-muted); max-width: 560px; margin: 0 auto; line-height: 1.7; }

/* Buttons */
.am-btn {
    display: inline-flex; align-items: center; gap: .5rem;
    padding: .85em 2em; border-radius: var(--am-radius-md);
    font-family: var(--am-font-body); font-size: .95rem; font-weight: 600;
    cursor: pointer; transition: var(--am-transition); border: 2px solid transparent;
    text-decoration: none; white-space: nowrap; letter-spacing: .01em;
    position: relative; overflow: hidden;
}
.am-btn::after { content:''; position:absolute; inset:0; background:rgba(255,255,255,.1); opacity:0; transition:var(--am-transition); }
.am-btn:hover::after { opacity:1; }
.am-btn-primary { background: var(--am-gradient-accent); color: #FFF7E6; box-shadow: 0 4px 20px rgba(16,46,74,.3); }
.am-btn-primary:hover { transform:translateY(-2px); box-shadow:0 8px 32px rgba(16,46,74,.45); color:#FFF7E6; }
.am-btn-outline { background:transparent; color:var(--am-white); border-color:rgba(255,255,255,.4); backdrop-filter:blur(8px); }
.am-btn-outline:hover { background:rgba(255,255,255,.12); border-color:rgba(255,255,255,.8); color:var(--am-white); transform:translateY(-2px); }
.am-btn-outline-dark { background:transparent; color:var(--am-text); border-color:var(--am-border); }
.am-btn-outline-dark:hover { background:var(--am-primary); color:var(--am-cream); border-color:var(--am-primary); transform:translateY(-2px); }
.am-btn-lg { padding:1em 2.5em; font-size:1rem; }
.am-btn-sm { padding:.6em 1.4em; font-size:.85rem; }
.am-btn .am-btn-arrow { transition: transform .3s ease; }
.am-btn:hover .am-btn-arrow { transform: translateX(4px); }

/* PRELOADER */
#am-preloader {
    position:fixed; inset:0; z-index:99999; background:var(--am-primary);
    display:flex; align-items:center; justify-content:center;
    flex-direction:column; gap:1.5rem;
    transition:opacity .6s ease, visibility .6s ease;
}
#am-preloader.fade-out { opacity:0; visibility:hidden; }
.am-preloader-logo { font-family:var(--am-font-display); font-size:1.8rem; font-weight:800; color:var(--am-cream); letter-spacing:-.03em; }
.am-preloader-logo span { color:#d4a847; }
.am-preloader-bar { width:200px; height:3px; background:rgba(255,247,230,.1); border-radius:100px; overflow:hidden; }
.am-preloader-bar-fill { height:100%; background:linear-gradient(135deg,#d4a847,#f0c264); border-radius:100px; animation:preloader-fill 1.8s ease forwards; }
@keyframes preloader-fill { from{width:0%} to{width:100%} }

/* NAVIGATION */
#am-navbar { position:fixed; top:0; left:0; right:0; z-index:1000; height:var(--am-nav-height); display:flex; align-items:center; transition:var(--am-transition); }
#am-navbar.transparent { background:transparent; }
#am-navbar.scrolled { background:rgba(16,46,74,.96); backdrop-filter:blur(20px) saturate(180%); box-shadow:0 1px 0 rgba(255,255,255,.06),var(--am-shadow-md); }
.am-nav-inner { display:flex; align-items:center; justify-content:space-between; width:100%; }
.am-nav-logo { display:flex; align-items:center; gap:.75rem; text-decoration:none; }
.am-nav-logo-text { font-family:var(--am-font-display); font-size:1.3rem; font-weight:800; color:var(--am-cream); letter-spacing:-.02em; }
.am-nav-logo-text span { color:#d4a847; }
.am-nav-menu { display:flex; align-items:center; gap:.25rem; list-style:none; }
.am-nav-menu > li > a { display:block; padding:.5em .85em; font-size:.9rem; font-weight:500; color:rgba(255,247,230,.85); border-radius:var(--am-radius-sm); transition:var(--am-transition); text-decoration:none; }
.am-nav-menu > li > a:hover { color:var(--am-cream); background:rgba(255,247,230,.08); }
.am-nav-actions { display:flex; align-items:center; gap:.75rem; }
.am-dark-toggle { background:rgba(255,247,230,.1); border:1px solid rgba(255,247,230,.15); color:var(--am-cream); width:38px; height:38px; border-radius:50%; display:flex; align-items:center; justify-content:center; cursor:pointer; transition:var(--am-transition); font-size:1rem; }
.am-dark-toggle:hover { background:rgba(255,247,230,.18); }
.am-hamburger { display:none; flex-direction:column; gap:5px; cursor:pointer; padding:8px; border-radius:var(--am-radius-sm); background:rgba(255,247,230,.1); border:1px solid rgba(255,247,230,.15); transition:var(--am-transition); }
.am-hamburger span { display:block; width:20px; height:2px; background:var(--am-cream); border-radius:2px; transition:var(--am-transition); }
.am-hamburger.active span:nth-child(1) { transform:translateY(7px) rotate(45deg); }
.am-hamburger.active span:nth-child(2) { opacity:0; transform:translateX(-10px); }
.am-hamburger.active span:nth-child(3) { transform:translateY(-7px) rotate(-45deg); }
.am-mobile-nav {
    position:fixed; top:var(--am-nav-height); left:0; right:0;
    background:var(--am-primary-light); padding:1.5rem;
    transform:translateY(-120%); opacity:0;
    transition:transform .45s cubic-bezier(.4,0,.2,1), opacity .45s ease;
    z-index:999; border-bottom:1px solid rgba(255,255,255,.06);
}
.am-mobile-nav.open { transform:translateY(0); opacity:1; }
.am-mobile-nav ul { list-style:none; display:flex; flex-direction:column; gap:.25rem; }
.am-mobile-nav ul a { display:block; padding:.85em 1em; color:rgba(255,247,230,.85); font-weight:500; border-radius:var(--am-radius-sm); transition:var(--am-transition); }
.am-mobile-nav ul a:hover { background:rgba(255,247,230,.08); color:var(--am-cream); }
.am-mobile-nav .am-btn-primary { margin-top:1rem; width:100%; justify-content:center; }

/* HERO */
#am-hero { min-height:100vh; display:flex; align-items:center; position:relative; overflow:hidden; background:var(--am-gradient); padding-top:var(--am-nav-height); }
.am-hero-bg { position:absolute; inset:0; pointer-events:none; overflow:hidden; }
.am-hero-orb { position:absolute; border-radius:50%; filter:blur(80px); animation:orb-float 8s ease-in-out infinite; }
.am-hero-orb-1 { width:600px; height:600px; background:radial-gradient(circle,rgba(212,168,71,.18) 0%,transparent 70%); top:-100px; right:-100px; animation-delay:0s; }
.am-hero-orb-2 { width:400px; height:400px; background:radial-gradient(circle,rgba(10,30,55,.6) 0%,transparent 70%); bottom:0; left:-80px; animation-delay:-3s; }
.am-hero-orb-3 { width:300px; height:300px; background:radial-gradient(circle,rgba(212,168,71,.1) 0%,transparent 70%); top:40%; left:40%; animation-delay:-5s; }
@keyframes orb-float { 0%,100%{transform:translate(0,0) scale(1)} 33%{transform:translate(20px,-30px) scale(1.05)} 66%{transform:translate(-15px,20px) scale(.97)} }
.am-hero-grid { position:absolute; inset:0; background-image:linear-gradient(rgba(255,247,230,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,247,230,.025) 1px,transparent 1px); background-size:60px 60px; }
.am-hero-content { position:relative; z-index:2; display:grid; grid-template-columns:1fr 1fr; gap:4rem; align-items:center; padding:clamp(60px,8vw,100px) 0; }
.am-hero-badge { display:inline-flex; align-items:center; gap:.6rem; background:rgba(212,168,71,.12); border:1px solid rgba(212,168,71,.25); border-radius:100px; padding:.45em 1.2em; font-size:.8rem; font-weight:600; letter-spacing:.08em; text-transform:uppercase; color:#f0c264; margin-bottom:1.5rem; font-family:var(--am-font-mono); }
.am-hero-badge .badge-dot { width:6px; height:6px; border-radius:50%; background:#d4a847; animation:pulse-dot 1.5s infinite; }
.am-hero-title { font-size:clamp(2.6rem,5.5vw,4.2rem); font-weight:900; line-height:1.1; color:var(--am-cream); margin-bottom:1.5rem; letter-spacing:-.03em; }
.am-hero-title .highlight { position:relative; color:transparent; background:linear-gradient(135deg,#f0c264,#d4a847,#e8b84b); -webkit-background-clip:text; background-clip:text; }
.am-hero-subtitle { font-size:1.1rem; color:rgba(255,247,230,.65); max-width:520px; margin-bottom:2.5rem; line-height:1.75; }
.am-hero-actions { display:flex; flex-wrap:wrap; gap:1rem; margin-bottom:3rem; }
.am-hero-stats { display:flex; gap:2rem; flex-wrap:wrap; }
.am-hero-stat { display:flex; flex-direction:column; }
.am-hero-stat-num { font-family:var(--am-font-display); font-size:1.8rem; font-weight:800; color:var(--am-cream); line-height:1; }
.am-hero-stat-label { font-size:.8rem; color:rgba(255,247,230,.5); margin-top:.25rem; letter-spacing:.05em; }
.am-hero-right { display:flex; align-items:center; justify-content:center; }
.am-hero-visual { position:relative; width:100%; max-width:500px; }
.am-hero-img { width:100%; border-radius:var(--am-radius-xl); box-shadow:var(--am-shadow-xl); object-fit:cover; height:420px; }
.am-hero-float-card { position:absolute; background:rgba(255,247,230,.08); backdrop-filter:blur(16px); border:1px solid rgba(255,247,230,.15); border-radius:var(--am-radius-md); padding:.85rem 1.2rem; box-shadow:var(--am-shadow-lg); animation:float-card 4s ease-in-out infinite; }
.am-hero-float-1 { top:-20px; right:-20px; animation-delay:-1s; }
.am-hero-float-2 { bottom:-10px; left:-20px; animation-delay:-2.5s; }
@keyframes float-card { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-8px)} }
.am-float-card-label { font-size:.7rem; color:rgba(255,247,230,.5); font-family:var(--am-font-mono); text-transform:uppercase; letter-spacing:.08em; margin-bottom:.3rem; }
.am-float-card-value { font-family:var(--am-font-display); font-size:1.1rem; font-weight:700; color:var(--am-cream); }
.am-float-card-sub { font-size:.7rem; color:#4ade80; }

/* CLIENTS */
#am-clients { padding:2.5rem 0; background:var(--am-white); border-top:1px solid var(--am-border); border-bottom:1px solid var(--am-border); overflow:hidden; }
.am-clients-label { text-align:center; font-size:.75rem; font-family:var(--am-font-mono); letter-spacing:.15em; text-transform:uppercase; color:var(--am-text-light); margin-bottom:1.5rem; }
.am-clients-track-wrap { overflow:hidden; }
.am-clients-track { display:flex; gap:3rem; animation:scroll-track 25s linear infinite; width:max-content; }
.am-clients-track:hover { animation-play-state:paused; }
@keyframes scroll-track { from{transform:translateX(0)} to{transform:translateX(-50%)} }
.am-client-logo { display:flex; align-items:center; justify-content:center; opacity:.45; transition:opacity .3s ease; white-space:nowrap; font-family:var(--am-font-display); font-weight:700; font-size:1rem; color:var(--am-text); letter-spacing:-.02em; min-width:120px; }
.am-client-logo:hover { opacity:.85; }

/* ABOUT */
.am-about-grid { display:grid; grid-template-columns:1fr 1fr; gap:clamp(2rem,5vw,5rem); align-items:center; }
.am-about-visual { position:relative; }
.am-about-img-wrap { position:relative; border-radius:var(--am-radius-xl); overflow:hidden; aspect-ratio:4/5; }
.am-about-img-wrap img { width:100%; height:100%; object-fit:cover; }
.am-about-badge-float { position:absolute; background:var(--am-white); border-radius:var(--am-radius-md); padding:1rem 1.25rem; box-shadow:var(--am-shadow-lg); display:flex; align-items:center; gap:.75rem; }
.am-about-badge-float.badge-top-right { top:24px; right:-20px; }
.am-about-badge-float.badge-bottom-left { bottom:24px; left:-20px; }
.am-about-pillars { display:flex; flex-direction:column; gap:1rem; margin-bottom:2rem; }
.am-pillar-item { display:flex; gap:1rem; align-items:flex-start; padding:1.25rem; background:var(--am-white); border:1px solid var(--am-border); border-radius:var(--am-radius-md); transition:var(--am-transition); }
.am-pillar-item:hover { border-color:var(--am-primary); box-shadow:var(--am-shadow-sm); transform:translateX(4px); }
.am-pillar-icon { width:44px; height:44px; border-radius:var(--am-radius-sm); background:var(--am-accent-light); display:flex; align-items:center; justify-content:center; font-size:1.25rem; flex-shrink:0; }
.am-pillar-title { font-weight:700; font-size:.95rem; margin-bottom:.25rem; }
.am-pillar-desc { font-size:.85rem; color:var(--am-text-muted); line-height:1.55; }

/* SERVICES */
.am-service-card { background:var(--am-white); border:1px solid var(--am-border); border-radius:var(--am-radius-lg); padding:2rem; transition:var(--am-transition); position:relative; overflow:hidden; cursor:default; }
.am-service-card::before { content:''; position:absolute; top:0; left:0; right:0; height:3px; background:var(--am-gradient-accent); transform:scaleX(0); transform-origin:left; transition:transform .4s cubic-bezier(.4,0,.2,1); }
.am-service-card:hover::before { transform:scaleX(1); }
.am-service-card:hover { transform:translateY(-6px); box-shadow:var(--am-shadow-lg); border-color:rgba(16,46,74,.15); }
.am-service-icon { width:60px; height:60px; background:var(--am-gradient); border-radius:var(--am-radius-md); display:flex; align-items:center; justify-content:center; font-size:1.6rem; margin-bottom:1.25rem; transition:var(--am-transition); }
.am-service-card:hover .am-service-icon { background:var(--am-gradient-accent); transform:scale(1.08); }
.am-service-title { font-size:1.15rem; font-weight:700; margin-bottom:.75rem; }
.am-service-desc { font-size:.9rem; color:var(--am-text-muted); line-height:1.65; margin-bottom:1.25rem; }
.am-service-features { list-style:none; display:flex; flex-direction:column; gap:.4rem; margin-bottom:1.25rem; }
.am-service-features li { font-size:.85rem; color:var(--am-text-muted); display:flex; align-items:center; gap:.5rem; }
.am-service-features li::before { content:'✓'; color:var(--am-primary); font-weight:700; font-size:.8rem; }
.am-service-link { font-size:.85rem; font-weight:600; color:var(--am-primary); display:inline-flex; align-items:center; gap:.4rem; transition:gap .2s ease; }
.am-service-link:hover { gap:.7rem; color:var(--am-accent-hover); }

/* PORTFOLIO */
.am-portfolio-filters { display:flex; gap:.5rem; flex-wrap:wrap; justify-content:center; margin-bottom:2.5rem; }
.am-filter-btn { padding:.5em 1.4em; border-radius:100px; font-size:.85rem; font-weight:500; border:1px solid var(--am-border); background:transparent; color:var(--am-text-muted); cursor:pointer; transition:var(--am-transition); }
.am-filter-btn:hover, .am-filter-btn.active { background:var(--am-primary); color:var(--am-cream); border-color:var(--am-primary); }
.am-portfolio-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(300px,1fr)); gap:1.5rem; }
.am-portfolio-item { border-radius:var(--am-radius-lg); overflow:hidden; position:relative; aspect-ratio:4/3; cursor:pointer; background:var(--am-gradient); }
.am-portfolio-item img { width:100%; height:100%; object-fit:cover; transition:transform .6s ease; }
.am-portfolio-item:hover img { transform:scale(1.06); }
.am-portfolio-overlay { position:absolute; inset:0; background:linear-gradient(to top,rgba(16,46,74,.95) 0%,rgba(16,46,74,.4) 50%,transparent 100%); display:flex; flex-direction:column; justify-content:flex-end; padding:1.75rem; opacity:0; transition:opacity .4s ease; }
.am-portfolio-item:hover .am-portfolio-overlay { opacity:1; }
.am-portfolio-cat { font-size:.72rem; font-family:var(--am-font-mono); letter-spacing:.12em; text-transform:uppercase; color:#d4a847; margin-bottom:.5rem; }
.am-portfolio-title { font-size:1.15rem; font-weight:700; color:var(--am-cream); margin-bottom:.5rem; }
.am-portfolio-desc { font-size:.82rem; color:rgba(255,247,230,.65); line-height:1.5; margin-bottom:.75rem; }

/* COUNTERS */
#am-counters { background:var(--am-gradient); padding:clamp(50px,6vw,80px) 0; }
.am-counters-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:2rem; text-align:center; }
.am-counter-item { padding:1.5rem; position:relative; }
.am-counter-item:not(:last-child)::after { content:''; position:absolute; right:0; top:20%; height:60%; width:1px; background:rgba(255,247,230,.1); }
.am-counter-num { font-family:var(--am-font-display); font-size:clamp(2.2rem,4vw,3.2rem); font-weight:900; color:var(--am-cream); line-height:1; margin-bottom:.5rem; }
.am-counter-suffix { color:#d4a847; }
.am-counter-label { font-size:.88rem; color:rgba(255,247,230,.55); text-transform:uppercase; letter-spacing:.1em; }

/* TESTIMONIALS */
.am-testimonials-wrap { position:relative; overflow:hidden; padding:0 60px; }
.am-testimonials-slider { display:flex; gap:1.5rem; transition:transform .6s cubic-bezier(.4,0,.2,1); will-change:transform; }
.am-testimonial-card { background:var(--am-white); border:1px solid var(--am-border); border-radius:var(--am-radius-lg); padding:2rem; min-width:calc(33.333% - 1rem); flex-shrink:0; position:relative; transition:var(--am-transition); }
.am-testimonial-card:hover { box-shadow:var(--am-shadow-md); transform:translateY(-4px); }
.am-testimonial-quote { font-size:2.5rem; color:var(--am-primary); line-height:1; font-family:Georgia,serif; margin-bottom:1rem; }
.am-testimonial-text { font-size:.95rem; color:var(--am-text-muted); line-height:1.7; margin-bottom:1.5rem; font-style:italic; }
.am-testimonial-author { display:flex; align-items:center; gap:.85rem; }
.am-testimonial-avatar-img { width:46px; height:46px; border-radius:50%; object-fit:cover; flex-shrink:0; }
.am-testimonial-name { font-weight:700; font-size:.9rem; }
.am-testimonial-role { font-size:.78rem; color:var(--am-text-light); }
.am-testimonial-stars { margin-bottom:.75rem; color:#d4a847; font-size:.85rem; letter-spacing:.1em; }
.am-slider-arrow { position:absolute; top:50%; transform:translateY(-50%); width:44px; height:44px; border-radius:50%; border:2px solid var(--am-border); background:var(--am-white); color:var(--am-text); cursor:pointer; display:flex; align-items:center; justify-content:center; font-size:1rem; transition:var(--am-transition); z-index:5; }
.am-slider-arrow:hover { border-color:var(--am-primary); color:var(--am-primary); background:var(--am-accent-light); }
.am-slider-prev { left:0; }
.am-slider-next { right:0; }
.am-slider-dots { display:flex; gap:.5rem; align-items:center; justify-content:center; margin-top:1.5rem; }
.am-slider-dot { width:8px; height:8px; border-radius:100px; background:var(--am-border); cursor:pointer; transition:var(--am-transition); border:none; }
.am-slider-dot.active { width:24px; background:var(--am-primary); }

/* PRICING */
.am-pricing-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1.5rem; align-items:start; }
.am-pricing-card { background:var(--am-white); border:2px solid var(--am-border); border-radius:var(--am-radius-lg); padding:2rem; position:relative; display:flex; flex-direction:column; gap:1rem; transition:var(--am-transition); }
.am-pricing-card:hover { transform:translateY(-4px); box-shadow:var(--am-shadow-lg); }
.am-pricing-card--featured { border-color:var(--am-primary); background:var(--am-primary); box-shadow:var(--am-shadow-xl); transform:scale(1.03); }
.am-pricing-card--featured:hover { transform:scale(1.03) translateY(-4px); }
.am-pricing-card--featured .am-pricing-name,
.am-pricing-card--featured .am-pricing-price,
.am-pricing-card--featured .am-pricing-currency,
.am-pricing-card--featured .am-pricing-amount,
.am-pricing-card--featured .am-pricing-period { color:var(--am-cream); }
.am-pricing-card--featured .am-pricing-features li { color:rgba(255,247,230,.7); }
.am-pricing-card--featured .am-pricing-check { color:#d4a847; }
.am-pricing-badge { position:absolute; top:-14px; left:50%; transform:translateX(-50%); background:linear-gradient(135deg,#d4a847,#f0c264); color:var(--am-primary); font-size:.72rem; font-weight:700; font-family:var(--am-font-mono); letter-spacing:.1em; text-transform:uppercase; padding:.35em 1.2em; border-radius:100px; white-space:nowrap; }
.am-pricing-name { font-size:1rem; font-weight:700; text-transform:uppercase; letter-spacing:.08em; font-family:var(--am-font-mono); color:var(--am-text-muted); }
.am-pricing-price { display:flex; align-items:baseline; gap:.2rem; }
.am-pricing-currency { font-family:var(--am-font-display); font-size:1.5rem; font-weight:700; color:var(--am-text); }
.am-pricing-amount { font-family:var(--am-font-display); font-size:3rem; font-weight:900; color:var(--am-text); line-height:1; }
.am-pricing-period { font-size:.85rem; color:var(--am-text-muted); }
.am-pricing-features { list-style:none; display:flex; flex-direction:column; gap:.7rem; }
.am-pricing-features li { font-size:.88rem; color:var(--am-text-muted); display:flex; align-items:center; gap:.6rem; }
.am-pricing-check { color:var(--am-primary); font-weight:700; font-size:.9rem; flex-shrink:0; }

/* FAQ */
.am-faq-list { max-width:760px; margin:0 auto; display:flex; flex-direction:column; gap:.75rem; }
.am-faq-item { background:var(--am-white); border:1px solid var(--am-border); border-radius:var(--am-radius-md); overflow:hidden; transition:border-color .3s ease, box-shadow .3s ease; }
.am-faq-item.open { border-color:rgba(16,46,74,.25); box-shadow:var(--am-shadow-sm); }
.am-faq-question { display:flex; align-items:center; justify-content:space-between; padding:1.25rem 1.5rem; cursor:pointer; font-weight:600; font-size:.95rem; color:var(--am-text); gap:1rem; transition:color .3s ease; user-select:none; background:none; border:none; width:100%; text-align:left; }
.am-faq-item.open .am-faq-question { color:var(--am-primary); }
.am-faq-icon { width:28px; height:28px; border-radius:50%; background:var(--am-light); display:flex; align-items:center; justify-content:center; font-size:1.1rem; flex-shrink:0; transition:transform .35s cubic-bezier(.4,0,.2,1), background .3s ease; font-weight:300; line-height:1; }
.am-faq-item.open .am-faq-icon { transform:rotate(45deg); background:var(--am-accent-light); color:var(--am-primary); }
.am-faq-answer { max-height:0; overflow:hidden; transition:max-height .4s cubic-bezier(.4,0,.2,1), padding .3s ease; font-size:.9rem; color:var(--am-text-muted); line-height:1.7; }
.am-faq-item.open .am-faq-answer { max-height:400px; padding:0 1.5rem 1.25rem; }

/* BLOG */
.am-blog-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(300px,1fr)); gap:1.5rem; }
.am-blog-card { background:var(--am-white); border:1px solid var(--am-border); border-radius:var(--am-radius-lg); overflow:hidden; transition:var(--am-transition); }
.am-blog-card:hover { transform:translateY(-5px); box-shadow:var(--am-shadow-md); }
.am-blog-card-img { aspect-ratio:16/9; overflow:hidden; position:relative; }
.am-blog-card-img img { width:100%; height:100%; object-fit:cover; transition:transform .5s ease; }
.am-blog-card:hover .am-blog-card-img img { transform:scale(1.05); }
.am-blog-card-body { padding:1.5rem; }
.am-blog-cat { font-size:.72rem; font-family:var(--am-font-mono); letter-spacing:.12em; text-transform:uppercase; color:var(--am-primary); margin-bottom:.5rem; }
.am-blog-title { font-size:1rem; font-weight:700; margin-bottom:.6rem; line-height:1.4; }
.am-blog-title a { color:var(--am-text); text-decoration:none; }
.am-blog-title a:hover { color:var(--am-primary); }
.am-blog-excerpt { font-size:.85rem; color:var(--am-text-muted); line-height:1.6; margin-bottom:1rem; }
.am-blog-meta { display:flex; align-items:center; justify-content:space-between; font-size:.78rem; color:var(--am-text-light); }

/* CONTACT */
#am-contact { background:var(--am-gradient); }
.am-contact-grid { display:grid; grid-template-columns:1fr 1.6fr; gap:clamp(2rem,4vw,4rem); align-items:start; }
.am-contact-img-wrap { border-radius:var(--am-radius-lg); overflow:hidden; margin-bottom:1.5rem; aspect-ratio:16/7; }
.am-contact-img-wrap img { width:100%; height:100%; object-fit:cover; }
.am-contact-info-title { font-size:clamp(1.6rem,3vw,2.2rem); font-weight:800; color:var(--am-cream); margin-bottom:1rem; line-height:1.2; }
.am-contact-info-desc { font-size:.95rem; color:rgba(255,247,230,.6); line-height:1.75; margin-bottom:2rem; }
.am-contact-details { display:flex; flex-direction:column; gap:1rem; margin-bottom:2rem; }
.am-contact-detail { display:flex; gap:.85rem; align-items:flex-start; }
.am-contact-detail-icon { width:40px; height:40px; border-radius:var(--am-radius-sm); background:rgba(255,247,230,.1); display:flex; align-items:center; justify-content:center; font-size:1rem; flex-shrink:0; }
.am-contact-detail-label { font-size:.72rem; font-family:var(--am-font-mono); letter-spacing:.08em; text-transform:uppercase; color:rgba(255,247,230,.45); margin-bottom:.2rem; }
.am-contact-detail-value { font-size:.9rem; color:var(--am-cream); font-weight:500; }
.am-contact-form-wrap { background:rgba(255,247,230,.06); backdrop-filter:blur(16px); border:1px solid rgba(255,247,230,.12); border-radius:var(--am-radius-xl); padding:clamp(1.5rem,3vw,2.5rem); }
.am-form-row { display:grid; grid-template-columns:1fr 1fr; gap:1rem; }
.am-form-group { margin-bottom:1rem; position:relative; }
.am-form-label { display:block; font-size:.78rem; font-weight:600; letter-spacing:.05em; text-transform:uppercase; color:rgba(255,247,230,.7); margin-bottom:.4rem; font-family:var(--am-font-mono); }
.am-form-control { width:100%; padding:.85em 1.1em; background:rgba(255,247,230,.07); border:1px solid rgba(255,247,230,.12); border-radius:var(--am-radius-md); color:var(--am-cream); font-size:.93rem; transition:var(--am-transition); outline:none; font-family:var(--am-font-body); }
.am-form-control::placeholder { color:rgba(255,247,230,.3); }
.am-form-control:focus { border-color:rgba(212,168,71,.6); background:rgba(255,247,230,.1); box-shadow:0 0 0 3px rgba(212,168,71,.1); }
textarea.am-form-control { resize:vertical; min-height:120px; }
select.am-form-control option { background:var(--am-primary); color:var(--am-cream); }
.am-form-submit { width:100%; justify-content:center; font-size:1rem; padding:1em 2em; margin-top:.5rem; }
.am-form-response { margin-top:1rem; padding:1rem 1.25rem; border-radius:var(--am-radius-md); font-size:.9rem; display:none; align-items:center; gap:.5rem; }
.am-form-response.success { background:rgba(74,222,128,.12); border:1px solid rgba(74,222,128,.3); color:#4ade80; display:flex; }
.am-form-response.error { background:rgba(248,113,113,.12); border:1px solid rgba(248,113,113,.3); color:#f87171; display:flex; }

/* FOOTER */
#am-footer { background:#07131e; color:rgba(255,247,230,.6); padding-top:clamp(50px,6vw,80px); }
.am-footer-main { display:grid; grid-template-columns:1.8fr 1fr 1fr 1fr; gap:2.5rem; padding-bottom:clamp(40px,4vw,60px); border-bottom:1px solid rgba(255,247,230,.06); }
.am-footer-tagline { font-size:.88rem; line-height:1.7; margin-bottom:1.5rem; max-width:300px; }
.am-footer-heading { font-family:var(--am-font-display); font-size:.85rem; font-weight:700; color:var(--am-cream); text-transform:uppercase; letter-spacing:.1em; margin-bottom:1.25rem; }
.am-footer-links { list-style:none; display:flex; flex-direction:column; gap:.6rem; }
.am-footer-links li { font-size:.88rem; color:rgba(255,247,230,.5); }
.am-footer-links a { font-size:.88rem; color:rgba(255,247,230,.5); text-decoration:none; transition:color .3s ease; display:inline-flex; align-items:center; gap:.4rem; }
.am-footer-links a:hover { color:var(--am-cream); }
.am-footer-newsletter { display:flex; gap:.5rem; margin-top:.5rem; }
.am-footer-newsletter input { flex:1; padding:.75em 1em; background:rgba(255,247,230,.06); border:1px solid rgba(255,247,230,.1); border-radius:var(--am-radius-sm); color:var(--am-cream); font-size:.85rem; outline:none; transition:border-color .3s ease; font-family:var(--am-font-body); }
.am-footer-newsletter input::placeholder { color:rgba(255,247,230,.3); }
.am-footer-newsletter input:focus { border-color:rgba(212,168,71,.5); }
.am-footer-newsletter button { background:var(--am-gradient-accent); color:var(--am-cream); border:none; padding:.75em 1.1em; border-radius:var(--am-radius-sm); cursor:pointer; font-size:.9rem; transition:var(--am-transition); white-space:nowrap; }
.am-footer-newsletter button:hover { box-shadow:0 4px 16px rgba(16,46,74,.4); transform:translateY(-1px); }
.am-footer-bottom { display:flex; align-items:center; justify-content:space-between; padding:1.5rem 0; gap:1rem; flex-wrap:wrap; }
.am-footer-copy { font-size:.82rem; }
.am-footer-pay-icons { display:flex; align-items:center; gap:.5rem; flex-wrap:wrap; }
.am-footer-pay-icon {
    display:inline-flex; align-items:center; justify-content:center;
    height:26px; padding:0 .6em;
    border-radius:5px; font-size:.68rem; font-weight:800;
    letter-spacing:.04em; border:1px solid rgba(255,247,230,.12);
    background:rgba(255,247,230,.06); color:rgba(255,247,230,.7);
    font-family:var(--am-font-mono);
}
.am-fp-visa  { background:#1A1F71; color:#fff; border-color:#1A1F71; }
.am-fp-mc    { background:#252525; color:#F79E1B; border-color:#444; }
.am-fp-amex  { background:#2E77BC; color:#fff; border-color:#2E77BC; }
.am-fp-pp    { background:#003087; color:#009CDE; border-color:#003087; }
.am-fp-ap    { background:#1d1d1f; color:#fff; border-color:#444; letter-spacing:-.02em; }
.am-fp-gp    { background:#fff; color:#5F6368; border-color:#ddd; }
.am-footer-legal { display:flex; gap:1.5rem; }
.am-footer-legal a { font-size:.82rem; color:rgba(255,247,230,.4); text-decoration:none; transition:color .3s ease; }
.am-footer-legal a:hover { color:rgba(255,247,230,.8); }

/* CTA BAND */
.am-cta-band { background:var(--am-gradient-accent); padding:clamp(40px,5vw,60px) 0; text-align:center; position:relative; overflow:hidden; }
.am-cta-band::before { content:''; position:absolute; inset:0; background:repeating-linear-gradient(45deg,rgba(255,247,230,.03) 0px,rgba(255,247,230,.03) 1px,transparent 1px,transparent 20px); }
.am-cta-band-inner { position:relative; z-index:2; }
.am-cta-band h2 { font-size:clamp(1.5rem,3vw,2.2rem); font-weight:800; color:var(--am-cream); margin-bottom:.5rem; }
.am-cta-band p { color:rgba(255,247,230,.8); margin-bottom:1.5rem; font-size:.95rem; }

/* BACK TO TOP */
#am-back-top { position:fixed; bottom:2rem; right:2rem; width:44px; height:44px; background:var(--am-gradient-accent); color:var(--am-cream); border:none; border-radius:var(--am-radius-sm); cursor:pointer; font-size:1.1rem; display:flex; align-items:center; justify-content:center; box-shadow:0 4px 20px rgba(16,46,74,.4); opacity:0; visibility:hidden; transition:var(--am-transition); z-index:900; }
#am-back-top.visible { opacity:1; visibility:visible; }
#am-back-top:hover { transform:translateY(-3px); box-shadow:0 8px 28px rgba(16,46,74,.55); }

/* SCROLL ANIMATIONS */
[data-animate] { opacity:0; transition:opacity .7s cubic-bezier(.4,0,.2,1), transform .7s cubic-bezier(.4,0,.2,1); }
[data-animate="fade-up"] { transform:translateY(40px); }
[data-animate="fade-left"] { transform:translateX(-40px); }
[data-animate="fade-right"] { transform:translateX(40px); }
[data-animate="zoom-in"] { transform:scale(.88); }
[data-animate].animate-in { opacity:1; transform:translate(0) scale(1); }
[data-delay="100"]{transition-delay:100ms}[data-delay="200"]{transition-delay:200ms}[data-delay="300"]{transition-delay:300ms}[data-delay="400"]{transition-delay:400ms}

/* RESPONSIVE */
@media (max-width:1024px) {
    .am-counters-grid { grid-template-columns:repeat(2,1fr); }
    .am-footer-main { grid-template-columns:1fr 1fr; }
    .am-pricing-grid { grid-template-columns:1fr; max-width:440px; margin:0 auto; }
    .am-pricing-card--featured { transform:scale(1); }
    .am-team-grid { grid-template-columns:repeat(2,1fr); }
    .am-video-stats { grid-template-columns:repeat(2,1fr); }
}
@media (max-width:900px) {
    .am-hero-content { grid-template-columns:1fr; text-align:center; }
    .am-hero-right { display:none; }
    .am-hero-actions, .am-hero-stats { justify-content:center; }
    .am-hero-subtitle { margin:0 auto 2.5rem; }
    .am-about-grid { grid-template-columns:1fr; }
    .am-about-visual { display:none; }
    .am-contact-grid { grid-template-columns:1fr; }
    .am-hamburger { display:flex; }
    .am-nav-menu { display:none; }
    .am-nav-actions .am-btn { display:none; }
    .am-testimonial-card { min-width:calc(50% - .75rem); }
    .am-payment-trust-bar { gap:1rem; padding:1.5rem; }
    .am-trust-divider { display:none; }
    .am-pay-card-name { min-width:100px; }
}
@media (max-width:768px) {
    .am-form-row { grid-template-columns:1fr; }
    .am-footer-main { grid-template-columns:1fr; }
    .am-footer-bottom { flex-direction:column; text-align:center; }
    .am-counters-grid { grid-template-columns:repeat(2,1fr); }
    .am-testimonials-wrap { padding:0 50px; }
    .am-team-grid { grid-template-columns:repeat(2,1fr); }
    .am-video-stats { grid-template-columns:repeat(2,1fr); }
    .am-about-img-secondary { display:none; }
    .am-services-banner-img { height:180px; }
    .am-pay-card-inner { padding:1rem 1.25rem; gap:1rem; }
    .am-pay-card-logo { width:80px; min-width:80px; }
    .am-pay-card-desc { display:none; }
    .am-trust-item { min-width:unset; }
}
@media (max-width:600px) {
    .am-testimonial-card { min-width:100%; }
    .am-pay-card-inner { padding:.85rem 1rem; gap:.75rem; }
    .am-pay-card-name { font-size:.9rem; min-width:80px; }
    .am-pay-card-logo { width:70px; min-width:70px; }
}
@media (max-width:480px) {
    .am-counters-grid { grid-template-columns:1fr 1fr; }
    .am-counter-item::after { display:none; }
    .am-hero-title { font-size:2.2rem; }
    .am-video-stats { grid-template-columns:1fr 1fr; }
    .am-team-grid { grid-template-columns:1fr 1fr; }
    .am-footer-pay-icons { justify-content:center; }
}

/* PAYMENT METHODS SECTION — Landscape Rows */
.am-payment-cards-grid {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-bottom: 2.5rem;
}
.am-pay-card {
    background: var(--am-white);
    border: 2px solid var(--am-border);
    border-radius: var(--am-radius-lg);
    transition: var(--am-transition);
    cursor: default;
    overflow: hidden;
}
.am-pay-card:hover {
    border-color: var(--am-primary);
    transform: translateX(6px);
    box-shadow: var(--am-shadow-lg);
}
.am-pay-card-inner {
    padding: 1.25rem 2rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 2rem;
}
.am-pay-card-logo {
    width: 110px;
    min-width: 110px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.am-pay-card-name {
    font-family: var(--am-font-display);
    font-size: 1.05rem;
    font-weight: 700;
    color: var(--am-text);
    min-width: 130px;
}
.am-pay-card-desc {
    font-size: .88rem;
    color: var(--am-text-muted);
    flex: 1;
}
.am-pay-card-badge {
    font-size: .72rem;
    font-weight: 600;
    font-family: var(--am-font-mono);
    padding: .3em 1em;
    border-radius: 100px;
    letter-spacing: .05em;
    white-space: nowrap;
    margin-left: auto;
}
.am-pay-card-accepted {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: .4rem;
    font-size: .82rem;
    color: #16a34a;
    font-weight: 600;
}
.am-pay-card-accepted::before {
    content: '';
    width: 8px; height: 8px;
    border-radius: 50%;
    background: #16a34a;
    display: block;
}
.am-pay-badge-secure  { background: rgba(74,222,128,.12); color: #16a34a; border: 1px solid rgba(74,222,128,.3); }
.am-pay-badge-digital { background: rgba(99,102,241,.1);  color: #6366f1; border: 1px solid rgba(99,102,241,.25); }
.am-pay-badge-bank    { background: rgba(16,46,74,.08);   color: var(--am-primary); border: 1px solid var(--am-border); }

/* Security trust bar */
.am-payment-trust-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
    background: linear-gradient(135deg, var(--am-primary) 0%, #1a4a70 100%);
    border-radius: var(--am-radius-xl);
    padding: 2rem 2.5rem;
    flex-wrap: wrap;
}
.am-trust-item {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex: 1;
    min-width: 200px;
}
.am-trust-icon { font-size: 1.8rem; flex-shrink: 0; }
.am-trust-title {
    font-family: var(--am-font-display);
    font-size: .95rem;
    font-weight: 700;
    color: var(--am-cream);
    margin-bottom: .15rem;
}
.am-trust-sub { font-size: .78rem; color: rgba(255,247,230,.55); line-height: 1.4; }
.am-trust-divider {
    width: 1px;
    height: 50px;
    background: rgba(255,247,230,.12);
    flex-shrink: 0;
}

/* SERVICES BANNER IMAGE */
.am-services-image-row { border-radius:var(--am-radius-xl); overflow:hidden; max-height:280px; }
.am-services-banner-img { width:100%; height:280px; object-fit:cover; object-position:center 40%; display:block; }

/* VIDEO SECTION */
#am-video { position:relative; }
.am-video-bg-pattern { position:absolute; inset:0; background-image:linear-gradient(rgba(255,247,230,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,247,230,.025) 1px,transparent 1px); background-size:60px 60px; pointer-events:none; }
.am-video-wrapper { display:flex; flex-direction:column; gap:2.5rem; }
.am-video-frame { position:relative; border-radius:var(--am-radius-xl); overflow:hidden; aspect-ratio:16/9; box-shadow:0 40px 100px rgba(0,0,0,.5); border:1px solid rgba(255,247,230,.1); background:#000; }
.am-video-frame iframe { position:absolute; inset:0; width:100%; height:100%; border:none; }
.am-video-stats { display:grid; grid-template-columns:repeat(4,1fr); gap:1.5rem; }
.am-video-stat { text-align:center; background:rgba(255,247,230,.05); border:1px solid rgba(255,247,230,.1); border-radius:var(--am-radius-lg); padding:1.5rem 1rem; }
.am-video-stat-num { font-family:var(--am-font-display); font-size:clamp(1.6rem,3vw,2.4rem); font-weight:900; color:#f0c264; line-height:1; display:block; margin-bottom:.4rem; }
.am-video-stat-label { font-size:.8rem; color:rgba(255,247,230,.55); text-transform:uppercase; letter-spacing:.08em; }

/* TEAM SECTION */
.am-team-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:1.5rem; }
.am-team-card { background:var(--am-white); border:1px solid var(--am-border); border-radius:var(--am-radius-lg); overflow:hidden; transition:var(--am-transition); }
.am-team-card:hover { transform:translateY(-6px); box-shadow:var(--am-shadow-lg); }
.am-team-img-wrap { position:relative; aspect-ratio:3/4; overflow:hidden; }
.am-team-img-wrap img { width:100%; height:100%; object-fit:cover; transition:transform .5s ease; }
.am-team-card:hover .am-team-img-wrap img { transform:scale(1.05); }
.am-team-overlay { position:absolute; inset:0; background:linear-gradient(to top,rgba(16,46,74,.9) 0%,transparent 60%); display:flex; align-items:flex-end; justify-content:center; padding:1.5rem; opacity:0; transition:opacity .35s ease; }
.am-team-card:hover .am-team-overlay { opacity:1; }
.am-team-social { width:40px; height:40px; border-radius:50%; background:rgba(255,247,230,.15); border:1px solid rgba(255,247,230,.3); display:flex; align-items:center; justify-content:center; color:var(--am-cream); font-size:.85rem; font-weight:700; text-decoration:none; transition:var(--am-transition); }
.am-team-social:hover { background:var(--am-primary); border-color:var(--am-primary); color:var(--am-cream); }
.am-team-info { padding:1.25rem 1rem; text-align:center; }
.am-team-name { font-size:1rem; font-weight:700; margin-bottom:.3rem; }
.am-team-role { font-size:.82rem; color:var(--am-text-muted); }

/* ABOUT secondary image */
.am-about-img-secondary { position:absolute; bottom:-20px; right:-20px; width:160px; height:120px; border-radius:var(--am-radius-md); overflow:hidden; border:3px solid var(--am-white); box-shadow:var(--am-shadow-lg); }
.am-about-img-secondary img { width:100%; height:100%; object-fit:cover; }

/* Accessibility */
:focus-visible { outline:2px solid var(--am-primary); outline-offset:2px; border-radius:2px; }
.screen-reader-text { 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; animation-iteration-count:1 !important; transition-duration:.01ms !important; } }