/* MyNet product pages: use the existing Inter face, indigo brand and spacing. */
.genpro-hero { background:var(--paper); padding:34px 0 72px; border-bottom:1px solid var(--line); }
.genpro-breadcrumbs { display:flex; align-items:center; flex-wrap:wrap; gap:10px; margin-bottom:40px; font-size:11px; line-height:1.6; color:var(--muted); }
.genpro-breadcrumbs a:hover { color:var(--brand); text-decoration:underline; }
.genpro-breadcrumbs [aria-current] { color:var(--ink); }
.genpro-hero-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(360px,.87fr); align-items:center; gap:64px; }
.genpro-hero-copy>.eyebrow { display:flex; align-items:center; gap:9px; color:var(--brand); font-size:10px; letter-spacing:.12em; font-weight:600; }
.genpro-status-dot { width:7px; height:7px; flex:none; border-radius:50%; background:#788344; box-shadow:0 0 0 4px #e8ebd8; }
.genpro-product-name { margin-top:26px; color:var(--brand); font-size:15px; font-weight:600; letter-spacing:.015em; }
.genpro-hero h1 { margin:15px 0 0; font-size:clamp(46px,5vw,68px); line-height:1.08; letter-spacing:-.055em; font-weight:600; }
.genpro-hero h1 em,.genpro-section-heading h2 em,.genpro-build h2 em { color:var(--brand); font-style:normal; }
.genpro-hero-description { max-width:610px; margin:24px 0 29px; color:var(--muted); font-size:16px; line-height:1.8; }
.genpro-hero-actions { display:flex; flex-wrap:wrap; align-items:center; gap:12px; }
.genpro-hero-actions .primary-button,.genpro-hero-actions .secondary-button { min-height:46px; }
.genpro-hero-visual,.genpro-workstation { position:relative; min-width:0; margin:0; }
.genpro-hero-visual img { width:100%; aspect-ratio:1.5/1; object-fit:cover; border-radius:9px; background:#1c2a43; }
.genpro-hero-visual figcaption,.genpro-workstation figcaption { margin-top:10px; font-size:10px; line-height:1.6; color:#667085; }
.genpro-section { padding:82px 0; }
.genpro-intro-grid { display:grid; grid-template-columns:1.05fr 1fr; align-items:start; gap:110px; }
.genpro-section .eyebrow { margin-bottom:18px; color:var(--brand); font-size:10px; letter-spacing:.13em; font-weight:600; }
.genpro-intro h2,.genpro-sectors h2,.genpro-ai h2,.genpro-architecture h2 { max-width:650px; font-size:clamp(32px,3.5vw,46px); line-height:1.17; font-weight:600; letter-spacing:-.045em; }
.genpro-body-copy { max-width:650px; color:var(--muted); font-size:15px; line-height:1.9; }
.genpro-body-copy p+p { margin-top:15px; }
.genpro-why { color:#fff; background:#191e48; }
.genpro-why .eyebrow { color:#dceea3; }
.genpro-section-heading { max-width:760px; }
.genpro-section-heading h2 { font-size:clamp(34px,4vw,50px); line-height:1.15; letter-spacing:-.047em; font-weight:600; }
.genpro-why .genpro-section-heading h2 em { color:#dceea3; font-style:normal; }
.genpro-section-heading>p:last-child { max-width:630px; margin-top:18px; color:#d5d8e8; font-size:14px; line-height:1.8; }
.genpro-why-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin-top:43px; }
.genpro-why-card { min-height:208px; padding:25px; border:1px solid #ffffff27; border-radius:8px; background:#ffffff09; }
.genpro-card-index { color:#dceea3; font-size:10px; letter-spacing:.12em; }
.genpro-why-card h3 { margin-top:34px; font-size:18px; line-height:1.35; font-weight:600; }
.genpro-why-card p { margin-top:10px; color:#d5d8e8; font-size:12px; line-height:1.8; }
.genpro-capabilities { background:#fff; }
.genpro-section-heading--row { display:flex; justify-content:space-between; align-items:end; gap:36px; max-width:none; }
.genpro-section-heading--row h2 { max-width:690px; }
.genpro-section-heading--row>p:last-child { max-width:300px; margin:0 0 4px; color:var(--muted); font-size:13px; line-height:1.8; }
.genpro-capability-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:40px; margin-top:35px; border-top:1px solid var(--line); }
.genpro-capability { display:flex; gap:18px; min-height:148px; padding:28px 0; border-bottom:1px solid var(--line); }
.genpro-capability-icon { display:grid; place-items:center; flex:none; width:38px; height:38px; border:1px solid #d9dbea; border-radius:7px; color:var(--brand); font-size:10px; font-weight:600; }
.genpro-capability h3 { font-size:17px; line-height:1.4; font-weight:600; }
.genpro-capability p { max-width:480px; margin-top:8px; color:var(--muted); font-size:12px; line-height:1.85; }
.genpro-sectors { background:#f0f1f8; }
.genpro-sectors-grid { display:grid; grid-template-columns:1fr 1.1fr; gap:100px; align-items:start; }
.genpro-sectors .genpro-body-copy { margin-top:19px; }
.genpro-inline-link,.genpro-reference-links a { display:inline-flex; align-items:center; gap:14px; width:max-content; max-width:100%; color:var(--brand); font-size:12px; font-weight:600; line-height:1.6; text-decoration:underline; text-decoration-color:#9296b7; text-underline-offset:5px; }
.genpro-inline-link { margin-top:24px; }
.genpro-sector-list { border-top:1px solid #d7dae5; }
.genpro-sector-list article { display:grid; grid-template-columns:36px 1fr; gap:17px; padding:23px 0; border-bottom:1px solid #d7dae5; }
.genpro-sector-list article>span { color:var(--brand); font-size:10px; letter-spacing:.1em; padding-top:3px; }
.genpro-sector-list h3 { font-size:16px; line-height:1.4; font-weight:600; }
.genpro-sector-list p { margin-top:7px; color:var(--muted); font-size:12px; line-height:1.8; }
.genpro-ai { color:#fff; background:#141936; }
.genpro-ai-grid { display:grid; grid-template-columns:1fr .92fr; align-items:center; gap:80px; }
.genpro-ai .eyebrow { color:#dceea3; }
.genpro-ai h2 { max-width:620px; }
.genpro-ai-copy>p:not(.eyebrow) { max-width:620px; margin-top:18px; color:#d7d9e7; font-size:14px; line-height:1.9; }
.genpro-ai .genpro-workstation img { width:100%; aspect-ratio:1.5/1; object-fit:cover; border-radius:8px; }
.genpro-ai .genpro-workstation figcaption { color:#c0c5d8; }
.genpro-note { margin-top:25px; max-width:620px; padding:17px 19px; border-left:2px solid #dceea3; background:#ffffff0a; }
.genpro-note strong { color:#dceea3; font-size:11px; letter-spacing:.06em; }
.genpro-note p { margin-top:7px; color:#e0e2eb; font-size:11px; line-height:1.8; }
.genpro-architecture { background:#fff; }
.genpro-architecture-grid { display:grid; grid-template-columns:.95fr 1.05fr; align-items:start; gap:90px; }
.genpro-architecture .genpro-body-copy { margin-top:18px; }
.genpro-reference-links { display:grid; justify-items:start; gap:13px; margin-top:24px; }
.genpro-integration-panel { overflow:hidden; border:1px solid var(--line); border-radius:8px; background:#fff; }
.genpro-panel-heading { display:flex; justify-content:space-between; align-items:center; gap:15px; min-height:54px; padding:13px 20px; background:#f4f5fa; border-bottom:1px solid var(--line); }
.genpro-panel-heading>span:first-child,.genpro-panel-status,.genpro-option-group>span { font-size:9px; line-height:1.6; letter-spacing:.1em; font-weight:600; }
.genpro-panel-heading>span:first-child { color:var(--brand); }
.genpro-panel-status { color:#6b7280; letter-spacing:0; font-weight:500; }
.genpro-flow { margin:17px 20px 0; }
.genpro-flow figcaption { margin-bottom:11px; color:#626a7d; font-size:10px; line-height:1.6; }
.genpro-flow ol { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:17px; padding:0; margin:0; list-style:none; }
.genpro-flow li { position:relative; display:flex; min-height:74px; flex-direction:column; justify-content:center; gap:7px; padding:12px; border:1px solid #dfe1eb; border-radius:5px; background:#fafaff; }
.genpro-flow li+li::before { content:"→"; position:absolute; left:-15px; top:50%; transform:translate(-50%,-50%); color:var(--brand); font-size:12px; }
.genpro-flow li span { color:#6a7185; font-size:8px; line-height:1.5; letter-spacing:.06em; }
.genpro-flow li strong { color:#272c42; font-size:10px; line-height:1.45; font-weight:600; }
.genpro-option-group { padding:20px; border-bottom:1px solid var(--line); }
.genpro-option-group>span { color:#626a7d; }
.genpro-option-group p { margin-top:8px; color:#343b52; font-size:12px; line-height:1.8; }
.genpro-panel-disclaimer { padding:14px 20px; color:#5f6678; background:#f9f9fc; font-size:10px; line-height:1.75; }
.genpro-build { padding:79px 0; background:#eef0dc; }
.genpro-build-inner { max-width:1240px; }
.genpro-build h2 { font-size:clamp(37px,4.5vw,56px); line-height:1.13; letter-spacing:-.05em; font-weight:600; }
.genpro-build-inner>p:not(.eyebrow) { max-width:640px; margin:18px 0 27px; color:#596174; font-size:14px; line-height:1.85; }
.genpro-home-promo { background:#f0f1f8; }
.genpro-home-layout { display:grid; grid-template-columns:1fr auto; align-items:center; gap:44px; }
.genpro-home-layout h2 { margin-top:13px; font-size:clamp(29px,3.5vw,42px); line-height:1.15; letter-spacing:-.045em; font-weight:600; }
.genpro-home-layout>div:first-child>p:not(.eyebrow) { margin:14px 0 21px; color:var(--muted); font-size:13px; line-height:1.8; }
.genpro-home-signals { display:grid; gap:16px; min-width:285px; padding:20px 0 20px 28px; border-left:1px solid #cdd0e2; color:#51596e; font-size:12px; line-height:1.6; }
.genpro-home-signals li { display:flex; align-items:center; gap:12px; }
.genpro-home-signals li::before { content:""; width:6px; height:6px; flex:none; border-radius:50%; background:#788344; }
@media(max-width:1024px) {
 .genpro-hero-grid { grid-template-columns:1.05fr .95fr; gap:38px; }
 .genpro-intro-grid,.genpro-sectors-grid,.genpro-architecture-grid { gap:54px; }
 .genpro-ai-grid { gap:48px; }
}
@media(max-width:760px) {
 .genpro-hero { padding:25px 0 50px; }
 .genpro-breadcrumbs { margin-bottom:28px; }
 .genpro-hero-grid { grid-template-columns:1fr; gap:32px; }
 .genpro-hero h1 { font-size:clamp(45px,9.2vw,61px); }
 .genpro-hero-description { font-size:15px; }
 .genpro-section { padding:58px 0; }
 .genpro-intro-grid,.genpro-sectors-grid,.genpro-ai-grid,.genpro-architecture-grid { grid-template-columns:1fr; gap:29px; }
 .genpro-why-grid { grid-template-columns:1fr; gap:12px; margin-top:31px; }
 .genpro-why-card { min-height:0; padding:21px; }
 .genpro-why-card h3 { margin-top:21px; }
 .genpro-section-heading--row { display:block; }
 .genpro-section-heading--row>p:last-child { margin-top:14px; }
 .genpro-capability-grid { grid-template-columns:1fr; margin-top:28px; }
 .genpro-capability { min-height:0; padding:23px 0; }
 .genpro-ai-grid { gap:30px; }
 .genpro-build { padding:57px 0; }
 .genpro-home-layout { grid-template-columns:1fr auto; gap:20px; }
 .genpro-home-signals { min-width:245px; padding-left:19px; font-size:11px; }
}
@media(max-width:480px) {
 .genpro-hero h1 { font-size:44px; }
 .genpro-hero-actions { align-items:stretch; flex-direction:column; }
 .genpro-hero-actions a { justify-content:space-between; }
 .genpro-home-layout { grid-template-columns:1fr; }
 .genpro-home-signals { min-width:0; padding:0; border:0; }
 .genpro-integration-panel .genpro-panel-heading { align-items:flex-start; flex-direction:column; gap:5px; }
 .genpro-flow { margin-inline:14px; }
 .genpro-flow ol { gap:12px; }
 .genpro-flow li { padding:9px; }
 .genpro-flow li+li::before { left:-10px; }
 .genpro-flow li strong { font-size:9px; }
}
@media(prefers-reduced-motion:reduce) {
 .genpro-hero,.genpro-section { scroll-margin-top:74px; }
 html { scroll-behavior:auto; }
}
