@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');

:root {
  --bg: #080b18;
  --surface: #10162b;
  --text: #f5f6ff;
  --muted: #a4abc3;
  --purple: #9870ff;
  --blue: #4c8dff;
  --green: #20c76a;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  scroll-behavior: smooth;
}

body {
  font-family: 'Inter', sans-serif;
  background: var(--bg);
  color: var(--text);
  line-height: 1.6;
}

a {
  text-decoration: none;
  color: inherit;
}

button, input, select, textarea {
  font-family: inherit;
}

/* NAVBAR */

.navbar {
  min-height: 85px;
  padding: 15px 8%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #ffffff12;
  position: sticky;
  top: 0;
  background: #080b18ed;
  backdrop-filter: blur(15px);
  z-index: 100;
}

.logo {
  font-size: 27px;
  font-weight: 900;
  letter-spacing: -1.5px;
}

.logo span {
  color: var(--purple);
}

.main-nav {
  display: flex;
  align-items: center;
  gap: 22px;
}

.main-nav a {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-family: inherit;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 1.15px;
  text-transform: uppercase;
  color: var(--muted);
  white-space: nowrap;
  transition: color .25s ease, transform .25s ease;
}

.main-nav a svg {
  width: 15px;
  height: 15px;
  flex: 0 0 15px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
  opacity: .9;
}

.main-nav a:hover {
  color: #fff;
  transform: translateY(-1px);
}

.main-nav a:hover svg {
  color: #a58aff;
}

.nav-btn, .primary-btn {
  background: linear-gradient(110deg, #5a8cff, #9b65ff);
  padding: 13px 23px;
  border: none;
  border-radius: 7px;
  font-size: 13px;
  font-weight: 700;
  display: inline-block;
  color: white;
  cursor: pointer;
  transition: .3s;
}

.nav-btn:hover, .primary-btn:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 30px #8867ff55;
}

/* HERO */

.hero {
  min-height: 680px;
  padding: 100px 8%;
  display: grid;
  grid-template-columns: 1.2fr .8fr;
  align-items: center;
  gap: 40px;
  overflow: hidden;
}

.eyebrow {
  color: #a58aff;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 3px;
  margin-bottom: 25px;
}

.hero h1 {
  font-size: clamp(42px, 5.5vw, 75px);
  line-height: 1.1;
  letter-spacing: -3.5px;
  font-weight: 900;
}

