:root{--trans-purple:#a66cff;--trans-line:rgba(255,255,255,.12);--trans-panel:rgba(13,12,20,.94)}
.transparency-page{min-height:100vh;background:#050507;color:#fff}
.transparency-page main{min-height:calc(100vh - 76px)}
.transparency-page .concept-nav-links{gap:clamp(24px,3.5vw,52px)}
.transparency-hero{position:relative;min-height:450px;overflow:hidden;display:grid;place-items:center;border-bottom:1px solid rgba(255,255,255,.04)}
.transparency-hero video{position:absolute;inset:-12%;width:124%;height:124%;object-fit:cover;transform:scale(1.05);will-change:transform}
.transparency-hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,5,12,.28),rgba(5,5,7,.9)),radial-gradient(circle at 50% 42%,rgba(152,82,255,.28),transparent 32%)}
.transparency-hero-content{position:relative;z-index:2;display:grid;justify-items:center;text-align:center;padding:64px 24px 105px}
.transparency-hero-content img{width:150px;height:150px;object-fit:contain;filter:drop-shadow(0 0 30px rgba(166,108,255,.42))}
.transparency-hero-content h1{margin:13px 0 0;color:#fff!important;background:none!important;-webkit-text-fill-color:#fff!important;font-size:clamp(46px,6.8vw,82px);line-height:1;font-weight:900;letter-spacing:-.055em;text-shadow:0 14px 48px rgba(0,0,0,.65)}
.transparency-hero-content p{max-width:680px;margin:18px 0 0;color:rgba(255,255,255,.68);font-size:15px;line-height:1.6}
.transparency-content{position:relative;z-index:3;width:min(100% - 56px,1320px);margin:-70px auto 0;padding-bottom:72px}
.transparency-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.transparency-tab{position:relative;min-height:158px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;padding:20px;border:1px solid var(--trans-line);border-radius:14px;background:linear-gradient(160deg,rgba(15,13,22,.96),rgba(8,8,12,.96));color:#fff;box-shadow:0 20px 50px rgba(0,0,0,.25);transition:transform .22s ease,border-color .22s ease,background .22s ease,box-shadow .22s ease}
.transparency-tab:hover{transform:translateY(-4px);border-color:rgba(166,108,255,.62);box-shadow:0 24px 60px rgba(0,0,0,.38),0 0 28px rgba(166,108,255,.08)}
.transparency-tab svg,.panel-icon svg{width:38px;height:38px;fill:none;stroke:var(--trans-purple);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.transparency-tab strong{font-size:17px}
.transparency-tab i{position:absolute;left:50%;bottom:9px;width:0;height:3px;border-radius:20px;background:var(--trans-purple);transform:translateX(-50%);box-shadow:0 0 14px rgba(166,108,255,.8);transition:width .24s ease}
.transparency-tab.active{border-color:var(--trans-purple);background:linear-gradient(160deg,rgba(25,17,38,.98),rgba(10,9,15,.98));box-shadow:inset 0 0 0 1px rgba(166,108,255,.16),0 22px 60px rgba(0,0,0,.42)}
.transparency-tab.active i{width:54px}
.transparency-panels{margin-top:20px}
.transparency-panel{overflow:hidden;border:1px solid rgba(166,108,255,.48);border-radius:15px;background:radial-gradient(circle at 92% 25%,rgba(166,108,255,.1),transparent 28%),var(--trans-panel);box-shadow:0 28px 80px rgba(0,0,0,.38);animation:panelReveal .36s cubic-bezier(.2,.8,.2,1)}
@keyframes panelReveal{from{opacity:0;transform:translateY(-10px);clip-path:inset(0 0 100% 0 round 15px)}to{opacity:1;transform:none;clip-path:inset(0 round 15px)}}
.panel-heading{display:flex;align-items:center;gap:15px;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.08)}
.panel-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:10px;background:rgba(166,108,255,.1)}
.panel-icon svg{width:25px;height:25px}.panel-heading h2{margin:0;font-size:19px}.panel-heading p{margin:4px 0 0;color:rgba(255,255,255,.5);font-size:12px}
.panel-body{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:42px;padding:28px 32px 34px;align-items:center}
.panel-body h3{margin:22px 0 7px;color:var(--trans-purple);font-size:11px;letter-spacing:.15em;text-transform:uppercase}.panel-body h3:first-child{margin-top:0}
.panel-body p{margin:0;color:rgba(255,255,255,.72);font-size:14px;line-height:1.72;font-weight:500}
.panel-body .source-detail{margin-top:16px}.panel-body .source-detail strong{color:#fff;font-weight:800}
.data-list{display:grid;gap:8px;margin:12px 0 0;padding-left:22px;color:rgba(255,255,255,.72);font-size:14px;line-height:1.55;font-weight:500}.data-list li::marker{color:var(--trans-purple)}
.credential-note{margin:18px 0 2px;padding:16px 18px;border:1px solid rgba(166,108,255,.34);border-radius:11px;background:rgba(166,108,255,.075)}.credential-note>strong{display:block;margin-bottom:7px;color:#fff;font-size:13px}.credential-note p{color:rgba(255,255,255,.76)}
.processing-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-top:18px}.processing-grid section{padding:17px;border:1px solid rgba(255,255,255,.08);border-radius:11px;background:rgba(255,255,255,.025)}.processing-grid strong{color:#fff;font-size:13px}.processing-grid ul{display:grid;gap:8px;margin:13px 0 0;padding-left:19px;color:rgba(255,255,255,.68);font-size:13px;line-height:1.45;font-weight:500}.processing-grid li::marker{color:var(--trans-purple)}
.panel-visual{min-height:260px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:linear-gradient(145deg,#151024,#08080d);box-shadow:inset 0 0 45px rgba(166,108,255,.08),0 20px 48px rgba(0,0,0,.35);padding:24px}
.overlay-visual{display:grid;align-content:center;gap:10px}.overlay-visual>span:not(.visual-title){display:flex;justify-content:space-between;padding:11px 13px;border-radius:8px;background:rgba(255,255,255,.045);font-size:12px}.overlay-visual b{color:#caaaff;font-size:10px}.visual-title{font-size:14px;font-weight:800;margin-bottom:5px}
.data-visual{display:grid;align-content:center;gap:11px}.data-visual span{padding:14px;border:1px solid rgba(255,255,255,.07);border-radius:9px;background:rgba(255,255,255,.035)}.data-visual b,.data-visual small{display:block}.data-visual small{margin-top:4px;color:rgba(255,255,255,.48)}
.privacy-visual{display:grid;place-content:center;justify-items:center;text-align:center}.privacy-visual svg{width:78px;fill:none;stroke:var(--trans-purple);stroke-width:1.3}.privacy-visual b{margin-top:16px}.privacy-visual small{margin-top:6px;color:rgba(255,255,255,.5)}
.control-visual{display:grid;align-content:center;gap:13px}.control-visual label{display:flex;align-items:center;justify-content:space-between;padding:14px;border-radius:9px;background:rgba(255,255,255,.04)}.control-visual i{width:42px;height:23px;border-radius:99px;background:var(--trans-purple);position:relative}.control-visual i:after{content:"";position:absolute;right:3px;top:3px;width:17px;height:17px;border-radius:50%;background:#fff}.control-visual i.off{background:#333}.control-visual i.off:after{left:3px;right:auto}
.faq-list{display:grid;gap:10px;padding:26px}.faq-list details{overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:rgba(255,255,255,.025);padding:0 17px;transition:border-color .25s ease,background .25s ease,box-shadow .25s ease}.faq-list details:hover{border-color:rgba(166,108,255,.32);background:rgba(166,108,255,.035)}.faq-list details[open]{border-color:rgba(166,108,255,.42);background:rgba(166,108,255,.055);box-shadow:inset 0 0 24px rgba(166,108,255,.035)}.faq-list summary{padding:16px 34px 16px 0;cursor:pointer;list-style:none;position:relative;transition:color .2s ease}.faq-list summary:hover{color:#d9c2ff}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";position:absolute;right:2px;color:var(--trans-purple);font-size:22px;font-weight:500;line-height:1;top:14px;transform:rotate(0deg) scale(1);transition:transform .3s cubic-bezier(.2,.8,.2,1),color .2s ease}.faq-list details[open] summary:after{content:"−";transform:rotate(180deg) scale(1.08);color:#c59fff}.faq-list p{margin:0;padding:0 0 17px;color:rgba(255,255,255,.65);font-weight:500;line-height:1.65}.faq-list a{color:#caaaff}
.transparency-footer{min-height:108px;display:grid!important;grid-template-columns:1fr auto 1fr;align-items:center;gap:30px;width:min(100% - 56px,1320px);margin:0 auto;border-top:1px solid rgba(255,255,255,.07);color:rgba(255,255,255,.5);font-size:12px}.footer-brand img{width:64px}.transparency-footer nav{display:flex;gap:30px}.transparency-footer nav a:hover{color:#fff}.transparency-footer>span{justify-self:end}
@media(max-width:900px){.transparency-tabs{grid-template-columns:repeat(2,1fr)}.panel-body{grid-template-columns:1fr}.transparency-footer{grid-template-columns:1fr;text-align:center;justify-items:center;padding:28px 0}.transparency-footer>span{justify-self:center}.transparency-hero{min-height:390px}}
@media(max-width:560px){.transparency-content{width:min(100% - 28px,1320px);margin-top:-45px}.transparency-tabs{gap:10px}.transparency-tab{min-height:126px;padding:14px}.transparency-tab svg{width:30px}.transparency-tab strong{font-size:14px}.panel-body{padding:22px 20px;gap:24px}.panel-visual{min-height:220px}.processing-grid{grid-template-columns:1fr}.transparency-footer nav{gap:15px;flex-wrap:wrap;justify-content:center}.transparency-hero-content img{width:112px;height:112px}}
@media(prefers-reduced-motion:reduce){.transparency-tab,.transparency-panel{animation:none;transition:none}.transparency-hero video{display:none}}
