.elementor-4291 .elementor-element.elementor-element-b67a4ea{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4291 .elementor-element.elementor-element-f7e6ef4{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4291 .elementor-element.elementor-element-f303d7d{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4291 .elementor-element.elementor-element-d273769{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4291 .elementor-element.elementor-element-10c9090{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-4291 .elementor-element.elementor-element-b67a4ea{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4291 .elementor-element.elementor-element-f7e6ef4{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4291 .elementor-element.elementor-element-f303d7d{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4291 .elementor-element.elementor-element-d273769{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4291 .elementor-element.elementor-element-10c9090{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}@media(max-width:767px){.elementor-4291 .elementor-element.elementor-element-b67a4ea{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4291 .elementor-element.elementor-element-f7e6ef4{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4291 .elementor-element.elementor-element-f303d7d{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4291 .elementor-element.elementor-element-d273769{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4291 .elementor-element.elementor-element-10c9090{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS *//* ==== Why 3N (n3p) - theme v5: colors come from Site Settings tokens ==== */
.n3p *::before,.n3p *::after{box-sizing:border-box}
.n3p svg{display:block;max-width:100%}
.n3p a{color:inherit;text-decoration:none}
.n3p{
font-family:var(--font-body);
color:var(--ink);
background:
radial-gradient(1100px 560px at 12% -8%, color-mix(in srgb,var(--n3-orange) 5.0%,transparent), transparent 60%),
radial-gradient(900px 500px at 96% 18%, color-mix(in srgb,var(--n3-orange) 4.5%,transparent), transparent 55%),
var(--paper);
line-height:1.55;
-webkit-font-smoothing:antialiased;
text-rendering:optimizeLegibility;
}
.n3p .icon{width:1em;height:1em;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.n3p h1,.n3p h2,.n3p h3,.n3p h4{font-family:var(--font-display);font-weight:600;color:var(--ink);letter-spacing:-.02em;overflow-wrap:break-word}
.n3p .eyebrow{
font-family:var(--font-mono);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;
color:var(--accent);font-weight:600;display:flex;align-items:center;gap:9px;margin-bottom:18px;
}
.n3p .eyebrow::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--accent);flex-shrink:0}
.n3p h1{font-size:clamp(38px,5vw,58px);line-height:1.08;letter-spacing:-.025em}
.n3p h2{font-size:clamp(32px,4.2vw,48px);line-height:1.1;letter-spacing:-.02em}
.n3p .lead{font-size:clamp(16px,1.35vw,19px);color:var(--muted);max-width:640px;line-height:1.65}
.n3p .section-head{max-width:700px}
.n3p .origin-head-grid{display:grid;grid-template-columns:1fr;gap:32px}
.n3p .origin-highlights{display:flex;flex-direction:column;gap:22px}
.n3p .origin-hl{display:flex;gap:14px;align-items:flex-start}
.n3p .origin-hl-icon{width:42px;height:42px;border-radius:50%;border:1.5px solid var(--accent);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.n3p .origin-hl-icon .icon{width:19px;height:19px;color:var(--accent)}
.n3p .origin-hl b{display:block;font-size:14px;margin-bottom:3px}
.n3p .origin-hl span{font-size:12.5px;color:var(--muted);line-height:1.4}
@media(min-width:1040px){.n3p .origin-head-grid{grid-template-columns:1.6fr 1fr}
.n3p .origin-highlights{padding-top:46px}}
.n3p .section-head p + p{margin-top:16px}
.n3p h1 + .lead,.n3p h2 + .lead,.n3p h1 + p,.n3p h2 + p{margin-top:20px}
.n3p .wrap{max-width:1600px;margin:0 auto;padding:0 clamp(20px,5vw,72px)}
.n3p section{padding:clamp(56px,7vw,88px) 0}
.n3p .band{border-bottom:1px solid var(--line)}
.n3p .btn{
display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border-radius:99px;
font-weight:600;font-size:14.5px;text-decoration:none;border:1.5px solid transparent;
transition:transform .15s ease, box-shadow .15s ease, background .15s, border-color .15s, color .15s;
white-space:nowrap;flex-shrink:0;
}
.n3p .btn.primary{background:var(--ink);color:#fff}
.n3p .btn.primary:hover{background:var(--accent);transform:translateY(-1px);box-shadow:0 10px 24px -10px color-mix(in srgb,var(--n3-orange) 55.0%,transparent)}
.n3p .btn.ghost{border-color:#C9CDC4;color:var(--ink)}
.n3p .btn.ghost:hover{border-color:var(--ink);transform:translateY(-1px)}
.n3p .btn.on-accent{background:var(--accent);color:#fff}
.n3p .btn.on-accent:hover{background:var(--accent-hi);transform:translateY(-1px);box-shadow:0 10px 24px -10px color-mix(in srgb,var(--n3-orange) 60.0%,transparent)}
.n3p .actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}
.n3p .close-section{text-align:center}
.n3p .close-section .eyebrow{justify-content:center}
.n3p .close-section h2{max-width:760px;margin:0 auto}
.n3p .close-section .lead{margin:16px auto 0}
.n3p .close-section .actions{justify-content:center}
.n3p .origin-flow{display:grid;grid-template-columns:1fr;gap:0;margin-top:48px;position:relative}
.n3p .origin-track{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;position:relative}
.n3p .origin-track::before{
content:"";position:absolute;top:27px;left:5%;right:5%;height:2px;
background:repeating-linear-gradient(90deg,var(--line) 0 7px,transparent 7px 14px);
z-index:0;
}
.n3p .origin-step{position:relative;z-index:1;display:flex;flex-direction:column;gap:14px}
.n3p .origin-dot{
width:54px;height:54px;border-radius:50%;background:#fff;border:1.5px solid var(--line);
display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:var(--shadow-sm);
}
.n3p .origin-dot .icon{width:22px;height:22px;color:var(--muted)}
.n3p .origin-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow-sm);min-height:110px}
.n3p .origin-card b{display:block;font-family:var(--font-display);font-size:15px;letter-spacing:-.01em;margin-bottom:5px}
.n3p .origin-card span{font-size:12.5px;color:var(--muted);line-height:1.4}
.n3p .origin-step.final .origin-dot{background:var(--ink);border-color:var(--ink)}
.n3p .origin-step.final .origin-dot .icon{color:#fff}
.n3p .origin-step.final .origin-card{background:var(--ink);border-color:var(--ink)}
.n3p .origin-step.final .origin-card b{color:#fff}
.n3p .origin-step.final .origin-card span{color:var(--navy-text)}
.n3p .origin-arrow{display:none}
.n3p .embed-visual{margin-top:48px}
.n3p .embed-frame{
border:1.5px dashed var(--line);border-radius:var(--radius-lg);padding:40px 32px 32px;position:relative;
}
.n3p .embed-frame-label{
position:absolute;top:-13px;left:32px;background:var(--paper);padding:0 12px;
font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);
}
.n3p .embed-roles{display:flex;justify-content:center;gap:30px;flex-wrap:wrap;position:relative;row-gap:32px}
.n3p .embed-roles::before{
content:"";position:absolute;top:28px;left:6%;right:6%;height:1.5px;background:var(--line);z-index:0;
}
.n3p .embed-role{display:flex;flex-direction:column;align-items:center;gap:12px;position:relative;z-index:1;width:120px}
.n3p .embed-icon{
width:56px;height:56px;border-radius:50%;background:#fff;border:1.5px solid var(--line);
display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm);flex-shrink:0;
}
.n3p .embed-icon .icon{width:22px;height:22px;color:var(--muted)}
.n3p .embed-role span{font-size:12.5px;font-weight:600;color:var(--ink-soft);text-align:center;line-height:1.3}
.n3p .embed-role.hi .embed-icon{background:var(--ink);border-color:var(--ink);color:#fff;font-family:var(--font-display);font-weight:700;font-size:13px}
.n3p .embed-role.hi span{color:var(--ink);font-weight:700}
@media(max-width:760px){.n3p .embed-roles::before{display:none}
.n3p .embed-roles{gap:24px 18px}
.n3p .embed-role{width:44%}}
.n3p .origin-closer{
margin-top:52px;text-align:center;padding:36px 24px;background:#fff;border:1px solid var(--line);
border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);
}
.n3p .origin-closer p{
font-family:var(--font-display);font-weight:600;font-size:clamp(21px,2.4vw,30px);
line-height:1.35;letter-spacing:-.01em;
}
.n3p .origin-closer strong{color:var(--ink)}
.n3p .origin-closer .accent-line{color:var(--accent)}
.n3p .tf-flow{max-width:760px;margin:52px auto 0}
.n3p .tf-stage{display:flex;gap:20px;align-items:flex-start}
.n3p .tf-dot{
width:52px;height:52px;border-radius:50%;background:#fff;border:1.5px solid var(--line);
display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:var(--shadow-sm);
font-family:var(--font-mono);font-size:12px;font-weight:700;color:var(--muted);
}
.n3p .tf-dot .icon{width:21px;height:21px;color:var(--muted)}
.n3p .tf-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:20px 22px;flex:1;box-shadow:var(--shadow-sm)}
.n3p .tf-card b{display:block;font-family:var(--font-display);font-size:16.5px;letter-spacing:-.01em;margin-bottom:6px}
.n3p .tf-card > span{display:block;font-size:13px;color:var(--muted);line-height:1.5}
.n3p .tf-stats{
margin-top:14px;padding-top:14px;border-top:1px solid var(--line-soft);
font-size:12px;color:var(--muted);line-height:1.6;
}
.n3p .tf-stats strong{color:var(--accent);font-weight:700}
.n3p .tf-connector{display:flex;padding:6px 0}
.n3p .tf-connector-line{width:52px;display:flex;justify-content:center;flex-shrink:0}
.n3p .tf-connector-line .icon{width:15px;height:15px;color:var(--muted-2)}
.n3p .proof-line{
margin-top:40px;text-align:center;font-family:var(--font-mono);font-size:12.5px;color:var(--muted);
display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;
}
.n3p .proof-line strong{color:var(--ink);font-weight:700}
.n3p .proof-line .dot{width:3px;height:3px;border-radius:50%;background:var(--line);flex-shrink:0}
.n3p .section-foot-note{
margin:30px auto 0;font-size:14px;color:var(--muted);text-align:center;max-width:640px;line-height:1.65;
}
.n3p .adopt-converge{max-width:900px;margin:48px auto 0}
.n3p .adopt-cols{display:grid;grid-template-columns:1fr auto 1fr;gap:22px;align-items:stretch}
.n3p .adopt-col{display:flex;flex-direction:column;gap:14px}
.n3p .adopt-col-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:20px 22px;box-shadow:var(--shadow-sm);flex:1}
.n3p .adopt-col-card b{display:block;font-family:var(--font-display);font-size:15.5px;letter-spacing:-.01em;margin-bottom:12px}
.n3p .adopt-col-card ul{list-style:none;display:flex;flex-direction:column;gap:8px}
.n3p .adopt-col-card li{font-size:12.5px;color:var(--ink-soft);display:flex;gap:8px;align-items:flex-start}
.n3p .adopt-col-card li::before{content:"";width:4px;height:4px;border-radius:50%;background:var(--accent);margin-top:6px;flex-shrink:0}
.n3p .adopt-op{
width:40px;height:40px;border-radius:50%;background:var(--ink);color:#fff;display:flex;align-items:center;
justify-content:center;font-size:18px;align-self:center;flex-shrink:0;margin:18px auto 0;
}
.n3p .adopt-cols .adopt-op{margin:0}
.n3p .adopt-result{
background:var(--ink);border-radius:var(--radius-lg);padding:22px 26px;text-align:center;
}
.n3p .adopt-result b{display:block;font-family:var(--font-display);color:#fff;font-size:17px;margin-bottom:4px}
.n3p .adopt-result span{font-size:13px;color:var(--navy-text)}
.n3p .deploy-canvas{
background:var(--paper-deep);border:1px solid var(--line);border-radius:var(--radius-lg);
padding:clamp(24px,3.4vw,36px) clamp(20px,3.4vw,40px);box-shadow:var(--shadow);margin-top:28px;
}
.n3p .deploy-flow{max-width:820px;margin:0 auto;display:flex;flex-direction:column;align-items:center}
.n3p .deploy-icon{
width:38px;height:38px;border-radius:50%;background:var(--accent-soft);display:flex;align-items:center;
justify-content:center;margin:0 auto 14px;flex-shrink:0;
}
.n3p .deploy-icon .icon{width:17px;height:17px;color:var(--accent)}
.n3p .deploy-wide{width:100%;background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:26px 28px;box-shadow:var(--shadow-sm);text-align:center}
.n3p .deploy-wide-title{
display:block;font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.07em;
text-transform:uppercase;color:var(--accent);margin-bottom:16px;
}
.n3p .deploy-wide-items{display:flex;flex-wrap:wrap;justify-content:center;gap:9px 28px}
.n3p .deploy-wide-items span{font-size:13px;font-weight:600;color:var(--ink-soft)}
.n3p .deploy-wide-sub{margin-top:16px;padding-top:14px;border-top:1px solid var(--line-soft);font-size:11px;color:var(--muted);font-family:var(--font-mono);letter-spacing:.01em}
.n3p .deploy-connector{display:flex;flex-direction:column;align-items:center;gap:7px;padding:14px 0}
.n3p .deploy-connector .icon{width:14px;height:14px;color:var(--muted-2)}
.n3p .deploy-connector span{font-family:var(--font-mono);font-size:10.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);text-align:center}
.n3p .deploy-connector.plain{padding:8px 0}
.n3p .deploy-node{width:100%;max-width:380px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:22px 26px;text-align:center;box-shadow:var(--shadow-sm)}
.n3p .deploy-node b{display:block;font-family:var(--font-display);font-size:16px;letter-spacing:-.01em;margin-bottom:5px}
.n3p .deploy-node span{font-size:12.5px;color:var(--muted);line-height:1.4}
.n3p .deploy-node .deploy-icon{background:rgba(255,255,255,.08)}
.n3p .deploy-node .deploy-icon .icon{color:var(--accent)}
.n3p .deploy-node.hi{
background:linear-gradient(165deg,var(--navy-2),var(--ink));border-color:var(--navy-line);
box-shadow:0 0 0 1px color-mix(in srgb,var(--n3-orange) 12.0%,transparent), 0 0 50px -6px color-mix(in srgb,var(--n3-orange) 45.0%,transparent), var(--shadow-sm);
}
.n3p .deploy-node.hi b{color:#fff}
.n3p .deploy-node.hi span{color:var(--navy-text)}
.n3p .deploy-node.hi .deploy-icon{background:rgba(255,255,255,.12)}
.n3p .deploy-node.hi .deploy-icon .icon{color:#fff}
.n3p .deploy-branches{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.n3p .deploy-branch{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:18px 14px;text-align:center;box-shadow:var(--shadow-sm)}
.n3p .deploy-branch b{font-size:12.5px;font-weight:600;color:var(--ink-soft);line-height:1.4}
.n3p .deploy-branch.c-blue{border-top:3px solid var(--accent)}
.n3p .deploy-branch.c-blue .deploy-icon{background:var(--accent-soft)}
.n3p .deploy-branch.c-blue .deploy-icon .icon{color:var(--accent)}
.n3p .deploy-branch.c-purple{border-top:3px solid var(--n3-slate)}
.n3p .deploy-branch.c-purple .deploy-icon{background:var(--n3-slate-soft)}
.n3p .deploy-branch.c-purple .deploy-icon .icon{color:var(--n3-slate)}
.n3p .deploy-branch.c-teal{border-top:3px solid var(--n3-charcoal)}
.n3p .deploy-branch.c-teal .deploy-icon{background:var(--n3-gray-soft)}
.n3p .deploy-branch.c-teal .deploy-icon .icon{color:var(--n3-charcoal)}
@media(max-width:720px){.n3p .deploy-branches{grid-template-columns:1fr}}
.n3p .adopt-mid-statement{max-width:720px;margin:56px auto 0;text-align:center}
.n3p .adopt-mid-statement h3{font-family:var(--font-display);font-weight:600;font-size:clamp(20px,2.2vw,26px);margin-bottom:16px;letter-spacing:-.01em}
.n3p .adopt-mid-statement p{font-size:14.5px;color:var(--muted);line-height:1.65;margin-top:12px}
.n3p .adopt-stack{max-width:560px;margin:40px auto 0;display:flex;flex-direction:column;gap:2px}
.n3p .adopt-tier{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px 22px;text-align:center;box-shadow:var(--shadow-sm)}
.n3p .adopt-tier b{display:block;font-family:var(--font-display);font-size:15px;margin-bottom:4px}
.n3p .adopt-tier span{font-size:12.5px;color:var(--muted)}
.n3p .adopt-tier.hi{background:var(--ink);border-color:var(--ink)}
.n3p .adopt-tier.hi b{color:#fff}
.n3p .adopt-tier.hi span{color:var(--navy-text)}
.n3p .adopt-tier-connector{
text-align:center;font-family:var(--font-mono);font-size:11px;font-weight:600;color:var(--ink-soft);
padding:10px 0;display:flex;align-items:center;justify-content:center;gap:7px;
}
.n3p .adopt-tier-connector .icon{width:13px;height:13px;color:var(--muted-2);flex-shrink:0}
@media(max-width:720px){.n3p .adopt-cols{grid-template-columns:1fr}
.n3p .adopt-cols .adopt-op{align-self:center;transform:rotate(90deg)}}
.n3p .tf-stage.final .tf-dot{background:var(--ink);border-color:var(--ink);color:#fff}
.n3p .tf-stage.final .tf-card{background:var(--ink);border-color:var(--ink)}
.n3p .tf-stage.final .tf-card b{color:#fff}
.n3p .tf-stage.final .tf-card > span{color:var(--navy-text)}
@media(max-width:560px){.n3p .tf-dot{width:44px;height:44px}
.n3p .tf-connector-line{width:44px}
.n3p .tf-card{padding:16px 18px}}
@media(max-width:900px){.n3p .origin-track{grid-template-columns:repeat(2,1fr);row-gap:20px}
.n3p .origin-track::before{display:none}}
@media(max-width:560px){.n3p .origin-track{grid-template-columns:1fr}
.n3p .origin-closer{padding:28px 20px}}
.n3p,.n3p *{box-sizing:border-box}
.n3p{font-family:var(--font-body);color:var(--ink);line-height:1.55;-webkit-font-smoothing:antialiased;background:var(--paper);text-align:left}
.n3p.dark,.n3p .dark{background:var(--navy)}
.n3p h1,.n3p h2,.n3p h3,.n3p h4,.n3p p,.n3p ul,.n3p li{margin:0;padding:0}
.n3p ul{list-style:none}
.n3p a{color:inherit;text-decoration:none}
.n3p i.icon{font-size:1em;width:auto;height:auto;line-height:1;display:inline-flex;align-items:center;justify-content:center;stroke:none}
.n3p h1,.n3p h2{font-weight:500;letter-spacing:-.01em;line-height:1.12}
.n3p h3,.n3p h4{font-family:var(--font-body);font-weight:600;letter-spacing:0}
.n3p .eyebrow{font-size:12px;letter-spacing:.12em}
.n3p section{border-bottom:0}
.n3p .btn i.icon{font-size:12px}
.n3p .fas.icon{line-height:1}
/* operations capability (Cam, 2026-09-30) */
.n3p .ops-band{background:#fff;border-top:1px solid var(--line)}
.n3p .ops-paths{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:40px}
.n3p .ops-path{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-lg);padding:30px}
.n3p .ops-path.featured{background:linear-gradient(180deg,var(--n3-orange-softer),#fff);border-color:var(--n3-orange-tint)}
.n3p .ops-path-icon{width:46px;height:46px;border-radius:13px;display:flex;align-items:center;justify-content:center;background:var(--n3-slate-soft);color:var(--n3-slate);font-size:19px;margin-bottom:16px}
.n3p .ops-path.featured .ops-path-icon{background:var(--accent-soft);color:var(--accent)}
.n3p .ops-tag{font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--n3-slate);margin-bottom:8px}
.n3p .ops-path.featured .ops-tag{color:var(--accent)}
.n3p .ops-path h3{font-family:var(--font-body);font-size:20px;font-weight:600;color:var(--ink);margin-bottom:10px}
.n3p .ops-path p{font-size:15px;color:var(--muted);margin-bottom:16px}
.n3p .ops-path ul{list-style:none;margin:0;padding:0}
.n3p .ops-path li{display:flex;gap:10px;align-items:flex-start;font-size:14px;color:var(--ink-soft);padding:7px 0;border-top:1px solid var(--line-soft)}
.n3p .ops-path li i.icon{font-size:11px;margin-top:5px;color:var(--n3-slate)}
.n3p .ops-path.featured li i.icon{color:var(--accent)}
.n3p .ops-steps{display:flex;align-items:stretch;gap:12px;margin-top:28px}
.n3p .ops-step{flex:1;display:flex;flex-direction:column;gap:4px;padding:18px 20px;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper)}
.n3p .ops-step b{font-size:16px;color:var(--ink)}
.n3p .ops-step span{font-size:13.5px;color:var(--muted)}
.n3p .ops-step .ops-num{font-size:12px;font-weight:600;letter-spacing:.1em;color:var(--accent)}
.n3p .ops-arrow{display:flex;align-items:center;color:var(--muted-2);font-size:14px}
.n3p .ops-closer{margin-top:28px;font-size:17px;color:var(--ink)}
@media(max-width:900px){.n3p .ops-paths{grid-template-columns:1fr}.n3p .ops-steps{flex-direction:column}.n3p .ops-arrow{justify-content:center;transform:rotate(90deg)}}
/* FA icon sizing */
.n3p .origin-hl-icon i.icon{font-size:16px;color:var(--accent)}
.n3p .origin-dot i.icon{font-size:19px}
.n3p .embed-icon i.icon{font-size:19px;color:var(--muted)}
.n3p .tf-dot i.icon{font-size:18px}
.n3p .tf-connector-line i.icon{font-size:13px;color:var(--muted-2)}
.n3p .deploy-icon i.icon{font-size:14px}
.n3p .deploy-connector i.icon{font-size:12px;color:var(--muted-2)}
.n3p .adopt-tier-connector i.icon{font-size:11px}
/* QA fixes 2026-10-07 (AIP-1537) */
/* SC-009/012/015: center each flow icon against its card */
.n3p .tf-stage{align-items:center}
/* SC-010: keep all five roles, including 3N, on the connecting line at tablet widths */
@media (min-width:761px) and (max-width:1100px){
.n3p .embed-roles{flex-wrap:nowrap;gap:0 10px}
.n3p .embed-role{flex:1 1 0;width:auto;min-width:0}
}
/* SC-014: center the frame label on phones so it sits cleanly on the border */
@media (max-width:560px){
.n3p .embed-frame-label{left:50%;transform:translateX(-50%);white-space:nowrap;font-size:10px;letter-spacing:.06em;padding:0 10px}
}
/* SC-015: card headings inherited a 64px line height, which opened a gap when the heading wrapped */
.n3p .ops-path h3,.n3p .adopt-mid-statement h3{line-height:1.3}

/* QA follow-up 2026-10-08 (AIP-1537): on phones the frame label sat on the dashed border and looked overlapped. It now sits just above the box, centered, with a 12px gap. Tablet and desktop unchanged. */
@media (max-width:767px){
.n3p .embed-frame .embed-frame-label{top:-28px !important;left:0 !important;right:0 !important;transform:none !important;text-align:center;background:transparent;padding:0 !important;white-space:nowrap}
}

/* "Years Inside Mortgage Fulfillment" label at every size (2026-10-09, AIP-1537 retest at 800 and 1440px): the label sits just above the box, centered, with a 12px gap, instead of on the dashed border. A little extra space above the box keeps it clear of the intro text. */
.elementor-4291 .n3p .embed-frame .embed-frame-label{top:-28px !important;left:0 !important;right:0 !important;transform:none !important;text-align:center;background:transparent;padding:0 !important;white-space:nowrap}
@media (min-width:768px){.elementor-4291 .n3p .embed-frame{margin-top:8px}}/* End custom CSS */