.sdai{--sa:var(--blue,#1d4ed8);--si:var(--ink,#0f1a33);--sm:var(--muted,#5d6b88);--sl:var(--line,#e3e9f5);--ss:var(--sky,#f3f7ff)}
.sdai__form{background:#fff;border:1px solid var(--sl);border-radius:20px;padding:24px;box-shadow:0 30px 60px -20px rgba(29,78,216,.25)}
.sdai__label{display:block;font-weight:700;color:var(--si);margin-bottom:8px}
.sdai__row{display:flex;gap:10px}
.sdai__input{flex:1;min-width:0;height:54px;padding:0 16px;border:1.5px solid var(--sl);border-radius:12px;font:inherit;font-size:16px;color:var(--si);background:#fff}
.sdai__input:focus{outline:0;border-color:#3b82f6;box-shadow:0 0 0 4px rgba(59,130,246,.15)}
.sdai__btn{height:54px;padding:0 24px;border:0;border-radius:12px;background:var(--sa);color:#fff;font:inherit;font-weight:700;cursor:pointer;white-space:nowrap}
.sdai__btn:hover{background:#2563eb}
.sdai__btn:disabled{opacity:.6;cursor:wait}
.sdai__note{margin:10px 0 0;font-size:14px;color:var(--sm)}
.sdai__hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.sdai__status{margin-top:16px;padding:14px 18px;border-radius:12px;background:var(--ss);color:var(--sa);font-weight:600}
.sdai__status.is-err{background:#fef2f2;color:#b91c1c}
.sdai__result{margin-top:24px}
.sdai-r{background:#fff;border:1px solid var(--sl);border-radius:20px;padding:28px}
.sdai-r__head{display:flex;gap:24px;align-items:center;margin-bottom:24px}
.sdai-r__score{--c:#16a34a;flex:none;width:112px;height:112px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(closest-side,#fff 79%,transparent 80% 100%),conic-gradient(var(--c) calc(var(--p)*1%),#e8eef9 0)}
.sdai-r__score--mid{--c:#f59e0b}
.sdai-r__score--low{--c:#dc2626}
.sdai-r__score b{font-size:34px;line-height:1;color:var(--si)}
.sdai-r__score span{font-size:12px;color:var(--sm)}
.sdai-r__domain{margin:0;font-weight:800;font-size:20px;color:var(--si);word-break:break-all}
.sdai-r__verdict{margin:4px 0 8px;color:var(--si)}
.sdai-r__counts{display:flex;flex-wrap:wrap;gap:8px;margin:0;font-size:13px;font-weight:700}
.sdai-r__counts span{padding:4px 10px;border-radius:999px}
.sdai-r__counts .ok{background:#ecfdf5;color:#15803d}
.sdai-r__counts .warn{background:#fffbeb;color:#b45309}
.sdai-r__counts .bad{background:#fef2f2;color:#b91c1c}
.sdai-r__h{font-weight:800;color:var(--si);margin:20px 0 10px;font-size:17px}
.sdai-r__brand{background:var(--ss);border-radius:14px;padding:4px 18px 8px;margin-bottom:8px}
.sdai-r__checks ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.sdai-r__checks li{position:relative;padding:12px 14px 12px 42px;border:1px solid var(--sl);border-radius:12px;font-size:15px}
.sdai-r__checks li::before{position:absolute;left:14px;top:12px;width:18px;height:18px;border-radius:50%;color:#fff;font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center}
.sdai-r__checks li.is-ok::before{content:"✓";background:#16a34a}
.sdai-r__checks li.is-warn::before{content:"!";background:#f59e0b}
.sdai-r__checks li.is-bad::before{content:"×";background:#dc2626}
.sdai-r__checks b{display:block;color:var(--si)}
.sdai-r__checks span{color:var(--sm)}
.sdai-r__gate{margin-top:24px;padding:24px;border-radius:16px;background:linear-gradient(135deg,#0b1b3f,#173ea8);color:#dbe6ff}
.sdai-r__gate .sdai-r__h{color:#fff;margin-top:0}
.sdai-r__gate a{color:#93c5fd}
.sdai-r__lead{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}
.sdai-r__lead .sdai__consent,.sdai-r__lead .sdai__btn,.sdai-r__lead .sdai__msg{grid-column:1/-1}
.sdai__consent{display:flex;gap:8px;font-size:13px;line-height:1.4;align-items:flex-start}
.sdai__consent input{margin-top:2px}
.sdai__msg{margin:0;min-height:1em;font-size:14px;font-weight:600}
.sdai__msg.is-err{color:#fca5a5}
.sdai-r__ai{margin-top:24px;font-size:16px;line-height:1.7}
.sdai-r__ai h4{font-size:19px;color:var(--si);margin:22px 0 8px}
.sdai-r__ai li{margin-bottom:6px}
.sdai-r__cta{margin-top:20px;padding:16px 18px;border-radius:12px;background:var(--ss);font-weight:600}
@media (max-width:640px){
  .sdai__row{flex-direction:column}
  .sdai-r{padding:20px 16px}
  .sdai-r__head{flex-direction:column;align-items:flex-start}
  .sdai-r__lead{grid-template-columns:1fr}
}