:root {
  --midnight: #142033;
  --midnight-2: #1c2b42;
  --petrol: #1f5a5d;
  --petrol-light: #68a7a5;
  --copper: #b97850;
  --ivory: #f4f0e7;
  --paper: #fffdf8;
  --mist: #dce4e1;
  --graphite: #4c5966;
  --line: rgba(20, 32, 51, 0.14);
  --shadow: 0 24px 70px rgba(20, 32, 51, 0.12);
  --radius: 18px;
  --container: 1180px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--midnight);
  background: var(--paper);
  font-family: "Helvetica Neue", "Segoe UI", Arial, sans-serif;
  font-size: 16px;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}

body.nav-open { overflow: hidden; }
a { color: inherit; }
img, svg { display: block; }
button, a { -webkit-tap-highlight-color: transparent; }
.container { width: min(calc(100% - 48px), var(--container)); margin-inline: auto; }
.section { padding: 118px 0; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.skip-link { position: fixed; top: -100px; left: 20px; z-index: 1000; padding: 10px 14px; background: var(--paper); color: var(--midnight); border-radius: 6px; }
.skip-link:focus { top: 20px; }

.site-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;
  background: rgba(255, 253, 248, 0.9);
  border-bottom: 1px solid rgba(20, 32, 51, 0.08);
  backdrop-filter: blur(18px);
}
.header-inner { min-height: 76px; display: flex; align-items: center; justify-content: space-between; }
.brand { display: inline-flex; align-items: center; gap: 12px; text-decoration: none; font-weight: 760; letter-spacing: 0.18em; font-size: 18px; }
.brand img { width: 35px; height: 35px; }
.main-nav { display: flex; align-items: center; gap: 28px; }
.main-nav > a { text-decoration: none; color: var(--graphite); font-size: 14px; font-weight: 650; }
.main-nav > a:hover, .main-nav > a:focus-visible { color: var(--petrol); }
.language-switcher { display: flex; align-items: center; gap: 7px; margin-left: 10px; padding-left: 20px; border-left: 1px solid var(--line); }
.language-switcher a { padding: 3px; color: #86909a; text-decoration: none; font: inherit; font-weight: 750; }
.language-switcher a[aria-current="page"] { color: var(--midnight); }
.nav-toggle { display: none; width: 42px; height: 42px; padding: 10px; border: 1px solid var(--line); border-radius: 50%; background: transparent; }
.nav-toggle > span:not(.sr-only) { display: block; width: 100%; height: 2px; margin: 4px 0; background: var(--midnight); transition: transform .25s, opacity .25s; }

.hero {
  position: relative;
  min-height: 850px;
  padding: 176px 0 42px;
  overflow: hidden;
  background: var(--ivory);
}
.hero::before { content: ""; position: absolute; width: 520px; height: 520px; right: -220px; top: -240px; border: 1px solid rgba(31,90,93,.2); border-radius: 50%; }
.hero::after { content: ""; position: absolute; width: 360px; height: 360px; right: -150px; top: -155px; border: 1px solid rgba(185,120,80,.25); border-radius: 50%; }
.hero-grid { position: absolute; inset: 0; opacity: .42; background-image: linear-gradient(rgba(31,90,93,.06) 1px, transparent 1px), linear-gradient(90deg, rgba(31,90,93,.06) 1px, transparent 1px); background-size: 42px 42px; mask-image: linear-gradient(90deg, transparent 0, rgba(0,0,0,.9) 38%, transparent 100%); }
.hero-layout { position: relative; display: grid; grid-template-columns: minmax(0, 1.03fr) minmax(440px, .97fr); align-items: center; gap: 80px; }
.eyebrow { margin: 0 0 24px; color: var(--petrol); font-size: 12px; line-height: 1.2; letter-spacing: .22em; font-weight: 780; }
.hero h1 { max-width: 760px; margin: 0; font-size: clamp(48px, 5.1vw, 75px); line-height: 1.03; letter-spacing: -.047em; font-weight: 720; }
.hero-lead { max-width: 660px; margin: 30px 0 0; color: var(--graphite); font-size: 19px; line-height: 1.65; }
.hero-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 27px; margin-top: 38px; }
.button { display: inline-flex; align-items: center; justify-content: center; gap: 12px; min-height: 52px; padding: 13px 22px; border-radius: 4px; text-decoration: none; font-size: 14px; font-weight: 750; transition: transform .2s, background .2s, color .2s; }
.button:hover { transform: translateY(-2px); }
.button-primary { color: var(--paper); background: var(--midnight); }
.button-primary:hover { background: var(--petrol); }
.text-link { display: inline-flex; gap: 10px; color: var(--midnight); text-decoration: none; font-weight: 720; font-size: 14px; }
.text-link span:last-child { color: var(--copper); }

.system-card { position: relative; min-height: 500px; padding: 24px; border: 1px solid rgba(20,32,51,.13); border-radius: var(--radius); background: rgba(255,253,248,.72); box-shadow: var(--shadow); backdrop-filter: blur(10px); }
.system-header { display: flex; justify-content: space-between; gap: 20px; padding-bottom: 19px; border-bottom: 1px solid var(--line); color: var(--graphite); font-size: 10px; letter-spacing: .14em; font-weight: 760; }
.status-dot { display: inline-flex; align-items: center; gap: 7px; color: var(--petrol); letter-spacing: .05em; }
.status-dot i { width: 7px; height: 7px; border-radius: 50%; background: var(--petrol-light); box-shadow: 0 0 0 5px rgba(104,167,165,.13); animation: statusPulse 4.8s ease-in-out 1.2s infinite; }
.system-map { position: relative; height: 410px; }
.system-node { position: absolute; z-index: 2; width: 145px; padding: 16px 17px; border: 1px solid rgba(20,32,51,.13); border-radius: 8px; background: var(--paper); box-shadow: 0 8px 22px rgba(20,32,51,.07); }
.system-node span { display: block; margin-bottom: 7px; color: var(--copper); font-size: 10px; font-weight: 800; letter-spacing: .12em; }
.system-node strong { font-size: 14px; letter-spacing: .02em; }
.node-commerce { left: 4px; top: 34px; }
.node-accounting { right: 4px; top: 34px; }
.node-data { left: 4px; bottom: 20px; }
.node-automation { right: 4px; bottom: 20px; }
.decision-point { position: absolute; z-index: 3; left: 50%; top: 50%; transform: translate(-50%,-50%); display: grid; justify-items: center; gap: 15px; color: var(--petrol); font-size: 10px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; white-space: nowrap; }
.decision-point i { display: block; width: 47px; height: 47px; background: var(--copper); border: 9px solid var(--paper); transform: rotate(45deg); box-shadow: 0 0 0 1px rgba(20,32,51,.12), 0 7px 20px rgba(20,32,51,.1); animation: decisionPulse 4.8s ease-in-out 1.2s infinite; }
.system-lines { position: absolute; inset: 26px 6px 0; width: calc(100% - 12px); height: calc(100% - 46px); }
.system-lines path { fill: none; stroke: rgba(31,90,93,.42); stroke-width: 1.2; stroke-dasharray: 5 6; stroke-dashoffset: 0; opacity: 0; vector-effect: non-scaling-stroke; animation: systemLineReveal .8s ease-out forwards, systemLineFlow 7s linear 1.55s infinite; }
.system-lines path:nth-child(2) { animation-delay: .15s, 1.7s; }
.system-lines path:nth-child(3) { animation-delay: .3s, 1.85s; }
.system-lines path:nth-child(4) { animation-delay: .45s, 2s; }

@keyframes systemLineReveal {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes systemLineFlow {
  from { stroke-dashoffset: 0; }
  to { stroke-dashoffset: -44; }
}

@keyframes decisionPulse {
  0%, 72%, 100% { box-shadow: 0 0 0 1px rgba(20,32,51,.12), 0 7px 20px rgba(20,32,51,.1); }
  84% { box-shadow: 0 0 0 1px rgba(20,32,51,.12), 0 0 0 10px rgba(185,120,80,.11), 0 9px 25px rgba(20,32,51,.14); }
}

@keyframes statusPulse {
  0%, 72%, 100% { box-shadow: 0 0 0 5px rgba(104,167,165,.13); }
  84% { box-shadow: 0 0 0 8px rgba(104,167,165,.06); }
}
.proof-strip { position: relative; display: grid; grid-template-columns: repeat(4,1fr); margin-top: 95px; border-top: 1px solid rgba(20,32,51,.15); border-bottom: 1px solid rgba(20,32,51,.15); }
.proof-strip > div { min-height: 92px; display: flex; flex-direction: column; justify-content: center; padding: 18px 26px; border-right: 1px solid rgba(20,32,51,.15); }
.proof-strip > div:first-child { padding-left: 0; }
.proof-strip > div:last-child { border-right: 0; }
.proof-strip strong { font-size: 13px; letter-spacing: .04em; }
.proof-strip span { margin-top: 3px; color: var(--graphite); font-size: 12px; }

.two-column { display: grid; grid-template-columns: .9fr 1.1fr; gap: 110px; }
.section-heading h2 { max-width: 760px; margin: 0; font-size: clamp(38px,4vw,57px); line-height: 1.08; letter-spacing: -.035em; }
.section-heading > p:last-child { max-width: 660px; margin: 24px 0 0; color: var(--graphite); font-size: 18px; }
.challenge { background: var(--paper); }
.challenge-copy > p:first-child { margin: 0 0 35px; color: var(--graphite); font-size: 20px; }
.problem-list { border-top: 1px solid var(--line); }
.problem-list > div { display: grid; grid-template-columns: 52px 1fr; gap: 12px; align-items: center; min-height: 76px; border-bottom: 1px solid var(--line); }
.problem-list span { color: var(--copper); font-size: 11px; font-weight: 800; letter-spacing: .1em; }
.problem-list p { margin: 0; font-weight: 620; }
.solution-statement { margin: 35px 0 0; padding-left: 22px; border-left: 3px solid var(--copper); font-weight: 680; }

.services { background: var(--midnight); color: var(--paper); }
.services .eyebrow { color: var(--petrol-light); }
.services-heading { display: grid; grid-template-columns: 1.2fr .8fr; column-gap: 70px; align-items: end; }
.services-heading .eyebrow { grid-column: 1/-1; }
.services-heading > p:last-child { color: rgba(244,240,231,.67); }
.service-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 18px; margin-top: 68px; }
.service-card { position: relative; display: block; min-height: 430px; padding: 34px; border: 1px solid rgba(244,240,231,.13); border-radius: 12px; color: inherit; background: rgba(255,255,255,.025); text-decoration: none; transition: transform .25s, border-color .25s, background .25s; }
.service-card:hover { transform: translateY(-4px); border-color: rgba(104,167,165,.55); background: rgba(255,255,255,.045); }
.service-top { display: flex; align-items: flex-start; justify-content: space-between; margin-bottom: 56px; color: var(--copper); font-size: 11px; font-weight: 800; letter-spacing: .14em; }
.service-top svg { width: 43px; height: 43px; fill: none; stroke: var(--petrol-light); stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.service-card h3 { margin: 0; font-size: 30px; letter-spacing: -.02em; }
.service-card > p { max-width: 480px; margin: 17px 0 25px; color: rgba(244,240,231,.68); }
.service-card ul { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none; }
.service-card li { padding: 6px 10px; border: 1px solid rgba(244,240,231,.14); border-radius: 100px; color: var(--mist); font-size: 11px; }
.service-cta { position: absolute; right: 34px; bottom: 30px; color: var(--petrol-light); font-size: 12px; font-weight: 750; letter-spacing: .04em; }

.method { background: var(--mist); }
.method-list { margin: 67px 0 0; padding: 0; list-style: none; border-top: 1px solid rgba(20,32,51,.18); }
.method-list li { display: grid; grid-template-columns: 90px 1fr; gap: 18px; align-items: start; min-height: 155px; padding: 33px 0; border-bottom: 1px solid rgba(20,32,51,.18); }
.method-list > li > span { color: var(--copper); font-size: 12px; font-weight: 800; letter-spacing: .12em; }
.method-list h3 { margin: 0 0 8px; font-size: 26px; }
.method-list p { max-width: 690px; margin: 0; color: var(--graphite); }

.about { background: var(--paper); }
.about-layout { display: grid; grid-template-columns: 1fr 1fr; gap: 100px; align-items: start; }
.about-story h2 { margin: 0 0 28px; font-size: clamp(38px,4vw,57px); line-height: 1.08; letter-spacing: -.035em; }
.about-story > p:not(.eyebrow) { color: var(--graphite); font-size: 17px; }
.about-story blockquote { margin: 36px 0 0; color: var(--petrol); font-family: Georgia, "Times New Roman", serif; font-size: 31px; font-style: italic; }
.about-aside { display: grid; gap: 16px; }
.team-grid { display: grid; gap: 16px; padding-top: 36px; }
.team-card { display: grid; grid-template-columns: 78px 1fr; gap: 24px; padding: 28px; border: 1px solid var(--line); border-radius: 12px; background: var(--ivory); }
.team-initial { display: grid; place-items: center; width: 78px; height: 78px; border-radius: 50%; color: var(--paper); background: var(--midnight); font-weight: 800; letter-spacing: .08em; }
.team-photo { width: 92px; height: 92px; border-radius: 50%; object-fit: cover; object-position: center; filter: grayscale(100%); border: 3px solid var(--paper); box-shadow: 0 0 0 1px var(--line); }
.founder-card { grid-template-columns: 92px 1fr; align-items: center; background: var(--midnight); border-color: var(--midnight); }
.founder-card h3 { color: var(--paper); }
.founder-card div > p:not(.team-role) { color: var(--petrol-light); }
.founder-card div > span { color: rgba(244,240,231,.72); }
.team-role { margin: 0 0 6px; color: var(--copper); font-size: 10px; font-weight: 800; letter-spacing: .16em; }
.team-card h3 { margin: 0; font-size: 23px; }
.team-card div > p:not(.team-role) { margin: 2px 0 12px; color: var(--petrol); font-weight: 720; font-size: 13px; }
.team-card div > span { display: block; color: var(--graphite); font-size: 14px; line-height: 1.55; }
.capability-panel { padding: 38px; border: 1px solid var(--line); border-radius: 14px; background: var(--ivory); }
.capability-panel h3 { margin: 0 0 15px; font-size: 30px; line-height: 1.15; letter-spacing: -.025em; }
.capability-panel > p:not(.eyebrow) { color: var(--graphite); }
.capability-panel ul { display: grid; gap: 12px; margin: 28px 0 0; padding: 0; list-style: none; }
.capability-panel li { padding: 13px 0 13px 26px; border-top: 1px solid var(--line); position: relative; font-weight: 680; }
.capability-panel li::before { content: "↗"; position: absolute; left: 0; color: var(--copper); }

.service-hero { padding: 152px 0 100px; background: var(--ivory); overflow: hidden; }
.breadcrumbs { display: flex; flex-wrap: wrap; gap: 9px; margin-bottom: 62px; color: var(--graphite); font-size: 12px; }
.breadcrumbs a { color: var(--petrol); text-decoration: none; }
.service-hero-grid { display: grid; grid-template-columns: minmax(0,1.25fr) minmax(290px,.75fr); gap: 100px; align-items: end; }
.service-hero h1 { max-width: 900px; margin: 0; font-size: clamp(48px,6vw,78px); line-height: 1.02; letter-spacing: -.048em; }
.service-lead { max-width: 760px; margin: 30px 0 0; color: var(--graphite); font-size: 20px; line-height: 1.65; }
.service-summary { display: grid; grid-template-columns: 38px 1fr; gap: 0 14px; padding: 28px; border: 1px solid var(--line); border-radius: 12px; background: rgba(255,253,248,.68); }
.service-summary span { padding: 14px 0; color: var(--copper); font-size: 11px; font-weight: 800; }
.service-summary p { margin: 0; padding: 12px 0; border-bottom: 1px solid var(--line); font-weight: 680; }
.service-summary p:last-child { border-bottom: 0; }
.detail-section { background: var(--paper); }
.detail-grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: 100px; }
.detail-grid h2 { margin: 0; font-size: clamp(38px,4vw,56px); line-height: 1.08; letter-spacing: -.035em; }
.detail-list { margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--line); }
.detail-list li { display: grid; grid-template-columns: 54px 1fr; align-items: center; min-height: 82px; border-bottom: 1px solid var(--line); }
.detail-list span { color: var(--copper); font-size: 11px; font-weight: 800; }
.detail-list p { margin: 0; font-weight: 650; }
.deliverables { color: var(--paper); background: var(--midnight); }
.deliverables .eyebrow { color: var(--petrol-light); }
.deliverable-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 16px; margin-top: 60px; }
.deliverable-grid article { min-height: 190px; padding: 28px; border: 1px solid rgba(244,240,231,.14); border-radius: 10px; background: rgba(255,255,255,.025); }
.deliverable-grid span { color: var(--copper); font-size: 11px; font-weight: 800; }
.deliverable-grid h3 { margin: 48px 0 0; font-size: 19px; line-height: 1.35; }
.process-section { background: var(--mist); }
.process-copy > p { margin: 0 0 30px; color: var(--graphite); font-size: 18px; }
.process-copy ol { margin: 0; padding: 0; list-style: none; border-top: 1px solid rgba(20,32,51,.18); }
.process-copy li { display: grid; grid-template-columns: 150px 1fr; gap: 22px; padding: 22px 0; border-bottom: 1px solid rgba(20,32,51,.18); }
.process-copy strong { color: var(--petrol); }
.process-copy span { color: var(--graphite); }
.faq-section { background: var(--paper); }
.faq-list { max-width: 900px; margin-top: 55px; border-top: 1px solid var(--line); }
.faq-list details { border-bottom: 1px solid var(--line); }
.faq-list summary { padding: 24px 40px 24px 0; cursor: pointer; font-size: 18px; font-weight: 720; }
.faq-list p { max-width: 760px; margin: -8px 0 26px; color: var(--graphite); }

