/* Trident — section styles (SecurePass, engagement, trust, contact, footer) */

/* SecurePass — always a dark panel, set off from page bg */
.securepass{background:var(--panel);color:#EAE6DC;
  border-top:1px solid var(--hairline)}
body[data-direction="ivory"] .securepass{--ink:#EAE6DC;--hairline:rgba(234,230,220,.14);--muted:#9A968C;--faint:#6E6A61}
.sp-mark{display:inline-flex;align-items:center;gap:12px;margin-bottom:22px}
.sp-mark .lockup{font-family:var(--serif);font-size:20px;letter-spacing:.12em;text-transform:uppercase}
.sp-mark .by{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--faint)}
.sp-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(40px,6vw,90px);align-items:start}
@media (max-width:900px){.sp-grid{grid-template-columns:1fr}}

.process{display:grid;gap:0;margin-top:10px}
.step{display:grid;grid-template-columns:64px 1fr;gap:20px;padding:26px 0;
  border-top:1px solid var(--hairline)}
.step:last-child{border-bottom:1px solid var(--hairline)}
.step .n{font-family:var(--serif);font-size:26px;color:var(--accent)}
.step h4{font-size:17px;font-weight:600;letter-spacing:.02em;margin-bottom:6px}
.step p{color:var(--muted);font-size:15px}

.sp-aside{display:grid;gap:36px}
.sp-aside .block h5{font-size:12px;letter-spacing:.2em;text-transform:uppercase;
  color:var(--accent);font-weight:500;margin-bottom:16px}
.who{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--hairline);
  border:1px solid var(--hairline)}
.who span{background:var(--panel);padding:18px 20px;font-size:14.5px;color:var(--ink)}
.sp-context{color:var(--muted);font-size:15px;border-left:1px solid var(--accent);
  padding-left:22px}
.sp-context em{color:var(--ink);font-style:normal}

/* clearance artifact */
.artifact{border:1px solid var(--hairline);background:color-mix(in srgb,#EAE6DC 3%,transparent);
  padding:26px 28px;display:grid;gap:14px;max-width:420px}
.artifact .a-head{display:flex;justify-content:space-between;align-items:baseline;
  border-bottom:1px solid var(--hairline);padding-bottom:14px}
.artifact .a-head b{font-family:var(--serif);font-size:17px;letter-spacing:.1em;text-transform:uppercase;font-weight:500}
.artifact .a-head span{font-size:11px;letter-spacing:.16em;color:var(--faint);text-transform:uppercase}
.a-row{display:flex;justify-content:space-between;font-size:13.5px;color:var(--muted)}
.a-row .ok{color:var(--accent);letter-spacing:.06em;font-size:12px;text-transform:uppercase}

/* engagement */
.eng{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--hairline);
  border:1px solid var(--hairline)}
.eng .cell{background:var(--bg);padding:clamp(28px,3.5vw,44px);display:grid;gap:14px;align-content:start;
  transition:background .5s}
.eng .n{font-family:var(--serif);font-size:30px;color:var(--accent)}
.eng h3{font-size:clamp(20px,2vw,26px)}
.eng p{color:var(--muted);font-size:15px}
@media (max-width:820px){.eng{grid-template-columns:1fr}}

/* trust */
.trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(28px,4vw,56px)}
.trust-item{border-top:1px solid var(--hairline);padding-top:24px;display:grid;gap:12px;align-content:start}
.trust-item h4{font-size:16px;font-weight:600;letter-spacing:.02em}
.trust-item p{color:var(--muted);font-size:15px}
.trust-quote{margin-top:clamp(48px,7vw,90px);max-width:800px}
.trust-quote p{font-family:var(--serif);font-size:clamp(22px,2.8vw,34px);line-height:1.3;color:var(--ink)}
.trust-quote footer{margin-top:18px;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--faint)}
@media (max-width:820px){.trust-grid{grid-template-columns:1fr}}

/* contact */
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,6vw,100px);align-items:start}
@media (max-width:900px){.contact-grid{grid-template-columns:1fr}}
.form{display:grid;gap:26px}
.field{display:grid;gap:9px}
.field label{font-size:11.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}
.field input,.field select,.field textarea{background:transparent;border:none;
  border-bottom:1px solid var(--hairline);color:var(--ink);font-family:var(--sans);
  font-size:16px;padding:8px 0;border-radius:0;outline:none;transition:border-color .3s}
.field select{appearance:none;-webkit-appearance:none;cursor:pointer}
.field select option{color:#181C23;background:#EFEBE2}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent)}
.form .cta{justify-self:start;margin-top:8px;cursor:pointer;background:none;font-family:var(--sans)}
.form .cta.sent{background:var(--accent);color:#10131A;pointer-events:none}
.private-route{display:grid;gap:26px}
.private-route .row{border-top:1px solid var(--hairline);padding-top:20px;display:grid;gap:6px}
.private-route .row b{font-size:11.5px;letter-spacing:.18em;text-transform:uppercase;
  color:var(--muted);font-weight:500}
.private-route .row a,.private-route .row span{font-family:var(--serif);font-size:22px}
.private-route .row a:hover{color:var(--accent)}
.discretion-note{font-size:13.5px;color:var(--faint);max-width:40ch}

/* footer */
.footer{border-top:1px solid var(--hairline);padding:44px 0 56px}
.footer-inner{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;
  align-items:baseline;color:var(--faint);font-size:12.5px;letter-spacing:.06em}
.footer .brand{font-size:16px;color:var(--ink)}
.footer nav{display:flex;gap:26px}
.footer nav a:hover{color:var(--ink)}