@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#191a18;--muted:#777873;--paper:#f2f1ed;--line:#d7d6d0;--soft:#e7e6e0;--white:#faf9f5;--accent:#c8f36a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif}a{color:inherit;text-decoration:none}.site-header{height:86px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;font-size:17px;font-weight:800;letter-spacing:-.05em}.brand-mark{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:var(--ink);color:var(--paper);font-family:Georgia,serif;font-size:16px;font-weight:400}.site-header nav{display:flex;gap:34px;font-size:12px;color:var(--muted)}.site-header nav a:hover,.site-header nav .active{color:var(--ink)}.header-button,.button{display:inline-flex;align-items:center;gap:24px;padding:13px 17px;border-radius:2px;font-size:11px;font-weight:700}.header-button{background:var(--ink);color:var(--paper)}.hero{min-height:650px;padding:145px 11vw 100px;position:relative;overflow:hidden;background:radial-gradient(circle at 82% 28%,#dce8bd 0,transparent 29%),var(--paper)}.hero:after{content:'R';position:absolute;right:7vw;bottom:-.2em;font:400 44vw/.65 Georgia,serif;color:rgba(25,26,24,.045);pointer-events:none}.eyebrow{font:10px 'DM Mono',monospace;letter-spacing:.13em;color:var(--muted)}.eyebrow span{display:inline-block;width:4px;height:4px;background:var(--accent);border-radius:50%;margin:0 8px 2px}.hero h1,.section-intro h2,.download-inner h2,.legal-page h1{font-size:clamp(54px,8.2vw,123px);line-height:.93;letter-spacing:-.085em;margin:27px 0}.hero h1 em,.section-intro h2 em,.download-inner h2 em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.08em}.hero-copy{max-width:425px;margin:34px 0;font-size:15px;line-height:1.75;color:var(--muted)}.hero-actions{display:flex;align-items:center;gap:28px}.button-dark{background:var(--ink);color:var(--paper)}.button span{font-size:18px;font-weight:400}.text-link{font-size:11px;border-bottom:1px solid var(--ink);padding-bottom:5px}.text-link span{margin-left:12px}.hero-note{position:absolute;bottom:40px;right:11vw;color:var(--muted);font:10px 'DM Mono',monospace}.status-dot{display:inline-block;width:6px;height:6px;background:#a8d53c;border-radius:50%;margin-right:8px}.demo-section,.why-section,.samples-section{padding:150px 8vw}.section-intro{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:54px}.section-intro h2{font-size:clamp(44px,5.5vw,78px);margin:22px 0 0}.section-intro p{max-width:250px;color:var(--muted);font-size:13px;line-height:1.7}.demo-shell{background:var(--ink);padding:12px;color:var(--paper)}.compare-stage{height:min(68vw,690px);position:relative;overflow:hidden;cursor:ew-resize;background:#333}.compare-image{height:100%;width:100%;display:block;object-fit:cover;object-position:center}.compressed-pane{position:absolute;inset:0 auto 0 0;width:50%;overflow:hidden}.compressed-image{position:absolute;width:100vw;max-width:none}.split-line{position:absolute;top:0;bottom:0;left:50%;width:1px;background:var(--paper);z-index:2}.split-handle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;gap:2px;border:0;border-radius:50%;width:48px;height:48px;align-items:center;justify-content:center;background:var(--paper);color:var(--ink);font-size:16px;cursor:ew-resize}.image-label{position:absolute;top:21px;padding:7px 9px;background:rgba(25,26,24,.7);font:10px 'DM Mono',monospace;z-index:3}.image-label b{font-weight:400;color:#c8f36a;margin-left:6px}.label-original{left:21px}.label-compressed{right:21px}.zoom-button{position:absolute;right:20px;bottom:20px;border:1px solid rgba(250,249,245,.65);background:rgba(25,26,24,.65);color:var(--paper);padding:9px 12px;font:11px 'DM Mono',monospace;z-index:3;cursor:pointer}.zoom-button span{margin-left:5px}.compare-stage.zoomed .compare-image{transform:scale(2.25);object-position:50% 31%;transition:transform .6s cubic-bezier(.2,.8,.2,1)}.compare-stage:not(.zoomed) .compare-image{transition:transform .6s cubic-bezier(.2,.8,.2,1)}.demo-controls{display:flex;align-items:center;justify-content:space-between;padding:26px 10px 18px}.level-copy{display:flex;flex-direction:column;gap:8px}.level-copy strong{font-size:21px;font-weight:500;letter-spacing:-.04em}.level-buttons{display:flex;gap:3px}.level-buttons button{border:1px solid #565753;background:transparent;color:#a5a59e;padding:10px 14px;font:10px 'DM Mono',monospace;cursor:pointer}.level-buttons button.active,.level-buttons button:hover{background:var(--paper);color:var(--ink)}.demo-caption{display:flex;justify-content:space-between;border-top:1px solid #42433f;padding:13px 10px 5px;color:#8d8e88;font:9px 'DM Mono',monospace}.why-section{background:var(--ink);color:var(--paper)}.why-section .eyebrow{color:#92938e}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#40413d}.feature-card{background:var(--ink);padding:33px 28px 42px;min-height:235px}.feature-number{color:#c8f36a;font:10px 'DM Mono',monospace}.feature-card h3{font-size:20px;font-weight:500;letter-spacing:-.05em;margin:57px 0 12px}.feature-card p{max-width:260px;color:#92938e;font-size:12px;line-height:1.7}.sample-grid{columns:4 220px;column-gap:14px}.sample{position:relative;break-inside:avoid;margin-bottom:14px;overflow:hidden;background:var(--soft);cursor:zoom-in}.sample img{display:block;width:100%;transition:transform .7s cubic-bezier(.2,.8,.2,1);}.sample:hover img{transform:scale(1.045)}.sample span{position:absolute;bottom:12px;left:12px;color:#fff;background:rgba(25,26,24,.65);padding:6px 8px;font:9px 'DM Mono',monospace}.download-section{padding:150px 8vw;background:var(--accent);min-height:520px}.download-inner h2{font-size:clamp(52px,7vw,100px);margin-bottom:28px}.download-inner p{color:#52574b;max-width:300px;font-size:13px;line-height:1.7}.button-light{background:var(--ink);color:var(--paper);margin-top:16px}.download-inner small{display:block;color:#626a58;margin-top:18px;font:10px 'DM Mono',monospace}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:32px 5vw;border-top:1px solid var(--line);color:var(--muted);font-size:11px}footer .brand{color:var(--ink)}.lightbox{position:fixed;inset:0;background:rgba(15,16,15,.93);display:none;place-items:center;padding:5vw;z-index:20}.lightbox.open{display:grid}.lightbox img{max-width:100%;max-height:90vh;object-fit:contain}.close-lightbox{position:absolute;right:28px;top:18px;background:none;border:0;color:#fff;font-size:36px;font-weight:200;cursor:pointer}.legal-page{max-width:920px;margin:0 auto;padding:150px 6vw 170px;min-height:calc(100vh - 160px)}.legal-page h1{font-size:clamp(58px,8vw,112px);margin:25px 0}.legal-lead{max-width:500px;color:var(--muted);font-size:16px;line-height:1.7;margin-bottom:70px}.license-list{border-top:1px solid var(--line)}.license-list a{display:grid;grid-template-columns:1fr 1fr auto;align-items:center;padding:24px 0;border-bottom:1px solid var(--line)}.license-list a:hover{padding-left:10px;background:rgba(255,255,255,.2)}.license-list span{font-size:20px;font-weight:600;letter-spacing:-.04em}.license-list small{color:var(--muted);font:10px 'DM Mono',monospace}.license-list b{font-weight:400}.back-link{display:inline-block;margin-top:40px;font:11px 'DM Mono',monospace;border-bottom:1px solid var(--ink);padding-bottom:6px}.reveal{opacity:0;transform:translateY(20px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}@media(max-width:700px){.site-header{height:70px;padding:0 20px}.site-header nav{display:none}.header-button{padding:10px 12px}.hero{padding:100px 24px 120px;min-height:650px}.hero h1{font-size:62px}.hero-note{left:24px;right:auto}.demo-section,.why-section,.samples-section,.download-section{padding:95px 20px}.section-intro{display:block;margin-bottom:35px}.section-intro p{margin-top:25px}.compare-stage{height:120vw}.demo-controls{display:block}.level-buttons{margin-top:20px;display:grid;grid-template-columns:repeat(3,1fr)}.level-buttons button{padding:10px 5px}.feature-grid{grid-template-columns:1fr}.feature-card{min-height:190px}.feature-card h3{margin-top:35px}footer{flex-wrap:wrap;padding:26px 20px}.legal-page{padding:100px 24px}.license-list a{grid-template-columns:1fr auto;gap:7px}.license-list small{grid-column:1}.license-list b{grid-column:2;grid-row:1/3}}