/* Shared presentation for InterpretBank feature pages */
:root { --pf-navy:#0b1f3a; --pf-blue:#1769aa; --pf-cyan:#1ca6b8; --pf-mist:#f6f9fc; --pf-ink:#26364a; }
body.feature-page { color:var(--pf-ink); }
body.feature-page #header { background:transparent; border-color:transparent; }
body.feature-page #header .logo a, body.feature-page #header .navbar > ul > li > a, body.feature-page #header .mobile-nav-toggle { color:#fff; }
body.feature-page #header .navbar .getstarted { background:#a8edf1; color:var(--pf-navy); }
body.feature-page #header.header-scrolled { background:#fff; border-color:#edf1f5; box-shadow:0 2px 15px rgba(24,34,51,.08); }
body.feature-page #header.header-scrolled .logo a, body.feature-page #header.header-scrolled .navbar > ul > li > a, body.feature-page #header.header-scrolled .mobile-nav-toggle { color:#182233; }
.pf-hero { position:relative; overflow:hidden; padding:166px 0 94px; color:#fff; background:linear-gradient(116deg,rgba(7,23,48,.99),rgba(15,82,125,.92)); }
.pf-hero:after { content:""; position:absolute; right:-150px; top:-250px; width:620px; height:620px; border:1px solid rgba(168,237,241,.26); border-radius:50%; box-shadow:0 0 0 55px rgba(168,237,241,.05),0 0 0 110px rgba(168,237,241,.035); }
.pf-hero-content { position:relative; z-index:1; max-width:850px; }
.pf-eyebrow { display:inline-flex; align-items:center; gap:8px; color:#a8edf1; font:600 12px/1 Poppins,sans-serif; letter-spacing:1.4px; text-transform:uppercase; }
.pf-hero h1 { max-width:850px; margin:18px 0 22px; color:#fff; font:600 clamp(2.45rem,5vw,4.5rem)/1.1 Raleway,sans-serif; }
.pf-lead { max-width:730px; margin:0; color:#e1edf5; font-size:1.17rem; line-height:1.72; }
.pf-button { display:inline-flex; align-items:center; gap:9px; margin-top:23px; padding:13px 23px; border-radius:5px; background:#fff; color:var(--pf-navy); font:600 14px Poppins,sans-serif; transition:.2s; }
.pf-button:hover { color:#fff; background:var(--pf-cyan); transform:translateY(-1px); }
.pf-section { padding:82px 0; }
.pf-soft { background:var(--pf-mist); }
.pf-kicker { color:var(--pf-blue); font:600 12px Poppins,sans-serif; letter-spacing:1.2px; text-transform:uppercase; }
.pf-heading { max-width:780px; margin:10px 0 20px; color:var(--pf-navy); font:600 clamp(1.9rem,3vw,2.75rem)/1.22 Raleway,sans-serif; }
.pf-copy { color:#536276; font-size:1.03rem; line-height:1.78; }
.pf-card { height:100%; padding:27px 23px; border:1px solid #e5edf3; border-radius:8px; background:#fff; box-shadow:0 8px 24px rgba(21,48,80,.05); }
.pf-card i { display:block; margin-bottom:13px; color:var(--pf-cyan); font-size:1.55rem; }
.pf-card h3 { margin:0 0 10px; color:var(--pf-navy); font:600 1.1rem Raleway,sans-serif; }
.pf-card p { margin:0; color:#647286; font-size:.94rem; line-height:1.65; }
.pf-panel { padding:36px; border-radius:9px; color:#eaf4f8; background:var(--pf-navy); }
.pf-panel h2, .pf-panel h3 { color:#fff; font-family:Raleway,sans-serif; }
.pf-panel p, .pf-panel li { color:#d4e4ee; line-height:1.72; }
.pf-panel ul { padding-left:20px; margin-bottom:0; }
.pf-steps { counter-reset:step; list-style:none; padding:0; margin:26px 0 0; }
.pf-steps li { position:relative; padding:0 0 21px 49px; }
.pf-steps li:last-child { padding-bottom:0; }
.pf-steps li:before { counter-increment:step; content:counter(step, decimal-leading-zero); position:absolute; left:0; top:0; display:grid; width:31px; height:31px; place-items:center; border-radius:50%; color:var(--pf-navy); background:#a8edf1; font:700 11px Poppins,sans-serif; }
.pf-steps strong { color:#fff; }
.pf-cta { padding:70px 0; color:#fff; text-align:center; background:linear-gradient(125deg,#0b1f3a,#146d94); }
.pf-cta h2 { color:#fff; font:600 clamp(1.8rem,3vw,2.55rem) Raleway,sans-serif; }
.pf-cta p { max-width:650px; margin:16px auto 0; color:#dcecf2; line-height:1.7; }
.pf-cta .pf-button { margin-top:23px; background:#a8edf1; }
.pf-table-wrap { overflow-x:auto; border:1px solid #e1eaf1; border-radius:8px; background:#fff; box-shadow:0 8px 24px rgba(21,48,80,.05); }
.pf-table { min-width:700px; margin:0; color:#536276; }
.pf-table thead th { padding:18px; border:0; color:#fff; background:var(--pf-navy); font:600 .86rem Raleway,sans-serif; vertical-align:middle; }
.pf-table td { padding:15px 18px; border-color:#e8eef3; vertical-align:middle; }
.pf-table tbody td:not(:first-child) { color:var(--pf-blue); font-weight:700; text-align:center; }
@media (max-width:991px) { body.feature-page #header { background:#fff; border-color:#edf1f5; } body.feature-page #header .logo a, body.feature-page #header .mobile-nav-toggle { color:#182233; } .pf-hero { padding-top:132px; } }
@media (max-width:767px) { .pf-hero { padding:132px 0 66px; } .pf-section { padding:58px 0; } .pf-panel { padding:28px 24px; } }