.transparency-view{--trust:#3dd6ac;--trust-soft:rgba(61,214,172,.12);--trust-line:rgba(102,220,191,.25);--trust-gold:#e8b76c;max-width:1540px;margin:0 auto;padding:32px clamp(20px,4vw,64px) 72px;color:var(--text)}
.transparency-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.65fr);gap:28px;padding:clamp(28px,4vw,56px);overflow:hidden;border:1px solid var(--trust-line);border-radius:28px;background:radial-gradient(circle at 85% 15%,rgba(61,214,172,.18),transparent 34%),linear-gradient(135deg,rgba(8,24,39,.98),rgba(13,41,48,.96));box-shadow:0 28px 70px rgba(0,0,0,.26),inset 0 1px rgba(255,255,255,.06)}
.transparency-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.05) 48%,transparent 65%);transform:translateX(-100%);animation:t7-sheen 7s ease-in-out infinite;pointer-events:none}
@keyframes t7-sheen{0%,60%{transform:translateX(-100%)}80%,100%{transform:translateX(100%)}}
.transparency-intro{position:relative;z-index:1}.transparency-kicker,.transparency-heading p{display:block;margin:0 0 10px;color:var(--trust);font-size:.74rem;font-weight:900;letter-spacing:.14em}.transparency-intro h1{max-width:780px;margin:0;font-size:clamp(2.4rem,5vw,5.4rem);line-height:.98;letter-spacing:-.055em}.transparency-intro>p{max-width:790px;margin:20px 0 24px;color:#bdd0da;font-size:clamp(1rem,1.7vw,1.22rem);line-height:1.7}.transparency-badges{display:flex;flex-wrap:wrap;gap:9px}.transparency-badges span{padding:9px 12px;border:1px solid rgba(61,214,172,.25);border-radius:999px;background:rgba(4,19,30,.55);color:var(--trust);font-size:.8rem}.transparency-badges b{color:#dceaf0}
.transparency-runtime{position:relative;z-index:1;align-self:stretch;padding:22px;border:1px solid rgba(255,255,255,.11);border-radius:20px;background:rgba(4,17,27,.72);box-shadow:inset 0 1px rgba(255,255,255,.06),0 16px 40px rgba(0,0,0,.18);backdrop-filter:blur(12px)}.runtime-head{display:flex;align-items:center;gap:10px;margin-bottom:20px;color:#eef9f6}.runtime-pulse{width:10px;height:10px;border-radius:50%;background:var(--trust);box-shadow:0 0 0 6px rgba(61,214,172,.1),0 0 20px var(--trust)}.runtime-line{display:grid;grid-template-columns:1fr auto;gap:14px;padding:13px 0;border-top:1px solid rgba(255,255,255,.08);color:#92aebd;font-size:.88rem}.runtime-line strong{color:#edf8f5;text-align:right}.runtime-line strong.is-good{color:var(--trust)}.runtime-line strong.is-warn{color:var(--trust-gold)}
.transparency-section{margin-top:28px;padding:clamp(24px,3.5vw,44px);border:1px solid rgba(130,170,185,.18);border-radius:24px;background:linear-gradient(150deg,rgba(13,31,44,.93),rgba(8,23,35,.96));box-shadow:0 20px 55px rgba(0,0,0,.14),inset 0 1px rgba(255,255,255,.035)}.transparency-heading{display:flex;align-items:flex-start;gap:16px;margin-bottom:28px}.transparency-heading>span{display:grid;place-items:center;flex:0 0 42px;height:42px;border:1px solid var(--trust-line);border-radius:13px;background:var(--trust-soft);color:var(--trust);font-weight:900}.transparency-heading h2{margin:0;font-size:clamp(1.5rem,2.8vw,2.35rem);letter-spacing:-.03em}.transparency-heading p{margin-bottom:5px}.transparency-heading small{display:block;max-width:780px;margin-top:8px;color:#91aab7;line-height:1.55}
.trust-answer-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.trust-answer-grid article{min-height:230px;padding:22px;border:1px solid rgba(126,171,186,.16);border-radius:18px;background:rgba(7,20,31,.72);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.trust-answer-grid article:hover{transform:translateY(-4px);border-color:var(--trust-line);box-shadow:0 18px 35px rgba(0,0,0,.2)}.trust-answer-grid article>span{display:grid;place-items:center;width:40px;height:40px;margin-bottom:22px;border-radius:12px;background:var(--trust-soft);color:var(--trust);font-size:1.2rem;font-weight:900}.trust-answer-grid h3{margin:0 0 10px;font-size:1rem;line-height:1.35}.trust-answer-grid p{margin:0;color:#9eb3be;font-size:.86rem;line-height:1.65}
.data-flow-section{background:linear-gradient(145deg,rgba(7,25,36,.98),rgba(9,40,44,.93))}.data-flow{padding:24px;border:1px solid rgba(61,214,172,.17);border-radius:20px;background:rgba(3,14,23,.56)}.flow-core{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:10px}.flow-core>i{color:#6f8995;font-size:1.4rem;font-style:normal}.flow-node{min-height:124px;padding:17px;border:1px solid rgba(123,166,181,.2);border-radius:15px;background:#0b1e2b}.flow-node.active{border-color:rgba(61,214,172,.55);box-shadow:0 0 28px rgba(61,214,172,.1)}.flow-node.result{background:linear-gradient(145deg,rgba(61,214,172,.14),rgba(7,31,37,.9))}.flow-node>span{display:grid;place-items:center;width:26px;height:26px;margin-bottom:13px;border-radius:8px;background:var(--trust-soft);color:var(--trust);font-size:.76rem;font-weight:900}.flow-node b,.flow-node small{display:block}.flow-node small{margin-top:7px;color:#88a2af;line-height:1.45}.flow-local{display:flex;align-items:center;justify-content:center;gap:12px;margin:18px auto 0;width:max-content;max-width:100%;padding:13px 18px;border:1px dashed rgba(61,214,172,.3);border-radius:14px;color:var(--trust)}.flow-local div b,.flow-local div small{display:block}.flow-local small{margin-top:3px;color:#8fa7b2}.flow-deliberate{display:grid;grid-template-columns:1.25fr repeat(3,1fr);gap:10px;margin-top:22px;padding-top:22px;border-top:1px solid rgba(255,255,255,.08)}.flow-deliberate>b{align-self:center;color:var(--trust-gold);font-size:.86rem;text-transform:uppercase;letter-spacing:.08em}.flow-deliberate div{padding:13px;border-radius:13px;background:rgba(255,255,255,.035)}.flow-deliberate span,.flow-deliberate small{display:block}.flow-deliberate span{color:#e9f4f3;font-weight:800}.flow-deliberate small{margin-top:5px;color:#829da9;line-height:1.4}
.offline-matrix{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}.offline-matrix article{position:relative;padding:24px 24px 24px 70px;border-radius:18px;background:rgba(6,19,29,.7);border:1px solid rgba(124,165,181,.17)}.offline-matrix article>span{position:absolute;top:24px;left:22px;display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--trust-soft);color:var(--trust);font-weight:900}.offline-matrix .network>span{background:rgba(81,157,255,.12);color:#7ebcff}.offline-matrix .limit>span{background:rgba(232,183,108,.12);color:var(--trust-gold)}.offline-matrix h3{margin:0 0 9px;font-size:1rem}.offline-matrix p{margin:0;color:#94abb6;font-size:.87rem;line-height:1.62}
.audit-table{overflow:hidden;border:1px solid rgba(125,167,182,.18);border-radius:18px}.audit-row{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(180px,.6fr);gap:22px;padding:16px 20px;border-top:1px solid rgba(125,167,182,.13);background:rgba(5,18,28,.58);align-items:center}.audit-row:first-child{border-top:0}.audit-head{background:rgba(61,214,172,.08);color:#b9cbd3;font-size:.75rem;text-transform:uppercase;letter-spacing:.09em}.audit-row span{color:#c4d3da}.audit-row strong{color:var(--trust);font-size:.87rem}.audit-row strong i{font-style:normal}.audit-row strong.corrected{color:var(--trust-gold)}
.source-decision{border-color:rgba(232,183,108,.24);background:radial-gradient(circle at 85% 0,rgba(232,183,108,.12),transparent 30%),linear-gradient(150deg,rgba(18,28,38,.96),rgba(8,22,33,.96))}.source-status{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.source-status article{padding:18px;border:1px solid rgba(232,183,108,.18);border-radius:15px;background:rgba(4,17,26,.58)}.source-status small,.source-status b{display:block}.source-status small{color:#889fa9}.source-status b{margin-top:7px;color:#f2d5a7;line-height:1.45}.source-checklist{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:22px 0 0;padding:0;list-style:none}.source-checklist li{display:flex;gap:14px;padding:18px;border-radius:15px;background:rgba(255,255,255,.035)}.source-checklist span{display:grid;place-items:center;flex:0 0 30px;height:30px;border-radius:9px;background:rgba(232,183,108,.13);color:var(--trust-gold);font-weight:900}.source-checklist p{margin:3px 0 0;color:#a8bbc4;line-height:1.55}.source-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.source-actions button{padding:11px 16px;border:1px solid rgba(232,183,108,.28);border-radius:12px;background:rgba(232,183,108,.1);color:#f2d5a7;font-weight:800;cursor:pointer}.source-actions button:hover{background:rgba(232,183,108,.18);transform:translateY(-1px)}
body.light-theme .transparency-view{--trust:#087b66;--trust-soft:rgba(8,123,102,.09);--trust-line:rgba(8,123,102,.2);color:#142a32}body.light-theme .transparency-hero{background:radial-gradient(circle at 85% 15%,rgba(23,155,131,.13),transparent 34%),linear-gradient(135deg,#f8fbfb,#eaf4f2);box-shadow:0 24px 55px rgba(40,70,78,.12)}body.light-theme .transparency-intro>p,body.light-theme .transparency-heading small,body.light-theme .trust-answer-grid p,body.light-theme .offline-matrix p,body.light-theme .source-checklist p{color:#536c75}body.light-theme .transparency-badges b,body.light-theme .runtime-line strong{color:#19333b}body.light-theme .transparency-runtime,body.light-theme .trust-answer-grid article,body.light-theme .transparency-section,body.light-theme .data-flow,body.light-theme .flow-node,body.light-theme .offline-matrix article,body.light-theme .source-status article{background:rgba(255,255,255,.82);border-color:rgba(26,94,103,.16)}body.light-theme .flow-node.result{background:#e9f6f2}body.light-theme .flow-node small,body.light-theme .flow-local small,body.light-theme .flow-deliberate small,body.light-theme .source-status small{color:#617982}body.light-theme .flow-deliberate div,body.light-theme .source-checklist li{background:rgba(26,94,103,.045)}body.light-theme .audit-row{background:#fff}body.light-theme .audit-head{background:#e8f4f1}body.light-theme .audit-row span{color:#29434c}body.light-theme .source-decision{background:radial-gradient(circle at 85% 0,rgba(199,135,42,.1),transparent 30%),#fbfcfc}
@media(max-width:1180px){.trust-answer-grid{grid-template-columns:repeat(2,1fr)}.trust-answer-grid article:last-child{grid-column:span 2;min-height:auto}.flow-core{grid-template-columns:1fr 1fr}.flow-core>i{display:none}.flow-deliberate{grid-template-columns:1fr 1fr}.offline-matrix{grid-template-columns:1fr}.source-status{grid-template-columns:1fr 1fr}.source-status article:last-child{grid-column:span 2}}
@media(max-width:760px){.transparency-view{padding:18px 12px 50px}.transparency-hero{grid-template-columns:1fr;padding:24px;border-radius:20px}.transparency-runtime{padding:18px}.transparency-section{padding:20px;border-radius:20px}.trust-answer-grid,.flow-core,.flow-deliberate,.source-status,.source-checklist{grid-template-columns:1fr}.trust-answer-grid article:last-child,.source-status article:last-child{grid-column:auto}.flow-local{width:auto;align-items:flex-start}.audit-row{grid-template-columns:1fr;gap:8px}.audit-head{display:none}.offline-matrix article{padding-left:62px}.transparency-heading>span{flex-basis:36px;height:36px}.source-actions button{width:100%}}
@media(prefers-reduced-motion:reduce){.transparency-hero:before{animation:none}.trust-answer-grid article,.source-actions button{transition:none}}