/* v5: small additions to the existing editorial system. No homepage selectors. */.v5-inline-nav { display: flex; gap: 24px; flex-wrap: wrap; align-items: center; margin-top: 27px; font-size: 13px; } .v5-inline-nav a { padding: 5px 0; border-bottom: 1px solid var(--rule); } .v5-inline-nav a[aria-current="page"] { color: #506b3d; border-color: #506b3d; } .v5-pricing { padding-top: 40px; } .v5-prices { display: grid; grid-template-columns: 1fr 1fr; gap: 28px; } .v5-price-card { display: flex; flex-direction: column; padding: 32px; border: 1px solid var(--rule); border-radius: 7px; background: var(--paper); } .v5-price-card.full { background: #F1F5EA; border-color: #C9D8BB; } .v5-price-card h3 { font-size: 29px; line-height: 1.1; margin: 0; } .v5-price-row { display: flex; gap: 16px; align-items: baseline; flex-wrap: wrap; margin: 19px 0 26px; } .v5-price { font-size: 56px; line-height: 1; letter-spacing: -.05em; font-weight: 700; } .v5-price-row span:last-child { font-size: 13px; color: var(--muted); } .v5-price-card p { font-size: 15px; max-width: 46ch; line-height: 1.65; margin: 0 0 21px; } .v5-price-card .v5-scope { border-top: 1px solid var(--rule); padding-top: 19px; font-size: 13px; margin-bottom: 26px; } .v5-price-card .text-link { margin-top: auto; align-self: flex-start; } .v5-pricing-note { font-size: 13px; line-height: 1.65; color: var(--muted); margin: 20px 0 0; max-width: 80ch; } .v5-pilot { display: grid; grid-template-columns: 1fr 1fr; gap: 70px; align-items: start; } .v5-pilot p { font-size: 15px; line-height: 1.7; max-width: 54ch; } .v5-pilot .text-link { margin-top: 13px; } .v5-note { background: #F3F7F1; border: 1px solid #D7E1D0; padding: 28px; border-radius: 6px; } .v5-note h3 { font-size: 24px; margin: 0 0 12px; } .v5-note p { margin: 0; color: var(--muted); font-size: 14px; line-height: 1.65; } .v5-managed { display: grid; grid-template-columns: minmax(0,.85fr) minmax(0,1.15fr); gap: 80px; align-items: start; } .v5-managed>div>p { font-size: 15px; line-height: 1.65; max-width: 45ch; margin-top: 22px; } .v5-definition { margin: 0; } .v5-definition>div { padding: 22px 0; border-top: 1px solid var(--rule); } .v5-definition>div:first-child { padding-top: 0; border-top: 0; } .v5-definition dt { font-size: 20px; font-weight: 600; letter-spacing: -.025em; margin: 0 0 10px; } .v5-definition dd { margin: 0; font-size: 14px; line-height: 1.7; color: var(--muted); max-width: 59ch; } .v5-links { display: flex; gap: 24px; flex-wrap: wrap; border-top: 1px solid var(--rule); padding: 25px 0 45px; } .v5-security-hero { display: grid; grid-template-columns: minmax(0,.85fr) minmax(0,1.15fr); align-items: center; gap: 68px; } .v5-security-hero p { font-size: 17px; line-height: 1.65; max-width: 46ch; margin-top: 22px; } .v5-security-hero figure { margin: 0; width: 100%; border: 1px solid var(--rule); border-radius: 7px; padding: 12px; background: #F7F9F3; } .v5-security-hero svg { display: block; width: 100%; height: auto; } .v5-security-hero .diagram-narrow { display: none; } .v5-security-hero .diagram-wide { display: block; } .v5-security-section { display: grid; grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr); gap: 90px; } .v5-security-section>div>p { font-size: 15px; line-height: 1.65; margin-top: 22px; max-width: 43ch; } .v5-security-section .v5-definition>div:first-child { border-top: 1px solid var(--rule); padding-top: 22px; } .v5-isolation { display: grid; grid-template-columns: 1fr 1fr; gap: 28px; margin-top: 33px; } .v5-isolation article { padding: 27px; border: 1px solid var(--rule); border-radius: 6px; background: #F6F8F2; } .v5-isolation h3 { font-size: 26px; margin: 0 0 15px; } .v5-isolation p { font-size: 14px; line-height: 1.7; margin: 0; color: var(--muted); } .v5-security-note { font-size: 13px; line-height: 1.7; max-width: 83ch; margin-top: 21px; color: var(--muted); } .v5-giving { display: grid; grid-template-columns: minmax(0,.85fr) minmax(0,1.15fr); gap: 80px; align-items: start; } .v5-giving p { font-size: 14px; line-height: 1.7; max-width: 63ch; } .v5-giving>div>p { margin-top: 23px; font-size: 15px; max-width: 45ch; } .v5-pledges { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; margin-bottom: 24px; border-top: 1px solid var(--rule); padding-top: 22px; } .v5-pledge strong { display: block; font-size: 55px; line-height: 1; font-weight: 700; letter-spacing: -.045em; color: #587943; } .v5-pledge span { display: block; margin-top: 10px; font-size: 14px; color: var(--muted); } .v5-disclosure { border-top: 1px solid var(--rule); border-bottom: 1px solid var(--rule); margin-top: 22px; } .v5-disclosure summary { list-style: none; display: flex; gap: 24px; align-items: center; justify-content: space-between; padding: 17px 0; font-size: 15px; font-weight: 500; cursor: pointer; } .v5-disclosure summary::-webkit-details-marker { display: none; } .v5-disclosure .acc-icon { display: inline-block; width: 1.1rem; height: 1.1rem; flex-shrink: 0; color: #8FC46B; transform: rotate(0deg); transition: transform .45s cubic-bezier(.22,.61,.36,1); } .v5-disclosure[open] .acc-icon { transform: rotate(180deg); } .v5-disclosure .acc-icon svg { display: block; width: 100%; height: 100%; fill: none; stroke: currentColor; stroke-width: 3.4; stroke-linecap: round; stroke-linejoin: round; } .v5-disclosure p { margin: 0 0 20px; } .v5-plain-note { font-size: 13px!important; color: var(--muted); line-height: 1.7!important; margin: 22px 0 0; } .v5-principles { padding-top: 20px; } .v5-principles .principles-list article p { max-width: 62ch; } .v5-why-intro { max-width: 840px; } .v5-why-intro p { max-width: 65ch; } .v5-fit { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; } .v5-fit h3 { font-size: 28px; margin: 0 0 15px; } .v5-fit p { font-size: 15px; line-height: 1.7; max-width: 49ch; } .v5-table th { font-weight: 500; } .v5-table { width: 100%; border-collapse: collapse; text-align: left; margin: 25px 0 0; } .v5-table th, .v5-table td { padding: 19px 20px 19px 0; border-top: 1px solid var(--rule); vertical-align: top; font-size: 14px; line-height: 1.65; } .v5-table td { color: var(--muted); } .v5-table td:first-child { color: var(--ink); font-weight: 500; width: 24%; } .v5-table th { color: var(--ink); font-size: 13px; } .v5-table th:last-child, .v5-table td:last-child { padding-right: 0; } .v5-table a { border-bottom: 1px solid var(--rule); } .v5-two-notes { display: grid; grid-template-columns: 1fr 1fr; gap: 44px; } .v5-two-notes article { border-top: 1px solid var(--rule); padding-top: 24px; } .v5-two-notes h3 { font-size: 26px; margin: 0 0 13px; } .v5-two-notes p { font-size: 14px; line-height: 1.7; max-width: 53ch; margin: 0; } .v5-training-note { font-size: 14px; max-width: 66ch; color: var(--muted); line-height: 1.7; } @media (max-width:1000px){ .v5-managed, .v5-security-section, .v5-giving {  gap: 45px; }  .v5-security-hero {  gap: 35px; }  .v5-pilot {  gap: 40px; } } @media (max-width:760px){ .v5-prices, .v5-pilot, .v5-managed, .v5-security-hero, .v5-security-section, .v5-giving, .v5-fit, .v5-two-notes, .v5-isolation {  grid-template-columns: 1fr;  gap: 30px; }  .v5-pricing {  padding-top: 5px; }  .v5-price-card {  padding: 25px; }  .v5-price {  font-size: 48px; }  .v5-price-card h3 {  font-size: 26px; }  .v5-price-row {  margin: 17px 0 22px; }  .v5-inline-nav {  font-size: 12px;  gap: 18px; }  .v5-links {  gap: 18px;  padding-bottom: 30px; }  .v5-security-hero figure {  max-width: 560px; }  .v5-security-hero p {  font-size: 16px; }  .v5-security-hero .diagram-wide {  display: none; }  .v5-security-hero .diagram-narrow {  display: block; }  .v5-security-section .v5-definition>div:first-child {  padding-top: 20px; }  .v5-isolation {  gap: 15px; }  .v5-pledges {  margin-top: 0; }  .v5-pledge strong {  font-size: 47px; }  .v5-principles {  padding-top: 5px; }  .v5-table thead {  display: none; }  .v5-table, .v5-table tbody, .v5-table tr, .v5-table td {  display: block; }  .v5-table tr {  padding: 17px 0;  border-top: 1px solid var(--rule); }  .v5-table td, .v5-table td:first-child {  border: 0;  padding: 7px 0;  width: auto; }  .v5-table td:not(:first-child)::before {  content: attr(data-label);  display: block;  font-size: 12px;  font-weight: 500;  color: var(--ink);  margin-bottom: 5px; }  .v5-table td:first-child {  font-size: 17px;  font-weight: 600;  padding-top: 0; } } @media (prefers-reduced-motion:reduce){ .v5-disclosure .acc-icon {  transition: none!important; } }