/* Other Dimension – free tools + chat assistant (plain CSS) */
.odt-hero{padding:150px 16px 30px;text-align:center}
.odt-hero h1{font-size:clamp(34px,6vw,64px);font-weight:800;line-height:1.1;color:#e8e8e8}
.odt-hero p{max-width:640px;margin:16px auto 0;font-size:17px;color:#b5b5b5}
.odt-wrap{max-width:920px;margin:30px auto 0;padding:0 16px}
.odt-card{background:#111;border:1px solid #ffffff14;border-radius:20px;padding:clamp(20px,4vw,36px)}
.odt-grid{display:grid;gap:20px;grid-template-columns:1fr}
@media(min-width:800px){.odt-grid.cols2{grid-template-columns:1fr 1fr}.odt-grid.cols3{grid-template-columns:repeat(3,1fr)}}
.odt-tool-card{display:block;background:#111;border:1px solid #ffffff14;border-radius:20px;padding:28px;transition:border-color .3s,transform .3s}
.odt-tool-card:hover{border-color:#08e8ff88;transform:translateY(-4px)}
.odt-tool-card h2{font-size:22px;font-weight:600;color:#fff;margin:10px 0}
.odt-tool-card p{color:#aaa;font-size:15px;line-height:1.6}
.odt-tool-card .go{display:inline-block;margin-top:16px;color:#08e8ff}
.odt-ico{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#06bed1,#138eff);display:grid;place-items:center;font-size:22px}
.odt-label{display:block;font-size:14px;color:#cfcfcf;margin:16px 0 6px}
.odt-in,.odt-ta,.odt-sel{width:100%;background:#0a0a0a;border:1px solid #ffffff2a;border-radius:12px;padding:14px 16px;color:#fff;font:inherit;font-size:16px;outline:0;transition:border-color .2s}
.odt-ta{min-height:110px;resize:vertical}
.odt-in:focus,.odt-ta:focus,.odt-sel:focus{border-color:#08e8ff}
.odt-row{display:grid;gap:14px;grid-template-columns:1fr}
@media(min-width:640px){.odt-row.two{grid-template-columns:1fr 1fr}}
.odt-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;cursor:pointer;border-radius:999px;padding:14px 28px;font:inherit;font-weight:600;color:#fff;background:linear-gradient(135deg,#06bed1,#138eff);transition:transform .2s,box-shadow .2s,opacity .2s}
.odt-btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px #06bed155}
.odt-btn[disabled]{opacity:.55;pointer-events:none}
.odt-btn.ghost{background:transparent;border:1px solid #ffffff44}
.odt-btn.wa{background:#1fa855}
.odt-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
.odt-hp{position:absolute!important;left:-9999px;opacity:0;height:0;width:0}
.odt-err{color:#ff7b7b;font-size:14px;margin-top:10px;min-height:18px}
.odt-note{color:#8c8c8c;font-size:13px;margin-top:14px}
.odt-progress{height:6px;background:#ffffff1c;border-radius:9px;overflow:hidden;margin-bottom:26px}
.odt-progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,#08e8ff,#138eff);transition:width .4s}
.odt-q{font-size:clamp(20px,3vw,26px);font-weight:600;color:#fff;margin-bottom:20px;line-height:1.3}
.odt-opt{display:block;width:100%;text-align:left;background:#0a0a0a;border:1px solid #ffffff22;border-radius:14px;padding:16px 18px;margin-bottom:12px;color:#e8e8e8;font:inherit;font-size:16px;cursor:pointer;transition:border-color .2s,background .2s,transform .2s}
.odt-opt:hover{border-color:#08e8ff;background:#08e8ff12;transform:translateX(4px)}
.odt-opt.sel{border-color:#08e8ff;background:#08e8ff1f}
.odt-step{font-size:13px;color:#08e8ff;margin-bottom:10px;letter-spacing:.08em;text-transform:uppercase}
.odt-chips{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}
.odt-chip{background:#0a0a0a;border:1px solid #ffffff22;border-radius:14px;padding:16px;cursor:pointer;color:#e8e8e8;font:inherit;text-align:left;transition:all .2s}
.odt-chip:hover{border-color:#08e8ff}
.odt-chip.sel{border-color:#08e8ff;background:#08e8ff1f;color:#fff}
.odt-chip.sel::after{content:" ✓";color:#08e8ff}
.odt-score{display:flex;align-items:center;gap:26px;flex-wrap:wrap}
.odt-ring{--p:0;width:150px;height:150px;border-radius:50%;background:conic-gradient(var(--c,#08e8ff) calc(var(--p)*1%),#ffffff18 0);display:grid;place-items:center;position:relative;flex:none}
.odt-ring::before{content:"";position:absolute;inset:12px;background:#111;border-radius:50%}
.odt-ring b{position:relative;font-size:40px;color:#fff}
.odt-list{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:10px}
.odt-list li{display:grid;grid-template-columns:22px 1fr;gap:10px;background:#0a0a0a;border-radius:12px;padding:12px 14px;font-size:15px;color:#d5d5d5}
.odt-list li strong{display:block;color:#fff;font-weight:600}
.odt-list li span.d{color:#a5a5a5}
.odt-dot{width:14px;height:14px;border-radius:50%;margin-top:4px}
.odt-dot.pass{background:#2ecc71}.odt-dot.warn{background:#f5b73b}.odt-dot.fail{background:#ff5a5a}
.odt-metrics{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));margin-top:16px}
.odt-metrics div{background:#0a0a0a;border-radius:12px;padding:12px 14px}.odt-metrics small{display:block;color:#8f8f8f;font-size:12px}.odt-metrics b{color:#fff;font-size:18px}
.odt-spin{width:18px;height:18px;border-radius:50%;border:2px solid #ffffff44;border-top-color:#fff;animation:odt-spin .8s linear infinite;display:inline-block}
@keyframes odt-spin{to{transform:rotate(360deg)}}
.odt-sum{background:#0a0a0a;border-radius:14px;padding:16px 18px;margin:18px 0;font-size:15px;color:#d5d5d5;line-height:1.7}
.odt-sum b{color:#fff}
.odt-ok{text-align:center;padding:20px 0}.odt-ok h2{font-size:28px;color:#fff;margin:10px 0}.odt-ok p{color:#b5b5b5}
.odt-faq{margin-top:50px}

/* ---- chat assistant ---- */
#od-wa{display:none!important}
#odc-btn{position:fixed;left:18px;bottom:84px;z-index:60;display:flex;align-items:center;gap:8px;padding:13px 18px;border:0;border-radius:999px;cursor:pointer;color:#fff;font:600 14px Inter,system-ui,sans-serif;background:linear-gradient(135deg,#06bed1,#138eff);box-shadow:0 8px 30px #06bed155;animation:od-pulse 2.6s infinite}
@media(min-width:768px){#odc-btn{bottom:28px}}
#odc-btn svg{flex:none}
#odc-panel{position:fixed;left:12px;bottom:84px;z-index:70;width:min(380px,calc(100vw - 24px));height:min(560px,calc(100dvh - 110px));display:none;flex-direction:column;background:#0b0b0b;border:1px solid #ffffff22;border-radius:20px;overflow:hidden;box-shadow:0 20px 60px #000c}
@media(min-width:768px){#odc-panel{bottom:28px;left:18px}}
#odc-panel.open{display:flex;animation:odc-in .3s cubic-bezier(.2,.8,.2,1)}
@keyframes odc-in{from{opacity:0;transform:translateY(20px) scale(.97)}}
#odc-head{display:flex;align-items:center;gap:10px;padding:14px 16px;background:linear-gradient(135deg,#06bed122,#138eff22);border-bottom:1px solid #ffffff14;color:#fff}
#odc-head .av{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#06bed1,#138eff);display:grid;place-items:center;font-weight:700}
#odc-head small{display:block;color:#7fe9a2;font-size:12px}
#odc-head button{margin-left:auto;background:0;border:0;color:#fff;font-size:22px;cursor:pointer;line-height:1}
#odc-log{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:10px;scroll-behavior:smooth}
.odc-m{max-width:86%;padding:10px 14px;border-radius:16px;font-size:14.5px;line-height:1.5;color:#e8e8e8;animation:odc-in .25s}
.odc-m.bot{background:#1a1a1a;border-bottom-left-radius:4px;align-self:flex-start}
.odc-m.me{background:linear-gradient(135deg,#06bed1,#138eff);color:#fff;border-bottom-right-radius:4px;align-self:flex-end}
.odc-m a{color:#08e8ff;text-decoration:underline}
.odc-opts{display:flex;flex-wrap:wrap;gap:8px;align-self:flex-start}
.odc-opts button{background:transparent;border:1px solid #08e8ff88;color:#08e8ff;border-radius:999px;padding:8px 14px;font:inherit;font-size:13.5px;cursor:pointer;transition:all .2s}
.odc-opts button:hover{background:#08e8ff;color:#000}
.odc-typing{display:flex;gap:4px;padding:12px 14px;background:#1a1a1a;border-radius:16px;align-self:flex-start}
.odc-typing i{width:6px;height:6px;border-radius:50%;background:#888;animation:odc-b 1s infinite}.odc-typing i:nth-child(2){animation-delay:.15s}.odc-typing i:nth-child(3){animation-delay:.3s}
@keyframes odc-b{0%,60%,100%{transform:none}30%{transform:translateY(-5px)}}
#odc-form{display:flex;gap:8px;padding:12px;border-top:1px solid #ffffff14}
#odc-form input{flex:1;background:#151515;border:1px solid #ffffff22;border-radius:999px;padding:11px 16px;color:#fff;font:inherit;font-size:15px;outline:0}
#odc-form input:focus{border-color:#08e8ff}
#odc-form button{border:0;border-radius:50%;width:42px;height:42px;background:linear-gradient(135deg,#06bed1,#138eff);color:#fff;cursor:pointer;font-size:18px}
@media(prefers-reduced-motion:reduce){#odc-btn{animation:none}}

/* hero free-tools row */
.odt-hero-tools{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;margin-top:34px;max-width:980px}
.odt-hero-tools-label{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#08e8ff;margin-right:6px;width:100%;text-align:center}
@media(min-width:768px){.odt-hero-tools-label{width:auto}}
.odt-pill{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:999px;border:1px solid #ffffff33;background:#ffffff0d;backdrop-filter:blur(8px);color:#f0f0f0;font:500 14px Inter,system-ui,sans-serif;cursor:pointer;transition:border-color .25s,background .25s,transform .25s,box-shadow .25s}
.odt-pill i{font-style:normal}
.odt-pill:hover{border-color:#08e8ff;background:#08e8ff1c;transform:translateY(-3px);box-shadow:0 8px 24px #06bed144;color:#fff}

/* deep SEO report */
.odt-cats{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));margin-top:24px}
.odt-cat{background:#0a0a0a;border-radius:12px;padding:12px 14px}
.odt-cat-top{display:flex;justify-content:space-between;font-size:14px;color:#cfcfcf;margin-bottom:8px}.odt-cat-top b{font-size:18px}
.odt-bar{height:6px;background:#ffffff1c;border-radius:9px;overflow:hidden}.odt-bar i{display:block;height:100%;border-radius:9px;transition:width .8s}
.odt-h3{font-size:20px;font-weight:600;color:#fff;margin:30px 0 12px}
.odt-pri{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.odt-pri li{background:#0a0a0a;border-radius:14px;padding:14px 16px;border-left:3px solid #ff5a5a}
.odt-pri-h{display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:#fff}
.odt-pri p{margin:8px 0 0;font-size:14.5px;color:#b9b9b9;line-height:1.55}
.odt-fix{color:#9fe8f2!important}.odt-fix b{color:#08e8ff}
.odt-imp{font-style:normal;font-size:12px;border-radius:99px;padding:2px 10px;margin-left:auto;background:#ffffff14;color:#ddd}
.odt-imp.high{background:#ff5a5a28;color:#ff9a9a}.odt-imp.medium{background:#f5b73b28;color:#f5c96a}
.odt-acc{background:#0a0a0a;border-radius:14px;margin-top:10px;padding:0 16px}
.odt-acc summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;padding:16px 0;color:#fff;font-weight:600}
.odt-acc summary::-webkit-details-marker{display:none}
.odt-acc .odt-list{margin:0 0 16px}.odt-acc .odt-list li{background:#111}
.odt-acc .d{display:block}
.odt-dot.info{background:#6aa9ff}
.odt-kw{display:flex;flex-wrap:wrap;gap:8px}.odt-kw span{background:#0a0a0a;border:1px solid #ffffff1c;border-radius:99px;padding:6px 12px;font-size:13.5px;color:#bbb}.odt-kw b{color:#fff;font-weight:600}
.odt-tbl{overflow-x:auto}.odt-tbl table{width:100%;border-collapse:collapse;font-size:14px}.odt-tbl th,.odt-tbl td{padding:10px 8px;border-bottom:1px solid #ffffff14;text-align:left;vertical-align:top;color:#d5d5d5}
.odt-tbl th{color:#8f8f8f;font-weight:500}.odt-tbl a{color:#08e8ff}.odt-tbl small{display:block;color:#7d7d7d;word-break:break-all}
@media print{
  body,.bg-black{background:#fff!important;color:#000!important}
  header,footer,#odc-btn,#odc-panel,#od-progress,.od-orbs,#od-top,#od-glow,#od-dot,.odt-noprint,.odt-hero p,form{display:none!important}
  .odt-card,.odt-cat,.odt-pri li,.odt-acc,.odt-list li{background:#fff!important;border:1px solid #ccc!important;color:#000!important}
  .odt-hero{padding-top:10px}.odt-hero h1,.odt-h3,.odt-pri-h,strong,b,h2{color:#000!important}
  .odt-ring::before{background:#fff}.odt-ring b{color:#000}.odt-list li .d,.odt-pri p,p{color:#333!important}
  details:not([open])>*:not(summary){display:block}
}