:root{--ink:#173d37;--muted:#627568;--line:#dce4d8;--green:#206f50}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:#f7f9f4;color:var(--ink);font:15px/1.6 Arial,Helvetica,sans-serif}a{color:inherit}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.6;cursor:wait}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #49863d;outline-offset:4px}[hidden]{display:none!important}.skip{position:absolute;top:-100px;background:white;padding:15px;z-index:10}.skip:focus{top:0}header,main,footer{max-width:1240px;margin:auto}header{height:100px;padding:0 36px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-size:23px;font-weight:800;letter-spacing:-1px;text-decoration:none;display:flex;align-items:center;gap:15px}.brand small{font-size:8px;letter-spacing:1.4px;font-weight:500;line-height:1.5}nav{display:flex;align-items:center;gap:30px;font-size:12px}nav a{text-decoration:none}.pill{border:1px solid #b7c4b0;border-radius:30px;padding:11px 19px}main{padding:0 36px}.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:35px;align-items:center;padding:75px 0 65px}.eyebrow{font-size:10px;letter-spacing:1.6px;font-weight:700}.hero h1{font-size:clamp(40px,4.8vw,65px);line-height:1.08;letter-spacing:-3px;font-weight:600;margin:23px 0}.hero h1 span{color:#708c77}.hero p{max-width:430px;color:var(--muted);font-size:16px;line-height:1.8}.primary{display:inline-block;background:var(--ink);color:white;border-radius:30px;padding:14px 24px;text-decoration:none;font-size:13px;margin-top:15px}.primary:hover,.submit:hover{background:#2b5b46}.note{font-size:10px;letter-spacing:.4px;color:var(--muted);margin-top:25px}.visual{height:370px;position:relative;display:grid;place-items:center;overflow:hidden;background:radial-gradient(ellipse,#dfeacb,transparent 70%)}.orbit{position:absolute;width:300px;height:300px;border:1px solid #c6d3bb;border-radius:50%}.orbit.inner{width:220px;height:220px;border-style:dashed}.shield{width:135px;height:160px;background:linear-gradient(140deg,#397d62,#143c33);color:#d9f49b;font-size:80px;display:grid;place-items:center;clip-path:polygon(50% 0,95% 15%,90% 65%,75% 85%,50% 100%,25% 85%,10% 65%,5% 15%)}.float{position:absolute;background:#fffffff0;border:1px solid var(--line);border-radius:9px;padding:15px 20px;box-shadow:0 10px 25px #294d3410;font-size:10px;letter-spacing:.6px}.top{left:12px;top:50px}.bottom{right:0;bottom:65px}.visual>small{position:absolute;bottom:10px;font-size:8px;letter-spacing:1.4px;color:var(--muted)}section{scroll-margin-top:25px}#analyzer{padding:35px 0 65px;border-top:1px solid var(--line)}.section-title{display:flex;align-items:end;justify-content:space-between;margin-bottom:25px}.section-title>p{font-size:12px;color:var(--muted)}h2{font-size:30px;line-height:1.25;letter-spacing:-1px;font-weight:600;margin:12px 0}h3{font-size:18px;letter-spacing:-.3px}h4{font-size:13px;margin:18px 0 7px}.workspace{display:grid;grid-template-columns:1fr 1fr;background:white;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 15px 45px #30473105}.input-panel,.results{padding:34px}.panel-title{display:flex;align-items:center;gap:12px}.panel-title h3{margin:0}.badge{font-size:9px;background:#e8f0e1;padding:5px 9px;border-radius:5px;letter-spacing:.5px;font-weight:700;margin-left:auto;white-space:nowrap}.muted{color:var(--muted)}.intro{font-size:12px;margin:8px 0 28px}label{display:block;font-size:12px;font-weight:600}.input-wrap{display:flex;border:1px solid #cbd8c8;border-radius:8px;margin-top:8px;overflow:hidden;background:#fafcf8}.input-wrap input{min-width:0;flex:1;border:0;background:transparent;padding:14px;color:var(--ink);font-size:14px}.input-wrap button{border:0;background:transparent;padding:0 15px;color:var(--ink);font-size:11px}.input-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:10px;margin:7px 0 23px}.checkbox{display:flex;align-items:start;gap:9px;font-weight:500}.checkbox input{accent-color:var(--green);margin-top:4px}.checkbox small{display:block;color:var(--muted);font-size:10px;font-weight:400;margin-top:3px}.submit{background:var(--ink);color:white;border:0;width:100%;padding:15px 20px;border-radius:8px;text-align:left;margin-top:25px;font-size:13px}.privacy-note{font-size:10px;color:var(--muted);line-height:1.7;margin:14px 0 0}.results{background:#eff4e9;border-left:1px solid var(--line);min-height:405px;display:flex;flex-direction:column;justify-content:center}#empty{text-align:center;padding:15px}.empty-icon{font-size:52px;color:#829a78}#empty h3{font-weight:500;margin:12px 0}#empty p{font-size:12px;color:var(--muted);max-width:300px;margin:auto}.legend{font-size:9px;display:flex;justify-content:center;gap:18px;margin-top:35px}.legend span:first-child{color:#356c4b}.legend span:nth-child(2){color:#8a681b}.legend span:last-child{color:#ab4438}#output .eyebrow{font-size:9px}#score{font-size:57px;letter-spacing:-3px;font-weight:600;margin:10px 0}progress{width:100%;height:9px;accent-color:#297650}progress::-webkit-progress-bar{background:#dbe4d5;border-radius:8px}progress::-webkit-progress-value{background:#297650;border-radius:8px}[data-risk=medium] progress::-webkit-progress-value{background:#ad7a20}[data-risk=weak] progress::-webkit-progress-value{background:#b94539}.explanation,#guidance,.breach-result p{font-size:11px;color:#52674f;line-height:1.7}#guidance{padding-left:18px}.breach-result{border-top:1px solid #d4dfcc;margin-top:20px}.breach-result a{font-size:10px}#error{font-size:12px;color:#a02e24;background:#fff0ed;padding:10px;border-radius:5px}#how{border-top:1px solid var(--line);padding:50px 0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:30px}.cards article>span{font-size:12px;color:#6c8c67;border-bottom:1px solid #cbd8c4;display:block;padding-bottom:15px}.cards h3{font-size:17px;margin:18px 0 9px}.cards p{font-size:13px;color:var(--muted);line-height:1.8}#privacy{background:#e9efdf;border-radius:16px;padding:40px;display:grid;grid-template-columns:1fr 1.4fr;gap:40px;margin:20px 0 60px}#privacy p{font-size:12px;line-height:1.9;margin-top:0}footer{padding:25px 36px 35px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:15px}footer .brand{font-size:18px}footer>span{font-size:10px;color:var(--muted)}@media(max-width:800px){header{padding:0 22px;height:85px}.brand small{display:none}nav{gap:18px}nav .pill{display:none}main{padding:0 22px}.hero{gap:10px;padding:50px 0;grid-template-columns:1fr 1fr}.hero h1{font-size:42px;letter-spacing:-2px}.visual{height:300px}.orbit{width:240px;height:240px}.top{left:0;top:20px;padding:10px;font-size:8px}.bottom{bottom:35px;padding:10px;font-size:9px}.visual>small{display:none}.section-title{display:block}.input-panel,.results{padding:24px}#privacy{padding:28px}.legend{gap:10px}}@media(max-width:600px){header .brand{font-size:20px}nav{gap:15px;font-size:12px}.hero{grid-template-columns:1fr;padding:40px 0 25px}.hero h1{font-size:46px}.visual{height:270px}.hero p{font-size:14px}.workspace,.cards,#privacy{grid-template-columns:1fr}.results{border-left:0;border-top:1px solid var(--line);min-height:300px}h2{font-size:26px}.cards{gap:20px}#privacy{gap:15px}footer{flex-direction:column;align-items:start;padding:25px 22px}.note{margin-bottom:15px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
