/* Next-level ISO 3632 grading module */
.grading-body{background:radial-gradient(circle at 20% 0%,#fff7e8 0,#f6ebdc 32%,#eadac5 100%)}
.grading-hero{min-height:80vh;padding:7rem 8vw 5rem;background:linear-gradient(110deg,rgba(36,7,10,.96),rgba(90,13,20,.88));color:#fff;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}
.grading-hero:after{content:"";position:absolute;right:-12vw;bottom:-18vw;width:58vw;height:58vw;border-radius:50%;border:1px solid rgba(201,161,95,.35);box-shadow:0 0 0 35px rgba(201,161,95,.05), inset 0 0 80px rgba(201,161,95,.15)}
.grading-hero h1{font-size:clamp(2.8rem,7vw,6.5rem)}
.grading-eyebrow,.grading-label{display:inline-block;text-transform:uppercase;letter-spacing:.16em;font-weight:800;color:#C6A75E;font-size:.78rem;margin-bottom:1rem}
.grading-lead{font-size:clamp(1.15rem,2vw,1.45rem);max-width:880px;color:#f3e8da}
.grading-actions{display:flex;gap:1rem;flex-wrap:wrap;margin-top:1.6rem}
.grading-actions .btn.ghost{color:#fff;border-color:#C6A75E}
.grading-main{padding:5rem 5vw;display:grid;gap:2rem}
.grading-panel{background:rgba(255,250,242,.9);border:1px solid rgba(201,161,95,.32);box-shadow:0 26px 70px rgba(52,28,12,.13);border-radius:30px;padding:clamp(1.4rem,4vw,3.2rem);overflow:hidden}
.grading-hero-panel,.iso-tool{display:grid;grid-template-columns:1.05fr .95fr;gap:2rem;align-items:start}
.grading-hero-visual img,.grading-chart{width:100%;display:block;border-radius:24px}
.grading-metric-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:2rem}
.grading-metric-card{background:linear-gradient(135deg,#fff,#f6ead8);border:1px solid #eadbc6;border-radius:22px;padding:1.4rem}
.grading-metric-title{text-transform:uppercase;letter-spacing:.14em;color:#111111;font-weight:900;font-size:.78rem}
.grading-metric-value{font-family:Georgia,serif;font-size:2.7rem;color:#4e070b;line-height:1;margin:.45rem 0}
.grading-metric-sub{color:#6b5d54;font-size:.92rem}
.grade-ladder{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:2rem}
.grade-card{position:relative;min-height:360px;border-radius:26px;padding:1.5rem;background:linear-gradient(180deg,#fff,#f8ecda);border:1px solid #eadbc6;overflow:hidden}
.grade-card.super{background:linear-gradient(180deg,#fff9ef,#f2d8bd)}
.grade-rank{font-size:4rem;font-family:Georgia,serif;color:rgba(90,13,20,.13);line-height:1}
.thread-visual{position:absolute;left:1rem;right:1rem;bottom:1rem;height:110px;border-radius:22px;background:#fff3e3;border:1px solid #ead5b8}
.thread-visual:before,.thread-visual:after{content:"";position:absolute;border-radius:999px;transform:rotate(-12deg)}
.thread-super:before{width:80%;height:12px;background:linear-gradient(90deg,#3b0204,#9f1720,#d32b35);left:10%;top:34px}.thread-super:after{width:65%;height:10px;background:linear-gradient(90deg,#4e070b,#bc1f2a);left:18%;top:62px}
.thread-sargol:before{width:65%;height:10px;background:linear-gradient(90deg,#56080d,#bd1d28);left:12%;top:34px}.thread-sargol:after{width:45%;height:9px;background:linear-gradient(90deg,#651015,#d23640);left:34%;top:62px}
.thread-pushal:before{width:70%;height:11px;background:linear-gradient(90deg,#57090e 0 65%,#e59a25 65% 100%);left:12%;top:38px}.thread-pushal:after{width:58%;height:9px;background:linear-gradient(90deg,#9c1720 0 60%,#f4c15e 60% 100%);left:23%;top:67px}
.thread-bunch:before{width:85%;height:10px;background:linear-gradient(90deg,#6a0d13 0 35%,#e3a33e 35% 70%,#f2ddaa 70% 100%);left:7%;top:36px}.thread-bunch:after{width:80%;height:9px;background:linear-gradient(90deg,#8f1219 0 28%,#e9b75f 28% 70%,#fff0c6 70% 100%);left:12%;top:67px}
.grading-visual-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}
.tool-form{display:grid;gap:1rem;background:#fff;border:1px solid #eadbc6;border-radius:24px;padding:1.5rem}
.tool-form label{display:grid;gap:.35rem;font-weight:800;color:#111111}
.tool-form input,.tool-form select{padding:.9rem 1rem;border:1px solid #eadbc6;border-radius:14px;background:#fff;font:inherit}
.tool-result{background:linear-gradient(135deg,#111111,#1f1f1f);color:#fff;border-radius:28px;padding:2rem}
.tool-score{font-family:Georgia,serif;font-size:clamp(3rem,8vw,6rem);line-height:1;color:#C6A75E}
.tool-result p{color:#f5e6d7}
.result-badge{display:inline-block;border:1px solid rgba(201,161,95,.7);border-radius:999px;padding:.5rem .9rem;margin:.3rem .25rem .3rem 0;color:#fff;background:rgba(255,255,255,.08)}
.risk-low{color:#94e6a5}.risk-mid{color:#ffd176}.risk-high{color:#ff8c8c}
.auth-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}
.check-item{background:#fff;border:1px solid #eadbc6;border-radius:18px;padding:1rem}
.check-item label{display:flex;gap:.7rem;align-items:flex-start;font-weight:700;color:#211814}
.check-item input{margin-top:.3rem;transform:scale(1.25)}
.warning-panel{display:grid;grid-template-columns:.8fr 1.2fr;gap:2rem;background:linear-gradient(135deg,#2b070a,#681019);color:#fff}
.warning-panel p{color:#f2dfcf}.warning-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.warning-grid article{background:rgba(255,255,255,.08);border:1px solid rgba(201,161,95,.35);border-radius:22px;padding:1.2rem}.warning-grid strong{display:block;color:#ffd98d;margin-bottom:.35rem}.warning-grid span{color:#f8eadb}
.grading-note{font-size:.9rem;color:#6b5d54;border-left:4px solid #C6A75E;padding:1rem;background:#F5F2E9;border-radius:10px}
@media(max-width:980px){.grading-hero-panel,.grading-visual-grid,.warning-panel,.iso-tool{grid-template-columns:1fr}.grade-ladder{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.grading-main{padding:2rem 1rem}.grading-hero{padding:4rem 1.2rem;min-height:70vh}.grading-metric-grid,.grade-ladder,.warning-grid,.auth-grid{grid-template-columns:1fr}}