.browser-mockup{background:rgba(217,217,217,.4);border-radius:27px;overflow:hidden;box-shadow:0 4px 16px rgba(0,0,0,.06)}.browser-mockup__chrome{display:flex;gap:6px;padding:14px 18px 12px;background:linear-gradient(-7deg,rgba(39,133,135,.4),rgba(140,213,167,.4) 85%);border-radius:27px 27px 0 0}.browser-mockup__dot{width:12px;height:12px;border-radius:50%}.browser-mockup__dot--red{background:#EF4444}.browser-mockup__dot--yellow{background:#F59E0B}.browser-mockup__dot--green{background:#22C55E}.browser-mockup__address-bar{display:flex;align-items:center;gap:8px;margin:8px 12px 0;padding:10px 16px;background:rgba(0,0,0,.4);border-radius:27px;color:rgba(255,255,255,.85);font-family:Inter,sans-serif;font-size:13px}.browser-mockup__url{color:rgba(255,255,255,.85)}.browser-mockup__extensions{display:flex;align-items:center;gap:8px;padding:10px 14px}.browser-mockup__ext-icon{width:36px;height:36px;border-radius:6px;background:linear-gradient(-44deg,rgba(39,133,135,.4),rgba(140,213,167,.4) 85%);flex-shrink:0}.browser-mockup__ext-haven{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:36px;height:36px}.browser-mockup__haven-badge-small{display:flex;align-items:center;gap:4px;background:rgba(0,0,0,.4);border-radius:30px;padding:5px 12px;font-family:Inter,sans-serif;font-size:11px;font-weight:500;color:#A3E7AE;margin-left:auto;white-space:nowrap;flex-shrink:0}.browser-mockup__status-bar{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(-8deg,rgba(39,133,135,.4),rgba(140,213,167,.4) 85%),rgba(0,0,0,.4);padding:12px 16px;margin:4px 0}.browser-mockup__haven-status{display:flex;align-items:center;gap:8px}.browser-mockup__status-dot{width:8px;height:8px;border-radius:50%;background:#22C55E;flex-shrink:0}.browser-mockup__status-text{font-family:Inter,sans-serif;font-size:14px;font-weight:600;color:#A3E7AE;white-space:nowrap}.browser-mockup__verified-badge{gap:6px;background:rgba(0,0,0,.4);border:1px solid #a3e7ae;border-radius:30px;padding:6px 14px;font-size:13px;font-weight:500}.browser-mockup__popup,.browser-mockup__verified-badge{display:flex;align-items:center;font-family:Inter,sans-serif;color:#ffffff}.browser-mockup__popup{gap:10px;padding:10px 16px;margin:4px 12px;border-radius:12px}.browser-mockup__popup--green{background:linear-gradient(-14deg,rgba(39,133,135,.6),rgba(140,213,167,.6) 85%);margin-left:25%;margin-right:4px}.browser-mockup__popup--red{background:linear-gradient(-14deg,rgba(155,27,28,.8),rgba(214,38,37,.8) 85%);margin-left:8px;margin-right:20%}.browser-mockup__popup-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.browser-mockup__content{display:flex;flex-direction:column;gap:14px;padding:18px 18px 24px;background:rgba(217,217,217,.4)}.browser-mockup__content--blurred{filter:blur(4px);opacity:.5}.browser-mockup__zero-data{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:20px;font-family:Inter,sans-serif;font-size:12px;font-weight:700;color:#A3E7AE;letter-spacing:1px;text-align:center}.browser-mockup__content-row{display:flex;align-items:center;gap:10px}.browser-mockup__line{height:10px;border-radius:27px;background:rgba(0,0,0,.2)}.browser-mockup__line--medium{width:60%}.browser-mockup__line--long{width:85%;background:linear-gradient(-2deg,rgba(39,133,135,.4),rgba(140,213,167,.4) 85%)}@media (max-width:600px){.browser-mockup__popup{padding:8px 12px;border-radius:10px;gap:8px}.browser-mockup__popup--green{margin-left:20%;margin-right:4px}.browser-mockup__popup--red{margin-left:4px;margin-right:15%}.browser-mockup__popup-icon{width:24px;height:24px}.browser-mockup__status-bar{padding:10px 12px;gap:8px;flex-wrap:nowrap}.browser-mockup__status-text{font-size:12px;overflow:visible;min-width:-moz-fit-content;min-width:fit-content}.browser-mockup__verified-badge{font-size:11px;padding:4px 10px}.browser-mockup__haven-badge-small{font-size:10px;padding:4px 8px;overflow:visible;min-width:-moz-fit-content;min-width:fit-content}.browser-mockup__extensions{gap:4px;padding:8px}.browser-mockup__ext-haven,.browser-mockup__ext-icon{width:24px;height:24px}.browser-mockup__ext-haven svg{width:12px;height:12px}}