/* Applied intelligence: graphite, electric blue and crisp technical surfaces. */
:root{--accent:#315fea;--ink:#14213b;--muted:#41516e;--line:#ccd5e7;--bg:#eef1f8;--surface:#e5eaf5}
.hero{--accent:#315fea}
.hero h1 em:last-child{color:#315fea}.hero h1 em:last-child::after{background:#315fea;width:90px}
.section-heading h2 em,.approach-intro h2 em,.contact h2 span{font-family:var(--display);font-style:normal;font-weight:600;letter-spacing:-.045em}
.site-header{background:#0c1220}.site-header nav a:hover,.site-header .language-switch a[aria-current],.site-header .brand-suffix{color:#9cc7ff}
.hero .primary,.primary,.dark{background:#315fea;color:#fff}.hero .primary:hover,.primary:hover,.dark:hover{background:#234cc6}
.hero #experience-panel .studio-stage{background:#e8eefb;border-color:#bfcee8;box-shadow:0 18px 50px -30px #29447980}
.knowledge-engine{background:radial-gradient(ellipse at 50% 100%,#243d78,transparent 70%),#101a30;border-color:#395080}
.hero #experience-panel .knowledge-core{background:#213767;border-color:#6896ed}.hero .knowledge-core .core-monogram,.hero .core-arrow{color:#8cddff}
.hero #experience-panel .business-tabs button[aria-selected=true]{background:#315fea;border-color:#315fea}
.approach{background:radial-gradient(ellipse at 100% 0,#203254,transparent 60%),#111a2b;--accent:#91caff}.approach .section-top,.approach-intro h2 em,.process-step.is-current h3,.process-step.is-current .step-index{color:#91caff}
.ai-capabilities{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding:22px 0 0;border-top:1px solid #35435e;margin:16px 0 0;color:#eaf1ff}
.ai-capabilities>div{min-width:0;padding:4px 24px 4px 0}.ai-capabilities>div+div{border-left:1px solid #35435e;padding-left:24px}.ai-capabilities dt{font-size:16px;line-height:1.5;font-weight:500}.ai-capabilities dd{margin:8px 0 0;font-size:12px;line-height:1.5;letter-spacing:.045em;color:#a6bbd9}
.ai-lab{background:#f3f5fb;padding-top:48px;padding-bottom:48px}
.lab-intro{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:26px}.lab-intro h2{font:600 clamp(32px,3.3vw,50px)/1.12 var(--display);letter-spacing:-.055em;margin:14px 0 0}.lab-intro h2 em{font-style:normal;color:#315fea}.lab-intro>p{font-size:15px;max-width:420px;margin:0;line-height:1.7;color:#41516e}
.lab-kicker{display:flex;gap:10px;align-items:center;font:600 12px/1.5 Consolas,monospace;letter-spacing:.1em;color:#315fea}.lab-kicker i{width:7px;height:7px;background:#315fea;border-radius:50%;box-shadow:0 0 0 4px #315fea16}
.lab-shell{background:#10192b;border:1px solid #344867;border-radius:12px;box-shadow:0 16px 36px -24px #10204490;overflow:hidden;color:#eaf1ff}
.lab-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 24px;border-bottom:1px solid #304160;background:#131f35}.lab-tabs{display:flex;gap:22px}.lab-tabs button{color:#bac8df;background:none;border:0;border-bottom:2px solid transparent;padding:19px 0;font-size:13px;font-weight:600;line-height:1.5}.lab-tabs button[aria-pressed=true]{color:#9cdcff;border-color:#79caff}.lab-tabs button:hover{color:#fff}.lab-demo{font:500 10px Consolas,monospace;letter-spacing:.09em;white-space:nowrap;color:#a9bad6}
.lab-example{display:grid;grid-template-columns:1fr .75fr 1.2fr;gap:24px;align-items:center;padding:28px;min-height:292px}.lab-example[hidden]{display:none}.lab-label{font:500 11px/1.5 Consolas,monospace;letter-spacing:.08em;color:#97bae9}.lab-files{display:flex;flex-direction:column;gap:7px;margin-top:17px}.lab-files>span{padding:8px 12px;border:1px solid #344764;border-radius:5px;background:#1b2941;color:#dce7f8;font:500 12px/1.5 Consolas,monospace;overflow-wrap:anywhere}.lab-input>p{font-size:14px;line-height:1.65;margin:16px 0 0;color:#d2ddef}
.lab-processor{position:relative;text-align:center;padding:8px 0}.processor-orbit{position:relative;width:150px;height:150px;margin:0 auto 14px;display:grid;place-items:center;background:radial-gradient(circle,#355dfc40,transparent 68%)}.processor-orbit>span{font:600 34px var(--display);color:#b5e5ff;letter-spacing:-.05em;text-shadow:0 0 28px #669dff}.processor-orbit svg{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#6597ee;stroke-width:.8;animation:processor-turn 18s linear infinite}.processor-orbit circle:first-child{stroke-dasharray:160 30 12 30}.processor-orbit circle:nth-child(2){stroke:#84dfff;stroke-width:1.5;stroke-dasharray:80 240}.lab-processor>span{font:500 9px/1.6 Consolas,monospace;color:#a9bad6;letter-spacing:.02em}.lab-bits{display:flex;gap:5px;justify-content:center;margin-top:12px}.lab-bits i{width:5px;height:5px;background:#75caff;animation:bit-pulse 2s ease-in-out infinite}.lab-bits i:nth-child(2){animation-delay:.2s}.lab-bits i:nth-child(3){animation-delay:.4s}.lab-bits i:nth-child(4){animation-delay:.6s}.lab-bits i:nth-child(5){animation-delay:.8s}
.lab-result{align-self:stretch;display:flex;flex-direction:column;justify-content:center;border:1px solid #3d5680;border-radius:7px;background:linear-gradient(125deg,#203757,#17263f);padding:22px;min-width:0}.lab-result h3{font:600 24px/1.25 var(--display);letter-spacing:-.035em;margin:12px 0 15px;color:#f3f7ff}.lab-result ul{padding:0;margin:0;list-style:none;display:grid;gap:11px}.lab-result li{font-size:13px;line-height:1.5;color:#dde8f8;padding-left:16px;position:relative}.lab-result li::before{content:'›';position:absolute;left:0;color:#7cdaff}.lab-result small{color:#9cbfff}.lab-review{font:500 9px/1.6 Consolas,monospace;color:#a7c1e5;border-top:1px solid #3b5273;padding-top:12px;margin-top:18px;letter-spacing:.04em}
.lab-footer{border-top:1px solid #304160;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 24px;color:#a9bad6;font-size:11px}.lab-replay{border:0;background:none;color:#afdfff;font-size:12px;font-weight:600;white-space:nowrap;padding:6px 0}.lab-replay span{margin-left:8px}.lab-shell button:focus-visible{outline:2px solid #9cdcff;outline-offset:4px}
.lab-example.is-playing .lab-input{animation:lab-enter .6s both}.lab-example.is-playing .lab-result{animation:lab-enter .7s .65s both}.lab-example.is-playing .lab-result li{animation:lab-enter .5s 1s both}.lab-example.is-playing .lab-result li:nth-child(2){animation-delay:1.25s}.lab-example.is-playing .lab-result li:nth-child(3){animation-delay:1.5s}
@keyframes processor-turn{to{transform:rotate(360deg)}}@keyframes bit-pulse{0%,100%{opacity:.25;transform:scaleY(.6)}50%{opacity:1;transform:scaleY(1.5)}}@keyframes lab-enter{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
.lab-shell:not(.is-visible) *, .motion-paused .lab-shell *, .page-hidden .lab-shell *{animation-play-state:paused!important}
@media(max-width:1000px){.lab-example{grid-template-columns:1fr .6fr 1fr;gap:16px;padding:22px}.processor-orbit{width:112px;height:112px}.lab-tabs{gap:15px}.lab-demo{display:none}.lab-result{padding:17px}.lab-result h3{font-size:21px}}
@media(max-width:760px){.ai-lab{padding-top:32px;padding-bottom:32px}.lab-intro{display:block;margin-bottom:20px}.lab-intro>p{margin-top:16px}.lab-toolbar{padding:0 14px}.lab-tabs{width:100%}.lab-tabs button{font-size:12px;padding:15px 0}.lab-example{grid-template-columns:1fr;padding:18px;gap:14px;min-height:0}.lab-processor{display:flex;align-items:center;gap:15px;justify-content:center;padding:0}.processor-orbit{width:74px;height:74px;margin:0}.processor-orbit>span{font-size:22px}.lab-bits{margin-top:0}.lab-result{padding:18px}.lab-footer{padding:12px 18px;align-items:start;flex-direction:column;gap:6px}.lab-result h3{font-size:24px}.ai-capabilities{gap:12px}}
@media(prefers-reduced-motion:reduce){.lab-shell *{animation:none!important}}
.motion-paused .lab-example.is-playing .lab-input,.motion-paused .lab-example.is-playing .lab-result,.motion-paused .lab-example.is-playing li{animation:none!important}
@media(max-width:760px){.lab-tabs{gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 85%,transparent);mask-image:linear-gradient(90deg,#000 85%,transparent)}.lab-tabs::-webkit-scrollbar{display:none}.lab-tabs button{flex:none;white-space:nowrap;scroll-snap-align:start}.lab-tabs button:last-child{margin-right:32px}}

/* Keep the approach heading aligned with its explanation. */
.approach-intro{align-items:start}.approach-intro h2{margin:0;align-self:start}.approach-layout{margin-top:24px}.process-grid{margin-top:22px}

/* Match the desktop preview height to the adjacent introduction. */
@media(min-width:901px){
 body[data-active-audience=business] .hero .studio-prompt{display:none}
 body[data-active-audience=business] .hero .studio-stage{margin-top:14px}
 body[data-active-audience=business] .signal-field{height:68px}
 body[data-active-audience=business] .hero #experience-panel .business-canvas{padding-bottom:14px}
 body[data-active-audience=business] .hero .scene-disclosure{font-size:13px;line-height:1.45;margin-top:8px}
 body[data-active-audience=business] .hero{row-gap:12px}
}
/* A balanced, two-line services introduction without an empty text column. */
.services .section-heading{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:28px;align-items:center;margin:20px 0 22px}
.services .section-heading h2{font-size:clamp(32px,3.4vw,50px);line-height:1.14;max-width:none;margin:0}
.services .section-heading p{max-width:440px;margin:0;line-height:1.65}
.services .section-heading p br{display:initial}
@media(max-width:760px){.services .section-heading{grid-template-columns:1fr;gap:14px;margin:18px 0 20px}.services .section-heading h2{font-size:clamp(30px,7vw,40px)}.services .section-heading p{font-size:15px}.services .section-heading p br{display:none}}
/* Tighten the hand-off from examples to the closing call to action. */
.applications .workflow-body{padding-top:22px;padding-bottom:22px}
.applications{padding-bottom:32px}
@media(max-width:760px){.applications .application-bottom{gap:12px}.applications{padding-bottom:26px}}
/* Share the same column tracks between the services intro and every service row. */
@media(min-width:761px){
 .services{--service-columns:85px minmax(0,1fr) minmax(0,.85fr);--service-gap:38px}
 .services .section-heading,.services .service-card{grid-template-columns:var(--service-columns);column-gap:var(--service-gap);padding-left:0;padding-right:18px}
 .services .section-heading h2{grid-column:1 / 3}.services .section-heading>p{grid-column:3;max-width:none}
}
@media(min-width:901px) and (max-width:1100px){.services{--service-columns:55px minmax(0,1fr) minmax(0,1fr);--service-gap:25px}}
/* Mobile: full-width service cards; number and icon sit in a row above the title. */
@media(max-width:760px){
 .services .service-card,.services .service-card+article{grid-template-columns:minmax(0,1fr)}
 .services .card-top{grid-column:1;grid-row:auto;flex-direction:row;align-items:center;gap:14px}
 .services .service-title,.services .service-card>p,.services .service-outcome,.services .tags,.services .service-details,.services .service-details[open]{grid-column:1;grid-row:auto}
 .services .service-card h3{font-size:clamp(26px,7.5vw,32px)}
}
@media(min-width:761px) and (max-width:900px){.services{--service-columns:45px minmax(0,1fr) minmax(0,1fr);--service-gap:22px}}
/* PJMA: an open laurel crest drawn from the founder's monogram sketch. */
.hero .core-monogram{font-size:23px;letter-spacing:-2px}.flow-mark{font-size:19px;letter-spacing:-1px}
/* A quiet first impression: one message, one action, one moving visual. */
.site-header .brand-caption{display:none}
.hero .hero-promise,.hero .hero-bottom,.hero-actions .text-link{display:none}
.hero{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center;padding-top:48px;padding-bottom:48px;column-gap:7%;background:radial-gradient(ellipse at 85% 45%,#e7edff,transparent 55%),#f5f7fc}
.hero-copy{padding:0}.hero-copy .eyebrow{font-size:11px;letter-spacing:.06em}.hero-copy .small-cross{display:none}
body[data-active-audience] .hero h1{font-size:clamp(42px,4.4vw,68px);line-height:1.1;margin:22px 0;animation:none}.hero h1 em:last-child::after{display:none}
.hero-copy>p{font-size:17px;line-height:1.7;max-width:450px;margin:0 0 26px}
.hero-actions .button{font-size:14px;min-width:0;padding:16px 22px}
.hero-focus{position:relative;max-width:450px;width:100%;justify-self:center;padding:35px 20px 20px;text-align:center;background:radial-gradient(ellipse at 50% 65%,#bed1ff40,transparent 65%)}
.focus-sources{display:flex;justify-content:space-around;gap:10px;font-size:12px;color:#556786}
.hero .hero-focus .signal-field{height:160px;margin:0;width:100%}
.hero-focus>p{font-size:13px;color:#4a5d7e;margin:23px 0 0}
.hero-focus .hero-motion-toggle{position:absolute;right:0;bottom:8px;width:28px;height:28px;font-size:13px;border-color:#bdcbe2;color:#536887}
.hero .hero-line{animation:none!important;clip-path:none!important;transform:none!important;opacity:1!important}
.audience-explorer{padding:0 4.7% 24px;background:#f3f5fb}.audience-explorer>details{border-top:1px solid #ccd5e7;border-bottom:1px solid #ccd5e7}.audience-explorer summary{display:flex;gap:22px;align-items:center;padding:20px 0;font-size:15px;font-weight:600;cursor:pointer;list-style:none}.audience-explorer summary::-webkit-details-marker{display:none}.audience-explorer summary>span{font-size:12px;font-weight:400;color:#52627d}.audience-explorer summary>b{margin-left:auto;font-size:22px;font-weight:400}.audience-explorer details[open] summary>b{transform:rotate(45deg)}
.audience-explorer .hero-experience{max-width:720px;margin:0 auto;padding:12px 0 22px}.audience-explorer .knowledge-bridge{display:block!important;height:35px!important}.audience-explorer .knowledge-engine{color:#eef4ff}.audience-explorer .knowledge-sources strong{color:#eef4ff}.audience-explorer .knowledge-sources>div>span:last-child{color:#b9cbea}.audience-explorer .studio-stage{margin-top:12px}
@media(max-width:900px){.hero{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:24px}.hero-copy{display:flex}.hero-copy>p{align-self:auto;font-size:15px}.hero-focus{padding:20px 0}.hero .hero-focus .signal-field{height:130px}}
@media(max-width:760px){.hero{grid-template-columns:1fr;padding:32px 6% 28px;gap:18px}.hero-copy .eyebrow{font-size:10px}body[data-active-audience] .hero h1{font-size:clamp(39px,9.5vw,58px);margin:18px 0}.hero-copy>p{margin:0 0 20px}.hero-focus{max-width:330px;padding:10px 12px}.hero .hero-focus .signal-field{height:65px}.hero-focus>p{margin-top:12px;font-size:12px}.focus-sources{font-size:11px}.audience-explorer{padding:0 6% 20px}.audience-explorer summary{flex-wrap:wrap;gap:6px;font-size:14px;padding:16px 0}.audience-explorer summary>span{order:3;width:100%;font-size:11px}.audience-explorer summary>b{margin-left:auto}}
.hero .hero-copy{animation:none!important;opacity:1;transform:none}
/* Give the emblem enough physical size to read as a mark, not an ornament. */
.site-header{height:100px}
@media(max-width:760px){.site-header{height:88px}.site-header nav{top:87px}}
/* Editorial introduction and a single, full-width moving knowledge surface. */
body[data-active-audience] .hero.hero{grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr);gap:28px 5%;align-items:start;min-height:0;padding:42px 4.7% 32px;background:#f5f7fc}
.hero.hero .hero-copy{display:block;max-width:none;width:auto;padding:0}
.hero.hero .hero-copy .eyebrow{font-size:10px;line-height:1.5;letter-spacing:.07em;margin:0 0 22px}
body[data-active-audience] .hero.hero h1{font-size:clamp(36px,3.8vw,60px);line-height:1.12;letter-spacing:-.045em;margin:0;max-width:none}
.hero.hero h1 .hero-line:first-child{display:block}
.hero.hero h1 em.hero-line{display:block;font-style:normal}
.hero.hero .hero-summary{padding:0 0 3px;max-width:430px}
.hero.hero .hero-summary>p{font-size:16px;line-height:1.65;color:#41516e;margin:0 0 24px;max-width:none}
.hero.hero .hero-actions{margin:0;gap:0}
.hero.hero .hero-actions .button{font-size:13px;padding:15px 19px;gap:28px;border-radius:4px}
.hero.hero .hero-focus{grid-column:1/-1;position:relative;isolation:isolate;max-width:none;width:100%;padding:0;text-align:left;overflow:hidden;border:1px solid #253555;border-radius:8px;background:radial-gradient(ellipse at 55% 110%,#203e7c 0,transparent 65%),#0c1425;box-shadow:none}
.hero.hero .focus-heading,.hero.hero .focus-caption{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;padding:20px 26px;gap:20px}
.hero.hero .focus-heading{border-bottom:1px solid #b9d1ff16}
.hero.hero .focus-sources{display:flex;justify-content:flex-start;gap:28px;color:#d6e2f6;font-size:12px}
.hero.hero .focus-sources span+span::before{content:'/';margin-right:28px;color:#7186ab}
.hero.hero .focus-signature{font:500 10px/1.5 Consolas,monospace;letter-spacing:.12em;color:#97aed3}
.hero.hero .hero-focus .signal-field{position:relative;height:225px;width:100%;margin:-5px 0 -14px;mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.hero.hero #signal-canvas{display:block;width:100%;height:100%}
.hero.hero .focus-caption{padding-top:0;padding-bottom:18px}
.hero.hero .focus-caption p{margin:0;font-size:12px;color:#c5d5ef;line-height:1.5}
.hero.hero .hero-focus .hero-motion-toggle{position:static;display:grid;place-items:center;width:30px;height:30px;min-width:30px;border:1px solid #536787;background:#ffffff05;color:#d5e4ff;font-size:12px;border-radius:50%}
.hero.hero .hero-focus .hero-motion-toggle:hover{background:#ffffff16}
.hero.hero .hero-focus .hero-motion-toggle:focus-visible{outline:2px solid #afceff;outline-offset:4px}
@media(min-width:1600px){body[data-active-audience] .hero.hero{padding-top:48px;padding-bottom:32px;gap:32px 5%}.hero.hero .hero-summary>p{font-size:18px}.hero.hero .hero-focus .signal-field{height:250px}}
@media(max-width:1000px){body[data-active-audience] .hero.hero{grid-template-columns:minmax(0,1.3fr) minmax(260px,1fr);gap:26px 30px}.hero.hero .hero-summary>p{font-size:14px}.hero.hero .hero-copy .eyebrow{max-width:330px}.hero.hero .hero-focus .signal-field{height:190px}}
@media(max-width:760px){body[data-active-audience] .hero.hero{grid-template-columns:1fr;gap:20px;padding:28px 6% 24px}.hero.hero .hero-copy .eyebrow{max-width:none;font-size:9px;margin-bottom:16px}body[data-active-audience] .hero.hero h1{font-size:clamp(36px,8.8vw,58px);line-height:1.09}.hero.hero .hero-summary{max-width:520px;padding:0}.hero.hero .hero-summary>p{font-size:15px;line-height:1.6;margin-bottom:18px}.hero.hero .focus-heading{padding:15px 16px}.hero.hero .focus-sources{gap:13px;font-size:10px}.hero.hero .focus-sources span+span::before{margin-right:13px}.hero.hero .focus-signature{font-size:8px}.hero.hero .hero-focus .signal-field{height:145px;margin:-4px 0 -6px}.hero.hero .focus-caption{padding:0 16px 13px;gap:10px}.hero.hero .focus-caption p{font-size:10px}.hero.hero .hero-focus{border-radius:6px}}
.hero.hero h1 em.hero-line:last-child{margin-left:0}
.hero.hero h1 em.hero-line:last-child::before{content:none}
@media(max-width:760px){.hero.hero h1 em.hero-line:last-child{display:block;margin-left:0}}
/* Possibilities: compact selection, clear active state and a calmer preview. */
.applications.section{background:#e8edf7;padding-top:48px;padding-bottom:32px}
.applications .section-heading h2{font-size:clamp(32px,3.1vw,48px);line-height:1.13;letter-spacing:-.045em;margin:0}
.applications .section-heading h2 em{color:#315fea}
.applications .audience-tabs{display:inline-flex;width:fit-content;padding:4px;gap:4px;margin-top:22px;border:1px solid #c7d2e7;border-radius:9px;background:#dce4f2}
.applications .audience-tabs button{min-height:42px;padding:10px 18px;font-size:13px;font-weight:600;border-radius:6px;color:#425370}
.applications .audience-tabs button[aria-selected=true]{background:#fff;color:#173672;box-shadow:0 2px 5px #1a315018}
.applications .audience-tabs button:hover{color:#234fca}
.applications .use-cases{display:grid;gap:9px}
.applications .use-case{position:relative;display:grid;grid-template-columns:25px minmax(0,1fr) 25px;gap:12px;padding:18px;border:1px solid #cbd5e5;border-radius:8px;background:#ffffff25;color:#41516e;transition:background .25s,border-color .25s}
.applications .use-case:last-child{border-bottom:1px solid #cbd5e5}
.applications .use-case.active{padding:18px;background:#f9fbff;border-color:#9bb3ea;box-shadow:inset 3px 0 #315fea}
.applications .use-case:hover{background:#f4f7fd;border-color:#a4b7d9}
.applications .case-number{font:500 11px/1.5 Consolas,monospace;color:#465f87;padding-top:6px}
.applications .use-case strong{font-size:20px;line-height:1.3;font-weight:600;letter-spacing:-.025em;color:#19283f}
.applications .case-description{font-size:14px;line-height:1.65;max-width:none;padding-top:12px;color:#465976}
.applications .case-arrow{display:grid;place-items:center;width:25px;height:25px;margin:0;color:#5271a1;font-size:21px;line-height:1}
.applications .use-case.active .case-arrow{color:#315fea}
.applications .workflow{border:1px solid #c3cfe4;border-radius:10px;background:#f7f9fe;box-shadow:0 10px 28px -20px #223e73;transform:none}
.applications .workflow:hover{transform:none}
.applications .workflow-top{padding:18px 20px;background:#f7f9fe;letter-spacing:.025em;font-size:11px;color:#365071}
.applications .example-label{font-size:9px;padding:4px 7px;background:#e7edf8;border:0;color:#506580}
.applications .workflow-body{background-color:#f0f4fb;padding:22px}
.applications .flow-center{background:#1b2c4b;border-color:#314972;border-radius:6px;color:#f3f7ff}
.applications .flow-center strong{color:#f3f7ff}.applications .flow-center>div>span{color:#c6d5ef}.applications .flow-spark{color:#8ec6ff}
.applications .flow-mark{color:#a5cdff;background:#ffffff0a}
.applications .flow-output{background:#fff;border-color:#d0dbed;border-radius:6px;padding:18px}
.applications .workflow-footer{background:#e5ecf7;font-size:11px;color:#405779;padding:14px 20px}
.applications .application-bottom{border-color:#c5d1e4;margin-top:20px;padding-top:18px}
/* Approach: one introduction column and four aligned, quietly defined steps. */
.approach.section{padding-top:48px;padding-bottom:36px;background:radial-gradient(ellipse at 100% 0,#1b2b49,transparent 70%),#101a2b}
.approach .approach-layout{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.65fr);gap:36px;max-width:none;margin:30px 0 0;align-items:start}
.approach .approach-intro{position:static;display:block;margin:0}
.approach .approach-intro h2{font-size:clamp(30px,2.65vw,42px);line-height:1.17;letter-spacing:-.045em;margin:0 0 22px;max-width:none}
.approach .approach-intro h2 br{display:none}
.approach .approach-intro h2 em{display:block;margin-top:7px;color:#99caff}
.approach .approach-intro p{font-size:14px;line-height:1.8;color:#c9d4e7;max-width:none;margin:0 0 16px}
.approach .process-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0}
.approach .process-step{display:grid;grid-template-columns:1fr;grid-template-rows:auto auto 1fr auto;align-content:start;padding:22px;border:1px solid #35455f;border-radius:8px;background:#ffffff03;overflow:hidden}
.approach .process-step::before{display:none}
.approach .process-step.is-current{border-color:#6482b1;background:#91baff09}
.approach .process-step .step-index{position:static;display:block;font:500 11px/1.5 Consolas,monospace;letter-spacing:.07em;color:#8ba9d6;transform:none;margin:0 0 14px}
.approach .process-step h3{font-size:25px;line-height:1.2;margin:0 0 12px;font-weight:600;letter-spacing:-.03em;color:#f0f5fd}
.approach .process-step p{font-size:13px;line-height:1.75;margin:0 0 18px;min-height:0;color:#c9d4e7}
.approach .ai-capabilities{margin-top:24px;padding-top:20px;border-color:#35455f}
@media(max-width:1100px){.approach .approach-layout{grid-template-columns:1fr;gap:24px}.approach .approach-intro{display:grid;grid-template-columns:1fr 1fr;gap:12px 28px}.approach .approach-intro h2{grid-row:1/3;margin:0}.approach .approach-intro p{grid-column:2;margin:0}.approach .process-step{padding:20px}.applications .use-case strong{font-size:18px}}
@media(max-width:760px){.applications.section,.approach.section{padding-top:32px;padding-bottom:28px}.applications .section-heading{margin:20px 0}.applications .section-heading h2{font-size:34px}.applications .audience-tabs{margin-top:18px;width:100%}.applications .audience-tabs button{flex:1;font-size:12px;padding:10px 12px}.applications .use-case,.applications .use-case.active{padding:16px 14px;gap:9px;grid-template-columns:21px minmax(0,1fr) 22px}.applications .case-description{font-size:13px;line-height:1.65}.applications .application-layout{gap:20px}.applications .workflow-body{padding:18px 14px}.approach .approach-layout{margin-top:22px;gap:20px}.approach .approach-intro{display:block}.approach .approach-intro h2{font-size:33px;margin-bottom:18px}.approach .approach-intro p{font-size:14px;margin:0 0 14px}.approach .process-grid{grid-template-columns:1fr;gap:10px}.approach .process-step{padding:18px}.approach .process-step .step-index{margin-bottom:10px}.approach .process-step h3{font-size:25px}.approach .process-step p{font-size:14px;margin-bottom:14px}.approach .ai-capabilities{grid-template-columns:1fr;gap:0}.approach .ai-capabilities>div{padding:16px 0}.approach .ai-capabilities>div+div{border-left:0;border-top:1px solid #35435e}.approach .ai-capabilities dd{margin-top:4px}}
@media(min-width:1101px){.approach .approach-layout{display:block}.approach .approach-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.45fr);gap:14px 40px}.approach .approach-intro h2{grid-column:1;grid-row:1/3;margin:0;font-size:clamp(34px,3vw,46px)}.approach .approach-intro p{grid-column:2;margin:0;line-height:1.75}.approach .process-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:24px}.approach .process-step{padding:20px}.approach .process-step h3{font-size:24px}}
@media(min-width:901px){.applications .case-description{display:block;padding-top:9px;font-size:13px}.applications .use-case:not(.active) .case-description{color:#52637d}}
/* Novavi wordmark: balanced spacing and a high-contrast blue suffix. */
.site-header .brand,footer .brand{font-family:'Manrope',Arial,sans-serif;font-size:36px;font-weight:600;letter-spacing:-.045em;line-height:1.15;color:#f4f7fc;white-space:nowrap;font-kerning:normal}
.site-header .brand .brand-suffix,footer .brand .brand-suffix{color:#a8ceff;font-weight:600;letter-spacing:-.035em;margin-left:.035em}
@media(max-width:760px){.site-header .brand,footer .brand{font-size:30px;letter-spacing:-.04em}}
@media(max-width:400px){.site-header .brand{font-size:29px}}
/* A calm footer with identity and utility links in separate columns. */
footer.footer-unified{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:32px;padding:36px max(96px,4.7%) 36px 4.7%}
.footer-identity{display:flex;flex-direction:column;align-items:flex-start;gap:16px;min-width:0}
.footer-description{display:flex;flex-direction:column;gap:6px;font-size:14px;line-height:1.6;color:#d7e1f0}
.footer-copyright{font-size:12px;color:#aebdd4}
.footer-actions{display:flex;flex-direction:column;align-items:flex-end;gap:18px;min-width:0}
.footer-legal,.footer-controls{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.footer-actions button{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0;background:none;border:0;color:#d8e2f2;font-size:14px;font-weight:500}
.footer-actions button:hover,.footer-actions .back-top:hover{color:#fff}
.footer-actions #motion-toggle{border:0;padding:0;font-size:12px;color:#aebdd4}
.footer-actions .back-top{margin:0;gap:10px;min-height:44px;font-size:12px;white-space:nowrap;color:#aebdd4}
.footer-actions .back-top span{font-size:20px}
@media(max-width:900px){footer.footer-unified{grid-template-columns:1fr;gap:20px}.footer-actions{align-items:flex-start;gap:4px}}
@media(max-width:760px){footer.footer-unified{padding:28px 6% 90px}.footer-description{font-size:14px}.footer-legal,.footer-controls{gap:22px}.footer-controls{align-items:flex-start}}

/* Readability: no visible text below 12px, on any viewport. */
body .hero.hero .hero-copy .eyebrow,body .hero.hero .focus-signature,body .focus-sources span,body .hero.hero .focus-caption p,
body .lab-demo,body .lab-label,body .lab-processor>span,body .lab-result small,body .lab-review,body .lab-footer,
body .audience-explorer summary span,body .applications .case-number,body .workflow-top span,body .applications .example-label,
body .workflow-footer span,body .approach .process-step .step-index,body .ai-capabilities span,body .footer-actions button,body .footer-actions #motion-toggle,
body .document-items>div>span:first-child,body .phase-controls button>span{font-size:12px}
.hero.hero .focus-signature{white-space:nowrap}

/* Keep the headline inside its column with a clear gutter to the introduction. */
.hero.hero .hero-copy,.hero.hero .hero-summary{min-width:0}
.hero.hero h1 .hero-line{max-width:100%;overflow-wrap:normal;white-space:normal}
@media(min-width:761px){body[data-active-audience] .hero.hero{column-gap:clamp(40px,5vw,80px)}}
body .hero.hero .hero-copy .eyebrow{font-size:12px;line-height:1.5;letter-spacing:.045em;margin-bottom:20px;max-width:100%}
body .hero.hero .hero-summary>p{font-size:16px;line-height:1.65;margin-bottom:24px}
@media(max-width:760px){body[data-active-audience] .hero.hero h1{font-size:clamp(34px,8.2vw,46px);line-height:1.12}body .hero.hero .hero-summary>p{font-size:15px}body .hero.hero .hero-copy .eyebrow{margin-bottom:16px}}

/* A restrained light signal gives the AI suffix its own living signature. */
.site-header .brand{position:relative;isolation:isolate}
.site-header .brand::before{content:'';position:absolute;right:-10px;top:4px;width:66px;height:36px;border-radius:50%;background:radial-gradient(ellipse,#67a8ff24,transparent 72%);filter:blur(8px);z-index:-1;pointer-events:none;transition:opacity .3s;opacity:.65}
.site-header .brand .brand-suffix{position:relative;display:inline-block;color:#b8dcff;background:linear-gradient(105deg,#a8ceff 0%,#a8ceff 37%,#e5fbff 48%,#87e7ff 53%,#a8ceff 64%,#a8ceff 100%);background-size:300% 100%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:brand-intelligence 9s ease-in-out infinite}
.site-header .brand .brand-suffix::after{content:'';position:absolute;left:10%;right:3%;bottom:-5px;height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,#9defff,transparent);transform:scaleX(.2);opacity:0;animation:brand-signal 9s ease-in-out infinite;pointer-events:none}
.site-header .brand:hover::before,.site-header .brand:focus-visible::before{opacity:1}
.site-header .brand:hover .brand-suffix,.site-header .brand:hover .brand-suffix::after,.site-header .brand:focus-visible .brand-suffix,.site-header .brand:focus-visible .brand-suffix::after{animation-duration:3s}
@keyframes brand-intelligence{0%,65%{background-position:100% 50%;filter:drop-shadow(0 0 0 transparent)}80%{filter:drop-shadow(0 0 5px #8fdcff45)}100%{background-position:0% 50%;filter:drop-shadow(0 0 0 transparent)}}
@keyframes brand-signal{0%,65%,100%{opacity:0;transform:scaleX(.2)}80%{opacity:.7;transform:scaleX(1)}}
html.motion-paused .site-header .brand .brand-suffix,html.motion-paused .site-header .brand .brand-suffix::after{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.site-header .brand .brand-suffix{animation:none;background:none;-webkit-text-fill-color:#b8dcff;filter:none}.site-header .brand .brand-suffix::after{animation:none;display:none}.site-header .brand::before{transition:none}}
.contact-email{display:flex;flex-direction:column;align-items:flex-start;gap:4px;margin-top:24px;color:inherit;font-size:14px;line-height:1.6}.contact-email strong{font-size:16px;font-weight:500;text-decoration:underline;text-underline-offset:4px}.contact-email:hover strong{text-decoration-thickness:2px}#legal-content a{color:inherit;text-decoration:underline;text-underline-offset:4px}
.service-details .service-page-link{display:flex;width:fit-content;margin-top:18px;text-decoration:underline;text-underline-offset:4px}
.footer-legal>a{color:inherit;font:inherit;text-decoration:none}.footer-legal>a:hover{text-decoration:underline;text-underline-offset:4px}