:root{--bg:#f4f7fc;--paper:#fff;--ink:#192536;--muted:#6c788a;--blue:#416ec4;--blue-dark:#274d95;--pale:#e5edfb;--line:#dce4ef;--green:#4ea96a;--red:#d75b58;--shadow:0 25px 70px #294c8417}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Manrope,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}header{height:82px;padding:0 5vw;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;border-bottom:1px solid var(--line);background:#f8faffdf;backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:11px;width:max-content}.brand>span{width:39px;height:39px;display:grid;place-items:center;border-radius:50%;background:var(--blue);color:white;font-weight:800}.brand strong{display:block;font-size:15px}.brand small{display:block;margin-top:2px;color:var(--muted);font:500 8px DM Mono;letter-spacing:.13em}header>p{text-align:center;color:var(--muted);font-size:11px}.ready{justify-self:end;padding:9px 12px;display:flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:99px;background:white;color:var(--muted);font:500 9px DM Mono;text-transform:uppercase}.ready i,#state i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 8px #4ea96a}.hero{position:relative;min-height:calc(100vh - 82px);padding:9vh 7vw 8vh;display:grid;grid-template-columns:1fr 1fr;gap:5vw;align-items:start;overflow:hidden;background:radial-gradient(circle at 78% 25%,#dbe7fa,transparent 32%)}.hero-copy{position:relative;z-index:2}.label{margin:0;color:var(--blue);font:500 9px DM Mono;letter-spacing:.16em;text-transform:uppercase}.hero h1{max-width:720px;margin:22px 0;font-size:clamp(58px,8vw,110px);line-height:.92;letter-spacing:-.08em}.hero h1 em{color:var(--blue);font-family:"Playfair Display";font-weight:600}.copy{max-width:560px;margin:0;color:var(--muted);font-size:15px;line-height:1.8}.principles{margin-top:5vh;display:flex;flex-wrap:wrap;gap:8px}.principles span{padding:9px 11px;border:1px solid var(--line);border-radius:99px;background:#ffffffb5;color:var(--muted);font-size:9px}.principles i{margin-right:6px;color:var(--blue);font:500 8px DM Mono}.orbit-visual{position:relative;z-index:2;width:min(34vw,480px);aspect-ratio:1;margin:0 auto}.ring{position:absolute;border:1px solid #416ec445;border-radius:50%;animation:spin 24s linear infinite}.ring-one{inset:8%}.ring-two{inset:-2%;border-style:dashed;animation-direction:reverse;animation-duration:36s}.ring:after{content:"";position:absolute;width:10px;height:10px;border-radius:50%;background:var(--green);box-shadow:0 0 15px #4ea96a}.ring-one:after{right:7%;top:15%}.ring-two:after{left:-5px;top:50%;background:var(--blue)}.core{position:absolute;inset:24%;display:grid;place-content:center;border:12px solid #ffffffa6;border-radius:50%;background:linear-gradient(145deg,#769be1,#315ba9);box-shadow:0 25px 70px #315ba940;color:white;text-align:center}.core strong{font-size:clamp(48px,6vw,78px);line-height:1;letter-spacing:-.08em}.core span{margin-top:5px;font:500 7px DM Mono;letter-spacing:.14em}.node{position:absolute;width:11px;height:11px;border:3px solid white;border-radius:50%;background:var(--blue);box-shadow:0 5px 12px #294c8430}.node-one{left:8%;top:23%}.node-two{right:2%;top:60%;background:var(--green)}.node-three{left:25%;bottom:2%;background:#7d95bd}.visual-note{position:absolute;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:white;box-shadow:0 12px 30px #294c8415}.visual-note b,.visual-note span{display:block}.visual-note b{font-size:12px}.visual-note span{margin-top:2px;color:var(--muted);font-size:8px}.note-one{left:-3%;bottom:19%}.note-two{right:-5%;top:20%}#crawl{position:relative;z-index:4;grid-column:1/-1;margin-top:4vh;padding:22px;display:grid;grid-template-columns:1.3fr 1fr;gap:18px;border:1px solid var(--line);border-radius:17px;background:#ffffffd9;box-shadow:var(--shadow);backdrop-filter:blur(18px)}.form-title{grid-column:1/-1;display:flex;justify-content:space-between;align-items:end}.form-title h2{margin:7px 0 0;font-size:22px}.form-title>span{color:var(--muted);font-size:9px}.url{color:var(--ink);font-size:10px;font-weight:700}.url input{width:100%;margin-top:8px;padding:14px;border:1px solid var(--line);border-radius:9px;outline-color:var(--blue);background:#f8faff;color:var(--ink);font-size:13px}.controls{display:grid;grid-template-columns:1fr 1fr 145px;gap:9px}.controls label{padding:10px;border:1px solid var(--line);border-radius:9px;background:#f8faff;color:var(--muted);font-size:8px}.controls label span{display:flex;justify-content:space-between}.controls label b{color:var(--blue);font-size:10px}.controls input{width:100%;margin-top:9px;accent-color:var(--blue)}.controls button{padding:12px;border:0;border-radius:9px;background:var(--blue);color:white;font-size:10px;font-weight:700}.controls button:hover{background:var(--blue-dark)}.controls button:disabled{opacity:.65;cursor:wait}#mission{padding:9vh 7vw 12vh}.mission-head{padding-bottom:22px;display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid var(--line)}.mission-head h2{max-width:65vw;margin:10px 0 0;overflow:hidden;font-size:clamp(36px,5vw,62px);line-height:1;letter-spacing:-.06em;text-overflow:ellipsis;white-space:nowrap}#state{padding:12px 14px;display:flex;align-items:center;gap:9px;border:1px solid #cfe2d6;border-radius:10px;background:#eff8f2;color:#2d6843;font-size:10px;font-weight:700}#state small{display:block;margin-top:3px;color:#6c8b77;font-size:8px;font-weight:500}.metrics{margin:24px 0 6vh;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.metrics article{padding:20px;border:1px solid var(--line);border-radius:12px;background:white}.metrics span,.metrics small{display:block;color:var(--muted);font-size:9px}.metrics b{display:block;margin:10px 0 6px;font-size:31px;letter-spacing:-.05em}.report-head{padding-bottom:16px;display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid var(--line)}.report-head h3{margin:0;font-size:22px}.report-head p{margin:5px 0 0;color:var(--muted);font-size:10px}.report-head>span{padding:7px 10px;border-radius:99px;background:var(--pale);color:var(--blue-dark);font-size:9px;font-weight:700}.results-head,.result{display:grid;grid-template-columns:90px 1fr 90px 100px;gap:10px;align-items:center}.results-head{padding:13px 12px;border-bottom:1px solid var(--line);color:var(--muted);font:500 8px DM Mono;text-transform:uppercase}.result{padding:15px 12px;border-bottom:1px solid var(--line);font-size:10px;animation:in .25s ease}.result:hover{background:white}.result .code{width:max-content;padding:6px 8px;border-radius:6px;background:#e6f5eb;color:#318252;font-weight:700}.result.bad .code{background:#fae8e7;color:var(--red)}.resource{min-width:0}.resource b,.resource small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.resource b{font-size:11px}.resource small{margin-top:4px;color:var(--muted);font:400 8px DM Mono}.result>span:last-child{color:var(--blue);font-weight:700}.empty{padding:60px;text-align:center;color:var(--muted);font-size:11px}footer{min-height:70px;padding:0 5vw;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);background:white;color:var(--muted);font-size:9px}#error{position:fixed;z-index:10;right:24px;bottom:24px;max-width:360px;padding:13px 17px;display:none;border-radius:9px;background:var(--red);color:white;font-size:10px;box-shadow:var(--shadow)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes in{from{opacity:0;transform:translateY(5px)}}@media(max-width:900px){header{height:70px;padding:0 16px;grid-template-columns:1fr auto}header>p,.brand small{display:none}.ready{font-size:0}.ready i{margin:0}.hero{min-height:auto;padding:55px 18px;display:block}.hero h1{font-size:15vw}.orbit-visual{width:310px;max-width:90vw;margin:55px auto}.note-two{right:0}.note-one{left:0}#crawl{margin-top:40px;padding:16px;display:block}.form-title>span{display:none}.url{display:block;margin-top:18px}.controls{margin-top:10px;grid-template-columns:1fr 1fr}.controls button{grid-column:1/-1;padding:14px}#mission{padding:60px 15px}.mission-head{display:block}.mission-head h2{max-width:100%;white-space:normal;overflow-wrap:anywhere}.mission-head #state{width:max-content;margin-top:20px}.metrics{grid-template-columns:1fr 1fr}.metrics article{padding:15px}.results-head{display:none}.result{grid-template-columns:60px 1fr 50px;padding:14px 5px}.result>span:last-child{display:none}.report-head>span{display:none}footer{padding:20px;gap:20px;font-size:8px}}