*{box-sizing:border-box}body{margin:0;background:#0c0d10;color:#f4f3ef;font:16px/1.6 Arial,sans-serif}a{color:inherit;text-decoration:none}header,footer{padding:24px 6%;display:flex;justify-content:space-between;align-items:center;gap:24px;border-bottom:1px solid #ffffff18}.brand-crop{display:block;position:relative;width:340px;aspect-ratio:1240/290;overflow:hidden;background:#0c0d10;isolation:isolate}.brand img{position:absolute;width:143.065%;left:-22.581%;top:-100%;mix-blend-mode:lighten}nav{display:flex;gap:15px;color:#a6a8b2}.active{color:#d4ff71}section{padding:70px 6%}.eyebrow{color:#d4ff71;font-size:12px;letter-spacing:3px;text-transform:uppercase}h1{font-size:clamp(44px,7vw,100px);line-height:1.04;letter-spacing:-3px;max-width:1000px;margin:20px 0 28px}h2{font-size:clamp(28px,4vw,50px);line-height:1.15;max-width:850px}.intro{font-size:19px;max-width:680px;color:#a6a8b2}.compare{position:relative;aspect-ratio:2;overflow:hidden;border-radius:12px;background:#161a20;margin-top:38px}.compare img{position:absolute;width:100%;height:100%;object-fit:cover}#before-image{clip-path:inset(0 50% 0 0)}.divider{position:absolute;left:50%;top:0;bottom:0;width:2px;background:#fff;pointer-events:none}.divider span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#d4ff71;color:#111;border-radius:50%;width:52px;height:52px;display:grid;place-items:center;font-size:24px}.compare input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0}.image-label{position:absolute;bottom:20px;background:#0009;border-radius:6px;padding:8px 12px;font-size:12px;pointer-events:none}.left{left:20px}.right{right:20px}.dots{display:flex;justify-content:center;gap:8px;margin-top:15px}.dot{width:38px;height:38px;display:grid;place-items:center;padding:0;border:0;background:none;cursor:pointer}.dot::after{content:"";width:10px;height:10px;background:#686d78;border-radius:50%}.dot[aria-pressed=true]::after{background:#d4ff71;transform:scale(1.3)}.tools{border-top:1px solid #ffffff18;text-align:center}.logo-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:35px;max-width:1150px;margin:35px auto 0}.logo-slot{height:95px;display:flex;align-items:center;justify-content:center}.logo-image{width:100%;max-width:260px}.logo-image img{width:100%;height:95px;object-fit:contain}.white img,.vectorworks img{filter:brightness(0) invert(1)}.depence,.wysiwyg,.grandma{position:relative;overflow:hidden}.depence{aspect-ratio:370/130}.depence img{position:absolute;width:218.65%;height:auto;left:-61.6%;top:-88.46%}.wysiwyg{aspect-ratio:1580/380;background:#0c0d10;isolation:isolate}.wysiwyg img{position:absolute;width:124.557%;height:auto;left:-14.557%;top:-51.316%;mix-blend-mode:lighten}.grandma{width:auto;height:95px;aspect-ratio:1100/770;background:#0c0d10;isolation:isolate}.grandma img{position:absolute;width:112.273%;height:auto;left:-6.364%;top:-17.532%;mix-blend-mode:lighten}.contact{border-top:1px solid #ffffff18}.contact-email{font-size:clamp(20px,3vw,32px);color:#d4ff71;overflow-wrap:anywhere}.contact p:not(.eyebrow){color:#a6a8b2}footer{border-top:1px solid #ffffff18;color:#a6a8b2;font-size:13px}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}a:focus-visible,button:focus-visible{outline:3px solid #d4ff71;outline-offset:4px}.compare:focus-within{outline:3px solid #d4ff71;outline-offset:4px}@media(max-width:700px){.brand-crop{width:clamp(160px,48vw,270px)}header{gap:15px}section{padding:45px 6%}h1{letter-spacing:-2px}.compare{aspect-ratio:4/3}.logo-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.image-label{font-size:10px;padding:6px 8px}.left{left:10px}.right{right:10px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}