:root{
--cadm-bg:#0B0B0C;
--cadm-bg-2:#141416;
--cadm-ink:#F4F5F6;
--cadm-muted:#9A9DA3;
--cadm-line:rgba(255,255,255,.11);
--cadm-hover:rgba(255,255,255,.07);
--cadm-accent:#E9EAEC;
--cadm-font:Roboto,'Helvetica Neue',Arial,sans-serif;
--cadm-fs:16px;
--cadm-radius:12px;
--cadm-shadow:0 24px 60px -18px rgba(0,0,0,.75), 0 2px 8px rgba(0,0,0,.35);
}
.cadm-panel{
position:fixed; z-index:99999; top:0; left:0;
background:var(--cadm-bg);
border:1px solid var(--cadm-line);
border-radius:var(--cadm-radius);
box-shadow:var(--cadm-shadow);
opacity:0; visibility:hidden; transform:translateY(-8px);
transition:opacity .16s ease, transform .16s ease, visibility .16s;
font-family:var(--cadm-font); font-size:var(--cadm-fs); color:var(--cadm-ink);
overflow:hidden;
}
.cadm-panel.is-open{opacity:1; visibility:visible; transform:translateY(0);}
.cadm-inner{display:grid; grid-template-columns:1fr 262px;}
.cadm-inner.no-feature{grid-template-columns:1fr;}
.cadm-main{min-width:0;}
.cadm-sec{padding:20px 22px 22px;}
.cadm-sec + .cadm-sec{border-top:1px solid var(--cadm-line);}
.cadm-sectitle{
margin:0 0 9px; padding:0 10px;
font-size:11.5px; font-weight:700; letter-spacing:.12em; text-transform:uppercase;
color:var(--cadm-muted);
}
.cadm-grid{display:grid; gap:2px 14px;}
.cadm-item{
display:flex; gap:11px; align-items:flex-start;
padding:11px 12px; border-radius:10px;
text-decoration:none; color:var(--cadm-ink);
transition:background .14s ease;
}
.cadm-item:hover,.cadm-item:focus-visible{background:var(--cadm-hover); color:var(--cadm-ink); text-decoration:none;}
.cadm-item:focus-visible{outline:2px solid var(--cadm-accent); outline-offset:1px;}
.cadm-ico{
flex:0 0 34px; height:34px; border-radius:9px;
display:grid; place-items:center;
background:rgba(255,255,255,.07); color:var(--cadm-accent);
transition:background .14s ease, color .14s ease;
}
.cadm-item:hover .cadm-ico{background:var(--cadm-accent); color:#0B0B0C;}
.cadm-ico svg{width:18px; height:18px; display:block;}
.cadm-logo{
flex:0 0 38px; height:38px; border-radius:9px;
background:#F1F2F4; display:grid; place-items:center; padding:6px; overflow:hidden;
transition:transform .14s ease;
}
.cadm-logo img{max-width:100%; max-height:100%; object-fit:contain; display:block;}
.cadm-logo.photo{padding:0; background:none; overflow:hidden;}
.cadm-grid[data-kind="rich"] .cadm-item .cadm-logo.photo{flex:0 0 56px; height:56px; border-radius:10px;}
.cadm-logo.photo img{width:100%; height:100%; max-width:none; max-height:none; object-fit:cover;}
.cadm-logo.wide{flex:0 0 62px;}
.cadm-item:hover .cadm-logo{transform:scale(1.05);}
.cadm-txt{display:block; min-width:0;}
.cadm-txt b{display:block; font-size:16px; font-weight:500; line-height:1.4; color:var(--cadm-ink);}
.cadm-txt i{
display:block; font-style:normal; font-size:13.5px; line-height:1.45;
color:var(--cadm-muted); margin-top:1px;
}
.cadm-chip{
display:flex; align-items:center; gap:9px;
padding:10px 12px; border-radius:9px;
text-decoration:none; color:var(--cadm-ink);
font-size:16px; font-weight:400; line-height:1.35;
transition:background .14s ease;
}
.cadm-chip:hover,.cadm-chip:focus-visible{background:var(--cadm-hover); color:var(--cadm-ink); text-decoration:none;}
.cadm-chip:focus-visible{outline:2px solid var(--cadm-accent); outline-offset:1px;}
.cadm-chip::before{
content:""; flex:0 0 5px; width:5px; height:5px; border-radius:50%;
background:var(--cadm-muted); transition:background .14s ease, transform .14s ease;
}
.cadm-chip:hover::before{background:var(--cadm-ink); transform:scale(1.4);}
.cadm-chip.has-logo::before{display:none;}
.cadm-chip .cadm-logo{flex:0 0 28px; height:28px; border-radius:6px; padding:3px;}
.cadm-chip .cadm-logo.wide{flex:0 0 54px;}
.cadm-chip:hover .cadm-logo{transform:scale(1.05);}
.cadm-feature{
background:var(--cadm-bg-2);
border-left:1px solid var(--cadm-line);
padding:24px 22px;
display:flex; flex-direction:column; gap:10px;
}
.cadm-feature h4{margin:0; font-size:17px; font-weight:700; line-height:1.3; color:var(--cadm-ink);}
.cadm-feature p{margin:0; font-size:14px; line-height:1.5; color:var(--cadm-muted);}
.cadm-feature .cadm-cta{margin-top:auto;}
.cadm-panel.cadm-full{
left:0 !important; width:100vw !important; max-width:100vw;
border-radius:0; border-left:0; border-right:0;
}
.cadm-panel.cadm-full .cadm-inner{max-width:1280px; margin:0 auto;}
.cadm-foot{background:var(--cadm-bg-2); border-top:1px solid var(--cadm-line);}
.cadm-foot-in{
display:flex; align-items:center; justify-content:space-between; gap:16px;
padding:14px 22px; max-width:1280px; margin:0 auto;
}
.cadm-grid[data-kind="rich"] > div + div{
border-left:1px solid var(--cadm-line); padding-left:16px;
}
.cadm-sub{border-top:1px solid var(--cadm-line); margin-top:8px; padding-top:8px;}
.cadm-foot p{margin:0; font-size:14px; line-height:1.45; color:var(--cadm-muted);}
.cadm-foot strong{color:var(--cadm-ink); font-weight:700;}
.cadm-cta{
display:inline-flex; align-items:center; justify-content:center; gap:7px; white-space:nowrap;
background:#FFFFFF; color:#0B0B0C; text-decoration:none;
padding:11px 16px; border-radius:9px; font-size:15px; font-weight:500;
transition:opacity .14s ease;
}
.cadm-cta:hover{opacity:.85; color:#0B0B0C; text-decoration:none;}
.cadm-badge{
align-self:flex-start; font-size:10px; font-weight:700; letter-spacing:.1em;
text-transform:uppercase; color:var(--cadm-accent);
background:rgba(255,255,255,.09); padding:4px 8px; border-radius:999px;
}
.cadm-caret{
display:inline-block; width:6px; height:6px; margin-left:7px; vertical-align:middle;
border-right:1.6px solid currentColor; border-bottom:1.6px solid currentColor;
transform:translateY(-2px) rotate(45deg);
transition:transform .18s ease; opacity:.65;
}
[aria-expanded="true"] > .cadm-caret{transform:translateY(1px) rotate(-135deg);}
.cadm-sub{display:flex; flex-direction:column; gap:1px; padding-bottom:2px;}
.cadm-subtitle{
margin:0 0 4px; padding:0 10px; font-size:10.5px; font-weight:700;
letter-spacing:.12em; text-transform:uppercase; color:var(--cadm-muted); opacity:.85;
}
.cadm-sub a:not(.cadm-item){
display:flex; align-items:center; gap:9px; padding:6px 10px; border-radius:7px;
color:var(--cadm-muted); text-decoration:none; font-size:14px; line-height:1.35;
transition:background .14s ease, color .14s ease;
}
.cadm-sub a:not(.cadm-item) .cadm-logo{flex:0 0 28px; height:28px; border-radius:7px; padding:4px;}
.cadm-sub a:not(.cadm-item):hover .cadm-logo{transform:scale(1.06);}
.cadm-sub a:not(.cadm-item):hover{background:var(--cadm-hover); color:var(--cadm-ink); text-decoration:none;}
.cadm-native-off{display:none !important;}
@media (max-width:1024px){
.cadm-panel{
width:calc(100vw - 20px) !important; left:10px !important;
max-height:calc(100vh - 90px); overflow-y:auto; -webkit-overflow-scrolling:touch;
}
.cadm-inner{grid-template-columns:1fr;}
.cadm-sec{padding:14px 10px;}
.cadm-grid[data-kind="rich"]{grid-template-columns:1fr !important;}
.cadm-grid[data-kind="rich"] > div + div{border-left:0; padding-left:0; border-top:1px solid var(--cadm-line); padding-top:10px; margin-top:6px;}
.cadm-foot-in{flex-direction:column; align-items:stretch; text-align:center; padding:14px 12px;}
.cadm-grid[data-kind="chips"]{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
.cadm-feature{border-left:0; border-top:1px solid var(--cadm-line); padding:14px 12px 16px;}
.cadm-foot .cadm-cta{width:100%;}
}
.cadm-scrim{
position:fixed; inset:0; z-index:99998; background:rgba(0,0,0,.5);
opacity:0; visibility:hidden; transition:opacity .16s ease, visibility .16s;
}
.cadm-scrim.is-open{opacity:1; visibility:visible;}
@media (min-width:1025px){ .cadm-scrim{display:none;} }
@media (prefers-reduced-motion:reduce){
.cadm-panel,.cadm-scrim,.cadm-caret,.cadm-item,.cadm-ico,.cadm-chip,.cadm-cta{transition:none !important;}
}