/* Quiet service pages, scoped to preserve the existing home and Webdesign. */
body.service-page {
  --service-accent: #7350b8;
  --fg: #292331;
  --line: #e7e2eb;
  --line-strong: #d6cedf;
  --service-muted: #68616e;
  background: #fff;
  color: #292331;
}
.service-page .topbar {background: rgba(255,255,255,.96); border-bottom: 1px solid #eeeaf2;}
.service-page .brand-anchor {color: var(--service-accent);}
.service-main {max-width: 1440px; padding-inline: clamp(24px,5vw,80px);}
.service-page :is(h1,h2,h3,p,figure) {margin: 0;}
.service-page :is(h1,h2,h3) {font-family: "Manrope",system-ui,sans-serif; font-weight: 500;}
.service-page .service-eyebrow {font-size: 11px; font-weight: 500; letter-spacing: .16em; text-transform: uppercase; color: var(--service-accent);}
.service-hero {padding: 160px 0 90px;}
.service-hero h1 {font-size: clamp(54px,7.4vw,108px); line-height: 1.08; letter-spacing: -.064em; margin-top: 32px;}
.service-hero h1 span {color: var(--service-accent);}
.service-hero-bottom {display: flex; justify-content: space-between; align-items: flex-end; gap: 64px; margin-top: 44px;}
.service-hero-bottom > p {max-width: 665px; font-size: 18px; line-height: 1.8; color: #68616e;}
.service-page .service-link {display: inline-flex; align-items: center; justify-content: space-between; gap: 28px; border-bottom: 1px solid rgba(187,169,221,.55); padding-block: 12px; font-size: 14px; line-height: 1.5; font-weight: 500; color: #292331; transition: color .2s, border-color .2s;}
.service-link > span {font-family: system-ui,sans-serif; font-size: 24px; line-height: 1; color: var(--service-accent);}
.service-page .service-link:hover {color: var(--service-accent); border-color: var(--service-accent);}
.service-page :is(a,button):focus-visible {outline: 2px solid var(--service-accent); outline-offset: 6px;}
.service-section-head {display: flex; align-items: baseline; justify-content: space-between; gap: 30px; padding: 32px 0; border-top: 1px solid var(--line);}
.service-section-head h2 {font-size: 27px; letter-spacing: -.045em;}
.service-section-head p {font-size: 13px; line-height: 1.6; color: var(--service-muted);}
.software-feature {display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: clamp(44px,6vw,90px); align-items: center; padding: 62px 0 96px;}
.software-feature + .software-feature {border-top: 1px solid var(--line); padding-top: 96px;}
.software-copy {min-width: 0;}
.software-product {display: flex; gap: 13px; align-items: center; margin-bottom: 22px;}
.software-product img {width: 36px; height: 36px; object-fit: contain;}
.software-product > span {font-size: 11px; color: var(--service-muted); letter-spacing: .08em; text-transform: uppercase;}
.software-copy h3 {font-size: clamp(48px,5vw,70px); letter-spacing: -.065em; line-height: 1.1;}
.service-page .software-statement {margin-top: 20px; font-size: clamp(23px,2.1vw,30px); line-height: 1.25; letter-spacing: -.035em; color: #44364f;}
.software-copy > p:not(.software-statement) {font-size: 15px; line-height: 1.85; color: var(--service-muted); margin-top: 23px;}
.software-details {list-style: none; margin: 24px 0 22px; padding: 0; color: var(--service-muted); font-size: 13px; line-height: 1.7;}
.software-details li {padding-block: 9px; border-top: 1px solid rgba(241,238,232,.09);}
.software-feature--reverse {grid-template-columns: minmax(0,1fr) minmax(0,1fr);}
.software-feature--reverse .software-copy {grid-column: 2; grid-row: 1;}
.software-feature--reverse .software-preview {grid-column: 1; grid-row: 1;}
.software-preview {min-width: 0; background: #1d1c23; border: 1px solid rgba(187,169,221,.13); border-radius: 10px; overflow: hidden;}
.preview-caption {display: flex; justify-content: space-between; gap: 20px; padding: 21px 26px; border-bottom: 1px solid rgba(241,238,232,.09); font-size: 11px; color: #c7c1d1;}
.preview-caption span:last-child {color: #a09aa9;}
.aegis-demo-surface {display: flex; flex-direction: column; justify-content: center; min-height: 350px; padding: 32px; gap: 32px; background: linear-gradient(150deg,rgba(159,123,255,.035),transparent);}
.demo-document-label {display: flex; align-items: center; gap: 12px; font-size: 12px; color: var(--service-muted);}
.demo-document-label > span {font-size: 28px; line-height: 1; color: var(--service-accent);}
.service-page .demo-shell {border-color: rgba(187,169,221,.18); background: #18171e; border-radius: 6px; padding: 26px 22px 20px; box-shadow: none;}
.service-page .demo-stage {min-height: 95px;}
.service-page .demo-foot {font-size: 9px; line-height: 1.5;}
.service-page .demo-scanner {filter: saturate(.35);}
.service-page .demo-spark {display: none;}
.service-page .aegis-inline-demo .demo-detected {color: #d2c5e9; background: rgba(187,169,221,.13); box-shadow: none;}
.service-page .aegis-inline-demo .demo-foot span {color: #bba9dd;}
.demo-process {display: flex; justify-content: space-between; gap: 16px; color: #9b94a6; font-size: 11px;}
.demo-process span + span::before {content: "→"; padding-right: 16px; color: #68616f;}
.argus-demo-surface {display: flex; align-items: center; min-height: 350px; padding: 32px;}
.service-page .argus-demo-shell {padding: 0; border: 0; background: none;}
.service-page .argus-window {box-shadow: none; border-radius: 6px; overflow: hidden;}
.service-page .argus-desktop {background: linear-gradient(135deg,#24212d,#1b1a22); min-height: 240px;}
.service-page .argus-dot {background: #777080; width: 6px; height: 6px;}
.service-page .argus-window-body {grid-template-columns: 38px minmax(0,1fr);}
.service-page .argus-sidebar {padding-inline: 10px;}
.service-page .argus-sidebar span {border-radius: 3px; background: #38323f; box-shadow: none;}
.service-page .argus-plane {filter: saturate(.3);}
.service-page .preview-note {font-size: 10px; line-height: 1.6; color: #aaa3b4; padding: 16px 26px; border-top: 1px solid rgba(241,238,232,.07);}
.service-philosophy {display: grid; grid-template-columns: minmax(0,1.15fr) minmax(0,1fr); gap: 26px 90px; border-top: 1px solid var(--line); padding: 90px 0 110px;}
.service-philosophy > .service-eyebrow {grid-column: 1/-1;}
.service-philosophy h2 {font-size: clamp(40px,4.4vw,64px); letter-spacing: -.055em; line-height: 1.13;}
.service-philosophy h2 span {color: var(--service-accent);}
.philosophy-copy {align-self: center;}
.philosophy-copy > p {font-size: 16px; line-height: 1.85; color: var(--service-muted); margin-bottom: 25px;}
.service-page .site-footer {margin-top: 0;}
/* The two supplied images are shown completely at their natural square ratio. */
.marketing-page .service-hero h1 {font-size: clamp(48px,6.8vw,98px);}
.marketing-feature {display: grid; grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr); gap: clamp(40px,6vw,86px); align-items: center; padding: 60px 0 100px; border-top: 1px solid var(--line);}
.marketing-copy {min-width: 0;}
.marketing-copy h2 {font-size: clamp(34px,3.25vw,48px); letter-spacing: -.05em; line-height: 1.15; margin: 24px 0 28px;}
.marketing-copy h2 span {color: var(--service-accent);}
.marketing-copy > p:not(.service-eyebrow) {font-size: 15px; line-height: 1.9; color: var(--service-muted); margin-bottom: 20px;}
.marketing-copy > .service-link {margin-top: 12px;}
.marketing-image {min-width: 0;}
.marketing-image img {display: block; width: 100%; height: auto; border-radius: 6px;}
.marketing-image figcaption {display: flex; justify-content: space-between; gap: 16px; padding-top: 16px; font-size: 10px; line-height: 1.6; color: var(--service-muted);}
.marketing-image figcaption span {color: #8e8899;}
.marketing-feature--reverse {grid-template-columns: minmax(0,1.1fr) minmax(0,.9fr); border-top: 0; padding-top: 100px;}
.marketing-feature--reverse .marketing-copy {grid-column: 2; grid-row: 1;}
.marketing-feature--reverse .marketing-image {grid-column: 1; grid-row: 1;}
.service-text-link {display: block; width: fit-content; font-size: 12px; line-height: 1.7; color: var(--service-muted); margin-top: 20px;}
.service-text-link:hover {color: var(--service-accent);}
.marketing-principles {padding: 65px 0; border-block: 1px solid var(--line);}
.marketing-principles > h2 {font-size: 30px; line-height: 1.3; letter-spacing: -.04em; margin-bottom: 40px;}
.principle-grid {display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 48px;}
.principle-grid > div + div {border-left: 1px solid var(--line); padding-left: 40px;}
.principle-grid h3 {font-size: 19px; line-height: 1.4; letter-spacing: -.025em; margin-bottom: 16px;}
.principle-grid p {font-size: 14px; color: var(--service-muted); line-height: 1.85;}
@media (max-width: 1100px) {
  .service-hero-bottom {gap: 40px;}
  .service-hero-bottom > p {max-width: 58%; font-size: 16px;}
  .software-feature {gap: 40px;}
  .aegis-demo-surface,.argus-demo-surface {padding: 22px;}
  .marketing-feature {gap: 40px;}
  .service-philosophy {gap: 26px 50px;}
  .principle-grid {gap: 26px;}
  .principle-grid > div + div {padding-left: 26px;}
}
@media (max-width: 820px) {
  .service-hero {padding: 128px 0 64px;}
  .service-hero h1 {font-size: clamp(42px,7.5vw,62px);}
  .service-hero-bottom {flex-direction: column; align-items: flex-start; gap: 24px; margin-top: 32px;}
  .service-hero-bottom > p {max-width: 650px;}
  .software-feature,.software-feature--reverse {grid-template-columns: minmax(0,1fr); gap: 38px; padding: 38px 0 64px;}
  .software-feature + .software-feature {padding-top: 64px;}
  .software-feature--reverse .software-copy,.software-feature--reverse .software-preview {grid-column: auto; grid-row: auto;}
  .software-copy h3 {font-size: 54px;}
  .software-copy > p:not(.software-statement) {max-width: 600px;}
  .software-details {margin-bottom: 12px;}
  .aegis-demo-surface,.argus-demo-surface {min-height: 300px; padding: 32px;}
  .service-section-head {align-items: flex-start; flex-direction: column; gap: 12px; padding-bottom: 14px;}
  .service-section-head h2 {font-size: 25px;}
  .marketing-page .service-hero h1 {font-size: clamp(40px,6.8vw,58px);}
  .marketing-feature,.marketing-feature--reverse {grid-template-columns: minmax(0,1fr); gap: 36px; padding: 48px 0 64px;}
  .marketing-feature--reverse .marketing-copy,.marketing-feature--reverse .marketing-image {grid-column: auto; grid-row: auto;}
  .marketing-copy {max-width: 650px;}
  .marketing-copy h2 {font-size: 40px;}
  .marketing-image {max-width: 650px;}
  .marketing-principles {padding: 48px 0;}
  .principle-grid {grid-template-columns: minmax(0,1fr); gap: 26px;}
  .principle-grid > div + div {border-left: 0; padding-left: 0; padding-top: 26px; border-top: 1px solid var(--line);}
  .marketing-principles > h2 {font-size: 25px; margin-bottom: 30px;}
  .service-philosophy {grid-template-columns: minmax(0,1fr); gap: 24px; padding: 56px 0 64px;}
  .service-philosophy h2 {font-size: 44px;}
  .philosophy-copy > p {max-width: 650px;}
}
@media (max-width: 480px) {
  .service-hero {padding-top: 122px;}
  .service-hero h1 {font-size: 10.35vw; letter-spacing: -.065em; line-height: 1.13; margin-top: 26px;}
  .marketing-page .service-hero h1 {font-size: 9.3vw;}
  .service-hero-bottom > p {font-size: 15px; line-height: 1.85;}
  .service-eyebrow {font-size: 10px;}
  .service-page .service-link {font-size: 13px; gap: 18px;}
  .software-copy h3 {font-size: 48px;}
  .service-page .software-statement {font-size: 27px;}
  .software-product {margin-bottom: 16px;}
  .preview-caption {padding: 17px 18px; font-size: 10px;}
  .aegis-demo-surface {padding: 24px 16px; min-height: 275px; gap: 26px;}
  .argus-demo-surface {padding: 20px 8px; min-height: 275px;}
  .service-page .argus-window-body {grid-template-columns: 24px minmax(0,1fr);}
  .service-page .argus-sidebar {padding-inline: 6px;}
  .service-page .argus-sidebar span {width: 12px; height: 12px;}
  .service-page .demo-shell {padding: 18px 12px 16px;}
  .service-page .demo-text-window {font-size: 10px; letter-spacing: -.045em;}
  .service-page .demo-stage {min-height: 70px;}
  .demo-document-label {font-size: 10px; gap: 8px;}
  .demo-process {font-size: 10px; gap: 8px;}
  .demo-process span + span::before {padding-right: 8px;}
  .service-page .preview-note {padding: 14px 18px;}
  .service-page .argus-analysis-panel {right: 10px; width: min(206px,calc(100% - 20px)); transform-origin: right center;}
  .service-page .argus-inline-demo.is-zoomed .argus-analysis-panel {transform: none;}
  .marketing-copy h2 {font-size: 34px;}
  .marketing-image figcaption {font-size: 9px; gap: 10px;}
  .marketing-image figcaption span {flex-shrink: 0;}
  .service-philosophy h2 {font-size: 38px;}
}
@media (prefers-reduced-motion: reduce) {
  .service-page {scroll-behavior: auto;}
  .service-page .service-link {transition: none;}
}

/* White editorial direction — original brand colour moves into the typography. */
.service-main {margin-inline:auto;}
.service-page .top-nav a {color:#68616e;}
.service-page .top-nav a:hover,.service-page .top-nav a.active {color:#58368e;}
.service-page .nav-submenu-toggle {color:#7350b8;}
.service-page .nav-dropdown-menu {background:#fff;border-color:#e7e2eb;box-shadow:0 12px 40px #37244412;}
.service-page .nav-dropdown-menu a:hover {background:#f5f1fa;}
.service-page .menu-btn span {background:#44364f;}
.service-page .service-hero h1 span,.service-page .service-philosophy h2 span,.service-page .marketing-copy h2 span {background:linear-gradient(105deg,#47305e 3%,#8754b0 50%,#956331 100%);background-clip:text;-webkit-background-clip:text;color:transparent;}
.service-page .service-hero h1 {font-weight:500;}
.software-hero {position:relative;padding-top:170px;}
.software-hero h1 {position:relative;z-index:1;line-height:1.04;}
.service-page .software-hero h1 .original-label {font-size:clamp(28px,4.2vw,60px);letter-spacing:-.05em;color:#403248;background:none;display:inline-block;animation:title-arrive .9s both;}
.service-page .software-hero h1 .software-word {display:inline-block;font-size:clamp(76px,12vw,170px);letter-spacing:-.075em;animation:title-arrive 1.1s .12s both;}
.service-page .software-hero h1 .title-period {color:#a37545;background:none;}
@keyframes title-arrive {from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
.hero-orbit {position:absolute;right:5%;top:190px;width:210px;height:210px;}
.hero-orbit svg {display:block;width:100%;height:100%;overflow:visible;}
.orbit-track {fill:none;stroke-width:1;}
.orbit-track--gold {stroke:#e0d1bb;}
.orbit-track--purple {stroke:#cfc1df;}
.orbit-dot--gold {fill:#956331;}
.orbit-dot--purple {fill:#795895;}
.studio-notes {display:flex;justify-content:space-between;gap:20px;margin-top:65px;padding-top:24px;border-top:1px solid var(--line);font-size:11px;letter-spacing:.025em;color:var(--service-muted);}
.studio-notes a {color:var(--service-accent);}
.studio-notes a span {margin-left:18px;}
.software-preview {width:100%;max-width:490px;justify-self:center;border-radius:14px;box-shadow:0 22px 55px #44296312;transition:transform .35s;--service-muted:#b1aeb8;--service-accent:#bba9dd;color:#f1eee8;}
.software-preview:hover {transform:translateY(-4px);}
.aegis-demo-surface,.argus-demo-surface {min-height:270px;padding:24px;}
.service-page .argus-desktop {min-height:210px;}
.preview-caption {padding:16px 20px;}
.service-page .preview-note {padding:12px 20px;}
.software-details li {border-color:var(--line);}
.service-page .software-copy h3 {color:#68418f;}
.service-page .software-feature--reverse .software-copy h3 {color:#856038;}
.service-page .service-link {border-color:#cbbadf;}
.service-page .service-link:hover > span {transform:translate(3px,-3px);}
.service-link > span {transition:transform .2s;}
.marketing-image {max-width:510px;justify-self:center;}
.marketing-image img {border-radius:12px;}
.marketing-principles {counter-reset:principle;}
.principle-grid > div::before {counter-increment:principle;content:counter(principle) ".";display:block;font-family:"Bodoni Moda",serif;font-size:38px;color:#87643d;margin-bottom:24px;}
.service-page .site-footer {background:#f8f6fa;border-color:#e7e2eb;color:#39303f;}
.service-page .site-footer :is(p,a,small,.footer-meta) {color:#68616e;}
.service-page .site-footer .footer-brand strong {color:#68418f;}
@media(max-width:1100px){.hero-orbit {right:3%;width:130px;height:130px;top:200px;}.hero-orbit > span {font-size:70px;}}
@media(max-width:820px){.service-page .topbar .top-nav {background:#fff;}.software-hero {padding-top:130px;}.hero-orbit {width:80px;height:80px;right:2%;top:156px;}.hero-orbit > span {font-size:46px;}.hero-orbit::before {inset:12px -8px;}.hero-orbit i::after {width:7px;height:7px;top:10px;left:10px;}.software-preview {justify-self:start;}.studio-notes {margin-top:40px;}.aegis-demo-surface,.argus-demo-surface {min-height:250px;padding:22px;}}
@media(max-width:480px){.hero-orbit {display:none;}.service-page .software-hero h1 .original-label {font-size:30px;}.service-page .software-hero h1 .software-word {font-size:20.5vw;}.studio-notes {font-size:10px;}.aegis-demo-surface {padding:20px 14px;}.argus-demo-surface {padding:18px 8px;}.marketing-image figcaption {flex-wrap:wrap;}.service-page .argus-analysis-panel {font-size:10px;}}
@media(prefers-reduced-motion:reduce){.service-page *, .service-page *::before,.service-page *::after {animation:none!important;transition:none!important;}.software-preview:hover {transform:none;}}

/* Follow-up: quiet previews and dark framing for both white service pages. */
.service-page .topbar,.service-page .topbar.scrolled {background:#19181e;border-color:rgba(241,238,232,.09);--fg:#f1eee8;}
.service-page .brand-anchor {color:#bba9dd;}
.service-page .top-nav a {color:rgba(241,238,232,.72);}
.service-page .top-nav a:hover,.service-page .top-nav a.active {color:#f1eee8;}
.service-page .nav-submenu-toggle {color:#bba9dd;}
.service-page .nav-dropdown-menu {background:#19181e;border-color:rgba(241,238,232,.16);}
.service-page .nav-dropdown-menu a:hover {background:#2c2637;}
.service-page .menu-btn span {background:#f1eee8;}
.service-page .site-footer {width:100%;max-width:none;padding-inline:max(var(--pad),calc((100% - 1404px)/2));background:#17171b;color:#f1eee8;border-color:rgba(241,238,232,.16);--line:rgba(241,238,232,.16);}
.service-page .site-footer :is(p,a,small,.footer-meta) {color:#aaa5b1;}
.service-page .site-footer .footer-brand strong {color:#bba9dd;}
.service-page .site-footer a:hover {color:#f1eee8;}
.projects-page .service-section-head {flex-direction:column;align-items:flex-start;gap:16px;padding-top:44px;}
.projects-page .service-section-head h2 {font-size:clamp(34px,4vw,56px);line-height:1.15;}
.projects-page .service-section-head p {font-size:15px;}
.projects-page .service-philosophy {grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:30px 50px;}
.projects-page .service-philosophy h2 {font-size:clamp(32px,3.3vw,48px);}
.projects-page .software-preview .demo-foot {display:none;}
.marketing-actions {display:flex;align-items:flex-end;gap:24px;margin-top:32px;}
.service-page .marketing-actions .service-link {flex:1;gap:10px;font-size:12px;}
@media(max-width:820px){
 .service-page .topbar .top-nav {background:#19181e;}
 .projects-page .service-philosophy {grid-template-columns:minmax(0,1fr);}
 .marketing-actions {max-width:580px;}
}
@media(max-width:480px){.marketing-actions {gap:18px;}.service-page .marketing-actions .service-link {font-size:11px;align-self:stretch;align-items:center;}}

/* Fine tuning: fluid editorial width, fewer labels, legible product demos. */
.service-main {max-width:none;width:100%;padding-inline:clamp(24px,5vw,120px);}
.service-hero {padding-top:clamp(135px,11vw,190px);}
.service-hero h1 {margin-top:0;}
.service-page .software-hero h1 .original-label {font-size:clamp(30px,4.2vw,80px);}
.service-page .software-hero h1 .software-word {font-size:clamp(80px,12vw,220px);}
.service-hero-bottom > p {max-width:760px;font-size:clamp(16px,1.2vw,22px);}
.hero-orbit {top:clamp(155px,12vw,225px);width:clamp(130px,14vw,260px);height:clamp(130px,14vw,260px);}
.projects-page .service-section-head h2 {font-size:clamp(30px,3.5vw,64px);}
.software-work {scroll-margin-top:100px;}
.software-copy > p:not(.software-statement),.marketing-copy > p:not(.service-eyebrow),.philosophy-copy > p {font-size:clamp(15px,1.05vw,19px);}
.software-details {font-size:clamp(13px,.9vw,16px);}
.software-details li {position:relative;padding-left:26px;}
.software-details li::before {content:"✓";position:absolute;left:0;top:9px;color:#68418f;font-weight:600;}
.software-feature--reverse .software-details li::before,.argus-detail-page .software-details li::before {color:#856038;}
.service-page .software-copy h3 {display:flex;align-items:center;gap:18px;}
.product-title-icon {width:44px;height:44px;object-fit:contain;border:1px solid #c5acdf;border-radius:10px;padding:5px;background:#f8f4fc;}
.software-preview {max-width:680px;justify-self:end;}
.software-feature--reverse .software-preview {justify-self:start;}
.service-page .preview-heading {margin:0;padding:18px 24px;border-bottom:1px solid #39313f;font:500 13px/1.5 "Manrope",sans-serif;color:#d6c7ea;}
.preview-heading a {display:flex;justify-content:space-between;align-items:center;gap:16px;}
.preview-heading a:hover {color:#fff;}
.service-page .demo-text-window {white-space:nowrap;letter-spacing:0;}
.service-page .argus-inline-demo .argus-desktop,.service-page .argus-inline-demo.is-zoomed .argus-desktop,.service-page .argus-inline-demo .argus-analysis-panel,.service-page .argus-inline-demo.is-zoomed .argus-analysis-panel {transform:none;filter:none;backdrop-filter:none;}
.service-page .argus-analysis-panel {width:min(280px,calc(100% - 24px));right:12px;bottom:12px;padding:16px;background:#18151e;transition:opacity .25s,visibility .25s;}
.service-page .argus-panel-processing strong,.service-page .argus-panel-result strong {font-family:"Manrope",sans-serif;font-size:14px;}
.service-page .argus-panel-result p {font-size:12px;line-height:1.6;margin:9px 0;}
.service-page .argus-solution-lines span {font-family:"Manrope",sans-serif;font-size:11px;line-height:1.6;}
.service-page .argus-desktop {min-height:280px;}
.service-page .argus-app-card.mail::before,.service-page .argus-app-card.mail::after {display:none;}
.service-page .argus-window-body {grid-template-columns:minmax(0,1fr);}
.service-page .argus-sidebar {display:none;}
.website-contact-button {display:inline-flex;align-items:center;gap:30px;margin-top:24px;padding:14px 20px;border:1px solid #9372b7;border-radius:4px;color:#68418f;font-size:13px;transition:background .2s;}
.website-contact-button:hover {background:#f4eef9;}
.product-detail-main {padding-top:clamp(145px,12vw,210px);padding-bottom:100px;min-height:76vh;}
.product-detail-grid {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(40px,6vw,110px);align-items:center;}
.service-page .product-detail-copy h1 {display:flex;align-items:center;gap:24px;font-size:clamp(60px,7.5vw,140px);line-height:1.05;letter-spacing:-.065em;color:#68418f;margin-bottom:26px;}
.service-page.argus-detail-page .product-detail-copy h1 {color:#856038;}
.product-detail-icon {width:clamp(64px,6vw,105px);height:auto;aspect-ratio:1;object-fit:contain;border:1px solid #bda1db;border-radius:16px;padding:12px;background:#f7f2fc;}
.service-page .product-detail-statement {font-size:clamp(24px,2vw,36px);line-height:1.35;letter-spacing:-.03em;color:#493754;margin-bottom:22px;}
.product-detail-copy > p:not(.product-detail-statement) {font-size:clamp(16px,1.1vw,20px);line-height:1.85;color:var(--service-muted);}
.product-detail-actions {display:flex;gap:28px;align-items:center;flex-wrap:wrap;margin-top:28px;}
.project-back {text-decoration:underline;text-underline-offset:5px;color:#68418f;font-size:13px;}
@media(min-width:1600px){.software-feature {gap:7vw;}.marketing-image {max-width:700px;}.service-section-head {padding-top:55px;}}
@media(max-width:1100px){.software-feature,.software-feature--reverse {grid-template-columns:minmax(0,1fr);gap:34px;}.software-feature--reverse .software-copy,.software-feature--reverse .software-preview {grid-column:auto;grid-row:auto;}.software-preview {justify-self:start;max-width:680px;width:100%;}.product-detail-grid {grid-template-columns:minmax(0,1fr);}.product-detail-main .software-preview {justify-self:start;}}
@media(max-width:820px){.service-hero-bottom > p {max-width:100%;}.hero-orbit {width:100px;height:100px;top:145px;}.service-hero {padding-top:135px;}.service-page .software-hero h1 .software-word {font-size:17vw;}.product-detail-main {padding-top:130px;}.service-page .product-detail-copy h1 {font-size:70px;}}
@media(max-width:480px){.service-page .software-hero h1 .software-word {font-size:20.5vw;}.service-page .software-hero h1 .original-label {font-size:30px;}.projects-page .service-section-head h2 {font-size:clamp(26px,7.9vw,32px);}.service-page .preview-heading {padding:15px 18px;font-size:12px;}.service-page .argus-analysis-panel {padding:12px;}.product-detail-icon {width:58px;padding:8px;}.service-page .product-detail-copy h1 {font-size:58px;gap:18px;}}

.service-page .software-preview .demo-foot {display:none;}
.service-page .argus-app-card.mail {max-width:calc(100% - 56px);}
@media(max-width:480px){.service-page .demo-text-window {display:block;line-height:1.9;}.service-page .demo-prefix {display:block;}.service-page .demo-stage {min-height:90px;}}

/* Full-height software introduction and consistent black product-icon frames. */
.projects-page .software-hero {min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding-top:clamp(125px,15vh,190px);padding-bottom:110px;}
.projects-page .software-hero .hero-orbit {top:24%;}
.software-scroll-cue {position:absolute;bottom:28px;left:50%;transform:translateX(-50%);display:grid;place-items:center;width:48px;height:48px;border:1px solid #c8bfce;border-radius:50%;color:#493754;transition:background .2s,border-color .2s;}
.software-scroll-cue svg {fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;}
.software-scroll-cue:hover {background:#f3edf8;border-color:#7350b8;}
.projects-page .service-section-head {padding-top:clamp(44px,6vw,100px);padding-bottom:34px;}
.projects-page .service-section-head h2 {font-size:clamp(42px,6vw,112px);line-height:1.06;letter-spacing:-.06em;max-width:100%;}
.product-title-icon {width:72px;height:72px;flex:0 0 72px;border:2px solid #17171b;border-radius:13px;padding:3px;background:#fff;}
.product-detail-icon {width:clamp(96px,8vw,142px);border:2px solid #17171b;border-radius:18px;padding:5px;background:#fff;flex-shrink:0;}
@media(max-width:820px){.projects-page .software-hero {padding-top:130px;padding-bottom:105px;}.projects-page .software-hero .hero-orbit {top:155px;}.product-title-icon {width:64px;height:64px;flex-basis:64px;}.product-detail-icon {width:88px;}}
@media(max-width:480px){.projects-page .service-section-head h2 {font-size:clamp(34px,9.3vw,44px);}.service-page .product-detail-copy h1 {font-size:52px;gap:16px;}.product-detail-icon {width:76px;}.software-scroll-cue {width:42px;height:42px;bottom:25px;}}
@media(prefers-reduced-motion:reduce){html {scroll-behavior:auto;}}