@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=Inter:wght@400;500;600;700;800&display=swap');
:root{
  --bg:#06080d;
  --bg-soft:#0b1119;
  --surface:#111926;
  --surface-2:#151f2e;
  --line:#273246;
  --line-2:#38465f;
  --gold:#f2c05b;
  --gold-2:#ffdc91;
  --red:#c21721;
  --red-2:#ff3a48;
  --ink:#edf2f7;
  --muted:#b5c0cf;
  --shadow:0 22px 60px rgba(0,0,0,.35);
  --max:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:
 radial-gradient(circle at 82% 12%,rgba(194,23,33,.16),transparent 25%),
 radial-gradient(circle at 15% 0%,rgba(242,192,91,.09),transparent 20%),
 linear-gradient(180deg,#070a10 0,#0b1118 50%,#070a10 100%);
 color:var(--ink);font:16px/1.6 'Inter',system-ui,sans-serif}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.container{width:min(var(--max),calc(100% - 48px));margin:0 auto}
.site-header{position:sticky;top:0;z-index:50;background:rgba(6,8,13,.9);backdrop-filter:blur(14px);border-bottom:1px solid rgba(242,192,91,.14)}
.nav{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:12px 0}
.brand{display:flex;align-items:center;gap:14px;min-width:0}
.brand-logo{width:76px;height:76px;object-fit:contain;filter:drop-shadow(0 6px 18px rgba(0,0,0,.4))}
.brand-text{display:flex;flex-direction:column;line-height:1}
.brand-text strong{font:800 30px/1 'Barlow Condensed',sans-serif;letter-spacing:1px;color:var(--gold-2)}
.brand-text small{font-size:11px;text-transform:uppercase;letter-spacing:2.3px;color:#c9d3e0;margin-top:5px}
.nav-links{display:flex;align-items:center;gap:24px}
.nav-links a{font-size:14px;font-weight:700;color:#d6deea;position:relative}
.nav-links a:hover,.nav-links a.active{color:var(--gold)}
.nav-links .nav-cta{padding:12px 16px;border:1px solid rgba(242,192,91,.6);border-radius:999px;background:linear-gradient(180deg,rgba(242,192,91,.14),rgba(194,23,33,.08))}
.nav-links .nav-cta:hover,.nav-links .nav-cta.active{background:linear-gradient(180deg,rgba(242,192,91,.22),rgba(194,23,33,.16))}
.menu-button{display:none;background:transparent;color:var(--ink);border:1px solid var(--line);padding:8px 12px;border-radius:10px;font-size:24px;cursor:pointer}
.hero{position:relative;overflow:hidden;border-bottom:1px solid rgba(242,192,91,.16)}
.hero::before{content:'';position:absolute;inset:0;background:
 linear-gradient(115deg,rgba(242,192,91,.06),transparent 32%),
 radial-gradient(circle at 78% 32%,rgba(255,58,72,.12),transparent 24%),
 repeating-linear-gradient(90deg,transparent 0 82px,rgba(255,255,255,.03) 82px 83px);
 pointer-events:none}
.hero .container{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr .95fr;gap:42px;align-items:center;padding:88px 0 82px}
.kicker{display:inline-block;color:var(--gold);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:2.8px;padding:8px 12px;border:1px solid rgba(242,192,91,.26);border-radius:999px;background:rgba(242,192,91,.06)}
.hero h1,.page-hero h1,.section h2,.band h2{font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;letter-spacing:.2px;margin:16px 0 18px}
.hero h1{font-size:clamp(54px,8vw,94px);line-height:.92}
.page-hero h1{font-size:clamp(44px,6.3vw,76px);line-height:.95}
.section h2{font-size:clamp(36px,4.5vw,56px);line-height:.96}
.hero h1 span,.page-hero h1 span,.section h2 span,.band h2 span{color:var(--gold)}
.lead,.page-hero p,.section-intro,.content p,.feature p,.step p,.aside p,.aside li,.footer p,.footer a,.notice,.form-note{color:var(--muted)}
.lead{max-width:700px;font-size:18px}
.btn-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 22px;border-radius:999px;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.7px;border:1px solid var(--gold);background:linear-gradient(180deg,var(--gold-2),var(--gold));color:#120f09;box-shadow:var(--shadow)}
.btn:hover{transform:translateY(-1px)}
.btn.alt{background:rgba(255,255,255,.02);color:var(--ink);border-color:var(--line-2);box-shadow:none}
.btn.alt:hover{border-color:var(--gold);color:var(--gold)}
.hero-card{position:relative;padding:30px;border:1px solid rgba(242,192,91,.18);border-radius:28px;background:linear-gradient(180deg,rgba(18,25,38,.95),rgba(10,15,24,.98));box-shadow:var(--shadow)}
.hero-card::after{content:'';position:absolute;inset:14px;border-radius:20px;border:1px solid rgba(255,255,255,.06);pointer-events:none}
.hero-logo{max-width:520px;margin:0 auto 18px;filter:drop-shadow(0 18px 40px rgba(0,0,0,.45))}
.hero-pill-row{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.hero-pill{padding:8px 12px;border-radius:999px;font-size:12px;font-weight:700;background:rgba(242,192,91,.08);border:1px solid rgba(242,192,91,.18);color:#f9e1aa}
.trust{border-top:1px solid rgba(242,192,91,.12);border-bottom:1px solid rgba(242,192,91,.12);background:rgba(8,12,18,.75)}
.trust-inner{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;padding:18px 0;color:#d2dceb;font-size:12px;font-weight:700;letter-spacing:.4px}
.trust span::before{content:'◆';margin-right:8px;color:var(--gold);font-size:10px}
.section{padding:82px 0}
.section.compact{padding:56px 0}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:28px}
.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.service-card{display:flex;flex-direction:column;min-height:265px;padding:28px;border-radius:24px;background:linear-gradient(180deg,rgba(20,29,43,.95),rgba(12,18,28,.97));border:1px solid rgba(242,192,91,.14);box-shadow:var(--shadow);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.service-card:hover{transform:translateY(-4px);border-color:rgba(242,192,91,.46);box-shadow:0 28px 60px rgba(0,0,0,.4)}
.service-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:linear-gradient(180deg,rgba(242,192,91,.18),rgba(194,23,33,.16));border:1px solid rgba(242,192,91,.22);color:var(--gold);font:800 22px 'Barlow Condensed',sans-serif;margin-bottom:18px}
.service-card h3{font:700 26px/1.02 'Barlow Condensed',sans-serif;text-transform:uppercase;margin:0 0 10px;color:#fff1cf}
.service-card p{margin:0;flex:1;font-size:14px}
.arrow{margin-top:18px;color:var(--gold);font-size:12px;font-weight:800;letter-spacing:.8px;text-transform:uppercase}
.band{background:linear-gradient(120deg,rgba(194,23,33,.96),rgba(242,192,91,.95));color:#180f0b}
.band .container{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:34px 0}
.band h2{font-size:36px;margin:0 0 8px}
.band p{margin:0;max-width:760px;color:#2a2017}
.band .btn{background:#100e0b;border-color:#100e0b;color:#fff}
.page-hero{padding:78px 0;background:
 radial-gradient(circle at 80% 25%,rgba(242,192,91,.08),transparent 22%),
 radial-gradient(circle at 20% 0%,rgba(194,23,33,.12),transparent 25%),
 linear-gradient(135deg,#0a0f17,#0a111a 55%,#0d121b);
 border-bottom:1px solid rgba(242,192,91,.14)}
.split{display:grid;grid-template-columns:1.08fr .92fr;gap:28px;align-items:start}
.feature-list{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:24px}
.feature{padding:20px;border-radius:18px;background:linear-gradient(180deg,rgba(17,25,38,.95),rgba(10,15,24,.98));border:1px solid rgba(242,192,91,.12)}
.feature strong{display:block;font-size:15px;color:#fff0c8}
.feature strong::before{content:'✓';display:inline-block;margin-right:10px;color:var(--gold)}
.feature p{font-size:13px;margin:8px 0 0}
.aside,.form-card{padding:28px;border-radius:24px;background:linear-gradient(180deg,rgba(17,25,38,.95),rgba(10,15,24,.98));border:1px solid rgba(242,192,91,.14);box-shadow:var(--shadow)}
.aside h3{font:700 32px/1 'Barlow Condensed',sans-serif;text-transform:uppercase;margin:12px 0;color:#fff0c8}
.aside ul{padding-left:18px;margin:10px 0 0}
.callout{margin-top:22px;padding:18px 20px;border-left:3px solid var(--gold);border-radius:0 14px 14px 0;background:linear-gradient(90deg,rgba(242,192,91,.09),rgba(255,255,255,.01))}
.callout strong{color:#fff1d0}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.step{padding:26px;border-radius:22px;background:linear-gradient(180deg,rgba(17,25,38,.95),rgba(10,15,24,.98));border-top:2px solid var(--gold);box-shadow:var(--shadow)}
.step-num{font:800 40px/1 'Barlow Condensed',sans-serif;color:var(--gold)}
.step h3{margin:10px 0 8px;font-size:18px;color:#fff0c8}
.contact-grid{display:grid;grid-template-columns:1fr 1.14fr;gap:24px}
.contact-detail{display:block;padding:16px 0;border-bottom:1px solid rgba(242,192,91,.12)}
.contact-detail strong{display:block;font-size:12px;letter-spacing:1.2px;text-transform:uppercase;color:var(--gold);margin-bottom:6px}
.form-card label{display:block;font-size:13px;font-weight:700;margin:0 0 7px;color:#f5efe3}
.form-card input,.form-card select,.form-card textarea{width:100%;padding:13px 14px;background:#0a1018;border:1px solid var(--line-2);border-radius:14px;color:var(--ink);font:inherit}
.form-card input:focus,.form-card select:focus,.form-card textarea:focus{outline:1px solid rgba(242,192,91,.45);border-color:rgba(242,192,91,.45)}
.form-card textarea{min-height:150px;resize:vertical}
.form-card .field{margin-bottom:16px}
.footer{padding:48px 0 24px;background:#05070b;border-top:1px solid rgba(242,192,91,.14)}
.footer-grid{display:grid;grid-template-columns:1.8fr 1fr 1fr;gap:30px}
.footer-brand-copy{margin-top:14px;max-width:540px}
.footer-logo{width:180px;height:auto;margin-top:10px;opacity:.96}
.footer h4{margin:0 0 14px;font:700 20px/1 'Barlow Condensed',sans-serif;text-transform:uppercase;color:#fff1ce}
.footer a{display:block;margin:8px 0;font-size:14px}
.footer a:hover{color:var(--gold)}
.copyright{margin-top:30px;padding-top:16px;border-top:1px solid rgba(242,192,91,.12);font-size:12px;color:#8394a7}
.notice{font-size:12px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(max-width:980px){
 .menu-button{display:block}
 .nav-links{display:none;position:absolute;left:0;right:0;top:101px;flex-direction:column;align-items:stretch;gap:0;padding:16px 24px;background:#0a1018;border-bottom:1px solid rgba(242,192,91,.14)}
 .nav-links.open{display:flex}
 .nav-links a{padding:11px 0}
 .nav-links .nav-cta{text-align:center;margin-top:8px}
 .hero .container,.split,.contact-grid{grid-template-columns:1fr}
 .grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .steps,.footer-grid,.feature-list{grid-template-columns:1fr}
 .brand-logo{width:64px;height:64px}
}
@media(max-width:640px){
 .container{width:min(var(--max),calc(100% - 28px))}
 .hero .container{padding:64px 0 60px}
 .hero h1{font-size:58px}
 .grid,.trust-inner{grid-template-columns:1fr}
 .grid{display:grid}
 .band .container,.section-head{display:block}
 .band .btn{margin-top:18px}
 .service-card{min-height:auto}
 .brand-text strong{font-size:24px}
 .brand-text small{letter-spacing:1.7px}
 .brand-logo{width:58px;height:58px}
 .footer-logo{width:150px}
 .nav{padding:10px 0}
}


/* ===== Responsive refinements: phones, small tablets and the ARDA mobile menu ===== */
html { max-width:100%; }
body { width:100%; max-width:100%; overflow-x:clip; }
body, .site-header, main, .footer { min-width:0; }
.container, .hero .container, .grid, .split, .contact-grid { min-width:0; }
.hero .container > *, .split > *, .contact-grid > *, .grid > *, .service-card,
.brand-text, .nav-links, .hero-card, .content, .aside { min-width:0; }
.kicker, .lead, .page-hero p, .section-intro, .service-card p, .content p,
.feature p, .footer p { overflow-wrap:break-word; }
.hero h1, .page-hero h1, .section h2, .band h2 { overflow-wrap:break-word; }
.btn { max-width:100%; white-space:normal; text-align:center; }
.brand { flex-shrink:1; }
.brand-logo { flex-shrink:0; }
.brand-text strong, .brand-text small { display:block; }
.site-header .nav { position:relative; }
@media (max-width:980px) {
  .site-header { z-index:999; }
  .nav { position:static; }
  .menu-button { display:grid; place-items:center; flex:0 0 auto; width:48px; height:48px;
    padding:0; font-size:24px; border-radius:12px; touch-action:manipulation; }
  .menu-button:focus-visible, .nav-links a:focus-visible { outline:2px solid var(--gold); outline-offset:3px; }
  .nav-links { top:100%; left:0; right:0; max-height:calc(100dvh - 80px);
    padding:14px 22px 22px; overflow-y:auto; box-shadow:0 24px 32px rgba(0,0,0,.45);
    border-bottom:1px solid var(--gold); z-index:998; }
  .nav-links.open { display:flex; }
  .nav-links a { padding:13px 6px; border-bottom:1px solid rgba(242,192,91,.08); }
  .nav-links .nav-cta { border-bottom:1px solid var(--gold); }
}
@media (max-width:640px) {
  body { font-size:15px; }
  .container { width:calc(100% - 36px); }
  .site-header .nav { padding:9px 0; gap:10px; }
  .brand { gap:8px; }
  .brand-logo { width:48px; height:48px; }
  .brand-text strong { font-size:clamp(18px,5.25vw,24px); letter-spacing:.15px; line-height:1.02; }
  .brand-text small { font-size:9px; letter-spacing:1.1px; margin-top:4px; }
  .menu-button { width:44px; height:44px; font-size:23px; }
  .hero .container { padding:54px 0 44px; gap:28px; }
  .hero h1 { font-size:clamp(39px,10.2vw,54px); line-height:.98; letter-spacing:0; margin:18px 0; }
  .page-hero h1 { font-size:clamp(38px,10vw,55px); line-height:1; }
  .section h2 { font-size:clamp(34px,9vw,46px); line-height:1; }
  .band h2 { font-size:33px; line-height:1; }
  .lead, .page-hero p { font-size:15px; line-height:1.6; }
  .kicker { font-size:10px; letter-spacing:1.6px; padding:7px 10px; max-width:100%; }
  .btn-row { display:grid; grid-template-columns:1fr; gap:12px; margin-top:26px; }
  .btn-row .btn { width:100%; min-height:49px; }
  .hero-card { padding:18px; border-radius:20px; }
  .hero-card::after { inset:8px; border-radius:14px; }
  .hero-logo { max-width:100%; margin-bottom:10px; }
  .hero-pill-row { gap:6px; }
  .hero-pill { font-size:10px; padding:6px 9px; }
  .section { padding:55px 0; }
  .page-hero { padding:55px 0 48px; }
  .feature-list, .steps, .footer-grid { grid-template-columns:minmax(0,1fr); }
  .grid { grid-template-columns:minmax(0,1fr); }
  .band .container { padding:28px 0; }
  .band .btn { width:100%; margin-top:18px; }
  .aside, .form-card { padding:22px 18px; }
  .footer { padding-top:38px; }
  .footer-grid { gap:22px; }
  .footer-logo { width:130px; }
}
@media (max-width:360px) {
  .container { width:calc(100% - 28px); }
  .brand-logo { width:42px; height:42px; }
  .brand-text strong { font-size:19px; }
  .brand-text small { font-size:8px; letter-spacing:.6px; }
  .hero h1 { font-size:37px; }
  .page-hero h1 { font-size:36px; }
  .kicker { letter-spacing:1.1px; }
}