/*
Theme Name: Sterling Bank
Theme URI: https://example.com/
Author: Custom Theme Studio
Description: Elegant, responsive banking-inspired WordPress theme with a customizable homepage, accessible navigation, and modern design.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: sterling-bank
*/
:root{--navy:#101f31;--ink:#17283b;--muted:#667487;--teal:#137f77;--cream:#f5f7f6;--line:#e3e9e8}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--ink);background:#fff}a{text-decoration:none;color:inherit}a:focus-visible,button:focus-visible{outline:3px solid #efbc70;outline-offset:3px}.container{max-width:1180px;margin:auto;padding:0 24px}.topbar{background:var(--navy);color:#d9e4e8;font-size:12px;padding:10px 0}.topbar .container{display:flex;justify-content:space-between}.header{background:white;border-bottom:1px solid var(--line);position:relative;z-index:5}.header-inner{display:flex;align-items:center;justify-content:space-between;min-height:84px;gap:25px}.brand{font-size:23px;font-weight:800;letter-spacing:-1px}.brand-mark{display:inline-grid;place-items:center;background:var(--teal);color:white;width:38px;height:38px;border-radius:12px;margin-right:9px}.menu{display:flex;gap:28px;list-style:none;margin:0;padding:0;align-items:center}.menu a{font-size:14px;font-weight:600}.menu a:hover{color:var(--teal)}.actions{display:flex;align-items:center;gap:12px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 22px;border-radius:10px;font-weight:700;font-size:14px;border:1px solid transparent;transition:.2s}.btn-primary{background:var(--teal);color:white}.btn-primary:hover{background:#09665f}.btn-outline{border-color:#c9d5d5}.btn-outline:hover{background:#eef4f3}.hero{background:linear-gradient(112deg,#edf6f3 0%,#f7f8f5 65%,#e7f1ed 100%);overflow:hidden}.hero-inner{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:45px;padding-top:85px;padding-bottom:90px;min-height:590px}.eyebrow{text-transform:uppercase;letter-spacing:2px;color:var(--teal);font-weight:800;font-size:12px}.hero h1{font-size:clamp(43px,5vw,72px);line-height:1.08;letter-spacing:-3.5px;margin:20px 0}.hero p{font-size:18px;color:#536676;line-height:1.7;max-width:510px}.hero-buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.trust{display:flex;gap:20px;margin-top:42px;color:#647686;font-size:13px}.trust span:before{content:'✓';color:var(--teal);font-weight:900;margin-right:7px}.visual{position:relative;min-height:410px}.card-main{position:absolute;top:35px;left:25px;right:35px;background:var(--navy);border-radius:22px;padding:30px;color:white;box-shadow:0 25px 65px #152f3740;transform:rotate(-5deg)}.card-main small{color:#a9b7bd}.card-main .balance{font-size:40px;font-weight:750;letter-spacing:-1px;margin:10px 0 60px}.card-main .card-foot{display:flex;justify-content:space-between;letter-spacing:3px;font-size:14px}.floating{position:absolute;right:0;bottom:12px;background:white;padding:20px 24px;border-radius:16px;box-shadow:0 15px 50px #152f3726;min-width:225px}.floating strong{display:block;font-size:25px;margin:7px 0;color:var(--teal)}.section{padding:90px 0}.section-alt{background:var(--cream)}.section-head{text-align:center;max-width:650px;margin:0 auto 45px}.section-head h2{font-size:clamp(30px,3.5vw,45px);letter-spacing:-1.8px;margin:12px 0}.section-head p{color:var(--muted);line-height:1.7}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.feature{border:1px solid var(--line);border-radius:18px;padding:32px;background:white;transition:transform .2s,box-shadow .2s}.feature:hover{transform:translateY(-4px);box-shadow:0 14px 35px #1d3a4110}.feature-icon{font-size:26px;background:#e5f3ef;color:var(--teal);border-radius:13px;width:54px;height:54px;display:grid;place-items:center}.feature h3{font-size:21px;margin:25px 0 12px}.feature p{color:var(--muted);line-height:1.65;font-size:14px}.feature a{color:var(--teal);font-weight:700;font-size:14px}.split{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.split h2{font-size:43px;line-height:1.15;letter-spacing:-1.8px}.split p{color:var(--muted);line-height:1.75}.app-panel{background:#e4f0ed;border-radius:30px;padding:45px;min-height:330px}.app-phone{background:#fff;max-width:280px;margin:auto;border-radius:25px;padding:24px;box-shadow:0 20px 45px #1e3b3a22}.app-phone .row-line{height:13px;border-radius:7px;background:#e7efee;margin:17px 0}.app-phone .row-line:nth-child(even){width:70%}.cta{background:var(--navy);color:white;border-radius:25px;padding:65px;display:flex;align-items:center;justify-content:space-between;gap:30px}.cta h2{font-size:38px;letter-spacing:-1.4px;margin:0 0 10px}.cta p{color:#b4c5cb;margin:0}.footer{background:#0b1725;color:#c4d0d5;padding:55px 0 25px}.footer-grid{display:flex;justify-content:space-between;gap:40px}.footer p{max-width:430px;line-height:1.7;font-size:13px}.footer a:hover{color:white}.fine{border-top:1px solid #31404d;margin-top:40px;padding-top:24px;font-size:12px;color:#96a7b0}.content-area{padding:75px 0;min-height:50vh}.content-area h1{font-size:44px}.content-area article{max-width:850px;line-height:1.8}.menu-toggle{display:none;background:transparent;border:1px solid var(--line);border-radius:8px;padding:10px;font-size:22px}@media(max-width:900px){.hero-inner,.split{grid-template-columns:1fr}.hero-inner{padding-top:55px}.visual{max-width:540px;width:100%;margin:auto}.cards{grid-template-columns:1fr 1fr}.menu-toggle{display:block}.nav-wrap{display:none;position:absolute;top:100%;left:0;right:0;background:white;padding:22px;border-bottom:1px solid var(--line)}.nav-wrap.open{display:block}.menu{flex-direction:column;align-items:flex-start}.actions .btn-outline{display:none}}@media(max-width:600px){.cards{grid-template-columns:1fr}.hero h1{letter-spacing:-2px}.hero-inner{gap:0}.visual{min-height:360px}.card-main{left:0;right:15px}.floating{right:0}.cta{padding:35px;display:block}.cta .btn{margin-top:24px}.footer-grid{display:block}.trust{flex-direction:column;gap:10px}.topbar .container span:last-child{display:none}}