.contact { padding-top: 30px; background: var(--paper); }
.contact-card { display: grid; grid-template-columns: 1.1fr .9fr; gap: 80px; align-items: end; padding: 76px; color: var(--paper); border-radius: var(--radius); background: var(--petrol); overflow: hidden; position: relative; }
.contact-card::after { content: ""; position: absolute; width: 310px; height: 310px; right: -120px; bottom: -190px; border: 1px solid rgba(244,240,231,.22); border-radius: 50%; }
.contact-card .eyebrow { color: var(--mist); }
.contact-card h2 { margin: 0; font-size: clamp(36px,3.4vw,52px); line-height: 1.08; letter-spacing: -.035em; }
.contact-action { position: relative; z-index: 2; }
.contact-action p { margin: 0 0 25px; color: rgba(244,240,231,.78); }
.button-light { color: var(--midnight); background: var(--paper); }
.button-light:hover { color: var(--paper); background: var(--midnight); }

.site-footer { padding: 80px 0 28px; color: var(--paper); background: var(--midnight); }
.footer-main { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; padding-bottom: 65px; }
.brand-light { color: var(--paper); }
.footer-brand p { margin: 20px 0 0; color: var(--petrol-light); }
.footer-links { display: grid; grid-template-columns: repeat(2,1fr); gap: 40px; }
.footer-links > div { display: flex; flex-direction: column; gap: 9px; }
.footer-links strong { margin-bottom: 7px; color: var(--petrol-light); font-size: 11px; letter-spacing: .13em; text-transform: uppercase; }
.footer-links a { width: max-content; color: rgba(244,240,231,.74); text-decoration: none; font-size: 14px; }
.footer-links a:hover { color: var(--paper); }
.footer-bottom { display: flex; justify-content: space-between; gap: 25px; padding-top: 25px; border-top: 1px solid rgba(244,240,231,.12); color: rgba(244,240,231,.52); font-size: 11px; letter-spacing: .07em; }
.footer-bottom a { color: inherit; }

.privacy-page { min-height: 100vh; padding: 145px 0 90px; background: var(--ivory); }
.privacy-content { max-width: 820px; }
.privacy-content h1 { margin: 0 0 22px; font-size: clamp(42px,6vw,72px); line-height: 1; letter-spacing: -.045em; }
.privacy-content h2 { margin: 42px 0 12px; font-size: 23px; }
.privacy-content p, .privacy-content li { color: var(--graphite); }
.privacy-content a { color: var(--petrol); }
.back-link { display: inline-flex; margin-bottom: 42px; color: var(--petrol); text-decoration: none; font-weight: 700; }

.reveal { opacity: 0; transform: translateY(18px); transition: opacity .65s ease, transform .65s ease; }
.reveal.is-visible { opacity: 1; transform: none; }

@media (max-width: 1000px) {
  .hero-layout { grid-template-columns: 1fr; gap: 65px; }
  .hero-copy { max-width: 800px; }
  .system-card { max-width: 650px; width: 100%; }
  .hero { min-height: auto; }
  .proof-strip { grid-template-columns: repeat(2,1fr); }
  .proof-strip > div:nth-child(2) { border-right: 0; }
  .proof-strip > div:nth-child(-n+2) { border-bottom: 1px solid var(--line); }
  .two-column, .about-layout { grid-template-columns: 1fr; gap: 55px; }
  .services-heading { grid-template-columns: 1fr; }
  .service-card { min-height: 410px; }
  .contact-card { grid-template-columns: 1fr; gap: 42px; padding: 60px; }
}

@media (max-width: 760px) {
  .container { width: min(calc(100% - 34px), var(--container)); }
  .section { padding: 82px 0; }
  .header-inner { min-height: 68px; }
  .nav-toggle { display: block; }
  .main-nav { position: fixed; inset: 68px 0 0; display: flex; flex-direction: column; align-items: flex-start; gap: 0; padding: 34px 24px; background: var(--paper); transform: translateX(100%); transition: transform .3s ease; }
  .nav-open .main-nav { transform: translateX(0); }
  .main-nav > a { width: 100%; padding: 16px 0; border-bottom: 1px solid var(--line); font-size: 20px; }
  .language-switcher { margin: 30px 0 0; padding: 0; border: 0; }
  .nav-open .nav-toggle > span:nth-child(1) { transform: translateY(6px) rotate(45deg); }
  .nav-open .nav-toggle > span:nth-child(2) { opacity: 0; }
  .nav-open .nav-toggle > span:nth-child(3) { transform: translateY(-6px) rotate(-45deg); }
  .hero { padding-top: 138px; }
  .hero h1 { font-size: clamp(43px,13vw,60px); }
  .hero-lead { font-size: 17px; }
  .system-card { min-height: 490px; padding: 18px; }
  .system-header { font-size: 9px; }
  .system-map { height: 405px; }
  .system-node { width: 126px; padding: 13px; }
  .node-commerce, .node-data { left: 0; }
  .node-accounting, .node-automation { right: 0; }
  .decision-point span { display: none; }
  .proof-strip { margin-top: 65px; }
  .proof-strip > div { padding: 18px 14px; }
  .proof-strip > div:first-child { padding-left: 14px; }
  .section-heading h2 { font-size: 39px; }
  .service-grid { grid-template-columns: 1fr; }
  .service-card { min-height: auto; }
  .service-top { margin-bottom: 42px; }
  .about-story blockquote { font-size: 27px; }
  .team-card { grid-template-columns: 58px 1fr; gap: 18px; padding: 22px; }
  .team-initial { width: 58px; height: 58px; }
  .founder-card { grid-template-columns: 70px 1fr; }
  .team-photo { width: 70px; height: 70px; }
  .contact-card { padding: 42px 26px; }
  .button-light { width: 100%; overflow-wrap: anywhere; }
  .footer-main { grid-template-columns: 1fr; gap: 50px; }
  .footer-bottom { flex-wrap: wrap; }
}

@media (max-width: 430px) {
  .proof-strip { grid-template-columns: 1fr; }
  .proof-strip > div { border-right: 0; border-bottom: 1px solid var(--line); }
  .proof-strip > div:nth-child(3) { border-bottom: 1px solid var(--line); }
  .proof-strip > div:last-child { border-bottom: 0; }
  .system-card { min-height: 530px; }
  .system-map { height: 445px; }
  .system-node { width: 118px; }
  .decision-point { top: 51%; }
  .method-list li { grid-template-columns: 48px 1fr; }
  .footer-links { grid-template-columns: 1fr; }
}

@media (max-width: 1000px) {
  .service-hero-grid, .detail-grid { grid-template-columns: 1fr; gap: 55px; }
  .service-summary { max-width: 620px; }
  .deliverable-grid { grid-template-columns: repeat(2,1fr); }
}

@media (max-width: 760px) {
  .service-hero { padding: 122px 0 76px; }
  .breadcrumbs { margin-bottom: 44px; }
  .service-hero h1 { font-size: clamp(42px,12vw,60px); }
  .service-lead { font-size: 17px; }
  .deliverable-grid { grid-template-columns: 1fr; }
  .deliverable-grid article { min-height: 160px; }
  .process-copy li { grid-template-columns: 1fr; gap: 4px; }
  .service-cta { position: static; display: block; margin-top: 28px; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
  .reveal { opacity: 1; transform: none; }
  .system-lines path { opacity: 1; }
}


/* ===== NOMYRA INTERACTIVE V3 ===== */
.process-check { background: var(--paper); }
.process-check-layout { display: grid; grid-template-columns: .82fr 1.18fr; gap: 85px; align-items: start; }
.process-check-copy h2,
.demo-showcase-copy h2 { margin: 0; font-size: clamp(38px,4vw,57px); line-height: 1.08; letter-spacing: -.035em; }
.process-check-copy > p:not(.eyebrow),
.demo-showcase-copy > p:not(.eyebrow) { color: var(--graphite); font-size: 18px; }
.process-check-note { display: grid; gap: 7px; margin-top: 32px; padding: 22px; border-left: 3px solid var(--copper); background: var(--ivory); }
.process-check-note strong { font-size: 15px; }
.process-check-note span { color: var(--graphite); font-size: 14px; }

.process-check-app { padding: 34px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--ivory); box-shadow: var(--shadow); }
.pc-step + .pc-step { margin-top: 28px; }
.pc-step { border: 0; padding: 0; margin-inline: 0; }
.pc-label { display: block; margin-bottom: 12px; color: var(--petrol); font-size: 10px; font-weight: 800; letter-spacing: .16em; }
.pc-area-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 8px; }
.pc-area { min-height: 48px; padding: 10px 12px; border: 1px solid var(--line); border-radius: 8px; color: var(--midnight); background: var(--paper); font-weight: 720; font-size: 13px; }
.pc-area:hover, .pc-area:focus-visible { border-color: var(--petrol); }
.pc-area.is-active { color: var(--paper); border-color: var(--petrol); background: var(--petrol); }
.pc-issue-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 8px; }
.pc-issue-grid label { cursor: pointer; }
.pc-issue-grid input { position: absolute; opacity: 0; pointer-events: none; }
.pc-issue-grid span { display: flex; align-items: center; min-height: 58px; padding: 11px 13px; border: 1px solid var(--line); border-radius: 8px; background: var(--paper); font-size: 13px; line-height: 1.35; transition: border-color .2s, background .2s; }
.pc-issue-grid input:focus-visible + span { outline: 2px solid var(--petrol); outline-offset: 2px; }
.pc-issue-grid input:checked + span { border-color: var(--petrol); background: rgba(31,90,93,.08); }
.pc-range-label { display: flex; align-items: center; justify-content: space-between; gap: 18px; }
.pc-range-label b { display: block; color: var(--petrol); font-size: 10px; letter-spacing: .16em; }
.pc-range-label small { display: block; margin-top: 4px; color: var(--graphite); font-weight: 500; }
.pc-range-label > strong { display: grid; place-items: center; width: 42px; height: 42px; flex: 0 0 auto; border-radius: 50%; color: var(--paper); background: var(--midnight); }
.pc-range { width: 100%; margin-top: 15px; accent-color: var(--petrol); }
.pc-actions { display: flex; align-items: center; gap: 15px; margin-top: 30px; }
.pc-actions .button { border: 0; cursor: pointer; }
.pc-reset { border: 0; background: transparent; color: var(--graphite); font-weight: 720; cursor: pointer; text-decoration: underline; text-underline-offset: 4px; }
.pc-validation { min-height: 24px; margin: 8px 0 0; color: var(--copper); font-size: 13px; }
.pc-result { margin-top: 22px; padding: 24px; border-radius: 12px; color: var(--paper); background: var(--midnight); }
.pc-result-head { display: flex; align-items: end; justify-content: space-between; gap: 25px; }
.pc-result-head span { display: block; color: rgba(244,240,231,.62); font-size: 10px; letter-spacing: .12em; text-transform: uppercase; }
.pc-result-head strong { display: block; margin-top: 4px; font-size: 19px; }
.pc-score { text-align: right; }
.pc-score strong { color: var(--petrol-light); font-size: 29px; }
.pc-meter-progress { display:block; width:100%; height:7px; margin:18px 0 17px; overflow:hidden; border:0; border-radius:20px; background:rgba(244,240,231,.14); appearance:none; -webkit-appearance:none; }
.pc-meter-progress::-webkit-progress-bar { background:rgba(244,240,231,.14); border-radius:20px; }
.pc-meter-progress::-webkit-progress-value { background:var(--copper); border-radius:20px; transition:width .35s ease; }
.pc-meter-progress::-moz-progress-bar { background:var(--copper); border-radius:20px; }
.pc-result > p { margin: 0; color: rgba(244,240,231,.76); font-size: 14px; }
.pc-solutions { display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; margin-top: 17px; }
.pc-solutions div { padding: 12px; border: 1px solid rgba(244,240,231,.13); border-radius: 8px; background: rgba(255,255,255,.035); font-size: 12px; font-weight: 680; }
.pc-demo-link { display: inline-flex; margin-top: 18px; color: var(--petrol-light); font-size: 12px; font-weight: 800; text-decoration: none; }

.demo-showcase { background: var(--mist); }
.demo-showcase-grid { display: grid; grid-template-columns: .92fr 1.08fr; gap: 80px; align-items: center; }
.demo-preview { display: block; padding: 22px; border-radius: 16px; color: var(--paper); background: var(--midnight); box-shadow: var(--shadow); text-decoration: none; transition: transform .25s; }
.demo-preview:hover { transform: translateY(-4px); }
.demo-preview-top { display: flex; align-items: center; gap: 7px; padding-bottom: 18px; border-bottom: 1px solid rgba(244,240,231,.12); color: var(--petrol-light); font-size: 10px; font-weight: 800; letter-spacing: .12em; }
.demo-preview-top span { margin-right: auto; }
.demo-preview-top i { width: 6px; height: 6px; border-radius: 50%; background: rgba(244,240,231,.22); }
.demo-preview-kpis { display: grid; grid-template-columns: repeat(3,1fr); gap: 9px; margin-top: 18px; }
.demo-preview-kpis div { padding: 14px; border-radius: 9px; background: rgba(255,255,255,.045); }
.demo-preview-kpis span { display: block; color: rgba(244,240,231,.58); font-size: 10px; }
.demo-preview-kpis strong { display: block; margin-top: 5px; font-size: 22px; }
.demo-preview-bars { display: grid; gap: 14px; margin-top: 28px; }
.demo-preview-bars > div { display: grid; grid-template-columns: 95px 1fr 34px; gap: 10px; align-items: center; font-size: 11px; }
.demo-preview-bars b { display: block; height: 7px; overflow: hidden; border-radius: 10px; background: rgba(244,240,231,.12); }
.demo-preview-bars b i { display: block; height: 100%; border-radius: inherit; background: var(--petrol-light); }
.demo-preview-bars em { color: var(--mist); font-style: normal; text-align: right; }
.demo-preview-cta { display: block; margin-top: 28px; padding-top: 18px; border-top: 1px solid rgba(244,240,231,.12); color: var(--copper); font-size: 10px; font-weight: 800; letter-spacing: .14em; text-align: right; }

@media (max-width: 1000px) {
  .process-check-layout, .demo-showcase-grid { grid-template-columns: 1fr; gap: 48px; }
}
@media (max-width: 760px) {
  .process-check-app { padding: 22px; }
  .pc-area-grid { grid-template-columns: repeat(2,1fr); }
  .pc-issue-grid { grid-template-columns: 1fr; }
  .pc-solutions { grid-template-columns: 1fr; }
  .demo-preview-kpis { grid-template-columns: 1fr; }
}
@media (max-width: 430px) {
  .pc-result-head { align-items: flex-start; flex-direction: column; }
  .pc-score { text-align: left; }
}


/* Static ALVEXA preview bars — CSP safe */
.demo-home-progress-82 { width: 82%; }
.demo-home-progress-64 { width: 64%; }
.demo-home-progress-91 { width: 91%; }

/* =========================================================
   NOMYRA V5 · Interactive 3D system hero
   ========================================================= */
