:root{--blue:#0588d8;--blue2:#004c9f;--ink:#0d1723;--muted:#667487;--bg:#eef3f8;--card:#fff;--line:#dbe7f1;--ok:#15a05f;--warn:#c78300;--error:#d63b30}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(180deg,#eaf2f8 0,#f7f9fb 42%,#eef3f8 100%);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--ink);font-size:15px;line-height:1.45}a{color:inherit;text-decoration:none}p{line-height:1.62}.shell{width:min(1180px,calc(100% - 32px));margin:22px auto 30px}.hero{position:relative;overflow:hidden;min-height:390px;border-radius:32px;color:#fff;background:linear-gradient(135deg,#0063ba 0%,#078de1 54%,#54c1ff 100%);box-shadow:0 24px 70px rgba(0,80,150,.25)}.hero-bg:before,.hero-bg:after{content:"";position:absolute;border-radius:999px;filter:blur(4px);opacity:.45}.hero-bg:before{width:360px;height:360px;right:-80px;top:-90px;background:rgba(255,255,255,.32);animation:floatA 9s ease-in-out infinite}.hero-bg:after{width:420px;height:420px;left:-140px;bottom:-170px;background:rgba(0,28,85,.35);animation:floatB 11s ease-in-out infinite}.hero:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.13) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(140deg,transparent 0%,#000 38%,transparent 100%);opacity:.52}.topnav,.hero-content{position:relative;z-index:2}.topnav{display:flex;justify-content:space-between;align-items:center;padding:24px 30px}.wordmark{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:-.02em}.wordmark span{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.3);backdrop-filter:blur(12px)}.navlinks{display:flex;gap:8px}.navlinks a{padding:9px 13px;border-radius:999px;background:rgba(255,255,255,.14);font-size:14px}.hero-content{max-width:760px;padding:48px 30px 46px}.eyebrow{margin:0 0 13px;color:#bfeaff;font-weight:800;text-transform:uppercase;letter-spacing:.12em;font-size:12px}.hero h1{font-size:clamp(38px,6vw,74px);line-height:1.06;letter-spacing:-.018em;margin:0 0 22px}.lead{font-size:clamp(17px,2vw,21px);max-width:620px;margin:0;color:rgba(255,255,255,.86)}.hero-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.hero-pills span{padding:9px 12px;border-radius:999px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(8px)}.layout{display:grid;grid-template-columns:1fr;gap:18px;margin-top:18px;align-items:start;width:100%}.upload-card{width:100%;margin:0}.main-card{width:100%}.card{background:rgba(255,255,255,.86);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.72);border-radius:24px;box-shadow:0 18px 45px rgba(23,65,106,.12);overflow:hidden}.card-head{display:flex;align-items:center;gap:12px;padding:22px 24px 0}.card-head h2{font-size:19px;margin:0;letter-spacing:.006em;line-height:1.34}.step{color:#fff;background:var(--blue);border-radius:999px;font-size:12px;font-weight:800;padding:5px 9px}.drop{margin:22px;min-height:220px;border:1.5px dashed #9fcbe8;border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:9px;background:linear-gradient(180deg,#f8fcff,#eef8ff);cursor:pointer;transition:.2s}.drop:hover,.drop.is-dragover{transform:translateY(-2px);border-color:var(--blue);box-shadow:0 16px 30px rgba(5,136,216,.14)}.drop input{position:absolute;opacity:0;pointer-events:none}.upload-icon{width:74px;height:74px;border-radius:22px;display:grid;place-items:center;background:#fff;box-shadow:0 10px 30px rgba(0,75,150,.12)}.upload-icon svg{width:48px;height:48px;stroke:var(--blue);stroke-width:5;fill:none;stroke-linecap:round;stroke-linejoin:round}.drop strong{font-size:20px;line-height:1.3}.drop span:last-child{color:var(--muted)}.info-body,.result{padding:24px}.info-body p{margin:0 0 20px;color:#415164}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.feature-grid article{border:1px solid var(--line);border-radius:18px;padding:17px;background:#fff}.feature-grid span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#e6f6ff;color:var(--blue);font-weight:900}.feature-grid h3{margin:14px 0 7px;font-size:16px;line-height:1.3}.feature-grid p{font-size:13px;margin:0;color:var(--muted)}.settings-wrap{margin-top:20px;border-top:1px solid var(--line);padding-top:14px}.settings-wrap summary{cursor:pointer;font-weight:700;color:var(--blue)}.settings{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}.settings label{display:flex;justify-content:space-between;gap:10px;align-items:center;border:1px solid var(--line);padding:10px;border-radius:14px;background:#fff}.settings input,.settings select{font:inherit;border:1px solid #bdd4e6;border-radius:10px;padding:7px 8px;background:#fff;max-width:118px}.result-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px}.result-head h2{margin:0;font-size:28px;letter-spacing:0;line-height:1.28}.result-head p:last-child{margin:6px 0 0;color:var(--muted)}.result-badge{min-width:96px;border-radius:16px;background:var(--ok);color:#fff;font-weight:850;text-align:center;padding:12px 16px}.result-badge.warn{background:var(--warn)}.result-badge.error{background:var(--error)}.score-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:0 0 18px}.score-card{border:1px solid var(--line);border-radius:18px;padding:16px;background:#fff}.score-card strong{display:block;font-size:24px;margin-bottom:4px;line-height:1.22}.score-card span{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.issue{border:1px solid var(--line);border-left:5px solid #cfd9e3;border-radius:16px;background:#fff;margin:10px 0;padding:14px}.issue.ok{border-left-color:var(--ok)}.issue.warn{border-left-color:var(--warn)}.issue.error{border-left-color:var(--error)}.issue h3{margin:0 0 6px;font-size:15px;line-height:1.3}.issue p{margin:0;color:#405064}.preview-section{margin:0 0 18px;border:1px solid var(--line);border-radius:22px;overflow:hidden;background:#fff}.preview-topline{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 16px;border-bottom:1px solid var(--line);background:#f8fbfe}.preview-topline h2{margin:0;font-size:17px;line-height:1.3}.preview-controls{display:flex;align-items:center;gap:7px;flex-wrap:wrap;font-size:13px;color:var(--muted)}.preview-bg{border:1px solid #bdd4e6;background:#fff;color:#164b78;border-radius:999px;padding:7px 11px;font:inherit;font-weight:750;cursor:pointer}.preview-bg:hover,.preview-bg.is-active{background:var(--blue);border-color:var(--blue);color:#fff}.preview-stage{min-height:260px;padding:28px;display:flex;align-items:center;justify-content:center;overflow:auto;transition:.2s}.preview-stage.bg-white{background:#fff}.preview-stage.bg-gray{background:#aeb7c2}.preview-stage.bg-black{background:#080b10}.preview-stage iframe{display:block;border:0;box-shadow:0 18px 40px rgba(0,0,0,.22);background:transparent;max-width:none;flex:0 0 auto}.preview-message{margin:0;color:var(--muted);text-align:center}.file-details{margin-top:18px}.file-details summary{cursor:pointer;font-weight:800;color:var(--blue);padding:8px 0}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:16px}table{width:100%;border-collapse:collapse;font-size:14px;min-width:560px;background:#fff}td,th{border-bottom:1px solid #edf2f7;text-align:left;padding:11px}tr:last-child td{border-bottom:0}.site-footer{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:22px 4px;color:#647386;font-size:13px}.site-footer nav{display:flex;gap:7px}.site-footer a{background:#fff;border:1px solid var(--line);border-radius:999px;padding:8px 12px;color:#25506f}@keyframes floatA{50%{transform:translate(-30px,35px) scale(1.05)}}@keyframes floatB{50%{transform:translate(40px,-20px) scale(.95)}}@media(max-width:960px){.layout{grid-template-columns:1fr}.drop{min-height:220px}.feature-grid{grid-template-columns:1fr}.score-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.shell{width:calc(100% - 18px);margin-top:9px}.hero{min-height:460px;border-radius:24px}.topnav{padding:18px;align-items:flex-start}.navlinks{display:none}.hero-content{padding:58px 18px 28px}.hero h1{font-size:43px}.layout{gap:10px;margin-top:10px}.card{border-radius:20px}.card-head,.info-body,.result{padding-left:16px;padding-right:16px}.drop{margin:16px}.settings{grid-template-columns:1fr}.score-grid{grid-template-columns:1fr}.result-head{flex-direction:column}.result-badge{width:100%}.preview-topline{align-items:flex-start;flex-direction:column}.preview-stage{justify-content:flex-start;padding:16px;min-height:190px}.site-footer{flex-direction:column;align-items:flex-start}.site-footer nav{flex-wrap:wrap}}