:root{
  --ink:#152e43;
  --muted:#596b7a;
  --line:#dbe1e5;
  --paper:#f8f9fa;
  --blue:#dce8ef;
  --orange:#ba512f;
  --navy:#122c41;
  font-family:Inter,"Helvetica Neue",Arial,sans-serif;
  color:var(--ink);
  background:#fff;
  font-synthesis:none}
*{
  box-sizing:border-box}
html{
  scroll-behavior:smooth;
  scroll-padding-top:30px}
body{
  margin:0;
  font-size:15px;
  line-height:1.6}
a{
  color:inherit;
  text-decoration:none}
button,input{
  font:inherit}
button,a,input{
  -webkit-tap-highlight-color:transparent}
button{
  cursor:pointer}
button:disabled{
  cursor:not-allowed;
  opacity:.5}
a:hover{
  text-decoration:underline}
a:focus-visible,button:focus-visible,input:focus-visible,[tabindex]:focus-visible{
  outline:3px solid var(--orange);
  outline-offset:5px}
h1,h2,h3,h4,p{
  margin:0}
h1,h2,h3,h4{
  line-height:1.12;
  letter-spacing:-.035em}
h2{
  font-size:clamp(30px,3.2vw,44px);
  font-weight:550}
h3{
  font-size:21px;
  font-weight:600}
.wrap{
  width:min(1160px,calc(100% - 80px));
  margin-inline:auto}
.skip-link{
  position:absolute;
  top:0;
  left:20px;
  background:#fff;
  padding:14px;
  z-index:20;
  transform:translateY(-150%)}
.skip-link:focus{
  transform:translateY(0)}
.demo-banner{
  background:var(--navy);
  color:#e5edf2;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:10px 20px;
  font-size:11px;
  letter-spacing:.015em}
.banner-dot{
  width:5px;
  height:5px;
  background:#ed9975;
  border-radius:50%}
.site-header{
  display:flex;
  justify-content:space-between;
  align-items:center;
  min-height:98px;
  border-bottom:1px solid var(--line)}
.brand{
  display:flex;
  gap:9px;
  align-items:center;
  font-size:20px;
  letter-spacing:-.055em;
  font-weight:700}
.brand-site{
  color:#778795;
  margin-left:-9px;
  font-weight:400}
.brand-mark{
  background:var(--navy);
  color:white;
  border-radius:3px;
  font-size:22px;
  line-height:1;
  width:31px;
  height:31px;
  display:grid;
  place-items:center;
  font-weight:500;
  letter-spacing:-3px;
  padding-right:3px}
.site-header nav{
  display:flex;
  gap:30px;
  align-items:center;
  font-size:12px}
.nav-back{
  border:1px solid var(--line);
  padding:10px 16px}
.nav-back span{
  padding-left:12px}
.hero{
  display:grid;
  grid-template-columns:1.17fr 1fr;
  gap:90px;
  align-items:center;
  padding-block:82px 83px}
.eyebrow{
  font-size:10px;
  letter-spacing:.13em;
  font-weight:650;
  line-height:1.5}
.hero .eyebrow{
  display:flex;
  align-items:center;
  gap:10px}
.small-line{
  width:20px;
  height:1px;
  background:var(--orange)}
h1{
  font-size:clamp(48px,5.3vw,70px);
  font-weight:550;
  line-height:1.05;
  letter-spacing:-.055em;
  margin-block:24px}