.hero--immersive {
  min-height: 930px;
  color: var(--ivory);
  background:
    radial-gradient(circle at 78% 20%, rgba(31,90,93,.24), transparent 31%),
    radial-gradient(circle at 90% 72%, rgba(185,120,80,.10), transparent 26%),
    linear-gradient(145deg, #101a2a 0%, var(--midnight) 58%, #10252b 100%);
}
.hero--immersive::before {
  width: 620px;
  height: 620px;
  right: -250px;
  top: -285px;
  border-color: rgba(104,167,165,.18);
}
.hero--immersive::after {
  width: 440px;
  height: 440px;
  right: -190px;
  top: -200px;
  border-color: rgba(185,120,80,.18);
}
.hero--immersive .hero-grid {
  opacity: .52;
  background-image:
    linear-gradient(rgba(220,228,225,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(220,228,225,.035) 1px, transparent 1px);
  background-size: 48px 48px;
  mask-image: linear-gradient(90deg, rgba(0,0,0,.16), rgba(0,0,0,.92) 56%, rgba(0,0,0,.3));
}
.hero--immersive .eyebrow { color: var(--petrol-light); }
.hero--immersive .hero-copy { z-index: 3; }
.hero--immersive .hero-copy::before {
  content: "";
  display: block;
  width: 58px;
  height: 1px;
  margin-bottom: 30px;
  background: linear-gradient(90deg, var(--copper), transparent);
}
.hero--immersive h1 { color: var(--ivory); }
.hero--immersive .hero-lead { color: rgba(244,240,231,.69); }
.hero--immersive .button-primary {
  color: var(--midnight);
  background: var(--ivory);
  box-shadow: 0 14px 42px rgba(0,0,0,.15);
}
.hero--immersive .button-primary:hover { color: var(--paper); background: var(--petrol); }
.hero--immersive .text-link { color: var(--ivory); }
.hero--immersive .text-link span:last-child { color: #d39a73; }
.hero--immersive .proof-strip { border-color: rgba(244,240,231,.14); }
.hero--immersive .proof-strip > div { border-color: rgba(244,240,231,.14); }
.hero--immersive .proof-strip strong { color: var(--ivory); }
.hero--immersive .proof-strip span { color: rgba(244,240,231,.54); }

.nomyra-3d-stage {
  --scene-border: rgba(244,240,231,.13);
  position: relative;
  min-height: 580px;
  isolation: isolate;
  overflow: hidden;
  border: 1px solid var(--scene-border);
  border-radius: 26px;
  background:
    radial-gradient(circle at 50% 44%, rgba(31,90,93,.18), transparent 33%),
    linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.012));
  box-shadow: 0 40px 110px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.045);
  backdrop-filter: blur(12px);
  transform: translateZ(0);
}
.nomyra-3d-stage::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background:
    linear-gradient(rgba(220,228,225,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(220,228,225,.035) 1px, transparent 1px);
  background-size: 32px 32px;
  mask-image: radial-gradient(circle at 50% 46%, #000 0, rgba(0,0,0,.6) 48%, transparent 83%);
}
.nomyra-3d-stage::after {
  content: "";
  position: absolute;
  inset: 1px;
  pointer-events: none;
  border-radius: 25px;
  box-shadow: inset 0 0 75px rgba(0,0,0,.18);
}
.nomyra-3d-canvas { position: absolute; inset: 0; width: 100%; height: 100%; }
.scene-topline {
  position: absolute;
  top: 22px;
  left: 24px;
  right: 24px;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  color: rgba(244,240,231,.54);
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .16em;
}
.scene-live { display: inline-flex; align-items: center; gap: 8px; color: var(--petrol-light); }
.scene-live i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--petrol-light);
  box-shadow: 0 0 0 5px rgba(104,167,165,.09);
  animation: statusPulse 4s ease-in-out infinite;
}
.scene-stage-copy {
  position: absolute;
  left: 24px;
  right: 150px;
  bottom: 25px;
  z-index: 3;
  display: grid;
  grid-template-columns: 42px 1fr;
  gap: 14px;
  align-items: start;
  padding-top: 17px;
  border-top: 1px solid rgba(244,240,231,.12);
  pointer-events: none;
}
.scene-stage-copy > span {
  color: var(--copper);
  font-size: 10px;
  font-weight: 850;
  letter-spacing: .13em;
}
.scene-stage-copy strong {
  display: block;
  color: var(--ivory);
  font-size: 17px;
  line-height: 1.15;
  letter-spacing: -.015em;
  transition: opacity .25s ease, transform .25s ease;
}
.scene-stage-copy small {
  display: block;
  max-width: 360px;
  margin-top: 6px;
  color: rgba(244,240,231,.52);
  font-size: 11px;
  line-height: 1.5;
}
.scene-stage-link {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  margin-top: 11px;
  color: rgba(244,240,231,.78);
  font-size: 10px;
  font-weight: 750;
  letter-spacing: .035em;
  pointer-events: auto;
  transition: color .22s ease, transform .22s ease;
}
.scene-stage-link span { color: var(--copper); transition: transform .22s ease; }
.scene-stage-link:hover { color: var(--ivory); }
.scene-stage-link:hover span { transform: translate(2px,2px); }
.scene-rail {
  position: absolute;
  top: 50%;
  right: 18px;
  z-index: 4;
  display: grid;
  width: 112px;
  gap: 2px;
  transform: translateY(-50%);
}
.scene-rail button {
  position: relative;
  display: grid;
  grid-template-columns: 24px 1fr;
  align-items: center;
  gap: 8px;
  width: 100%;
  min-height: 38px;
  padding: 7px 0 7px 12px;
  border: 0;
  border-left: 1px solid rgba(244,240,231,.13);
  border-radius: 0;
  color: rgba(244,240,231,.34);
  background: transparent;
  font: 700 9px/1.1 "Helvetica Neue", "Segoe UI", Arial, sans-serif;
  text-align: left;
  cursor: pointer;
  transition: color .22s ease, border-color .22s ease, transform .22s ease;
}
.scene-rail button span {
  color: rgba(244,240,231,.34);
  font-size: 9px;
  font-weight: 850;
  letter-spacing: .08em;
  transition: color .22s ease;
}
.scene-rail button em {
  overflow: hidden;
  color: inherit;
  font-style: normal;
  font-size: 9px;
  letter-spacing: .055em;
  text-transform: uppercase;
  white-space: nowrap;
}
.scene-rail button:hover {
  color: rgba(244,240,231,.72);
  border-left-color: rgba(244,240,231,.34);
  transform: translateX(-2px);
}
.scene-rail button.is-active {
  color: var(--ivory);
  border-left-color: var(--copper);
  background: linear-gradient(90deg, rgba(185,120,80,.08), transparent 78%);
}
.scene-rail button.is-active span { color: var(--copper); }
.scene-hint {
  position: absolute;
  left: 24px;
  top: 57px;
  z-index: 3;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: rgba(244,240,231,.34);
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
}
.scene-hint::before {
  content: "";
  width: 22px;
  height: 1px;
  background: rgba(244,240,231,.25);
}
.scene-fallback {
  position: absolute;
  inset: 92px 24px 90px;
  display: grid;
  place-items: center;
  text-align: center;
  color: rgba(244,240,231,.72);
}

@media (max-width: 1000px) {
  .hero--immersive { min-height: auto; }
  .nomyra-3d-stage { max-width: 720px; width: 100%; min-height: 560px; }
}

@media (max-width: 760px) {
  .hero--immersive { padding-top: 128px; }
  .hero--immersive .hero-copy::before { margin-bottom: 22px; }
  .nomyra-3d-stage { min-height: 500px; border-radius: 20px; }
  .scene-topline { top: 18px; left: 18px; right: 18px; }
  .scene-hint { left: 18px; top: 50px; }
  .scene-stage-copy { left: 18px; right: 18px; bottom: 76px; grid-template-columns: 34px 1fr; }
  .scene-stage-copy small { max-width: none; }
  .scene-rail {
    top: auto;
    right: 18px;
    bottom: 16px;
    left: 18px;
    width: auto;
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 0;
    transform: none;
  }
  .scene-rail button {
    display: block;
    min-height: 30px;
    padding: 7px 6px;
    border-left: 0;
    border-top: 1px solid rgba(244,240,231,.13);
    text-align: center;
  }
  .scene-rail button span { display: block; }
  .scene-rail button em { display: none; }
  .scene-rail button.is-active {
    border-top-color: var(--copper);
    background: linear-gradient(180deg, rgba(185,120,80,.08), transparent 86%);
  }
  .scene-rail button:hover { transform: none; }
  .hero--immersive .proof-strip > div:nth-child(2) { border-right: 0; }
  .hero--immersive .proof-strip > div:nth-child(-n+2) { border-bottom-color: rgba(244,240,231,.14); }
}

@media (max-width: 430px) {
  .nomyra-3d-stage { min-height: 470px; }
  .scene-topline > span:first-child { max-width: 150px; }
  .scene-stage-copy strong { font-size: 15px; }
  .scene-stage-copy small { font-size: 10px; }
  .hero--immersive .proof-strip > div { border-bottom-color: rgba(244,240,231,.14); }
}

@media (prefers-reduced-motion: reduce) {
  .scene-live i { animation: none; }
  .nomyra-3d-stage, .nomyra-3d-stage * { scroll-behavior: auto; }
}


/* =========================================================
   NOMYRA V7 — PREMIUM EDITORIAL REDESIGN
   ========================================================= */
