:root { color-scheme: dark; --bg:#0b1320; --panel:#111f30; --line:#2a3b50; --text:#edf3fc; --muted:#b2c2d6; --accent:#66d9d0; font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
* { box-sizing:border-box; }
body { margin:0; background:radial-gradient(ellipse at 90% 5%,#163345 0,transparent 35%),var(--bg); color:var(--text); }
a { color:inherit; text-underline-offset:.25em; }
button,textarea { font:inherit; }
button,a,summary { -webkit-tap-highlight-color:transparent; }
:focus-visible { outline:3px solid var(--accent); outline-offset:4px; }
[hidden] { display:none !important; }
.wrapper { width:min(1180px,calc(100% - 48px)); margin:auto; }
.skip-link { position:absolute; top:-100px; left:1rem; z-index:30; background:var(--text); color:var(--bg); padding:1rem; }
.skip-link:focus { top:1rem; }
.accordflow-header { border-bottom:1px solid var(--line); position:relative; z-index:2; }
.suite-bar { display:flex; justify-content:space-between; align-items:center; gap:1rem; padding:.8rem 0; border-bottom:1px solid var(--line); font-size:.75rem; color:var(--muted); }
.suite-bar a { text-decoration:none; padding:.4rem 0; }
.product-bar { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:1rem; padding:1.15rem 0; }
.brand { display:inline-flex; align-items:center; gap:.65rem; font-size:1.3rem; font-weight:750; letter-spacing:-.04em; text-decoration:none; flex-shrink:0; }
.primary-nav { display:flex; flex-wrap:wrap; align-items:center; gap:.35rem; }
.primary-nav a { display:inline-flex; align-items:center; min-height:44px; padding:.65rem .8rem; font-size:.9rem; font-weight:600; text-decoration:none; border-radius:8px; color:var(--muted); }
.primary-nav a:hover { color:var(--text); background:var(--panel); }
.primary-nav .nav-sign-in { border:1px solid var(--line); color:var(--text); margin-left:.5rem; gap:.75rem; }
.nav-toggle { display:none !important; }
main { padding:4.5rem 0; display:grid; gap:6rem; }
section { scroll-margin-top:1.5rem; min-width:0; }
h1,h2,h3 { margin:0; letter-spacing:-.045em; }
h1 { font-size:clamp(2.5rem,5.2vw,4.6rem); line-height:1.08; font-weight:650; }
h1 span { color:var(--accent); }
h2 { font-size:clamp(1.9rem,3.3vw,2.8rem); line-height:1.17; font-weight:650; }
h3,.h3 { font-size:1.18rem; line-height:1.35; letter-spacing:-.02em; }
p { line-height:1.7; color:var(--muted); }
.eyebrow { font-size:.72rem; text-transform:uppercase; letter-spacing:.13em; font-weight:750; color:var(--accent); margin:0 0 1rem; margin-bottom:1rem; }
.lead { font-size:1.12rem; line-height:1.8; }
.small { font-size:.85rem; }
.hero { display:grid; grid-template-columns:minmax(0,1.6fr) minmax(0,1fr); gap:3.5rem; align-items:center; }
.hero-copy .lead { max-width:60ch; margin:1.5rem 0; }
.hero-actions,.button-row { display:flex; flex-wrap:wrap; gap:.75rem; margin:1.5rem 0 0; }
.button { display:inline-flex; justify-content:center; align-items:center; min-height:46px; gap:.7rem; padding:.8rem 1.1rem; border:1px solid var(--accent); border-radius:9px; background:var(--accent); color:#071b21; font-size:.9rem; font-weight:750; text-decoration:none; cursor:pointer; }
.button:hover { filter:brightness(1.08); }
.button.secondary,.button.ghost { background:transparent; color:var(--text); border-color:var(--line); }
.button:disabled { opacity:.65; cursor:wait; }
.card { border:1px solid var(--line); border-radius:18px; padding:1.6rem; background:var(--panel); min-width:0; }
.hero-summary { background:linear-gradient(150deg,#17343c,var(--panel)); padding:2rem; }
.summary-list { list-style:none; padding:0; margin:1.5rem 0; counter-reset:summary; }
.summary-list li { position:relative; padding:.8rem 0 .8rem 2.8rem; border-bottom:1px solid var(--line); counter-increment:summary; }
.summary-list li::before { content:"0" counter(summary); position:absolute; left:0; top:1rem; color:var(--accent); font-size:.75rem; }
.summary-list strong,.summary-list span { display:block; }
.summary-list span { color:var(--muted); font-size:.85rem; margin-top:.3rem; }
.text-link { display:inline-block; color:var(--accent); font-weight:650; line-height:1.65; }
.section-head { max-width:780px; margin-bottom:1.75rem; }
.section-head p:last-child { margin-bottom:0; }
.example-grid,.split-section { display:grid; grid-template-columns:1fr 1.25fr; gap:2.5rem; align-items:start; }
.example-grid { padding:2rem; }
.document-preview { border-radius:10px; background:#f1f2ed; color:#203447; padding:2rem; min-height:320px; box-shadow:0 10px 35px #0003; }
.document-label { display:block; letter-spacing:.1em; font-size:.65rem; color:#4e6475; margin-bottom:2.5rem; }
.document-preview h3 { font-family:Georgia,serif; font-size:1.8rem; }
.document-preview p { color:#4e6475; font-size:.9rem; }
.document-preview hr { border:0; border-top:1px solid #a7b5b9; margin:1.5rem 0; }
.document-lines { display:grid; gap:.6rem; margin-top:1.5rem; }
.document-lines span { height:5px; background:#d0d8d8; border-radius:3px; }
.document-lines span:last-child { width:60%; }
.evidence-list,.profile-list { list-style:none; padding:0; margin:1.5rem 0; }
.evidence-list li { display:flex; justify-content:space-between; align-items:center; gap:1rem; padding:1rem 0; border-bottom:1px solid var(--line); font-size:.9rem; }
.status { display:inline-block; padding:.3rem .6rem; border:1px solid var(--line); border-radius:6px; font-size:.75rem; white-space:nowrap; color:var(--muted); }
.status.good { color:#86e8c6; border-color:#35665e; }
.status.warning { color:#f4d28b; border-color:#766341; }
.callout { border-left:2px solid var(--accent); padding-left:1rem; }
.grid-3,.grid-4 { display:grid; gap:1rem; }
.grid-3 { grid-template-columns:repeat(3,minmax(0,1fr)); }
.grid-4 { grid-template-columns:repeat(4,minmax(0,1fr)); }
.step-number { display:block; color:var(--accent); font-size:.85rem; margin-bottom:1.7rem; }
.step p,.grid-3 p { font-size:.95rem; }
.split-section { grid-template-columns:1.2fr 1fr; }
.profile-list li { border-bottom:1px solid var(--line); margin-bottom:1rem; }
.profile-list p { margin:.3rem 0 1rem; }
pre { overflow-x:auto; max-width:100%; padding:1rem; background:#0b1522; border-radius:8px; line-height:1.7; font-size:.85rem; }
code { font-family:ui-monospace,SFMono-Regular,Consolas,monospace; overflow-wrap:anywhere; }
pre code { overflow-wrap:normal; }
.verification-demo { display:grid; grid-template-columns:1.2fr 1fr; gap:2rem; }
label { display:block; margin-bottom:.75rem; font-size:.9rem; font-weight:650; }
textarea { width:100%; min-height:160px; resize:vertical; padding:1rem; border:1px solid #51657b; border-radius:8px; background:#0b1522; color:var(--text); line-height:1.6; }
#verification-result { min-height:3rem; }
#verification-result[data-outcome="match"] { color:#86e8c6; }
#verification-result[data-outcome="changed"] { color:#f4d28b; }
summary { cursor:pointer; line-height:1.6; }
.closing { padding:3rem; text-align:center; background:linear-gradient(130deg,#17343c,var(--panel)); }
.closing .hero-actions { justify-content:center; }
footer { padding:2.5rem 0; border-top:1px solid var(--line); }
.footer-links { display:flex; flex-wrap:wrap; gap:.5rem 1.5rem; margin:1rem 0; font-size:.85rem; }
.footer-links a { padding:.5rem 0; }
footer .small { max-width:90ch; }
.page-intro { max-width:900px; }
.table-scroll { overflow-x:auto; padding:0; }
.status-table { width:100%; border-collapse:collapse; min-width:860px; }
.status-table th,.status-table td { padding:1rem; text-align:left; border-bottom:1px solid var(--line); vertical-align:top; font-size:.85rem; line-height:1.6; }
.status-table th { color:var(--accent); }
.flow-list { color:var(--muted); line-height:1.8; padding-left:1.5rem; }
.flow-list li { padding:.5rem 0; }
.cookie-banner { position:fixed; inset:auto 1rem 1rem; z-index:10; max-width:680px; max-height:calc(100dvh - 2rem); overflow-y:auto; box-shadow:0 12px 70px #0009; border-radius:18px; }
.cookie-banner[aria-hidden="true"] { display:none; }
.cookie-banner .card { background:#17283b; }
.cookie-banner .button-row { margin-top:.75rem; }
#cookie-preferences { display:flex; flex-wrap:wrap; gap:.5rem; margin-top:1rem; }
@media (max-width: 960px) {
  .product-bar { gap:.5rem; }
  .primary-nav { gap:0; }
  .primary-nav a { padding:.6rem; font-size:.85rem; }
  .hero { grid-template-columns:1fr; gap:2rem; }
  .hero-summary { max-width:none; }
  .grid-4 { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .example-grid,.split-section { gap:1.5rem; }
}
@media (max-width: 760px) {
  .wrapper { width:calc(100% - 32px); }
  .suite-bar span:last-child { display:none; }
  .product-bar { gap:1rem; }
  .primary-nav { width:100%; display:flex; flex-direction:column; align-items:stretch; gap:.25rem; }
  .primary-nav a { font-size:.95rem; padding:.8rem; }
  .primary-nav .nav-sign-in { margin-left:0; }
  [data-nav-enhanced="true"] .nav-toggle { display:inline-flex !important; }
  [data-nav-enhanced="true"] .primary-nav:not([data-open="true"]) { display:none; }
  main { gap:3.5rem; padding:2.5rem 0; }
  .example-grid,.split-section,.grid-3,.verification-demo { grid-template-columns:1fr; }
  .example-grid,.card { padding:1.25rem; }
  .closing { padding:2rem 1.25rem; }
  .section-head { margin-bottom:1.25rem; }
}
@media (max-width: 420px) {
  .grid-4 { grid-template-columns:1fr; }
  .hero-actions .button { width:100%; }
  .evidence-list li { align-items:flex-start; flex-direction:column; gap:.5rem; }
  h1 { font-size:2.5rem; }
  .document-preview { padding:1.25rem; }
}


.entry-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
@media(max-width:760px) { .entry-grid { grid-template-columns:1fr; } }