/* =========================================================
   NOTÉLUNE TRUST CENTER V1
   ========================================================= */

   *{
    box-sizing:border-box;
  }
  
  html{
    scroll-behavior:smooth;
  }
  
  body{
    margin:0;
    background:#070706;
    color:#f2eadf;
    font-family:Arial,Helvetica,sans-serif;
  }
  
  :root{
    --gold:#d5a04f;
    --gold2:#efc273;
    --cream:#f2eadf;
    --muted:#9b9389;
    --panel:#11100e;
    --panel2:#17130f;
    --line:rgba(213,160,79,.24);
    --green:#76b684;
    --amber:#d89d46;
  }
  
  a{
    color:inherit;
    text-decoration:none;
  }
  
  button{
    font:inherit;
  }
  
  
  /* =========================================================
     DEMO BAR
     ========================================================= */
  
  .trust-demo-bar{
    min-height:58px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    padding:10px 22px;
    border-bottom:1px solid var(--line);
    background:
      linear-gradient(
        90deg,
        #090807,
        #171008
      );
    position:sticky;
    top:0;
    z-index:100;
  }
  
  .trust-demo-bar > div:first-child{
    display:flex;
    align-items:center;
    gap:14px;
    flex-wrap:wrap;
  }
  
  .trust-demo-label{
    padding:6px 10px;
    border:1px solid rgba(221,168,85,.55);
    color:var(--gold2);
    font-size:9px;
    font-weight:700;
    letter-spacing:.18em;
    text-transform:uppercase;
  }
  
  .trust-demo-copy{
    color:#b9b0a5;
    font-size:11px;
    line-height:1.5;
  }
  
  .trust-demo-actions{
    display:flex;
    gap:10px;
  }
  
  .trust-small-btn{
    min-height:36px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0 14px;
    border:1px solid rgba(213,160,79,.38);
    color:#ddd3c7;
    text-transform:uppercase;
    letter-spacing:.11em;
    font-size:9px;
  }
  
  .trust-small-btn.gold{
    background:linear-gradient(135deg,#cf9647,#efc274);
    color:#120d07;
    border-color:#efc274;
    font-weight:700;
  }
  
  
  /* =========================================================
     SHELL
     ========================================================= */
  
  .trust-shell{
    display:grid;
    grid-template-columns:270px 1fr;
    min-height:calc(100vh - 58px);
  }
  
  .trust-sidebar{
    position:sticky;
    top:58px;
    height:calc(100vh - 58px);
    overflow:auto;
    padding:28px 20px;
    border-right:1px solid var(--line);
    background:#0b0a09;
  }
  
  .trust-brand{
    margin-bottom:28px;
    padding-bottom:22px;
    border-bottom:1px solid var(--line);
  }
  
  .trust-brand strong{
    display:block;
    color:#ead1a4;
    font-family:Georgia,"Times New Roman",serif;
    font-size:29px;
    font-weight:400;
    letter-spacing:.06em;
  }
  
  .trust-brand span{
    display:block;
    margin-top:7px;
    color:#9f978e;
    font-size:8px;
    letter-spacing:.22em;
  }
  
  .trust-project{
    margin-bottom:24px;
    padding:17px;
    border:1px solid var(--line);
    background:#11100e;
  }
  
  .trust-project h3{
    margin:0 0 7px;
    color:#eee4d7;
    font-family:Georgia,"Times New Roman",serif;
    font-size:21px;
    font-weight:400;
  }
  
  .trust-project span{
    color:#8f877e;
    font-size:10px;
  }
  
  .trust-eyebrow{
    margin:0 0 8px;
    color:var(--gold);
    font-size:8px;
    font-weight:700;
    letter-spacing:.18em;
    text-transform:uppercase;
  }
  
  .trust-nav{
    display:grid;
    gap:7px;
  }
  
  .trust-nav a{
    padding:12px 13px;
    border:1px solid transparent;
    color:#bcb4aa;
    font-size:11px;
  }
  
  .trust-nav a:hover,
  .trust-nav a.active{
    border-color:rgba(213,160,79,.24);
    background:#16110c;
    color:#f1e7d9;
  }
  
  .trust-side-note{
    margin-top:27px;
    padding:17px;
    border:1px solid var(--line);
    background:#11100e;
  }
  
  .trust-side-note strong{
    display:block;
    margin-bottom:8px;
    color:#e8ded1;
    font-size:12px;
  }
  
  .trust-side-note p{
    margin:0;
    color:#8d857c;
    font-size:10px;
    line-height:1.6;
  }
  
  
  /* =========================================================
     MAIN
     ========================================================= */
  
  .trust-main{
    min-width:0;
    padding:34px;
  }
  
  .trust-topbar{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:28px;
    margin-bottom:28px;
  }
  
  .trust-topbar h1{
    margin:0;
    color:#f3eade;
    font-family:Georgia,"Times New Roman",serif;
    font-size:52px;
    font-weight:400;
    line-height:1;
  }
  
  .trust-topbar > div:first-child > p:last-child{
    margin:10px 0 0;
    max-width:720px;
    color:#9b9389;
    font-size:13px;
    line-height:1.6;
  }
  
  .trust-top-actions{
    display:flex;
    gap:10px;
  }
  
  .trust-btn{
    min-height:42px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0 18px;
    border:1px solid #a46d2b;
    background:transparent;
    color:#eee4d6;
    cursor:pointer;
    text-transform:uppercase;
    letter-spacing:.12em;
    font-size:9px;
  }
  
  .trust-btn.gold{
    background:linear-gradient(135deg,#d09a4c,#efc274);
    color:#120d07;
    border-color:#efc274;
    font-weight:700;
  }
  
  
  /* =========================================================
     OVERVIEW STATS
     ========================================================= */
  
  .trust-overview{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:14px;
    margin-bottom:18px;
  }
  
  .trust-status-card{
    min-height:150px;
    padding:21px;
    border:1px solid var(--line);
    background:
      linear-gradient(
        180deg,
        #15110d,
        #0d0c0a
      );
  }
  
  .trust-status-card small{
    display:block;
    margin-bottom:15px;
    color:#9a713b;
    font-size:8px;
    letter-spacing:.16em;
    text-transform:uppercase;
  }
  
  .trust-status-card strong{
    display:block;
    margin-bottom:10px;
    color:#f1e8dc;
    font-family:Georgia,"Times New Roman",serif;
    font-size:28px;
    font-weight:400;
    line-height:1.1;
  }
  
  .trust-status-card span{
    color:#8d857c;
    font-size:10px;
    line-height:1.5;
  }
  
  
  /* =========================================================
     SECTIONS
     ========================================================= */
  
  .trust-section{
    margin-bottom:18px;
    border:1px solid var(--line);
    background:#0e0d0b;
  }
  
  .trust-section-head{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:20px;
    padding:21px 22px;
    border-bottom:1px solid var(--line);
  }
  
  .trust-section-head h2{
    margin:0;
    color:#eee4d7;
    font-family:Georgia,"Times New Roman",serif;
    font-size:29px;
    font-weight:400;
  }
  
  .trust-section-head > span{
    color:#8d857c;
    font-size:10px;
  }
  
  
  /* =========================================================
     DOCUMENT ROWS
     ========================================================= */
  
  .trust-doc-list{
    padding:16px;
    display:grid;
    gap:9px;
  }
  
  .trust-doc-row{
    display:grid;
    grid-template-columns:42px 1fr auto auto;
    gap:14px;
    align-items:center;
    padding:15px;
    border:1px solid rgba(213,160,79,.14);
    background:#12110f;
  }
  
  .trust-doc-icon{
    width:31px;
    height:31px;
    display:grid;
    place-items:center;
    border:1px solid rgba(118,182,132,.45);
    border-radius:50%;
    color:#89c797;
    font-size:12px;
  }
  
  .trust-doc-icon.pending{
    border-color:rgba(216,157,70,.55);
    color:#d89d46;
  }
  
  .trust-doc-row strong{
    display:block;
    margin-bottom:5px;
    color:#e9dfd2;
    font-size:12px;
  }
  
  .trust-doc-row div:nth-child(2) span{
    color:#857d74;
    font-size:10px;
    line-height:1.5;
  }
  
  .trust-status{
    padding:5px 8px;
    border:1px solid;
    font-size:8px;
    letter-spacing:.12em;
  }
  
  .trust-status.signed{
    border-color:rgba(118,182,132,.38);
    color:#86c493;
  }
  
  .trust-status.pending{
    border-color:rgba(216,157,70,.42);
    color:#d8a04c;
  }
  
  .trust-doc-row button{
    min-height:34px;
    padding:0 13px;
    border:1px solid rgba(213,160,79,.35);
    background:transparent;
    color:#ddd3c7;
    cursor:pointer;
    text-transform:uppercase;
    letter-spacing:.1em;
    font-size:8px;
  }
  
  
  /* =========================================================
     ONBOARDING CARDS
     ========================================================= */
  
  .trust-grid{
    padding:18px;
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:14px;
  }
  
  .trust-card{
    min-height:220px;
    padding:22px;
    border:1px solid rgba(213,160,79,.16);
    background:#12110f;
  }
  
  .trust-card > span{
    display:block;
    margin-bottom:26px;
    color:#a87535;
    font-family:Georgia,"Times New Roman",serif;
  }
  
  .trust-card h3{
    margin:0 0 12px;
    color:#e9dfd2;
    font-family:Georgia,"Times New Roman",serif;
    font-size:24px;
    font-weight:400;
  }
  
  .trust-card p{
    min-height:64px;
    margin:0 0 20px;
    color:#918980;
    font-size:11px;
    line-height:1.65;
  }
  
  .trust-card button{
    min-height:35px;
    padding:0 13px;
    border:1px solid rgba(213,160,79,.35);
    background:transparent;
    color:#ddd3c7;
    cursor:pointer;
    text-transform:uppercase;
    letter-spacing:.1em;
    font-size:8px;
  }
  
  
  /* =========================================================
     POLICIES
     ========================================================= */
  
  .trust-policy-list{
    padding:18px;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:12px;
  }
  
  .trust-policy-list > div{
    padding:20px;
    border:1px solid rgba(213,160,79,.14);
    background:#12110f;
  }
  
  .trust-policy-list strong{
    display:block;
    margin-bottom:9px;
    color:#e8ded1;
    font-size:12px;
  }
  
  .trust-policy-list p{
    margin:0;
    color:#8f877e;
    font-size:10px;
    line-height:1.7;
  }
  
  
  /* =========================================================
     SECURITY
     ========================================================= */
  
  .trust-security-grid{
    padding:18px;
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:14px;
  }
  
  .trust-security-grid article{
    padding:22px;
    border:1px solid rgba(213,160,79,.14);
    background:#12110f;
  }
  
  .trust-security-grid span{
    display:block;
    margin-bottom:24px;
    color:#a87535;
    font-family:Georgia,"Times New Roman",serif;
  }
  
  .trust-security-grid h3{
    margin:0 0 11px;
    color:#e9dfd2;
    font-family:Georgia,"Times New Roman",serif;
    font-size:23px;
    font-weight:400;
  }
  
  .trust-security-grid p{
    margin:0;
    color:#8f877e;
    font-size:10px;
    line-height:1.7;
  }
  
  
  /* =========================================================
     PAYMENTS
     ========================================================= */
  
  .trust-payment{
    padding:18px;
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:14px;
  }
  
  .trust-payment > div{
    min-height:240px;
    padding:24px;
    border:1px solid rgba(213,160,79,.16);
    background:
      linear-gradient(
        180deg,
        #16120e,
        #10100e
      );
  }
  
  .trust-payment span{
    display:block;
    margin-bottom:20px;
    color:#9d7138;
    font-size:9px;
  }
  
  .trust-payment strong{
    display:block;
    margin-bottom:11px;
    color:#efc273;
    font-family:Georgia,"Times New Roman",serif;
    font-size:42px;
    font-weight:400;
  }
  
  .trust-payment h3{
    margin:0 0 10px;
    color:#e9dfd2;
    font-family:Georgia,"Times New Roman",serif;
    font-size:23px;
    font-weight:400;
  }
  
  .trust-payment p{
    margin:0;
    color:#8f877e;
    font-size:10px;
    line-height:1.7;
  }
  
  
  /* =========================================================
     RESPONSIBILITIES
     ========================================================= */
  
  .trust-responsibilities{
    padding:18px;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:14px;
  }
  
  .trust-responsibilities > div{
    padding:22px;
    border:1px solid rgba(213,160,79,.14);
    background:#12110f;
  }
  
  .trust-responsibilities strong{
    display:block;
    margin-bottom:18px;
    color:#e9dfd2;
    font-family:Georgia,"Times New Roman",serif;
    font-size:26px;
    font-weight:400;
  }
  
  .trust-responsibilities ul{
    margin:0;
    padding-left:18px;
    color:#958d84;
  }
  
  .trust-responsibilities li{
    margin:10px 0;
    font-size:10px;
    line-height:1.6;
  }
  
  
  /* =========================================================
     FINAL
     ========================================================= */
  
  .trust-final{
    margin-top:18px;
    padding:70px 28px;
    text-align:center;
    border:1px solid var(--line);
    background:
      radial-gradient(
        circle at 50% 0%,
        rgba(190,128,46,.13),
        transparent 42%
      ),
      #0b0907;
  }
  
  .trust-final h2{
    max-width:760px;
    margin:0 auto 18px;
    color:#f0e6d9;
    font-family:Georgia,"Times New Roman",serif;
    font-size:clamp(42px,5vw,64px);
    font-weight:400;
    line-height:1.08;
  }
  
  .trust-final > p:not(.trust-eyebrow){
    max-width:680px;
    margin:0 auto 28px;
    color:#978f86;
    font-size:12px;
    line-height:1.7;
  }
  
  
  /* =========================================================
     RESPONSIVE
     ========================================================= */
  
  @media(max-width:1100px){
  
    .trust-overview{
      grid-template-columns:1fr 1fr;
    }
  
    .trust-grid,
    .trust-security-grid,
    .trust-payment{
      grid-template-columns:1fr;
    }
  
  }
  
  @media(max-width:780px){
  
    .trust-demo-bar{
      position:relative;
      align-items:flex-start;
      flex-direction:column;
    }
  
    .trust-demo-actions{
      width:100%;
    }
  
    .trust-small-btn{
      flex:1;
    }
  
    .trust-shell{
      grid-template-columns:1fr;
    }
  
    .trust-sidebar{
      position:relative;
      top:auto;
      height:auto;
      border-right:0;
      border-bottom:1px solid var(--line);
    }
  
    .trust-main{
      padding:22px;
    }
  
    .trust-topbar{
      align-items:flex-start;
      flex-direction:column;
    }
  
    .trust-topbar h1{
      font-size:42px;
    }
  
    .trust-overview{
      grid-template-columns:1fr;
    }
  
    .trust-doc-row{
      grid-template-columns:36px 1fr;
    }
  
    .trust-doc-row .trust-status,
    .trust-doc-row button{
      grid-column:2;
      width:max-content;
    }
  
    .trust-policy-list,
    .trust-responsibilities{
      grid-template-columns:1fr;
    }
  
  }