*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#edf1f2;color:#17252d;font-family:Inter,Segoe UI,Arial,sans-serif;line-height:1.6}a{text-decoration:none;color:inherit}button,input,select{font:inherit}header{height:78px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;background:#10242e;color:#fff;position:sticky;top:0;z-index:20;border-bottom:1px solid #31515f}header nav{display:flex;gap:24px}.brand{display:flex;gap:12px;align-items:center}.brand>span{width:44px;height:44px;border:1px solid #85bdd4;border-radius:13px;display:grid;place-items:center;color:#85bdd4}.brand small{display:block;color:#85bdd4;letter-spacing:2px}.hero{min-height:620px;padding:80px 7vw;display:grid;grid-template-columns:1.05fr .95fr;gap:55px;align-items:center;background:radial-gradient(circle at 75% 35%,#34708755,transparent 28%),linear-gradient(145deg,#10242e,#1b3c4b);color:#fff}.eyebrow{font-size:11px;font-weight:800;letter-spacing:3px;color:#87bfd7}.hero h1{font:600 clamp(44px,6vw,78px) Georgia;line-height:1.02;margin:20px 0}.hero p{max-width:720px;color:#c4d5dc;font-size:18px}.hero-actions{display:flex;gap:12px;align-items:center}.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 22px;border:0;border-radius:13px;background:#8ac2da;color:#10242e;font-weight:800;cursor:pointer}.ghost{padding:12px 18px;border:1px solid #6c9bad;border-radius:13px;color:#d6e7ed}.btn.secondary{background:#203d4b;color:#fff}.btn.full{width:100%}.print-preview{display:grid;place-items:center}.paper{width:min(420px,85vw);aspect-ratio:4/5;background:#fbfaf6;color:#20343d;padding:38px;box-shadow:0 35px 80px #0007;transform:rotate(3deg);display:flex;flex-direction:column;justify-content:flex-end;border:14px solid #fff}.paper span{font-size:11px;letter-spacing:3px}.paper strong{font:600 92px Georgia;color:#3c819f;line-height:.9}.paper em{font-style:normal;font-weight:800;letter-spacing:6px;color:#3c819f}.paper small{color:#71828a;margin-top:18px}.calculator-shell,.results,.guide{max-width:1320px;margin:auto;padding:80px 5vw}.calculator-shell{display:grid;grid-template-columns:1.25fr .75fr;gap:22px}.card{background:#fff;border:1px solid #d6dee0;border-radius:24px;padding:30px;box-shadow:0 18px 55px #1e394512}.section-title{display:flex;gap:16px;align-items:center}.section-title.compact{margin-bottom:18px}.section-title h2,.section-title h3{margin:0;font:600 29px Georgia}.step{width:46px;height:46px;border-radius:14px;background:#e3f1f6;color:#2c718d;display:grid;place-items:center;font-weight:900}.drop{height:340px;margin-top:20px;border:2px dashed #87afbf;border-radius:20px;display:grid;place-content:center;text-align:center;cursor:pointer;background:#f5fafb;padding:25px}.drop input{display:none}.drop strong{font-size:22px}.drop span{color:#74868e}.settings label{display:block;margin:16px 0;color:#60747e;font-size:14px}.settings input,.settings select{width:100%;padding:13px;border:1px solid #c8d2d6;border-radius:11px;margin-top:7px;background:#fff}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.checkline{display:flex!important;gap:10px;align-items:center}.checkline input{width:auto!important;margin:0!important}#preview{width:100%;max-height:500px;object-fit:contain;border-radius:16px;background:#eef2f3}.source-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:12px}.source-strip span{background:#edf5f7;border-radius:11px;padding:10px;text-align:center;color:#65777e;font-size:12px}.source-strip b{display:block;color:#245b70;font-size:15px}.results{padding-top:25px}.report-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.report-header h2{font:600 46px Georgia;margin:10px 0}.grade{width:120px;height:120px;border-radius:50%;display:grid;place-content:center;text-align:center;background:#e8f2f4;border:8px solid #71a7b8}.grade strong{font-size:40px;line-height:1}.grade span{font-size:12px}.grade.excellent{border-color:#3e9b61}.grade.good{border-color:#6c9b45}.grade.fair{border-color:#c09631}.grade.poor{border-color:#b34f48}.summary-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:22px}.metric{padding:18px;border-radius:16px;background:#fff;border:1px solid #d7e1e4}.metric span{display:block;color:#718087;font-size:12px}.metric strong{display:block;font-size:23px;color:#245f77}.report-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.card h3{font:600 27px Georgia;margin-top:0}.data-list>div{display:grid;grid-template-columns:1fr auto;gap:4px 18px;padding:11px 0;border-bottom:1px solid #e5eaec}.data-list span{color:#66787f}.data-list strong{color:#1d5268}.data-list small{grid-column:1/-1;color:#8a989d}.assessment p{margin:0 0 14px;padding:13px 15px;background:#f4f8f9;border-left:3px solid #76aabd;border-radius:0 10px 10px 0}.assessment .warn{border-color:#bd695d;background:#fff4f2}.sizes{margin-bottom:20px}#sizeGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}.size-card{padding:16px;border:1px solid #d7e0e3;border-radius:15px;display:grid;grid-template-columns:1fr auto;gap:5px}.size-card strong,.size-card span,.size-card small{display:block}.size-card small{grid-column:1/-1;color:#7d8c91}.excellent{color:#28733b}.good{color:#4d7b2d}.fair{color:#a0711b}.poor{color:#a23b34}.dpi-table{border:1px solid #d9e1e3;border-radius:14px;overflow:hidden}.dpi-row{display:grid;grid-template-columns:110px 1fr 1.4fr;gap:15px;padding:12px 16px;border-bottom:1px solid #e3e8ea}.dpi-row:last-child{border:0}.dpi-row.head{background:#e9f2f5;font-weight:800}.dpi-row small{color:#708086}.check-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.check-item{display:flex;gap:10px;align-items:center;padding:14px;border-radius:13px;background:#f3f7f8}.check-item>b{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#d9ece2;color:#28754a}.check-item.info>b{background:#e4eef2;color:#2c6780}.check-item span{font-weight:700}.check-item small{display:block;color:#73838a;font-weight:400}.report-actions{display:flex;gap:12px;margin-top:20px}.guide{text-align:center}.guide h2{font:600 44px Georgia;margin:14px 0 35px}.guide-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;text-align:left}.guide-grid article{background:#fff;border-radius:20px;padding:24px;border:1px solid #d7e0e3}.guide-grid b{color:#4d91ac}.guide-grid h3{font:600 24px Georgia}footer{padding:35px 5vw;background:#10242e;color:#c5d2d8;display:flex;justify-content:space-between}
@media(max-width:1050px){.summary-grid{grid-template-columns:repeat(3,1fr)}#sizeGrid{grid-template-columns:repeat(3,1fr)}.check-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:850px){header nav{display:none}.hero,.calculator-shell,.report-columns{grid-template-columns:1fr}.source-strip{grid-template-columns:repeat(2,1fr)}.summary-grid{grid-template-columns:1fr 1fr}#sizeGrid{grid-template-columns:1fr 1fr}.guide-grid{grid-template-columns:1fr 1fr}.report-header{align-items:flex-start}.grade{width:92px;height:92px}.grade strong{font-size:30px}}
@media(max-width:560px){.form-grid,.summary-grid,#sizeGrid,.check-grid,.guide-grid{grid-template-columns:1fr}.report-header{display:block}.grade{margin-top:15px}.dpi-row{grid-template-columns:65px 1fr}.dpi-row small{grid-column:1/-1}.report-actions{flex-direction:column}footer{flex-direction:column;gap:8px}}
@media print{header,.hero,.calculator-shell,.guide,footer,.report-actions{display:none!important}body{background:#fff}.results{display:block!important;padding:0}.card,.metric{box-shadow:none;break-inside:avoid}.report-columns{break-inside:avoid}.eyebrow{color:#555}.grade{border-width:3px}}