.hero h1 span,
.section h2 span {
  background: linear-gradient(100deg, #6199ff, #bc78ff);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.hero-description {
  max-width: 500px;
  color: var(--muted);
  margin: 25px 0 32px;
  font-size: 15px;
}

.hero-actions {
  display: flex;
  gap: 15px;
  flex-wrap: wrap;
}

.secondary-btn {
  border: 1px solid #ffffff30;
  padding: 12px 22px;
  border-radius: 7px;
  font-size: 13px;
  display: inline-block;
  transition: .3s;
}

.secondary-btn:hover {
  border-color: var(--purple);
  transform: translateY(-3px);
}

/* HERO GRAPHIC */

.hero-visual {
  min-height: 390px;
  display: grid;
  place-items: center;
  position: relative;
}

.glow {
  position: absolute;
  width: 260px;
  height: 260px;
  background: #7955ff;
  filter: blur(110px);
  opacity: .4;
}

.orbit {
  position: absolute;
  border: 1px solid #9678ff44;
  border-radius: 50%;
  transform: rotate(-25deg);
}

.orbit-one {
  width: 350px;
  height: 150px;
}

.orbit-two {
  width: 290px;
  height: 290px;
}

.n-symbol {
  font-size: 180px;
  font-weight: 900;
  line-height: 1;
  background: linear-gradient(135deg, #fff, #7d76ff);
  color: transparent;
  -webkit-background-clip: text;
  position: relative;
  text-shadow: 0 0 60px #7965ff55;
}

.floating-card {
  position: absolute;
  right: -5px;
  bottom: 45px;
  display: flex;
  gap: 12px;
  align-items: center;
  padding: 15px 20px;
  background: #151c34;
  border: 1px solid #ffffff22;
  border-radius: 12px;
  box-shadow: 0 15px 50px #0007;
}

.floating-card span {
  font-size: 25px;
  color: #aa83ff;
}

.floating-card strong,
.floating-card small {
  display: block;
}

.floating-card small {
  color: var(--muted);
  font-size: 11px;
}

.visual-caption {
  position: absolute;
  bottom: -5px;
  letter-spacing: 4px;
  font-size: 10px;
  color: #858ca8;
}

/* COMMON SECTIONS */

.section {
  padding: 100px 8%;
}

.section h2 {
  font-size: clamp(34px, 4vw, 52px);
  line-height: 1.2;
  letter-spacing: -2px;
  margin-bottom: 45px;
}

/* SERVICES */

.services {
  background: #0c1020;
}

.service-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 20px;
}

.service-card {
  background: linear-gradient(145deg, #141c35, #101426);
  border: 1px solid #ffffff12;
  border-radius: 14px;
  padding: 35px;
  transition: .3s;
}

.service-card:hover {
  transform: translateY(-6px);
  border-color: #8d70ff77;
}

.service-card span {
  font-size: 10px;
  color: #a98aff;
  letter-spacing: 2px;
}

.service-card h3 {
  margin: 20px 0 12px;
  font-size: 22px;
}

.service-card p,
.about p,
.contact p {
  color: var(--muted);
  font-size: 14px;
  max-width: 600px;
}

/* ABOUT */

.about {
  background:
    radial-gradient(ellipse at 80% 50%, #43307822, transparent 55%);
}

.about h2 {
  margin-bottom: 25px;
}

.about p {
  line-height: 2;
}

/* PRICING */

.pricing {
  background: #0c1020;
}

.pricing-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  align-items: stretch;
}

.pricing-category-title {
  font-size: 22px;
  margin: 10px 0 22px;
  color: var(--text);
}

.service-pricing-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
  margin-top: 22px;
}

.service-price-card {
  background: linear-gradient(145deg, #151c34, #101426);
  border: 1px solid #ffffff18;
  border-radius: 14px;
  padding: 25px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  transition: .3s;
}

.service-price-card:hover {
  transform: translateY(-5px);
  border-color: var(--purple);
}

.service-price-card h3 {
  font-size: 18px;
}

.service-price-card p {
  color: var(--muted);
  font-size: 12px;
  flex-grow: 1;
}

.service-price-card .price {
  font-size: 29px;
}

.price-period {
  font-size: 12px;
  font-weight: 500;
  color: var(--muted);
}

.service-price-card .secondary-btn {
  text-align: center;
}

.price-card {
  background: linear-gradient(145deg, #151c34, #101426);
  border: 1px solid #ffffff18;
  border-radius: 14px;
  padding: 30px 25px;
  display: flex;
  flex-direction: column;
  transition: .3s;
}

.price-card:hover {
  transform: translateY(-5px);
  border-color: var(--purple);
}

.price-card.featured {
  border-color: var(--purple);
  box-shadow: 0 10px 40px #7955ff18;
}

.plan-label {
  color: #a98aff;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 2px;
}

.price-card h3 {
  font-size: 22px;
  margin: 20px 0 10px;
}

.price {
  font-size: 35px;
  font-weight: 900;
  margin-bottom: 10px;
}

.price-card p {
  font-size: 12px;
  color: var(--muted);
  min-height: 45px;
}

.price-card ul {
  list-style: none;
  margin: 20px 0 30px;
  flex-grow: 1;
}

.price-card li {
  padding: 9px 0;
  font-size: 12px;
  color: #d3d8ec;
  border-bottom: 1px solid #ffffff0e;
}

.price-card li::before {
  content: "✓ ";
  color: #9d83ff;
  font-weight: 900;
}

.price-card .primary-btn,
.price-card .secondary-btn {
  text-align: center;
}

.pricing-note,
.portfolio-note {
  font-size: 11px;
  color: var(--muted);
  margin-top: 25px;
}

/* PORTFOLIO */

.portfolio-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

.portfolio-card {
  background: #11172b;
  border: 1px solid #ffffff15;
  border-radius: 12px;
  overflow: hidden;
  transition: .3s;
}

.portfolio-card:hover {
  transform: translateY(-5px);
  border-color: #9b78ff;
}

.portfolio-art {
  min-height: 220px;
  padding: 25px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.portfolio-art span {
  font-size: 10px;
  letter-spacing: 2px;
}

.portfolio-art strong {
  font-size: 25px;
  line-height: 1.2;
}

.restaurant-art {
  background: linear-gradient(135deg, #583b31, #b36b43);
}

.fashion-art {
  background: linear-gradient(135deg, #32243c, #8e568c);
}

.education-art {
  background: linear-gradient(135deg, #163d59, #3579a3);
}

.portfolio-card h3 {
  font-size: 16px;
  padding: 18px 18px 5px;
}

.portfolio-card p {
  font-size: 12px;
  color: var(--muted);
  padding: 0 18px 20px;
}

/* CONTACT */

.contact {
  text-align: center;
  background: #10162b;
}

.contact h2 {
  margin-bottom: 20px;
}

.contact p {
  margin: 0 auto 25px;
}

#enquiryForm {
  max-width: 600px;
  margin: 35px auto 0;
  display: grid;
  gap: 15px;
  text-align: left;
}

#enquiryForm input,
#enquiryForm select,
#enquiryForm textarea {
  width: 100%;
  padding: 16px;
  color: white;
  background: #080d1c;
  border: 1px solid #ffffff25;
  border-radius: 7px;
  outline: none;
  font-size: 13px;
}

#enquiryForm input:focus,
#enquiryForm select:focus,
#enquiryForm textarea:focus {
  border-color: var(--purple);
}

#enquiryForm select option {
  background: #10162b;
}

#enquiryForm textarea {
  resize: vertical;
}

#enquiryForm button {
  width: 100%;
}

.contact-note {
  font-size: 11px !important;
  margin-top: 20px !important;
}

/* FOOTER */

footer {
  padding: 35px 8%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 20px;
  border-top: 1px solid #ffffff15;
}

footer p {
  color: var(--muted);
  font-size: 12px;
}

/* WHATSAPP BUTTON */

.whatsapp-float {
  position: fixed;
  bottom: 25px;
  right: 25px;
  z-index: 1000;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 13px 20px;
  border-radius: 50px;
  background: var(--green);
  color: #ffffff;
  font-size: 14px;
  font-weight: 700;
  box-shadow: 0 8px 30px #20c76a44;
  transition: .3s;
}

.whatsapp-float:hover {
  transform: translateY(-5px);
  background: #18ae59;
}

.whatsapp-icon {
  font-size: 22px;
}

/* MOBILE RESPONSIVE */

@media (max-width: 1000px) {
  .pricing-grid,
  .service-pricing-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .portfolio-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 800px) {

  .navbar {
    padding: 15px 5%;
    height: auto;
    flex-wrap: wrap;
    gap: 15px;
  }

  nav {
    order: 3;
    width: 100%;
    justify-content: space-between;
    gap: 10px;
    overflow-x: auto;
  }

  nav a {
    white-space: nowrap;
  }

  .nav-btn {
    padding: 10px 14px;
  }

  .hero {
    grid-template-columns: 1fr;
    padding: 75px 6%;
  }

  .hero-visual {
    min-height: 320px;
  }

  .section {
    padding: 75px 6%;
  }

  .service-grid {
    grid-template-columns: 1fr;
  }

  footer {
    flex-direction: column;
    text-align: center;
  }
}

@media (max-width: 600px) {

  .pricing-grid,
  .service-pricing-grid,
  .portfolio-grid {
    grid-template-columns: 1fr;
  }

  .hero h1 {
    letter-spacing: -2px;
  }

  .hero-visual {
    min-height: 280px;
  }

  .n-symbol {
    font-size: 140px;
  }

  .orbit-one {
    width: 280px;
  }

  .orbit-two {
    width: 240px;
    height: 240px;
  }

  .floating-card {
    right: 0;
    bottom: 25px;
  }

  .whatsapp-float {
    bottom: 18px;
    right: 15px;
    padding: 12px 16px;
  }

  .contact h2 {
    font-size: 34px;
  }
}

@media (max-width: 400px) {
  nav a {
    font-size: 11px;
  }

  .hero h1 {
    font-size: 39px;
  }

  .service-card {
    padding: 25px;
  }
}

/* Secure checkout additions */
.pay-now{display:inline-block;margin-top:12px;cursor:pointer;border:0}.pay-now:disabled{opacity:.55;cursor:wait}.payment-note{font-size:13px;color:#b8c1d8;margin-top:12px}.notice{padding:14px;border:1px solid #8d75ff55;background:#151d35;border-radius:10px;margin:14px 0}.admin-shell{max-width:1100px;margin:40px auto;padding:20px}.admin-table{width:100%;border-collapse:collapse}.admin-table td,.admin-table th{padding:12px;border-bottom:1px solid #ffffff22;text-align:left}


/* SERVICES DETAILS UPGRADE — additive styles only */
.services-intro {
  color: var(--muted);
  max-width: 680px;
  margin: -24px 0 32px;
  font-size: 14px;
}
.service-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.service-details {
  width: 100%;
  margin-top: 22px;
  padding-top: 16px;
  border-top: 1px solid #ffffff18;
}
.service-details summary {
  color: #c7b7ff;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.service-details summary::-webkit-details-marker {
  display: none;
}
.service-details summary::after {
  content: "+";
  color: #a98aff;
  font-size: 20px;
  line-height: 1;
}
.service-details[open] summary::after {
  content: "−";
}
.service-details-content {
  padding-top: 18px;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.75;
}
.service-details-content strong {
  display: block;
  color: var(--text);
  font-size: 12px;
  margin: 12px 0 5px;
}
.service-details-content ul {
  padding-left: 18px;
  margin: 5px 0 12px;
}
.service-details-content li {
  margin: 4px 0;
}
.service-detail-link {
  display: inline-block;
  color: #b99cff;
  font-weight: 700;
  margin-top: 10px;
}
.service-detail-link:hover,
.service-card-cta:hover {
  color: #ffffff;
}
.service-card-cta {
  display: inline-block;
  margin-top: 18px;
  color: #ffffff;
  font-size: 12px;
  font-weight: 700;
}
@media (max-width: 800px) {
  .services-intro {
    margin-top: -22px;
  }
}


/* NEXORA PREMIUM SERVICE EXPERIENCE — isolated, additive styles */
.services { position: relative; overflow: hidden; }
.services::before { content:""; position:absolute; width:520px; height:520px; right:-250px; top:80px; border-radius:50%; background:radial-gradient(circle, #7656ff16, transparent 68%); pointer-events:none; }
.services-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:30px; margin-bottom:42px; position:relative; z-index:1; }
.services-heading h2 { margin-bottom:18px; }
.services-intro { color:var(--muted); max-width:610px; font-size:14px; line-height:1.8; }
.services-heading-note { flex-shrink:0; color:#c5b8ff; font-size:10px; letter-spacing:1.5px; font-weight:800; padding:12px 15px; border:1px solid #9a7bff38; border-radius:30px; background:#17152b; margin-bottom:9px; }
.live-dot { display:inline-block; width:7px; height:7px; border-radius:50%; background:#55e6a5; box-shadow:0 0 12px #55e6a5; margin-right:8px; }
.service-explorer { position:relative; z-index:1; border:1px solid #ffffff17; border-radius:22px; background:linear-gradient(135deg,#121a32,#0d1224 68%); overflow:hidden; box-shadow:0 28px 80px #0005; }
.service-tabs { display:grid; grid-template-columns:repeat(5,1fr); border-bottom:1px solid #ffffff16; background:#ffffff04; }
.service-tab { min-width:0; border:0; border-right:1px solid #ffffff12; padding:19px 20px; display:flex; align-items:center; gap:10px; color:#929bb7; background:transparent; cursor:pointer; text-align:left; transition:.25s; }
.service-tab:last-child { border-right:0; }
.service-tab span { font-size:10px; color:#747e9d; }
.service-tab b { font-size:12px; font-weight:700; white-space:nowrap; }
.service-tab i { font-style:normal; margin-left:auto; opacity:0; color:#c5aaff; }
.service-tab:hover,.service-tab.active { color:#fff; background:linear-gradient(180deg,#9270ff18,transparent); }
.service-tab.active { box-shadow:inset 0 -2px #a78bfa; }
.service-tab.active span { color:#b99aff; }
.service-tab.active i { opacity:1; }
.service-stage { display:grid; grid-template-columns:.9fr 1.1fr; gap:35px; align-items:center; padding:54px 6%; min-height:440px; }
.service-copy { max-width:490px; }
.stage-kicker { color:#ad91ff; font-size:10px; font-weight:800; letter-spacing:2px; margin-bottom:18px; }
.service-copy h3 { font-size:clamp(28px,3vw,42px); line-height:1.15; letter-spacing:-1.8px; margin-bottom:18px; }
.service-copy h3 span,.starter-intro h3 span { color:#a98aff; }
.stage-description { color:var(--muted); font-size:13px; line-height:1.9; max-width:440px; }
.stage-outcomes { display:flex; flex-wrap:wrap; gap:8px; margin:23px 0 28px; }
.stage-outcomes span,.service-capabilities span { color:#d4d8ea; font-size:10px; padding:8px 11px; border:1px solid #ffffff18; border-radius:30px; background:#ffffff06; }
.stage-actions { display:flex; align-items:center; gap:22px; flex-wrap:wrap; }
.stage-text-link { color:#c5b6ff; font-size:12px; font-weight:700; }
.stage-text-link span { padding-left:5px; }
.service-visual { min-height:315px; display:flex; align-items:center; justify-content:center; position:relative; padding:20px 10px 32px; }
.visual-glow { position:absolute; width:300px; height:240px; border-radius:50%; background:#7656ff; filter:blur(100px); opacity:.18; }
.preview-window { position:relative; width:min(100%,490px); background:#f6f7fb; color:#18213b; border-radius:13px; overflow:hidden; box-shadow:0 30px 70px #0009; transform:perspective(1100px) rotateY(-7deg) rotateX(2deg); border:1px solid #ffffff55; transition:.4s; }
.service-visual:hover .preview-window { transform:perspective(1100px) rotateY(0) rotateX(0) translateY(-4px); }
.preview-top { height:31px; display:flex; align-items:center; gap:12px; padding:0 12px; background:#e8eaf1; color:#7c849b; font-size:8px; }
.window-dots { display:flex; gap:4px; }.window-dots i { width:6px;height:6px;border-radius:50%;background:#aab1c1; }
.preview-top>span:nth-child(2) { margin:auto; }
.preview-lock { font-size:12px; }
.preview-content { padding:18px 22px 15px; min-height:260px; background:linear-gradient(135deg,#fff,#f0f1ff); }
.preview-nav { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.preview-brand { font-size:12px; letter-spacing:-.5px; color:#222b48; }.preview-brand span { color:#7657df; }
.preview-nav div { display:flex; gap:9px; }.preview-nav div i { width:24px;height:3px;border-radius:4px;background:#c6cada; }
.preview-nav button { border:0; border-radius:4px; padding:7px 10px; color:white; background:#7359d9; font-size:8px; }
.preview-hero { padding:32px 0 22px; }.preview-hero small { display:block; color:#7459d8; font-size:7px; font-weight:800; letter-spacing:1.5px; margin-bottom:10px; }.preview-hero strong { display:block; font-size:clamp(26px,3vw,38px); line-height:1.02; letter-spacing:-1.7px; color:#17213b; }.preview-hero em { color:#7659df; font-style:normal; }.preview-hero p { color:#707991; font-size:9px; margin:10px 0 13px; }.preview-cta { display:inline-block; color:white; background:#202c4b; border-radius:4px; padding:8px 12px; font-size:8px; }
.preview-stats { display:flex; gap:35px; border-top:1px solid #dfe2ed; padding-top:13px; }.preview-stats div b,.preview-stats div small { display:block; }.preview-stats b { font-size:12px; color:#7459d8; }.preview-stats small { font-size:7px; color:#7e879d; }
.visual-float { position:absolute; display:flex; align-items:center; gap:9px; padding:11px 13px; background:#171f39; border:1px solid #ffffff28; border-radius:10px; box-shadow:0 12px 30px #0006; }.visual-float>span { color:#b79aff; font-size:18px; }.visual-float b,.visual-float small { display:block; }.visual-float b { font-size:10px; }.visual-float small { color:#9da7c4; font-size:8px; margin-top:2px; }.visual-float-top { top:5px; right:-4px; }.visual-float-bottom { bottom:18px; left:-5px; }.visual-disclaimer { position:absolute; bottom:0; right:10px; color:#7e87a4; font-size:7px; letter-spacing:1px; }
.service-capabilities { display:flex; justify-content:space-between; align-items:center; gap:25px; padding:19px 6%; border-top:1px solid #ffffff14; background:#080d1b66; }.service-capabilities>div:first-child>small { display:block; color:#7f89a8; font-size:9px; letter-spacing:1.5px; font-weight:800; margin-bottom:11px; }.service-capabilities #serviceExamples { display:flex; flex-wrap:wrap; gap:7px; }.service-capabilities span { padding:6px 10px; font-size:9px; }.capability-arrow { color:#8d96b1; font-size:9px; letter-spacing:1.5px; white-space:nowrap; }.capability-arrow b { color:#a78bfa; padding:0 5px; }
.project-starter { position:relative; z-index:1; display:grid; grid-template-columns:.85fr 1.15fr; gap:50px; align-items:center; margin-top:32px; padding:35px 40px; border:1px solid #8f72ff35; border-radius:18px; background:radial-gradient(circle at 10% 10%,#795bff18,transparent 45%),#11172b; }
.starter-intro .eyebrow { margin-bottom:13px; }.starter-intro h3 { font-size:clamp(24px,3vw,34px); line-height:1.2; letter-spacing:-1.2px; margin-bottom:12px; }.starter-intro>p:last-child { color:var(--muted); font-size:12px; line-height:1.8; max-width:380px; }
.starter-controls>label { display:block; font-size:12px; font-weight:700; margin-bottom:14px; }.goal-options { display:flex; flex-wrap:wrap; gap:9px; margin-bottom:20px; }.goal-chip { border:1px solid #ffffff25; border-radius:30px; background:#ffffff06; color:#c5cbe0; padding:10px 13px; font-size:10px; cursor:pointer; transition:.2s; }.goal-chip:hover,.goal-chip.selected { color:#fff; border-color:#a88aff; background:#8a69ff25; box-shadow:0 0 0 2px #8a69ff13; }.starter-submit { border:0; }.starter-hint { display:inline-block; margin-left:12px; color:#8f9ab8; font-size:9px; }
@media(max-width:900px) { .service-stage { grid-template-columns:1fr; gap:15px; padding:38px 6%; }.service-copy { max-width:680px; }.service-visual { min-height:300px; }.project-starter { grid-template-columns:1fr; gap:25px; }.service-tab { padding:16px 10px; justify-content:center; }.service-tab span { display:none; }.service-tab i { display:none; }.service-tab b { font-size:10px; } }
@media(max-width:600px) { .services-heading { display:block; }.services-heading-note { display:inline-block; margin-top:15px; }.service-tabs { grid-template-columns:repeat(5,minmax(0,1fr)); }.service-tab { padding:13px 4px; }.service-tab b { font-size:9px; white-space:normal; text-align:center; }.service-stage { padding:30px 20px 35px; }.service-copy h3 { font-size:30px; }.service-visual { min-height:255px; padding:15px 0 30px; }.preview-window { transform:none; }.preview-content { min-height:225px; padding:15px; }.preview-hero { padding:25px 0 18px; }.visual-float-top { right:-3px; top:0; }.visual-float-bottom { left:-3px; bottom:8px; }.visual-float { padding:8px 9px; }.service-capabilities { display:block; padding:17px 20px; }.capability-arrow { margin-top:15px; }.project-starter { padding:26px 20px; }.starter-hint { display:block; margin:10px 0 0; }.goal-chip { padding:9px 10px; font-size:9px; } }
@media(prefers-reduced-motion:reduce) { .service-tab,.preview-window,.goal-chip { transition:none; } }


/* NEXORA IMAGE-RICH VISUAL UPGRADE — additive styles */
.hero-device-art { position:relative; z-index:2; display:block; width:min(100%, 690px); height:auto; max-height:390px; object-fit:contain; filter:drop-shadow(0 24px 55px #6d42ff35); animation:nexoraFloat 7s ease-in-out infinite; }
.hero-visual .n-symbol,.hero-visual .floating-card,.hero-visual .visual-caption { display:none; }
.hero-visual .orbit,.hero-visual .glow { opacity:.12; }
.service-visual { min-height:340px; padding:18px 8px 32px; }
.service-image { position:relative; z-index:1; display:block; width:100%; max-width:560px; height:auto; max-height:340px; object-fit:cover; border:1px solid #a88aff55; border-radius:17px; box-shadow:0 24px 65px #0009, 0 0 35px #805bff25; transition:transform .45s ease, box-shadow .45s ease; }
.service-visual:hover .service-image { transform:translateY(-5px) scale(1.015); box-shadow:0 30px 75px #000b, 0 0 45px #805bff40; }
.service-visual .preview-window,.service-visual .visual-float { display:none; }
.service-visual .visual-glow { opacity:.25; }
.visual-disclaimer { z-index:2; background:#080b18c9; padding:5px 8px; border-radius:5px; }
@keyframes nexoraFloat { 0%,100% { transform:translateY(0); } 50% { transform:translateY(-8px); } }
@media(max-width:900px) { .hero-device-art { max-height:320px; width:min(100%,620px); } .service-visual { min-height:280px; } .service-image { max-height:300px; } }
@media(max-width:600px) { .hero-device-art { max-height:250px; width:100%; } .service-visual { min-height:210px; padding:8px 0 28px; } .service-image { max-height:220px; border-radius:12px; } }
@media(prefers-reduced-motion:reduce) { .hero-device-art { animation:none; } .service-image { transition:none; } }


/* NEXORA delivery experience — additive styles */
.workflow, .delivery { position: relative; }
.workflow-intro, .delivery-intro { max-width: 720px; color: var(--muted, #aab0c5); line-height: 1.75; margin: 18px 0 30px; }
.workflow-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:14px; margin-top:30px; }
.workflow-card, .delivery-card { position:relative; border:1px solid rgba(160,145,255,.18); border-radius:20px; padding:22px; background:linear-gradient(145deg,rgba(27,30,59,.88),rgba(12,16,36,.92)); box-shadow:0 16px 45px rgba(0,0,0,.16); }
.workflow-card > span { color:#9b8cff; font-size:.78rem; letter-spacing:.12em; font-weight:800; }
.workflow-icon { width:42px; height:42px; display:grid; place-items:center; margin:18px 0; border-radius:13px; color:#d9d2ff; font-size:1.35rem; background:linear-gradient(135deg,rgba(133,103,255,.28),rgba(57,170,255,.13)); border:1px solid rgba(170,150,255,.25); }
.workflow-card h3, .delivery-card h3 { margin:0 0 10px; color:#fff; }
.workflow-card p, .delivery-card p { color:#b8bfd4; font-size:.92rem; line-height:1.65; margin:0; }
.delivery-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; margin-top:30px; }
.delivery-card { display:flex; flex-direction:column; min-height:100%; }
.delivery-card.recommended { border-color:rgba(130,110,255,.62); box-shadow:0 0 0 1px rgba(130,110,255,.16),0 18px 55px rgba(81,61,190,.15); }
.delivery-tag { color:#a99aff; font-size:.68rem; letter-spacing:.12em; font-weight:800; margin-bottom:18px; }
.delivery-price { font-size:1.65rem; font-weight:800; color:#fff; margin:4px 0 12px; }
.delivery-card ul { padding-left:18px; margin:18px 0; color:#d2d6e5; font-size:.86rem; line-height:1.9; }
.delivery-card small { color:#9ea8c2; line-height:1.6; margin-top:auto; padding-top:12px; }
.delivery-card .secondary-btn { margin-top:18px; text-align:center; }
.delivery-note { color:#9ea8c2; font-size:.82rem; line-height:1.7; margin-top:22px; max-width:900px; }
.delivery-form-label { display:block; color:#dfe2f3; font-size:.9rem; font-weight:650; margin:14px 0 7px; }
#deliveryPreference, #customDeadline { width:100%; }
@media(max-width:1050px){ .workflow-grid{grid-template-columns:repeat(3,minmax(0,1fr));} .delivery-grid{grid-template-columns:repeat(2,minmax(0,1fr));} }
@media(max-width:650px){ .workflow-grid,.delivery-grid{grid-template-columns:1fr;} .workflow-card,.delivery-card{padding:20px;} }



/* =========================================================
   NEXORA CINEMATIC LUXURY REDESIGN — additive visual layer
   Preserves existing content, IDs, payment hooks and forms.
   ========================================================= */
:root{
  --bg:#070914;--surface:#0d1122;--surface-2:#12182c;--text:#f7f7fb;--muted:#a5acc1;
  --purple:#a78bfa;--blue:#79a8ff;--line:rgba(255,255,255,.11);--gold:#d8c7a0;
  --page: min(1240px, 84vw);
}
html{scroll-behavior:smooth;scroll-padding-top:100px}
body{background:#070914;color:var(--text);font-family:Inter,Arial,sans-serif;line-height:1.65;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(ellipse at 15% 4%,rgba(88,91,180,.17),transparent 35%),radial-gradient(ellipse at 85% 22%,rgba(76,117,205,.12),transparent 34%),linear-gradient(180deg,#080a17 0%,#070914 55%,#090d1b 100%)}
::selection{background:#8e7bdb;color:#fff}
.navbar{min-height:78px;padding:14px max(8%,calc((100vw - 1240px)/2));background:rgba(7,9,20,.78);border-bottom:1px solid rgba(255,255,255,.08);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}
.logo{font-size:25px;letter-spacing:-1.7px}.logo span{color:#b9a4ff}
nav{gap:clamp(14px,2vw,30px)}nav a{font-size:12px;letter-spacing:.03em;color:#b6bdd0}nav a:hover{color:#fff}
.nav-btn,.primary-btn{border-radius:999px;padding:13px 23px;background:linear-gradient(110deg,#718df3,#a47af5);box-shadow:0 8px 28px rgba(111,119,237,.18);transition:transform .3s,box-shadow .3s,filter .3s}
.nav-btn:hover,.primary-btn:hover{transform:translateY(-3px);box-shadow:0 14px 38px rgba(124,113,242,.32);filter:brightness(1.08)}
.hero{width:100%;min-height:720px;padding:clamp(70px,9vw,130px) max(8%,calc((100vw - 1240px)/2));grid-template-columns:1fr 1fr;gap:clamp(30px,5vw,80px);position:relative;isolation:isolate}
.hero:before{content:"";position:absolute;z-index:-1;width:620px;height:620px;border-radius:50%;right:4%;top:8%;background:radial-gradient(circle,rgba(112,91,220,.22),rgba(63,95,180,.07) 42%,transparent 70%);filter:blur(14px)}
.eyebrow{font-size:10px;letter-spacing:.24em;color:#b8a4ff;margin-bottom:22px}
.hero h1{font-size:clamp(48px,6.4vw,86px);line-height:.99;letter-spacing:-.075em;font-weight:700;max-width:720px}
.hero h1 span,.section h2 span,.about h2 span,.services h2 span,.workflow h2 span,.delivery h2 span,.contact h2 span{background:linear-gradient(100deg,#f8f7ff 4%,#b9a7ff 52%,#86b5ff 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-description{max-width:480px;color:#b4bbcf;font-size:16px;line-height:1.85;margin:28px 0 32px}
.hero-actions{gap:14px;display:flex;flex-wrap:wrap}.secondary-btn{border-radius:999px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.035);padding:12px 22px;color:#f3f3fb;transition:.3s}.secondary-btn:hover{background:rgba(255,255,255,.09);border-color:rgba(190,174,255,.6);transform:translateY(-2px)}
.hero-visual{min-height:420px;display:flex;align-items:center;justify-content:center;position:relative}.hero-device-art{width:min(112%,700px);height:auto;object-fit:contain;filter:drop-shadow(0 35px 55px rgba(0,0,0,.45));animation:nexoraFloat 7s ease-in-out infinite}
.orbit{border-color:rgba(177,164,255,.18)}.orbit-one{width:440px;height:440px}.orbit-two{width:330px;height:330px}.glow{background:#7765e9;opacity:.19;filter:blur(95px)}
.floating-card,.visual-float{background:rgba(18,23,43,.76);border:1px solid rgba(255,255,255,.14);border-radius:16px;box-shadow:0 18px 55px rgba(0,0,0,.3);backdrop-filter:blur(18px)}
.visual-caption{letter-spacing:.24em;color:#b8b1d8;font-size:9px}
.section{width:var(--page);max-width:1240px;margin:0 auto;padding:clamp(78px,9vw,126px) 0}
.section h2,.about h2,.services h2,.workflow h2,.delivery h2,.contact h2{font-size:clamp(36px,4.7vw,60px);line-height:1.06;letter-spacing:-.06em;font-weight:650}
.services{width:100%;max-width:none;padding-left:max(8%,calc((100vw - 1240px)/2));padding-right:max(8%,calc((100vw - 1240px)/2));background:linear-gradient(180deg,rgba(255,255,255,.018),transparent 85%)}
.services-heading{align-items:end;margin-bottom:38px}.services-intro,.workflow-intro,.delivery-intro{color:#aeb6cb;max-width:650px;font-size:15px;line-height:1.85;margin-top:18px}.services-heading-note{font-size:9px;letter-spacing:.16em;color:#b7bdd0;border:1px solid var(--line);padding:11px 15px;border-radius:99px}
.service-explorer{border:1px solid rgba(255,255,255,.13);border-radius:26px;background:linear-gradient(145deg,rgba(22,27,49,.93),rgba(10,14,29,.94));box-shadow:0 32px 90px rgba(0,0,0,.28);overflow:hidden}
.service-tabs{padding:13px;gap:8px;background:rgba(255,255,255,.025);border-bottom:1px solid var(--line)}.service-tab{border-radius:14px;padding:15px 16px;background:transparent;border:1px solid transparent;color:#aeb6cb}.service-tab.active{background:linear-gradient(120deg,rgba(133,116,233,.19),rgba(102,144,231,.10));border-color:rgba(175,157,255,.28);color:white}.service-tab b{font-size:12px}.service-stage{padding:clamp(24px,4vw,55px);gap:clamp(24px,4vw,55px)}.service-copy{max-width:500px}.stage-kicker{font-size:9px;letter-spacing:.2em;color:#b8a4ff}.service-copy h3{font-size:clamp(32px,4vw,49px);line-height:1.1;letter-spacing:-.055em}.stage-description{font-size:14px;line-height:1.9;color:#b0b8cc}.stage-outcomes span,#serviceExamples span{border-radius:99px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.1);color:#d9dcef;padding:8px 12px;font-size:10px}.service-visual{border-radius:20px;background:linear-gradient(145deg,#161c35,#0b1020);border:1px solid rgba(255,255,255,.13);box-shadow:0 25px 65px rgba(0,0,0,.3);padding:12px}.service-image{border-radius:12px}.preview-window{border-radius:12px;box-shadow:0 15px 45px rgba(0,0,0,.4)}.visual-float{padding:12px 15px}.service-capabilities{border-top:1px solid var(--line);padding:22px 30px}.service-capabilities small{font-size:9px;letter-spacing:.15em;color:#a9b1c7}
.project-starter{margin-top:26px;padding:clamp(25px,4vw,48px);border:1px solid rgba(255,255,255,.12);border-radius:24px;background:radial-gradient(ellipse at 90% 0%,rgba(119,102,220,.17),transparent 45%),#101529;display:grid;grid-template-columns:1fr 1fr;gap:35px}.starter-intro h3{font-size:clamp(27px,3.4vw,42px);letter-spacing:-.05em;line-height:1.1}.starter-intro p:last-child{color:#adb5ca;max-width:430px}.goal-chip{border-radius:99px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.13);color:#e9eaf4;padding:10px 14px}.goal-chip.active,.goal-chip[aria-pressed="true"]{background:rgba(151,129,245,.2);border-color:#a18df2}
.about{max-width:1240px}.about>p:last-child{max-width:740px;color:#b0b8cb;font-size:17px;line-height:1.9;margin-top:24px}
.pricing{max-width:none;width:100%;padding-left:max(8%,calc((100vw - 1240px)/2));padding-right:max(8%,calc((100vw - 1240px)/2));background:linear-gradient(180deg,rgba(255,255,255,.018),rgba(255,255,255,.008))}.pricing-category-title{font-size:19px;letter-spacing:-.02em;margin:45px 0 18px}.pricing-grid,.service-pricing-grid{gap:18px}.price-card,.service-price-card{background:linear-gradient(155deg,#141a30,#0c1121);border:1px solid rgba(255,255,255,.12);border-radius:22px;padding:28px;box-shadow:0 20px 55px rgba(0,0,0,.18);transition:transform .35s,border-color .35s,box-shadow .35s}.price-card:hover,.service-price-card:hover{transform:translateY(-7px);border-color:rgba(174,157,255,.45);box-shadow:0 28px 65px rgba(0,0,0,.28)}.price-card.featured{border-color:rgba(170,148,255,.55);background:linear-gradient(155deg,rgba(83,73,145,.32),#11162a 60%)}.price{font-size:38px;letter-spacing:-.05em;font-weight:700}.price-card p,.price-card li,.service-price-card p{color:#aeb6ca;font-size:13px}.price-card li{margin:8px 0}.price-card .pay-now{width:100%;margin-top:12px}
.portfolio{max-width:1240px}.portfolio-note{color:#939cb4;font-size:12px;margin-top:18px}.portfolio-grid,.portfolio-items{gap:18px}.portfolio-card,.portfolio-item{border:1px solid rgba(255,255,255,.12);border-radius:22px;background:#11172b;overflow:hidden;transition:transform .35s,border-color .35s}.portfolio-card:hover,.portfolio-item:hover{transform:translateY(-6px);border-color:rgba(174,157,255,.45)}
.workflow,.delivery{max-width:1240px}.workflow-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:40px}.workflow-card{position:relative;padding:24px 19px;border-radius:18px;background:linear-gradient(155deg,#151b31,#0c1120);border:1px solid rgba(255,255,255,.1);min-height:220px}.workflow-card>span{font-size:10px;letter-spacing:.15em;color:#b7a5ff}.workflow-icon{font-size:24px;color:#c1b1ff;margin:22px 0 14px}.workflow-card h3{font-size:16px}.workflow-card p{font-size:12px;color:#aeb6c9;line-height:1.75;margin-top:8px}
.delivery{max-width:none;width:100%;padding-left:max(8%,calc((100vw - 1240px)/2));padding-right:max(8%,calc((100vw - 1240px)/2));background:radial-gradient(ellipse at 50% 20%,rgba(105,99,196,.11),transparent 55%),#0b0f1e}.delivery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:38px}.delivery-card{padding:25px 21px;border:1px solid rgba(255,255,255,.12);border-radius:20px;background:linear-gradient(155deg,#171d34,#0d1223);display:flex;flex-direction:column;min-height:330px}.delivery-card.recommended{border-color:rgba(171,151,255,.55);background:linear-gradient(155deg,rgba(92,78,156,.28),#101529 65%)}.delivery-tag{font-size:9px;letter-spacing:.15em;color:#b8a7ff}.delivery-card h3{font-size:23px;margin-top:14px}.delivery-price{font-size:28px;font-weight:700;letter-spacing:-.04em;margin:5px 0 12px}.delivery-card p,.delivery-card li,.delivery-card small{font-size:12px;color:#afb7ca;line-height:1.75}.delivery-card ul{padding-left:17px;margin:15px 0}.delivery-card small{margin-top:auto}.delivery-card .secondary-btn{margin-top:18px;text-align:center}.delivery-note{color:#909ab2;font-size:11px;line-height:1.8;margin-top:20px;max-width:900px}
.contact{max-width:900px;text-align:center}.contact>p:not(.eyebrow){color:#aeb6ca;max-width:650px;margin:18px auto}.contact form{margin:32px auto 0;padding:clamp(20px,4vw,38px);border:1px solid rgba(255,255,255,.13);border-radius:24px;background:linear-gradient(155deg,#151b31,#0b1020);box-shadow:0 24px 70px rgba(0,0,0,.25);display:grid;grid-template-columns:1fr 1fr;gap:13px;text-align:left}.contact form input,.contact form select,.contact form textarea{width:100%;border:1px solid rgba(255,255,255,.13);border-radius:12px;background:#090e1d;color:#f5f6ff;padding:15px 16px;font-size:13px;outline:none}.contact form input:focus,.contact form select:focus,.contact form textarea:focus{border-color:#9c8bf1;box-shadow:0 0 0 3px rgba(156,139,241,.12)}.contact form textarea,.contact form button,.contact form label{grid-column:1/-1}.contact form label{font-size:11px;color:#b9c0d2;margin:6px 0 -8px}.contact form button{width:100%}.contact-note{font-size:11px!important;color:#8f99b2!important}
footer{padding:45px 8%;border-top:1px solid var(--line);background:#060812;text-align:center}footer p{font-size:12px;color:#929bb1;margin-top:10px}footer a:not(.logo){color:#c6c9dc}
@keyframes nexoraFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@media(max-width:1000px){:root{--page:min(90vw,760px)}.hero{padding:80px 5%;grid-template-columns:1fr;min-height:auto;text-align:center}.hero-content{display:flex;flex-direction:column;align-items:center}.hero-description{margin-left:auto;margin-right:auto}.hero-visual{min-height:350px}.hero-device-art{width:min(100%,620px)}.services,.pricing,.delivery{padding-left:5%;padding-right:5%}.workflow-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.delivery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-starter{grid-template-columns:1fr}.navbar{padding-left:5%;padding-right:5%}}
@media(max-width:640px){.navbar{min-height:68px;flex-wrap:wrap;gap:10px}.navbar nav{order:3;width:100%;overflow-x:auto;justify-content:flex-start;padding:8px 0 3px;gap:19px}.navbar nav a{white-space:nowrap}.nav-btn{padding:10px 15px;font-size:11px}.hero{padding-top:65px}.hero h1{font-size:clamp(43px,13vw,62px)}.hero-description{font-size:14px}.hero-visual{min-height:270px}.floating-card{display:none}.section{padding-top:70px;padding-bottom:70px}.section h2,.about h2,.services h2,.workflow h2,.delivery h2,.contact h2{font-size:clamp(34px,10vw,46px)}.services-heading{display:block}.services-heading-note{display:inline-block;margin-top:20px}.service-tabs{display:flex;overflow-x:auto}.service-tab{min-width:125px}.service-stage{grid-template-columns:1fr!important}.service-copy h3{font-size:34px}.service-visual{min-height:250px}.service-image{width:100%;height:auto}.project-starter{padding:23px}.workflow-grid,.delivery-grid{grid-template-columns:1fr}.workflow-card{min-height:0}.delivery-card{min-height:0}.pricing-grid,.service-pricing-grid{grid-template-columns:1fr!important}.price-card{padding:24px}.contact form{grid-template-columns:1fr}.contact form>*{grid-column:1/-1}.service-capabilities{padding:18px}.capability-arrow{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}