:root {
  --ink: #090d1b;
  --ink-2: #11182d;
  --paper: #f6f7fb;
  --white: #ffffff;
  --text: #11182b;
  --muted: #65708a;
  --line: #dde2ee;
  --blue: #5666ff;
  --cyan: #31cbe7;
  --mint: #86f7d4;
  --lavender: #a9a9ff;
  --radius-sm: 14px;
  --radius-md: 22px;
  --radius-lg: 34px;
  --shadow: 0 28px 80px rgba(13, 20, 48, 0.12);
  --font-display: "Manrope", sans-serif;
  --font-body: "DM Sans", sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--text);
  background: var(--paper);
  font-family: var(--font-body);
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}
a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; }
button, input, select, textarea { font: inherit; }
button { cursor: pointer; }
::selection { background: rgba(86, 102, 255, .2); }

.container { width: min(1180px, calc(100% - 40px)); margin-inline: auto; }
.section-pad { padding: 112px 0; }
.skip-link { position: fixed; top: -60px; left: 20px; z-index: 999; padding: 10px 16px; background: var(--white); border-radius: 8px; }
.skip-link:focus { top: 16px; }

.site-header {
  position: fixed;
  top: 0;
  z-index: 100;
  width: 100%;
  padding: 18px 0;
  transition: .3s ease;
}
.site-header.scrolled { padding: 10px 0; background: rgba(7, 11, 23, .82); backdrop-filter: blur(18px); border-bottom: 1px solid rgba(255,255,255,.08); }
.nav-shell { display: flex; align-items: center; justify-content: space-between; }
.brand { display: inline-flex; gap: 11px; align-items: center; color: var(--white); font-family: var(--font-display); font-weight: 800; font-size: 20px; letter-spacing: -.5px; }
.brand img { border-radius: 12px; }
.primary-nav { display: flex; align-items: center; gap: 30px; color: #c8d0e5; font-size: 14px; font-weight: 600; }
.primary-nav a { transition: color .2s ease; }
.primary-nav a:hover { color: var(--white); }
.nav-cta { padding: 10px 18px; border: 1px solid rgba(255,255,255,.2); border-radius: 999px; color: var(--white) !important; }
.nav-cta:hover { background: var(--white); color: var(--ink) !important; }
.menu-toggle { display: none; border: 0; background: transparent; padding: 8px; }
.menu-toggle span { display: block; width: 24px; height: 2px; margin: 5px 0; background: white; transition: .2s; }

.hero { min-height: 850px; display: flex; align-items: center; padding-top: 160px; color: var(--white); background:
  radial-gradient(circle at 78% 22%, rgba(88, 98, 255, .26), transparent 32%),
  radial-gradient(circle at 10% 80%, rgba(34, 198, 223, .13), transparent 28%),
  var(--ink);
  position: relative;
  overflow: hidden;
}
.hero::before { content:""; position:absolute; inset:0; background-image: linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px); background-size: 54px 54px; mask-image: linear-gradient(to bottom, black, transparent 90%); }
.hero-grid { display: grid; grid-template-columns: 1.02fr .98fr; align-items: center; gap: 70px; position: relative; z-index: 1; }
.eyebrow { display: inline-flex; align-items: center; gap: 9px; margin-bottom: 22px; color: #c6cde2; font-size: 13px; text-transform: uppercase; letter-spacing: 1.7px; font-weight: 700; }
.eyebrow span { width: 28px; height: 1px; background: var(--mint); }
h1,h2,h3 { font-family: var(--font-display); margin: 0; line-height: 1.08; letter-spacing: -.04em; }
h1 { font-size: clamp(64px, 7.5vw, 104px); max-width: 700px; }
h1 em { font-style: normal; color: transparent; background: linear-gradient(100deg, var(--lavender), #59d6ff 55%, var(--mint)); -webkit-background-clip: text; background-clip: text; }
.hero-lede { max-width: 650px; margin: 30px 0 0; color: #aab5d0; font-size: 20px; line-height: 1.65; }
.hero-actions { display: flex; align-items: center; gap: 28px; margin-top: 38px; }
.button { display: inline-flex; align-items: center; justify-content: center; gap: 12px; border: 0; border-radius: 999px; padding: 15px 23px; font-weight: 700; transition: transform .2s, box-shadow .2s, background .2s; }
.button:hover { transform: translateY(-2px); }
.button-primary { color: var(--ink); background: var(--white); box-shadow: 0 12px 34px rgba(0,0,0,.22); }
.button-primary:hover { box-shadow: 0 16px 40px rgba(0,0,0,.3); }
.text-link { color: #d2d8e8; font-weight: 600; }
.text-link span { margin-left: 7px; color: var(--mint); }
.hero-proof { display: grid; grid-template-columns: repeat(3, 1fr); margin-top: 58px; padding-top: 24px; border-top: 1px solid rgba(255,255,255,.1); }
.hero-proof div { display: grid; gap: 2px; padding-right: 18px; }
.hero-proof strong { font-size: 14px; }
.hero-proof span { color: #7f8aa8; font-size: 13px; }

.hero-visual { position: relative; min-height: 530px; display: grid; place-items: center; }
.visual-panel { width: min(100%, 510px); min-height: 470px; padding: 1px; border-radius: 27px; background: linear-gradient(140deg, rgba(255,255,255,.28), rgba(255,255,255,.04)); box-shadow: 0 40px 100px rgba(0,0,0,.38); transform: perspective(1100px) rotateY(-4deg) rotateX(2deg); }
.visual-panel::before { content:""; position:absolute; inset:1px; border-radius:26px; background: rgba(15,22,43,.88); backdrop-filter: blur(18px); z-index:-1; }
.panel-topbar { display:flex; align-items:center; justify-content:space-between; height:56px; padding:0 20px; border-bottom:1px solid rgba(255,255,255,.08); color:#74809f; font-family:monospace; font-size:11px; }
.window-dots { display:flex; gap:6px; }
.window-dots i { width:7px; height:7px; border-radius:50%; background:#39435e; }
.live-pill { display:flex; align-items:center; gap:6px; color:#a8b2ca; }
.live-pill i { width:6px; height:6px; border-radius:50%; background:var(--mint); box-shadow:0 0 12px var(--mint); }
.product-canvas { padding:28px; }
.canvas-heading { display:grid; gap:4px; }
.canvas-heading span { color:#7f8aa8; font-size:12px; text-transform:uppercase; letter-spacing:1.2px; }
.canvas-heading strong { font-family:var(--font-display); font-size:27px; }
.flow { margin-top:28px; display:grid; }
.flow-card { display:flex; gap:14px; align-items:center; padding:16px; border:1px solid rgba(255,255,255,.08); border-radius:14px; background:rgba(255,255,255,.025); }
.flow-card.active { border-color:rgba(106,113,255,.45); background:linear-gradient(90deg, rgba(88,98,255,.16), rgba(255,255,255,.025)); }
.flow-icon { display:grid; place-items:center; width:38px; height:38px; border-radius:10px; background:#1f2947; color:#92a0c4; font-size:11px; font-weight:700; }
.active .flow-icon { background:linear-gradient(135deg, #655dff, #35cce7); color:white; }
.flow-card div { display:grid; }
.flow-card strong { font-family:var(--font-display); font-size:14px; }
.flow-card small { color:#7984a1; }
.flow-line { height:24px; margin-left:35px; border-left:1px dashed #3c4663; position:relative; }
.flow-line span { position:absolute; width:5px; height:5px; left:-3px; top:9px; border-radius:50%; background:#6775ff; }
.signal-card { margin-top:24px; padding:18px; border-radius:16px; background:#0b1124; border:1px solid rgba(255,255,255,.07); }
.signal-title { display:flex; justify-content:space-between; color:#8d98b5; font-size:12px; }
.signal-title b { color:var(--mint); }
.signal-bars { display:flex; align-items:flex-end; gap:7px; height:58px; margin:13px 0 7px; }
.signal-bars i { flex:1; min-height:18%; border-radius:3px 3px 1px 1px; background:linear-gradient(to top, #5260ff, #42d5ee); opacity:.8; }
.signal-bars i:nth-child(2){height:36%}.signal-bars i:nth-child(3){height:50%}.signal-bars i:nth-child(4){height:42%}.signal-bars i:nth-child(5){height:68%}.signal-bars i:nth-child(6){height:56%}.signal-bars i:nth-child(7){height:82%}.signal-bars i:nth-child(8){height:72%}.signal-bars i:nth-child(9){height:94%}
.signal-meta { display:flex; justify-content:space-between; color:#65708d; font-size:9px; text-transform:uppercase; letter-spacing:.7px; }
.orb { position:absolute; border-radius:50%; filter:blur(3px); }
.orb-one { width:360px; height:360px; background:rgba(85,94,255,.18); top:40px; right:-70px; }
.orb-two { width:190px; height:190px; background:rgba(48,211,230,.13); bottom:0; left:20px; }
.float-chip { position:absolute; z-index:2; display:flex; align-items:center; gap:8px; padding:10px 14px; border:1px solid rgba(255,255,255,.13); background:rgba(12,18,37,.82); border-radius:999px; backdrop-filter:blur(12px); color:#cfd7e9; font-size:12px; box-shadow:0 14px 40px rgba(0,0,0,.25); }
.float-chip span { color:var(--mint); }
.chip-ai { top:70px; left:-18px; }
.chip-cloud { right:-12px; bottom:65px; }

.client-strip { color: #a6b0c9; background: #0d1327; border-top:1px solid rgba(255,255,255,.06); border-bottom:1px solid rgba(255,255,255,.06); }
.strip-inner { min-height:86px; display:flex; align-items:center; gap:50px; overflow:hidden; }
.strip-inner > span { flex:none; font-size:12px; text-transform:uppercase; letter-spacing:1.3px; color:#66718e; }
.marquee { display:flex; align-items:center; gap:24px; white-space:nowrap; font-size:14px; }
.marquee b { color:#cbd2e2; font-weight:500; }
.marquee i { width:4px; height:4px; border-radius:50%; background:#5463ff; }

.section-kicker { display:block; margin-bottom:15px; color:var(--blue); font-size:12px; font-weight:800; letter-spacing:1.5px; text-transform:uppercase; }
.section-kicker.light { color:var(--mint); }
.section-heading h2, .capabilities-copy h2, .about-copy h2, .tech-copy h2, .contact-copy h2 { font-size:clamp(40px, 5vw, 64px); }
.split-heading { display:grid; grid-template-columns:1.2fr .8fr; gap:80px; align-items:end; margin-bottom:56px; }
.split-heading p { margin:0 0 6px; color:var(--muted); font-size:18px; }
.service-grid { display:grid; grid-template-columns:repeat(3, 1fr); gap:20px; }
.service-card { min-height:500px; display:flex; flex-direction:column; padding:30px; border:1px solid var(--line); border-radius:var(--radius-md); background:var(--white); transition:transform .25s, box-shadow .25s, border-color .25s; }
.service-card:hover { transform:translateY(-7px); box-shadow:var(--shadow); border-color:transparent; }
.service-card-featured { color:var(--white); background:linear-gradient(155deg, #111936 0%, #10152a 65%, #19255a 100%); border-color:transparent; }
.service-number { align-self:flex-end; color:#9ba5bf; font:600 11px var(--font-display); letter-spacing:1px; }
.service-icon { display:grid; place-items:center; width:50px; height:50px; margin:28px 0 30px; border-radius:14px; color:var(--blue); background:#eef0ff; font-size:22px; }
.icon-gradient { color:white; background:linear-gradient(135deg, #635fff, #31cbe7); }
.service-card h3 { font-size:25px; letter-spacing:-.03em; }
.service-card p { color:var(--muted); margin:18px 0; }
.service-card-featured p, .service-card-featured li { color:#aeb8d0; }
.service-card ul { padding:0; margin:6px 0 26px; list-style:none; }
.service-card li { padding:7px 0; color:#505a71; font-size:14px; }
.service-card li::before { content:"—"; margin-right:9px; color:var(--blue); }
.service-card a { margin-top:auto; font-weight:700; font-size:14px; }
.service-card a span { margin-left:5px; color:var(--blue); }
.service-card-featured a span { color:var(--mint); }

.capabilities-section { background:var(--white); }
.capabilities-grid { display:grid; grid-template-columns:.85fr 1.15fr; gap:110px; align-items:start; }
.capabilities-copy { position:sticky; top:130px; }
.capabilities-copy p { margin:27px 0 34px; color:var(--muted); font-size:18px; }
.button-secondary { border:1px solid var(--line); background:var(--paper); }
.capability-stack { border-top:1px solid var(--line); }
.capability-stack article { display:grid; grid-template-columns:64px 1fr; gap:22px; padding:30px 0; border-bottom:1px solid var(--line); }
.cap-index { display:grid; place-items:center; width:42px; height:42px; border-radius:50%; background:var(--paper); color:var(--blue); font-weight:700; }
.capability-stack h3 { font-size:22px; margin-bottom:8px; }
.capability-stack p { margin:0; color:var(--muted); }

.tech-section { background:#eef1f7; }
.tech-shell { padding:60px; border-radius:var(--radius-lg); background:var(--ink); color:white; display:grid; grid-template-columns:.85fr 1.15fr; gap:80px; }
.tech-copy p { color:#a8b2cb; font-size:17px; }
.tech-groups { display:grid; gap:0; border-top:1px solid rgba(255,255,255,.1); }
.tech-groups div { display:grid; grid-template-columns:130px 1fr; gap:20px; padding:21px 0; border-bottom:1px solid rgba(255,255,255,.1); }
.tech-groups span { color:var(--mint); font-size:12px; text-transform:uppercase; letter-spacing:1.2px; font-weight:700; }
.tech-groups p { margin:0; color:#b6bfd4; }

.centered-heading { max-width:800px; text-align:center; margin:0 auto 64px; }
.centered-heading p { color:var(--muted); font-size:18px; }
.process-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:18px; }
.process-grid article { min-height:260px; padding:26px; border-top:2px solid var(--ink); background:var(--white); }
.process-grid span { color:var(--blue); font-size:12px; font-weight:800; }
.process-grid h3 { margin:55px 0 15px; font-size:23px; }
.process-grid p { color:var(--muted); margin:0; font-size:14px; }

.about-section { background:var(--white); }
.about-grid { display:grid; grid-template-columns:.85fr 1.15fr; align-items:center; gap:110px; }
.about-art { min-height:510px; position:relative; display:grid; place-items:center; border-radius:var(--radius-lg); overflow:hidden; background:radial-gradient(circle at center, #28336d, #10162e 64%, #0a0f20); color:white; }
.about-art::before { content:""; position:absolute; inset:0; background-image:radial-gradient(rgba(255,255,255,.18) 1px, transparent 1px); background-size:28px 28px; opacity:.25; }
.nova-ring { position:absolute; border:1px solid rgba(129,143,255,.35); border-radius:50%; }
.ring-one { width:300px; height:300px; }
.ring-two { width:430px; height:430px; border-style:dashed; }
.nova-core { position:relative; z-index:2; width:100px; height:100px; display:grid; place-items:center; border-radius:26px; background:rgba(255,255,255,.07); box-shadow:0 0 60px rgba(70,103,255,.35); }
.nova-core img { width:72px; }
.orbit-dot { position:absolute; width:12px; height:12px; border-radius:50%; background:var(--mint); box-shadow:0 0 22px var(--mint); }
.dot-one { top:98px; right:106px; }
.dot-two { bottom:70px; left:106px; background:#6c6bff; box-shadow:0 0 22px #6c6bff; }
.about-art p { position:absolute; left:30px; bottom:18px; color:#aeb7d0; font:600 13px/1.65 var(--font-display); letter-spacing:1px; text-transform:uppercase; }
.about-copy p { color:var(--muted); }
.about-lede { margin-top:28px; font-size:19px; color:#30394f !important; }
.values-row { margin-top:35px; display:grid; gap:0; border-top:1px solid var(--line); }
.values-row div { display:grid; grid-template-columns:150px 1fr; gap:20px; padding:17px 0; border-bottom:1px solid var(--line); }
.values-row span { color:var(--muted); }

.contact-section { background:var(--ink); color:white; }
.contact-shell { display:grid; grid-template-columns:.8fr 1.2fr; gap:90px; align-items:start; }
.contact-copy { position:sticky; top:130px; }
.contact-copy p { color:#aab4cc; font-size:18px; }
.contact-direct { margin-top:42px; display:grid; gap:3px; }
.contact-direct span { color:#6f7a99; font-size:12px; text-transform:uppercase; letter-spacing:1px; }
.contact-direct a { font-family:var(--font-display); font-size:22px; font-weight:700; }
.contact-note { display:flex; align-items:center; gap:8px; margin-top:35px; color:#838eab; font-size:12px; }
.contact-note span { color:var(--mint); }
.contact-form { display:grid; gap:19px; padding:34px; color:var(--text); background:white; border-radius:var(--radius-md); }
.form-row { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.contact-form label { display:grid; gap:8px; font-size:13px; font-weight:700; }
.contact-form label > span { color:#ff5d68; }
.contact-form input, .contact-form select, .contact-form textarea { width:100%; border:1px solid #d9deea; border-radius:11px; background:#fafbfe; color:var(--text); padding:13px 14px; outline:none; transition:border .2s, box-shadow .2s; }
.contact-form input:focus, .contact-form select:focus, .contact-form textarea:focus { border-color:var(--blue); box-shadow:0 0 0 3px rgba(86,102,255,.12); }
.contact-form textarea { resize:vertical; min-height:140px; }
.honeypot { position:absolute !important; left:-10000px !important; width:1px !important; height:1px !important; overflow:hidden !important; }
.form-footer { display:flex; justify-content:space-between; align-items:center; gap:20px; margin-top:4px; }
.form-footer p { margin:0; color:#59647c; font-size:13px; }
.form-footer p.error { color:#bb2f3a; }
.form-footer p.success { color:#147a5a; }
.button-light { flex:none; color:white; background:var(--ink); }
.button-light:disabled { opacity:.65; cursor:not-allowed; }

.site-footer { color:#9da7bf; background:#070a15; }
.footer-main { display:grid; grid-template-columns:1fr 1fr; padding:68px 0; border-bottom:1px solid rgba(255,255,255,.08); }
.footer-main > div > p { max-width:360px; color:#69738d; }
.footer-links { display:grid; grid-template-columns:1fr 1fr; gap:40px; }
.footer-links div { display:grid; align-content:start; gap:10px; }
.footer-links span { margin-bottom:6px; color:#65708a; font-size:11px; text-transform:uppercase; letter-spacing:1.2px; }
.footer-links a { color:#b8c0d3; }
.footer-bottom { display:flex; justify-content:space-between; padding:22px 0; color:#59637b; font-size:12px; }

.js [data-reveal] { opacity:0; transform:translateY(22px); transition:opacity .7s ease, transform .7s ease; }
.js [data-reveal].revealed { opacity:1; transform:none; }

@media (max-width: 1020px) {
  .hero-grid { grid-template-columns:1fr; }
  .hero { padding-top:150px; }
  .hero-copy { max-width:800px; }
  .hero-visual { width:min(700px, 100%); margin:20px auto 0; }
  .split-heading, .capabilities-grid, .about-grid, .contact-shell, .tech-shell { grid-template-columns:1fr; gap:55px; }
  .capabilities-copy, .contact-copy { position:static; }
  .service-grid { grid-template-columns:1fr 1fr; }
  .process-grid { grid-template-columns:1fr 1fr; }
  .tech-shell { padding:46px; }
  .about-art { min-height:440px; }
}

@media (max-width: 760px) {
  .container { width:min(100% - 28px, 1180px); }
  .section-pad { padding:78px 0; }
  .site-header { padding:12px 0; }
  .menu-toggle { display:block; position:relative; z-index:3; }
  .menu-toggle.active span:first-child { transform:translateY(3.5px) rotate(45deg); }
  .menu-toggle.active span:last-child { transform:translateY(-3.5px) rotate(-45deg); }
  .primary-nav { position:fixed; inset:0; display:flex; flex-direction:column; justify-content:center; gap:24px; background:rgba(7,11,23,.98); font-size:22px; transform:translateX(100%); transition:transform .3s ease; }
  .primary-nav.open { transform:none; }
  .nav-cta { margin-top:10px; }
  h1 { font-size:clamp(58px, 18vw, 78px); }
  .hero { min-height:auto; padding-bottom:80px; }
  .hero-lede { font-size:17px; }
  .hero-actions { align-items:flex-start; flex-direction:column; gap:20px; }
  .hero-proof { grid-template-columns:1fr; gap:14px; }
  .hero-proof div { grid-template-columns:120px 1fr; }
  .hero-visual { min-height:450px; }
  .visual-panel { transform:none; }
  .product-canvas { padding:20px; }
  .float-chip { display:none; }
  .strip-inner { flex-direction:column; align-items:flex-start; justify-content:center; gap:9px; padding:18px 0; }
  .marquee { width:700px; }
  .split-heading { gap:25px; }
  .section-heading h2, .capabilities-copy h2, .about-copy h2, .tech-copy h2, .contact-copy h2 { font-size:clamp(36px, 12vw, 52px); }
  .service-grid, .process-grid { grid-template-columns:1fr; }
  .service-card { min-height:auto; }
  .tech-shell { padding:30px 22px; border-radius:24px; }
  .tech-groups div { grid-template-columns:1fr; gap:5px; }
  .about-grid { gap:48px; }
  .about-art { min-height:380px; }
  .ring-two { width:330px; height:330px; }
  .ring-one { width:230px; height:230px; }
  .values-row div { grid-template-columns:1fr; gap:2px; }
  .contact-form { padding:23px; }
  .form-row { grid-template-columns:1fr; }
  .form-footer { align-items:stretch; flex-direction:column; }
  .button-light { width:100%; }
  .footer-main { grid-template-columns:1fr; gap:42px; }
  .footer-bottom { align-items:flex-start; flex-direction:column; gap:6px; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior:auto; }
  *, *::before, *::after { animation-duration:.01ms !important; transition-duration:.01ms !important; }
  .js [data-reveal] { opacity:1; transform:none; }
}

/* AvyaNova Aurora Pink brand refresh */
:root {
  --ink:#170B2D; --ink-2:#24103F; --paper:#FFF8FC; --text:#25152F;
  --muted:#74637C; --line:#ECDDEC; --blue:#8B5CF6; --cyan:#C026D3;
  --mint:#F9A8D4; --lavender:#D8B4FE;
  --shadow:0 28px 80px rgba(88,28,135,.14);
}
::selection{background:rgba(244,114,182,.28)}
.hero{background:radial-gradient(circle at 78% 20%,rgba(192,38,211,.30),transparent 34%),radial-gradient(circle at 12% 84%,rgba(244,114,182,.18),transparent 31%),linear-gradient(145deg,#130725 0%,#24103F 58%,#351247 100%)}
h1 em{background:linear-gradient(100deg,#C4B5FD 0%,#E879F9 48%,#F9A8D4 100%);-webkit-background-clip:text;background-clip:text}
.button-primary{background:linear-gradient(135deg,#FFFFFF 0%,#FFF0F8 100%)}
.flow-card.active{border-color:rgba(232,121,249,.5);background:linear-gradient(90deg,rgba(192,38,211,.20),rgba(244,114,182,.05))}
.active .flow-icon{background:linear-gradient(135deg,#7C3AED,#C026D3 55%,#F472B6)}
.signal-bars i{background:linear-gradient(to top,#7C3AED,#F472B6)}
.orb-one{background:rgba(192,38,211,.23)} .orb-two{background:rgba(244,114,182,.17)}
.client-strip{background:#211038}.marquee i{background:#F472B6}
.service-grid{grid-template-columns:repeat(3,1fr)}
.service-card-featured{background:linear-gradient(155deg,#24103F,#4A185A);color:white;border-color:transparent}
.icon-gradient{background:linear-gradient(135deg,#7C3AED,#C026D3 52%,#F472B6)}
.tech-section{background:#FFF0F8}.tech-shell{background:linear-gradient(145deg,#170B2D,#351247)}
.about-art{background:radial-gradient(circle at center,#6B216D,#2C103D 58%,#170B2D)}
.nova-ring{border-color:rgba(244,114,182,.38)}
.nova-core{box-shadow:0 0 70px rgba(244,114,182,.38)}
.orbit-dot{background:#F9A8D4;box-shadow:0 0 22px #F9A8D4}.dot-two{background:#C084FC;box-shadow:0 0 22px #C084FC}
.contact-section{background:linear-gradient(145deg,#170B2D,#321044)}
.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:#C026D3;box-shadow:0 0 0 3px rgba(192,38,211,.12)}
.site-footer{background:#10051D}
.brand span{letter-spacing:-.7px}.brand span::first-letter{color:#F9A8D4}
@media(max-width:1020px){.service-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.service-grid{grid-template-columns:1fr}}