/* layout.css — page-hero, 3-column layout, sidebars */

/* PAGE HERO */
.page-hero { background: linear-gradient(135deg, #060B1E 0%, #111F57 60%, #1B3080 100%); border-bottom: 1px solid rgba(109,196,255,.2); width: 100%; }
.page-hero-inner { max-width: 1200px; margin: 0 auto; padding: 36px 20px 28px; }
.page-hero h1 { font-size: clamp(1.4rem,3vw,2.2rem); font-weight: 700; color: #fff; line-height: 1.2; margin-bottom: 10px; max-width: 700px; }
.page-hero p { font-size: .95rem; color: #b8cee8; line-height: 1.7; max-width: 600px; }
.page-hero p a { color: #6dc4ff; }

/* 3-COLUMN LAYOUT */
.page-content { background: #111F57; width: 100%; }
.page-inner { display: flex; gap: 20px; padding: 24px 20px; align-items: flex-start; max-width: 1200px; margin: 0 auto; }

/* SIDEBAR LEFT — 25% */
.sidebar-left { width: 25%; flex-shrink: 0; order: 1; }
.sidebar-left .sidebar-inner { display: flex; flex-direction: column; gap: 14px; }

/* MAIN CONTENT */
.main-content { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 18px; order: 2; }

/* SIDEBAR RIGHT — 22% */
.sidebar-right { width: 22%; flex-shrink: 0; order: 3; }
.sidebar-right .sidebar-inner { display: flex; flex-direction: column; gap: 14px; }
  

/* SIDEBAR CARDS */
.sidebar-card { background: #060B1E; clip-path: polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px); overflow: hidden; }
.sidebar-card-head { background: #09102D; padding: 10px 14px; border-left: 3px solid #6dc4ff; }
.sidebar-card-head h3 { font-size: .66rem; text-transform: uppercase; letter-spacing: 2px; color: #6dc4ff; font-weight: 700; margin: 0; }
.sidebar-card-body { padding: 12px 14px; }

.sidebar-cta { text-align: center; padding: 18px 14px; display: flex; flex-direction: column; gap: 8px; align-items: center; }
.sidebar-label { font-size: .6rem; text-transform: uppercase; letter-spacing: 3px; color: #6dc4ff; }
.sidebar-phone { display: block; font-size: 1.1rem; font-weight: 700; color: #fff; }
.sidebar-phone:hover { color: #6dc4ff; }
.btn-call { display: block; width: 100%; background: #6dc4ff; color: #060B1E; font-size: .7rem; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; padding: 9px; border-radius: 3px; text-align: center; transition: background .2s; }
.btn-call:hover { background: #fff; color: #060B1E; }
.btn-quote { display: block; width: 100%; background: transparent; color: #6dc4ff; border: 1px solid #6dc4ff; font-size: .7rem; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; padding: 8px; border-radius: 3px; text-align: center; transition: all .2s; }
.btn-quote:hover { background: #6dc4ff; color: #060B1E; }

.sidebar-list { list-style: none; display: flex; flex-direction: column; gap: 7px; }
.sidebar-list li { font-size: .76rem; color: #b8cee8; padding-left: 14px; position: relative; line-height: 1.4; }
.sidebar-list li::before { content: '→'; position: absolute; left: 0; color: #6dc4ff; font-size: .7rem; }
.sidebar-list li a { color: #b8cee8; font-size: .76rem; font-weight: 400; }
.sidebar-list li a:hover { color: #6dc4ff; }

/* STATS */
.sidebar-stats { display: grid; grid-template-columns: 1fr 1fr; }
.stat-item { text-align: center; padding: 16px 10px; border-bottom: 1px solid rgba(109,196,255,.1); border-right: 1px solid rgba(109,196,255,.1); }
.stat-item:nth-child(even) { border-right: none; }
.stat-item:nth-child(n+3) { border-bottom: none; }
.stat-number { display: block; font-size: 1.5rem; font-weight: 700; color: #6dc4ff; line-height: 1; margin-bottom: 4px; }
.stat-label { font-size: .6rem; text-transform: uppercase; letter-spacing: 1.5px; color: #8ba4c8; }

/* TESTIMONIALS */
.testimonial-divider { border: none; border-top: 1px solid rgba(109,196,255,.1); margin: 12px 0; }
.stars { color: #f5c842; font-size: .8rem; margin-bottom: 5px; }
.testimonial-text { font-size: .74rem; color: #b8cee8; line-height: 1.6; font-style: italic; margin-bottom: 6px; }
.testimonial-author { font-size: .63rem; color: #6dc4ff; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; }