/* Integration with the existing production shell; reference CSS stays intact. */
body.pw-theme {--pw-bg:#07090d;--pw-panel:#0d1118;--pw-line:#242b34;--pw-ink:#f2f4ef;--pw-lime:#b8ff5a;--pw-blue:#04a5d9}
.option-two-shell {display:contents}
.pw-legacy,.pw-mirror {padding-top:76px}
.option-two .native-logo {width:130px;height:56px;object-fit:contain}
/* Reference header: fixed bar above the page, mega-menu above everything else. */
.option-two .mega-nav {z-index:1300}
.option-two .mega-menu a:focus-visible,.option-two .nav-trigger:focus-visible {outline:2px solid #b8ff5a;outline-offset:-3px}
/* The source exposes content even when JavaScript is unavailable. */
.option-two .reveal {opacity:1;transform:none}
.option-two [tabindex]:focus-visible,.option-two :is(a,button,summary):focus-visible {outline:2px solid #04a5d9;outline-offset:5px}
.option-two .domain-console {scrollbar-color:#7ac15c #0d1118}
.option-two .native-intro {padding-top:180px;padding-bottom:80px}
.option-two .native-intro h1,.option-two .native-domain-hero h1 {font-size:clamp(2.5rem,5.4vw,5.9rem);font-weight:500;letter-spacing:-.06em;line-height:1.04;margin:0;max-width:1100px}
.option-two .native-lede {color:#b5bcbd;font-size:1.15rem;line-height:1.7;max-width:680px;margin:32px 0 36px}
.option-two .native-domain-hero {display:grid;grid-template-columns:1.1fr .9fr;gap:7vw;align-items:center;padding:155px clamp(24px,5vw,76px) 85px;max-width:1600px;margin:auto}
.option-two .native-domain-hero>img {width:100%;height:620px;object-fit:cover;object-position:center;filter:saturate(.72) contrast(1.05) brightness(.85)}
.option-two .native-domain-index {padding-top:0}
.option-two .native-domain-grid {display:grid;grid-template-columns:1fr 1fr;gap:24px}
.option-two .native-domain-grid>a {border:1px solid var(--line);overflow:hidden;background:var(--panel)}
.option-two .native-domain-grid img {width:100%;height:290px;object-fit:cover;filter:saturate(.72) brightness(.8)}
.option-two .native-domain-grid>a>div {padding:30px}
.option-two .native-domain-grid h2,.option-two .native-related h2,.option-two .native-related h3 {display:flex;align-items:start;justify-content:space-between;gap:20px;font-size:1.6rem;line-height:1.25;letter-spacing:-.03em;font-weight:500;margin:20px 0}
.option-two .native-domain-grid h2 span,.option-two .native-related :is(h2,h3) span {color:var(--acid)}
.option-two .native-domain-grid p,.option-two .native-related p {color:var(--muted);margin-bottom:0}
.option-two .native-domain-grid .mono {color:#04a5d9}
.option-two .native-question-grid {display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #cbd1cf}
.option-two .native-question-grid article {min-height:260px;padding:30px;border-right:1px solid #cbd1cf}
.option-two .native-question-grid article:last-child {border-right:0}
.option-two .native-question-grid .mono {color:#067f93}
.option-two .native-question-grid h3 {font-size:1.5rem;line-height:1.25;letter-spacing:-.025em;margin:65px 0 0}
.option-two .native-case-grid {display:grid;grid-template-columns:repeat(2,1fr);gap:28px}
.option-two .native-case-grid>a {border:1px solid var(--line);background:var(--panel);display:flex;flex-direction:column}
.option-two .native-case-grid img {width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.option-two .native-case-grid>a>div {padding:30px;flex:1;display:flex;flex-direction:column}
.option-two .native-case-grid h3 {font-size:1.55rem;font-weight:500;line-height:1.3;letter-spacing:-.03em;margin:0 0 20px}
.option-two .native-case-grid p {font-size:1rem;line-height:1.65;color:var(--muted);margin:0 0 28px}
.option-two .native-case-grid .text-link {align-self:flex-start;margin-top:auto}
.option-two .native-more {display:inline-block;margin-top:40px}
.option-two .cta h2 {color:#070a08!important;opacity:1!important}
.option-two .cta .eyebrow {color:#394334!important;opacity:1!important}
.option-two .native-related {display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.option-two .native-related>a {padding:28px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.option-two .native-related h3 {margin-top:0}
.option-two .native-related>a:hover,.option-two .native-domain-grid>a:hover,.option-two .native-case-grid>a:hover {border-color:#7ac15c}
.option-two .footer-bottom {gap:20px}
@media(max-width:1120px){.option-two .native-domain-hero{gap:36px}.option-two .native-domain-hero>img{height:520px}}
@media(max-width:900px){.option-two .native-domain-hero{grid-template-columns:1fr;padding-top:135px}.option-two .native-domain-hero>img{height:430px}.option-two .native-question-grid{grid-template-columns:1fr}.option-two .native-question-grid article{min-height:180px;border-right:0;border-bottom:1px solid #cbd1cf}.option-two .native-question-grid h3{margin-top:35px}.option-two .native-intro{padding-top:140px}}
@media(max-width:600px){.option-two .native-domain-grid,.option-two .native-case-grid,.option-two .native-related{grid-template-columns:1fr}.option-two .native-domain-hero{padding:125px 24px 60px}.option-two .native-domain-hero>img{height:350px}.option-two .native-intro{padding-top:130px}.option-two .native-lede{font-size:1rem}.option-two .native-domain-grid img{height:250px}.option-two .native-case-grid>a>div{padding:24px}.option-two .native-domain-grid>a>div{padding:24px}.option-two .footer-bottom{flex-direction:column}.option-two .terminal-bar{gap:16px;flex-wrap:wrap}.option-two .cta{min-height:560px}.option-two .cta h2{font-size:clamp(2.5rem,9vw,3rem)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.option-two *{animation:none!important;transition:none!important}.option-two .reveal{opacity:1;transform:none}}

/* Keep the source's wide console inside the mobile grid, with its own scroll. */
@media(max-width:900px){.option-two .hero{grid-template-columns:minmax(0,1fr)}.option-two .hero-copy,.option-two .hero-system{min-width:0;max-width:100%}}
@media(max-width:600px){.option-two .hero h1{font-size:clamp(3.15rem,16.4vw,4rem)}}

@media(min-width:901px) and (max-width:1200px){.option-two .hero{grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr)}.option-two .hero-system{min-width:0;width:100%}.option-two .domain-console{overflow-x:auto}.option-two .system-footer{gap:12px;flex-wrap:wrap}}

/* Legacy heading rules include an ID selector. Match the page scope explicitly
   so light sections retain their intended dark text. */
#main .option-two #banking-insurance section[class*="decisions"] :is(h2,h3),
#main .option-two #banking-insurance section[class*="workflow"] :is(h2,h3) {
  color: #071015 !important;
  opacity: 1 !important;
}
#main .option-two #banking-insurance section[class*="workflow"] p {
  color: #405149 !important;
  opacity: 1 !important;
}
#main .option-two .cta h2 {
  color: #070a08 !important;
  opacity: 1 !important;
}