:root{--midnight:#142033;--petrol:#1F5A5D;--copper:#B97850;--mist:#DCE4E1;--ivory:#F4F0E7;--graphite:#4C5966;--white:#fff;--ink:#17212f}
html{scroll-behavior:smooth} body{background:var(--ivory)}
.site-header{transition:background .3s ease,padding .3s ease,border-color .3s ease}.site-header.is-scrolled{background:rgba(20,32,51,.96);border-bottom-color:rgba(244,240,231,.08)}
.nav-cta{margin-left:14px;border:1px solid rgba(185,120,80,.65);padding:10px 15px!important;color:var(--ivory)!important}.nav-cta:hover{background:var(--copper);border-color:var(--copper)}
.hero-v7{position:relative;overflow:hidden;background:var(--midnight);color:var(--ivory);padding:158px 0 48px;min-height:100vh}.hero-v7-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(520px,.98fr);gap:72px;align-items:center;min-height:650px}.hero-v7 h1{max-width:770px;margin:18px 0 26px;font-size:clamp(54px,5.3vw,86px);font-weight:530;line-height:.98;letter-spacing:-.055em}.hero-v7 h1 em{color:var(--copper);font-style:normal}.hero-v7 .hero-lead{max-width:610px;color:rgba(244,240,231,.69);font-size:18px;line-height:1.68}.hero-v7 .eyebrow{color:rgba(244,240,231,.56)}.hero-disciplines{display:flex;align-items:center;gap:12px;margin-top:40px;color:rgba(244,240,231,.48);font-size:11px;letter-spacing:.12em;text-transform:uppercase}.hero-disciplines i{width:3px;height:3px;border-radius:50%;background:var(--copper)}.hero-flow-line{position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.42}.hero-flow-line svg{width:100%;height:100%}.copper-path{fill:none;stroke:var(--copper);stroke-width:1.2;stroke-dasharray:10 10;stroke-dashoffset:1000;animation:copperDraw 5.5s cubic-bezier(.2,.7,.2,1) .7s forwards}@keyframes copperDraw{to{stroke-dashoffset:0}}
.process-system{position:relative;min-height:610px;border-top:1px solid rgba(244,240,231,.15);border-bottom:1px solid rgba(244,240,231,.12);padding:28px 0 20px}.system-kicker,.system-caption{display:flex;justify-content:space-between;color:rgba(244,240,231,.38);font-size:9px;font-weight:700;letter-spacing:.16em}.system-map{position:relative;height:520px}.system-inputs,.system-outputs{position:absolute;top:38px;bottom:38px;display:flex;flex-direction:column;justify-content:space-around;z-index:3}.system-inputs{left:0}.system-outputs{right:0;align-items:flex-end}.system-inputs span,.system-outputs span{display:block;padding:7px 10px;border-left:1px solid rgba(244,240,231,.19);color:rgba(244,240,231,.62);font-size:10px;letter-spacing:.12em;animation:nodeIn .7s ease both;animation-delay:calc(.65s + var(--i)*.12s)}.system-outputs span{border-left:0;border-right:1px solid rgba(185,120,80,.65);color:rgba(244,240,231,.82)}@keyframes nodeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.system-core{position:absolute;left:50%;top:50%;z-index:4;display:grid;place-items:center;width:142px;height:142px;transform:translate(-50%,-50%);border:1px solid rgba(185,120,80,.7);border-radius:50%;background:rgba(20,32,51,.92);box-shadow:0 0 0 18px rgba(185,120,80,.025)}.system-core:before{content:"";position:absolute;inset:10px;border:1px dashed rgba(220,228,225,.12);border-radius:50%;animation:slowspin 22s linear infinite}@keyframes slowspin{to{transform:rotate(360deg)}}.system-core small{color:rgba(244,240,231,.36);font-size:8px;letter-spacing:.16em}.system-core strong{margin:-3px 0;color:var(--ivory);font-size:18px;letter-spacing:.08em}.system-core span{color:var(--copper);font-size:7px;letter-spacing:.08em}.system-lines{position:absolute;inset:0;width:100%;height:100%;z-index:1}.system-lines path{fill:none;stroke-width:1}.input-lines path{stroke:rgba(220,228,225,.19);stroke-dasharray:4 8}.output-lines path{stroke:rgba(185,120,80,.66);stroke-dasharray:650;stroke-dashoffset:650;animation:flowOut 2.8s ease 1.5s forwards}@keyframes flowOut{to{stroke-dashoffset:0}}.hero-proof{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,1fr);margin-top:36px;border-top:1px solid rgba(244,240,231,.12)}.hero-proof span{padding:20px 0;color:rgba(244,240,231,.42);font-size:10px;letter-spacing:.12em;text-transform:uppercase}.hero-proof span:not(:first-child){padding-left:24px;border-left:1px solid rgba(244,240,231,.1)}
.section h2 em{color:var(--copper);font-style:normal}.approach-v7{background:var(--ivory)}.approach-v7-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:110px;align-items:center}.approach-copy h2{max-width:650px;font-size:clamp(44px,5vw,76px);line-height:1.02;letter-spacing:-.05em}.approach-copy>p{max-width:540px;color:#55606a;line-height:1.75}.approach-copy .approach-lead{margin:30px 0 12px;color:var(--ink);font-size:20px}.editorial-link{display:inline-flex;margin-top:26px;border-bottom:1px solid rgba(20,32,51,.24);padding-bottom:6px;color:var(--midnight);font-size:13px}.process-document{position:relative;min-height:580px;padding:48px;background:#ded8ce}.paper-sheet{position:relative;min-height:470px;padding:42px 46px;background:#f8f5ee;box-shadow:0 24px 60px rgba(20,32,51,.14);transform:rotate(-1deg)}.paper-index{font-size:9px;letter-spacing:.16em;color:#8f897f}.paper-sheet h3{margin:35px 0 48px;font-size:28px;font-weight:560;letter-spacing:-.03em}.paper-flow{display:flex;align-items:center;gap:14px;font-size:9px;letter-spacing:.09em}.paper-flow span{padding:9px 11px;border:1px solid #c8c1b7}.paper-flow b{color:var(--copper)}.paper-lines{height:145px;margin-top:46px;background:repeating-linear-gradient(to bottom,transparent 0 27px,#ddd7ce 28px)}.paper-note{position:absolute;padding:6px 8px;border:1px solid rgba(185,120,80,.5);background:#fbf7ef;color:#8a5537;font-size:8px;letter-spacing:.08em}.paper-note:before{content:"";position:absolute;width:40px;border-top:1px solid rgba(185,120,80,.5);top:50%}.n1{right:38px;top:155px}.n1:before{right:100%}.n2{left:72px;bottom:117px}.n2:before{left:100%}.n3{right:70px;bottom:86px}.n3:before{right:100%}.paper-sign{position:absolute;right:42px;bottom:32px;font-size:8px;letter-spacing:.14em;color:#9d978c}.document-meta{position:absolute;right:9px;bottom:12px;display:flex;gap:11px;transform:rotate(90deg) translateX(100%);transform-origin:right bottom;color:#736f68;font-size:8px;letter-spacing:.12em;text-transform:uppercase}
.transformation{background:#101b2b;color:var(--ivory);overflow:hidden}.transformation-head{display:grid;grid-template-columns:1.3fr .7fr;gap:70px;align-items:end}.transformation-head h2{font-size:clamp(48px,5.4vw,82px);line-height:1;letter-spacing:-.055em}.transformation-head>p{max-width:430px;color:rgba(244,240,231,.55);line-height:1.7}.transformation-stage{position:relative;display:grid;grid-template-columns:1fr 130px 1fr;gap:34px;align-items:center;margin-top:76px;min-height:460px}.state{position:relative;z-index:2}.state-label{display:block;margin-bottom:30px;color:rgba(244,240,231,.37);font-size:9px;letter-spacing:.16em}.loose-nodes,.ordered-nodes{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.loose-nodes span,.ordered-nodes span{min-height:62px;padding:19px;border:1px solid rgba(244,240,231,.13);color:rgba(244,240,231,.63);font-size:11px;letter-spacing:.04em}.loose-nodes span:nth-child(2){transform:translateY(12px)}.loose-nodes span:nth-child(3){transform:translateX(17px)}.loose-nodes span:nth-child(5){transform:translate(-8px,9px)}.ordered-nodes{gap:0;border:1px solid rgba(185,120,80,.3)}.ordered-nodes span{border:0;border-bottom:1px solid rgba(244,240,231,.1);color:var(--ivory)}.ordered-nodes span:nth-last-child(-n+2){border-bottom:0}.transform-core{position:relative;z-index:3;display:grid;place-items:center;width:112px;height:112px;border-radius:50%;border:1px solid var(--copper);background:#101b2b}.transform-core span{font-size:32px;color:var(--copper)}.transform-core small{font-size:7px;letter-spacing:.15em}.transform-path{position:absolute;inset:0;width:100%;height:100%;z-index:1}.transform-path path{fill:none;stroke:rgba(185,120,80,.5);stroke-width:1.2;stroke-dasharray:8 10}
.solutions-v7{background:#f5f1e8}.solutions-intro{display:grid;grid-template-columns:1fr 1fr;gap:80px;margin-bottom:92px}.solutions-intro h2{font-size:clamp(48px,5vw,78px);line-height:1;letter-spacing:-.05em}.solutions-intro>p:last-child{align-self:end;max-width:500px;color:#5d646b;line-height:1.75}.solution-moment{display:grid;grid-template-columns:.72fr 1.28fr;gap:80px;align-items:center;padding:90px 0;border-top:1px solid rgba(20,32,51,.12)}.solution-copy>span{font-size:9px;letter-spacing:.16em;color:var(--copper)}.solution-copy h3{margin:18px 0 20px;font-size:clamp(34px,3.6vw,56px);line-height:1.06;letter-spacing:-.045em}.solution-copy p{max-width:520px;color:#606971;line-height:1.72}.solution-copy a{display:inline-block;margin-top:24px;color:var(--midnight);font-weight:700;font-size:12px}.ui-frame{min-height:430px;border:1px solid #c9c4ba;background:#fff;box-shadow:0 22px 58px rgba(20,32,51,.09)}.ui-top{display:flex;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #ece8e1;font-size:9px;letter-spacing:.14em}.ui-top b{color:var(--midnight)}.ui-top span{color:#9a948b}.ui-layout{display:grid;grid-template-columns:62px 1fr;min-height:380px}.ui-layout aside{display:flex;flex-direction:column;gap:16px;padding:25px 21px;border-right:1px solid #ece8e1}.ui-layout aside i{width:18px;height:2px;background:#c7c2b8}.ui-content{padding:54px 54px}.ui-content small{color:var(--copper);font-size:9px;letter-spacing:.16em}.ui-content h4{margin:9px 0 42px;font-size:30px;letter-spacing:-.04em}.ui-flow-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.ui-flow-row span{padding:10px;border:1px solid #ddd8ce;font-size:9px;letter-spacing:.05em}.ui-flow-row b{color:var(--copper)}.ui-bars{display:grid;gap:14px;margin-top:46px}.ui-bars i{display:block;width:70%;height:5px;background:linear-gradient(90deg,var(--petrol),#a6c0bd)}.solution-data{grid-template-columns:1.2fr .8fr}.data-visual{position:relative;min-height:430px;padding:32px;background:var(--midnight);color:var(--ivory)}.data-kpis{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid rgba(244,240,231,.12)}.data-kpis div{padding:0 18px 20px}.data-kpis div+div{border-left:1px solid rgba(244,240,231,.12)}.data-kpis span,.data-kpis strong{display:block}.data-kpis span{font-size:8px;letter-spacing:.13em;color:rgba(244,240,231,.38)}.data-kpis strong{margin-top:7px;font-size:12px;letter-spacing:.08em}.data-visual svg{width:100%;margin-top:28px}.data-axis{fill:none;stroke:rgba(244,240,231,.14);stroke-width:1}.data-line{fill:none;stroke:var(--copper);stroke-width:2;stroke-dasharray:850;stroke-dashoffset:850;transition:stroke-dashoffset 1.8s ease}.is-visible .data-line{stroke-dashoffset:0}.data-visual circle{fill:var(--midnight);stroke:var(--copper);stroke-width:2}.demo-label{position:absolute;bottom:18px;left:32px;color:rgba(244,240,231,.3);font-size:7px;letter-spacing:.1em}.solution-automation{grid-template-columns:.72fr 1.28fr}.automation-flow{display:grid;grid-template-columns:1fr 70px 1fr;align-items:center;min-height:390px;background:#e7e1d7;padding:46px}.manual{display:grid;gap:12px}.manual span{padding:13px;border:1px solid #c9c2b6;background:#f7f4ed;font-size:9px;letter-spacing:.08em}.manual i{text-align:center;color:#9a9287;font-style:normal}.automation-arrow{text-align:center;color:var(--copper);font-size:28px}.automated{display:grid;place-items:center;min-height:220px;border:1px solid rgba(31,90,93,.35);background:#dfe7e4}.automated small{font-size:8px;letter-spacing:.15em;color:#677b7a}.automated span{font-size:21px;font-weight:700;letter-spacing:-.03em;color:var(--midnight)}.automated b{width:70%;height:1px;background:var(--copper)}
.selected-systems{background:var(--ivory)}.systems-head{display:grid;grid-template-columns:1fr .65fr;gap:80px;align-items:end;margin-bottom:58px}.systems-head h2{font-size:clamp(48px,5vw,78px);line-height:1;letter-spacing:-.05em}.systems-head>p{color:#626970;line-height:1.75}.systems-list{border-top:1px solid rgba(20,32,51,.16)}.system-project{display:grid;grid-template-columns:72px 1fr auto;align-items:center;gap:24px;padding:28px 0;border-bottom:1px solid rgba(20,32,51,.12);transition:padding .3s ease,background .3s ease}.system-project:hover{padding-left:14px;background:rgba(220,228,225,.26)}.project-no{color:var(--copper);font-size:9px;letter-spacing:.12em}.system-project p{margin:0 0 5px;color:#868176;font-size:8px;letter-spacing:.14em}.system-project h3{margin:0;font-size:30px;letter-spacing:-.035em}.system-project div>span{display:block;margin-top:5px;color:#6f7479;font-size:11px}.system-project a{color:var(--midnight);font-size:11px}.real-demo-callout{display:grid;grid-template-columns:160px 1fr auto;gap:40px;align-items:center;margin-top:66px;padding:34px;border:1px solid rgba(20,32,51,.15);background:#efeadf}.real-demo-callout>span{color:var(--copper);font-size:8px;letter-spacing:.14em}.real-demo-callout h3{margin:0 0 5px;font-size:24px}.real-demo-callout p{margin:0;color:#666d72;font-size:12px}
.method-v7{background:#152337;color:var(--ivory)}.method-v7-head{display:grid;grid-template-columns:1fr .6fr;gap:90px;align-items:end}.method-v7-head h2{font-size:clamp(48px,5vw,78px);line-height:1;letter-spacing:-.05em}.method-v7-head>p{color:rgba(244,240,231,.5)}.method-track{position:relative;margin:78px 0 0;padding:0;list-style:none}.method-track:before{content:"";position:absolute;left:22px;top:24px;bottom:24px;width:1px;background:linear-gradient(var(--copper),rgba(185,120,80,.15))}.method-track li{position:relative;display:grid;grid-template-columns:70px 1fr;gap:28px;padding:30px 0;border-top:1px solid rgba(244,240,231,.1)}.method-track li>span{position:relative;z-index:2;color:var(--copper);font-size:10px}.method-track small{color:rgba(244,240,231,.38);font-size:8px;letter-spacing:.16em}.method-track h3{margin:6px 0;font-size:28px;letter-spacing:-.03em}.method-track p{margin:0;max-width:630px;color:rgba(244,240,231,.55);line-height:1.6}
.about-v7{background:#f0ece3}.about-v7-grid{display:grid;grid-template-columns:1fr .72fr;gap:100px;align-items:center}.about-v7-copy h2{font-size:clamp(46px,5vw,76px);line-height:1;letter-spacing:-.05em}.about-v7-copy p{max-width:650px;color:#5e666c;line-height:1.75}.about-v7-copy blockquote{margin:35px 0 0;color:var(--copper);font-size:14px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.founder-editorial{position:relative;display:grid;grid-template-columns:160px 1fr;gap:26px;align-items:end}.founder-editorial img{width:160px;height:210px;object-fit:cover;filter:saturate(.78) contrast(1.03)}.founder-editorial span{font-size:8px;letter-spacing:.14em;color:#8f877c}.founder-editorial h3{margin:7px 0 4px;font-size:28px}.founder-editorial p{margin:0;color:#697077;font-size:12px}.contact-v7{position:relative;overflow:hidden;background:var(--midnight);color:var(--ivory);padding:120px 0}.contact-v7-grid{display:grid;grid-template-columns:1fr .7fr;gap:80px;align-items:end}.contact-v7 h2{margin:8px 0 0;font-size:clamp(76px,9vw,145px);font-weight:500;line-height:.9;letter-spacing:-.065em}.contact-v7-grid>div:last-child p{margin-bottom:26px;color:rgba(244,240,231,.65);font-size:19px;line-height:1.55}.contact-line{position:absolute;left:-10%;right:-10%;top:32%;height:1px;background:var(--copper);transform:rotate(-4deg);opacity:.55}.footer-v7{background:#0f1927!important}
.reveal{transform:translateY(18px);opacity:0;transition:opacity .65s ease,transform .65s cubic-bezier(.2,.65,.25,1)}.reveal.is-visible{transform:none;opacity:1}
@media (max-width:1100px){.hero-v7-grid{grid-template-columns:1fr;gap:50px}.process-system{max-width:780px;width:100%}.approach-v7-grid,.solution-moment,.solution-data,.solution-automation,.about-v7-grid{grid-template-columns:1fr;gap:55px}.solutions-intro,.systems-head,.method-v7-head,.transformation-head{grid-template-columns:1fr;gap:28px}.solution-data .data-visual{order:2}.hero-v7{min-height:auto}.hero-v7 h1{font-size:clamp(52px,8vw,80px)}}
@media (max-width:760px){.nav-cta{margin:8px 0 0}.hero-v7{padding-top:118px}.hero-v7-grid{min-height:0}.hero-v7 h1{font-size:clamp(43px,12vw,62px)}.hero-v7 .hero-lead{font-size:16px}.hero-disciplines{flex-wrap:wrap}.process-system{min-height:560px}.system-map{height:460px}.system-core{width:104px;height:104px}.system-inputs span,.system-outputs span{font-size:8px;padding:6px}.system-lines{opacity:.75}.hero-proof{grid-template-columns:repeat(2,1fr)}.hero-proof span:nth-child(3){border-left:0}.approach-v7-grid{gap:42px}.process-document{min-height:430px;padding:24px}.paper-sheet{min-height:380px;padding:32px 26px}.paper-flow{gap:5px;flex-wrap:wrap}.document-meta{display:none}.transformation-stage{grid-template-columns:1fr;gap:30px}.transform-core{margin:auto}.transform-path{transform:rotate(90deg);opacity:.45}.loose-nodes,.ordered-nodes{grid-template-columns:1fr 1fr}.solutions-v7 .container{width:min(100% - 34px,1200px)}.solution-moment{padding:62px 0}.ui-content{padding:38px 24px}.ui-flow-row{display:grid;grid-template-columns:1fr auto 1fr}.ui-flow-row span{font-size:7px}.ui-flow-row span:nth-of-type(3),.ui-flow-row b:nth-of-type(3){display:none}.data-kpis{grid-template-columns:1fr}.data-kpis div+div{border-left:0;border-top:1px solid rgba(244,240,231,.1);padding-top:15px}.automation-flow{grid-template-columns:1fr;padding:28px}.automation-arrow{transform:rotate(90deg);padding:18px 0}.system-project{grid-template-columns:42px 1fr}.system-project>a{grid-column:2}.real-demo-callout{grid-template-columns:1fr;gap:16px}.contact-v7-grid{grid-template-columns:1fr;gap:44px}.contact-v7 h2{font-size:clamp(70px,23vw,112px)}.founder-editorial{grid-template-columns:120px 1fr}.founder-editorial img{width:120px;height:170px}}
@media (max-width:430px){.hero-v7 h1{font-size:42px}.process-system{min-height:510px}.system-map{height:420px}.system-core{width:88px;height:88px}.system-core strong{font-size:13px}.system-core span{display:none}.system-caption{font-size:7px}.approach-copy h2,.transformation-head h2,.solutions-intro h2,.systems-head h2,.method-v7-head h2,.about-v7-copy h2{font-size:42px}.paper-note{display:none}.ui-layout{grid-template-columns:40px 1fr}.ui-layout aside{padding:22px 11px}.ui-content h4{font-size:24px}.system-project h3{font-size:24px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.copper-path,.output-lines path,.system-core:before{animation:none!important;stroke-dashoffset:0!important}.reveal{opacity:1!important;transform:none!important;transition:none!important}.data-line{stroke-dashoffset:0!important}}

.node-0{--i:0}.node-1{--i:1}.node-2{--i:2}.node-3{--i:3}.node-4{--i:4}.ui-bars .bar-82{width:82%}.ui-bars .bar-64{width:64%}.ui-bars .bar-91{width:91%}


.systems-note{display:inline-block;margin-top:12px;color:#7b766d;font-size:11px;letter-spacing:.03em}
.system-project{grid-template-columns:72px minmax(0,.95fr) minmax(270px,320px) auto;gap:28px;padding:34px 0}
.project-meta span{display:block;margin-top:5px;color:#6f7479;font-size:11px;line-height:1.6}
.project-preview{position:relative;overflow:hidden;border:1px solid rgba(20,32,51,.12);background:#fff;box-shadow:0 14px 38px rgba(20,32,51,.08)}
.preview-browser{display:flex;gap:6px;padding:12px 14px;border-bottom:1px solid #ece8e1;background:#faf7f1}
.preview-browser span{width:8px;height:8px;border-radius:50%;background:#d7d1c6}
.preview-body{display:grid;grid-template-columns:46px 1fr;min-height:172px}
.preview-sidebar{display:grid;align-content:start;gap:13px;padding:18px 14px;border-right:1px solid #efebe4;background:#f8f4ed}
.preview-sidebar i{display:block;width:16px;height:2px;background:#c5bfb3}
.preview-main{padding:20px 20px 18px}
.preview-main strong,.preview-chart b,.needora-list b,.playvia-card strong,.phone-shell strong{display:block;color:var(--midnight);font-size:15px;letter-spacing:-.02em}
.preview-pill-row{display:flex;align-items:center;gap:8px;margin:16px 0 22px;font-size:8px;letter-spacing:.08em;text-transform:uppercase}
.preview-pill-row span{padding:8px 10px;border:1px solid #dfd9cf;background:#faf7f2}
.preview-pill-row b{color:var(--copper)}
.preview-bars{display:grid;gap:10px}
.preview-bars i{display:block;height:6px;background:linear-gradient(90deg,var(--petrol),#a8c2bf)}
.preview-bars .w82{width:82%}.preview-bars .w64{width:64%}.preview-bars .w91{width:91%}
.preview-chart{padding:16px 18px 18px;background:var(--midnight);color:var(--ivory)}
.preview-kpis{display:flex;gap:8px;flex-wrap:wrap;font-style:normal}
.preview-kpis em,.preview-legend span{display:inline-flex;padding:6px 8px;border:1px solid rgba(244,240,231,.12);color:rgba(244,240,231,.62);font-size:8px;letter-spacing:.1em;text-transform:uppercase;font-style:normal}
.preview-chart svg{display:block;width:100%;height:110px;margin:14px 0 10px}
.preview-chart path{fill:none;stroke:var(--copper);stroke-width:2}
.preview-legend{display:flex;justify-content:space-between;gap:8px}
.preview-mobile{display:grid;place-items:center;background:linear-gradient(180deg,#f2eee7,#e2dacc);padding:16px}
.phone-shell{width:176px;min-height:208px;border-radius:26px;border:1px solid rgba(20,32,51,.12);background:#fff;padding:18px 16px 16px;box-shadow:0 18px 36px rgba(20,32,51,.09)}
.phone-shell small{display:block;color:var(--copper);font-size:8px;letter-spacing:.14em;text-transform:uppercase}
.phone-shell ul{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:10px}
.phone-shell li{display:grid;grid-template-columns:44px 1fr;gap:10px;padding:10px;border:1px solid #ece6dc;background:#faf8f3}
.phone-shell li span{font-size:9px;color:#807c74}.phone-shell li b{font-size:11px;color:var(--midnight)}
.preview-needora{background:#f7f3ec}
.needora-layout{display:grid;grid-template-columns:1.08fr .92fr;min-height:172px}
.needora-list{display:grid;align-content:start;gap:10px;padding:18px}
.needora-list span{color:#6e7378;font-size:10px;line-height:1.5}
.needora-list i{display:block;height:8px;border-radius:999px;background:#e0dacf}
.needora-map{position:relative;background:#dde6e4}
.needora-map:before,.needora-map:after{content:"";position:absolute;background:rgba(31,90,93,.16)}
.needora-map:before{left:18px;right:18px;top:52px;height:1px;transform:rotate(-18deg)}
.needora-map:after{left:32px;right:22px;top:98px;height:1px;transform:rotate(18deg)}
.needora-map em{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--copper);box-shadow:0 0 0 5px rgba(185,120,80,.12)}
.needora-map em:nth-child(1){left:34px;top:48px}.needora-map em:nth-child(2){left:84px;top:82px}.needora-map em:nth-child(3){left:122px;top:36px}
.preview-playvia{background:linear-gradient(180deg,#f8faf5,#dfe7d7)}
.playvia-card{padding:18px}
.playvia-card>span{display:block;margin-top:4px;color:#6e7378;font-size:10px}
.playvia-slots{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:16px 0 12px}
.playvia-slots i{display:block;height:38px;border-radius:10px;border:1px solid rgba(20,32,51,.12);background:rgba(255,255,255,.76)}
.playvia-slots .is-active{border-color:rgba(31,90,93,.32);background:#cfe7a7}
.playvia-card small{display:block;color:#6b7560;font-size:9px;letter-spacing:.06em;text-transform:uppercase}
.founders-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
.founders-grid .founder-editorial{grid-template-columns:120px 1fr;align-items:center;padding:20px;border-top:1px solid rgba(20,32,51,.09);background:rgba(255,255,255,.4)}
.founders-grid .founder-editorial img{width:120px;height:150px}
@media (max-width:1180px){.system-project{grid-template-columns:56px 1fr;gap:22px}.project-preview{grid-column:2}.system-project>a{grid-column:2;justify-self:start}.founders-grid{grid-template-columns:1fr}}
@media (max-width:760px){.project-preview{max-width:none}.phone-shell{width:100%;max-width:220px}.founders-grid .founder-editorial{grid-template-columns:100px 1fr;padding:16px}.founders-grid .founder-editorial img{width:100px;height:128px}}


/* NOMYRA v9 — compact editorial homepage */
.compact-hero{background:var(--midnight);color:var(--ivory);padding:138px 0 86px;overflow:hidden}
.compact-hero-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(460px,1.1fr);gap:72px;align-items:center}
.compact-hero-copy h1{margin:14px 0 22px;max-width:700px;font-size:clamp(48px,5vw,68px);line-height:1.01;letter-spacing:-.052em;font-weight:560}
.compact-hero-copy h1 em{color:var(--copper);font-style:normal}
.compact-hero-copy>p:last-of-type{max-width:580px;color:rgba(244,240,231,.68);font-size:17px;line-height:1.65}
.compact-hero .eyebrow{color:rgba(244,240,231,.5)}
.compact-flow{position:relative;display:grid;grid-template-columns:1fr 120px 1fr;align-items:center;min-height:400px;padding:28px;border:1px solid rgba(244,240,231,.1)}
.compact-flow svg{position:absolute;inset:22px;width:calc(100% - 44px);height:calc(100% - 44px);z-index:0}
.compact-flow svg path{fill:none;stroke:rgba(185,120,80,.5);stroke-width:1.2;stroke-dasharray:5 7}
.flow-col,.flow-core{position:relative;z-index:1}
.flow-col{display:grid;gap:14px}.flow-col small{margin-bottom:3px;color:rgba(244,240,231,.36);font-size:9px;letter-spacing:.15em}.flow-col span{display:block;padding:10px 12px;border:1px solid rgba(244,240,231,.11);background:#17263a;color:rgba(244,240,231,.72);font-size:10px;letter-spacing:.08em;text-transform:uppercase}.flow-after span{border-color:rgba(31,90,93,.55);background:#183139}.flow-core{display:grid;place-items:center;text-align:center}.flow-core span{display:grid;place-items:center;width:78px;height:78px;border-radius:50%;border:1px solid var(--copper);color:var(--copper);font-size:24px}.flow-core b{margin-top:10px;font-size:9px;letter-spacing:.14em}
.section{padding:92px 0}.compact-value{background:#f4f0e7}.compact-value-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}.compact-value h2,.compact-section-head h2,.compact-about h2{margin:12px 0 0;font-size:clamp(38px,4.2vw,54px);line-height:1.04;letter-spacing:-.045em}.value-list{border-top:1px solid rgba(20,32,51,.14)}.value-list article{display:grid;grid-template-columns:54px 1fr;gap:24px;padding:24px 0;border-bottom:1px solid rgba(20,32,51,.12)}.value-list article>span{padding-top:4px;color:var(--copper);font-size:10px}.value-list h3{margin:0;font-size:24px;letter-spacing:-.03em}.value-list p{margin:6px 0 0;max-width:600px;color:#626a70;font-size:15px;line-height:1.6}
.compact-projects{background:#fff}.compact-section-head{display:grid;grid-template-columns:1fr .72fr;gap:72px;align-items:end;margin-bottom:44px}.compact-section-head>p{margin:0;max-width:510px;color:#646b70;font-size:15px;line-height:1.65}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.project-feature{grid-column:1/-1;display:grid;grid-template-columns:.72fr 1.28fr;gap:42px;align-items:center;padding:38px;border:1px solid rgba(20,32,51,.12);background:#f7f4ed}.project-card{min-height:300px;display:grid;grid-template-columns:.82fr 1.18fr;gap:24px;align-items:center;padding:28px;border:1px solid rgba(20,32,51,.1);background:#fbfaf7}.project-copy>span{color:var(--copper);font-size:9px;letter-spacing:.14em}.project-copy h3{margin:8px 0 10px;font-size:28px;letter-spacing:-.04em}.project-copy p{margin:0;color:#646b70;font-size:14px;line-height:1.55}.project-ui{border:1px solid #dad4c9;background:#fff;box-shadow:0 18px 42px rgba(20,32,51,.08)}.ui-mini-top{display:flex;justify-content:space-between;padding:12px 14px;border-bottom:1px solid #ebe6dd;font-size:9px;letter-spacing:.11em}.ui-mini-top i{color:var(--copper);font-style:normal}.flow-ui-body{display:grid;grid-template-columns:46px 1fr;min-height:230px}.flow-ui aside{display:grid;align-content:start;gap:15px;padding:20px 14px;border-right:1px solid #eee9e1;background:#faf8f3}.flow-ui aside b{height:2px;background:#c3bcb1}.flow-ui-body>div{padding:30px}.flow-ui-body small{color:#8a857d;font-size:9px;letter-spacing:.13em}.flow-ui-body strong{display:block;margin:8px 0 24px;font-size:23px}.mini-process{display:flex;align-items:center;gap:10px;font-size:9px;text-transform:uppercase}.mini-process span{padding:8px 10px;border:1px solid #ddd7cd}.mini-process i{color:var(--copper);font-style:normal}.mini-bars{display:grid;gap:10px;margin-top:28px}.mini-bars b{display:block;height:6px;background:linear-gradient(90deg,var(--petrol),#adc5c2)}.mini-bars b:nth-child(1){width:82%}.mini-bars b:nth-child(2){width:58%}.mini-bars b:nth-child(3){width:91%}.finance-mini{padding:18px;background:var(--midnight);color:var(--ivory)}.finance-mini>div{display:flex;gap:6px}.finance-mini b{padding:5px 7px;border:1px solid rgba(244,240,231,.12);font-size:8px;font-weight:500}.finance-mini svg{width:100%;height:105px;margin-top:10px}.finance-mini path{fill:none;stroke:var(--copper);stroke-width:2}.phone-mini{justify-self:center;width:150px;display:grid;gap:8px;padding:17px;border-radius:22px;border:1px solid #ddd7cc;background:#fff;box-shadow:0 14px 30px rgba(20,32,51,.07)}.phone-mini small{color:var(--copper);font-size:8px;letter-spacing:.12em}.phone-mini strong{font-size:17px}.phone-mini span{padding:7px 8px;background:#f5f1e9;font-size:9px}.needora-mini{display:grid;grid-template-columns:1fr .8fr;min-height:150px;border:1px solid #ddd7cd;background:#fff}.needora-mini>div:first-child{display:grid;align-content:start;gap:8px;padding:18px}.needora-mini b{font-size:13px}.needora-mini span{color:#74797d;font-size:9px}.needora-mini i{height:6px;background:#e5dfd5}.mini-map{position:relative;background:#dbe6e4}.mini-map em{position:absolute;width:9px;height:9px;border-radius:50%;background:var(--copper)}.mini-map em:first-child{left:36%;top:34%}.mini-map em:last-child{left:66%;top:62%}.playvia-mini{padding:18px;background:#edf3e5}.playvia-mini>b{display:block;font-size:14px}.playvia-mini>span{display:block;margin-top:4px;color:#697164;font-size:9px}.playvia-mini>div{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:18px}.playvia-mini i{height:35px;border-radius:8px;background:#fff;border:1px solid rgba(20,32,51,.1)}.playvia-mini .on{background:#cce794}
.compact-method{background:var(--midnight);color:var(--ivory)}.compact-method .compact-section-head>p{color:rgba(244,240,231,.54)}.compact-method .eyebrow{color:rgba(244,240,231,.45)}.compact-method-row{display:grid;grid-template-columns:repeat(5,1fr);margin:0;padding:0;border-top:1px solid rgba(244,240,231,.14);list-style:none}.compact-method-row li{min-height:170px;padding:24px 20px;border-right:1px solid rgba(244,240,231,.1)}.compact-method-row li:last-child{border-right:0}.compact-method-row span{display:block;color:var(--copper);font-size:9px}.compact-method-row b{display:block;margin-top:18px;font-size:20px}.compact-method-row p{margin:8px 0 0;color:rgba(244,240,231,.5);font-size:12px;line-height:1.5}
.compact-about{background:#f4f0e7}.compact-about-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:72px;align-items:center}.compact-about-copy>p:last-child{max-width:540px;color:#646b70;font-size:15px;line-height:1.65}.compact-founders{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.compact-founders article{display:grid;grid-template-columns:110px 1fr;gap:18px;align-items:center;padding:16px;background:#fff;border:1px solid rgba(20,32,51,.08)}.compact-founders img{width:110px;height:135px;object-fit:cover;filter:saturate(.78)}.compact-founders span{color:var(--copper);font-size:8px;letter-spacing:.13em}.compact-founders h3{margin:6px 0 2px;font-size:21px}.compact-founders p{margin:0;color:#686f74;font-size:10px;line-height:1.4}
.compact-contact{background:#111d2c;color:var(--ivory);padding:82px 0}.compact-contact-grid{display:grid;grid-template-columns:1fr .75fr;gap:72px;align-items:end}.compact-contact h2{margin:10px 0 0;font-size:clamp(52px,6vw,76px);line-height:.98;letter-spacing:-.052em}.compact-contact .eyebrow{color:rgba(244,240,231,.44)}.compact-contact p{color:rgba(244,240,231,.62);font-size:16px;line-height:1.6}
@media(max-width:1000px){.compact-hero-grid,.compact-value-grid,.compact-about-grid,.compact-section-head{grid-template-columns:1fr;gap:42px}.compact-hero{padding-top:120px}.project-feature{grid-template-columns:1fr}.project-card{grid-template-columns:1fr}.compact-method-row{grid-template-columns:repeat(3,1fr)}.compact-method-row li:nth-child(3){border-right:0}.compact-founders{max-width:760px}.compact-contact-grid{grid-template-columns:1fr;gap:34px}}
@media(max-width:700px){.section{padding:64px 0}.compact-hero{padding:108px 0 64px}.compact-hero-copy h1{font-size:44px}.compact-flow{grid-template-columns:1fr 80px 1fr;min-height:330px;padding:18px}.flow-col{gap:9px}.flow-col span{padding:8px;font-size:7px}.flow-core span{width:58px;height:58px;font-size:18px}.project-grid{grid-template-columns:1fr}.project-feature{grid-column:auto;padding:24px}.project-card{padding:22px}.compact-method-row{grid-template-columns:1fr 1fr}.compact-method-row li{min-height:135px}.compact-method-row li:nth-child(odd){border-right:1px solid rgba(244,240,231,.1)}.compact-method-row li:nth-child(even){border-right:0}.compact-founders{grid-template-columns:1fr}.compact-contact{padding:64px 0}.compact-contact h2{font-size:56px}}
@media(max-width:430px){.compact-hero-copy h1{font-size:39px}.compact-flow{grid-template-columns:1fr;gap:12px;min-height:0}.compact-flow svg{display:none}.flow-core{order:2}.flow-before{order:1}.flow-after{order:3}.flow-core span{width:48px;height:48px}.flow-col small{margin-top:4px}.compact-section-head h2,.compact-value h2,.compact-about h2{font-size:36px}.compact-method-row{grid-template-columns:1fr}.compact-method-row li{border-right:0!important}.compact-founders article{grid-template-columns:88px 1fr}.compact-founders img{width:88px;height:112px}}


/* V10 refinements: sticky header contrast + clearer animated compact hero */
.site-header,.header-inner,.brand,.brand img,.main-nav>a,.language-switcher a,.nav-cta{transition:background .28s ease,color .28s ease,border-color .28s ease,opacity .28s ease,filter .28s ease}
.site-header.is-scrolled{background:rgba(20,32,51,.96)!important;border-bottom-color:rgba(244,240,231,.08)!important;box-shadow:0 10px 30px rgba(8,14,22,.18)}
.site-header.is-scrolled .brand{color:var(--ivory)}
.site-header.is-scrolled .main-nav>a{color:rgba(244,240,231,.76)}
.site-header.is-scrolled .main-nav>a:hover,.site-header.is-scrolled .main-nav>a:focus-visible{color:#fff}
.site-header.is-scrolled .language-switcher{border-left-color:rgba(244,240,231,.12)}
.site-header.is-scrolled .language-switcher a{color:rgba(244,240,231,.56)}
.site-header.is-scrolled .language-switcher a[aria-current="page"]{color:#fff}
.site-header.is-scrolled .nav-cta{color:#fff;border-color:rgba(185,120,80,.8);background:transparent}
.site-header.is-scrolled .nav-toggle{border-color:rgba(244,240,231,.16)}
.site-header.is-scrolled .nav-toggle>span:not(.sr-only){background:var(--ivory)}

.compact-hero{position:relative;background:radial-gradient(circle at 88% 12%, rgba(31,90,93,.16), transparent 23%), var(--midnight);color:var(--ivory);padding:138px 0 86px;overflow:hidden}
.compact-hero:before{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:rgba(244,240,231,.08)}
.compact-hero-grid{display:grid;grid-template-columns:minmax(0,.94fr) minmax(520px,1.06fr);gap:72px;align-items:center}
.compact-hero-copy{position:relative;z-index:2}
.compact-hero-copy h1{margin:14px 0 22px;max-width:760px;font-size:clamp(52px,5.1vw,74px);line-height:1.01;letter-spacing:-.054em;font-weight:560}
.compact-hero-copy h1 em{color:var(--copper);font-style:normal}
.compact-hero-copy>p:last-of-type{max-width:600px;color:rgba(244,240,231,.72);font-size:18px;line-height:1.68}
.compact-hero .eyebrow{color:rgba(244,240,231,.52)}
.hero-microproof{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:30px;color:rgba(244,240,231,.44);font-size:10px;letter-spacing:.14em;text-transform:uppercase}
.hero-microproof i{width:3px;height:3px;border-radius:50%;background:var(--copper)}
.compact-flow{position:relative;display:grid;grid-template-columns:1fr 120px 1fr;align-items:center;min-height:434px;padding:54px 28px 52px;border:1px solid rgba(244,240,231,.1);background:linear-gradient(180deg,rgba(255,255,255,.018),rgba(255,255,255,.012))}
.flow-head,.flow-foot{position:absolute;left:28px;right:28px;display:flex;justify-content:space-between;gap:16px;color:rgba(244,240,231,.38);font-size:9px;letter-spacing:.16em;text-transform:uppercase;z-index:3}
.flow-head{top:18px}.flow-foot{bottom:18px}.flow-foot span:nth-child(2){text-align:center;flex:1}
.compact-flow svg{position:absolute;inset:54px 22px;width:calc(100% - 44px);height:calc(100% - 108px);z-index:0}
.compact-flow svg path{fill:none;stroke:rgba(185,120,80,.48);stroke-width:1.2;stroke-dasharray:7 8;stroke-dashoffset:540;opacity:.16}
.flow-col{position:relative;z-index:2;display:grid;gap:18px}
.flow-col small{display:block;margin-bottom:6px;color:rgba(244,240,231,.54);font-size:9px;letter-spacing:.16em}
.flow-col span{display:block;padding:14px 16px;border:1px solid rgba(244,240,231,.11);background:rgba(255,255,255,.02);color:rgba(244,240,231,.86);font-size:10px;letter-spacing:.15em;text-transform:uppercase;backdrop-filter:blur(4px)}
.flow-after span{border-color:rgba(31,90,93,.48);background:rgba(31,90,93,.24)}
.flow-core{position:relative;z-index:3;display:grid;justify-items:center;gap:12px}
.flow-core span{display:grid;place-items:center;width:96px;height:96px;border-radius:50%;border:1px solid rgba(185,120,80,.72);color:var(--copper);font-size:34px;box-shadow:0 0 0 18px rgba(185,120,80,.03)}
.flow-core b{font-size:20px;letter-spacing:.12em}
.flow-core small{color:rgba(244,240,231,.42);font-size:8px;letter-spacing:.16em;text-transform:uppercase;text-align:center}
.compact-flow .flow-col span,.compact-flow .flow-core,.compact-flow .flow-head,.compact-flow .flow-foot{opacity:0;transform:translateY(10px)}
.compact-flow.is-visible .flow-head,.compact-flow.is-visible .flow-foot{animation:compactFade .55s ease .15s forwards}
.compact-flow.is-visible .flow-before span:nth-of-type(1){animation:compactFade .42s ease .2s forwards}
.compact-flow.is-visible .flow-before span:nth-of-type(2){animation:compactFade .42s ease .32s forwards}
.compact-flow.is-visible .flow-before span:nth-of-type(3){animation:compactFade .42s ease .44s forwards}
.compact-flow.is-visible .flow-before span:nth-of-type(4){animation:compactFade .42s ease .56s forwards}
.compact-flow.is-visible .flow-core{animation:compactFade .55s ease .72s forwards}
.compact-flow.is-visible .flow-after span:nth-of-type(1){animation:compactFade .42s ease .92s forwards}
.compact-flow.is-visible .flow-after span:nth-of-type(2){animation:compactFade .42s ease 1.04s forwards}
.compact-flow.is-visible .flow-after span:nth-of-type(3){animation:compactFade .42s ease 1.16s forwards}
.compact-flow.is-visible .flow-after span:nth-of-type(4){animation:compactFade .42s ease 1.28s forwards}
.compact-flow.is-visible svg path{animation:compactLine 1.4s ease forwards, compactDrift 7s linear 1.5s infinite}
.compact-flow.is-visible svg path:nth-child(2){animation-delay:.12s,1.62s}
.compact-flow.is-visible svg path:nth-child(3){animation-delay:.24s,1.74s}
.compact-flow.is-visible svg path:nth-child(4){animation-delay:.36s,1.86s}
.compact-flow.is-visible .flow-core span{animation:heroCorePulse 5.6s ease 1.4s infinite}
@keyframes compactFade{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes compactLine{from{stroke-dashoffset:540;opacity:.04}to{stroke-dashoffset:0;opacity:.82}}
@keyframes compactDrift{from{stroke-dashoffset:0}to{stroke-dashoffset:-44}}
@keyframes heroCorePulse{0%,72%,100%{box-shadow:0 0 0 18px rgba(185,120,80,.03)}84%{box-shadow:0 0 0 18px rgba(185,120,80,.03),0 0 0 30px rgba(185,120,80,.06)}}

@media(max-width:1000px){.compact-hero-grid{grid-template-columns:1fr;gap:42px}.compact-flow{max-width:860px}.flow-foot span:nth-child(2){text-align:left}.compact-hero-copy h1{font-size:clamp(48px,8vw,70px)}}
@media(max-width:700px){.compact-hero{padding:112px 0 64px}.compact-hero-copy h1{font-size:46px}.compact-hero-copy>p:last-of-type{font-size:17px}.compact-flow{grid-template-columns:1fr 94px 1fr;min-height:360px;padding:48px 18px 44px}.flow-head,.flow-foot{left:18px;right:18px}}
@media(max-width:430px){.compact-hero-copy h1{font-size:40px}.hero-microproof{gap:8px;font-size:9px}.compact-flow{grid-template-columns:1fr;gap:12px;padding:42px 16px 40px}.compact-flow svg{display:none}.flow-head,.flow-foot{position:static}.flow-foot{display:grid;gap:6px}.flow-core{order:2}.flow-before{order:1}.flow-after{order:3}}
@media (prefers-reduced-motion:reduce){.compact-flow .flow-col span,.compact-flow .flow-core,.compact-flow .flow-head,.compact-flow .flow-foot{opacity:1!important;transform:none!important}.compact-flow svg path,.compact-flow .flow-core span{animation:none!important;stroke-dashoffset:0!important;opacity:.75!important}}


/* V11 — usability QA from real scroll recording */
html{scroll-padding-top:96px}
#services,#projects,#method,#about,#contact{scroll-margin-top:96px}
.site-header:not(.is-scrolled) .nav-cta{color:var(--midnight)!important;border-color:rgba(185,120,80,.62);background:rgba(255,253,248,.42)}
.site-header:not(.is-scrolled) .nav-cta:hover{color:#fff!important;background:var(--copper);border-color:var(--copper)}

/* Keep hero understandable immediately: content stays visible; motion explains the connections. */
.compact-flow .flow-col span,.compact-flow .flow-core,.compact-flow .flow-head,.compact-flow .flow-foot{opacity:1;transform:none}
.compact-flow.is-visible .flow-head,.compact-flow.is-visible .flow-foot,
.compact-flow.is-visible .flow-before span,.compact-flow.is-visible .flow-core,
.compact-flow.is-visible .flow-after span{animation:none}
.compact-flow svg path{stroke:rgba(185,120,80,.26);stroke-dasharray:10 9;stroke-dashoffset:0;opacity:.38}
.compact-flow.is-visible svg path{animation:flowConnect 1.3s cubic-bezier(.2,.7,.2,1) both,flowTravel 7s linear 1.3s infinite}
.compact-flow.is-visible svg path:nth-child(2){animation-delay:.14s,1.44s}
.compact-flow.is-visible svg path:nth-child(3){animation-delay:.28s,1.58s}
.compact-flow.is-visible svg path:nth-child(4){animation-delay:.42s,1.72s}
.compact-flow.is-visible .flow-after span:nth-of-type(1){animation:flowOutput 4.8s ease 1.15s infinite}
.compact-flow.is-visible .flow-after span:nth-of-type(2){animation:flowOutput 4.8s ease 1.35s infinite}
.compact-flow.is-visible .flow-after span:nth-of-type(3){animation:flowOutput 4.8s ease 1.55s infinite}
.compact-flow.is-visible .flow-after span:nth-of-type(4){animation:flowOutput 4.8s ease 1.75s infinite}
.compact-flow.is-visible .flow-core span{animation:heroCorePulse 5.6s ease 1.1s infinite}
@keyframes flowConnect{0%{stroke-dasharray:1 700;opacity:.16}100%{stroke-dasharray:10 9;opacity:.72}}
@keyframes flowTravel{from{stroke-dashoffset:0}to{stroke-dashoffset:-76}}
@keyframes flowOutput{0%,55%,100%{border-color:rgba(31,90,93,.48);background:rgba(31,90,93,.24)}66%{border-color:rgba(185,120,80,.72);background:rgba(31,90,93,.38)}}

/* Hero proportions refined after viewport recording */
.compact-hero{min-height:calc(100svh - 76px);display:flex;align-items:center;padding:116px 0 64px}
.compact-hero-grid{width:min(calc(100% - 48px),var(--container));margin-inline:auto}
.compact-hero-copy h1{font-size:clamp(48px,4.55vw,66px);max-width:680px}
.compact-hero-copy>p:last-of-type{font-size:16px;max-width:570px}
.compact-flow{min-height:390px}
.flow-col span{padding:12px 15px}
.flow-core span{width:84px;height:84px;font-size:30px}
.flow-core b{font-size:17px}

@media(max-width:1000px){html{scroll-padding-top:82px}#services,#projects,#method,#about,#contact{scroll-margin-top:82px}.compact-hero{min-height:auto;padding:118px 0 70px}.compact-hero-grid{width:min(calc(100% - 38px),var(--container))}}
@media(max-width:700px){.compact-hero-copy h1{font-size:44px}.compact-flow{min-height:350px}}
@media(prefers-reduced-motion:reduce){.compact-flow svg path,.compact-flow.is-visible .flow-after span,.compact-flow.is-visible .flow-core span{animation:none!important}}


/* NOMYRA V12 — definitive brand architecture */
[id]{scroll-margin-top:96px}
.v12-hero{position:relative;overflow:hidden;background:var(--midnight);color:var(--ivory);padding:146px 0 84px}.v12-hero:after{content:"";position:absolute;inset:auto -16% -46% auto;width:680px;height:680px;border:1px solid rgba(31,90,93,.18);border-radius:50%}.v12-hero-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(520px,1.08fr);gap:74px;align-items:center;position:relative;z-index:2}.v12-hero-copy h1{max-width:720px;margin:14px 0 24px;font-size:clamp(54px,5.25vw,76px);font-weight:560;line-height:1.01;letter-spacing:-.055em}.v12-hero-copy h1 em{font-style:normal;color:var(--copper)}.v12-lead{max-width:620px;margin:0;color:rgba(244,240,231,.7);font-size:18px;line-height:1.68}.v12-hero .eyebrow{color:rgba(244,240,231,.48)}.v12-manifesto{display:grid;gap:4px;margin-top:34px;padding-top:24px;border-top:1px solid rgba(244,240,231,.12);max-width:610px;color:rgba(244,240,231,.48);font-size:12px}.v12-manifesto strong{color:rgba(244,240,231,.88);font-weight:600}.v12-system{position:relative;min-height:500px;border:1px solid rgba(244,240,231,.1);background:rgba(255,255,255,.012)}.v12-system-label{position:absolute;top:20px;left:24px;right:24px;display:flex;justify-content:space-between;color:rgba(244,240,231,.34);font-size:8px;letter-spacing:.18em}.v12-inputs,.v12-outputs{position:absolute;top:62px;bottom:54px;display:flex;flex-direction:column;justify-content:space-between;z-index:3}.v12-inputs{left:28px}.v12-outputs{right:28px}.v12-inputs span,.v12-outputs span{min-width:168px;padding:10px 12px;border:1px solid rgba(244,240,231,.1);background:rgba(255,255,255,.018);color:rgba(244,240,231,.76);font-size:9px;letter-spacing:.11em;text-transform:uppercase}.v12-outputs span{border-color:rgba(31,90,93,.42);background:rgba(31,90,93,.18)}.v12-core{position:absolute;left:50%;top:50%;z-index:4;display:grid;justify-items:center;gap:7px;transform:translate(-50%,-50%)}.v12-core>span{display:grid;place-items:center;width:104px;height:104px;border:1px solid rgba(185,120,80,.76);border-radius:50%;color:var(--copper);font-size:32px;box-shadow:0 0 0 18px rgba(185,120,80,.025)}.v12-core b{font-size:11px;letter-spacing:.18em}.v12-core small{color:rgba(244,240,231,.34);font-size:7px;letter-spacing:.11em}.v12-system svg{position:absolute;inset:50px 18px;width:calc(100% - 36px);height:calc(100% - 100px);z-index:1}.v12-system path{fill:none;stroke:rgba(185,120,80,.56);stroke-width:1;stroke-dasharray:7 9;stroke-dashoffset:620;opacity:.18}.v12-system.is-visible path{animation:v12line 1.8s ease forwards,v12drift 8s linear 2s infinite}.v12-system.is-visible path:nth-child(2){animation-delay:.1s,2.1s}.v12-system.is-visible path:nth-child(3){animation-delay:.2s,2.2s}.v12-system.is-visible path:nth-child(4){animation-delay:.3s,2.3s}.v12-system.is-visible path:nth-child(5){animation-delay:.4s,2.4s}.v12-system.is-visible path:nth-child(6){animation-delay:.5s,2.5s}@keyframes v12line{to{stroke-dashoffset:0;opacity:.78}}@keyframes v12drift{to{stroke-dashoffset:-48}}
.v12-section-head{display:grid;grid-template-columns:1fr .74fr;gap:72px;align-items:end;margin-bottom:48px}.v12-section-head h2,.v12-about h2{margin:10px 0 0;font-size:clamp(40px,4.2vw,56px);line-height:1.04;letter-spacing:-.047em}.v12-section-head>p{margin:0;max-width:530px;color:#60686e;font-size:15px;line-height:1.68}.v12-capabilities{background:var(--ivory)}.v12-cap-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(20,32,51,.14);border-bottom:1px solid rgba(20,32,51,.14)}.v12-cap-grid article{min-height:270px;padding:28px 24px;border-right:1px solid rgba(20,32,51,.1)}.v12-cap-grid article:last-child{border-right:0}.v12-cap-grid span{color:var(--copper);font-size:9px}.v12-cap-grid h3{margin:34px 0 10px;font-size:22px;letter-spacing:-.03em}.v12-cap-grid p{margin:0;color:#626a70;font-size:14px;line-height:1.65}.v12-cap-grid small{display:block;margin-top:28px;color:#8a867e;font-size:8px;letter-spacing:.1em;text-transform:uppercase}
.v12-projects{background:#fff}.v12-project-layout{display:grid;gap:18px}.v12-feature{display:grid;grid-template-columns:.72fr 1.28fr;gap:42px;align-items:center;padding:38px;border:1px solid rgba(20,32,51,.12);background:#f7f4ed}.v12-project-copy>span{color:var(--copper);font-size:9px;letter-spacing:.13em}.v12-project-copy h3{margin:8px 0 10px;font-size:30px;letter-spacing:-.04em}.v12-project-copy p{margin:0;color:#646b70;font-size:14px;line-height:1.6}.v12-project-copy a{display:inline-block;margin-top:22px;color:var(--midnight);font-size:12px;font-weight:700;text-decoration:none}.v12-ui{border:1px solid #d8d2c8;background:#fff;box-shadow:0 18px 42px rgba(20,32,51,.08)}.v12-ui-top{display:flex;justify-content:space-between;padding:12px 14px;border-bottom:1px solid #ebe6dd;font-size:9px;letter-spacing:.1em}.v12-ui-top span{color:var(--copper)}.v12-dashboard{display:grid;grid-template-columns:48px 1fr;min-height:230px}.v12-dashboard aside{display:grid;align-content:start;gap:15px;padding:20px 14px;border-right:1px solid #eee9e1;background:#faf8f3}.v12-dashboard aside i{height:2px;background:#c6bfb5}.v12-dashboard>div{padding:30px}.v12-dashboard small{color:#8a857d;font-size:9px;letter-spacing:.13em}.v12-dashboard strong{display:block;margin:8px 0 24px;font-size:23px}.v12-pipeline{display:flex;align-items:center;gap:9px;font-size:9px;text-transform:uppercase}.v12-pipeline span{padding:8px 10px;border:1px solid #ddd7cd}.v12-pipeline b{color:var(--copper)}.v12-bars{display:grid;gap:10px;margin-top:28px}.v12-bars i{height:6px;background:linear-gradient(90deg,var(--petrol),#adc5c2)}.v12-bars i:nth-child(1){width:82%}.v12-bars i:nth-child(2){width:58%}.v12-bars i:nth-child(3){width:91%}.v12-project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.v12-project-grid>article{display:grid;grid-template-columns:.8fr 1.2fr;gap:24px;align-items:center;min-height:280px;padding:28px;border:1px solid rgba(20,32,51,.1);background:#fbfaf7}.v12-mini.finance{padding:18px;background:var(--midnight);color:var(--ivory)}.v12-mini.finance>div{display:flex;gap:6px}.v12-mini.finance b{padding:5px 7px;border:1px solid rgba(244,240,231,.12);font-size:8px;font-weight:500}.v12-mini.finance svg{width:100%;height:100px;margin-top:10px}.v12-mini.finance path{fill:none;stroke:var(--copper);stroke-width:2}.v12-mini.phone{justify-self:center;width:150px;display:grid;gap:8px;padding:17px;border-radius:22px;border:1px solid #ddd7cc;background:#fff;box-shadow:0 14px 30px rgba(20,32,51,.07)}.v12-mini.phone small{color:var(--copper);font-size:8px;letter-spacing:.12em}.v12-mini.phone strong{font-size:17px}.v12-mini.phone span{padding:7px 8px;background:#f5f1e9;font-size:9px}.v12-mini.needora{display:grid;grid-template-columns:1fr .8fr;min-height:150px;border:1px solid #ddd7cd;background:#fff}.v12-mini.needora>div:first-child{display:grid;align-content:start;gap:8px;padding:18px}.v12-mini.needora b{font-size:13px}.v12-mini.needora span{color:#74797d;font-size:9px}.v12-mini.needora i{height:6px;background:#e5dfd5}.v12-mini.needora>div:last-child{position:relative;background:#dbe6e4}.v12-mini.needora em{position:absolute;width:9px;height:9px;border-radius:50%;background:var(--copper)}.v12-mini.needora em:first-child{left:36%;top:34%}.v12-mini.needora em:last-child{left:66%;top:62%}.v12-mini.playvia{padding:18px;background:#edf3e5}.v12-mini.playvia>b{display:block;font-size:14px}.v12-mini.playvia>span{display:block;margin-top:4px;color:#697164;font-size:9px}.v12-mini.playvia>div{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:18px}.v12-mini.playvia i{height:35px;border-radius:8px;background:#fff;border:1px solid rgba(20,32,51,.1)}.v12-mini.playvia .on{background:#cce794}
.v12-method{background:var(--midnight);color:var(--ivory)}.v12-method .v12-section-head>p{color:rgba(244,240,231,.54)}.v12-method .eyebrow{color:rgba(244,240,231,.44)}.v12-method-row{display:grid;grid-template-columns:repeat(4,1fr);margin:0;padding:0;border-top:1px solid rgba(244,240,231,.14);list-style:none}.v12-method-row li{min-height:180px;padding:26px 22px;border-right:1px solid rgba(244,240,231,.1)}.v12-method-row li:last-child{border-right:0}.v12-method-row span{display:block;color:var(--copper);font-size:9px}.v12-method-row b{display:block;margin-top:20px;font-size:21px}.v12-method-row p{margin:8px 0 0;color:rgba(244,240,231,.5);font-size:12px;line-height:1.55}
.v12-about{background:var(--ivory)}.v12-about-grid{display:grid;grid-template-columns:.76fr 1.24fr;gap:72px;align-items:center}.v12-about-copy>p:last-child{max-width:550px;color:#646b70;font-size:15px;line-height:1.68}.v12-founders{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.v12-founders article{display:grid;grid-template-columns:124px 1fr;gap:18px;align-items:center;padding:16px;background:#fff;border:1px solid rgba(20,32,51,.08)}.v12-founders img{width:124px;height:154px;object-fit:cover;filter:saturate(.82)}.v12-founders span{color:var(--copper);font-size:8px;letter-spacing:.14em}.v12-founders h3{margin:6px 0 2px;font-size:22px}.v12-founders p{margin:0;color:#686f74;font-size:11px;line-height:1.45}
.v12-contact{background:#111d2c;color:var(--ivory);padding:82px 0}.v12-contact-grid{display:grid;grid-template-columns:1fr .76fr;gap:72px;align-items:end}.v12-contact h2{margin:8px 0 0;font-size:clamp(54px,6vw,78px);line-height:.98;letter-spacing:-.055em}.v12-contact .eyebrow{color:rgba(244,240,231,.44)}.v12-contact p{color:rgba(244,240,231,.62);font-size:16px;line-height:1.6}
@media(max-width:1050px){.v12-hero-grid,.v12-about-grid,.v12-section-head{grid-template-columns:1fr;gap:42px}.v12-system{max-width:820px}.v12-cap-grid{grid-template-columns:repeat(2,1fr)}.v12-cap-grid article:nth-child(2){border-right:0}.v12-cap-grid article:nth-child(-n+2){border-bottom:1px solid rgba(20,32,51,.1)}.v12-feature{grid-template-columns:1fr}.v12-project-grid>article{grid-template-columns:1fr}.v12-founders{max-width:820px}.v12-contact-grid{grid-template-columns:1fr;gap:34px}}
@media(max-width:720px){.section{padding:66px 0}.v12-hero{padding:112px 0 66px}.v12-hero-copy h1{font-size:46px}.v12-lead{font-size:17px}.v12-system{min-height:420px}.v12-inputs span,.v12-outputs span{min-width:116px;padding:8px;font-size:7px}.v12-core>span{width:72px;height:72px;font-size:22px}.v12-core b{font-size:9px}.v12-core small{display:none}.v12-cap-grid{grid-template-columns:1fr}.v12-cap-grid article{border-right:0;border-bottom:1px solid rgba(20,32,51,.1);min-height:auto}.v12-project-grid{grid-template-columns:1fr}.v12-feature{padding:24px}.v12-project-grid>article{padding:22px}.v12-method-row{grid-template-columns:1fr 1fr}.v12-method-row li:nth-child(2){border-right:0}.v12-method-row li:nth-child(-n+2){border-bottom:1px solid rgba(244,240,231,.1)}.v12-founders{grid-template-columns:1fr}.v12-contact{padding:66px 0}.v12-contact h2{font-size:58px}}
@media(max-width:440px){.v12-hero-copy h1{font-size:40px}.v12-system{display:grid;grid-template-columns:1fr 80px 1fr;gap:10px;padding:50px 12px 24px;min-height:0}.v12-system-label{left:12px;right:12px}.v12-inputs,.v12-outputs,.v12-core{position:static;transform:none}.v12-inputs,.v12-outputs{display:grid;gap:8px}.v12-inputs span,.v12-outputs span{min-width:0}.v12-core{align-self:center}.v12-system svg{display:none}.v12-section-head h2,.v12-about h2{font-size:36px}.v12-method-row{grid-template-columns:1fr}.v12-method-row li{border-right:0!important;border-bottom:1px solid rgba(244,240,231,.1)}.v12-founders article{grid-template-columns:92px 1fr}.v12-founders img{width:92px;height:118px}}
@media(prefers-reduced-motion:reduce){.v12-system path{animation:none!important;stroke-dashoffset:0!important;opacity:.7!important}}


/* V13 — typography rhythm + editorial co-founder portraits */
.section{padding:88px 0}
.v12-hero{padding:132px 0 72px}
.v12-hero-grid{gap:64px}
.v12-hero-copy h1{max-width:690px;font-size:clamp(52px,4.75vw,68px);line-height:1.02;letter-spacing:-.053em}
.v12-lead{max-width:600px;font-size:17px;line-height:1.65}
.v12-manifesto{margin-top:30px;padding-top:22px;font-size:11px}
.v12-system{min-height:454px}
.v12-system-label{font-size:9px}
.v12-inputs,.v12-outputs{top:58px;bottom:46px}
.v12-inputs span,.v12-outputs span{min-width:160px;padding:11px 13px;font-size:10px;letter-spacing:.10em}
.v12-core>span{width:96px;height:96px;font-size:30px}
.v12-core b{font-size:12px}
.v12-core small{font-size:8px;letter-spacing:.13em}
.v12-section-head{gap:64px;margin-bottom:40px}
.v12-section-head h2,.v12-about h2{font-size:clamp(38px,4vw,50px);line-height:1.05}
.v12-section-head>p,.v12-about-copy>p:last-child{font-size:16px;line-height:1.68}
.v12-cap-grid article{min-height:236px;padding:26px 22px}
.v12-cap-grid span{font-size:10px;letter-spacing:.08em}
.v12-cap-grid h3{margin:30px 0 10px;font-size:23px}
.v12-cap-grid p{font-size:15px;line-height:1.62}
.v12-cap-grid small{margin-top:24px;font-size:10px;letter-spacing:.08em}
.v12-feature{padding:34px;gap:34px}
.v12-project-copy>span{font-size:10px;letter-spacing:.12em}
.v12-project-copy h3{font-size:28px}
.v12-project-copy p{font-size:15px;line-height:1.62}
.v12-project-grid>article{min-height:250px;padding:24px}
.v12-ui-top{font-size:10px}
.v12-dashboard>div{padding:26px}
.v12-dashboard small{font-size:10px}
.v12-dashboard strong{font-size:22px}
.v12-pipeline{font-size:10px}
.v12-pipeline span{padding:8px 10px}
.v12-mini.finance b{font-size:10px}
.v12-mini.phone{width:164px;padding:18px}
.v12-mini.phone small{font-size:9px}
.v12-mini.phone strong{font-size:18px}
.v12-mini.phone span{font-size:10px}
.v12-mini.needora b{font-size:14px}
.v12-mini.needora span{font-size:10px}
.v12-mini.playvia>b{font-size:15px}
.v12-mini.playvia>span{font-size:10px}
.v12-method-row li{min-height:168px;padding:24px 20px}
.v12-method-row span{font-size:10px}
.v12-method-row b{margin-top:18px;font-size:20px}
.v12-method-row p{font-size:13px;line-height:1.58}
.v12-about-grid{gap:64px;align-items:start}
.v12-founders{gap:20px}
.v12-founder-card{display:grid;grid-template-columns:168px 1fr;gap:22px;align-items:center;padding:22px;background:linear-gradient(180deg,#ffffff, #fbf9f5);border:1px solid rgba(20,32,51,.09);box-shadow:0 14px 34px rgba(20,32,51,.06)}
.v12-founder-portrait{position:relative;padding:0 12px 12px 0}
.v12-founder-portrait:before{content:"";position:absolute;left:14px;right:0;top:14px;bottom:0;border-radius:86px 86px 18px 18px;background:linear-gradient(180deg,rgba(185,120,80,.18),rgba(31,90,93,.12))}
.v12-founder-portrait img{position:relative;width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:82px 82px 16px 16px;box-shadow:0 18px 36px rgba(20,32,51,.12);filter:saturate(.9) contrast(1.02)}
.v12-founder-content span{display:inline-block;color:var(--copper);font-size:10px;letter-spacing:.14em;text-transform:uppercase}
.v12-founder-content h3{margin:10px 0 6px;font-size:26px;letter-spacing:-.035em}
.v12-founder-content p{margin:0;color:var(--midnight);font-size:15px;line-height:1.4}
.v12-founder-content small{display:block;margin-top:14px;padding-top:14px;border-top:1px solid rgba(20,32,51,.09);color:#7b7a74;font-size:11px;letter-spacing:.12em;text-transform:uppercase}
.v12-contact{padding:74px 0}
.v12-contact h2{font-size:clamp(52px,5.5vw,68px)}
.v12-contact p{font-size:15px}

@media(max-width:1050px){.v12-hero{padding:128px 0 72px}.v12-founder-card{grid-template-columns:152px 1fr}.v12-founders{max-width:none}}
@media(max-width:720px){.section{padding:62px 0}.v12-hero{padding:108px 0 62px}.v12-hero-copy h1{font-size:42px}.v12-lead{font-size:16px}.v12-system{min-height:400px}.v12-inputs span,.v12-outputs span{min-width:116px;padding:9px;font-size:9px}.v12-core>span{width:76px;height:76px;font-size:24px}.v12-core b{font-size:10px}.v12-section-head h2,.v12-about h2{font-size:38px}.v12-cap-grid p,.v12-project-copy p,.v12-section-head>p,.v12-about-copy>p:last-child{font-size:15px}.v12-project-copy h3{font-size:26px}.v12-method-row p{font-size:13px}.v12-founder-card{grid-template-columns:132px 1fr;gap:18px;padding:18px}.v12-founder-content h3{font-size:24px}.v12-founder-content p{font-size:14px}.v12-founder-content small{font-size:10px}.v12-contact{padding:62px 0}.v12-contact h2{font-size:56px}}
@media(max-width:440px){.v12-hero-copy h1{font-size:36px}.v12-system{padding:46px 10px 20px}.v12-system-label{font-size:8px}.v12-section-head h2,.v12-about h2{font-size:34px}.v12-founder-card{grid-template-columns:1fr;align-items:start}.v12-founder-portrait{max-width:200px}.v12-founder-content h3{font-size:22px}.v12-contact h2{font-size:52px}}


/* V14 — precise hero connectors and tighter system composition */
.v12-system{min-height:430px}
.v12-system svg.v12-connectors{position:absolute;inset:44px 18px;width:calc(100% - 36px);height:calc(100% - 88px);z-index:1;overflow:visible}
.v12-connectors path{fill:none;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}
.v12-connectors .connector-in path{stroke:rgba(220,228,225,.28);stroke-width:1.05;stroke-dasharray:5 8;stroke-dashoffset:0;opacity:.78}
.v12-connectors .connector-out path{stroke:rgba(185,120,80,.7);stroke-width:1.2;stroke-dasharray:7 8;stroke-dashoffset:0;opacity:.9}
.v12-connectors .connector-points circle{fill:var(--copper);opacity:.58}
.v12-system.is-visible .connector-in path{animation:v14input 1s cubic-bezier(.2,.7,.2,1) both,v14travel 8s linear 1.2s infinite}
.v12-system.is-visible .connector-out path{animation:v14output 1.05s cubic-bezier(.2,.7,.2,1) .72s both,v14travel 8s linear 1.8s infinite}
.v12-system.is-visible .connector-in path:nth-child(2){animation-delay:.08s,1.28s}
.v12-system.is-visible .connector-in path:nth-child(3){animation-delay:.16s,1.36s}
.v12-system.is-visible .connector-in path:nth-child(4){animation-delay:.24s,1.44s}
.v12-system.is-visible .connector-in path:nth-child(5){animation-delay:.32s,1.52s}
.v12-system.is-visible .connector-in path:nth-child(6){animation-delay:.40s,1.60s}
.v12-system.is-visible .connector-out path:nth-child(2){animation-delay:.80s,1.88s}
.v12-system.is-visible .connector-out path:nth-child(3){animation-delay:.88s,1.96s}
.v12-system.is-visible .connector-out path:nth-child(4){animation-delay:.96s,2.04s}
.v12-system.is-visible .connector-out path:nth-child(5){animation-delay:1.04s,2.12s}
.v12-system.is-visible .connector-out path:nth-child(6){animation-delay:1.12s,2.20s}
.v12-system.is-visible .connector-points circle{animation:v14point 4.8s ease 1.5s infinite}
@keyframes v14input{from{stroke-dasharray:1 500;opacity:.08}to{stroke-dasharray:5 8;opacity:.78}}
@keyframes v14output{from{stroke-dasharray:1 500;opacity:.08}to{stroke-dasharray:7 8;opacity:.9}}
@keyframes v14travel{from{stroke-dashoffset:0}to{stroke-dashoffset:-52}}
@keyframes v14point{0%,60%,100%{opacity:.42}72%{opacity:1}}
.v12-system.is-visible .v12-outputs span:nth-child(1){animation:v14block 5.6s ease 1.55s infinite}
.v12-system.is-visible .v12-outputs span:nth-child(2){animation:v14block 5.6s ease 1.72s infinite}
.v12-system.is-visible .v12-outputs span:nth-child(3){animation:v14block 5.6s ease 1.89s infinite}
.v12-system.is-visible .v12-outputs span:nth-child(4){animation:v14block 5.6s ease 2.06s infinite}
.v12-system.is-visible .v12-outputs span:nth-child(5){animation:v14block 5.6s ease 2.23s infinite}
.v12-system.is-visible .v12-outputs span:nth-child(6){animation:v14block 5.6s ease 2.40s infinite}
@keyframes v14block{0%,64%,100%{border-color:rgba(31,90,93,.42);background:rgba(31,90,93,.18)}74%{border-color:rgba(185,120,80,.7);background:rgba(31,90,93,.30)}}
.v12-core>span{box-shadow:0 0 0 14px rgba(185,120,80,.025)}
.v12-system.is-visible .v12-core>span{animation:v14core 5.6s ease 1.1s infinite}
@keyframes v14core{0%,68%,100%{box-shadow:0 0 0 14px rgba(185,120,80,.025)}78%{box-shadow:0 0 0 14px rgba(185,120,80,.025),0 0 0 24px rgba(185,120,80,.05)}}
@media(max-width:720px){.v12-system{min-height:390px}.v12-system svg.v12-connectors{inset:40px 12px;width:calc(100% - 24px);height:calc(100% - 80px)}}
@media(max-width:440px){.v12-system svg.v12-connectors{display:none}.v12-system{min-height:0}}
@media(prefers-reduced-motion:reduce){.v12-system.is-visible .connector-in path,.v12-system.is-visible .connector-out path,.v12-system.is-visible .connector-points circle,.v12-system.is-visible .v12-outputs span,.v12-system.is-visible .v12-core>span{animation:none!important}}


/* V15 — mobile-first readability and phone composition (375–430px) */
@media(max-width:720px){
  html{scroll-padding-top:76px}
  [id]{scroll-margin-top:76px}
  body{font-size:15px;line-height:1.55}
  .container{width:min(calc(100% - 32px),var(--container))}
  .site-header{backdrop-filter:blur(14px)}
  .header-inner{min-height:66px}
  .brand{font-size:16px;gap:10px;letter-spacing:.16em}
  .brand img{width:31px;height:31px}
  .nav-toggle{width:40px;height:40px}
  .main-nav{inset:66px 0 0;padding:24px 20px 36px;overflow-y:auto}
  .main-nav>a{padding:14px 0;font-size:18px}
  .main-nav .nav-cta{margin-top:18px;width:100%;min-height:50px;justify-content:center;padding:13px 16px;border:1px solid rgba(185,120,80,.65)}

  .v12-hero{padding:94px 0 54px;min-height:auto}
  .v12-hero:after{display:none}
  .v12-hero-grid{display:block}
  .v12-hero-copy{max-width:none}
  .v12-hero .eyebrow{margin-bottom:18px;font-size:10px;line-height:1.35;letter-spacing:.17em}
  .v12-hero-copy h1{max-width:none;margin:0 0 18px;font-size:clamp(36px,10.7vw,44px);line-height:1.02;letter-spacing:-.048em}
  .v12-lead{max-width:none;font-size:16px;line-height:1.6}
  .v12-hero .hero-actions{display:grid;grid-template-columns:1fr;gap:14px;margin-top:28px}
  .v12-hero .hero-actions .button{width:100%;min-height:50px}
  .v12-hero .hero-actions .text-link{width:max-content;padding:4px 0;font-size:14px}
  .v12-manifesto{margin-top:28px;padding-top:20px;font-size:12px;line-height:1.55}
  .v12-manifesto strong{font-size:13px}

  /* The desktop network becomes a vertical story on phone. */
  .v12-system{display:grid;grid-template-columns:1fr;gap:18px;margin-top:40px;padding:20px;min-height:0;border-color:rgba(244,240,231,.12)}
  .v12-system-label{position:static;display:flex;justify-content:space-between;margin-bottom:0;padding-bottom:12px;border-bottom:1px solid rgba(244,240,231,.09);font-size:9px;letter-spacing:.14em}
  .v12-inputs,.v12-outputs,.v12-core{position:static;transform:none}
  .v12-inputs,.v12-outputs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .v12-inputs{order:2}
  .v12-core{order:3;align-self:center;justify-self:center;position:relative;margin:8px 0 10px;padding:22px 0}
  .v12-core:before,.v12-core:after{content:"";position:absolute;left:50%;width:1px;height:24px;background:linear-gradient(var(--copper),rgba(185,120,80,.15));transform:translateX(-50%)}
  .v12-core:before{top:-16px}.v12-core:after{bottom:-16px}
  .v12-outputs{order:4}
  .v12-inputs span,.v12-outputs span{min-width:0;padding:11px 10px;font-size:10px;line-height:1.2;letter-spacing:.07em;text-align:center}
  .v12-core>span{width:72px;height:72px;font-size:24px;box-shadow:0 0 0 12px rgba(185,120,80,.025)}
  .v12-core b{font-size:11px;letter-spacing:.15em}
  .v12-core small{display:block;max-width:180px;font-size:8px;line-height:1.4;text-align:center}
  .v12-system svg.v12-connectors{display:none!important}
  .v12-system.is-visible .v12-outputs span{animation:none}

  .section{padding:58px 0}
  .v12-section-head{display:block;margin-bottom:30px}
  .v12-section-head .eyebrow,.v12-about .eyebrow{margin-bottom:14px;font-size:10px;letter-spacing:.16em}
  .v12-section-head h2,.v12-about h2{margin-top:0;font-size:clamp(32px,8.8vw,38px);line-height:1.07;letter-spacing:-.04em}
  .v12-section-head>p,.v12-about-copy>p:last-child{margin-top:18px;max-width:none;font-size:15px;line-height:1.62}

  .v12-cap-grid{display:grid;grid-template-columns:1fr;border-bottom:0}
  .v12-cap-grid article{min-height:0;padding:22px 0;border-right:0;border-bottom:1px solid rgba(20,32,51,.11)}
  .v12-cap-grid article:first-child{border-top:1px solid rgba(20,32,51,.11)}
  .v12-cap-grid span{font-size:10px}
  .v12-cap-grid h3{margin:12px 0 7px;font-size:22px}
  .v12-cap-grid p{font-size:15px;line-height:1.55}
  .v12-cap-grid small{margin-top:12px;font-size:10px;line-height:1.45}

  .v12-project-layout{gap:14px}
  .v12-feature{display:block;padding:20px}
  .v12-feature .v12-ui{margin-top:22px}
  .v12-project-copy h3{font-size:25px}
  .v12-project-copy p{font-size:15px;line-height:1.55}
  .v12-project-copy a{font-size:13px}
  .v12-ui-top{font-size:9px}
  .v12-dashboard{grid-template-columns:1fr;min-height:0}
  .v12-dashboard aside{display:none}
  .v12-dashboard>div{padding:22px 16px}
  .v12-dashboard strong{margin-bottom:18px;font-size:20px}
  .v12-pipeline{display:grid;grid-template-columns:1fr;gap:7px;font-size:10px}
  .v12-pipeline b{display:none}
  .v12-pipeline span{text-align:center}
  .v12-bars{margin-top:20px}
  .v12-project-grid{grid-template-columns:1fr;gap:14px}
  .v12-project-grid>article{display:block;min-height:0;padding:20px}
  .v12-project-grid>article .v12-mini{margin:20px 0 0}
  .v12-mini.phone{justify-self:start;width:min(100%,190px)}
  .v12-mini.needora{min-height:140px}

  .v12-method-row{display:grid;grid-template-columns:1fr;margin-top:0}
  .v12-method-row li{min-height:0;padding:20px 0;border-right:0!important;border-bottom:1px solid rgba(244,240,231,.1)}
  .v12-method-row li:first-child{border-top:1px solid rgba(244,240,231,.1)}
  .v12-method-row span{font-size:10px}
  .v12-method-row b{margin-top:8px;font-size:20px}
  .v12-method-row p{margin-top:5px;font-size:14px;line-height:1.5}

  .v12-about-grid{display:block}
  .v12-founders{display:grid;grid-template-columns:1fr;gap:18px;margin-top:30px}
  .v12-founder-card{display:grid;grid-template-columns:116px 1fr;gap:16px;align-items:center;padding:16px}
  .v12-founder-portrait{max-width:none;padding:0 8px 8px 0}
  .v12-founder-portrait:before{left:10px;top:10px;border-radius:64px 64px 14px 14px}
  .v12-founder-portrait img{border-radius:60px 60px 12px 12px}
  .v12-founder-content span{font-size:9px}
  .v12-founder-content h3{margin:7px 0 4px;font-size:21px}
  .v12-founder-content p{font-size:13px;line-height:1.4}
  .v12-founder-content small{margin-top:10px;padding-top:10px;font-size:9px;line-height:1.45;letter-spacing:.08em}

  .v12-contact{padding:56px 0}
  .v12-contact-grid{display:block}
  .v12-contact h2{font-size:clamp(46px,13vw,56px);line-height:1}
  .v12-contact-grid>div:last-child{margin-top:26px}
  .v12-contact p{font-size:15px;line-height:1.55}
  .v12-contact .button{width:100%;margin-top:4px}

  .footer-main{gap:34px;padding-top:52px}
  .footer-links{gap:30px}
  .footer-links a{font-size:13px}
  .footer-bottom{padding-bottom:24px;font-size:10px}
}

@media(max-width:390px){
  .container{width:min(calc(100% - 28px),var(--container))}
  .v12-hero-copy h1{font-size:35px}
  .v12-system{padding:16px}
  .v12-inputs span,.v12-outputs span{padding:10px 7px;font-size:9px}
  .v12-founder-card{grid-template-columns:104px 1fr;padding:14px;gap:14px}
  .v12-founder-content h3{font-size:20px}
  .v12-founder-content p{font-size:12px}
}

.product-link{display:inline-block;margin-top:18px;color:var(--midnight);font-size:12px;font-weight:750;text-decoration:none;border-bottom:1px solid rgba(20,32,51,.18);padding-bottom:3px}.product-link:hover{color:var(--petrol)}.product-seo-note{margin:28px 0 0;color:#777b7d;font-size:12px;line-height:1.6}

/* V19 — final art-direction polish */
:root{--section-space:84px;--section-space-mobile:56px}
.v12-capabilities.section{padding:82px 0}
.v12-projects.section{padding:90px 0}
.v12-method.section{padding:84px 0}
.v12-about.section{padding:84px 0}
.v12-section-head{grid-template-columns:minmax(0,1fr) minmax(320px,.72fr);gap:58px;margin-bottom:38px}
.v12-section-head>div{max-width:720px}
.v12-section-head>p{align-self:end;max-width:500px}
.v12-cap-grid{align-items:stretch}
.v12-cap-grid article{display:flex;flex-direction:column;min-height:232px;padding:25px 22px 22px}
.v12-cap-grid h3{margin:28px 0 9px}
.v12-cap-grid small{margin-top:auto;padding-top:22px}

/* Product cards share one visual grammar. */
.v12-project-layout{gap:16px}
.v12-project-grid{gap:16px}
.v12-feature{min-height:340px;padding:32px;gap:32px}
.v12-project-grid>article{min-height:244px;padding:24px;grid-template-columns:minmax(0,.88fr) minmax(180px,1.12fr);gap:22px;overflow:hidden}
.v12-project-copy{align-self:center}
.v12-project-copy>span{display:block;margin-bottom:2px}
.v12-project-copy h3{margin-top:7px}
.v12-project-grid .v12-mini{width:100%;max-width:280px;justify-self:end;align-self:center}
.v12-mini.finance,.v12-mini.needora,.v12-mini.playvia{min-height:156px}
.v12-mini.finance{display:grid;align-content:space-between}
.v12-mini.phone{width:172px;max-width:172px;justify-self:center}
.v12-mini.needora{width:100%}
.v12-mini.playvia{width:100%}
.v12-ui{box-shadow:0 16px 36px rgba(20,32,51,.07)}

/* Method: calmer, more editorial rhythm. */
.v12-method-row li{min-height:160px;padding:23px 20px}
.v12-method-row b{font-size:20px;letter-spacing:-.02em}
.v12-method-row p{max-width:230px;color:rgba(244,240,231,.56)}

/* Founders: use the new coordinated portraits as the visual anchor. */
.v12-about-grid{grid-template-columns:.72fr 1.28fr;gap:58px;align-items:center}
.v12-founders{gap:16px}
.v12-founder-card{grid-template-columns:164px 1fr;gap:22px;min-height:242px;padding:18px 20px 18px 18px;background:#fff;border:1px solid rgba(20,32,51,.08);box-shadow:0 12px 30px rgba(20,32,51,.045)}
.v12-founder-portrait{padding:0;align-self:stretch;display:flex;align-items:center}
.v12-founder-portrait:before{display:none}
.v12-founder-portrait img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center top;border-radius:52px 52px 16px 16px;box-shadow:0 10px 26px rgba(20,32,51,.09);filter:none}
.v12-founder-content span{font-size:10px}
.v12-founder-content h3{margin:9px 0 5px;font-size:25px}
.v12-founder-content p{font-size:14px;line-height:1.45}
.v12-founder-content small{margin-top:13px;padding-top:13px;font-size:10px;line-height:1.45;letter-spacing:.09em}

.v12-contact{padding:70px 0}
.v12-contact-grid{gap:60px}
.v12-contact h2{font-size:clamp(50px,5.2vw,66px)}

@media(max-width:1050px){
  .v12-capabilities.section,.v12-projects.section,.v12-method.section,.v12-about.section{padding:74px 0}
  .v12-section-head{grid-template-columns:1fr;gap:24px;margin-bottom:34px}
  .v12-section-head>p{max-width:650px}
  .v12-feature{min-height:0}
  .v12-project-grid>article{grid-template-columns:minmax(0,1fr) minmax(190px,.9fr)}
  .v12-about-grid{grid-template-columns:1fr;gap:34px}
  .v12-founders{max-width:none}
}

@media(max-width:720px){
  .v12-capabilities.section,.v12-projects.section,.v12-method.section,.v12-about.section{padding:var(--section-space-mobile) 0}
  .v12-section-head{margin-bottom:28px}
  .v12-cap-grid article{min-height:0;padding:20px 0}
  .v12-cap-grid small{margin-top:11px;padding-top:0}
  .v12-project-layout,.v12-project-grid{gap:12px}
  .v12-feature{padding:18px}
  .v12-project-grid>article{display:block;min-height:0;padding:18px}
  .v12-project-grid .v12-mini{width:100%;max-width:none;justify-self:stretch;margin-top:18px}
  .v12-mini.phone{width:min(100%,198px);max-width:198px;margin-left:auto!important;margin-right:auto!important}
  .v12-mini.finance,.v12-mini.needora,.v12-mini.playvia{min-height:144px}
  .v12-method-row li{padding:18px 0}
  .v12-about-grid{gap:0}
  .v12-founders{gap:14px;margin-top:28px}
  .v12-founder-card{grid-template-columns:112px 1fr;min-height:0;gap:16px;padding:14px}
  .v12-founder-portrait{align-self:center}
  .v12-founder-portrait img{border-radius:38px 38px 12px 12px}
  .v12-founder-content h3{font-size:21px}
  .v12-founder-content p{font-size:13px}
  .v12-founder-content small{font-size:9px}
  .v12-contact{padding:54px 0}
}

@media(max-width:390px){
  .v12-feature,.v12-project-grid>article{padding:16px}
  .v12-founder-card{grid-template-columns:98px 1fr;gap:13px;padding:12px}
  .v12-founder-content h3{font-size:19px}
  .v12-founder-content p{font-size:12px}
  .v12-founder-content small{margin-top:8px;padding-top:8px;font-size:8.5px;letter-spacing:.07em}
}


/* V20 — founder image fidelity and sharper presentation */
.v12-founder-card{grid-template-columns:180px 1fr;min-height:258px;padding:20px 22px 20px 20px}
.v12-founder-portrait{min-width:0}
.v12-founder-portrait img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:center 12%;image-rendering:auto;backface-visibility:hidden;transform:translateZ(0);border-radius:44px 44px 14px 14px;box-shadow:0 12px 28px rgba(20,32,51,.085)}
.v12-founder-content h3{font-size:26px}
@media(max-width:1050px){.v12-founder-card{grid-template-columns:164px 1fr}}
@media(max-width:720px){.v12-founder-card{grid-template-columns:120px 1fr;padding:15px}.v12-founder-portrait img{border-radius:34px 34px 11px 11px}}
@media(max-width:440px){.v12-founder-card{grid-template-columns:108px 1fr;padding:13px}.v12-founder-portrait img{border-radius:30px 30px 10px 10px}}


/* V22 — light compact footer: strong dark CTA, lighter final landing */
.site-footer,.footer-v7{background:var(--ivory)!important;color:var(--midnight)!important;padding:48px 0 22px}
.site-footer .footer-main{grid-template-columns:minmax(0,1fr) minmax(420px,.9fr);gap:64px;padding:0 0 38px}
.site-footer .brand-light{color:var(--midnight)!important}
.site-footer .footer-brand .brand{font-size:17px}
.site-footer .footer-brand .brand img{width:32px;height:32px}
.site-footer .footer-brand p{margin:16px 0 0;color:var(--petrol);font-size:15px;line-height:1.55}
.site-footer .footer-links{grid-template-columns:1.35fr .65fr;gap:44px}
.site-footer .footer-links>div{gap:8px}
.site-footer .footer-links strong{margin-bottom:8px;color:var(--petrol);font-size:10px;letter-spacing:.14em}
.site-footer .footer-links a{color:rgba(20,32,51,.76);font-size:13px;line-height:1.45}
.site-footer .footer-links a:hover{color:var(--copper)}
.site-footer .footer-bottom{padding-top:18px;border-top:1px solid rgba(20,32,51,.12);color:rgba(20,32,51,.52);font-size:10px;letter-spacing:.06em}
.site-footer .footer-bottom a{color:inherit}
.site-footer .footer-bottom a:hover{color:var(--copper)}
@media(max-width:900px){
  .site-footer .footer-main{grid-template-columns:1fr;gap:32px;padding-bottom:30px}
  .site-footer .footer-links{grid-template-columns:1fr 1fr;gap:28px}
}
@media(max-width:560px){
  .site-footer,.footer-v7{padding:40px 0 20px}
  .site-footer .footer-main{gap:28px;padding-bottom:26px}
  .site-footer .footer-links{grid-template-columns:1fr;gap:24px}
  .site-footer .footer-links a{font-size:14px}
  .site-footer .footer-bottom{gap:12px 20px;padding-top:16px}
}

/* V23 — final hero micro-polish */
.v12-hero .hero-actions .button-primary{
  min-height:46px;
  padding:13px 20px;
  border:1px solid rgba(185,120,80,.78);
  background:var(--copper);
  color:var(--midnight)!important;
  box-shadow:0 8px 22px rgba(185,120,80,.12);
}
.v12-hero .hero-actions .button-primary:hover,
.v12-hero .hero-actions .button-primary:focus-visible{
  background:#c7865d;
  border-color:#c7865d;
  color:var(--midnight)!important;
  transform:translateY(-1px);
}
.v12-manifesto{
  color:rgba(244,240,231,.62);
  font-size:12.5px;
  line-height:1.55;
}
.v12-manifesto strong{
  color:rgba(244,240,231,.94);
  font-size:13px;
  font-weight:600;
}
.v12-system{
  border-color:rgba(244,240,231,.085);
  background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,.008));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.012);
}
.v12-system-label{
  color:rgba(244,240,231,.48);
  font-size:10px;
  letter-spacing:.16em;
}
.v12-core small{
  color:rgba(244,240,231,.46);
  font-size:9px;
  letter-spacing:.12em;
}
@media(max-width:720px){
  .v12-hero .hero-actions .button-primary{min-height:50px;padding:14px 18px}
  .v12-manifesto{font-size:12px}
  .v12-manifesto strong{font-size:12.5px}
  .v12-system-label{font-size:9px}
}