/* =====================================================================
   TorzonHub — Trust Lab UI
   Clean • Static • SEO-safe • No-JS
   ===================================================================== */

:root{
    --ink-0:#f0f6fb;
    --ink-1:#c7d5e0;
    --ink-2:#9fb2c1;

    --bg-0:#0a111a;     /* page */
    --bg-1:#0f1722;     /* panels */
    --bg-2:#0c1420;     /* subtle surfaces */

    --accent:#6fd3ff;   /* links / highlights */
    --edge:#182233;     /* borders */
    --r:14px;           /* radius */
    --w:max(320px, min(980px, 92vw)); /* layout width */
    --lh:1.65;
}

/* Reset-lite */
*{box-sizing:border-box;margin:0;padding:0}
html,body{min-height:100%}
html{scroll-behavior:smooth}
body{
    font:16px/var(--lh) ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
    background: radial-gradient(1200px 700px at 10% 10%, #0c1826 0%, transparent 60%),
    radial-gradient(1200px 700px at 90% 0%, #0b1e29 0%, transparent 64%),
    linear-gradient(180deg, var(--bg-0), #080f18 60%, #070e16);
    color:var(--ink-0);
}

/* Wrappers */
.frame{isolation:isolate}
.shell{width:var(--w);margin-inline:auto;padding:28px 22px}

/* Header */
.masthead{
    position:sticky; top:0; z-index:50;
    background:rgba(9,15,23,.6);
    backdrop-filter: blur(10px) saturate(140%);
    border-bottom:1px solid var(--edge);
}
.brand{
    font-weight:800; letter-spacing:.4px;
    font-size:clamp(22px, 2.4vw, 28px);
    color:#fff;
}
.strap{
    margin-top:6px; color:var(--ink-2);
    font-size:14px; letter-spacing:.08em; text-transform:uppercase;
}

/* Sections / cards */
.slab{
    background:linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,.01));
    border:1px solid var(--edge);
    border-radius:var(--r);
    padding:22px;
    margin-top:22px;
    box-shadow:0 0 0 1px rgba(255,255,255,.02), 0 10px 30px rgba(0,0,0,.28);
}
.section-title{
    font-weight:700;
    color:#fff;
    font-size:clamp(18px, 2.1vw, 22px);
    margin-bottom:10px;
}

/* Text */
p{margin:10px 0; color:var(--ink-0)}
em{color:#e6f7ff}
strong{color:#fff}
.note{
    color:var(--ink-2);
    background:var(--bg-2);
    border:1px solid var(--edge);
    border-radius:10px;
    padding:10px 12px;
}

/* Lists */
.bullets{margin:8px 0 0 20px}
.bullets li{margin:6px 0}
a{color:var(--accent); text-decoration:none}
a:hover{text-decoration:underline}

/* Utility */
.hint{
    margin-top:10px;
    font-size:13px;
    color:var(--ink-2);
}
.disclaimer{
    color:var(--ink-1);
    font-size:14px;
    margin:24px 0;
    border-top:1px dashed var(--edge);
    padding-top:14px;
}

/* Footer */
.foot{
    border-top:1px solid var(--edge);
    background:linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,.01));
}
.foot p{
    text-align:center;
    color:var(--ink-1);
    font-size:13px;
}

/* Responsive tweaks */
@media (max-width:640px){
    .shell{padding:22px 16px}
    .slab{padding:18px}
    .brand{font-size:20px}
    .section-title{font-size:18px}
}