:root{
  --navy:#071827;--navy2:#0b2941;--blue:#176fe8;--blue2:#2f86f5;
  --ink:#10263b;--muted:#617789;--line:#dce6ed;--soft:#f4f7fb;
  --white:#fff;--green:#2f8b60;--gold:#efb444;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.55}
a{color:inherit}
.site-header{position:sticky;top:0;z-index:50;background:rgba(7,24,39,.97);border-bottom:1px solid rgba(255,255,255,.09);backdrop-filter:blur(12px)}
.site-nav{max-width:1220px;margin:auto;padding:15px 24px;display:flex;align-items:center;gap:28px}
.site-brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;font-weight:900;letter-spacing:.02em}
.public-screen-logo{position:relative;width:45px;height:34px;border:3px solid #2f86f5;border-radius:5px;display:inline-block}
.public-screen-logo:before{content:"";position:absolute;left:14px;top:7px;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:11px solid #2f86f5}
.public-screen-logo:after{content:"";position:absolute;width:22px;height:3px;background:#2f86f5;bottom:-9px;left:50%;transform:translateX(-50%);border-radius:3px}
.site-menu{margin-left:auto;display:flex;align-items:center;gap:23px}
.site-menu a{color:#c7d5df;text-decoration:none;font-size:13px;font-weight:750}
.site-menu a:hover,.site-menu a.active{color:#fff}
.nav-cta{padding:10px 14px;border-radius:9px;background:linear-gradient(135deg,var(--blue),var(--blue2));color:#fff!important}
.mobile-menu{display:none;background:none;color:#fff;border:0;font-size:25px}

.hero{background:
  radial-gradient(circle at 88% 12%,rgba(32,118,224,.30),transparent 29%),
  radial-gradient(circle at 70% 70%,rgba(29,83,123,.30),transparent 34%),
  linear-gradient(145deg,#061724,#092942);
  color:#fff;overflow:hidden}
.hero-inner{max-width:1220px;margin:auto;padding:92px 24px 88px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(380px,.95fr);gap:65px;align-items:center}
.eyebrow{display:inline-flex;align-items:center;gap:8px;color:#82b8ff;font-size:11px;text-transform:uppercase;letter-spacing:.13em;font-weight:900}
.hero h1{font-size:clamp(42px,6vw,74px);line-height:.98;letter-spacing:-.045em;margin:13px 0 22px;max-width:780px}
.hero h1 span{color:#75adf8}
.hero p{max-width:680px;color:#c0d1dc;font-size:17px;margin:0 0 28px}
.hero-actions{display:flex;gap:11px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:45px;padding:11px 18px;border-radius:10px;text-decoration:none;font-weight:850;font-size:13px;border:1px solid transparent;cursor:pointer}
.btn-primary{background:linear-gradient(135deg,var(--blue),var(--blue2));color:#fff}
.btn-secondary{border-color:rgba(255,255,255,.22);background:rgba(255,255,255,.06);color:#fff}
.btn-light{background:#edf4f9;border-color:#d7e4ed;color:#18384f}
.hero-panel{position:relative;background:linear-gradient(160deg,#fafdff,#eaf2f8);border-radius:22px;padding:14px;box-shadow:0 34px 70px rgba(0,0,0,.33)}
.hero-screen{min-height:365px;border-radius:15px;background:#071827;overflow:hidden;display:grid;grid-template-rows:auto 1fr auto}
.screen-top{padding:13px 17px;border-bottom:1px solid rgba(255,255,255,.09);display:flex;justify-content:space-between;color:#eaf4f9;font-size:10px}
.screen-content{display:grid;grid-template-columns:1.35fr .65fr;gap:1px;background:rgba(255,255,255,.08)}
.screen-media{background:linear-gradient(135deg,#0a3049,#0f5882);display:grid;place-items:center;padding:30px;color:#fff;text-align:center}
.screen-media strong{font-size:28px}.screen-media span{font-size:11px;color:#bed6e5;margin-top:7px;display:block}
.screen-rates{background:#0b2435;padding:25px 17px}.screen-rate{display:flex;justify-content:space-between;color:#dce9f0;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.09);font-size:11px}.screen-rate strong{color:#fff;font-size:17px}
.screen-bottom{padding:10px 15px;background:#fff;color:#27465c;font-size:9px;white-space:nowrap;overflow:hidden}
.hero-badge{position:absolute;right:-18px;bottom:26px;background:#fff;border-radius:13px;padding:13px 15px;box-shadow:0 14px 34px rgba(0,0,0,.2);color:#14344b}
.hero-badge strong,.hero-badge small{display:block}.hero-badge strong{font-size:12px}.hero-badge small{color:#6f8493;font-size:9px;margin-top:3px}

.trust-strip{border-bottom:1px solid var(--line);background:#fff}
.trust-inner{max-width:1220px;margin:auto;padding:20px 24px;display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.trust-item strong,.trust-item span{display:block}.trust-item strong{font-size:15px}.trust-item span{color:var(--muted);font-size:10px;margin-top:2px}

.section{padding:78px 24px}
.section-soft{background:var(--soft)}
.section-inner{max-width:1220px;margin:auto}
.section-head{max-width:760px;margin-bottom:32px}.section-head.center{margin-left:auto;margin-right:auto;text-align:center}
.section-head h2{font-size:clamp(30px,4vw,46px);line-height:1.08;letter-spacing:-.03em;margin:8px 0 12px}
.section-head p{color:var(--muted);margin:0;font-size:15px}

.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.service-card{padding:25px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 6px 22px rgba(18,48,72,.04)}
.service-icon{width:49px;height:49px;border-radius:12px;display:grid;place-items:center;background:#edf5ff;color:var(--blue);font-size:21px;font-weight:900;margin-bottom:18px}
.service-card h3{font-size:17px;margin:0 0 8px}.service-card p{color:var(--muted);font-size:12px;margin:0}
.service-card.featured{background:linear-gradient(145deg,#0c5aca,#197bed);border-color:#176fe8;color:#fff}.service-card.featured p{color:#d7e9ff}.service-card.featured .service-icon{background:rgba(255,255,255,.13);color:#fff}

.split{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.value-list{display:grid;gap:12px;margin-top:25px}
.value-item{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start}
.value-dot{width:30px;height:30px;border-radius:8px;background:#eaf4ff;color:var(--blue);display:grid;place-items:center;font-weight:950}
.value-item strong,.value-item span{display:block}.value-item span{font-size:11px;color:var(--muted);margin-top:3px}
.feature-panel{border-radius:20px;background:#0a2438;color:#fff;padding:31px;box-shadow:0 22px 50px rgba(14,48,73,.18)}
.feature-panel h3{font-size:25px;margin:0 0 7px}.feature-panel>p{color:#abc2d1;font-size:13px;margin:0 0 22px}
.feature-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}.feature-list span{padding:11px;border:1px solid rgba(255,255,255,.10);border-radius:10px;background:rgba(255,255,255,.04);font-size:10px}

.cta-section{padding:62px 24px;background:#0a2438;color:#fff}
.cta-inner{max-width:1220px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:30px}
.cta-inner h2{font-size:32px;margin:0 0 7px}.cta-inner p{margin:0;color:#b4c9d6}

.page-hero{background:linear-gradient(145deg,#061724,#0a2d47);color:#fff;padding:72px 24px}
.page-hero-inner{max-width:1220px;margin:auto}.page-hero h1{font-size:50px;letter-spacing:-.035em;margin:8px 0 12px}.page-hero p{max-width:720px;color:#bdd0dc;margin:0;font-size:16px}

.about-story{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:start}
.about-story h2{font-size:38px;line-height:1.1;margin:0 0 16px}.about-story p{color:var(--muted)}
.about-card{border:1px solid var(--line);border-radius:18px;padding:25px;background:#f8fafc}.about-card h3{margin:0 0 17px}
.about-stat{padding:14px 0;border-top:1px solid var(--line)}.about-stat:first-of-type{border-top:0}.about-stat strong,.about-stat span{display:block}.about-stat span{color:var(--muted);font-size:11px;margin-top:2px}

.contact-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:22px;align-items:start}
.contact-info,.contact-form{border:1px solid var(--line);border-radius:18px;background:#fff;padding:28px}
.contact-info{background:#0a2438;color:#fff}.contact-info p{color:#b7cbd7}
.contact-method{padding:16px 0;border-top:1px solid rgba(255,255,255,.10)}.contact-method strong,.contact-method span{display:block}.contact-method span{color:#b9cad5;font-size:11px;margin-top:4px}
.contact-form form{display:grid;gap:14px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.contact-form label{font-size:11px;font-weight:800;color:#29465c}.contact-form input,.contact-form textarea,.contact-form select{width:100%;margin-top:6px;border:1px solid #d1dde6;border-radius:10px;padding:11px 12px;background:#f9fbfc;color:#153249;font:inherit;outline:none}.contact-form textarea{min-height:150px;resize:vertical}.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{border-color:#5a98e9;box-shadow:0 0 0 3px rgba(39,112,224,.1)}
.form-message{padding:12px 14px;border-radius:10px;margin-bottom:13px;font-size:12px;font-weight:700}.form-message.success{background:#eaf8f0;color:#26734e;border:1px solid #c3e6d1}.form-message.error{background:#fdeeee;color:#9d4242;border:1px solid #efc7c7}

.site-footer{background:#061724;color:#fff;padding:48px 24px 25px}
.footer-inner{max-width:1220px;margin:auto;display:grid;grid-template-columns:1.3fr .7fr .7fr;gap:45px}.footer-brand p{color:#9fb7c6;font-size:11px;max-width:470px}.footer-col strong{display:block;margin-bottom:11px}.footer-col a,.footer-col span{display:block;color:#a8becc;text-decoration:none;font-size:11px;margin:8px 0}.footer-bottom{max-width:1220px;margin:28px auto 0;padding-top:20px;border-top:1px solid rgba(255,255,255,.09);color:#7f99aa;font-size:10px;display:flex;justify-content:space-between;gap:20px}

@media(max-width:980px){
 .hero-inner,.split,.about-story,.contact-grid{grid-template-columns:1fr}
 .hero-panel{max-width:680px}.service-grid{grid-template-columns:repeat(2,1fr)}
 .trust-inner{grid-template-columns:repeat(2,1fr)}.footer-inner{grid-template-columns:1fr 1fr}
 .site-menu{display:none;position:absolute;top:66px;left:0;right:0;padding:18px 24px;background:#071827;flex-direction:column;align-items:stretch}.site-menu.open{display:flex}.mobile-menu{display:block;margin-left:auto}
}
@media(max-width:620px){
 .hero-inner{padding-top:64px;grid-template-columns:1fr}.hero h1{font-size:43px}.hero-panel{display:none}
 .service-grid,.feature-list,.field-grid{grid-template-columns:1fr}.trust-inner{grid-template-columns:1fr 1fr}
 .section{padding:58px 18px}.site-nav{padding:14px 18px}.cta-inner{display:block}.cta-inner .btn{margin-top:20px}
 .footer-inner{grid-template-columns:1fr}.footer-bottom{display:block}.footer-bottom span{display:block;margin-top:5px}
}

/* SESSION-AWARE PUBLIC NAV */
.nav-account-link{
  padding:9px 12px;
  border-radius:9px;
  background:rgba(47,134,245,.14);
  border:1px solid rgba(90,156,244,.28);
  color:#fff!important;
}
.nav-logout-link{
  padding:9px 12px;
  border-radius:9px;
  border:1px solid rgba(255,255,255,.16);
  color:#d8e5ee!important;
}
.nav-logout-link:hover{background:rgba(255,255,255,.06)}

/* STRONGER LOGGED-IN ACCOUNT TABS */
.nav-account-link{
  padding:10px 14px!important;
  border-radius:10px!important;
  background:linear-gradient(135deg,#176fe8,#2f86f5)!important;
  border:1px solid #2f86f5!important;
  color:#fff!important;
  box-shadow:0 4px 14px rgba(23,111,232,.28)!important;
}
.nav-account-link:hover{
  background:linear-gradient(135deg,#0f63d8,#2579e8)!important;
  color:#fff!important;
}
.nav-logout-link{
  padding:10px 14px!important;
  border-radius:10px!important;
  background:#b93f48!important;
  border:1px solid #cf5660!important;
  color:#fff!important;
  box-shadow:0 4px 12px rgba(185,63,72,.18)!important;
}
.nav-logout-link:hover{
  background:#a9353e!important;
  border-color:#ba4650!important;
  color:#fff!important;
}