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

:root {
  --midnight: #050711;
  --navy: #09101D;
  --white: #F7F9FF;
  --muted: #9AA6BB;
  --cyan: #24D5FF;
  --blue: #3A73FF;
  --purple: #8A42FF;
  --glass: rgba(255,255,255,0.05);
  --border: rgba(255,255,255,0.08);
  --gradient: linear-gradient(90deg, var(--cyan), var(--blue), var(--purple));
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  background: var(--midnight);
  color: var(--white);
  font-family: 'Inter', system-ui, sans-serif;
  margin: 0;
  min-height: 100vh;
}
h1, h2, h3 { font-family: 'Plus Jakarta Sans', system-ui, sans-serif; margin: 0; letter-spacing: -0.01em; }
p { margin: 0; line-height: 1.6; }
button, .btn { font-family: inherit; cursor: pointer; }
a { color: inherit; text-decoration: none; }
:focus-visible { outline: 2px solid var(--cyan); outline-offset: 3px; }
img { max-width: 100%; display: block; }

.container { max-width: 1800px; margin: 0 auto; padding: 0 40px; }
@media (max-width: 860px) { .container { padding: 0 24px; } }
.section { padding: 68px 0; scroll-margin-top: 90px; }
.section-alt { background: var(--navy); }
.hero-sm { padding: 26px 0 14px; background:radial-gradient(circle at 84% 0%,rgba(228,255,89,.055),transparent 30%); border-bottom:1px solid rgba(255,255,255,.035); }
.hero-sm + .section { padding-top:48px; }
.hero-sm > .container > .eyebrow { display:flex; align-items:center; gap:10px; color:#bdc1c9; }
.hero-sm > .container > .eyebrow::before { content:""; width:28px; height:1px; flex:0 0 28px; background:#e4ff59; }
.hero { padding: 90px 0 30px; }

.eyebrow { font-size: 12px; font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase; color: var(--cyan); margin-bottom: 16px; }
.h1 { font-size: clamp(34px, 5vw, 58px); font-weight: 700; line-height: 1.08; max-width: 820px; }
.hero-sm .h1 { max-width:900px; font-size:clamp(52px,6.3vw,88px); line-height:.97; letter-spacing:-.055em; font-weight:540; }
.h2 { font-size: clamp(26px, 3.4vw, 38px); font-weight: 600; line-height: 1.15; max-width: 640px; }
.h3 { font-size: 21px; font-weight: 600; margin-bottom: 8px; }
.h3.small { font-size: 18px; }
.lede { font-size: 18px; color: var(--muted); max-width: 560px; margin-top: 20px; }
.muted { color: var(--muted); }
.muted.small, .small { font-size: 14px; }
.accent { color: var(--cyan); }

.cta-row { display: flex; gap: 14px; margin-top: 32px; flex-wrap: wrap; }
.btn { display: inline-flex; align-items: center; gap: 8px; padding: 13px 24px; border-radius: 999px; font-size: 14px; font-weight: 600; border: none; transition: transform 0.15s ease, opacity 0.15s ease; }
.btn-primary { background: var(--gradient); color: #fff; box-shadow: 0 6px 22px rgba(58,115,255,0.24); }
.btn-primary:hover { box-shadow: 0 8px 28px rgba(58,115,255,0.34); }
.btn-primary:hover { transform: translateY(-1px); opacity: 0.92; }
.btn-secondary { background: var(--glass); border: 1px solid var(--border); color: var(--white); }
.btn-secondary:hover { border-color: var(--cyan); }
.btn-tertiary { background: none; border: none; color: var(--cyan); padding: 0; margin-top: 12px; display: inline-flex; align-items: center; gap: 6px; }

.section-head { margin-bottom: 48px; }

/* NAV */
.nav { position: sticky; top: 0; z-index: 40; }
.nav::after { content: ''; display: block; height: 2px; background: var(--gradient); opacity: 0.5; }
.nav-inner { max-width: 1800px; margin: 0 auto; padding: 16px 40px; display: flex; align-items: center; justify-content: space-between; background: rgba(5,7,17,0.55); border-bottom: 1px solid rgba(255,255,255,0.04); }
.nav.scrolled .nav-inner { background: rgba(5,7,17,0.8); backdrop-filter: blur(14px); border-bottom: none; }
.logo { display: flex; align-items: center; gap: 10px; background: none; border: none; color: var(--white); }
.logo-mark { width: 30px; height: 30px; border-radius: 8px; background: var(--gradient); display: flex; align-items: center; justify-content: center; font-family: 'Plus Jakarta Sans'; font-weight: 700; color: #050711; }
.logo-mark.small { width: 26px; height: 26px; margin-bottom: 10px; }
.logo-mark.large { width: 84px; height: 84px; font-size: 40px; border-radius: 20px; }
.logo-mark-img { width: 34px; height: auto; display: block; object-fit: contain; }
.logo-mark-img.small { width: 30px; margin-bottom: 12px; }
.logo-mark-img.large { width: 110px; margin: 0 auto; }
.logo-mark-img.small-wrap { width: auto; }
.logo-word { font-family: 'Plus Jakarta Sans'; font-weight: 700; letter-spacing: 0.06em; font-size: 15px; }
.nav-links { display: flex; gap: 22px; align-items: center; }
.nav-link { position: relative; display: inline-flex; align-items: center; gap: 6px; background: none; border: none; color: var(--muted); font-size: 13.5px; font-weight: 500; padding: 8px 14px; border-radius: 999px; white-space: nowrap; transition: background 0.15s ease, color 0.15s ease; }
.nav-link.active, .nav-link:hover { color: var(--white); background: var(--glass); }
.nav-link.active::after { content: ''; position: absolute; left: 14px; right: 14px; bottom: 2px; height: 2px; border-radius: 2px; background: var(--gradient); }
.nav-icon { display: inline-flex; color: var(--cyan); opacity: 0.85; }
.nav-link.active .nav-icon, .nav-link:hover .nav-icon { opacity: 1; }
.nav-link-parent { display: inline-flex; align-items: center; gap: 6px; cursor: pointer; font-family: inherit; }
.nav-link-parent > svg:last-child { transition: transform 0.15s ease; }
.nav-dropdown.open .nav-link-parent > svg:last-child { transform: rotate(180deg); }
.nav-dropdown { position: relative; }
.dropdown-menu { position: absolute; top: 100%; left: 50%; transform: translateX(-50%) translateY(4px); margin-top: 14px; background: rgba(9,16,29,0.98); border: 1px solid var(--border); border-radius: 14px; padding: 8px; min-width: 190px; display: flex; flex-direction: column; backdrop-filter: blur(14px); box-shadow: 0 20px 40px rgba(0,0,0,0.45); opacity: 0; pointer-events: none; transition: opacity 0.15s ease, transform 0.15s ease; }
.dropdown-menu::before { content: ''; position: absolute; top: -14px; left: 0; right: 0; height: 14px; background: transparent; }
.nav-dropdown:focus-within .dropdown-menu, .nav-dropdown.open .dropdown-menu { opacity: 1; pointer-events: auto; transform: translateX(-50%) translateY(0); }
.dropdown-item { padding: 11px 14px; border-radius: 8px; font-size: 13.5px; color: var(--muted); white-space: nowrap; display: flex; align-items: center; justify-content: space-between; }
.dropdown-item:hover { background: var(--glass); color: var(--white); }
.dropdown-item.all { border-bottom: 1px solid var(--border); border-radius: 8px 8px 0 0; margin-bottom: 4px; padding-bottom: 12px; color: var(--cyan); font-weight: 600; }
.mobile-sublink { padding-left: 20px !important; font-size: 14px !important; opacity: 0.8; }

.social-row { display: flex; gap: 10px; margin-top: 16px; }
.social-icon { width: 34px; height: 34px; border-radius: 50%; background: var(--glass); border: 1px solid var(--border); display: flex; align-items: center; justify-content: center; color: var(--muted); }
.social-icon:hover { color: var(--cyan); border-color: var(--cyan); }
.contact-qr-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin-top:28px; }
.contact-qr-card { padding:16px; }
.contact-qr-placeholder { aspect-ratio:1; display:grid; place-items:center; text-align:center; background:repeating-linear-gradient(45deg,#eef1f5 0 6px,#dfe4ea 6px 12px); color:#1a222d; font-size:12px; font-weight:800; letter-spacing:.08em; }
.contact-qr-placeholder small { display:block; font-size:9px; letter-spacing:.04em; font-weight:600; }
.contact-qr-image { display:block; width:100%; height:auto; aspect-ratio:1; object-fit:contain; background:#fff; }
.contact-qr-card h3 { margin-top:14px; }
@media(max-width:560px){.contact-qr-grid{grid-template-columns:1fr 1fr}.contact-qr-card{padding:10px}}

.hosting-table-wrap { overflow-x: auto; border: 1px solid var(--border); border-radius: 20px; }
.hosting-table { width: 100%; border-collapse: collapse; min-width: 640px; }
.hosting-table th, .hosting-table td { padding: 16px 20px; text-align: left; border-bottom: 1px solid var(--border); font-size: 14px; color: var(--muted); }
.hosting-table thead th { vertical-align: top; padding-top: 24px; border-bottom: 1px solid var(--border); }
.hosting-table th[scope="row"] { color: var(--white); font-weight: 500; white-space: nowrap; }
.hosting-table td, .hosting-table th:not([scope]) { text-align: center; }
.hosting-table tbody tr:last-child th, .hosting-table tbody tr:last-child td { border-bottom: none; }
.hosting-table .featured-col { background: rgba(36,213,255,0.06); }
.hosting-table .pill-tag { margin-bottom: 8px; }

/* QUOTE BUILDER */
.quote-builder { display: grid; grid-template-columns: 1.6fr 1fr; gap: 40px; align-items: start; }
@media (max-width: 900px) { .quote-builder { grid-template-columns: 1fr; } }
.quote-steps { display: flex; flex-direction: column; gap: 48px; }
.quote-service-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 14px; margin-top: 20px; }
@media (max-width: 980px) { .quote-service-grid { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 700px) { .quote-service-grid { grid-template-columns: repeat(2, 1fr); } }
.quote-service-card { display: flex; flex-direction: column; align-items: center; gap: 10px; text-align: center; padding: 20px 14px; border-radius: 16px; border: 1px solid var(--border); background: var(--glass); cursor: pointer; font-size: 13px; font-weight: 600; }
.quote-service-card input { position: absolute; opacity: 0; pointer-events: none; }
.quote-service-card:has(input:checked) { border-color: var(--cyan); background: rgba(36,213,255,0.08); }
.quote-service-icon { color: var(--cyan); }
.quote-feature-row { display: flex; align-items: center; gap: 12px; padding: 14px 0; border-bottom: 1px solid var(--border); font-size: 14px; cursor: pointer; }
.quote-feature-row input { width: auto; }
.quote-feature-row span:first-of-type { flex: 1; }
.quote-summary-card { position: sticky; top: 100px; }
.quote-total { font-family: 'Plus Jakarta Sans'; font-size: 30px; font-weight: 700; margin: 10px 0 6px; background: var(--gradient); -webkit-background-clip: text; background-clip: text; color: transparent; }
.quote-monthly { font-family: 'Plus Jakarta Sans'; font-size: 22px; font-weight: 700; color: var(--white); }
.quote-selected { list-style: none; padding: 0; margin: 20px 0 0; display: flex; flex-direction: column; gap: 10px; font-size: 13px; color: var(--muted); }
.quote-field-label { display: block; font-size: 13px; color: var(--muted); margin-bottom: 8px; font-weight: 600; }
.quote-select { width: 100%; background: var(--glass); border: 1px solid var(--border); border-radius: 10px; padding: 12px 14px; color: var(--white); font-family: inherit; font-size: 14px; }
.quote-radio-group { display: flex; flex-direction: column; gap: 10px; margin-top: 10px; }
.quote-radio-group-inline { flex-direction: row; flex-wrap: wrap; }
.quote-radio-card { display: flex; flex-direction: column; gap: 4px; padding: 16px; border-radius: 14px; border: 1px solid var(--border); background: var(--glass); cursor: pointer; position: relative; }
.quote-radio-card.small { flex-direction: row; align-items: center; justify-content: space-between; padding: 12px 16px; }
.quote-radio-card input { position: absolute; top: 14px; right: 14px; width: auto; }
.quote-radio-card.small input { position: static; order: -1; margin-right: 10px; }
.quote-radio-card:has(input:checked) { border-color: var(--cyan); background: rgba(36,213,255,0.08); }
.menu-btn { display: none; background: none; border: none; color: var(--white); }
.mobile-menu { display: none; flex-direction: column; gap: 4px; padding: 12px 40px 24px; background: rgba(5,7,17,0.97); border-bottom: 1px solid var(--border); }
.mobile-menu.open { display: flex; }
.mobile-menu a { padding: 12px 0; font-size: 15px; border-bottom: 1px solid var(--border); }
.mobile-menu .mobile-cta { color: var(--cyan); font-weight: 600; }

@media (max-width: 860px) {
  .nav-links, .nav-cta { display: none; }
  .menu-btn { display: block; }
  .section, .section-alt { padding: 76px 0; }
  .hero { padding: 76px 0 20px; }
  .hero-sm { padding: 34px 0 22px; }
  .nav-inner { padding: 16px 24px; }
  .mobile-menu { padding: 12px 24px 24px; }
}

/* HERO */
.hero-grid { display: grid; grid-template-columns: 1.1fr 0.9fr; gap: 48px; align-items: center; }
@media (max-width: 900px) { .hero-grid { grid-template-columns: 1fr; } }
.hero-visual { position: relative; }
.glow { position: absolute; inset: -40px; background: radial-gradient(circle at 60% 30%, rgba(138,66,255,0.35), transparent 60%); filter: blur(30px); }
.hero-panel { position: relative; background: var(--glass); border: 1px solid var(--border); border-radius: 24px; padding: 28px; backdrop-filter: blur(10px); }
.hero-panel-bar { display: flex; gap: 6px; margin-bottom: 20px; }
.hero-panel-bar span { width: 8px; height: 8px; border-radius: 50%; background: var(--border); display: inline-block; }
.hero-panel-line { height: 10px; border-radius: 6px; background: var(--border); margin-bottom: 14px; }
.w-90 { width: 90%; } .w-70 { width: 70%; } .w-60 { width: 60%; } .w-40 { width: 40%; }
.hero-panel-blocks { display: grid; grid-template-columns: repeat(3,1fr); gap: 12px; margin: 20px 0; }
.hero-panel-blocks div { height: 64px; border-radius: 14px; background: linear-gradient(135deg, rgba(36,213,255,0.18), rgba(138,66,255,0.18)); border: 1px solid var(--border); }

/* CARDS / GRIDS */
.grid-4 { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; }
.grid-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.grid-2 { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; }
@media (max-width: 1100px) { .grid-4 { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 860px) { .grid-3, .grid-2, .grid-4 { grid-template-columns: 1fr; } }
.card { background: var(--glass); border: 1px solid var(--border); border-radius: 22px; padding: 28px; text-align: left; color: var(--white); transition: border-color 0.2s, transform 0.2s; display: block; width: 100%; }
.card:hover { border-color: rgba(36,213,255,0.4); transform: translateY(-2px); }
.service-card { display: flex; flex-direction: column; gap: 6px; }
.service-grid-five { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:16px; }
.service-grid-five .service-card { min-height:310px; padding:24px; }
.service-grid-five .service-card .from { margin-top:auto; }
.service-name { font-size: 12px; letter-spacing: 0.14em; color: var(--muted); margin-top: 6px; }
.from { display: inline-block; margin-top: 16px; font-size: 13px; color: var(--cyan); font-weight: 600; }

.flagship-card { display: grid; grid-template-columns: 1.1fr 1fr; gap: 0; background: var(--glass); border: 1px solid var(--border); border-radius: 26px; overflow: hidden; }
@media (max-width: 860px) { .flagship-card { grid-template-columns: 1fr; } }
.flagship-visual, .project-visual { aspect-ratio: 16/10; background: linear-gradient(135deg, rgba(36,213,255,0.22), rgba(58,115,255,0.18), rgba(138,66,255,0.22)); border-radius: 18px 18px 0 0; overflow: hidden; }
.project-visual.has-shot { background: var(--navy); }
.project-visual.has-shot img { width: 100%; height: 100%; object-fit: cover; object-position: top; display: block; }
.flagship-card .flagship-visual { border-radius: 0; aspect-ratio: auto; height: 100%; min-height: 260px; }
.flagship-visual.has-shot img { width: 100%; height: 100%; object-fit: cover; object-position: center; display: block; }
.flagship-body { padding: 36px; display: flex; flex-direction: column; gap: 12px; justify-content: center; }
.pill-tag { display: inline-block; background: var(--glass); border: 1px solid var(--border); border-radius: 999px; padding: 5px 12px; font-size: 12px; color: var(--cyan); width: fit-content; }
.link-arrow { display: inline-flex; align-items: center; gap: 6px; color: var(--cyan); font-size: 14px; font-weight: 600; margin-top: 8px; }
.project-card { display: flex; flex-direction: column; gap: 8px; }
.automation-card-visual{aspect-ratio:16/10;padding:24px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;border:1px solid #26384a;border-radius:18px 18px 0 0;background:radial-gradient(circle at 75% 15%,rgba(36,213,255,.14),transparent 34%),linear-gradient(145deg,#0b111a,#111a27);position:relative}
.automation-card-visual::before{content:"";position:absolute;inset:0;opacity:.22;background-image:linear-gradient(rgba(64,187,232,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(64,187,232,.18) 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(to bottom,#000,transparent)}
.automation-card-status{position:relative;align-self:flex-end;padding:6px 10px;border:1px solid #2e675f;border-radius:999px;background:#10231f;color:#70e7c2;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.automation-card-flow{position:relative;display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:10px}
.automation-card-flow>span{min-width:0;padding:15px 10px;border:1px solid #30445a;border-radius:10px;background:#111b28;display:flex;flex-direction:column;gap:6px;text-align:center;box-shadow:0 15px 32px #0005}
.automation-card-flow small{color:var(--cyan);font-size:9px;letter-spacing:.08em}.automation-card-flow b{font-size:12px;color:#f4f7fb}.automation-card-flow i{color:var(--cyan);font-style:normal;font-size:16px}
@media(max-width:560px){.automation-card-visual{padding:18px}.automation-card-flow{gap:5px}.automation-card-flow>span{padding:12px 6px}.automation-card-flow b{font-size:10px}}
.showcase-visit-btn { margin-top: 8px; align-self: flex-start; padding: 9px 18px; font-size: 13px; }
.portfolio-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.portfolio-grid.three { grid-template-columns:repeat(3,minmax(0,1fr)); }
.media-card { position:relative; min-height:390px; overflow:hidden; border:1px solid var(--border); border-radius:22px; background:#0d1117; cursor:pointer; color:#fff; padding:0; text-align:left; }
.media-card img,.media-card>video { width:100%; height:100%; min-height:390px; object-fit:cover; display:block; transition:transform .5s ease; }
.media-card:hover img,.media-card:hover>video { transform:scale(1.025); }
.media-card::after { content:""; position:absolute; inset:0; background:linear-gradient(to top,rgba(4,6,10,.92),rgba(4,6,10,.06) 68%); pointer-events:none; }
.media-card-copy { position:absolute; z-index:2; left:24px; right:24px; bottom:22px; }
.media-card-copy .pill-tag { margin-bottom:10px; background:rgba(5,7,17,.72); }
.media-card-copy h3 { font-size:26px; margin:0 0 7px; }
.media-card-copy p { color:#c7cbd2; font-size:13px; line-height:1.5; max-width:560px; }
.media-card-copy b { display:inline-block; margin-top:12px; font-size:12px; color:var(--cyan); }
.media-card.wide { grid-column:1/-1; min-height:500px; }
.media-card.wide img,.media-card.wide>video { min-height:500px; }
.media-play { position:absolute; z-index:3; top:22px; right:22px; width:48px; height:48px; border-radius:50%; display:grid; place-items:center; background:rgba(5,7,17,.76); border:1px solid rgba(255,255,255,.28); font-size:16px; }
.brand-tile img { object-fit:contain; padding:34px; background:linear-gradient(145deg,#080b12,#121827); }
.branding-slot-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.branding-hero-placeholder{display:grid;place-items:center;cursor:default;background:linear-gradient(145deg,rgba(49,200,244,.055),rgba(123,61,255,.045)),#0b1018}
.branding-hero-placeholder::after{display:none}
.branding-placeholder-inner{display:flex;flex-direction:column;align-items:center;gap:10px;padding:30px;text-align:center;color:#667487}
.branding-placeholder-inner svg{margin-bottom:6px;color:#516176}
.branding-placeholder-inner span{color:var(--cyan);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.branding-placeholder-inner strong{color:#9aa5b4;font-size:15px;font-weight:500}
.branding-slot{position:relative;min-width:0;aspect-ratio:4/3;overflow:hidden;border:1px solid var(--border);border-radius:22px;background:#0b1018}
.branding-slot-filled img{width:100%;height:100%;object-fit:cover}
.branding-slot-filled::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(3,6,11,.94),transparent 66%);pointer-events:none}
.branding-slot-copy{position:absolute;z-index:1;left:22px;right:22px;bottom:20px}
.branding-slot-copy span,.branding-slot-empty span,.logo-slot span{display:block;color:var(--cyan);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.branding-slot-copy h3{margin:7px 0 0;color:#fff;font-size:27px}
.branding-slot-empty,.logo-slot{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:24px;text-align:center;background:linear-gradient(145deg,rgba(49,200,244,.045),rgba(123,61,255,.035)),#0b1018}
.branding-slot-empty::before,.logo-slot::before{content:"";width:42px;height:1px;margin-bottom:4px;background:linear-gradient(90deg,var(--cyan),var(--purple))}
.branding-slot-empty strong,.logo-slot strong{color:#8e98a8;font-size:14px;font-weight:500}
.logo-placeholder-heading{margin-top:64px}
.logo-slot-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.logo-slot{min-width:0;min-height:168px;border:1px solid var(--border);border-radius:18px}
.logo-slot.logo-slot-filled{background:#f7f9ff;padding:16px;gap:12px}
.logo-slot.logo-slot-filled::before{content:none}
.logo-slot-filled img{display:block;width:100%;height:150px;object-fit:contain}
.logo-slot-filled strong{color:#0e4a63;font-size:14px;font-weight:600}
.logo-slot.logo-slot-dark{background:#0b1018}
.logo-slot-dark strong{color:#f7f9ff}
@media(max-width:900px){.branding-slot-grid{grid-template-columns:1fr}.branding-slot{aspect-ratio:16/10}.logo-slot-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.logo-slot-grid{grid-template-columns:1fr 1fr}.logo-slot{min-height:140px}}
.portfolio-note { margin-top:18px; color:var(--muted); font-size:12px; }
.work-collections { padding:0 0 28px; background:var(--navy); }
.collection-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); border:1px solid var(--border); }
.collection-grid a { min-height:150px; padding:24px; border-right:1px solid var(--border); display:flex; flex-direction:column; justify-content:flex-end; background:linear-gradient(145deg,rgba(36,213,255,.035),rgba(138,66,255,.035)); transition:background .2s ease; }
.collection-grid a:last-child { border-right:0; }
.collection-grid a:hover { background:linear-gradient(145deg,rgba(36,213,255,.12),rgba(138,66,255,.1)); }
.collection-grid span { margin-bottom:auto; color:var(--cyan); font-size:10px; letter-spacing:.12em; }
.collection-grid strong { font-size:19px; }
.collection-grid small { margin-top:7px; color:var(--muted); font-size:11px; }
.inline-reel { width:100%; aspect-ratio:16/7; border:1px solid var(--border); border-radius:24px; overflow:hidden; background:#050711; position:relative; }
.inline-reel video { width:100%; height:100%; object-fit:cover; display:block; }
.inline-reel-copy { position:absolute; z-index:2; left:28px; bottom:24px; pointer-events:none; text-shadow:0 2px 20px #000; }
.inline-reel-copy span { font-size:10px; text-transform:uppercase; letter-spacing:.13em; color:var(--cyan); }
.inline-reel-copy h2 { font-size:30px; margin-top:6px; }
.tree-film-section { padding:0 0 92px; background:#07090d; }
.tree-film-card { width:100%; min-height:560px; position:relative; display:block; overflow:hidden; border:1px solid var(--journey-line); background:#080b14; color:#fff; text-align:left; cursor:pointer; padding:0; }
.tree-film-card video { width:100%; height:560px; object-fit:cover; display:block; opacity:.92; }
.tree-film-card::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(4,7,14,.84),rgba(4,7,14,.12) 62%),linear-gradient(to top,rgba(4,7,14,.7),transparent 55%); }
.tree-film-copy { position:absolute; z-index:2; left:46px; bottom:42px; max-width:620px; }
.tree-film-copy>span:first-child { display:block; color:var(--journey-warm); font-size:10px; text-transform:uppercase; letter-spacing:.14em; margin-bottom:12px; }
.tree-film-copy h2 { font-size:clamp(38px,5vw,68px); line-height:1; letter-spacing:-.045em; margin-bottom:16px; }
.tree-film-copy p { color:#c4cad5; max-width:520px; }
.tree-film-copy b { display:inline-flex; align-items:center; gap:10px; margin-top:24px; color:#fff; font-size:12px; text-transform:uppercase; letter-spacing:.08em; }
.media-modal { position:fixed; inset:0; z-index:200; display:none; place-items:center; padding:28px; background:rgba(2,4,8,.94); backdrop-filter:blur(12px); }
.media-modal.open { display:grid; }
.media-modal-shell { width:min(1180px,94vw); max-height:90vh; position:relative; }
.media-modal-content { width:100%; max-height:84vh; display:block; object-fit:contain; background:#050711; border:1px solid rgba(255,255,255,.16); box-shadow:0 30px 100px #000; }
.media-modal-close { position:absolute; z-index:2; right:-12px; top:-52px; width:42px; height:42px; border-radius:50%; border:1px solid rgba(255,255,255,.25); background:#111722; color:#fff; font-size:22px; cursor:pointer; }
.media-modal-caption { color:#d8dbe0; font-size:12px; margin-top:10px; text-align:center; }

.ai-value { display: grid; grid-template-columns: 1fr 1fr; gap: 48px; align-items: center; }
.check-list { list-style: none; padding: 0; margin: 20px 0 0; display: flex; flex-direction: column; gap: 14px; }
.check-list li { display: flex; align-items: flex-start; gap: 10px; }

.home-links-row { display: flex; gap: 16px; flex-wrap: wrap; justify-content: center; }
.home-link-card { display: flex; align-items: center; gap: 10px; padding: 16px 24px; border-radius: 999px; border: 1px solid var(--border); background: var(--glass); font-weight: 600; font-size: 14px; }
.home-link-card:hover { border-color: var(--cyan); color: var(--cyan); }

.reel-card { display: flex; flex-direction: column; align-items: center; gap: 14px; text-align: center; }
.reel-visual { width: 100%; aspect-ratio: 16/10; border-radius: 16px; background: linear-gradient(135deg, rgba(36,213,255,0.16), rgba(138,66,255,0.16)); display: flex; align-items: center; justify-content: center; color: var(--cyan); }
.reel-hero { border-radius: 24px; background: linear-gradient(135deg, rgba(36,213,255,0.18), rgba(58,115,255,0.14), rgba(138,66,255,0.18)); border: 1px solid var(--border); aspect-ratio: 21/9; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; color: var(--muted); }

.logo-strip { display: flex; flex-wrap: wrap; gap: 16px; margin-top: 24px; }
.logo-strip.large .logo-chip { padding: 24px 32px; font-size: 15px; }
.logo-chip { background: var(--glass); border: 1px solid var(--border); border-radius: 14px; padding: 16px 26px; color: var(--muted); font-size: 13px; font-weight: 600; }

.quote-card { display: flex; flex-direction: column; gap: 16px; }
.quote-attr { font-size: 13px; color: var(--muted); font-weight: 600; }

.process-row { display: grid; grid-template-columns: repeat(6, 1fr); gap: 20px; }
@media (max-width: 900px) { .process-row { grid-template-columns: repeat(2, 1fr); } }
.process-step { display: flex; flex-direction: column; gap: 6px; }
.process-n { font-family: 'Plus Jakarta Sans'; font-size: 13px; color: var(--cyan); font-weight: 700; }

.pricing-card, .pricing-preview { position: relative; }
.pricing-card.featured, .pricing-preview.featured { border-color: var(--cyan); }
.pricing-card .pill-tag, .pricing-preview .pill-tag { position: absolute; top: 18px; right: 20px; z-index:2; }
.pricing-card.featured, .pricing-preview.featured { padding-top: 54px; }
.price { font-family: 'Plus Jakarta Sans'; font-size: 24px; font-weight: 700; margin: 10px 0; background: var(--gradient); -webkit-background-clip: text; background-clip: text; color: transparent; }

.final-cta { text-align: center; display: flex; flex-direction: column; align-items: center; gap: 24px; }

.quote-banner-card { display: flex; justify-content: space-between; align-items: center; gap: 32px; padding: 36px 40px; border-radius: 26px; background: linear-gradient(135deg, rgba(36,213,255,0.10), rgba(58,115,255,0.08), rgba(138,66,255,0.10)); border: 1px solid rgba(36,213,255,0.3); }
@media (max-width: 760px) { .quote-banner-card { flex-direction: column; align-items: flex-start; } }

.footer { border-top: 1px solid var(--border); padding: 44px 0 20px; background: var(--midnight); }
.footer-grid { display: grid; grid-template-columns: 1.8fr repeat(3, 1fr); gap: 40px; }
@media (max-width: 980px) { .footer-grid { grid-template-columns: 1fr 1fr 1fr; } }
@media (max-width: 760px) { .footer-grid { grid-template-columns: 1fr 1fr; } }
.footer-heading { font-size: 12px; text-transform: uppercase; letter-spacing: 0.1em; color: var(--muted); margin-bottom: 16px; }
.footer-link { display: block; background: none; border: none; color: var(--white); padding: 6px 0; font-size: 14px; text-align: left; opacity: 0.85; }
.footer-link:hover { opacity: 1; color: var(--cyan); }
.footer-bottom { display: flex; justify-content: space-between; align-items: center; margin-top: 32px; padding-top: 20px; border-top: 1px solid var(--border); flex-wrap: wrap; gap: 12px; }
.footer-bottom-links { display: flex; gap: 20px; }
.footer-link.small { padding: 0; font-size: 13px; opacity: 0.65; }
.footer-link.small:hover { opacity: 1; }

.placeholder-note { margin-top: 24px; padding: 14px 18px; border: 1px dashed rgba(154,166,187,0.4); border-radius: 12px; color: var(--muted); font-size: 13px; }

.table-list { display: flex; flex-direction: column; gap: 1px; background: var(--border); border-radius: 16px; overflow: hidden; border: 1px solid var(--border); }
.table-row { display: grid; grid-template-columns: 1fr 1.6fr 1fr; gap: 16px; background: var(--midnight); padding: 18px 22px; }
@media (max-width: 760px) { .table-row { grid-template-columns: 1fr; } }
.table-col.strong { font-weight: 600; }

.numbered-list { list-style: none; padding: 0; display: flex; flex-direction: column; gap: 16px; }
.numbered-list li { display: flex; gap: 14px; align-items: baseline; }
.numbered-list li span { font-family: 'Plus Jakarta Sans'; color: var(--cyan); font-weight: 700; font-size: 13px; min-width: 24px; }

.chip-row { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 24px; }
.chip { background: var(--glass); border: 1px solid var(--border); border-radius: 999px; padding: 8px 16px; font-size: 13px; color: var(--muted); border: 1px solid var(--border); }
.hero-pills { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 24px; }
.hero-pills .chip { display: inline-flex; align-items: center; gap: 7px; color: var(--white); font-weight: 500; }
.hero-pills .chip svg { width: 14px; height: 14px; color: var(--cyan); flex-shrink: 0; }
.hero-pills .chip:hover { border-color: var(--cyan); background: rgba(36,213,255,0.08); }
.chip.filter { cursor: pointer; }
.chip.filter.active { color: var(--midnight); background: var(--gradient); border-color: transparent; font-weight: 600; }

.cs-row { padding: 24px 0; border-top: 1px solid var(--border); }

.form { display: flex; flex-direction: column; gap: 16px; margin-top: 20px; }
.form label { display: flex; flex-direction: column; gap: 6px; font-size: 13px; color: var(--muted); }
.form input, .form select, .form textarea { background: var(--glass); border: 1px solid var(--border); border-radius: 10px; padding: 12px 14px; color: var(--white); font-family: inherit; font-size: 14px; }
.form input:focus, .form select:focus, .form textarea:focus { border-color: var(--cyan); outline: none; }
.form input[type="file"] { padding: 10px 14px; cursor: pointer; }
.hp-field { position: absolute; left: -9999px; top: -9999px; }
.form-error { color: #ff7a7a; margin-top: 6px; }

.cookie-banner { position: fixed; left: 24px; right: 24px; bottom: -200px; z-index: 60; max-width: 720px; margin: 0 auto; background: rgba(9,16,29,0.98); border: 1px solid var(--border); border-radius: 18px; padding: 20px 24px; backdrop-filter: blur(14px); box-shadow: 0 20px 50px rgba(0,0,0,0.5); transition: bottom 0.35s ease; }
.cookie-banner.show { bottom: 24px; }
.cookie-banner-inner { display: flex; align-items: center; gap: 20px; flex-wrap: wrap; }
.cookie-banner-inner p { flex: 1; min-width: 220px; }
.cookie-banner-actions { display: flex; gap: 10px; flex-shrink: 0; }
.cookie-banner-actions .btn { padding: 10px 18px; font-size: 13px; }
@media (max-width: 640px) { .cookie-banner { left: 12px; right: 12px; } .cookie-banner-actions { width: 100%; } .cookie-banner-actions .btn { flex: 1; justify-content: center; } }
.form .checkbox { flex-direction: row; align-items: center; gap: 8px; }
.form .checkbox input { width: auto; }
.form-success { margin-top: 20px; display: none; }
.form-success.show { display: flex; flex-direction: column; gap: 10px; }

/* INTRO (homepage only) */
.intro { position: fixed; inset: 0; z-index: 100; background: #050711; display: flex; align-items: center; justify-content: center; overflow: hidden; }
.skip-intro { position: absolute; bottom: 32px; right: 32px; background: var(--glass); border: 1px solid var(--border); color: var(--white); padding: 10px 18px; border-radius: 999px; font-size: 13px; z-index: 5; }
.intro-stage { position: relative; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; }
.bits { position: absolute; inset: 0; opacity: 0.5; transition: opacity 0.6s; }
.bits span { position: absolute; font-family: ui-monospace, 'SF Mono', monospace; font-size: 12px; color: var(--cyan); opacity: 0; animation: bitfade 1.6s ease infinite; }
@keyframes bitfade { 0% { opacity: 0; } 50% { opacity: 0.8; } 100% { opacity: 0; } }
.phase-3 .bits, .phase-4 .bits { opacity: 0; }
.intro-logo { text-align: center; opacity: 0; transform: scale(0.85); transition: all 0.9s ease; }
.phase-2 .intro-logo, .phase-3 .intro-logo, .phase-4 .intro-logo { opacity: 1; transform: scale(1); }
.intro-word { font-family: 'Plus Jakarta Sans'; font-weight: 700; font-size: 30px; letter-spacing: 0.08em; margin-top: 18px; }
.intro-tag { color: var(--cyan); font-size: 13px; letter-spacing: 0.1em; margin-top: 8px; text-transform: uppercase; }

.icon { display: inline-flex; }

@media (prefers-reduced-motion: reduce) {
  * { animation: none !important; transition: none !important; }
}

/* NETTORRA JOURNEY — focused website design and SEO direction */
.journey-site { --journey-bg:#07090d; --journey-panel:#0e1218; --journey-line:rgba(255,255,255,.11); --journey-warm:#e4ff59; --journey-copy:#a8adb7; background:var(--journey-bg); color:#f6f7f4; }
.journey-site .container { max-width:1800px; }
.skip-link { position:fixed; left:16px; top:-80px; z-index:200; background:#fff; color:#050711; padding:10px 16px; border-radius:6px; }
.skip-link:focus { top:16px; }
.journey-nav { --journey-line:rgba(255,255,255,.11); --journey-warm:#e4ff59; background:rgba(7,9,13,.92); border-bottom:1px solid var(--journey-line); }
.journey-nav .nav-inner { max-width:1380px; }
.journey-logo { width:82px; height:61px; object-fit:contain; object-position:left center; }
.journey-nav .nav-link { color:#aeb2ba; padding:8px 11px; }
.journey-nav .nav-link:hover,.journey-nav .nav-link.active { color:#fff; background:rgba(255,255,255,.06); }
.journey-nav .btn-primary { background:var(--gradient); color:#fff; box-shadow:0 8px 24px rgba(58,115,255,.24); }
.journey-nav .menu-btn { color:#fff; font-size:12px; text-transform:uppercase; letter-spacing:.12em; }
.journey-hero { min-height:760px; padding:28px 0 58px; position:relative; overflow:hidden; background:radial-gradient(circle at 75% 25%,rgba(84,96,120,.18),transparent 37%),linear-gradient(180deg,#090c11,#07090d); }
.hero-noise { position:absolute; inset:0; opacity:.13; 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:64px 64px; mask-image:linear-gradient(to bottom,#000,transparent 80%); }
.journey-hero-grid { position:relative; display:grid; grid-template-columns:.9fr 1.1fr; gap:72px; align-items:center; }
.journey-kicker { display:flex; align-items:center; gap:10px; margin:0 0 24px; color:#bdc1c9; font-size:11px; letter-spacing:.14em; text-transform:uppercase; font-weight:650; }
.journey-kicker span { width:28px; height:1px; background:var(--journey-warm); }
.journey-site p.home-section-label { font-family:Inter,system-ui,sans-serif; font-size:17px; font-weight:650; line-height:1.65; letter-spacing:.14em; text-transform:uppercase; margin:0 0 24px; }
.home-final p.home-section-label { color:#bdc1c9; }
.journey-hero h1 { max-width:650px; font-size:clamp(50px,6vw,84px); line-height:.98; letter-spacing:-.052em; font-weight:560; }
.journey-hero h1 em,.journey-final h2 em { font-family:Georgia,serif; font-weight:400; color:var(--journey-warm); }
.journey-lede { max-width:620px; margin:28px 0 0; color:var(--journey-copy); font-size:18px; line-height:1.68; }
.journey-actions { display:flex; align-items:center; gap:10px; margin-top:38px; }
.journey-btn { display:inline-flex; align-items:center; justify-content:center; gap:14px; min-height:52px; padding:0 23px; border-radius:4px; font-size:13px; font-weight:700; letter-spacing:.01em; transition:transform .2s ease,background .2s ease; }
.journey-btn:hover { transform:translateY(-2px); }
.journey-btn.solid { background:var(--gradient); color:#fff; box-shadow:0 8px 24px rgba(58,115,255,.22); }
.journey-btn.text { padding:0; color:#fff; border-bottom:1px solid rgba(255,255,255,.35); border-radius:0; }
.journey-proof { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; width:100%; padding-top:35px; margin-top:40px; border-top:1px solid var(--journey-line); }
.journey-proof div { display:flex; flex-direction:column; gap:5px; }
.journey-proof strong { font-size:16px; }
.journey-proof span { color:#808691; font-size:10px; text-transform:uppercase; letter-spacing:.1em; }
.website-stage { min-height:620px; position:relative; perspective:1400px; }
.browser-frame { overflow:hidden; position:absolute; background:#e9ebee; border-radius:12px; border:1px solid rgba(255,255,255,.2); box-shadow:0 40px 100px rgba(0,0,0,.5); }
.browser-top { height:31px; background:#eceef1; display:flex; align-items:center; padding:0 11px; gap:5px; color:#69717e; }
.browser-top i { width:6px; height:6px; background:#c3c8ce; border-radius:50%; }
.browser-top span { margin-left:auto; margin-right:auto; font-size:7px; }
.browser-frame img { width:100%; display:block; }
.frame-main { width:92%; right:0; top:30px; transform:rotateY(-7deg) rotateX(2deg); }
.frame-main img { height:500px; object-fit:cover; object-position:top; }
.frame-main.brand-stage img { object-position:center; }
.frame-float { width:45%; left:-15px; bottom:5px; transform:rotateY(8deg) rotate(-2deg); border:5px solid #161a20; }
.frame-float .browser-top { height:20px; }
.frame-float img { height:260px; object-fit:cover; object-position:top; }
.frame-float.motion-frame img { object-position:center; }
.stage-label { position:absolute; right:-4px; bottom:12px; width:260px; padding:18px 20px; background:rgba(13,17,23,.94); border:1px solid var(--journey-line); backdrop-filter:blur(12px); display:flex; flex-direction:column; gap:5px; }
.stage-label span { color:var(--journey-warm); font-size:9px; letter-spacing:.12em; text-transform:uppercase; }.stage-label strong{font-size:17px}.stage-label small{color:#8f949e;font-size:10px}
.journey-step { width:100%; max-width:1800px; margin:48px auto 0; padding:20px 40px 0; display:grid; grid-template-columns:50px 1fr auto; border-top:1px solid var(--journey-line); color:#818691; font-size:11px; text-transform:uppercase; letter-spacing:.12em; }
.journey-step b { color:var(--journey-warm); }
.journey-section { padding:120px 0; border-top:1px solid var(--journey-line); }
.narrow-copy { max-width:950px!important; margin-left:max(24px,calc((100% - 1320px)/2)); }
.narrow-copy h2,.journey-heading-row h2,.growth-copy h2 { font-size:clamp(38px,5vw,68px); max-width:900px; line-height:1.04; letter-spacing:-.045em; font-weight:520; }
.narrow-copy>p:last-child { max-width:800px; color:var(--journey-copy); font-size:19px; line-height:1.65; margin-top:26px; }
.journey-duo { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin-top:65px; }
.focus-card { min-height:410px; padding:34px; display:flex; flex-direction:column; justify-content:space-between; border:1px solid var(--journey-line); background:#0c1015; position:relative; overflow:hidden; }
.focus-card::after { content:""; position:absolute; width:300px; height:300px; border-radius:50%; right:-130px; top:-140px; filter:blur(20px); background:rgba(228,255,89,.06); }
.focus-card.seo-card { background:linear-gradient(145deg,#12170d,#0d1213); }
.focus-card.secure-card { background:linear-gradient(145deg,#0a1718,#0d1216); }
.card-number { align-self:flex-end; color:#6e747e; font-size:12px; }
.focus-card .focus-card-head>p { color:var(--journey-warm); font-size:10px; text-transform:uppercase; letter-spacing:.12em; }.focus-card h3{font-size:38px;letter-spacing:-.04em;margin:8px 0 15px}.focus-card .focus-card-body>p{max-width:500px;color:var(--journey-copy);line-height:1.6}.focus-card b{display:block;margin-top:26px;color:#fff;font-size:12px}
.work-section { background:#0b0e13; }.journey-heading-row{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:48px}.journey-heading-row>a{color:#fff;font-size:12px;border-bottom:1px solid #555;padding-bottom:5px}.journey-heading-row h2{font-size:clamp(38px,4.4vw,62px)}
.project-gallery { display:grid; grid-template-columns:repeat(2,1fr); gap:14px; }.project-gallery .project-card{height:510px;position:relative;overflow:hidden;background:#11151b}.project-gallery .project-card.project-wide{grid-column:1/-1;height:620px}.project-gallery .project-card img,.project-gallery .project-card video{width:100%;height:100%;object-fit:cover;transition:transform .65s cubic-bezier(.2,.8,.2,1)}.project-gallery .project-card:hover img,.project-gallery .project-card:hover video{transform:scale(1.035)}.project-gallery .project-card::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(3,5,8,.9),transparent 58%)}.project-gallery .project-overlay{position:absolute;z-index:2;left:30px;right:30px;bottom:28px}.project-gallery .project-overlay p{font-size:9px;color:var(--journey-warm);text-transform:uppercase;letter-spacing:.13em}.project-gallery .project-overlay h3{font-size:31px;margin:7px 0}.project-gallery .project-overlay span{font-size:11px;color:#c2c6cc}
.project-gallery button.project-card{border:0;color:#fff;text-align:left;cursor:pointer;padding:0;font:inherit}
.growth-section { background:var(--journey-warm); color:#0b0e08; }.growth-grid{display:grid;grid-template-columns:1fr .9fr;gap:85px;align-items:center}.growth-copy .journey-kicker{color:#49502e}.growth-copy .journey-kicker span{background:#171d08}.growth-copy h2{font-size:clamp(40px,5vw,68px)}.growth-copy>p{font-size:17px;line-height:1.65;max-width:620px;margin:25px 0}.growth-copy ul{list-style:none;padding:0;margin:28px 0 35px;display:grid;grid-template-columns:1fr 1fr;gap:14px}.growth-copy li{font-size:12px;font-weight:650}.growth-copy li span{margin-right:8px}.growth-copy .journey-btn{background:#0b0e08;color:white}
.growth-dashboard{background:#0b0e12;color:#f5f6f4;padding:28px;border-radius:16px;box-shadow:0 40px 90px rgba(17,20,7,.25);transform:rotate(1.5deg)}.dashboard-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:20px;border-bottom:1px solid #ffffff18}.dashboard-head div{display:flex;flex-direction:column;gap:5px}.dashboard-head small{font-size:8px;letter-spacing:.14em;color:#8d949d}.dashboard-head strong{font-size:17px}.live-pill{background:#1a2c20;color:#7fe19e;border:1px solid #294d36;border-radius:20px;font-size:8px;padding:5px 8px}.score-widget{display:flex;align-items:center;gap:22px;padding:25px 0}.score-circle{width:84px;height:84px;flex:0 0 84px;aspect-ratio:1;border-radius:50%;display:grid;place-content:center;text-align:center;background:conic-gradient(var(--journey-warm) 0 82%,#262a31 82%);position:relative}.score-circle::after{content:"";position:absolute;inset:7px;background:#0b0e12;border-radius:50%}.score-circle strong,.score-circle span{position:relative;z-index:1}.score-circle strong{font-size:24px}.score-circle span{font-size:8px;color:#8b929c}.score-widget>div:last-child{display:flex;flex-direction:column;gap:4px;min-width:0}.score-widget small{font-size:8px;color:#7f8690;text-transform:uppercase}.score-widget>div:last-child strong{font-size:14px}.score-widget p{font-size:9px;color:#9fa5ad}.growth-bars{border-top:1px solid #ffffff12;border-bottom:1px solid #ffffff12;padding:16px 0}.growth-bars>div{display:grid;grid-template-columns:65px 1fr 25px;align-items:center;gap:10px;padding:6px 0;font-size:8px;color:#9ca2aa}.growth-bars i{height:4px;background:linear-gradient(90deg,var(--journey-warm) var(--bar),#262a30 var(--bar));border-radius:4px}.growth-bars b{color:#fff}.dashboard-task{margin-top:18px;padding:15px;background:#141820;border:1px solid #252a34;border-radius:8px;display:flex;flex-direction:column;gap:5px}.dashboard-task span{font-size:7px;color:#ffab6b;letter-spacing:.1em}.dashboard-task strong{font-size:11px}.dashboard-task small{font-size:8px;color:#828994}
.support-section{background:#07090d}.support-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.support-grid>a{min-height:310px;padding:28px;border:1px solid var(--journey-line);display:flex;flex-direction:column;justify-content:flex-end;transition:background .2s}.support-grid>a:hover{background:#11151c}.support-grid span{margin-bottom:auto;color:var(--journey-warm);font-size:9px;text-transform:uppercase;letter-spacing:.12em}.support-grid h3{font-size:26px;letter-spacing:-.03em;margin-bottom:12px}.support-grid p{color:var(--journey-copy);font-size:13px;line-height:1.6}.support-grid b{font-size:11px;margin-top:22px}
.process-section{background:#0d1015}.process-track{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--journey-line)}.process-track>div{min-height:230px;padding:25px 25px 25px 0;border-right:1px solid var(--journey-line)}.process-track>div+div{padding-left:25px}.process-track span{color:var(--journey-warm);font-size:10px}.process-track strong{display:block;font-size:20px;margin:50px 0 10px}.process-track p{font-size:11px;line-height:1.55;color:var(--journey-copy)}
.journey-final{padding:130px 0;background:#e9e8e1;color:#10110e}.journey-final p{font-size:10px;text-transform:uppercase;letter-spacing:.14em}.journey-final h2{font-size:clamp(48px,7vw,96px);line-height:.96;letter-spacing:-.055em;font-weight:520;margin:25px 0 45px}.journey-final h2 em{color:#454b23}.journey-final>div>div{display:flex;align-items:center;gap:28px}.journey-btn.light{background:#10110e;color:white}.journey-final>div>div>a:last-child{color:#252721;font-size:12px;border-bottom:1px solid #9d9e97;padding-bottom:4px}
.journey-footer{padding:44px 0 18px;background:#06080b;border-top:1px solid var(--journey-line)}.footer-brand-row{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:28px;border-bottom:1px solid var(--journey-line)}.footer-brand-row img{width:118px;height:88px;object-fit:contain;object-position:left top}.footer-brand-row p{text-align:right;color:#8e949e;font-size:12px;line-height:1.6}.footer-link-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;padding:30px 40px}.footer-link-grid>div{display:flex;flex-direction:column;gap:9px}.footer-link-grid strong{color:#777e88;font-size:9px;text-transform:uppercase;letter-spacing:.12em;margin-bottom:5px}.footer-link-grid a{color:#e5e7e9;font-size:11px}.footer-link-grid a:hover{color:var(--journey-warm)}.footer-end{border-top:1px solid var(--journey-line);padding-top:16px;display:flex;justify-content:space-between;color:#717782;font-size:9px;text-transform:uppercase;letter-spacing:.1em}.footer-end div{display:flex;gap:18px}
.footer-brand-logo{width:132px;height:98px;object-fit:contain;object-position:left top;margin-bottom:16px}
@media(max-width:1100px){.service-grid-five{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1180px) and (min-width:1051px){.journey-duo{grid-template-columns:1fr 1fr}.journey-duo .secure-card{grid-column:1/-1}}
@media(max-width:1050px){.journey-hero-grid,.growth-grid{grid-template-columns:1fr}.journey-hero{padding-top:135px}.website-stage{margin-top:10px;min-height:570px}.journey-duo{grid-template-columns:1fr}.support-grid{grid-template-columns:1fr 1fr}.journey-step{margin-inline:24px}.growth-dashboard{transform:none}.narrow-copy{margin-left:auto}}
@media(max-width:720px){.journey-hero{min-height:auto;padding:115px 0 48px}.journey-hero h1{font-size:48px}.journey-lede{font-size:15px}.journey-actions{align-items:flex-start;flex-direction:column;gap:13px}.journey-proof{display:grid;grid-template-columns:1fr 1fr;gap:18px}.website-stage{min-height:410px;margin-top:35px}.frame-main{width:100%}.frame-main img{height:340px}.frame-float{display:none}.stage-label{width:220px;right:-5px}.journey-section{padding:78px 0}.narrow-copy h2,.journey-heading-row h2,.growth-copy h2{font-size:41px}.narrow-copy>p:last-child{font-size:16px}.focus-card{min-height:340px;padding:25px}.project-gallery{grid-template-columns:1fr}.project-gallery .project-card,.project-gallery .project-card.project-wide{grid-column:auto;height:430px}.journey-heading-row{align-items:flex-start;flex-direction:column}.growth-copy ul{grid-template-columns:1fr}.support-grid{grid-template-columns:1fr}.support-grid>a{min-height:250px}.process-track{grid-template-columns:1fr 1fr}.process-track>div{min-height:200px}.journey-final h2{font-size:52px}.journey-final>div>div{align-items:flex-start;flex-direction:column}.footer-brand-row{gap:30px;flex-direction:column}.footer-brand-row p{text-align:left}.footer-link-grid{grid-template-columns:1fr 1fr}.project-gallery .project-overlay{left:20px;bottom:20px}.journey-step{display:none}}

.seo-page-hero{padding:175px 0 115px;min-height:780px;display:flex;align-items:center;background:radial-gradient(circle at 80% 25%,rgba(228,255,89,.11),transparent 32%),#07090d}.seo-hero-grid{display:grid;grid-template-columns:1fr .9fr;gap:72px;align-items:center}.seo-page-hero h1{max-width:760px;font-size:clamp(52px,6.3vw,88px);line-height:.97;letter-spacing:-.055em;font-weight:540}.seo-page-hero h1 em{font-family:Georgia,serif;color:var(--journey-warm);font-weight:400}.seo-page-hero>div>div:first-child>p:last-of-type{max-width:630px;color:var(--journey-copy);font-size:17px;line-height:1.7;margin-top:26px}.seo-signal{padding:28px;background:#10141a;border:1px solid var(--journey-line);box-shadow:0 40px 100px #0008}.signal-header{display:flex;justify-content:space-between;color:#9da5af;font-size:10px;text-transform:uppercase;letter-spacing:.1em}.signal-overview{display:flex;align-items:center;gap:20px;padding:28px 0 22px;border-bottom:1px solid #ffffff14}.signal-score{width:106px;height:106px;flex:0 0 106px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle,#10141a 57%,transparent 59%),conic-gradient(var(--journey-warm) 0 82%,#29313a 82%)}.signal-score strong{font-size:36px}.signal-score span{font-size:10px;color:#818a95}.signal-overview>div:last-child{display:flex;flex-direction:column;gap:5px}.signal-overview small{color:#89929e;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.signal-overview h2{font-size:21px;margin:0}.signal-overview p{margin:0;color:#9aa3ad;font-size:12px}.signal-priorities{padding:19px 0 4px}.signal-priorities>span{color:var(--journey-warm);font-size:9px;letter-spacing:.12em}.signal-priorities>div{display:grid;grid-template-columns:28px 1fr;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid #ffffff10}.signal-priorities>div>b{width:28px;height:28px;display:grid;place-items:center;background:#272e36;color:var(--journey-warm);font-size:9px}.signal-priorities p{display:flex;flex-direction:column;gap:3px;margin:0}.signal-priorities strong{font-size:11px}.signal-priorities small{color:#818a95;font-size:9px}.signal-foot{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding-top:18px}.signal-foot span{display:flex;flex-direction:column;gap:6px;color:#8d96a1;font-size:10px}.signal-foot b{color:#fff;font-size:18px}.seo-intro{background:#0c0f14}.seo-deliverables{margin-top:60px;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--journey-line)}.seo-deliverables>div{min-height:280px;padding:25px;border-right:1px solid var(--journey-line)}.seo-deliverables>div:first-child{padding-left:0}.seo-deliverables span{font-size:11px;color:var(--journey-warm)}.seo-deliverables h3{font-size:23px;margin:75px 0 12px}.seo-deliverables p{color:var(--journey-copy);font-size:13px;line-height:1.65}.seo-tool-section{background:var(--journey-warm);color:#0b0e08}.seo-tool-section .growth-copy .journey-btn{background:#0b0e08;color:white}.seo-plans{background:#080a0e}.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.plan-grid article{padding:30px;min-height:480px;border:1px solid var(--journey-line);display:flex;flex-direction:column;background:#0d1015}.plan-grid article.featured{border-color:var(--journey-warm);background:linear-gradient(150deg,#151b0c,#0d1114)}.plan-grid article>span{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:var(--journey-warm)}.plan-grid h3{font-size:30px;margin:40px 0 8px}.plan-grid article>strong{font-size:18px}.plan-grid article>p{color:var(--journey-copy);font-size:14px;line-height:1.6;margin:18px 0}.plan-grid ul{padding:18px 0 0;margin:0;list-style:none;border-top:1px solid var(--journey-line)}.plan-grid li{font-size:13px;color:#bec2c8;padding:7px 0}.plan-grid li::before{content:"✓";color:var(--journey-warm);margin-right:8px}.plan-grid article>a{margin-top:auto;color:#fff;font-size:13px;border-top:1px solid var(--journey-line);padding-top:20px}
@media(max-width:900px){.seo-hero-grid{grid-template-columns:1fr}.seo-page-hero{padding-top:140px}.seo-deliverables,.plan-grid{grid-template-columns:1fr 1fr}.seo-deliverables>div{border-bottom:1px solid var(--journey-line)}}
@media(max-width:650px){.hero-sm .h1,.seo-page-hero h1{font-size:50px}.seo-deliverables,.plan-grid{grid-template-columns:1fr}.seo-deliverables>div{min-height:220px;padding-left:0}.seo-deliverables h3{margin-top:48px}.signal-number strong{font-size:52px}.signal-foot{grid-template-columns:1fr 1fr}}
@media(max-width:860px){.portfolio-grid,.portfolio-grid.three,.service-grid-five{grid-template-columns:1fr}.collection-grid{grid-template-columns:1fr 1fr}.collection-grid a:nth-child(2){border-right:0}.collection-grid a:nth-child(-n+2){border-bottom:1px solid var(--border)}.media-card,.media-card img,.media-card>video{min-height:360px}.media-card.wide,.media-card.wide img,.media-card.wide>video{min-height:390px}.inline-reel{aspect-ratio:4/3}.footer-link-grid{grid-template-columns:repeat(2,1fr);padding-left:24px;padding-right:24px}.tree-film-card,.tree-film-card video{min-height:460px;height:460px}.tree-film-copy{left:28px;right:28px;bottom:30px}}
@media(max-width:560px){.section{padding:54px 0}.hero-sm{padding:34px 0 10px}.hero-sm + .section{padding-top:38px}.collection-grid{grid-template-columns:1fr}.collection-grid a{min-height:125px;border-right:0;border-bottom:1px solid var(--border)}.collection-grid a:last-child{border-bottom:0}.media-card,.media-card img,.media-card>video{min-height:320px}.media-card-copy{left:18px;right:18px;bottom:18px}.media-card-copy h3{font-size:22px}.media-modal{padding:14px}.media-modal-close{right:0}.footer-end{align-items:flex-start;flex-direction:column}.footer-link-grid{gap:28px 18px}.tree-film-section{padding-bottom:64px}.tree-film-card,.tree-film-card video{min-height:420px;height:420px}.tree-film-copy{left:22px;right:22px;bottom:24px}.tree-film-copy h2{font-size:38px}}

/* Shared footer social media row */
.footer-brand-copy{display:flex;flex-direction:column;align-items:flex-end;gap:15px}.footer-socials{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px}.footer-social-link{width:36px;height:36px;border:1px solid #2b313b;border-radius:50%;display:grid;place-items:center;color:#c8cdd5;background:#0c0f14;transition:color .2s,border-color .2s,background .2s,transform .2s}.footer-social-link svg{width:18px;height:18px;fill:currentColor}.footer-social-link svg .social-cut{fill:none;stroke:#06080b;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.footer-social-link svg .social-dot{fill:#06080b}.footer-social-link svg .social-play{fill:#06080b}.footer-social-link:hover{color:var(--journey-warm);border-color:var(--journey-warm);background:#11161d;transform:translateY(-2px)}.footer-social-link.is-pending{opacity:.6;cursor:default}.footer-social-link.is-pending:hover{color:#c8cdd5;border-color:#2b313b;background:#0c0f14;transform:none}
@media(max-width:720px){.footer-brand-copy{align-items:flex-start}.footer-socials{justify-content:flex-start}}

/* Recognisable social brand colours */
.footer-social-link.social-line{background:#06c755;border-color:#06c755;color:#fff}.footer-social-link.social-whatsapp{background:#25d366;border-color:#25d366;color:#fff}.footer-social-link.social-instagram{background:radial-gradient(circle at 30% 105%,#ffd600 0 20%,#ff7a00 34%,#ff0169 58%,#d300c5 75%,#7638fa 100%);border-color:#d92a7b;color:#fff}.footer-social-link.social-linkedin{background:#0a66c2;border-color:#0a66c2;color:#fff}.footer-social-link.social-tiktok{background:#111;border-color:#424852;color:#fff}.footer-social-link.social-tiktok svg{filter:drop-shadow(-1px 0 #25f4ee) drop-shadow(1px 0 #fe2c55)}.footer-social-link.social-facebook{background:#1877f2;border-color:#1877f2;color:#fff}.footer-social-link.social-youtube{background:#f00;border-color:#f00;color:#fff}.footer-social-link[class*="social-"]:hover{color:#fff;border-color:#fff;filter:brightness(1.08);transform:translateY(-2px)}.footer-social-link[class*="social-"].is-pending{opacity:.82}.footer-social-link[class*="social-"].is-pending:hover{color:#fff;border-color:currentColor;filter:none;transform:none}.footer-social-link svg .social-cut{stroke:#fff}.footer-social-link svg .social-dot,.footer-social-link svg .social-play{fill:#fff}.journey-nav .nav-links{gap:6px}.journey-nav .nav-link{padding-inline:9px;font-size:12.5px}.mobile-menu a.active{color:#fff;background:rgba(255,255,255,.055);padding-left:10px}
@media(max-width:1320px){.journey-nav .nav-links{display:flex}.journey-nav .menu-btn{display:none}}
@media(max-width:1120px){.journey-nav .nav-cta{display:none}}
@media(max-width:900px){.journey-nav .nav-links{display:none}.journey-nav .nav-cta{display:none}.journey-nav .menu-btn{display:block}}
@media(max-width:1200px) and (min-width:901px){.journey-nav .nav-links{gap:2px}.journey-nav .nav-link{padding-inline:5px;font-size:11.5px;letter-spacing:-.01em}}
@media(max-width:1050px){.journey-step{margin-inline:auto;padding-inline:24px}}
@media(max-width:720px){.journey-proof>div:last-child{grid-column:1/-1}}

/* Animated tree film now forms the visual side of the homepage hero */
.hero-film-card{min-height:590px;border-radius:12px;box-shadow:0 40px 100px rgba(0,0,0,.48);cursor:default}.hero-film-card video{height:590px}.hero-film-card .tree-film-copy{left:32px;right:32px;bottom:31px;max-width:500px}.hero-film-card .tree-film-copy h2{font-size:clamp(34px,3.7vw,54px)}.hero-film-card .tree-film-copy p{font-size:13px}
@media(max-width:1050px){.hero-film-card,.hero-film-card video{min-height:520px;height:520px}}
@media(max-width:560px){.hero-film-card,.hero-film-card video{min-height:430px;height:430px}.hero-film-card .tree-film-copy{left:22px;right:22px;bottom:24px}.hero-film-card .tree-film-copy h2{font-size:38px}}

/* Tighter, consistent vertical rhythm across journey pages */
.journey-hero{min-height:auto;padding:42px 0 48px}.journey-section{padding:92px 0}.promise-section{padding-top:76px}.journey-final{padding:100px 0}
@media(max-width:1050px){.journey-hero{padding:58px 0}.journey-section{padding:78px 0}}
@media(max-width:720px){.journey-hero{padding:54px 0 44px}.journey-section{padding:64px 0}.promise-section{padding-top:58px}.journey-final{padding:78px 0}}

/* Visual service cards */
.focus-card.visual-card{min-height:620px;padding:0;justify-content:flex-start}.focus-card.visual-card::after{display:none}.focus-card.visual-card .card-number{position:absolute;z-index:2;top:22px;right:24px;width:36px;height:36px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.24);border-radius:50%;background:rgba(6,9,14,.72);color:#fff;backdrop-filter:blur(10px)}.focus-card-head{padding:26px 76px 20px 30px;border-bottom:1px solid var(--journey-line)}.focus-card-head h3{margin-bottom:0}.focus-card-media{width:100%;aspect-ratio:16/9;overflow:hidden;border-bottom:1px solid var(--journey-line);background:#05070b}.focus-card-media img{width:100%;height:100%;display:block;object-fit:contain;object-position:center}.focus-card.seo-card .focus-card-media img{object-position:center}.focus-card-body{padding:24px 30px 30px}.focus-card.visual-card .focus-card-body b{margin-top:20px}
@media(min-width:1181px){.journey-duo .focus-card-head{padding-left:24px}.journey-duo .focus-card-head h3{font-size:clamp(30px,2.4vw,38px)}.journey-duo .focus-card-body{padding:22px 24px 27px}.journey-duo .focus-card-body>p{font-size:15px}.journey-duo .focus-card.visual-card .focus-card-body b{margin-top:16px}}
@media(max-width:720px){.focus-card.visual-card{min-height:0;padding:0}.focus-card-head{padding:22px 68px 17px 24px}.focus-card-head h3{font-size:32px}.focus-card-body{padding:22px 24px 26px}}
.focus-card.visual-card{min-height:0}

/* Homepage SEO growth panel — dark Nettorra palette and matched actions */
.growth-section{position:relative;overflow:hidden;background:radial-gradient(circle at 80% 20%,rgba(98,65,255,.16),transparent 34%),radial-gradient(circle at 15% 80%,rgba(24,194,255,.1),transparent 32%),linear-gradient(135deg,#07101b 0%,#0a101c 48%,#111023 100%);color:#f5f7fb;border-top:1px solid #1d2a3a;border-bottom:1px solid #1d2a3a}.growth-section::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:48px 48px;mask-image:linear-gradient(to bottom,transparent,#000 22%,#000 78%,transparent);pointer-events:none}.growth-section .growth-grid{position:relative;z-index:1}.growth-section .growth-copy .journey-kicker{color:#91a6bf}.growth-section .growth-copy .journey-kicker span{background:#21c7f4}.growth-section .growth-copy>p{color:#b3bfce}.growth-section .growth-copy li{color:#e6ebf2}.growth-section .growth-copy li span{color:#28c8f4}.growth-section .growth-copy .journey-actions{align-items:stretch;flex-wrap:wrap}.growth-section .growth-copy .journey-btn{box-sizing:border-box;min-width:166px;min-height:52px;padding:0 22px;border-radius:5px;white-space:nowrap}.growth-section .growth-copy .journey-btn.solid{background:linear-gradient(110deg,#24c5f3,#315cff 58%,#7a3cff);color:#fff;box-shadow:0 12px 30px rgba(42,104,255,.24)}.growth-section .growth-copy .journey-btn.text{background:rgba(255,255,255,.035);color:#f4f7fb;border:1px solid #3b485a}.growth-section .growth-copy .journey-btn.text:hover{background:#151d29;border-color:#6f8198}.growth-section .growth-dashboard{background:linear-gradient(145deg,#0d131d,#090d14);border:1px solid #263448;box-shadow:0 35px 85px rgba(0,0,0,.4),0 0 0 1px rgba(46,198,244,.04);transform:none}.growth-section .score-circle{background:conic-gradient(#28c7f4 0 56%,#6d43ff 56% 82%,#27313d 82%)}.growth-section .growth-bars i{background:linear-gradient(90deg,#28c7f4 0,#4768ff var(--bar),#27313d var(--bar))}.growth-section .dashboard-task span{color:#59d7fa}.growth-section .live-pill{background:#10233a;color:#5bd9fa;border-color:#1f4b68}
@media(max-width:520px){.growth-section .growth-copy .journey-actions{width:100%}.growth-section .growth-copy .journey-btn{width:100%}}

/* Five connected disciplines — visual cards */
.support-grid.discipline-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}.discipline-grid .discipline-card{grid-column:span 2;width:100%;min-height:390px;padding:0;position:relative;isolation:isolate;overflow:hidden;border:1px solid var(--journey-line);border-radius:4px;background:#0a0d12;color:#fff;text-align:left;font:inherit;cursor:pointer}.discipline-grid .discipline-card:nth-child(4),.discipline-grid .discipline-card:nth-child(5){grid-column:span 3}.discipline-card>img{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .55s ease,filter .55s ease;filter:saturate(.8) brightness(.67)}.discipline-card:nth-child(2)>img{object-position:top left}.discipline-card::after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,rgba(4,7,11,.18) 0%,rgba(4,7,11,.48) 44%,rgba(4,7,11,.97) 100%)}.discipline-card>div{width:100%;min-height:390px;padding:27px;display:flex;flex-direction:column;justify-content:flex-end}.discipline-card:hover>img,.discipline-card:focus-visible>img{transform:scale(1.025);filter:saturate(1) brightness(.75)}.discipline-card:focus-visible{outline:2px solid #31c8f4;outline-offset:3px}.discipline-grid span{margin-bottom:auto;color:#bceeff;text-shadow:0 1px 8px #000}.discipline-grid h3{color:#fff;text-shadow:0 2px 18px #000}.discipline-grid p{color:#d4dbe5}.discipline-grid b{color:#fff}
@media(max-width:1050px){.support-grid.discipline-grid{grid-template-columns:1fr 1fr}.discipline-grid .discipline-card,.discipline-grid .discipline-card:nth-child(4),.discipline-grid .discipline-card:nth-child(5){grid-column:auto}}
@media(max-width:680px){.support-grid.discipline-grid{grid-template-columns:1fr}.discipline-grid .discipline-card,.discipline-card>div{min-height:330px}}

/* Clear, recognisable marks inside the branded social buttons */
.footer-social-link svg{overflow:visible}.footer-social-link .social-outline{fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.footer-social-link .social-letter{fill:#fff;font-family:Arial,sans-serif;font-weight:800;text-anchor:middle}.footer-social-link .social-line-word{font-size:6px;letter-spacing:-.4px}.footer-social-link .social-in-word{font-size:12px}.footer-social-link .social-facebook-word{font-size:18px}

/* Animated example SEO journey */
.growth-timeline{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:20px 0 2px;padding:5px;border:1px solid #263448;border-radius:8px;background:#080c12}.growth-timeline button{min-height:36px;padding:7px 10px;border:0;border-radius:5px;background:transparent;color:#7f8b9a;font:inherit;font-size:9px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;cursor:pointer;transition:background .25s,color .25s,box-shadow .25s}.growth-timeline button:hover{color:#fff}.growth-timeline button.active{color:#fff;background:linear-gradient(110deg,#1aaedb,#315cff 60%,#7043e8);box-shadow:0 7px 18px rgba(39,103,255,.2)}.growth-section .score-circle{background:conic-gradient(from 210deg,#6d43ff 0 24%,#28c7f4 24% var(--score),#27313d var(--score) 100%);transition:background .6s ease}.growth-section .growth-bars i{position:relative;overflow:hidden;background:#27313d}.growth-section .growth-bars i::after{content:"";position:absolute;inset:0 auto 0 0;width:var(--bar);border-radius:inherit;background:linear-gradient(90deg,#28c7f4,#4768ff);transition:width .7s cubic-bezier(.2,.8,.2,1)}.growth-dashboard.is-updating .score-widget,.growth-dashboard.is-updating .dashboard-task{animation:growthPulse .55s ease}@keyframes growthPulse{0%{opacity:.58;transform:translateY(4px)}100%{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.growth-timeline button,.growth-section .growth-bars i::after{transition:none}.growth-dashboard.is-updating .score-widget,.growth-dashboard.is-updating .dashboard-task{animation:none}}

/* SEO product showcase — dark blue instead of lime */
.seo-tool-section{background:radial-gradient(circle at 12% 18%,rgba(38,198,244,.13),transparent 32%),radial-gradient(circle at 88% 80%,rgba(108,65,255,.13),transparent 34%),linear-gradient(145deg,#0a1421,#0b101a 55%,#121126);color:#f5f7fb;border-top:1px solid #213147;border-bottom:1px solid #213147}.seo-tool-section .journey-kicker{color:#91a6bf}.seo-tool-section .journey-kicker span{background:#28c7f4}.seo-tool-section .growth-copy>p{color:#b4c0cf}.seo-tool-section .growth-copy .journey-btn{display:inline-flex;background:linear-gradient(110deg,#24c5f3,#315cff 58%,#7a3cff);color:#fff;box-shadow:0 12px 30px rgba(42,104,255,.24)}.seo-tool-section .seo-tool-points li{color:#e7edf5;border-color:#2d3d51;background:rgba(255,255,255,.035)}.seo-tool-section .seo-tool-points span{color:#37caf4}.seo-tool-section .tool-dashboard-preview{width:min(100%,1265px);margin-inline:auto;border-color:#304157;box-shadow:0 38px 85px rgba(0,0,0,.44)}
.seo-tool-section .tool-dashboard-preview{min-height:0;display:block;background:#090d12;border-radius:10px}
.seo-tool-section .tool-dashboard-preview img{display:block;width:100%;height:auto;object-fit:contain}
.seo-tool-section .tool-dashboard-preview>span{position:static;display:block;padding:16px 20px;text-align:center;font-size:14px;border-radius:0}
.seo-preview-note{width:min(100%,1265px);margin:16px auto 0;color:#aebccc;font-size:14px;line-height:1.6}

/* AI automation workflow preview */
.automation-demo{width:min(1280px,92vw);padding:34px;border:1px solid #28415a;border-radius:14px;background:radial-gradient(circle at 85% 10%,rgba(104,67,255,.2),transparent 30%),linear-gradient(145deg,#0b111a,#070a10);color:#f6f8fb;box-shadow:0 35px 100px #0009}.automation-demo-head{display:grid;grid-template-columns:1fr auto;align-items:end;padding-bottom:24px;border-bottom:1px solid #263342}.automation-demo-head span{grid-column:1/-1;color:#35cef6;font-size:10px;font-weight:700;letter-spacing:.14em}.automation-demo-head strong{font-size:clamp(24px,3vw,40px);letter-spacing:-.035em;margin-top:8px}.automation-demo-head small{color:#8f9bab;text-transform:uppercase;letter-spacing:.1em}.automation-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1fr;gap:10px;align-items:center;padding:34px 0}.automation-step{min-height:190px;padding:20px;border:1px solid #253446;border-radius:10px;background:#101720;display:flex;flex-direction:column;opacity:.42;transform:translateY(5px);animation:automationStep 10s ease-in-out infinite;animation-delay:calc(var(--step) * 1.35s)}.automation-step i{width:30px;height:30px;display:grid;place-items:center;margin-bottom:auto;border-radius:50%;background:#18283a;color:#45d4f8;font-size:9px;font-style:normal}.automation-step span{color:#4ed7f8;font-size:9px;font-weight:750;letter-spacing:.08em;text-transform:uppercase}.automation-step strong{font-size:15px;margin:8px 0}.automation-step small{color:#929eae;font-size:10px;line-height:1.45}.automation-arrow{color:#405068;font-size:18px;animation:automationArrow 10s ease-in-out infinite}.automation-demo-note{margin:0;padding-top:20px;border-top:1px solid #263342;color:#9ba8b8;font-size:11px;text-align:center}@keyframes automationStep{0%,12%{opacity:.42;transform:translateY(5px);border-color:#253446}18%,38%{opacity:1;transform:none;border-color:#35cef6;box-shadow:0 0 25px rgba(53,206,246,.13)}48%,100%{opacity:.68;transform:none;border-color:#35445a}}@keyframes automationArrow{0%,100%{color:#405068}35%,52%{color:#4bd6f8}}@media(max-width:980px){.automation-demo{max-height:82vh;overflow:auto}.automation-flow{grid-template-columns:1fr}.automation-arrow{transform:rotate(90deg);text-align:center}.automation-step{min-height:145px}}@media(max-width:560px){.automation-demo{padding:22px}.automation-demo-head{grid-template-columns:1fr}.automation-demo-head small{margin-top:8px}.automation-flow{padding:24px 0}}@media(prefers-reduced-motion:reduce){.automation-step,.automation-arrow{animation:none;opacity:1;transform:none}}

/* Keep the complete automation journey visible without an internal scrollbar */
@media(max-width:980px){.automation-demo{width:min(860px,94vw);max-height:none;overflow:visible;padding:24px}.automation-demo-head{padding-bottom:16px}.automation-demo-head strong{font-size:clamp(22px,4vw,32px)}.automation-flow{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;padding:20px 0}.automation-arrow{display:none}.automation-step{min-height:132px;padding:14px}.automation-step i{width:25px;height:25px}.automation-step strong{font-size:13px;margin:6px 0}.automation-step small{font-size:9px}}
@media(max-width:620px){.automation-demo{width:95vw;padding:17px}.automation-demo-head{grid-template-columns:1fr}.automation-demo-head small{margin-top:5px}.automation-flow{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:14px 0}.automation-step{min-height:106px;padding:11px}.automation-step i{margin-bottom:9px}.automation-step small{display:none}.automation-demo-note{padding-top:12px;font-size:9px}}
@media(max-height:680px){.automation-demo{padding-top:18px;padding-bottom:18px}.automation-demo-head{padding-bottom:12px}.automation-demo-head strong{font-size:22px}.automation-flow{padding:13px 0}.automation-step{min-height:105px;padding:11px}.automation-step small{display:none}.automation-demo-note{padding-top:10px}}

/* SEO page visual cards and consistent dark closing section */
.seo-deliverables{gap:12px;border-top:0}.seo-deliverables>.seo-deliverable-card{min-height:340px;padding:24px;position:relative;isolation:isolate;overflow:hidden;border:1px solid #27364a;border-radius:5px;display:flex;flex-direction:column;justify-content:flex-end;background:#0b111a}.seo-deliverable-card>img{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.72) brightness(.5);transition:transform .55s ease,filter .55s ease}.seo-deliverable-card:nth-child(1)>img{object-position:top left}.seo-deliverable-card::after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,rgba(4,8,14,.18),rgba(4,8,14,.55) 44%,rgba(4,8,14,.97) 100%)}.seo-deliverable-card:hover>img{transform:scale(1.025);filter:saturate(.9) brightness(.58)}.seo-deliverables>.seo-deliverable-card>span{position:absolute;top:24px;left:24px;width:30px;height:30px;display:grid;place-items:center;border:1px solid #4b6178;border-radius:50%;color:#49d3f7;background:rgba(5,10,17,.7)}.seo-deliverables>.seo-deliverable-card h3{margin:0 0 12px;color:#fff;font-size:25px}.seo-deliverables>.seo-deliverable-card p{color:#c2ccd8;text-shadow:0 2px 12px #000}.journey-final.seo-final{background:radial-gradient(circle at 15% 25%,rgba(39,202,244,.16),transparent 32%),radial-gradient(circle at 88% 75%,rgba(112,67,232,.18),transparent 36%),linear-gradient(140deg,#07111d,#0a101a 55%,#111024);color:#f5f7fb;border-top:1px solid #24364c}.journey-final.seo-final h2 em{color:#45d2f7}.journey-final.seo-final .journey-btn.light{background:linear-gradient(110deg,#24c5f3,#315cff 58%,#7a3cff);color:#fff;box-shadow:0 14px 34px rgba(42,104,255,.25)}.journey-final.seo-final>div>div>a:last-child{color:#d5dce7;border-color:#526278}
@media(max-width:900px){.seo-deliverables>.seo-deliverable-card{min-height:300px}}
@media(max-width:650px){.seo-deliverables{gap:10px}.seo-deliverables>.seo-deliverable-card{min-height:280px;padding:22px}.seo-deliverables>.seo-deliverable-card>span{top:20px;left:20px}}

/* Homepage closing section follows the dark Nettorra visual system */
.journey-final.home-final{background:radial-gradient(circle at 15% 25%,rgba(39,202,244,.16),transparent 32%),radial-gradient(circle at 88% 75%,rgba(112,67,232,.2),transparent 36%),linear-gradient(140deg,#07111d,#0a101a 55%,#111024);color:#f5f7fb;border-top:1px solid #24364c}.journey-final.home-final h2 em{color:#45d2f7}.journey-final.home-final .journey-btn.light{background:linear-gradient(110deg,#24c5f3,#315cff 58%,#7a3cff);color:#fff;box-shadow:0 14px 34px rgba(42,104,255,.25)}.journey-final.home-final>div>div>a:last-child{color:#d5dce7;border-color:#526278}

/* Homepage process journey */
.home-process-section{position:relative;overflow:hidden;background:radial-gradient(circle at 88% 10%,rgba(93,67,230,.11),transparent 32%),#0b0f15}.home-process-section::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:42px 42px;pointer-events:none}.home-process-section>.container{position:relative;z-index:1}.process-intro{max-width:650px;margin-top:18px;color:#9faab8;font-size:15px;line-height:1.65}.home-process-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:48px;border:1px solid #263445;border-radius:6px;overflow:hidden}.home-process-grid article{min-height:245px;padding:28px;position:relative;display:flex;flex-direction:column;border-right:1px solid #263445;border-bottom:1px solid #263445;background:linear-gradient(145deg,rgba(18,25,35,.9),rgba(11,15,21,.96));transition:background .25s,transform .25s}.home-process-grid article:nth-child(3n){border-right:0}.home-process-grid article:nth-child(n+4){border-bottom:0}.home-process-grid article::before{content:"";position:absolute;left:0;top:0;width:0;height:2px;background:linear-gradient(90deg,#28c8f4,#684cff);transition:width .35s ease}.home-process-grid article:hover{background:linear-gradient(145deg,#162231,#0e131b)}.home-process-grid article:hover::before{width:100%}.home-process-grid article>span{width:34px;height:34px;display:grid;place-items:center;border:1px solid #3b5269;border-radius:50%;color:#42d1f6;font-size:9px;background:#0b1119}.home-process-grid article>small{margin-top:auto;color:#788697;font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.home-process-grid h3{margin:9px 0 10px;font-size:27px;letter-spacing:-.035em}.home-process-grid p{color:#aab4c1;font-size:12px;line-height:1.6}.customer-journey{margin-top:18px;padding:25px 28px;border:1px solid #263445;border-radius:6px;background:linear-gradient(110deg,rgba(36,197,243,.07),rgba(104,67,232,.08));display:grid;grid-template-columns:.8fr 1.4fr;gap:30px;align-items:center}.customer-journey>div:first-child{display:flex;flex-direction:column;gap:7px}.customer-journey small{color:#45d2f7;font-size:9px;letter-spacing:.1em;text-transform:uppercase}.customer-journey strong{font-size:19px}.customer-journey-track{display:flex;justify-content:flex-end;align-items:center;gap:10px;flex-wrap:wrap}.customer-journey-track span{display:flex;align-items:center;color:#e7ebf1;font-size:11px;font-weight:650}.customer-journey-track span+span::before{content:"→";margin-right:10px;color:#52667d}
@media(max-width:900px){.home-process-grid{grid-template-columns:repeat(2,1fr)}.home-process-grid article:nth-child(3n){border-right:1px solid #263445}.home-process-grid article:nth-child(2n){border-right:0}.home-process-grid article:nth-child(4){border-bottom:1px solid #263445}.customer-journey{grid-template-columns:1fr}.customer-journey-track{justify-content:flex-start}}
@media(max-width:600px){.home-process-grid{grid-template-columns:1fr}.home-process-grid article,.home-process-grid article:nth-child(3n),.home-process-grid article:nth-child(2n){min-height:210px;border-right:0;border-bottom:1px solid #263445}.home-process-grid article:last-child{border-bottom:0}.customer-journey{padding:22px}.customer-journey-track{display:grid;grid-template-columns:1fr}.customer-journey-track span+span::before{content:"↓";width:18px;margin-right:8px}}

/* Website service page — proof before pricing */
.web-service-hero-grid{display:grid;grid-template-columns:.88fr 1.12fr;gap:58px;align-items:center}.web-service-hero .lede{max-width:650px}.web-hero-preview{position:relative;padding:0;border:1px solid #2d3b4e;border-radius:10px;overflow:hidden;background:#080c12;cursor:pointer;box-shadow:0 32px 80px #0007;transform:rotate(.7deg)}.web-hero-preview img{width:100%;aspect-ratio:16/10;object-fit:contain;background:#06090e}.web-hero-preview span{position:absolute;right:16px;bottom:16px;padding:10px 13px;border-radius:4px;background:linear-gradient(110deg,#24c5f3,#315cff 58%,#7a3cff);color:#fff;font-size:11px;font-weight:700}.web-hero-preview:hover{transform:rotate(0) translateY(-3px)}.web-proof-section{background:radial-gradient(circle at 80% 15%,rgba(70,80,220,.08),transparent 34%),var(--navy)}.web-proof-section .media-card{min-height:440px}.web-proof-section .media-card img{min-height:440px;object-position:top}
@media(max-width:950px){.web-service-hero-grid{grid-template-columns:1fr}.web-hero-preview{transform:none}.web-proof-section .portfolio-grid.three{grid-template-columns:1fr 1fr}.web-proof-section .media-card:last-child{grid-column:1/-1}}

/* Keep every standard page hero title on the same visual scale as SEO & Growth. */
@media (min-width: 901px) {
  .hero-sm .h1,
  .seo-page-hero h1 {
    font-size: 88px;
    font-weight: 540;
    line-height: .97;
    letter-spacing: -.055em;
  }
}
@media (min-width: 651px) and (max-width: 900px) {
  .hero-sm .h1,
  .seo-page-hero h1 { font-size: 72px; }
}
@media (max-width: 650px) {
  .hero-sm .h1,
  .seo-page-hero h1 { font-size: 50px; }
}

/* Shared service-page hero: the SEO & Growth pattern across every discipline. */
.standard-service-hero{
  --journey-warm:#e4ff59;
  --journey-copy:#a8adb7;
  --journey-line:rgba(255,255,255,.11);
  padding:28px 0 60px;
  min-height:650px;
  display:flex;
  align-items:flex-start;
  background:radial-gradient(circle at 80% 25%,rgba(228,255,89,.11),transparent 32%),#07090d;
  border-bottom:1px solid rgba(255,255,255,.06);
}
.seo-page-hero{min-height:650px;align-items:flex-start}
.standard-service-hero-grid{
  width:100%;
  max-width:1600px;
  display:grid;
  grid-template-columns:1fr .9fr;
  gap:72px;
  align-items:start;
}
.seo-page-hero .seo-hero-grid{width:100%;max-width:1600px;align-items:start}
.standard-service-hero .eyebrow{display:flex;align-items:center;gap:10px;color:#bdc1c9}
.standard-service-hero .eyebrow::before{content:"";width:28px;height:1px;flex:0 0 28px;background:var(--journey-warm)}
.standard-service-hero .journey-kicker,
.seo-page-hero .journey-kicker{font-family:Inter,system-ui,sans-serif;font-size:17px;font-weight:650;letter-spacing:.14em;line-height:1;text-transform:uppercase}
.standard-service-hero .h1{max-width:760px;margin-top:0;font-size:88px;font-weight:540;line-height:.97;letter-spacing:-.055em}
.standard-service-hero .h1 em{font-family:Georgia,serif;color:var(--journey-warm);font-weight:400}
.standard-service-hero .lede{max-width:630px;margin-top:26px;color:var(--journey-copy);font-size:17px;line-height:1.7}
.standard-service-hero .cta-row{margin-top:34px}
.n-secure-hero-grid{grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr);gap:58px}.n-secure-service-hero .h1{font-size:clamp(58px,5.8vw,86px)}.n-secure-hero-media img{object-position:center}.n-secure-scope-card{align-self:center;border-color:#235b61;background:radial-gradient(circle at 85% 15%,rgba(49,200,193,.12),transparent 35%),var(--journey-card)}
.service-hero-media{min-height:440px;padding:0;position:relative;overflow:hidden;border:1px solid var(--journey-line);border-radius:0;background:#10141a;box-shadow:0 40px 100px #0008;cursor:pointer}
.service-hero-media img{display:block;width:100%;height:440px;object-fit:cover;transition:transform .5s ease,filter .5s ease}
.service-hero-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 42%,rgba(3,7,12,.88) 100%);pointer-events:none}
.service-hero-media>span{position:absolute;z-index:1;left:22px;right:22px;bottom:20px;padding-top:16px;border-top:1px solid rgba(255,255,255,.24);color:#fff;font-size:11px;font-weight:700;text-align:left}
.service-hero-media:hover img,.service-hero-media:focus-visible img{transform:scale(1.025);filter:brightness(1.08)}
.service-hero-media:focus-visible{outline:2px solid #31c8f4;outline-offset:3px}
.service-hero-media.content-hero-video{min-height:0;aspect-ratio:16/9;align-self:center;cursor:default}
.service-hero-media.content-hero-video::after{display:none}
.service-hero-media.content-hero-video video{display:block;width:100%;height:100%;min-height:0;object-fit:contain;background:#050711}
.content-hero-placeholder{display:grid;place-items:center;cursor:default;background:linear-gradient(145deg,rgba(49,200,244,.055),rgba(123,61,255,.045)),#0b1018}
.content-hero-placeholder::after{display:none}
.content-placeholder-inner{display:flex;flex-direction:column;align-items:center;gap:10px;padding:30px;text-align:center;color:#667487}
.content-placeholder-inner svg{margin-bottom:6px;color:#516176}
.content-placeholder-inner span{color:var(--cyan);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.content-placeholder-inner strong{color:#9aa5b4;font-size:15px;font-weight:500}
.motion-featured-project{max-width:960px;margin:0 auto 34px}
.motion-featured-copy{padding:18px 2px 0}
.motion-featured-copy h3{margin:10px 0 7px;color:#fff;font-size:27px}
.motion-featured-copy p{margin:0;color:var(--muted);font-size:14px}
.inline-video-card{cursor:default}
.inline-video-card .media-play{display:none!important}
.content-hero-video{position:relative}
.film-toggle{position:absolute;top:22px;right:22px;z-index:5;width:52px;height:52px;border-radius:50%;border:1px solid #ffffff55;background:#080c16d9;color:#fff;font:20px/1 sans-serif;display:grid;place-items:center;cursor:pointer}
.film-toggle[hidden]{display:none}
.film-toggle:focus-visible{outline:3px solid var(--cyan);outline-offset:4px}
.film-sound{position:absolute;top:22px;left:22px;z-index:6;border:1px solid #ffffff55;border-radius:999px;background:#080c16e8;color:#fff;padding:10px 14px;font:600 13px/1.2 Inter,sans-serif;cursor:pointer}
.film-sound.is-on{border-color:var(--cyan);color:var(--cyan)}
.film-sound:focus-visible{outline:3px solid var(--cyan);outline-offset:4px}
.inline-video-card>video{position:absolute;inset:0}
.inline-video-card .media-play,.inline-video-card .media-card-copy{pointer-events:none;transition:opacity .2s ease}
.inline-video-card .media-card-copy{bottom:56px}
.inline-video-card.is-playing::after,.inline-video-card.is-playing .media-play,.inline-video-card.is-playing .media-card-copy{opacity:0}
.service-hero-media.web-hero-preview{transform:none}
.service-hero-media.web-hero-preview img{height:440px;object-fit:contain}
@media(max-width:980px){.standard-service-hero{padding:28px 0 50px}.standard-service-hero-grid{grid-template-columns:1fr;gap:38px}.standard-service-hero .h1{font-size:72px}.service-hero-media,.service-hero-media img{min-height:390px;height:390px}.service-hero-media.content-hero-video{min-height:0;height:auto}.service-hero-media.content-hero-video video{min-height:0;height:100%}}
@media(max-width:650px){.standard-service-hero,.seo-page-hero{min-height:auto}.standard-service-hero .h1{font-size:50px}.service-hero-media,.service-hero-media img{min-height:300px;height:300px}.service-hero-media.content-hero-video{min-height:0;height:auto}.service-hero-media.content-hero-video video{min-height:0;height:100%}}
@media(max-width:650px){.web-proof-section .portfolio-grid.three{grid-template-columns:1fr}.web-proof-section .media-card:last-child{grid-column:auto}.web-proof-section .media-card,.web-proof-section .media-card img{min-height:360px}}

/* Larger, clearer social marks inside the existing circles */
.footer-social-link svg{width:22px;height:22px}.footer-social-link .social-line-word{font-size:7px}.footer-social-link .social-in-word{font-size:14px}.footer-social-link .social-facebook-word{font-size:20px}

/* AI solutions page — automation-led journey */
.ai-inline-workflow-section{background:radial-gradient(circle at 80% 20%,rgba(91,63,230,.11),transparent 34%),var(--navy)}.automation-demo-inline{width:100%;margin-top:28px;box-shadow:0 26px 70px #0006}.automation-demo-inline .automation-flow{padding-top:8px}.ai-inline-workflow-section+.section .card{min-height:230px}

.seo-usage{display:block;width:fit-content;margin-top:11px;padding:6px 10px;border:1px solid rgba(53,206,246,.35);border-radius:999px;background:rgba(6,16,27,.76);color:#71ddfa;font-size:10px;font-weight:700;letter-spacing:.04em}

/* Shared page-title treatment for Home, Our Work and Pricing. */
.standard-home-title{padding-top:28px}
.standard-home-title .journey-hero-grid{align-items:start}
.standard-home-title .journey-kicker,
.standard-page-heading .journey-kicker{font-family:Inter,system-ui,sans-serif;font-size:17px;font-weight:650;letter-spacing:.14em;line-height:1;text-transform:uppercase}
.standard-home-title h1{max-width:760px;font-size:88px;font-weight:540;line-height:.97;letter-spacing:-.055em}
.standard-page-heading{--journey-warm:#e4ff59;padding-top:28px}
.standard-page-heading .h1{margin-top:0}
@media(max-width:980px){.standard-home-title h1{font-size:72px}}
@media(max-width:650px){.standard-home-title h1{font-size:50px}}

/* Mobile navigation: icon control with a right-side drawer. */
@media(max-width:900px){
  .journey-nav .menu-btn{width:44px;height:44px;padding:0;display:grid;place-items:center;border:1px solid rgba(255,255,255,.13);border-radius:50%;background:rgba(255,255,255,.035)}
  .journey-nav .menu-btn svg{display:block}
  .journey-nav .mobile-menu{position:fixed;z-index:120;top:94px;right:0;left:auto;width:min(380px,88vw);height:calc(100vh - 94px);padding:22px 26px 34px;overflow-y:auto;display:none;align-items:stretch;gap:0;background:rgba(7,9,13,.985);border-left:1px solid rgba(255,255,255,.11);border-bottom:0;box-shadow:-30px 30px 80px rgba(0,0,0,.58)}
  .journey-nav .mobile-menu.open{display:flex}
  .journey-nav .mobile-menu a{padding:16px 4px;border-bottom:1px solid rgba(255,255,255,.09);color:#c9ced7;font-size:16px;text-align:left}
  .journey-nav .mobile-menu a.active{padding-left:4px;color:#fff;background:transparent}
  .journey-nav .mobile-menu a.active::before{content:"";display:inline-block;width:18px;height:1px;margin:0 10px 5px 0;background:#e4ff59}
  .journey-nav .mobile-menu .mobile-cta{margin-top:18px;padding:15px 18px;border:0;border-radius:6px;background:var(--gradient);color:#fff;text-align:center;font-weight:700}
  body.mobile-nav-open{overflow:hidden}
}

/* Official/maintained platform marks at a clear, accessible footer size */
.footer-socials{gap:10px}.footer-social-link{width:46px;height:46px;flex:0 0 46px}.footer-social-link img{display:block;width:28px;height:28px;object-fit:contain;filter:brightness(0) invert(1)}.footer-social-link.social-linkedin img{width:25px;height:25px}.footer-social-link.social-tiktok img{filter:brightness(0) invert(1) drop-shadow(-1px 0 #25f4ee) drop-shadow(1px 0 #fe2c55)}
@media(max-width:560px){.footer-social-link{width:44px;height:44px;flex-basis:44px}.footer-social-link img{width:27px;height:27px}.footer-social-link.social-linkedin img{width:24px;height:24px}}

/* Nora — conversational quote assistant on the main Nettorra site. */
.nora-site{background:#07090d}.nora-page{padding:50px 0 100px;background:radial-gradient(circle at 15% 18%,rgba(91,63,230,.18),transparent 31%),radial-gradient(circle at 82% 16%,rgba(228,255,89,.08),transparent 26%),#07090d}.nora-shell{display:grid;grid-template-columns:minmax(280px,.78fr) minmax(540px,1.22fr);gap:64px;align-items:start}.nora-context{position:sticky;top:132px;padding-top:18px}.nora-context .journey-kicker{display:flex;align-items:center;gap:10px;color:#bdc1c9;font:650 13px/1 Inter,system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase}.nora-context .journey-kicker span{width:28px;height:1px;background:#e4ff59}.nora-context h1{margin:24px 0 24px;color:#fff;font:540 clamp(54px,5vw,82px)/.96 Inter,system-ui,sans-serif;letter-spacing:-.055em}.nora-context h1 em{display:inline-block;color:#e4ff59;font-family:Georgia,serif;font-weight:400}.nora-context>p{max-width:520px;color:#a8adb7;font-size:17px;line-height:1.7}.nora-live-estimate{margin-top:36px;padding:24px 0;border-top:1px solid rgba(255,255,255,.13);border-bottom:1px solid rgba(255,255,255,.13)}.nora-live-estimate span,.nora-live-estimate small{display:block;color:#8e95a0;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.nora-live-estimate strong{display:block;margin:7px 0 5px;color:#fff;font-size:30px;letter-spacing:-.04em}.nora-live-estimate small{color:#e4ff59;letter-spacing:0;text-transform:none}.nora-promises{display:grid;gap:12px;margin:24px 0 0;padding:0;list-style:none;color:#a8adb7;font-size:13px}.nora-promises li{display:flex;align-items:center;gap:10px}.nora-promises li::before{content:'✓';display:grid;place-items:center;width:20px;height:20px;border:1px solid rgba(228,255,89,.4);border-radius:50%;color:#e4ff59;font-size:10px}
.nora-chat-card{min-height:680px;overflow:hidden;border:1px solid rgba(255,255,255,.13);border-radius:12px;background:rgba(13,16,22,.96);box-shadow:0 40px 100px rgba(0,0,0,.45)}.nora-chat-head{display:flex;align-items:center;gap:13px;padding:18px 22px;border-bottom:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.018)}.nora-avatar,.nora-mini-avatar{display:grid;place-items:center;flex:0 0 auto;border-radius:50%;background:linear-gradient(135deg,#e4ff59,#31c8f4);color:#071019;font-weight:850}.nora-avatar{width:42px;height:42px;font-size:17px}.nora-mini-avatar{width:30px;height:30px;font-size:12px}.nora-chat-head>div:nth-child(2){display:grid;gap:3px}.nora-chat-head strong{color:#fff;font-size:14px}.nora-chat-head span{color:#858c97;font-size:11px}.nora-exit{margin-left:auto;color:#9da4af;font-size:12px}.nora-exit:hover{color:#fff}.nora-progress{height:3px;background:rgba(255,255,255,.07)}.nora-progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,#6547ef,#31c8f4,#e4ff59);transition:width .35s ease}.nora-chat{min-height:570px;padding:30px;overflow:auto}.nora-chat-actions{display:flex;justify-content:space-between;align-items:center;padding:16px 22px;border-top:1px solid rgba(255,255,255,.09);color:#777f8b;font-size:11px;text-transform:uppercase;letter-spacing:.1em}.nora-back{padding:6px 0;border:0;background:none;color:#aab0ba;font:inherit;cursor:pointer}.nora-back:hover{color:#fff}.nora-message{display:flex;align-items:flex-start;gap:12px;margin-bottom:24px}.nora-message>div:last-child{padding:15px 17px;border:1px solid rgba(255,255,255,.09);border-radius:4px 14px 14px 14px;background:#171b22}.nora-message strong{color:#fff;font-size:16px}.nora-message p{margin:6px 0 0;color:#b2b8c2;font-size:14px;line-height:1.65}.nora-message p strong{color:#e4ff59;font-size:inherit}.nora-user-prompt,.nora-referral,.nora-recommendation{margin:0 0 22px 42px;padding:15px 17px;border-radius:12px;background:rgba(101,71,239,.14);color:#c7cbd3;font-size:13px;line-height:1.55}.nora-referral{border:1px solid rgba(228,255,89,.18);background:rgba(228,255,89,.055)}.nora-referral strong,.nora-recommendation strong{color:#fff}.nora-recommendation p{margin:5px 0 0}.nora-service-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 18px 42px}.nora-choice-stack{display:grid;gap:10px;margin:0 0 20px 42px}.nora-choice-stack.compact{margin:8px 0 0}.nora-choice{display:flex;align-items:flex-start;gap:12px;width:100%;padding:16px;text-align:left;border:1px solid rgba(255,255,255,.1);border-radius:9px;background:#11151b;color:#fff;cursor:pointer;transition:border .2s,background .2s,transform .2s}.nora-choice:hover{transform:translateY(-1px);border-color:rgba(49,200,244,.45);background:#151a21}.nora-choice.selected{border-color:#e4ff59;background:rgba(228,255,89,.055)}.nora-choice-mark{position:relative;width:18px;height:18px;flex:0 0 18px;margin-top:1px;border:1px solid #626a76;border-radius:50%}.nora-choice.selected .nora-choice-mark{border-color:#e4ff59;background:#e4ff59;box-shadow:inset 0 0 0 4px #11151b}.nora-choice>span:last-child{display:grid;gap:5px}.nora-choice strong{font-size:13px}.nora-choice small{color:#8f97a3;font-size:11px;line-height:1.45}.nora-guide{display:flex;align-items:center;gap:10px;width:calc(100% - 42px);margin:0 0 22px 42px;padding:13px 15px;border:1px dashed rgba(49,200,244,.35);border-radius:8px;background:rgba(49,200,244,.045);color:#9edff1;text-align:left;cursor:pointer}.nora-guide span:first-child{padding:4px 7px;border-radius:999px;background:rgba(49,200,244,.12);font-size:10px;text-transform:uppercase}.nora-guide strong{font-size:12px}.nora-guide span:last-child{margin-left:auto}.nora-primary,.nora-secondary{display:flex;align-items:center;justify-content:center;gap:18px;width:calc(100% - 42px);margin:24px 0 0 42px;padding:15px 20px;border:0;border-radius:7px;background:linear-gradient(100deg,#6547ef,#5640dc);color:#fff;font-size:13px;font-weight:750;text-decoration:none;cursor:pointer}.nora-primary span{margin-left:auto}.nora-primary:disabled{opacity:.4;cursor:not-allowed}.nora-secondary{margin:10px 0 0 42px;border:1px solid rgba(255,255,255,.14);background:transparent}.nora-field{display:grid;gap:8px;margin:0 0 18px 42px;color:#d5d8de;font-size:12px;font-weight:700}.nora-field input,.nora-field select,.nora-field textarea{width:100%;padding:13px 14px;border:1px solid rgba(255,255,255,.13);border-radius:7px;outline:0;background:#0d1117;color:#fff;font:400 14px/1.45 Inter,system-ui,sans-serif}.nora-field input:focus,.nora-field select:focus,.nora-field textarea:focus{border-color:#31c8f4;box-shadow:0 0 0 3px rgba(49,200,244,.08)}.nora-field small{color:#7f8792;font-weight:400}.nora-check{display:flex;align-items:flex-start;gap:12px;margin:0 0 18px 42px;padding:15px;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:12px;cursor:pointer}.nora-check input{width:18px;height:18px;accent-color:#e4ff59}.nora-check span{display:grid;gap:5px}.nora-check small{color:#8b929d}.nora-fixed-choice{display:flex;justify-content:space-between;margin:0 0 12px 42px;padding:16px;border:1px solid rgba(228,255,89,.25);border-radius:8px;background:rgba(228,255,89,.05);color:#fff;font-size:12px}.nora-fixed-choice span{color:#e4ff59}.nora-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-left:42px}.nora-form-grid .nora-field{margin:0}.nora-check.consent{margin-top:20px}.nora-error{min-height:18px;margin:8px 0 0 42px;color:#ff8f94;font-size:12px}.nora-error a{color:#fff}.nora-result{margin-left:42px;padding:22px;border:1px solid rgba(228,255,89,.24);border-radius:10px;background:rgba(228,255,89,.045)}.nora-result>span,.nora-result small{display:block;color:#8e96a1;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.nora-result>strong{display:block;margin:5px 0 20px;color:#e4ff59;font-size:18px}.nora-result>div{display:grid;gap:7px;padding:16px 0;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1)}.nora-result b{color:#fff;font-size:22px}.nora-result ul{display:grid;gap:7px;margin:16px 0 0;padding-left:17px;color:#aeb4be;font-size:12px}.nora-result-actions{margin-top:20px}.nora-result-actions .nora-primary{margin-top:0}
@media(max-width:1000px){.nora-shell{grid-template-columns:1fr;gap:34px}.nora-context{position:static;display:grid;grid-template-columns:1fr .55fr;column-gap:34px;padding-top:0}.nora-context .journey-kicker,.nora-context h1,.nora-context>p{grid-column:1}.nora-context h1{font-size:64px}.nora-live-estimate,.nora-promises{grid-column:2;grid-row:1/4}.nora-promises{grid-row:4;margin-top:-10px}.nora-live-estimate{align-self:center;margin-top:0}.nora-chat-card{min-height:0}}
@media(max-width:700px){.nora-page{padding:28px 0 70px}.nora-shell{width:min(100% - 28px,var(--container));gap:26px}.nora-context{display:block}.nora-context h1{margin:18px 0;font-size:48px}.nora-context>p{font-size:15px}.nora-live-estimate{margin-top:24px}.nora-promises{display:none}.nora-chat-head{padding:15px}.nora-chat{min-height:540px;padding:22px 16px}.nora-chat-actions{padding:14px 16px}.nora-message{gap:9px}.nora-user-prompt,.nora-referral,.nora-recommendation,.nora-service-grid,.nora-choice-stack,.nora-guide,.nora-primary,.nora-secondary,.nora-field,.nora-check,.nora-fixed-choice,.nora-form-grid,.nora-error,.nora-result{margin-left:39px}.nora-service-grid,.nora-form-grid{grid-template-columns:1fr}.nora-guide,.nora-primary,.nora-secondary{width:calc(100% - 39px)}.nora-choice{padding:14px}.nora-form-grid{gap:16px}.nora-exit{font-size:11px}}
@media print{.journey-nav,.journey-footer,.cookie-banner,.nora-context,.nora-chat-head,.nora-progress,.nora-chat-actions,.nora-result-actions{display:none!important}.nora-page{padding:0;background:#fff}.nora-shell{display:block;width:100%}.nora-chat-card{border:0;box-shadow:none}.nora-chat{padding:0;color:#111}.nora-message>div:last-child,.nora-result{border-color:#ddd;background:#fff}.nora-message strong,.nora-message p,.nora-result b{color:#111}}

.nora-sample-link{display:block;margin:15px auto 0 42px;padding:4px 0;border:0;border-bottom:1px solid rgba(255,255,255,.3);background:transparent;color:#aeb5c0;font:600 12px/1.4 Inter,system-ui,sans-serif;cursor:pointer}.nora-sample-link:hover{border-color:#e4ff59;color:#e4ff59}.nora-quote-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.1)}.nora-quote-header img{width:132px;height:auto}.nora-quote-header>div{text-align:right}.nora-quote-header>div span{display:block;color:#8e96a1;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.nora-quote-header>div strong{display:block;margin-top:6px;color:#e4ff59;font-size:17px}.nora-quote-meta{display:grid!important;grid-template-columns:1fr 1fr;gap:24px!important;padding:18px 0!important;border-top:0!important}.nora-quote-meta>div{display:grid;gap:4px}.nora-quote-meta b{font-size:14px}.nora-quote-meta span{color:#8e96a1;font-size:11px}.nora-quote-total{display:grid;gap:6px;padding:18px 0;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1)}.nora-quote-total b{font-size:27px}.nora-quote-total span{color:#e4ff59;font-size:12px}.nora-quote-section{padding:19px 0 3px}.nora-quote-section h3{margin:0;color:#fff;font-size:14px}.nora-quote-section ul{margin-top:12px}.nora-quote-details{display:grid!important;grid-template-columns:.7fr 1.3fr;gap:22px!important;margin-top:18px;padding:17px 0!important;border-top:1px solid rgba(255,255,255,.1)!important}.nora-quote-details>div{display:grid;align-content:start;gap:7px}.nora-quote-details strong{color:#fff;font-size:12px}.nora-quote-details p{margin:0;color:#aeb4be;font-size:12px;line-height:1.55}.nora-quote-note{margin-top:18px;padding:14px;border-left:3px solid #e4ff59;background:rgba(228,255,89,.05)}.nora-quote-note strong{color:#fff;font-size:12px}.nora-quote-note p{margin:5px 0 0;color:#939aa5;font-size:11px;line-height:1.55}
.nora-deliverables{margin-top:20px;padding-top:19px;border-top:1px solid rgba(255,255,255,.1)}.nora-deliverables>h3,.nora-project-path h3{margin:0;color:#fff;font-size:14px}.nora-deliverables>p{margin:6px 0 13px;color:#8e96a1;font-size:11px}.nora-deliverable{margin-top:8px;border:1px solid rgba(255,255,255,.1);border-radius:7px;background:rgba(255,255,255,.025)}.nora-deliverable summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 14px;color:#fff;font-size:12px;font-weight:750;cursor:pointer;list-style:none}.nora-deliverable summary::-webkit-details-marker{display:none}.nora-deliverable summary::after{content:'+';order:3;color:#e4ff59;font-size:17px;font-weight:400}.nora-deliverable[open] summary::after{content:'–'}.nora-deliverable summary small{margin-left:auto;color:#7f8792;font-size:10px;letter-spacing:0;text-transform:none}.nora-deliverable>div{padding:0 14px 14px!important;border:0!important}.nora-deliverable ul{margin:0;padding-left:17px}.nora-deliverable p{margin:12px 0 0;padding-top:11px;border-top:1px solid rgba(255,255,255,.08);color:#8f97a3;font-size:11px;line-height:1.55}.nora-deliverable p strong{color:#cbd0d8}.nora-project-path{display:grid;grid-template-columns:1.15fr .85fr;gap:24px;margin-top:19px;padding-top:19px;border-top:1px solid rgba(255,255,255,.1)}.nora-project-path ol,.nora-project-path ul{display:grid;gap:9px;margin:13px 0 0;padding-left:17px;color:#aeb4be;font-size:11px}.nora-project-path ol li{padding-left:3px}.nora-project-path li strong{display:block;color:#fff;font-size:11px}.nora-project-path li span{display:block;margin-top:2px;line-height:1.45}.nora-next-step{display:grid;gap:7px;margin-top:19px;padding:15px;border:1px solid rgba(49,200,244,.2);border-radius:7px;background:rgba(49,200,244,.045)}.nora-next-step strong{color:#fff;font-size:12px;line-height:1.55}
@media(max-width:700px){.nora-sample-link{margin-left:39px}.nora-quote-header{align-items:flex-start}.nora-quote-header img{width:105px}.nora-quote-meta,.nora-quote-details,.nora-project-path{grid-template-columns:1fr!important}.nora-quote-total b{font-size:23px}.nora-deliverable summary small{display:none}}
@media print{.nora-message{display:none!important}.nora-chat{min-height:0}.nora-result{margin:0}.nora-result b,.nora-result h3,.nora-quote-details strong,.nora-quote-note strong,.nora-deliverable summary,.nora-project-path li strong,.nora-next-step strong{color:#111}.nora-result li,.nora-quote-details p,.nora-quote-meta span,.nora-quote-note p,.nora-deliverable p,.nora-project-path ol,.nora-project-path ul{color:#444}.nora-quote-header,.nora-quote-meta,.nora-quote-total,.nora-quote-details,.nora-deliverables,.nora-project-path{border-color:#ddd!important}.nora-quote-note,.nora-deliverable,.nora-next-step{background:#f5f5f5;border-color:#ddd}.nora-deliverable summary::after{display:none}}

.legal-section{padding-top:36px}.legal-policy{max-width:900px}.legal-updated{margin:0 0 18px;color:#929ba8;font-size:13px}.legal-intro{max-width:810px;margin:0;color:#d9dde3;font-size:19px;line-height:1.7}.legal-policy a{color:#e4ff59;text-decoration-color:rgba(228,255,89,.45);text-underline-offset:3px}.legal-contents{margin:34px 0 12px;padding:22px;border:1px solid rgba(255,255,255,.12);border-radius:9px;background:rgba(255,255,255,.025)}.legal-contents>strong{display:block;margin-bottom:13px;color:#fff;font-size:14px}.legal-contents>div{display:grid;grid-template-columns:repeat(3,1fr);gap:8px 18px}.legal-contents a{color:#bfc6cf;font-size:13px;text-decoration:none}.legal-contents a:hover{color:#e4ff59}.legal-policy>section{padding:34px 0;border-bottom:1px solid rgba(255,255,255,.1);scroll-margin-top:110px}.legal-policy>section:last-child{border-bottom:0}.legal-policy h2{margin:0 0 16px;color:#fff;font-size:25px;letter-spacing:-.025em}.legal-policy p,.legal-policy li{color:#aeb6c1;font-size:16px;line-height:1.75}.legal-policy p{margin:11px 0}.legal-policy ul{display:grid;gap:9px;margin:14px 0;padding-left:22px}.legal-policy li strong{color:#eef0f3}.legal-table-wrap{margin:18px 0;overflow-x:auto;border:1px solid rgba(255,255,255,.1);border-radius:8px}.legal-policy table{width:100%;border-collapse:collapse}.legal-policy th,.legal-policy td{padding:15px;text-align:left;vertical-align:top;border-bottom:1px solid rgba(255,255,255,.08);color:#aeb6c1;font-size:14px;line-height:1.55}.legal-policy th{background:rgba(255,255,255,.035);color:#fff;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.legal-policy tr:last-child td{border-bottom:0}.legal-policy th:first-child,.legal-policy td:first-child{width:57%}.legal-callout{margin:22px 0;padding:18px;border-left:3px solid #e4ff59;background:rgba(228,255,89,.05)}.legal-callout strong{color:#fff}.legal-callout p{margin:6px 0 0}.legal-policy section[id]::before{content:'';display:block;height:1px}.legal-policy section[id]{scroll-margin-top:100px}@media(max-width:700px){.legal-section{padding-top:22px}.legal-intro{font-size:17px}.legal-contents>div{grid-template-columns:1fr 1fr}.legal-policy>section{padding:27px 0}.legal-policy h2{font-size:22px}.legal-policy p,.legal-policy li{font-size:15px}.legal-policy th,.legal-policy td{min-width:210px;padding:12px}}

.automation-finder-result{border:1px solid rgba(228,255,89,.2);background:linear-gradient(145deg,rgba(101,71,239,.16),rgba(49,200,244,.08))}
.automation-finder-result h3{margin:7px 0 0;color:#e4ff59;font-size:19px}
.automation-finder-result ul{display:grid;gap:7px;margin:13px 0;padding-left:18px;color:#b9c0cb}
.automation-finder-result small{display:block;color:#8f98a5;line-height:1.55}
.ai-planning-card{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:34px;align-items:center;margin-top:18px}
.ai-planning-card .h3{margin-top:14px}
.ai-planning-card .check-list{margin:0}
@media(max-width:760px){.ai-planning-card{grid-template-columns:1fr;gap:22px}}

/* Keep SEO service-card copy contained at every viewport width. */
.seo-deliverables{grid-template-columns:repeat(4,minmax(0,1fr))}
.seo-deliverables>.seo-deliverable-card{box-sizing:border-box;min-width:0;min-height:430px;padding:28px 26px 32px}
.seo-deliverables>.seo-deliverable-card>span{z-index:1}
.seo-deliverables>.seo-deliverable-card h3{position:relative;z-index:1;max-width:100%;margin:0 0 14px;font-size:clamp(22px,2vw,27px);line-height:1.12;overflow-wrap:break-word}
.seo-deliverables>.seo-deliverable-card p{position:relative;z-index:1;max-width:100%;margin:0;color:#c2ccd8;font-size:16px;line-height:1.55;overflow-wrap:break-word;text-shadow:0 2px 12px #000}
@media(max-width:1120px){.seo-deliverables{grid-template-columns:repeat(2,minmax(0,1fr))}.seo-deliverables>.seo-deliverable-card{min-height:360px}}
@media(max-width:650px){.seo-deliverables{grid-template-columns:1fr}.seo-deliverables>.seo-deliverable-card{min-height:330px;padding:24px 22px 28px}}

/* Our Work — one clear route for each discipline and project. */
.work-page-hero .lede{max-width:760px}
.work-category-nav{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:#080c13}
.work-category-nav>.container{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));padding:0}
.work-category-nav a{min-width:0;min-height:145px;padding:23px 20px;display:flex;flex-direction:column;border-right:1px solid var(--border);color:#fff;transition:background .2s ease,color .2s ease}
.work-category-nav a:first-child{border-left:1px solid var(--border)}
.work-category-nav a:hover,.work-category-nav a:focus-visible{background:#101722;color:var(--cyan)}
.work-category-nav a:focus-visible{outline:2px solid var(--cyan);outline-offset:-2px}
.work-category-nav span{color:var(--cyan);font-size:11px;letter-spacing:.12em}
.work-category-nav strong{margin-top:auto;font-size:20px;letter-spacing:-.025em}
.work-category-nav small{margin-top:6px;color:#7f8c9d;font-size:12px;line-height:1.4}
.work-discipline-section{scroll-margin-top:96px}
.work-discipline-grid{display:grid;grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr);gap:64px;align-items:center}
.work-discipline-grid.reverse{grid-template-columns:minmax(0,1.28fr) minmax(260px,.72fr)}
.work-section-copy .journey-kicker{margin-bottom:22px}
.work-section-copy .h2{max-width:620px;margin-bottom:20px;font-size:clamp(42px,5vw,68px);line-height:1.02}
.work-section-copy>p:last-child{max-width:570px;color:#aab3bf;font-size:16px;line-height:1.7}
.work-project-card{min-width:0;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.18fr) minmax(230px,.82fr);border:1px solid #2a3748;border-radius:8px;background:#0d131c;color:#fff;box-shadow:0 28px 70px #0005;transition:transform .25s ease,border-color .25s ease}
.work-project-card:hover,.work-project-card:focus-visible{transform:translateY(-4px);border-color:#42627d}
.work-project-card:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}
.work-project-card>img{width:100%;height:100%;min-height:390px;display:block;object-fit:cover;object-position:center;background:#070b11}
.work-project-card>span{min-width:0;padding:30px 26px;display:flex;flex-direction:column;justify-content:flex-end}
.work-project-card small{color:var(--cyan);font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.work-project-card strong{margin-top:18px;font-size:29px;line-height:1.08;letter-spacing:-.035em}
.work-project-card p{margin:13px 0 24px;color:#aeb8c5;font-size:15px;line-height:1.6}
.work-project-card b{margin-top:auto;color:#fff;font-size:13px}
.work-project-card.work-app-card{grid-template-columns:minmax(0,1fr)}
.work-project-card.work-app-card>img{height:auto;min-height:0;object-fit:contain}
.work-project-card.work-app-card:hover{transform:none}
@media(min-width:651px) and (max-width:1050px){.work-category-nav>.container a:last-child{grid-column:auto}}
.work-websites-note>.container{padding:38px 42px;display:flex;align-items:flex-end;justify-content:space-between;gap:50px;border:1px solid #283748;border-radius:8px;background:linear-gradient(110deg,rgba(49,200,244,.07),rgba(102,70,235,.08))}
.work-websites-note .h2{max-width:760px;margin:17px 0 13px;font-size:clamp(38px,4.5vw,62px)}
.work-page-content .work-section-copy .h2,
.work-page-content .work-websites-note .h2,
.work-page-content .final-cta .h2 {
  font-family:Inter,system-ui,sans-serif;
  font-size:clamp(32px,4vw,52px);
  font-weight:600;
  line-height:1.12;
  letter-spacing:-.035em;
  margin:0 0 20px;
}
.work-websites-note p:last-child{max-width:700px;color:#aab3bf;font-size:16px;line-height:1.65}
.work-websites-note .btn{flex:0 0 auto}
@media(max-width:1050px){.work-category-nav>.container{grid-template-columns:repeat(2,minmax(0,1fr))}.work-category-nav a{border-bottom:1px solid var(--border)}.work-category-nav a:nth-child(odd){border-left:1px solid var(--border)}.work-category-nav a:last-child{grid-column:1/-1}.work-discipline-grid,.work-discipline-grid.reverse{grid-template-columns:1fr;gap:34px}.work-discipline-grid.reverse .work-project-card{order:2}.work-project-card{grid-template-columns:1.2fr .8fr}.work-websites-note>.container{align-items:flex-start;flex-direction:column}}
@media(max-width:650px){.work-category-nav>.container{grid-template-columns:1fr}.work-category-nav a,.work-category-nav a:nth-child(odd),.work-category-nav a:first-child{min-height:108px;border-left:1px solid var(--border)}.work-category-nav a:last-child{grid-column:auto}.work-project-card{grid-template-columns:1fr}.work-project-card>img{min-height:280px;height:280px}.work-project-card>span{padding:24px 22px}.work-websites-note>.container{padding:28px 24px}.work-websites-note .btn{width:100%}}

/* Contact page — compact direct contact and focused enquiry form. */
.contact-page-hero{padding-bottom:46px}
.contact-page-hero .h1{max-width:980px}
.contact-page-hero .lede{max-width:780px}
.contact-main-section{padding-top:58px;background:radial-gradient(circle at 15% 22%,rgba(49,200,244,.07),transparent 28%),#070a10}
.contact-page-grid{display:grid;grid-template-columns:minmax(300px,.78fr) minmax(520px,1.22fr);gap:54px;align-items:start}
.contact-details-panel{padding:6px 0}
.contact-details-panel>h2,.contact-form-panel>h2{margin:20px 0 14px;color:#fff;font-size:clamp(38px,4vw,58px);line-height:1.02;letter-spacing:-.05em}
.contact-details-panel>p:not(.journey-kicker),.contact-form-panel>p:not(.journey-kicker){max-width:610px;margin:0;color:#a8b2bf;font-size:16px;line-height:1.65}
.contact-method-list{margin-top:32px;border-top:1px solid #283544}
.contact-method-list a{min-width:0;padding:17px 4px;display:grid;grid-template-columns:86px minmax(0,1fr) auto;gap:12px;align-items:center;border-bottom:1px solid #283544;color:#fff}
.contact-method-list a:hover strong,.contact-method-list a:focus-visible strong{color:var(--cyan)}
.contact-method-list a:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}
.contact-method-list small{color:#7d8998;font-size:12px;text-transform:uppercase;letter-spacing:.1em}
.contact-method-list strong{min-width:0;font-size:15px;overflow-wrap:anywhere;transition:color .2s ease}
.contact-method-list span{color:var(--cyan)}
.contact-line-card{margin-top:26px;padding:16px;display:grid;grid-template-columns:118px minmax(0,1fr);gap:20px;align-items:center;border:1px solid #2a3747;border-radius:8px;background:#0e141d}
.contact-line-card img{width:118px;height:118px;display:block;object-fit:contain;background:#fff;border-radius:5px}
.contact-line-card small{color:#34d36f;font-size:11px;font-weight:800;letter-spacing:.12em}
.contact-line-card h3{margin:7px 0 7px;color:#fff;font-size:19px}
.contact-line-card p{margin:0;color:#8f9baa;font-size:13px;line-height:1.5}
.contact-helpful-details{margin-top:28px;padding:24px;border:1px solid #263343;border-radius:8px;background:rgba(14,20,29,.72)}
.contact-helpful-details h3{margin:0 0 16px;font-size:18px}
.contact-helpful-details ul{margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:11px 18px;list-style:none}
.contact-helpful-details li{position:relative;padding-left:17px;color:#aab4c0;font-size:13px;line-height:1.45}
.contact-helpful-details li::before{content:"";position:absolute;left:0;top:.55em;width:6px;height:6px;border-radius:50%;background:var(--cyan)}
.contact-form-panel{scroll-margin-top:110px;padding:6px 36px 36px;border:1px solid #2a394b;border-radius:10px;background:linear-gradient(145deg,rgba(17,24,35,.98),rgba(10,14,21,.98));box-shadow:0 32px 80px #0006}
.contact-form{margin-top:28px;padding:0;border:0;background:transparent}
.contact-field-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.contact-form label{font-size:14px}
.contact-field-label{display:flex;align-items:baseline;gap:6px;color:inherit;font-size:inherit;font-weight:inherit}
.contact-field-label small{color:#768394;font-size:12px;font-weight:400}
.contact-form .checkbox>span{color:#768394;font-size:12px;font-weight:400}
.contact-form input,.contact-form textarea{font-size:16px}
.contact-form textarea{min-height:165px;line-height:1.55;resize:vertical}
.contact-form textarea::placeholder{color:#687586}
.contact-form .checkbox{display:flex;align-items:flex-start;gap:10px;font-size:13px;line-height:1.5}
.contact-form .checkbox input{flex:0 0 auto;margin-top:2px}
.contact-form .btn{width:100%;justify-content:center;margin-top:4px}
@media(max-width:960px){.contact-page-grid{grid-template-columns:1fr;gap:38px}.contact-details-panel{display:grid;grid-template-columns:1fr 1fr;gap:0 30px}.contact-details-panel>.journey-kicker,.contact-details-panel>h2,.contact-details-panel>p,.contact-method-list{grid-column:1/-1}.contact-helpful-details{margin-top:26px}.contact-form-panel{padding:30px}}
@media(max-width:650px){.contact-page-hero{padding-bottom:30px}.contact-main-section{padding-top:38px}.contact-details-panel{display:block}.contact-line-card{grid-template-columns:92px 1fr}.contact-line-card img{width:92px;height:92px}.contact-helpful-details ul,.contact-field-row{grid-template-columns:1fr}.contact-form-panel{padding:25px 20px}.contact-method-list a{grid-template-columns:72px minmax(0,1fr) auto}.contact-details-panel>h2,.contact-form-panel>h2{font-size:38px}}

/* Give N-Secure's hero actions and process cards clear visual separation. */
.n-secure-service-hero .cta-row{gap:22px}
.n-secure-hero-media{margin-top:52px}
.n-secure-process-section{padding-top:96px;border-top:1px solid rgba(255,255,255,.07)}
.n-secure-process-section .section-head{margin-bottom:58px}
.n-secure-process-section .grid-3{gap:32px}
@media(max-width:860px){.n-secure-process-section{padding-top:76px}.n-secure-process-section .grid-3{gap:22px}}
@media(max-width:560px){.n-secure-service-hero .cta-row{gap:16px}.n-secure-hero-media{margin-top:38px}.n-secure-process-section{padding-top:64px}.n-secure-process-section .section-head{margin-bottom:40px}}

/* Clean, text-only page heroes. Media and project proof begins below the introduction. */
.journey-hero.standard-home-title,
.standard-service-hero,
.seo-page-hero,
.hero-sm{
  min-height:0;
  padding:28px 0 60px;
  display:block;
}
.standard-home-title .journey-hero-grid,
.standard-service-hero-grid,
.seo-page-hero .seo-hero-grid{
  grid-template-columns:minmax(0,1fr);
  gap:0;
}
.standard-home-title .journey-hero-copy,
.standard-service-hero-grid>div:first-child,
.seo-page-hero .seo-hero-grid>div:first-child{
  width:100%;
  max-width:1040px;
}
.standard-home-title h1,
.standard-service-hero .h1,
.seo-page-hero h1,
.hero-sm .h1{
  max-width:1040px;
}
.standard-home-title .journey-lede,
.standard-service-hero .lede,
.seo-page-hero>div>div:first-child>p:last-of-type,
.hero-sm .lede{
  max-width:720px;
}
@media(max-width:650px){
  .journey-hero.standard-home-title,
  .standard-service-hero,
  .seo-page-hero,
  .hero-sm{padding:28px 0 44px}
}

/* Give the full desktop navigation room to breathe without allowing it to wrap. */
@media(min-width:1271px){
  .journey-nav .nav-inner{max-width:1660px}
  .journey-nav .nav-links{gap:18px}
  .journey-nav .nav-link{padding-inline:16px;font-size:13.5px}
}
@media(min-width:901px) and (max-width:1270px){
  .journey-nav .nav-cta{display:none}
  .journey-nav .nav-links{gap:5px}
  .journey-nav .nav-link{padding-inline:7px;font-size:12px}
}

/* Shared section labels across the marketing pages. */
body main .journey-kicker,
body main .eyebrow {
  display:flex;
  align-items:center;
  gap:10px;
  font-family:Inter,system-ui,sans-serif;
  font-size:17px;
  font-weight:650;
  line-height:1.65;
  letter-spacing:.14em;
  text-transform:uppercase;
  margin:0 0 24px;
}
body main .journey-kicker::before,
body main .eyebrow::before {
  content:"";
  display:block;
  flex:0 0 28px;
  width:28px;
  height:1px;
  background:var(--journey-warm,#e4ff59);
}
body main .journey-kicker > span:empty { display:none; }
body main .final-cta > .eyebrow,
body main .final-cta > .journey-kicker { justify-content:center; }

/* SEO process: aligned content with relevant icons, not background photos. */
.seo-deliverables.seo-process-cards { gap:18px; }
.seo-process-cards > .seo-deliverable-card,
.seo-process-cards > .seo-deliverable-card:first-child {
  display:grid;
  grid-template-rows:72px minmax(58px,auto) 1fr;
  align-content:start;
  justify-content:stretch;
  gap:20px;
  min-height:340px;
  padding:28px;
  background:#101722;
  border:1px solid #29394b;
  border-radius:12px;
}
.seo-process-cards > .seo-deliverable-card::after { content:none; }
.seo-process-cards .seo-process-icon { width:40px; height:40px; color:#45d2f7; align-self:start; }
.seo-process-cards > .seo-deliverable-card > span {
  top:28px; right:28px; left:auto;
  width:auto; height:auto; border:0; border-radius:0;
  background:none; color:#8294aa; font-size:14px; letter-spacing:.12em;
}
.seo-process-cards > .seo-deliverable-card h3 {
  margin:0; min-height:2.4em; font-size:24px; line-height:1.2;
}
.seo-process-cards > .seo-deliverable-card p {
  margin:0; text-shadow:none; font-size:16px; line-height:1.65;
}
@media(max-width:650px) {
  .seo-process-cards > .seo-deliverable-card,
  .seo-process-cards > .seo-deliverable-card:first-child {
    min-height:0; grid-template-rows:56px auto auto; padding:26px; gap:16px;
  }
  .seo-process-cards > .seo-deliverable-card h3 { min-height:0; }
}

/* Our Work: one calm, non-clickable portfolio grid. */
.work-portfolio-section{padding-top:70px}
.work-portfolio-section .section-head{max-width:780px;margin-bottom:38px}
.work-portfolio-section .section-head .h2{margin:0 0 16px;font-size:clamp(34px,4vw,54px)}
.work-portfolio-section .section-head>p:last-child{max-width:680px;margin:0;color:#aab4c0;font-size:16px;line-height:1.65}
.work-portfolio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.work-portfolio-card{min-width:0;overflow:hidden;border:1px solid #293849;border-radius:12px;background:#0e151f;box-shadow:0 20px 54px rgba(0,0,0,.18)}
.work-portfolio-card>img{width:100%;height:auto;aspect-ratio:16/10;display:block;object-fit:cover;background:#070b11}
.work-portfolio-card-top>img{object-position:top center}
.work-portfolio-copy{padding:25px 27px 28px}
.work-portfolio-copy>span{display:block;color:var(--cyan);font-size:12px;font-weight:750;letter-spacing:.11em;text-transform:uppercase}
.work-portfolio-copy h3{margin:13px 0 10px;color:#fff;font-size:27px;line-height:1.12;letter-spacing:-.03em}
.work-portfolio-copy p{margin:0;color:#aab4c0;font-size:15px;line-height:1.62}
@media(max-width:720px){.work-portfolio-section{padding-top:50px}.work-portfolio-grid{grid-template-columns:1fr}.work-portfolio-copy{padding:23px 22px 26px}}

/* Pricing: concise service groups with one hosting explanation. */
.pricing-route{padding:0 0 48px}
.pricing-route .chip-row{margin-top:0}
.pricing-service-section{scroll-margin-top:92px}
.pricing-service-section .section-head{max-width:820px;margin-bottom:34px}
.pricing-service-section .section-head .h2{margin:0 0 14px;font-size:clamp(34px,4vw,54px)}
.pricing-service-section .section-head>p:last-child{max-width:700px;line-height:1.65}
.pricing-hosting-note{margin-top:20px;padding:28px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px;border:1px solid #2b3b4c;border-radius:10px;background:linear-gradient(120deg,rgba(49,200,244,.06),rgba(102,70,235,.07))}
.pricing-hosting-note h3{margin:0 0 10px;color:#fff;font-size:19px}
.pricing-hosting-note p{margin:0;color:#aab4c0;font-size:15px;line-height:1.65}
.pricing-grid-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.pricing-service-section .pricing-card{height:100%}
.final-cta>p{max-width:650px;margin:14px auto 24px}
@media(max-width:720px){.pricing-route{padding-bottom:34px}.pricing-hosting-note,.pricing-grid-two{grid-template-columns:1fr}.pricing-hosting-note{padding:24px;gap:24px}}