/* /security/ only — motiv-security S2 (SPEC-motiv-security-build). Boards: design/handoffs/motiv-security/.
   Muted text is #6b6f72 (not the boards' #73777a): #73777a is 4.4:1 on the #fafbfc sections, under AA. */
.sec-page{--s-ink:#17191a;--s-body:#62676b;--s-mute:#6b6f72;--s-soft:#85898c;--s-line:#dedfe0;--s-line2:#e7e9eb;--s-alt:#fafbfc;--s-pad:max(6%,calc((100% - 1400px)/2))}
.sec-page h2{margin:0;font-size:clamp(40px,4.8vw,61px);line-height:1.07;font-weight:500;letter-spacing:-.055em;color:var(--s-ink)}
.sec-page h2 span{display:block;color:var(--s-soft)}
.sec-page .eyebrow{margin:0 0 20px;color:var(--s-mute)}
.sec-num{display:block;margin:0;font-size:11px;line-height:1.4;font-weight:650;letter-spacing:1.1px;color:var(--s-mute)}
.sec-cite{font-size:12px;line-height:1.8;color:var(--s-mute);font-variant-numeric:tabular-nums}
.sec-tt{font-size:20px;line-height:1.5;font-weight:500;letter-spacing:-.5px;color:var(--s-ink)}
.sec-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.sec-lk{display:inline-flex;align-items:center;gap:12px;min-height:44px;font-size:13px;font-weight:550;color:var(--s-ink);text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}
.sec-lk:hover{color:#5c6267}

/* hero */
.sec-hero{padding:112px var(--s-pad) 100px;background:#fff;display:flex;gap:80px;align-items:flex-end}
.sec-hero-copy{flex:1;min-width:0}
.sec-hero h1{margin:28px 0;font-size:clamp(50px,6.2vw,89px);font-weight:500;line-height:1.04;letter-spacing:-.065em;color:var(--s-ink)}
.sec-hero h1 span{color:var(--s-soft)}
.sec-hero .lead{max-width:600px;margin:0;font-size:17px;line-height:1.8;color:var(--s-body)}
.sec-chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:36px}
.sec-chip{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 16px;border:1px solid var(--s-line);border-radius:7px;font-size:13px;font-weight:550;color:var(--s-ink);text-decoration:none;background:#fff;transition:border-color .2s}
.sec-chip:hover,.sec-chip:focus-visible{border-color:var(--s-ink)}
.sec-chip svg{width:14px;height:14px}
.sec-glance{width:340px;flex-shrink:0;background:none;padding:0;border:0;box-shadow:none}
.sec-glance .sec-num{margin-bottom:14px}
.sec-glance dl,.sec-facts{margin:0}
.sec-glance dl>div{border-top:1px solid var(--s-line);padding:18px 0;display:flex;flex-direction:column;gap:4px}
.sec-glance dl>div:last-child{border-bottom:1px solid var(--s-line)}
.sec-glance dt{font-size:12px;color:var(--s-mute)}
.sec-glance dd{margin:0;font-size:16px;font-weight:500;color:var(--s-ink)}

/* sections */
.sec-section{padding:100px var(--s-pad);background:#fff;scroll-margin-top:90px}
.sec-alt{background:var(--s-alt);border-top:1px solid var(--s-line2);border-bottom:1px solid var(--s-line2)}
.sec-alt+.sec-alt{border-top:0}
.sec-head{display:flex;gap:80px;align-items:flex-end;justify-content:space-between;margin-bottom:56px}
.sec-head>div{flex:1;min-width:0}
.sec-lead{width:400px;flex-shrink:0;margin:0;font-size:17px;line-height:1.8;color:var(--s-body)}
.sec-split{display:flex;gap:80px;align-items:flex-end;justify-content:space-between}
.sec-split>div:first-child{flex:1;min-width:0}
#where{align-items:flex-start}
.sec-side{width:440px;flex-shrink:0;margin:0}
.sec-side>p{margin:18px 0 0;font-size:15px;line-height:1.7;color:var(--s-body)}

/* safeguards table */
.sec-table{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border:1px solid var(--s-line2);border-radius:12px;text-align:left}
.sec-table th,.sec-table td{vertical-align:top;padding:28px 20px;border-bottom:1px solid var(--s-line2)}
.sec-table th:first-child{padding-left:32px;width:27%}
.sec-table td:last-child{padding-right:32px}
.sec-table tbody tr:last-child>*{border-bottom:0}
.sec-table thead th{padding-top:18px;padding-bottom:18px;border-bottom-color:var(--s-line);font-size:11px;font-weight:650;letter-spacing:1.1px;text-transform:uppercase;color:var(--s-mute)}
.sec-table thead th.sec-ours{color:var(--s-ink)}
.sec-table tbody th{font-weight:400}
.sec-table tbody th>span{display:block}
.sec-table td{font-size:15px;line-height:1.7;color:var(--s-body)}
.sec-table td.sec-ours{color:#242a2e}
.sec-store{margin-top:56px}
.sec-store ul{list-style:none;margin:20px 0 0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px}
.sec-store li{border-top:1px solid var(--s-line);padding-top:16px;display:flex;flex-direction:column;gap:4px}
.sec-store li>span:first-child{font-size:15px;font-weight:500;line-height:1.5;color:var(--s-ink)}
.sec-disclaimer{margin:40px 0 0;padding-top:24px;border-top:1px solid var(--s-line);font-size:15px;line-height:1.7;color:#242a2e}
.sec-disclaimer strong{font-weight:600}
.sec-disclaimer span{color:var(--s-mute)}

/* tiles */
.sec-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:56px 40px}
.sec-tiles article{border-top:1px solid var(--s-line);padding-top:28px;display:flex;flex-direction:column;gap:14px}
.sec-tiles h3{margin:0;font-size:20px;line-height:1.5;font-weight:500;letter-spacing:-.5px;color:var(--s-ink)}
.sec-tiles p{margin:0;font-size:15px;line-height:1.7;color:var(--s-body)}
.sec-tile-top{display:flex;justify-content:space-between;align-items:center}
.sec-page svg[viewBox="0 0 24 24"]{fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}
.sec-tile-top svg,.sec-docs svg{width:24px;height:24px;color:var(--s-ink)}

/* where + response */
.sec-facts>div{display:flex;justify-content:space-between;gap:24px;padding:20px 0;border-top:1px solid var(--s-line)}
.sec-facts>div:last-child{border-bottom:1px solid var(--s-line)}
.sec-facts dt{font-size:14px;color:var(--s-mute)}
.sec-facts dd{margin:0;font-size:16px;font-weight:500;text-align:right;color:var(--s-ink)}
.sec-side>.sec-cite{display:block;margin-top:16px}
.sec-cards{display:flex;flex-direction:column;gap:20px}
.sec-card{background:#fff;border:1px solid var(--s-line2);border-radius:12px;padding:32px;display:flex;flex-direction:column;gap:14px}
.sec-card p{margin:0;font-size:15px;line-height:1.7;color:var(--s-body)}
.sec-card h3{margin:0;font-size:20px;font-weight:500;letter-spacing:-.5px}
.sec-card .sec-big{font-size:56px;line-height:1;font-weight:500;letter-spacing:-2px;color:var(--s-ink);font-variant-numeric:tabular-nums}
.sec-card .sec-big span{font-size:20px;letter-spacing:-.5px;margin-left:8px;color:var(--s-mute)}
.sec-lines{list-style:none;padding:0}
.sec-lines li{padding:22px 0;border-top:1px solid var(--s-line);font-size:15px;line-height:1.7;color:#242a2e}
.sec-lines li:last-child{border-bottom:1px solid var(--s-line)}

/* dark */
.sec-dark{background:#101112}
.sec-dark h2,.sec-dark h3{color:#fff}
.sec-dark h2 span{color:#a4afb7}
.sec-dark .eyebrow,.sec-dark .sec-num{color:#a4afb7}
.sec-dark .sec-lead,.sec-dark p{color:#c1c8cd}
.sec-dark .sec-tiles article{border-top-color:rgba(255,255,255,.14)}

/* documents */
.sec-docs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.sec-docs a{background:#fff;border:1px solid var(--s-line2);border-radius:12px;padding:28px;min-height:220px;display:flex;flex-direction:column;gap:14px;color:var(--s-ink);text-decoration:none;transition:border-color .2s}
.sec-docs a:hover,.sec-docs a:focus-visible{border-color:var(--s-ink)}
.sec-docs .sec-cite{flex:1}
.sec-docs .sec-lk{min-height:0}

/* report */
.sec-mail{font-size:27px;line-height:1.15;font-weight:500;letter-spacing:-.8px;color:var(--s-ink);text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:1px;word-break:break-word}

/* cta */
.sec-cta{padding:120px var(--s-pad);background:#101112;text-align:center;display:flex;flex-direction:column;align-items:center;gap:28px}
.sec-cta .eyebrow{margin:0;color:#a4afb7}
.sec-cta h2{color:#fff}
.sec-cta-row{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:32px}
.sec-cta .button{margin-top:0;background:linear-gradient(150deg,#424a50,#1d2226 55%,#171b1e);border:1px solid rgba(255,255,255,.125);box-shadow:inset 0 1px 0 #ffffff35,0 8px 22px #0c172029}
.sec-lk-light{color:#fff}.sec-lk-light:hover{color:#c1c8cd}

/* focus */
.sec-page a:focus-visible{outline:2px solid #17191a;outline-offset:3px}
.sec-dark a:focus-visible,.sec-cta a:focus-visible{outline-color:#fff}

@media(max-width:1100px){
.sec-hero{flex-direction:column;align-items:stretch;gap:48px}
.sec-glance{width:auto;max-width:520px}
.sec-head,.sec-split{flex-direction:column;align-items:stretch;gap:24px}
.sec-lead,.sec-side{width:auto;max-width:640px}
.sec-store ul{grid-template-columns:repeat(3,minmax(0,1fr))}
.sec-docs{grid-template-columns:repeat(2,minmax(0,1fr))}
.sec-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
.sec-hero{padding:64px 20px 56px}
.sec-section{padding:56px 20px}
.sec-cta{padding:80px 20px}
.sec-head{margin-bottom:32px}
.sec-tiles,.sec-docs{grid-template-columns:1fr;gap:32px}
.sec-docs{gap:12px}
.sec-docs a{min-height:0}
.sec-store ul{grid-template-columns:1fr;gap:12px}
.sec-mail{font-size:22px}
/* the table stacks to cards (Phone.dc.html) */
.sec-table,.sec-table tbody,.sec-table tr,.sec-table th,.sec-table td{display:block;width:auto}
.sec-table{background:none;border:0;border-radius:0}
.sec-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.sec-table tbody{display:flex;flex-direction:column;gap:12px}
.sec-table tr{background:#fff;border:1px solid var(--s-line2);border-radius:12px;padding:22px 20px;display:flex;flex-direction:column;gap:14px}
.sec-table th,.sec-table td,.sec-table th:first-child,.sec-table td:last-child{padding:0;border:0;width:auto}
.sec-table td{border-top:1px solid var(--s-line2);padding-top:12px}
.sec-table td:before{content:attr(data-label);display:block;margin-bottom:4px;font-size:11px;font-weight:650;letter-spacing:1.1px;text-transform:uppercase;color:var(--s-mute)}
.sec-table td.sec-ours:before{color:var(--s-ink)}
}
@media(prefers-reduced-motion:reduce){.sec-chip,.sec-docs a{transition:none}}