:root{--bg:#101712;--surface:#17231b;--ink:#eaf2df;--muted:#9da99d;--lime:#c7ff4d;--line:hsla(85,42%,91%,.16);--sans:ui-rounded,"Avenir Next","PingFang SC",sans-serif;--mono:"SF Mono","Cascadia Code",monospace}*{box-sizing:border-box}body,html{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans)}a{color:inherit;text-decoration:none}main{min-height:100svh}nav{height:74px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,6vw,88px);border-bottom:1px solid var(--line)}.brand{font:500 19px var(--mono);letter-spacing:-1.5px}.brand span{color:var(--lime)}.nav-link{font:500 11px var(--mono);color:var(--muted);letter-spacing:.04em}.eyebrow,.nav-link:hover{color:var(--lime)}.eyebrow{margin:0;font:500 10px var(--mono);letter-spacing:.14em}.home-hero{position:relative;min-height:calc(100svh - 74px);padding:clamp(90px,14vh,160px) clamp(22px,12vw,190px);background:radial-gradient(circle at 82% 42%,#2d4b28 0,transparent 23%),linear-gradient(135deg,#101712,#17251b)}.home-hero h1,.tool-header h1{margin:20px 0 0;max-width:920px;font-size:clamp(64px,11vw,154px);line-height:.83;letter-spacing:-.085em;font-weight:600}.home-hero em,.tool-header em{font-weight:400;color:var(--lime)}.hero-copy{margin:40px 0 30px;max-width:440px;color:var(--muted);line-height:1.65;font-size:16px}.primary-button,.run-button{border:1px solid var(--lime);background:var(--lime);color:#142011;padding:15px 18px;display:inline-flex;align-items:center;gap:25px;cursor:pointer;font:600 11px var(--mono);letter-spacing:.03em}.primary-button:hover,.run-button:not(:disabled):hover{background:#e0ff92}.orb{position:absolute;border-radius:50%;filter:blur(1px)}.orb-one{right:9%;top:20%;width:min(31vw,440px);aspect-ratio:1;background:radial-gradient(circle at 36% 31%,#f2ffbd,#b2ea38 25%,#527b27 67%,#233b20);box-shadow:0 0 110px #8ecf2b3d}.orb-two{width:84px;height:84px;left:10%;bottom:14%;background:#c7ff4d}.principles{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.principles article{padding:30px clamp(24px,5vw,75px);border-right:1px solid var(--line);min-height:180px}.principles article:last-child{border:0}.principles b{font:400 10px var(--mono);color:var(--lime)}.principles h2{margin:24px 0 9px;font-size:19px;letter-spacing:-.03em}.principles p{margin:0;color:var(--muted);font-size:14px;line-height:1.5}footer{display:flex;justify-content:space-between;padding:17px clamp(22px,6vw,88px);border-top:1px solid var(--line);font:400 10px var(--mono);color:var(--muted)}.compress-page{background:var(--bg);background-image:linear-gradient(90deg,transparent 49.95%,rgba(199,255,77,.035) 50%,transparent 50.05%)}.tool-header{padding:clamp(62px,10vh,110px) max(24px,calc((100vw - 1050px)/2)) 36px}.tool-header h1{font-size:clamp(55px,8.2vw,112px);max-width:750px}.tool-header>p:last-child{max-width:480px;color:var(--muted);line-height:1.7;font-size:15px}.compressor{width:min(1050px,calc(100% - 48px));margin:0 auto 34px;border:1px solid var(--line);background:var(--surface);box-shadow:12px 12px 0 #070c08}.drop-zone{width:100%;min-height:230px;border:0;border-bottom:1px solid var(--line);color:var(--ink);background:linear-gradient(135deg,rgba(199,255,77,.06),transparent 36%),#162018;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;cursor:pointer}.drop-zone:hover{background-color:#1b2a1e}.drop-zone input{display:none}.drop-icon{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--lime);border-radius:50%;color:var(--lime);font-size:20px;margin-bottom:8px}.drop-zone.done .drop-icon{background:var(--lime);color:#142011}.drop-zone.working .drop-icon{animation:spin 1s linear infinite}.drop-zone strong{font:500 13px var(--mono)}.drop-zone small,.settings p{color:var(--muted);font-size:12px}.settings{padding:25px 30px 20px}.settings-head{display:flex;justify-content:space-between;align-items:center;font:500 10px var(--mono);letter-spacing:.08em}.settings-head b{color:var(--lime);font-weight:500}.profiles{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px;margin:15px 0}.profiles button{padding:15px;background:#111a13;border:1px solid var(--line);color:var(--ink);cursor:pointer;text-align:left;display:grid;grid-gap:6px;gap:6px}.profiles button:hover{border-color:#a7d83f}.profiles button.selected{border-color:var(--lime);background:linear-gradient(100deg,#253c18,#17251a);box-shadow:inset 3px 0 var(--lime)}.profiles strong{font-size:16px;letter-spacing:-.03em}.profiles small{font-size:11px;color:var(--muted)}.settings p{line-height:1.5;margin:0}.run-button{width:calc(100% - 60px);margin:8px 30px 30px;justify-content:space-between}.run-button:disabled{background:#425242;border-color:#425242;color:#9da99d;cursor:not-allowed}.result{margin:8px 30px 30px;padding-top:21px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.result div{display:grid;grid-gap:6px;gap:6px}.result span{font:500 10px var(--mono);color:var(--muted)}.result strong{font-size:32px;letter-spacing:-.07em}.result small{font:500 11px var(--mono);color:#f0b661}.result small.pass{color:var(--lime)}.error{margin:-15px 30px 24px;color:#ff9c78;font-size:13px}.privacy-note{text-align:center;color:var(--muted);font:500 10px var(--mono);letter-spacing:.05em;padding-bottom:32px}.privacy-note span{color:var(--lime);padding:0 6px}@keyframes spin{to{transform:rotate(1turn)}}@media(max-width:650px){nav{height:65px;padding:0 18px}.home-hero{padding:83px 24px;min-height:620px}.home-hero h1{font-size:69px}.orb-one{width:300px;right:-100px;top:280px}.orb-two{display:none}.principles{grid-template-columns:1fr}.principles article{min-height:0;border-right:0;border-bottom:1px solid var(--line);padding:22px 24px}.principles h2{margin:13px 0 6px}footer{gap:20px;font-size:9px}.tool-header{padding:58px 24px 32px}.tool-header h1{font-size:62px}.compressor{width:calc(100% - 32px);box-shadow:6px 6px 0 #070c08}.drop-zone{min-height:205px;padding:20px}.drop-zone strong{text-align:center;font-size:11px}.settings{padding:20px 18px}.settings-head b{display:none}.profiles{grid-template-columns:1fr}.run-button{width:calc(100% - 36px)}.result,.run-button{margin:8px 18px 18px}.result{align-items:flex-end;gap:10px}.result .primary-button{padding:13px;gap:7px}.privacy-note{font-size:9px;padding:0 20px 24px}}