/* Transparent architectural linework replaces the generic diagonal stripes. */
.quote-form .widget,.quote-form iframe { width:100%; max-width:100%; margin:0; border:0; box-shadow:none; background:#fff; }
.quote-form .widget { min-width:0; }
.quote-form .widget:has(iframe) { min-height:0; }
@media(max-width:650px){.quote-form{padding:20px 12px}.quote-form>h2,.quote-form>.eyebrow{padding-inline:8px}}
.location-article-photo { margin: 30px 0; }
.location-article-photo img { width: 100%; aspect-ratio: 16/9; object-fit: cover; }
.location-article-photo figcaption { padding: 9px 0; border-bottom: 1px solid #d6dadd; color: #62686b; font-size: 13px; line-height: 1.45; }
.footer-disclaimer { color: #b8babb; font-size: 10px; line-height: 1.6; }
.footer-disclaimer p { margin: 0 0 10px; }
.home-faq-guides { padding-block: 45px 25px; }
.faq-guide-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 18px; }
.faq-guide-card { display: flex; flex-direction: column; min-width: 0; border: 1px solid #d6dadd; text-decoration: none; background: white; }
.faq-guide-card > img { width: 100%; aspect-ratio: 16/9; object-fit: cover; }
.faq-guide-card > div { padding: 17px; display: flex; align-items: start; gap: 8px; }
.faq-guide-card h3 { font-size: 18px; line-height: 1.3; letter-spacing: -.25px; margin: 0; }
.faq-guide-card .triangle { margin-top: 6px; margin-left: auto; }
.faq-guide-card:hover { border-color: #b78000; color: #765200; }
.compact-faq { padding-block: 25px 40px; }
.compact-faq .eyebrow { margin-bottom: 9px; }
.compact-faq h2 { margin-bottom: 18px; font-size: 30px; }
.compact-faq .faq-list details { padding: 0; }
.compact-faq .faq-list summary { padding: 12px 0 12px 22px; line-height: 1.4; font-size: 16px; list-style: none; position: relative; }
.compact-faq .faq-list summary::-webkit-details-marker { display: none; }
.compact-faq .faq-list summary::before { content: ""; position: absolute; left: 0; top: 18px; width: 7px; height: 9px; background: #b78000; clip-path: polygon(0 0,100% 50%,0 100%); }
.compact-faq details[open] > summary::before { transform: rotate(90deg); }
.compact-faq .faq-list details p { margin: 0 0 15px 22px; font-size: 16px; line-height: 1.6; }
@media(max-width: 950px) { .faq-guide-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media(max-width: 600px) {
  .faq-guide-grid { grid-template-columns: 1fr; gap: 10px; }
  .faq-guide-card { display: grid; grid-template-columns: 88px minmax(0,1fr); min-height: 88px; }
  .faq-guide-card > img { height: 100%; min-height: 88px; aspect-ratio: auto; }
  .faq-guide-card > div { padding: 12px; align-items: center; }
  .faq-guide-card h3 { font-size: 16px; line-height: 1.3; }
  .faq-guide-card .triangle { margin-top: 0; }
  .home-faq-guides { padding-block: 32px 20px; }
}
.hero .ticks { margin: 18px 0 0; }
.hero .ticks li { padding: 7px 0; margin: 0; line-height: 1.4; }
.comparison-flow { gap: 60px; padding-block: 48px; }
.comparison-flow > div { border: 0; padding: 0; position: relative; }
.comparison-flow .flow-icon { display: block; width: 64px; height: 64px; color: #bd8500; margin-bottom: 18px; }
.comparison-flow h2 { font-size: 25px; margin-bottom: 12px; }
.comparison-flow p { line-height: 1.5; margin: 0; max-width: 310px; }
.comparison-flow > div:not(:last-child)::after {
  content: ""; position: absolute; top: 27px; right: -36px;
  width: 45px; height: 12px; background: #b78000;
  clip-path: polygon(0 42%, 77% 42%, 77% 0, 100% 50%, 77% 100%, 77% 58%, 0 58%);
}
@media(max-width: 850px) {
  .compare-hero .hero-grid { padding-block: 25px; gap: 18px; }
  .compare-hero h1 { font-size: 34px; margin: 12px 0 16px; }
  .compare-hero .eyebrow { margin-bottom: 8px; }
  .hero .ticks li { padding: 5px 0; font-size: 15px; }
  .hero .ticks { margin-top: 12px; }
}
@media(max-width: 650px) {
  .comparison-flow { grid-template-columns: 1fr; gap: 35px; padding-block: 32px; }
  .comparison-flow > div { padding-left: 74px; min-height: 88px; }
  .comparison-flow .flow-icon { position: absolute; top: 0; left: 0; width: 48px; height: 48px; }
  .comparison-flow > div:not(:last-child)::after {
    top: auto; bottom: -25px; left: 19px; right: auto; width: 12px; height: 22px;
    clip-path: polygon(42% 0, 58% 0, 58% 65%, 100% 65%, 50% 100%, 0 65%, 42% 65%);
  }
  .comparison-flow h2 { font-size: 23px; margin-bottom: 8px; }
}
/* Shared National directional mark; decorative and independent of link labels. */
:root { --direction-gold: #b78000; }
.triangle {
  display: inline-block;
  width: 7px;
  height: 9px;
  background: var(--direction-gold);
  clip-path: polygon(0 0, 100% 50%, 0 100%);
  flex: 0 0 auto;
  margin-left: 8px;
  vertical-align: baseline;
}
.triangle-down { transform: rotate(90deg); }
.site-header details[open] > summary .triangle-down { transform: rotate(-90deg); }
.site-header summary::-webkit-details-marker { display: none; }
.site-header { padding-inline: max(24px, calc((100% - 1160px)/2)); }
.site-header nav, .menu-toggle { text-transform: uppercase; letter-spacing: .35px; }
.site-header nav { gap: 18px; font-size: 12px; }
.state-directory { padding-block: 42px; }
.state-directory h2 { font-size: clamp(27px, 3vw, 35px); margin-bottom: 22px; }
.state-directory .eyebrow { margin-bottom: 9px; }
.state-grid { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 0 26px; }
.state-grid a {
  display: flex; align-items: center; justify-content: space-between;
  min-height: 44px; padding: 8px 0; font-size: 14px; line-height: 1.3;
  font-weight: 600; border-bottom: 1px solid #dce0e1;
}
.state-grid a:hover { color: #765200; border-bottom-color: var(--direction-gold); }
.button .triangle { background: #624600; }
@media(max-width: 1000px) { .state-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media(max-width: 650px) {
  .state-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 20px; }
  .state-directory { padding-block: 32px; }
}
.hero {
  background-color: #292d30;
  background-image: url('/assets/office-blueprint.svg');
  background-repeat: repeat;
  background-size: 1200px 720px;
  background-position: center center;
}
@media (max-width: 850px) {
  .hero { background-size: 960px 576px; background-position: 38% top; }
}

/* Version 3 conversion and directory refinements. */
.site-header nav{gap:26px;font-size:14px}.hero-grid{grid-template-columns:1.02fr 1.08fr;gap:48px}.quote-form{position:relative;overflow:hidden;padding:22px 16px 16px}.quote-form h2{margin:34px 0 12px;text-align:center}.form-ribbon{position:absolute;top:0;left:0;padding:8px 30px 8px 16px;background:#02c6f2;color:#10252b;clip-path:polygon(0 0,100% 0,86% 100%,0 100%);font-size:11px;line-height:1.2;font-weight:900;letter-spacing:1.2px;text-transform:uppercase}.quote-form .widget{width:100%;height:auto;min-height:560px}.quote-form .widget iframe{width:100%;height:560px;min-height:560px}.body-layout{width:min(1220px,calc(100% - 48px));grid-template-columns:minmax(0,1.9fr) minmax(360px,1fr);gap:48px}.sidebar-form{padding:14px 4px 4px;background:#efefef}.sidebar-form h2{margin-top:32px;font-size:25px}.sidebar-form .widget,.sidebar-form .widget iframe{height:675px!important;min-height:675px;background:#efefef}.classroom-split{background:#faf7e3}.state-card-media{display:block;position:relative;overflow:hidden}.state-ribbon{position:absolute;left:0;bottom:0;min-width:54px;padding:8px 18px 8px 13px;background:#d08e00;color:#171a1c;clip-path:polygon(0 0,100% 0,84% 100%,0 100%);font-size:13px;line-height:1;font-weight:900;letter-spacing:1.5px;text-align:center}.nearby-markets{padding-block:45px}.nearby-markets h2{margin-bottom:22px;font-size:clamp(26px,3vw,34px)}.nearby-markets .city-links a{display:inline-flex;align-items:center;font-weight:700;text-decoration:none}
.hero{background-image:radial-gradient(circle at 82% 18%,rgba(255,180,0,.18) 0 2px,transparent 2.8px),radial-gradient(circle at 16% 82%,rgba(255,255,255,.11) 0 1.8px,transparent 2.6px),url('/assets/office-blueprint.svg');background-size:28px 28px,34px 34px,1200px 720px}
@media(max-width:1200px){.site-header nav{gap:20px}}@media(max-width:850px){.hero{background-size:28px 28px,34px 34px,960px 576px}.hero-grid{grid-template-columns:1fr;gap:24px}.compare-hero .quote-form{width:100%}.body-layout{width:calc(100% - 48px);grid-template-columns:1fr;gap:30px}}@media(max-width:520px){.body-layout{width:calc(100% - 36px)}.quote-form{padding:16px 8px 8px}.quote-form h2{margin-top:32px;font-size:24px}.quote-form .widget,.quote-form .widget iframe{min-height:675px}.sidebar-form .widget,.sidebar-form .widget iframe{height:675px!important}}
.card-media{display:block;position:relative;overflow:hidden}.card-ribbon{position:absolute;left:0;bottom:0;padding:9px 25px 9px 14px;background:#d08e00;color:#171a1c;clip-path:polygon(0 0,100% 0,89% 100%,0 100%);font-size:12px;line-height:1;font-weight:900;letter-spacing:.5px;text-transform:uppercase}
.sidebar-form,.sidebar-form .widget,.sidebar-form .widget iframe{background:#faf7e3}
.cross-sell-form,.cross-sell-form .widget,.cross-sell-form .widget iframe{background:#faf7e3}
