/* Trust Brief intake — institutional layout (v3) */
.hero{padding:18px 0 10px}
.grid{
display:grid;
grid-template-columns: 1.12fr .88fr;
gap:16px;
margin: 14px 0 72px;
align-items:start;
}
.card{
border-radius:var(--radius);
border:1px solid rgba(255,255,255,.11);
background: linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.022));
box-shadow: var(--shadow2);
overflow:hidden;
min-width:0;
}
.hd{ padding:18px 18px 0; }
.bd{ padding:18px; }

.heroShell{
position:relative;
border-radius: calc(var(--radius) + 8px);
border: 1px solid var(--gold-dim, rgba(200,163,73,.28));
background:
radial-gradient(1100px 420px at 16% 0%, rgba(200,163,73,.18), transparent 60%),
radial-gradient(1100px 420px at 92% 10%, rgba(122,167,255,.10), transparent 62%),
linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.022));
box-shadow: var(--shadow);
overflow:hidden;
}
.heroShell::before{
content:"";
position:absolute; inset:-1px;
background: linear-gradient(120deg, rgba(200,163,73,.26), transparent 30%, rgba(255,255,255,.08) 68%, transparent);
opacity:.44;
pointer-events:none;
mask-image: linear-gradient(180deg, black 0%, black 58%, transparent 96%);
}
.heroInner{padding: 22px 18px; position:relative; z-index:1}

.eyebrow{
display:inline-flex; gap:10px; align-items:center;
color:var(--muted);
font-size:13px;
padding:9px 12px;
border-radius:999px;
border:1px solid rgba(255,255,255,.13);
background: rgba(255,255,255,.035);
}
.dot{
width:8px; height:8px; border-radius:50%;
background: rgba(200,163,73,.97);
box-shadow: 0 0 0 3px rgba(200,163,73,.18);
}
h1{margin:12px 0 10px; font-size:34px; line-height:1.07; letter-spacing:-0.75px; font-family:var(--font-serif)}
.lead{margin:0; color:var(--muted); font-size:16px; max-width: 1040px; line-height:1.75}
.lead strong{color:var(--text); font-weight:950}

.metaRow{display:flex; flex-wrap:wrap; gap:10px; margin-top:14px}
.pill{
display:inline-flex; align-items:center; gap:10px;
padding:9px 12px;
border-radius:999px;
border:1px solid rgba(255,255,255,.12);
background: rgba(255,255,255,.03);
color:var(--muted);
font-size:13px;
white-space:nowrap;
}
.pill strong{color:var(--text); font-weight:900}

.actions{display:flex; gap:10px; flex-wrap:wrap; align-items:center; margin-top:12px}
.btn.small{ min-height:40px; padding:9px 12px; font-size:13px; }

.notice{
margin-top:12px;
padding:12px 12px;
border-radius:14px;
border:1px solid rgba(255,255,255,.10);
background: rgba(255,255,255,.03);
color:var(--muted2);
font-size:12.8px;
line-height:1.6;
}
.notice strong{ color:var(--text); font-weight:900; }

.cardTitle{ margin:0 0 8px; font-size:18px; letter-spacing:-0.2px; }
.muted{ color:var(--muted); line-height:1.7; margin:0; }

.groupTitle{
margin:18px 0 8px;
font-size:14px;
letter-spacing:.22em;
text-transform:uppercase;
color:var(--muted2);
}

.blocks{ display:grid; gap:12px; margin-top:12px; }
.block{
border-radius:16px;
border:1px solid rgba(255,255,255,.11);
background: rgba(255,255,255,.03);
padding:14px;
overflow:hidden;
transition: border-color .15s ease, background .15s ease, transform .06s ease;
}
.block:hover{border-color:rgba(255,255,255,.22); background:rgba(255,255,255,.05)}
.block:active{transform: translateY(1px)}
.blockTop{ display:flex; gap:10px; align-items:flex-start; justify-content:space-between; flex-wrap:wrap; }
.block h3{ margin:0; font-size:16px; letter-spacing:-.2px; font-weight:950; }
.tag{
display:inline-flex; align-items:center; gap:8px;
padding:7px 10px;
border-radius:999px;
border:1px solid rgba(255,255,255,.12);
background: rgba(255,255,255,.03);
color:var(--muted2);
font-size:12.4px;
white-space:nowrap;
}
.block p{ margin:10px 0 0; color:var(--muted); line-height:1.7; }
.block ul{ margin:10px 0 0; padding-left:18px; color:var(--muted2); line-height:1.6; }
.block li{ margin:6px 0; }

/* Form (aligned) */
.form{ display:grid; gap:12px; margin-top:12px; }
.row2{ display:grid; grid-template-columns: 1fr 1fr; gap:12px; }
.field label{
display:block;
font-size:11px;
letter-spacing:.24em;
text-transform:uppercase;
color:var(--muted2);
margin:0 0 6px;
}
.field input, .field select, .field textarea{
width:100%;
border-radius:12px;
border:1px solid rgba(255,255,255,.12);
background: rgba(255,255,255,.03);
color: var(--text);
padding:12px;
outline:none;
min-height:44px;
}
.field textarea{ min-height:120px; resize:vertical; }
.help{ margin-top:6px; color:var(--muted2); font-size:12.6px; line-height:1.55; }

.ridBox{
margin-top:12px;
padding:12px;
border-radius:14px;
border:1px solid rgba(255,255,255,.10);
background: rgba(255,255,255,.03);
color:var(--muted2);
font-size:12.8px;
line-height:1.6;
}
.ridBox strong{color:var(--text); font-weight:900}
.mono{ font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono","Courier New", monospace; }

/* Rail */
.rail{ position: sticky; top: 14px; }
.panel{
border-radius:16px;
border:1px solid rgba(255,255,255,.10);
background: rgba(255,255,255,.03);
padding:14px;
}
.panelTop{ display:flex; justify-content:space-between; gap:10px; flex-wrap:wrap; align-items:flex-start; }
.label{ font-size:11px; letter-spacing:.28em; text-transform:uppercase; color:var(--muted2); }
.value{ font-size:18px; font-weight:950; letter-spacing:-.2px; margin-top:6px; }
.price{ font-size:26px; font-weight:950; letter-spacing:-.3px; margin-top:6px; white-space:nowrap; }
.small{ margin-top:10px; color:var(--muted2); font-size:12.8px; line-height:1.6; }

/* Sticky bottom CTA */
.stickyCta{
position: sticky;
bottom: 0;
z-index: 20;
padding: 10px 0;
background: linear-gradient(180deg, rgba(7,7,11,0) 0%, rgba(7,7,11,.78) 22%, rgba(7,7,11,.92) 100%);
backdrop-filter: blur(10px);
border-top: 1px solid rgba(255,255,255,.08);
}
.stickyInner{
display:flex;
gap:12px;
align-items:center;
justify-content:space-between;
padding: 0 16px;
max-width: 1120px;
margin: 0 auto;
}
.stickyText{
min-width:0;
color:var(--muted);
font-size:12.6px;
line-height:1.4;
}
.stickyText strong{ color:var(--text); font-weight:950; }

@media (max-width: 980px){
.grid{ grid-template-columns: 1fr; }
.rail{ position: relative; top: 0; }
.row2{ grid-template-columns: 1fr; }
h1{ font-size: 30px; }
}
@media (max-width: 760px){
.stickyText{display:none}
}
