.elementor-3540 .elementor-element.elementor-element-a462f1e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start custom CSS for html, class: .elementor-element-57e519e */h1 {
  color: #ffffff !important;
}
/* ---------------------------
   ARCH LIMITED MARKETING — CSS
   Paste in Custom CSS (no JS required)
   --------------------------- */

:root{
  --accent:#007BFF;
  --bg:#0b0b0c;
  --card:#121212;
  --muted:#bfc7d2;
  --max-width:1600px; /* page maximum width */
}

/* global resets for page block only */
.arch-marketing-page, .arch-marketing-page * { box-sizing: border-box; }

/* site-width container (full width but centered with max width) */
.site-width {
  width: 100%;
  max-width: var(--max-width);
  margin: 0 auto;
  padding: 0 28px;
}

/* general typography */
.arch-marketing-page { font-family: 'Inter', system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial; color:#e8eef8; background: linear-gradient(180deg,#050509 0%, #07070a 100%); }

/* ---------- HERO ---------- */
.hero { position: relative; min-height: 720px; display:flex; align-items:center; overflow:hidden; }
.hero-bg { position:absolute; inset:0; background-image:url('https://archlimited.com/wp-content/uploads/2025/09/1691426328805-1.png'); background-size:cover; background-position:center; filter:contrast(1.05) saturate(1.05) blur(0.6px) ; transform:scale(1.03); }
.hero-overlay { position:absolute; inset:0; background:linear-gradient(120deg, rgba(4,9,20,0.55) 0%, rgba(2,6,13,0.65) 60%); mix-blend-mode:multiply; z-index:1; }

.hero-inner { display:flex; gap:40px; align-items:center; justify-content:space-between; position:relative; z-index:2; width:100%; padding:60px 0; }

/* hero left */
.hero-left { flex:1.05; max-width:920px; text-align:left; }
.hero-3d {
  font-size: clamp(34px, 6.2vw, 72px);
  line-height:1.02;
  color:#fff;
  letter-spacing:1px;
  margin:0 0 18px 0;
  transform:translateZ(0);
  text-shadow:
    0 3px 18px rgba(0,0,0,0.6),
    0 0 16px rgba(0,123,255,0.14),
    0 0 40px rgba(0,0,255,0.06);
  display:inline-block;
  background: linear-gradient(90deg, #ffffff 0%, #cfe8ff 40%, #a0d4ff 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  perspective:1000px;
}
.hero-3d span { display:block; color:var(--accent); -webkit-text-fill-color: initial; font-weight:700; }

/* hero lead */
.hero-lead { color:var(--muted); font-size:1.05rem; margin-bottom:20px; max-width:780px; }

/* hero ctas */
.hero-ctas { display:flex; gap:14px; margin-bottom:20px; align-items:center; }
.btn {
  display:inline-block; padding:12px 26px; border-radius:999px; text-decoration:none; font-weight:700;
  box-shadow: 0 8px 30px rgba(2,6,20,0.6);
}
.btn.primary {
  background: linear-gradient(90deg, var(--accent), #00a0ff);
  color:#fff; border: none;
  transition: transform .28s ease, box-shadow .28s ease;
}
.btn.primary:hover { transform:translateY(-6px) scale(1.02); box-shadow: 0 22px 60px rgba(0,123,255,0.28); }

.btn.ghost { background:transparent; color:#dce9ff; border:1px solid rgba(255,255,255,0.06); }

/* hero badges */
.hero-badges { display:flex; gap:10px; list-style:none; padding:0; margin:20px 0 0 0; color:var(--muted); font-weight:600; }
.hero-badges li { background: rgba(255,255,255,0.03); padding:8px 14px; border-radius:12px; backdrop-filter: blur(6px); }

/* hero-right card */
.hero-right { width:420px; display:flex; justify-content:flex-end; align-items:center; }
.hero-card { width:360px; height:460px; border-radius:22px; overflow:hidden; position:relative; transform:translateZ(0); background:linear-gradient(180deg, rgba(255,255,255,0.03), rgba(255,255,255,0.01)); box-shadow: 0 30px 80px rgba(2,6,30,0.7); border:1px solid rgba(255,255,255,0.04); display:flex; align-items:center; justify-content:center; }
.hero-card img { width:92%; height:auto; transform:translateY(-6px) rotateY(-8deg) scale(1.02); filter:drop-shadow(0 30px 60px rgba(0,0,0,0.6)); }

/* floating shapes */
.float-shape { position:absolute; border-radius:16px; opacity:.35; filter:blur(.6px); transform:translateZ(0); z-index:1; }
.shape-a { width:220px; height:220px; right:8%; top:8%; background:linear-gradient(180deg, rgba(0,123,255,0.35), rgba(0,0,255,0.12)); transform:rotate(18deg) scale(.98); }
.shape-b { width:360px; height:120px; left:6%; bottom:6%; background:linear-gradient(90deg, rgba(0,200,255,0.12), rgba(0,123,255,0.05)); }
.shape-c { width:120px; height:120px; right:30%; bottom:14%; background:linear-gradient(180deg, rgba(173, 106, 255, 0.12), rgba(0,123,255,0.06)); }

/* ---------- WHO WE ARE ---------- */
.who-we-are { padding:80px 0; }
.who-grid { display:grid; grid-template-columns: 1fr 480px; gap:40px; align-items:center; }
.who-text h2 { font-size:2.6rem; margin-bottom:10px; color:#fff; }
.who-text p { color:var(--muted); margin-bottom:18px; }
.who-list { list-style: none; color:var(--muted); display:grid; gap:8px; padding-left:0; }
.who-media .media-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:12px; }
.who-media img { width:100%; height:170px; object-fit:cover; border-radius:14px; box-shadow: 0 8px 30px rgba(0,0,0,0.6); }

/* ---------- PLANS ---------- */
.plans { padding:80px 0; background: linear-gradient(180deg, rgba(255,255,255,0.01), transparent); }
.plans h2 { font-size:2.6rem; margin-bottom:6px; }
.plans .sub { color:var(--muted); margin-bottom:26px; }
.plans-grid { display:flex; gap:28px; justify-content:center; align-items:start; flex-wrap:wrap; margin-top:18px; }

/* plan cards */
.plan-card { width:320px; border-radius:18px; padding:26px; background: linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0.01)); border:1px solid rgba(255,255,255,0.04); box-shadow: 0 18px 60px rgba(2,6,30,0.6); transform-style: preserve-3d; transition:transform .36s cubic-bezier(.2,.9,.2,1), box-shadow .36s; }
.plan-card:hover { transform: translateY(-18px) rotateX(2deg) scale(1.02); box-shadow: 0 40px 140px rgba(2,6,30,0.8); }
.plan-badge { display:inline-block; padding:8px 12px; border-radius:10px; background:rgba(255,255,255,0.03); color:var(--muted); font-weight:700; margin-bottom:12px; }
.plan-card h3 { font-size:1.5rem; margin:8px 0 4px 0; color:#fff; }
.plan-card .price { font-size:1.6rem; margin:6px 0 14px 0; color:var(--accent); font-weight:800; }
.plan-features { list-style:none; padding:0; color:var(--muted); margin-bottom:16px; display:grid; gap:8px; }
.plan-card .btn { width:100%; text-align:center; }

/* special accent for premium plan */
.plan-premium { border:1px solid rgba(0,123,255,0.18); background: linear-gradient(180deg, rgba(0,123,255,0.03), rgba(255,255,255,0.01)); }
.plan-elite { border:1px solid rgba(160, 80, 255, 0.12); }

/* ---------- TEAM ---------- */
.team { padding:80px 0; }
.team h2 { font-size:2.4rem; margin-bottom:6px; }
.team .sub { color:var(--muted); margin-bottom:24px; }
.team-grid { display:grid; grid-template-columns: repeat(auto-fit,minmax(200px,1fr)); gap:22px; margin-top:18px; }
.team-card { background: linear-gradient(180deg, rgba(255,255,255,0.01), rgba(255,255,255,0.005)); padding:18px; border-radius:14px; text-align:center; border:1px solid rgba(255,255,255,0.03); box-shadow:0 14px 40px rgba(0,0,0,0.6); transition:transform .28s; }
.team-card:hover { transform:translateY(-10px) }
.team-card .avatar { width:100%; height:160px; background-size:cover; background-position:center; border-radius:12px; margin-bottom:12px; }

/* ---------- SERVICES ---------- */
.services { padding:80px 0; background: linear-gradient(180deg, transparent, rgba(0,0,0,0.02)); }
.services h2 { font-size:2.4rem; margin-bottom:6px; }
.services .sub { color:var(--muted); margin-bottom:18px; }
.services-grid { display:grid; grid-template-columns: repeat(auto-fit,minmax(260px,1fr)); gap:18px; margin-top:18px; }
.service { background:var(--card); padding:18px; border-radius:14px; border:1px solid rgba(255,255,255,0.03); box-shadow: 0 10px 30px rgba(0,0,0,0.6); color:var(--muted); transition:transform .25s; }
.service h4 { color:#fff; margin-bottom:8px; }
.service p { font-size:0.96rem; }
.service:hover { transform:translateY(-8px) scale(1.01); }

/* visual strip images */
.visual-strip { display:flex; gap:12px; margin-top:26px; justify-content:center; align-items:center; }
.visual-strip img { width:32%; height:160px; object-fit:cover; border-radius:12px; box-shadow: 0 12px 36px rgba(0,0,0,0.6); }

/* ---------- FINAL CTA ---------- */
.final-cta { padding:80px 0; text-align:center; background: linear-gradient(90deg, rgba(0,123,255,0.08), rgba(160,80,255,0.04)); border-top: 1px solid rgba(255,255,255,0.02); }
.final-cta h2 { font-size:2.6rem; margin-bottom:8px; }
.final-cta .sub { color:var(--muted); margin-bottom:20px; }
.btn.large { padding:18px 46px; font-size:1.15rem; }

/* ---------- responsiveness ---------- */
@media (max-width:1100px){
  .hero-inner { flex-direction:column; align-items:center; gap:24px; padding:40px 0; }
  .hero-right { width:100%; display:flex; justify-content:center; }
  .hero-card { width:84%; height:auto; padding:18px; }
  .who-grid { grid-template-columns: 1fr; }
  .plans-grid { flex-direction:column; align-items:center; }
  .site-width { padding:0 18px; }
  .visual-strip img { width:48%; }
}

@media (max-width:600px){
  .hero { min-height:520px; padding:24px 0; }
  .hero-3d { font-size:2.2rem; }
  .hero-lead { font-size:.95rem; }
  .hero-badges { flex-wrap:wrap; gap:8px; }
  .visual-strip img { width:100%; height:120px; object-fit:cover; }
}/* End custom CSS */