:root{--bg:#f2f2ee;--paper:#fff;--ink:#151612;--muted:#73766e;--line:#d8d9d2;--accent:#a9b98c;--red:#a74b42;--amber:#a6752c;--shadow:0 22px 70px rgba(20,22,16,.1)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.55 Arial,sans-serif}.top{height:68px;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(242,242,238,.94);backdrop-filter:blur(18px);z-index:20}.brand,.top nav button,.dark{border:0;background:none;cursor:pointer;color:inherit}.brand{display:flex;align-items:center;gap:11px}.brand b{letter-spacing:.04em}.brand em{font-size:9px;font-style:normal;color:var(--muted);border-left:1px solid var(--line);padding-left:11px}.mark{width:25px;height:24px;display:grid;grid-template-columns:repeat(3,1fr);gap:2px;transform:skew(-12deg)}.mark i{background:var(--ink)}nav{display:flex;gap:28px}nav button{color:#555950}.dark{border:1px solid var(--line);border-radius:50%;width:38px;height:38px}.page{display:none;min-height:calc(100vh - 68px);padding:55px 5vw 90px}.page.active{display:block}#home{padding:0}.hero{min-height:calc(100vh - 68px);display:grid;grid-template-columns:1.05fr .95fr;gap:6vw;align-items:center;padding:7vh 6vw}.kicker{text-transform:uppercase;letter-spacing:.16em;font-size:10px;font-weight:700;color:#68784f}.hero h1,.pagehead h1,.reporthead h1{font-size:clamp(45px,5vw,78px);line-height:.95;letter-spacing:-.055em;margin:20px 0 28px}.hero h1 span{color:#878b82;font-weight:400}.hero p{font-size:17px;line-height:1.7;max-width:650px;color:#555950}.actions{display:flex;gap:12px;margin:32px 0 48px}.primary,.ghost{border-radius:100px;padding:14px 22px;border:1px solid var(--ink);font-weight:700;cursor:pointer}.primary{background:var(--ink);color:#fff}.ghost{background:transparent}.wide{width:100%}.stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);max-width:700px}.stats div{padding:18px 16px 0 0}.stats b,.stats span{display:block}.stats b{font-size:23px}.stats span{font-size:10px;color:var(--muted)}.hero-stack{height:620px;position:relative}.hero-stack img{position:absolute;width:72%;height:75%;object-fit:cover;background:#fff;padding:8px;box-shadow:var(--shadow)}.hero-stack img:first-child{right:0;top:0;transform:rotate(2deg)}.hero-stack img:nth-child(2){left:0;bottom:0;transform:rotate(-3deg)}.chip{position:absolute;right:3%;bottom:8%;background:#fff;padding:14px 18px;border-radius:12px;box-shadow:var(--shadow);font-size:10px}.chip b{color:#65764d}.band{background:#171814;color:#fff;padding:18px 5vw;display:flex;justify-content:space-between;text-transform:uppercase;letter-spacing:.1em;font-size:9px}.method{padding:100px 6vw}.section-title h2{font-size:42px;letter-spacing:-.04em;max-width:600px}.method-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}.method-grid article{padding:24px 25px 25px 0;border-right:1px solid var(--line)}.method-grid article+article{padding-left:25px}.method-grid b{font-size:10px;color:#68784f}.method-grid h3{margin-top:70px}.method-grid p{color:var(--muted)}.pagehead,.reporthead{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:38px}.pagehead h1,.reporthead h1{font-size:48px;margin:10px 0}.pagehead p,.reporthead p{color:var(--muted);max-width:680px}.steps{display:flex;align-items:center}.steps i{width:30px;height:30px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;font-style:normal}.steps i.on{background:var(--ink);color:#fff}.steps span{width:40px;height:1px;background:var(--line)}.workgrid{display:grid;grid-template-columns:1fr 320px;gap:30px}.drop{min-height:320px;border:1px dashed #93968e;border-radius:22px;background:rgba(255,255,255,.45);display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer}.drop input{display:none}.drop>b{font-size:40px;font-weight:300}.drop h2{margin:8px 0}.drop p,.drop small{color:var(--muted)}.preview{height:320px;border-radius:22px;background:#fff;padding:15px;display:grid;grid-template-columns:1fr 230px;gap:18px}.preview img{width:100%;height:100%;object-fit:contain;background:#e8e9e4}.preview div{display:flex;flex-direction:column;justify-content:center;gap:10px}.preview span{color:var(--muted)}.preview button{border:0;background:none;text-decoration:underline;cursor:pointer;text-align:left;padding:0}.hidden{display:none}.formrow{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px;margin:16px 0}.formrow label{display:flex;flex-direction:column;gap:7px;font-size:10px;color:var(--muted)}select{padding:13px;border:1px solid var(--line);border-radius:10px;background:#fff}.knowledge,.teacher,.next{background:#fff;border-radius:20px;padding:24px;box-shadow:var(--shadow)}.knowledge h3{font-size:21px}.meter,.scoregrid i{height:5px;background:#e6e7e1;border-radius:10px;overflow:hidden}.meter i,.scoregrid em{display:block;height:100%;background:#68784f}.knowledge ul{list-style:none;padding:0}.knowledge li{padding:11px 0;border-bottom:1px solid #eee}.knowledge li b{display:inline-block;width:28px}.knowledge p{font-size:11px;color:var(--muted)}.score{width:145px;height:145px;border-radius:50%;background:conic-gradient(#68784f 0 74%,#dedfd9 74%);display:grid;place-items:center;align-content:center;position:relative}.score:before{content:"";position:absolute;inset:9px;background:var(--bg);border-radius:50%}.score>*{z-index:1}.score b{font-size:42px;line-height:1}.score small{font-size:9px;color:var(--muted)}.scoregrid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:28px}.scoregrid>div{background:#fff;border-radius:15px;padding:18px}.scoregrid span,.scoregrid b{display:block}.scoregrid span{font-size:10px;color:var(--muted)}.scoregrid b{font-size:24px;margin:8px 0}.reportgrid{display:grid;grid-template-columns:1fr 330px;gap:28px}.issues{background:#fff;border-radius:20px;padding:26px}.tabs{display:flex;gap:6px;margin-bottom:10px}.tabs button,.refnav button{border:1px solid var(--line);background:none;border-radius:100px;padding:8px 11px;cursor:pointer;font-size:10px}.tabs button.active,.refnav button.active{background:var(--ink);color:#fff}.issue{padding:22px 0;border-top:1px solid #ecece7}.tag{display:inline-block;font-size:9px;text-transform:uppercase;letter-spacing:.08em;font-weight:700;padding:5px 8px;border-radius:5px}.tag.critical{background:#f3ddda;color:var(--red)}.tag.important{background:#f0e4cf;color:var(--amber)}.tag.extra{background:#e3e8dc;color:#61704e}.issue h3{margin:12px 0 7px;font-size:18px}.issue p{color:#5c6057}.actionbox{background:#f0f1ed;border-radius:10px;padding:13px;font-size:11px}.reportgrid aside{display:flex;flex-direction:column;gap:14px}.teacher span,.next span{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#68784f}.teacher p,.next li{color:#60645b}.next ol{padding-left:18px}.refnav{display:flex;gap:7px;margin-bottom:20px}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.refcard{background:#fff;border-radius:16px;overflow:hidden;cursor:pointer}.refcard img{width:100%;height:300px;object-fit:cover;display:block}.refcard div{padding:14px}.refcard b,.refcard span{display:block}.refcard span{font-size:10px;color:var(--muted);margin-top:4px}.casegrid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.casecard{background:#fff;border-radius:18px;padding:16px}.caseimgs{display:grid;grid-template-columns:1fr 1fr;gap:7px;height:280px}.caseimgs.one{grid-template-columns:1fr}.caseimgs img{width:100%;height:100%;object-fit:cover;background:#eee}.casecard h3{margin:15px 0 4px}.casecard p{color:var(--muted)}.rules{display:flex;flex-wrap:wrap;gap:5px}.rules span{font-size:9px;padding:6px 8px;background:#e9ebe4;border-radius:100px}.rubrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.rubrics article{background:#fff;padding:22px;border-radius:15px;min-height:180px}.rubrics article>b{font-size:27px;color:#68784f}.rubrics h3{margin:30px 0 8px}.rubrics p{color:var(--muted)}.principles{margin-top:55px}.principles>div{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.principle{border-top:1px solid var(--line);padding:16px 15px 16px 0}.principle b{display:block;margin-bottom:6px}.principle span{font-size:11px;color:var(--muted)}.toast{position:fixed;right:24px;bottom:24px;background:#111;color:#fff;padding:13px 18px;border-radius:10px;opacity:0;transform:translateY(60px);transition:.25s}.toast.show{opacity:1;transform:none}.darkmode{--bg:#1d1e1a;--paper:#292a26;--ink:#f0f1ec;--muted:#a2a59c;--line:#3b3d36}.darkmode .top{background:rgba(29,30,26,.94)}.darkmode .knowledge,.darkmode .teacher,.darkmode .next,.darkmode .scoregrid>div,.darkmode .issues,.darkmode .refcard,.darkmode .casecard,.darkmode .rubrics article{background:#292a26}.darkmode select{background:#292a26;color:#fff}@media(max-width:1000px){nav{display:none}.hero{grid-template-columns:1fr}.hero-stack{height:480px}.workgrid,.reportgrid{grid-template-columns:1fr}.gallery{grid-template-columns:1fr 1fr}.scoregrid{grid-template-columns:repeat(2,1fr)}.rubrics{grid-template-columns:1fr 1fr}.method-grid{grid-template-columns:1fr 1fr}}@media(max-width:650px){.page{padding:35px 18px 70px}.hero{padding:55px 20px}.stats{grid-template-columns:1fr 1fr}.hero-stack{height:350px}.band{display:none}.actions,.pagehead,.reporthead{flex-direction:column}.method-grid,.gallery,.casegrid,.rubrics,.principles>div,.formrow{grid-template-columns:1fr}.preview{grid-template-columns:1fr;height:auto}.preview img{height:250px}.scoregrid{grid-template-columns:1fr}.refcard img{height:240px}}