/* V10 — more of the Nexus blue, with real project work interrupting the text rhythm. */
:root{--nexus-navy:#0d1530;--nexus-mid:#14214b;--nexus-line:rgba(126,151,255,.2)}
body{background:#0b1127}
.hero{background:radial-gradient(circle at 74% 42%,rgba(54,90,214,.26),transparent 36%),linear-gradient(145deg,#0b1022 4%,#111b3b 64%,#0a1024)}
.manifest{min-height:0;background:radial-gradient(circle at 94% 48%,rgba(86,117,255,.2),transparent 37%),linear-gradient(180deg,#111b3d,#0c1635 70%,#0e1b40);border-color:var(--nexus-line)}
.manifest-copy{margin:clamp(55px,6vw,100px) 0 clamp(45px,5vw,80px);display:grid;grid-template-columns:minmax(0,1.35fr) minmax(250px,.5fr);gap:6px 6vw;align-items:end}
.manifest-copy .display{grid-column:1;max-width:1000px;font-size:clamp(46px,5.1vw,88px);line-height:.96;text-wrap:balance}
.manifest-copy .display.muted{color:#9cafff}
.manifest-note{grid-column:2;grid-row:1/3;max-width:370px;margin:0 0 5px;color:#c0cae4;font-size:clamp(18px,1.4vw,23px);line-height:1.48}
.manifest-visual{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,.85fr);gap:clamp(12px,1.3vw,22px);height:clamp(410px,43vw,720px)}
.manifest-visual a,.work-glimpse-grid a,.service-showcase-grid a{position:relative;display:block;overflow:hidden;background:#151d38;border:1px solid rgba(162,181,255,.3);text-decoration:none;color:#fff;isolation:isolate}
.manifest-visual a:after,.work-glimpse-grid a:after,.service-showcase-grid a:after{content:"";position:absolute;inset:50% 0 0;background:linear-gradient(transparent,rgba(4,8,24,.9));pointer-events:none}
.manifest-visual img,.work-glimpse-grid img,.service-showcase-grid img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top;transition:transform .7s cubic-bezier(.2,.75,.2,1),filter .5s}
.manifest-visual a:hover img,.work-glimpse-grid a:hover img,.service-showcase-grid a:hover img{transform:scale(1.045)}
.manifest-visual-main img{object-position:63% top}
.manifest-visual-side img{object-position:43% top}
.manifest-visual a>span,.work-glimpse-grid a>span,.service-showcase-grid a>span{position:absolute;z-index:1;left:clamp(18px,2vw,34px);right:clamp(18px,2vw,34px);bottom:clamp(18px,2vw,34px);display:flex;justify-content:space-between;align-items:end;gap:15px;font-size:clamp(19px,2vw,32px);font-weight:650;letter-spacing:-.04em;text-shadow:0 2px 16px #050817}
.manifest-visual a>span b{font:500 21px var(--mono);color:#b9c6ff}
.manifest-word{z-index:0;bottom:-.15em;color:transparent;-webkit-text-stroke:1px rgba(163,183,255,.11)}
.services{background:radial-gradient(circle at 7% 5%,rgba(76,101,236,.15),transparent 34%),linear-gradient(180deg,#0d1736,#101938)}
.service-card{background:linear-gradient(145deg,rgba(24,37,79,.8),rgba(11,17,36,.88));border-color:var(--nexus-line)}
.service-card.featured{background:linear-gradient(150deg,#202e6c,#111a3d 72%)}
.home-work{background:radial-gradient(circle at 85% 12%,rgba(84,117,255,.2),transparent 33%),linear-gradient(180deg,#0e1837,#0b1430)}
.site-journey{border-color:rgba(161,181,255,.3);background:#111b3b}
.journey-tabs{border-color:rgba(161,181,255,.25)}
.journey-screen{background:radial-gradient(circle at 82% 32%,rgba(109,137,255,.15),transparent 43%),#121d42}
.work-glimpse{margin-top:clamp(44px,6vw,95px)}
.work-glimpse-head,.service-showcase-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:20px;border-bottom:1px solid rgba(162,181,255,.27);font:600 12px var(--mono);text-transform:uppercase;letter-spacing:.07em;color:#a8b9ff}
.work-glimpse-head a,.service-showcase-head a{color:#d8e0ff;text-decoration:none}
.work-glimpse-head a:hover,.service-showcase-head a:hover{text-decoration:underline}
.work-glimpse-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.4vw,23px);margin-top:22px}
.work-glimpse-grid a{aspect-ratio:.91}
.work-glimpse-grid a:nth-child(2){transform:translateY(26px)}
.work-glimpse-grid a:nth-child(3){transform:translateY(52px)}
.work-glimpse-grid a>span{display:block;font-size:clamp(22px,2.2vw,36px)}
.work-glimpse-grid small{display:block;margin-top:6px;color:#c1caff;font:500 11px var(--mono);text-transform:uppercase;letter-spacing:.07em}
.lab{background:radial-gradient(circle at 68% 40%,rgba(81,108,239,.22),transparent 32%),linear-gradient(130deg,#0d1735,#142147 68%,#0d1734);border-color:var(--nexus-line)}
.outcomes{background:linear-gradient(145deg,#121d40,#0c1634 60%,#101c3e)}
.process{background:radial-gradient(circle at 16% 75%,rgba(92,122,255,.17),transparent 33%),#0d1734}
.packages{background:linear-gradient(165deg,#0f1a3b,#121e43 45%,#0b1532)}
.home-check{background:radial-gradient(circle at 24% 50%,rgba(94,119,255,.25),transparent 40%),linear-gradient(120deg,#0f1a3b,#14234d)}
.faq{background:linear-gradient(145deg,#101b3b,#0c1530)}
.contact{background:radial-gradient(circle at 4% 50%,rgba(89,116,255,.26),transparent 36%),linear-gradient(125deg,#101a3a,#0b1430)}
.page-hero{background:radial-gradient(circle at 82% 35%,rgba(86,114,251,.22),transparent 35%),linear-gradient(130deg,#0c1531,#121f46)}
.page-section,.split-feature,.deliverables,.architecture,.dark-showcase,.collaboration,.before-after,.direction-intro,.design-lab,.works-intro,.comparison,.check-explain,.check-tool,.page-faq,.contact-options,.prepare{background:radial-gradient(circle at 86% 12%,rgba(78,105,226,.11),transparent 34%),linear-gradient(145deg,#0d1733,#101a3a)}
.page-section:nth-of-type(even),.split-feature,.dark-showcase,.check-tool{background:radial-gradient(circle at 13% 68%,rgba(96,121,250,.13),transparent 38%),linear-gradient(145deg,#111e44,#0d1734)}
.page-cta{background:radial-gradient(circle at 83% 22%,rgba(115,139,255,.2),transparent 37%),#101b3d}
.work-gallery,.before-after-section,.works-statement,.team-section,.company-link,.package-finder,.url-audit,.briefing-layout{background:radial-gradient(circle at 82% 18%,rgba(86,113,242,.15),transparent 38%),linear-gradient(145deg,#0d1734,#121e43)}
.work-project{border-color:var(--nexus-line)}
.service-showcase{padding:clamp(70px,7vw,120px) var(--pad);background:linear-gradient(145deg,#0d1735,#152451);border-block:1px solid var(--nexus-line)}
.service-showcase-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,1.5vw,26px);margin-top:22px}
.service-showcase-grid a{aspect-ratio:1.4}
.service-showcase-grid a>span b{color:#c3ccff;font:600 11px var(--mono);text-transform:uppercase;letter-spacing:.05em}

@media(max-width:1000px){
  .manifest-copy{grid-template-columns:1fr}
  .manifest-copy .display,.manifest-note{grid-column:1;grid-row:auto}
  .manifest-note{max-width:650px;margin-top:20px}
  .manifest-visual{height:clamp(350px,55vw,560px)}
  .work-glimpse-grid a:nth-child(2),.work-glimpse-grid a:nth-child(3){transform:none}
}
@media(max-width:720px){
  .manifest-copy{margin:50px 0 38px}
  .manifest-copy .display{font-size:clamp(43px,11.1vw,67px)}
  .manifest-note{font-size:18px;margin-top:22px}
  .manifest-visual{grid-template-columns:1fr 1fr;height:auto;gap:10px}
  .manifest-visual-main{grid-column:1/-1;aspect-ratio:1.34}
  .manifest-visual-side{grid-column:1/-1;aspect-ratio:1.5}
  .manifest-visual a>span{font-size:22px}
  .work-glimpse-head,.service-showcase-head{align-items:start;flex-direction:column;font-size:11px}
  .work-glimpse-grid{grid-template-columns:1fr 1fr;gap:10px}
  .work-glimpse-grid a{aspect-ratio:.76}
  .work-glimpse-grid a:nth-child(3){grid-column:1/-1;aspect-ratio:1.5}
  .work-glimpse-grid a>span{font-size:20px;left:14px;bottom:15px}
  .work-glimpse-grid small{font-size:9px}
  .service-showcase-grid{grid-template-columns:1fr;gap:12px}
  .service-showcase-grid a{aspect-ratio:1.32}
  .service-showcase-grid a>span{font-size:24px}
}
@media(prefers-reduced-motion:reduce){.manifest-visual img,.work-glimpse-grid img,.service-showcase-grid img{transition:none}.manifest-visual a:hover img,.work-glimpse-grid a:hover img,.service-showcase-grid a:hover img{transform:none}}