/*
Theme Name: Arantxaonline Marketing
Theme URI: https://arantxaonline.com/
Author: Arantxaonline Marketing Team
Author URI: https://rewaldpocorni.info/
Description: A bold, modern marketing agency theme for Arantxaonline Marketing Team, serving Suriname and Guyana.
Version: 1.0.0
Requires at least: 6.4
Tested up to: 6.8
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: arantxa-marketing
Tags: custom-logo, custom-menu, featured-images, full-width-template, responsive-layout, translation-ready
*/

:root{
  --am-bg:#07111f;
  --am-panel:#0d1b2f;
  --am-panel2:#101f36;
  --am-text:#f6f8ff;
  --am-muted:#aebbd0;
  --am-primary:#7c5cff;
  --am-secondary:#00d5ff;
  --am-accent:#ffb22e;
  --am-green:#25d366;
  --am-line:rgba(255,255,255,.11);
  --am-shadow:0 22px 80px rgba(0,0,0,.28);
  --am-radius:28px;
  --am-max:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--am-bg);color:var(--am-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto;display:block}
button,input,textarea,select{font:inherit}
.am-wrap{width:min(calc(100% - 40px),var(--am-max));margin-inline:auto}
.am-kicker{display:inline-flex;align-items:center;gap:9px;font-size:.78rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#d9ddff;background:rgba(124,92,255,.13);border:1px solid rgba(124,92,255,.34);padding:9px 13px;border-radius:999px}
.am-kicker:before{content:"";width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,var(--am-secondary),var(--am-primary));box-shadow:0 0 18px var(--am-secondary)}
.am-title{font-size:clamp(2.25rem,6vw,5.8rem);line-height:.98;letter-spacing:-.055em;margin:18px 0 24px;max-width:900px}
.am-gradient-text{background:linear-gradient(90deg,#fff 0%,#b9d8ff 34%,#8d73ff 64%,#3ee7ff 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.am-lead{font-size:clamp(1.02rem,1.7vw,1.28rem);color:var(--am-muted);max-width:760px}
.am-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:999px;padding:14px 20px;font-weight:800;border:1px solid var(--am-line);transition:.25s ease;cursor:pointer}
.am-btn:hover{transform:translateY(-2px)}
.am-btn-primary{background:linear-gradient(135deg,var(--am-primary),#4f80ff 58%,var(--am-secondary));border-color:transparent;box-shadow:0 14px 44px rgba(124,92,255,.32)}
.am-btn-ghost{background:rgba(255,255,255,.055);backdrop-filter:blur(14px)}
.am-btn-whatsapp{background:var(--am-green);color:#06140b;border-color:transparent}

.site-header{position:fixed;z-index:999;top:0;left:0;right:0;padding:18px 0;transition:.3s ease}
.site-header.scrolled{background:rgba(6,13,26,.82);backdrop-filter:blur(18px);border-bottom:1px solid var(--am-line);padding:10px 0}
.am-nav{display:flex;align-items:center;justify-content:space-between;gap:20px}
.am-brand{display:flex;align-items:center;gap:12px;font-weight:900;letter-spacing:-.03em}
.am-brand-mark{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:conic-gradient(from 180deg,var(--am-secondary),var(--am-primary),#ff4f9a,var(--am-accent),var(--am-secondary));box-shadow:0 8px 32px rgba(124,92,255,.32)}
.am-brand-mark span{background:#07111f;border-radius:9px;width:29px;height:29px;display:grid;place-items:center;font-size:.9rem;color:white}
.custom-logo{max-height:48px;width:auto}
.am-menu{display:flex;align-items:center;gap:26px;list-style:none;margin:0;padding:0;font-weight:700;font-size:.95rem;color:#d9e0ef}
.am-menu a:hover{color:white}
.am-menu-toggle{display:none;border:0;background:rgba(255,255,255,.08);color:white;border-radius:12px;width:44px;height:44px;font-size:1.25rem}

.am-hero{position:relative;min-height:760px;display:flex;align-items:center;padding:150px 0 92px;isolation:isolate}
.am-hero:before{content:"";position:absolute;inset:-20% -15% auto 35%;height:720px;background:radial-gradient(circle at 50% 50%,rgba(124,92,255,.34),rgba(0,213,255,.11) 38%,transparent 67%);filter:blur(18px);z-index:-1}
.am-grid-bg{position:absolute;inset:0;z-index:-2;opacity:.15;background-image:linear-gradient(rgba(255,255,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px);background-size:60px 60px;mask-image:linear-gradient(to bottom,black,transparent 85%)}
.am-hero-grid{display:grid;grid-template-columns:1.04fr .96fr;gap:56px;align-items:center}
.am-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.am-hero-note{margin-top:24px;color:#8292aa;font-size:.9rem;display:flex;gap:12px;flex-wrap:wrap}
.am-hero-note span{display:inline-flex;align-items:center;gap:7px}
.am-hero-note i{width:7px;height:7px;border-radius:50%;background:var(--am-secondary)}

.am-visual{position:relative;min-height:570px}
.am-orb{position:absolute;border-radius:50%;filter:blur(2px)}
.am-orb.one{width:180px;height:180px;right:3%;top:2%;background:linear-gradient(135deg,#ff4f9a,#ffb22e);opacity:.7}
.am-orb.two{width:140px;height:140px;left:0;bottom:12%;background:linear-gradient(135deg,#00d5ff,#7c5cff);opacity:.65}
.am-phone{position:absolute;width:260px;height:525px;left:12%;top:18px;background:#050910;border:10px solid #151b28;border-radius:44px;box-shadow:var(--am-shadow);transform:rotate(-5deg);overflow:hidden}
.am-phone:before{content:"";position:absolute;width:90px;height:24px;border-radius:0 0 18px 18px;top:0;left:50%;transform:translateX(-50%);background:#151b28;z-index:4}
.am-phone-screen{height:100%;background:linear-gradient(165deg,#6c4cff 0%,#0e82ff 52%,#00d5ff 100%);padding:42px 18px 18px;position:relative;overflow:hidden}
.am-phone-screen:before{content:"";position:absolute;width:290px;height:290px;border-radius:50%;background:rgba(255,255,255,.13);right:-140px;top:80px}
.am-phone-card{position:relative;background:rgba(5,13,25,.64);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.2);border-radius:22px;padding:18px;margin-top:28px}
.am-phone-card .big{font-size:3rem;font-weight:900;letter-spacing:-.06em}
.am-phone-post{height:175px;border-radius:18px;margin-top:16px;background:linear-gradient(135deg,#ffbe42,#ff4f9a 48%,#7c5cff);position:relative;overflow:hidden}
.am-phone-post:after{content:"SOCIAL\A IMPACT";white-space:pre;position:absolute;left:16px;bottom:16px;font-weight:950;font-size:1.8rem;line-height:.9;letter-spacing:-.06em}
.am-dashboard{position:absolute;right:0;top:94px;width:360px;background:rgba(12,27,48,.8);backdrop-filter:blur(18px);border:1px solid var(--am-line);border-radius:28px;padding:22px;box-shadow:var(--am-shadow);transform:rotate(4deg)}
.am-dash-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.am-dash-title{font-weight:850}.am-live{font-size:.72rem;background:rgba(37,211,102,.14);color:#7bffa9;padding:6px 9px;border-radius:999px}
.am-chart{height:160px;border-radius:20px;background:linear-gradient(180deg,rgba(124,92,255,.2),rgba(0,213,255,.02)),repeating-linear-gradient(to bottom,transparent 0 31px,rgba(255,255,255,.07) 32px);position:relative;overflow:hidden}
.am-chart svg{position:absolute;inset:0;width:100%;height:100%}
.am-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.am-stat{padding:12px;background:rgba(255,255,255,.045);border-radius:14px}.am-stat b{display:block;font-size:1.18rem}.am-stat small{color:var(--am-muted)}
.am-float-card{position:absolute;left:0;bottom:24px;background:#fff;color:#07111f;border-radius:20px;padding:15px 18px;box-shadow:var(--am-shadow);font-weight:850;transform:rotate(3deg)}
.am-float-card small{display:block;color:#657086;font-weight:650}

.am-marquee{border-block:1px solid var(--am-line);overflow:hidden;background:rgba(255,255,255,.025)}
.am-marquee-track{display:flex;width:max-content;gap:42px;padding:18px 0;animation:marquee 24s linear infinite;font-weight:850;color:#cbd5e6;letter-spacing:.04em}
.am-marquee-track span{display:flex;align-items:center;gap:14px}.am-marquee-track span:before{content:"✦";color:var(--am-secondary)}
@keyframes marquee{to{transform:translateX(-50%)}}

.am-section{padding:105px 0}
.am-section-soft{background:linear-gradient(180deg,rgba(255,255,255,.018),rgba(255,255,255,.035))}
.am-section-head{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:44px}.am-section-head h2{font-size:clamp(2rem,4vw,4rem);line-height:1.02;letter-spacing:-.045em;margin:12px 0 0;max-width:760px}.am-section-head p{max-width:500px;color:var(--am-muted);margin:0}
.am-services{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.am-card{position:relative;padding:27px;border:1px solid var(--am-line);background:linear-gradient(145deg,rgba(255,255,255,.065),rgba(255,255,255,.022));border-radius:var(--am-radius);overflow:hidden;min-height:280px;transition:.3s ease}.am-card:hover{transform:translateY(-6px);border-color:rgba(124,92,255,.45)}.am-card:after{content:"";position:absolute;width:170px;height:170px;border-radius:50%;background:var(--glow,rgba(124,92,255,.28));filter:blur(30px);right:-80px;bottom:-90px}.am-icon{width:52px;height:52px;border-radius:16px;background:rgba(255,255,255,.08);display:grid;place-items:center;font-size:1.4rem;border:1px solid var(--am-line)}.am-card h3{font-size:1.42rem;margin:42px 0 10px;letter-spacing:-.025em}.am-card p{color:var(--am-muted);margin:0}.am-link{display:inline-flex;margin-top:18px;font-weight:800;color:#cdd5ff}

.am-countries{display:grid;grid-template-columns:1fr 1fr;gap:22px}.am-country{padding:34px;border-radius:32px;min-height:360px;position:relative;overflow:hidden;border:1px solid var(--am-line);display:flex;flex-direction:column;justify-content:flex-end}.am-country.sr{background:radial-gradient(circle at 80% 20%,rgba(37,211,102,.34),transparent 36%),linear-gradient(145deg,#10251f,#0a1921 55%,#11162c)}.am-country.gy{background:radial-gradient(circle at 80% 20%,rgba(255,178,46,.34),transparent 36%),linear-gradient(145deg,#2b1f0f,#161a22 56%,#15112c)}.am-country .flag{font-size:3.2rem;position:absolute;top:28px;right:30px}.am-country h3{font-size:clamp(2rem,4vw,3.5rem);letter-spacing:-.05em;margin:0 0 10px}.am-country p{color:#cad4e4;max-width:520px;margin:0}.am-pillrow{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.am-pill{font-size:.82rem;font-weight:750;padding:8px 11px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid var(--am-line)}

.am-process{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;counter-reset:step}.am-step{padding:24px;border-radius:24px;border:1px solid var(--am-line);background:rgba(255,255,255,.028)}.am-step:before{counter-increment:step;content:"0" counter(step);font-weight:950;font-size:2.5rem;letter-spacing:-.08em;color:#7b8ba7}.am-step h3{margin:26px 0 8px}.am-step p{margin:0;color:var(--am-muted);font-size:.95rem}

.am-showcase{display:grid;grid-template-columns:1.1fr .9fr;gap:20px}.am-show-main,.am-show-side{border:1px solid var(--am-line);border-radius:32px;overflow:hidden;min-height:460px;position:relative}.am-show-main{background:linear-gradient(145deg,#201240,#102e57)}.am-show-main .canvas{position:absolute;inset:28px;background:linear-gradient(135deg,#ffb22e,#ff5674 44%,#7c5cff);border-radius:28px;box-shadow:0 25px 80px rgba(0,0,0,.35);padding:34px;display:flex;flex-direction:column;justify-content:flex-end}.am-show-main .canvas:before{content:"CREATE. CONNECT. CONVERT.";position:absolute;top:35px;left:34px;font-size:clamp(2rem,4vw,4.5rem);font-weight:950;line-height:.86;letter-spacing:-.08em;max-width:560px}.am-show-main .canvas p{font-weight:800;max-width:360px;margin:0}.am-show-side{background:linear-gradient(160deg,#0e2434,#101329);padding:28px}.am-metric{display:flex;align-items:end;justify-content:space-between;padding:20px 0;border-bottom:1px solid var(--am-line)}.am-metric:last-child{border-bottom:0}.am-metric strong{font-size:2.2rem;letter-spacing:-.05em}.am-metric span{color:var(--am-muted);max-width:160px;text-align:right}

.am-cta{padding:38px;border-radius:36px;border:1px solid rgba(255,255,255,.14);background:radial-gradient(circle at 15% 10%,rgba(0,213,255,.18),transparent 34%),radial-gradient(circle at 90% 80%,rgba(255,79,154,.22),transparent 34%),linear-gradient(135deg,#121d35,#161438);display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center}.am-cta h2{font-size:clamp(2rem,4vw,4.1rem);line-height:1;letter-spacing:-.05em;margin:0 0 14px}.am-cta p{color:var(--am-muted);margin:0;max-width:680px}

.site-footer{padding:56px 0 28px;border-top:1px solid var(--am-line);background:#050c17}.am-footer-grid{display:grid;grid-template-columns:1.4fr .7fr .7fr;gap:38px}.am-footer-brand p{color:var(--am-muted);max-width:450px}.am-footer-col h4{margin:0 0 13px}.am-footer-col a{display:block;color:#aebbd0;margin:9px 0}.am-footer-col a:hover{color:white}.am-footer-bottom{margin-top:38px;padding-top:22px;border-top:1px solid var(--am-line);display:flex;justify-content:space-between;gap:20px;color:#7f8ba1;font-size:.9rem}.am-footer-bottom a{color:#ccd5e6;font-weight:750}

.am-page{padding:140px 0 90px}.am-page article{max-width:860px;margin:auto}.am-page h1{font-size:clamp(2.5rem,6vw,5.2rem);letter-spacing:-.055em;line-height:1}.am-page-content{color:#d7deeb}.am-page-content a{color:#89eaff;text-decoration:underline}.am-page-content img{border-radius:22px}

@media(max-width:980px){.am-menu{display:none;position:absolute;top:66px;left:20px;right:20px;flex-direction:column;align-items:flex-start;padding:20px;background:#0b1728;border:1px solid var(--am-line);border-radius:20px}.am-menu.open{display:flex}.am-menu-toggle{display:grid;place-items:center}.am-nav>.am-btn{display:none}.am-hero{padding-top:130px}.am-hero-grid,.am-showcase{grid-template-columns:1fr}.am-visual{min-height:540px;max-width:630px;margin:auto;width:100%}.am-services{grid-template-columns:1fr 1fr}.am-process{grid-template-columns:1fr 1fr}.am-section-head{align-items:flex-start;flex-direction:column}.am-footer-grid{grid-template-columns:1fr 1fr}.am-footer-brand{grid-column:1/-1}}
@media(max-width:680px){.am-wrap{width:min(calc(100% - 28px),var(--am-max))}.am-hero{min-height:auto}.am-actions{flex-direction:column}.am-actions .am-btn{width:100%}.am-visual{min-height:500px;transform:scale(.86);transform-origin:top center;margin-bottom:-50px}.am-phone{left:2%}.am-dashboard{right:-8%;width:330px}.am-services,.am-countries,.am-process{grid-template-columns:1fr}.am-section{padding:78px 0}.am-cta{grid-template-columns:1fr;padding:28px}.am-cta .am-btn{width:100%}.am-footer-grid{grid-template-columns:1fr}.am-footer-brand{grid-column:auto}.am-footer-bottom{flex-direction:column}.am-country{min-height:330px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.am-marquee-track{animation:none}.am-btn,.am-card{transition:none}}