h1>span{
  color:#708797}
.hero-description{
  font-size:16px;
  max-width:440px;
  color:var(--muted);
  line-height:1.75;
  margin-bottom:27px}
.button{
  display:inline-flex;
  justify-content:space-between;
  align-items:center;
  gap:28px;
  padding:14px 20px;
  border:0;
  border-radius:3px;
  line-height:1.5;
  font-size:12px;
  font-weight:600;
  letter-spacing:.01em;
  min-height:48px}
.button:hover{
  text-decoration:none}
.primary{
  background:var(--navy);
  color:white}
.primary:hover{
  background:#244961}
.button span{
  font-size:18px;
  font-weight:400}
.hero-note{
  font-size:10px;
  color:var(--muted);
  margin-top:14px}
.hero-note span{
  color:var(--orange);
  margin-right:5px;
  font-size:15px}
.assurance-preview{
  border:1px solid #ccd6de;
  border-radius:8px;
  box-shadow:0 18px 55px #17364c12;
  overflow:hidden;
  transform:rotate(1deg);
  background:#fff}
.preview-header{
  display:flex;
  align-items:center;
  gap:9px;
  font-size:12px;
  padding:17px 21px;
  border-bottom:1px solid var(--line)}
.mini-mark{
  font-size:21px;
  font-weight:700;
  line-height:1}
.preview-tag{
  margin-left:auto;
  font-size:8px;
  color:var(--muted);
  letter-spacing:.1em;
  border:1px solid var(--line);
  padding:3px 6px}
.preview-main{
  text-align:center;
  padding:27px 25px 21px;
  background:radial-gradient(ellipse at center,#ecf2f6,white 70%)}
.panel-label{
  font-size:9px;
  letter-spacing:.1em;
  font-weight:650;
  color:var(--muted)}
.assurance-ring{
  width:225px;
  height:225px;
  border:1px solid #dce6ed;
  border-radius:50%;
  padding:12px;
  position:relative;
  margin:23px auto 17px;
  display:grid;
  place-items:center}
.assurance-ring:before{
  content:"";
  position:absolute;
  inset:8px;
  border:5px solid #c7dbe7;
  border-bottom-color:#edf2f5;
  transform:rotate(-35deg);
  border-radius:50%}
.assurance-ring>div{
  display:flex;
  align-items:center;
  flex-direction:column}
.ring-check{
  font-size:25px;
  width:46px;
  height:46px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:var(--navy);
  color:#dce8ef;
  margin-bottom:12px}
.assurance-ring strong{
  font-size:29px;
  letter-spacing:-.045em;
  font-weight:550}
.assurance-ring div>span:last-child{
  font-size:9px;
  color:var(--muted);
  margin-top:7px}
.preview-caption{
  font-size:11px;
  color:var(--muted)}
.preview-stats{
  border-top:1px solid var(--line);
  display:grid;
  grid-template-columns:1fr 1fr;
  margin-inline:20px}
.preview-stats>div{
  padding:17px 0 17px 12px}
.preview-stats>div:first-child{
  border-right:1px solid var(--line);
  padding-left:0}
.preview-stats span{
  display:block;
  font-size:9px;
  color:var(--muted)}
.preview-stats strong{
  font-size:27px;
  font-weight:550;
  letter-spacing:-.02em}
.preview-stats small{
  font-size:9px;
  letter-spacing:0;
  color:var(--muted);
  font-weight:400}
.preview-footer{
  display:flex;
  align-items:center;
  gap:7px;
  font-size:9px;
  background:#f5f7f8;
  border-top:1px solid var(--line);
  padding:11px 20px;
  color:var(--muted)}
.status-dot{
  height:5px;
  width:5px;
  background:#6e9393;
  border-radius:50%}
.preview-clock{
  margin-left:auto;
  font-size:8px}
.trust-strip{
  border-block:1px solid var(--line);
  background:#fafbfc}
.trust-strip .wrap{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:22px;
  min-height:83px}
.trust-strip p{
  font-size:8px;
  line-height:1.5;
  letter-spacing:.09em;
  max-width:140px;
  color:var(--muted)}
.trust-strip span{
  font-size:12px;
  font-weight:550;
  color:#657988;
  letter-spacing:-.02em}
.section{
  padding-block:88px}
.section-heading{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:40px;
  margin-bottom:36px}
.section-heading .eyebrow{
  color:var(--orange);
  margin-bottom:15px}
.section-heading>p{
  max-width:330px;
  font-size:13px;
  line-height:1.8;
  color:var(--muted)}
.generator{
  display:grid;
  grid-template-columns:1.15fr 1fr;
  border:1px solid var(--line);
  border-radius:5px;
  overflow:hidden;
  align-items:stretch}
form{
  padding:30px}
.form-heading{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:25px}
.form-heading h3{
  font-size:18px}
.form-heading>span{
  font-size:8px;
  letter-spacing:.1em;
  color:var(--muted)}
fieldset{
  border:0;
  padding:0;
  margin:0 0 18px;
  min-width:0}
legend{
  padding:0;
  font-size:12px;
  letter-spacing:-.015em;
  font-weight:600;
  margin-bottom:11px}
.question-number{
  font-size:9px;
  font-weight:400;
  letter-spacing:0;
  color:#758896;
  margin-right:9px}
.choices{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:7px}
.choices label{
  display:flex;
  align-items:start;
  gap:6px;
  border:1px solid var(--line);
  padding:12px 8px;
  border-radius:3px;
  cursor:pointer;
  min-height:76px;
  transition:border-color .15s,background .15s}
.choices label:hover{
  background:#f4f7f9}
.choices label:has(input:checked){
  border-color:#426c88;
  background:#edf3f7}
.choices label:has(input:focus-visible){
  outline:3px solid var(--orange);
  outline-offset:2px}
.choices input{
  accent-color:#264e68;
  flex:none;
  width:13px;
  height:13px;
  margin:3px 0 0}
.choices input:focus-visible{
  outline:none}
.choices label>span{
  font-size:11px;
  font-weight:600;
  line-height:1.6}
.choice-detail{
  display:block;
  font-size:9px;
  line-height:1.45;
  font-weight:400;
  color:var(--muted);
  margin-top:4px}
.group-hint{
  font-size:9px;
  color:var(--muted);
  margin-top:6px;
  min-height:15px}
fieldset[aria-invalid=true] .group-hint{
  color:#a73823;
  font-weight:600}
fieldset[aria-invalid=true] .choices label{
  border-color:#c98370}
.form-actions{
  display:flex;
  align-items:center;
  gap:15px;
  margin-top:22px}
.form-actions .button{
  font-size:11px;
  padding:12px 15px;
  gap:18px}
.reset-button{
  background:none;
  border:0;
  min-height:44px;
  padding:10px 4px;
  font-size:11px;
  color:var(--muted);
  text-decoration:underline;
  text-underline-offset:3px}
.form-feedback{
  font-size:11px;
  line-height:1.6;
  margin-top:12px;
  min-height:18px}
.privacy-note{
  font-size:9px;
  color:var(--muted);
  margin-top:10px}
.js-unavailable{
  border:1px solid #ca9984;
  background:#fff7f0;
  padding:12px;
  font-size:12px;
  margin-bottom:20px}
.report{
  border-left:1px solid var(--line);
  background:#f6f8fa;
  padding:25px 28px;
  display:flex;
  flex-direction:column}
.report-topline{
  display:flex;
  justify-content:space-between;
  font-size:8px;
  letter-spacing:.1em;
  color:var(--muted);
  border-bottom:1px solid var(--line);
  padding-bottom:17px}
.report-title-row{
  display:flex;
  gap:12px;
  align-items:center;
  margin-block:26px 28px}
.document-icon{
  font-size:24px;
  font-weight:400;
  border:1px solid #b9c9d6;
  background:white;
  width:36px;
  height:45px;
  display:grid;
  place-items:center;
  line-height:1}
.report-title-row .eyebrow{
  font-size:8px;
  color:var(--muted);
  margin-bottom:7px}
.report-title-row h3{
  font-size:19px}
#report-placeholder{
  flex:1}
.report-empty{
  padding-block:28px;
  text-align:center}
.empty-icon{
  display:inline-grid;
  place-items:center;
  width:46px;
  height:46px;
  background:#e3ebf1;
  color:#557288;
  border-radius:50%;
  font-size:24px;
  margin-bottom:20px}
.report-empty h4{
  font-size:23px;
  font-weight:500;
  margin-bottom:13px}
.report-empty p{
  font-size:12px;
  color:var(--muted);
  max-width:270px;
  margin:auto;
  line-height:1.75}
.placeholder-lines{
  max-width:250px;
  margin:0 auto 36px;
  display:grid;
  gap:10px}
.placeholder-lines span{
  display:block;
  background:#e2e8ed;
  height:5px;
  border-radius:3px}
.placeholder-lines span:nth-child(2){
  width:82%}
.placeholder-lines span:nth-child(3){
  width:58%}
.report-disclaimer{
  display:flex;
  gap:9px;
  border-top:1px solid var(--line);
  margin-top:auto;
  padding-top:18px;
  font-size:10px;
  color:var(--muted);
  line-height:1.6}
.report-disclaimer>span{
  font-size:14px}
.report-rating{
  padding:17px 19px;
  border:1px solid #c6d8e3;
  background:#e8f0f6;
  border-left:3px solid #426c88;
  margin-bottom:23px}
.report-rating h4{
  font-size:26px;
  font-weight:550;
  margin-block:9px}
.report-rating>p:last-child{
  font-size:10px;
  color:var(--muted)}
.findings-title{
  font-size:12px;
  letter-spacing:0}
.report-findings{
  list-style-type:decimal-leading-zero;
  padding-left:22px;
  font-size:11px;
  line-height:1.7;
  color:#4c6170;
  margin-block:12px 23px}
.report-findings li{
  padding-left:6px;
  margin-bottom:10px}
.report-findings li::marker{
  color:#607f94;
  font-size:9px}
.report-badges{
  display:flex;
  flex-wrap:wrap;
  gap:5px;
  margin-block:10px 24px}
.report-badges span{
  font-size:9px;
  border:1px solid #b9c9d5;
  border-radius:2px;
  padding:5px 8px;
  background:white;
  color:#34536b}
.pillars-section{
  background:#f6f8fa;
  border-block:1px solid var(--line)}
.pillars{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:22px}
.pillars article{
  position:relative;
  background:white;
  border:1px solid var(--line);
  border-radius:4px;
  padding:25px;
  display:flex;
  flex-direction:column}
.pillar-icon{
  font-size:29px;
  background:#eff4f7;
  width:49px;
  height:49px;
  display:grid;
  place-items:center;
  margin-bottom:31px}
.pillar-index{
  position:absolute;
  right:25px;
  top:33px;
  font-size:9px;
  color:var(--muted)}
.pillars h3{
  font-size:23px;
  font-weight:550;
  margin-bottom:14px}
.pillars p{
  font-size:12px;
  line-height:1.85;
  color:var(--muted);
  margin-bottom:28px}
.pillar-bottom{
  font-size:8px;
  letter-spacing:.09em;
  border-top:1px solid var(--line);
  padding-top:17px;
  margin-top:auto;
  color:var(--muted)}
.matrix-scroll{
  overflow-x:auto;
  border:1px solid var(--line);
  border-radius:4px}
table{
  border-collapse:collapse;
  width:100%;
  text-align:left;
  min-width:620px}
thead{
  background:#f3f6f8}
th,td{
  padding:19px 25px;
  border-bottom:1px solid var(--line);
  font-size:12px}
thead th{
  font-size:9px;
  font-weight:600;
  letter-spacing:.06em;
  color:var(--muted)}
tbody th{
  font-weight:550;
  width:25%}
tbody td{
  color:var(--muted)}
tbody tr:last-child th,tbody tr:last-child td{
  border-bottom:0}
.matrix-status{
  font-size:9px;
  padding:5px 8px;
  border:1px solid #c9dae0;
  background:#eff5f6;
  white-space:nowrap;
  color:#476e78;
  border-radius:3px}
.matrix-status.pending{
  color:#945631;
  background:#faf2e9;
  border-color:#ead4bd}
.matrix-note{
  font-size:10px;
  color:var(--muted);
  margin-top:14px}
.matrix-note span{
  color:var(--orange);
  margin-right:6px}
.summary-section{
  display:grid;
  grid-template-columns:1.2fr 1fr;
  background:var(--navy);
  color:#fff;
  border-radius:5px;
  padding:48px 50px;
  gap:60px;
  margin-bottom:73px}
.summary-section .eyebrow{
  color:#a9c3d4;
  margin-bottom:17px}
.summary-section h2{
  font-size:38px}
.summary-section>div>p:not(.eyebrow){
  font-size:12px;
  color:#b6c6d1;
  max-width:355px;
  line-height:1.8;
  margin-block:18px 24px}
.light{
  background:#f5f8fa;
  color:var(--navy);
  font-size:11px}
.light:hover{
  background:white}
.summary-quote{
  border-left:1px solid #456075;
  padding-left:46px;
  align-self:center}
.quote-mark{
  color:#7c9bb1;
  font-family:Georgia,serif;
  line-height:1;
  font-size:58px;
  display:block;
  height:43px}
blockquote{
  margin:0;
  font-size:26px;
  line-height:1.45;
  letter-spacing:-.03em;
  color:#e2ebf1;
  font-weight:400}
.summary-quote>p{
  font-size:8px!important;
  letter-spacing:.1em;
  color:#9ab1c1!important;
  margin-bottom:0!important}
footer{
  padding-bottom:27px}
.footer-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding-block:0 27px;
  border-bottom:1px solid var(--line)}
.footer-top>a:last-child{
  font-size:11px}
.footer-bottom{
  display:flex;
  align-items:start;
  justify-content:space-between;
  gap:50px;
  padding-top:22px;
  font-size:9px;
  color:var(--muted)}
.footer-bottom p{
  max-width:570px;
  line-height:1.7}
.footer-bottom>span{
  font-size:8px;
  letter-spacing:.08em;
  white-space:nowrap}
.sr-only{
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0}
[hidden]{
  display:none!important}
@media(max-width:1000px){
  .wrap{
    width:calc(100% - 48px)}
  .hero{
    gap:40px}
  .hero h1{
    font-size:56px}
  .choices{
    gap:5px}
  .choices label{
    padding:10px 6px;
    gap:4px}
  .choice-detail{
    font-size:8px}
  .generator form{
    padding:24px}
  .report{
    padding:24px}
  .trust-strip .wrap{
    gap:16px}
  .trust-strip span{
    font-size:10px}
  .summary-section{
    padding:40px;
    gap:35px}
  .summary-section h2{
    font-size:32px}
  .summary-quote{
    padding-left:30px}
  blockquote{
    font-size:24px}
  }
@media(max-width:760px){
  .demo-banner{
    font-size:9px;
    flex-wrap:wrap;
    gap:5px;
    padding:9px 16px}
  .site-header{
    min-height:82px}
  .site-header nav{
    gap:18px}
  .site-header nav>a:not(.nav-back){
    display:none}
  .nav-back{
    padding:8px 10px;
    font-size:10px}
  .brand{
    font-size:18px}
  .brand-mark{
    width:28px;
    height:28px;
    font-size:20px}
  .hero{
    grid-template-columns:1fr;
    gap:40px;
    padding-block:48px 48px}
  .hero h1{
    font-size:clamp(43px,8vw,64px)}
  .hero-description{
    max-width:520px;
    font-size:15px}
  .assurance-preview{
    max-width:470px;
    width:100%;
    margin:auto;
    transform:none}
  .trust-strip .wrap{
    justify-content:start;
    flex-wrap:wrap;
    padding-block:20px;
    gap:13px 22px}
  .trust-strip p{
    max-width:none;
    width:100%;
    font-size:8px}
  .trust-strip span{
    font-size:10px}
  .section{
    padding-block:58px}
  .section-heading{
    display:block;
    margin-bottom:27px}
  .section-heading>p{
    max-width:460px;
    margin-top:18px;
    font-size:12px}
  .generator{
    grid-template-columns:1fr}
  .report{
    border-left:0;
    border-top:1px solid var(--line)}
  .report-empty{
    padding-block:18px}
  .placeholder-lines{
    margin-bottom:28px}
  .pillars{
    grid-template-columns:1fr;
    gap:14px}
  .pillars article{
    padding:25px}
  .pillar-icon{
    margin-bottom:20px}
  .pillars p{
    max-width:520px}
  .matrix-scroll th,.matrix-scroll td{
    padding:16px 20px}
  .summary-section{
    grid-template-columns:1fr;
    padding:30px;
    gap:33px;
    margin-bottom:48px}
  .summary-quote{
    padding-left:20px}
  .summary-section h2{
    font-size:30px}
  .footer-top{
    gap:15px;
    align-items:start}
  .footer-bottom{
    flex-direction:column;
    gap:15px}
  .footer-bottom>span{
    font-size:7px}
  }
@media(max-width:400px){
  .wrap{
    width:calc(100% - 32px)}
  .hero h1{
    font-size:clamp(34px,10.8vw,43px)}
  .hero-note{
    font-size:9px}
  .generator form,.report{
    padding:20px 16px}
  .choices label{
    padding:10px 6px;
    gap:5px;
    min-height:76px}
  .choices label>span{
    font-size:10px}
  .choices input{
    width:12px;
    height:12px}
  .choice-detail{
    font-size:8px}
  .form-actions{
    gap:10px}
  .form-actions .button{
    font-size:10px;
    gap:9px;
    padding:12px}
  .form-heading h3{
    font-size:17px}
  .footer-top .brand{
    font-size:16px}
  .footer-top>a:last-child{
    font-size:9px}
  .summary-section{
    padding:27px 24px}
  .summary-section h2{
    font-size:28px}
  }
@media(max-width:480px){
  .choices label>span{
    font-size:12px}
  .choice-detail{
    font-size:10px}
  .choices label{
    padding:12px 8px}
  .group-hint,.privacy-note{
    font-size:10px}
  .form-heading>span{
    font-size:9px}
  .form-actions .button{
    font-size:11px}
  }
@media(max-width:360px){
  .choices{
    grid-template-columns:1fr}
  .choices label{
    min-height:50px;
    align-items:center;
    gap:9px}
  .choices label>span{
    display:flex;
    flex-wrap:wrap;
    align-items:baseline;
    gap:0 10px}
  .choice-detail{
    margin-top:0}
  .form-heading{
    gap:10px}
  .form-heading h3{
    font-size:16px}
  .hero-description{
    font-size:14px}
  }
@media(prefers-reduced-motion:reduce){
  html{
    scroll-behavior:auto}
  *,*::before,*::after{
    transition:none!important;
    animation:none!important}
  }

/* Enterprise Vibes additions: the source concept remains independent. */
:root{
  --surface:#fff;
  --surface-soft:#f6f8fa;
  --positive:#16845b;
  --positive-soft:#e9f7ee;
  --positive-line:#a4d9ba}
body{background:var(--surface)}
.banner-divider{color:#ed9975;margin-inline:4px}
.site-header nav{gap:20px}
.audit-selector{padding:30px}
.audit-intro{font-size:12px;color:var(--muted);margin-bottom:18px}
.audit-areas{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.audit-areas button{
  min-height:54px;
  border:1px solid var(--line);
  border-radius:3px;
  background:var(--surface);
  color:var(--ink);
  padding:12px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  text-align:left;
  font-size:12px}
.audit-areas button:hover:enabled,.audit-areas button[aria-pressed=true]{border-color:var(--orange);background:var(--surface-soft)}
.audit-areas button span{color:var(--orange)}
.audit-run-all{margin-top:18px;width:100%}
.audit-selector .js-unavailable{margin-top:18px;margin-bottom:0}
.audit-report .report-empty{margin-block:auto}
.trust-preview{display:flex;align-items:center;gap:30px;background:var(--surface-soft);border:1px solid var(--line);border-radius:5px;padding:28px}
.trust-preview>div{display:grid;grid-template-columns:auto auto;align-items:baseline;gap:2px 12px}
.trust-preview-mark{color:var(--positive);font-size:20px}
.trust-preview strong{font-size:45px;font-weight:550;line-height:1}
.trust-preview>div>span:last-child{grid-column:1/-1;font-size:10px;color:var(--muted)}
.trust-preview p{font-size:13px;line-height:1.6;max-width:300px;color:var(--muted);margin-right:auto}
.trust-hero{display:grid;grid-template-columns:1.25fr .75fr;gap:80px;align-items:center;padding-block:85px}
.trust-hero .eyebrow{display:flex;align-items:center;gap:10px}
.trust-hero h1{margin-bottom:22px}
.trust-overview{border:1px solid var(--line);border-radius:7px;padding:30px;background:var(--surface-soft);box-shadow:0 18px 55px #17364c12}
.trust-overview>strong{display:block;font-size:70px;font-weight:550;letter-spacing:-.07em;line-height:1.2;margin-block:12px 4px}
.trust-overview>p:not(.panel-label){font-size:12px;color:var(--muted)}
.trust-overview-bottom{border-top:1px solid var(--line);padding-top:19px;margin-top:30px;display:flex;align-items:center;gap:9px;font-size:11px}
.scope-section{background:var(--navy);color:white;padding-block:59px}
.scope-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:70px}
.scope-grid .eyebrow{color:#a9c3d4;margin-bottom:12px}
.scope-grid h2{font-size:clamp(30px,3.2vw,44px)}
.scope-statement{font-size:18px;line-height:1.65;max-width:730px}
.scope-note{font-size:11px;opacity:.76;margin-top:17px}
.controls-section{padding-bottom:44px}
.control-group{border-top:1px solid var(--line);padding-top:30px;margin-top:44px}
.control-group-header{display:grid;grid-template-columns:170px 1fr 1.2fr;gap:25px;align-items:baseline;margin-bottom:25px}
.control-group-header>span{font-size:9px;letter-spacing:.12em;color:var(--orange);font-weight:650}
.control-group-header h2{font-size:28px}
.control-group-header p{font-size:11px;color:var(--muted)}
.control-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.control-card{border:1px solid var(--line);border-radius:4px;background:var(--surface);padding:24px;min-width:0}
.control-card-head{display:flex;justify-content:space-between;align-items:start;gap:20px}
.control-type{font-size:8px;letter-spacing:.12em;font-weight:650;color:var(--muted)}
.control-card h3{font-size:17px;margin-top:8px}
.control-status{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;border:1px solid var(--positive-line);border-radius:50px;background:var(--positive-soft);color:#155c41;padding:6px 9px;font-size:9px;font-weight:700}
.control-status .status-dot{height:7px;width:7px;flex:none;background:var(--positive);box-shadow:0 0 0 3px #bde8cf}
.control-description{font-size:12px;line-height:1.75;color:var(--muted);margin-top:17px;max-width:550px}
.control-card.is-malfunctioning{border-color:#af5269}
.control-status.is-malfunctioning,.audit-status.is-malfunctioning{border-color:#ef9faf;background:#fde8ed;color:#831e39}
.control-status.is-malfunctioning .status-dot,.audit-status.is-malfunctioning .status-dot{background:#c33556;box-shadow:0 0 0 3px #f8c9d4}
.control-rescope,.audit-rescope{font-size:11px;line-height:1.65;color:#f4a7bf;border-left:2px solid #c33556;padding-left:12px;margin-top:14px}
.trust-closing{margin-top:18px}
@media(max-width:1000px){
  .site-header nav{gap:10px}
  .trust-hero{gap:40px}
  .control-group-header{grid-template-columns:130px 1fr;gap:10px 20px}
  .control-group-header p{grid-column:2}
  .control-card-head{display:block}
  .control-status{margin-top:13px}
}
@media(max-width:760px){
  .site-header{flex-wrap:wrap;padding-block:14px}
  .site-header nav{width:100%;justify-content:space-between;flex-wrap:wrap;gap:8px}
  .site-header nav>a:not(.nav-back){display:inline-flex}
  .audit-selector{padding:24px}
  .trust-preview{align-items:start;flex-wrap:wrap}
  .trust-hero{grid-template-columns:1fr;padding-block:54px;gap:35px}
  .trust-overview{max-width:470px;width:100%}
  .scope-grid{grid-template-columns:1fr;gap:25px}
  .scope-section{padding-block:45px}
  .control-grid{grid-template-columns:1fr}
  .control-group-header{grid-template-columns:1fr;gap:8px}
  .control-group-header p{grid-column:auto}
  .control-card-head{display:flex}
  .control-status{margin-top:0}
}
@media(max-width:480px){
  .site-header nav{justify-content:start}
  .site-header nav>a{font-size:10px}
  .audit-areas{grid-template-columns:1fr}
  .trust-preview{padding:23px}
  .trust-preview p{width:100%}
  .control-card{padding:19px}
  .control-card-head{display:block}
  .control-status{margin-top:14px}
  .scope-statement{font-size:16px}
}

html[data-theme=chaos]{
  color-scheme:dark;
  --ink:#f2eafa;
  --muted:#c3b3d5;
  --line:#594268;
  --paper:#211331;
  --blue:#352147;
  --orange:#fa83c9;
  --navy:#160d22;
  --surface:#211331;
  --surface-soft:#2c1b40;
  color:var(--ink);
  background:var(--surface)}
html[data-theme=chaos] ::selection{background:#fa83c9;color:#211331}
html[data-theme=chaos] .brand-mark{background:#e9ff61;color:#211331}
html[data-theme=chaos] .brand-site{color:#c3b3d5}
html[data-theme=chaos] .banner-dot{background:#e9ff61}
html[data-theme=chaos] .banner-divider{color:#fa83c9}
html[data-theme=chaos] .skip-link{background:#e9ff61;color:#211331}
html[data-theme=chaos] h1>span{color:#fa83c9}
html[data-theme=chaos] .small-line{background:#fa83c9}
html[data-theme=chaos] .primary{background:#e9ff61;color:#211331}
html[data-theme=chaos] .primary:hover{background:#fa83c9;color:#211331}
html[data-theme=chaos] .hero-note span{color:#fa83c9}
html[data-theme=chaos] .assurance-preview{background:var(--surface-soft);border-color:var(--line);box-shadow:0 18px 55px #11091b55}
html[data-theme=chaos] .preview-main{background:radial-gradient(ellipse at center,#3a2851,var(--surface) 75%)}
html[data-theme=chaos] .assurance-ring{border-color:var(--line)}
html[data-theme=chaos] .assurance-ring:before{border-color:#fa83c9;border-bottom-color:var(--line)}
html[data-theme=chaos] .ring-check{background:#e9ff61;color:#211331}
html[data-theme=chaos] .preview-footer{background:var(--surface-soft)}
html[data-theme=chaos] .preview-footer .status-dot{background:var(--positive)}
html[data-theme=chaos] .trust-strip{background:var(--surface-soft)}
html[data-theme=chaos] .trust-strip span{color:var(--ink)}
html[data-theme=chaos] .audit-areas button:hover:enabled,
html[data-theme=chaos] .audit-areas button[aria-pressed=true]{border-color:#e9ff61;background:#352147}
html[data-theme=chaos] .js-unavailable{background:#39243e;border-color:#fa83c9;color:var(--ink)}
html[data-theme=chaos] .report{background:var(--surface-soft)}
html[data-theme=chaos] .document-icon{background:var(--surface);border-color:var(--line)}
html[data-theme=chaos] .empty-icon{background:#49335f;color:#e9ff61}
html[data-theme=chaos] .pillars-section{background:var(--surface-soft)}
html[data-theme=chaos] .pillars article{background:var(--surface)}
html[data-theme=chaos] .pillar-icon{background:#49335f;color:#e9ff61}
html[data-theme=chaos] .summary-section{background:var(--navy);color:var(--ink)}
html[data-theme=chaos] .summary-section .eyebrow{color:#fa83c9}
html[data-theme=chaos] .summary-section>div>p:not(.eyebrow){color:#c3b3d5}
html[data-theme=chaos] .light{background:#e9ff61;color:#211331}
html[data-theme=chaos] .light:hover{background:#fa83c9;color:#211331}
html[data-theme=chaos] .summary-quote{border-color:var(--line)}
html[data-theme=chaos] .quote-mark{color:#fa83c9}
html[data-theme=chaos] blockquote{color:var(--ink)}
html[data-theme=chaos] .summary-quote>p{color:#c3b3d5!important}
html[data-theme=chaos] .trust-overview{box-shadow:0 18px 55px #11091b55}
html[data-theme=chaos] .scope-section{background:var(--navy);color:var(--ink)}
html[data-theme=chaos] .scope-grid .eyebrow{color:#fa83c9}
html[data-theme=chaos] .control-group-header>span{color:#fa83c9}

.audit-result-card{border:1px solid var(--line);border-radius:4px;background:var(--surface);padding:23px}
.audit-result-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.audit-status{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;border:1px solid var(--positive-line);border-radius:50px;background:var(--positive-soft);color:#155c41;padding:6px 9px;font-size:9px;font-weight:700}
.audit-status .status-dot{height:7px;width:7px;flex:none;background:var(--positive);box-shadow:0 0 0 3px #bde8cf}
.audit-result-card h4,.audit-summary h4{font-size:23px;font-weight:550;margin-block:18px 10px}
.audit-owner{font-size:10px;color:var(--muted);margin-bottom:22px}
.audit-detail{font-size:12px;line-height:1.75;border-top:1px solid var(--line);padding-top:18px}
.audit-summary-note{font-size:11px;line-height:1.6;color:var(--muted);margin-bottom:16px}
.audit-summary h4{margin:0 0 18px}
.audit-summary-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.audit-summary-item{display:grid;grid-template-columns:1fr auto;gap:4px 12px;align-items:center;border:1px solid var(--line);border-radius:4px;background:var(--surface);padding:13px}
.audit-summary-item strong{font-size:12px;font-weight:600}
.audit-summary-owner{font-size:9px;color:var(--muted);grid-column:1;grid-row:2}
.audit-summary-item .audit-status{grid-column:2;grid-row:1/3}
@media(max-width:480px){
  .audit-result-card{padding:18px}
  .audit-result-head{align-items:start;flex-direction:column}
  .audit-summary-item{grid-template-columns:1fr}
  .audit-summary-owner,.audit-summary-item .audit-status{grid-column:1;grid-row:auto}
  .audit-summary-item .audit-status{justify-self:start;margin-top:5px}
}

.audit-brand{gap:7px;white-space:nowrap}
.audit-brand-name{font-size:18px;letter-spacing:-.055em}
.audit-brand-suffix{font-size:11px;letter-spacing:.08em;text-transform:uppercase;border-left:1px solid var(--line);padding-left:10px;margin-left:3px}
.pricing-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.pricing-card{display:flex;flex-direction:column;min-width:0;padding:25px 22px;border:1px solid var(--line);border-radius:5px;background:var(--surface)}
.pricing-card.featured{border-color:var(--orange);box-shadow:0 12px 30px #11091b1a}
.pricing-stage{font-size:9px;letter-spacing:.11em;font-weight:650;color:var(--orange);margin-bottom:28px}
.pricing-card h3{font-size:21px;min-height:48px}
.pricing-price{font-size:38px;line-height:1.2;letter-spacing:-.055em;font-weight:600;margin-block:13px 17px}
.pricing-price span{font-size:13px;letter-spacing:0;font-weight:500;color:var(--muted);margin-left:5px}
.pricing-description{font-size:12px;line-height:1.7;color:var(--muted);min-height:62px}
.pricing-card ul{list-style:none;padding:18px 0 0;margin:22px 0 0;border-top:1px solid var(--line);display:grid;align-content:start;gap:10px}
.pricing-card li{position:relative;padding-left:16px;font-size:11px;line-height:1.6}
.pricing-card li::before{content:'↗';position:absolute;left:0;color:var(--orange)}
.pricing-fineprint{font-size:11px;color:var(--muted);margin-top:17px}
.pricing-fineprint small{font-size:inherit}
.pricing-next{font-size:12px;color:var(--muted);margin-top:18px}
.pricing-next a{color:var(--ink);font-weight:650;text-decoration:underline;text-underline-offset:3px;margin-left:5px}
.faq-section{background:var(--surface-soft);border-block:1px solid var(--line)}
.faq-list{max-width:900px;border-top:1px solid var(--line)}
.faq-item{border-bottom:1px solid var(--line)}
.faq-item summary{position:relative;list-style:none;cursor:pointer;padding:22px 43px 22px 0;font-size:16px;font-weight:600;line-height:1.4}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:'+';position:absolute;right:8px;top:15px;font-size:27px;font-weight:400;color:var(--orange)}
.faq-item[open] summary::after{content:'−'}
.faq-item summary:focus-visible{outline:3px solid var(--orange);outline-offset:4px}
.faq-item p{font-size:13px;line-height:1.8;color:var(--muted);max-width:750px;padding:0 40px 23px 0}
.faq-item p a{color:var(--ink);font-weight:650;text-decoration:underline;text-underline-offset:3px}
@media(max-width:1000px){
  .pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pricing-card h3,.pricing-description{min-height:0}
}
@media(max-width:600px){
  .audit-brand-name{font-size:16px}
  .audit-brand-suffix{font-size:10px}
  .pricing-grid{grid-template-columns:1fr}
  .pricing-card{padding:22px}
  .pricing-stage{margin-bottom:19px}
  .pricing-card ul{margin-top:17px}
  .pricing-next a{display:inline-block}
  .faq-item summary{font-size:14px}
}