.browser-showcase{--browser-edge: #48617e;--browser-shadow: #01040aa6;--browser-chrome: #162842;--browser-toolbar: #102037;--browser-tab: #243b59;--browser-address: #09172a;--browser-label: #c9d7e9;--browser-soft-label: #9dafc6;--browser-chrome-height: 16px;--browser-full-chrome-height: 69px;--browser-page: #091321;--browser-surround: #070e1a;position:relative;isolation:isolate;padding:30px clamp(18px,2.3vw,38px) 46px;background-color:#070e1a;background-image:radial-gradient(ellipse at 10% 10%,#789bd813,transparent 55%),radial-gradient(ellipse at 85% 78%,#6596db0e,transparent 50%),radial-gradient(#c0d4f00b .65px,transparent .8px);background-size:auto,auto,5px 5px;border-bottom:1px solid #617c9d29}[data-theme=light] .browser-showcase{--browser-edge: #627b9c;--browser-shadow: #4e6c8b24;--browser-chrome: #cedbed;--browser-toolbar: #e1e9f4;--browser-tab: #edf2fa;--browser-address: #f6f8fc;--browser-label: #273d5a;--browser-soft-label: #506886;--browser-page: #edf3fc;--browser-surround: #e7effc;background-color:#e7effc;background-image:radial-gradient(ellipse at 10% 10%,#8faedc1c,transparent 55%),radial-gradient(ellipse at 85% 78%,#6a99df0d,transparent 50%),radial-gradient(#436a9c0c .65px,transparent .8px)}.browser-frame{position:relative;z-index:1;width:min(1512px,100%);margin-inline:auto;border:2px solid var(--browser-edge);border-radius:18px 18px 13px 13px;background:var(--browser-toolbar);box-shadow:7px 8px 0 var(--browser-shadow)}.browser-chrome{position:relative;z-index:12;border-radius:16px 16px 0 0;background:var(--browser-chrome);color:var(--browser-label);-webkit-user-select:none;user-select:none;pointer-events:none}.browser-bezel{--bezel-radius: 16px;position:sticky;top:var(--header-height, 99px);z-index:13;width:calc(100% + 4px);height:16px;margin-left:-2px;margin-bottom:-16px;background:radial-gradient(circle at 100% 100%,transparent calc(var(--bezel-radius) - .5px),var(--browser-surround) var(--bezel-radius)) left top / var(--bezel-radius) var(--bezel-radius) no-repeat,radial-gradient(circle at 0 100%,transparent calc(var(--bezel-radius) - .5px),var(--browser-surround) var(--bezel-radius)) right top / var(--bezel-radius) var(--bezel-radius) no-repeat;opacity:0;pointer-events:none}.browser-bezel:after{content:"";position:absolute;inset:0;border:2px solid var(--browser-edge);border-bottom:0;border-radius:var(--bezel-radius) var(--bezel-radius) 0 0;background:transparent}.browser-tabstrip{display:flex;align-items:center;gap:17px;height:35px;padding:5px 16px 0;border-bottom:1px solid #879fbe2e}.browser-lights{display:inline-flex;gap:6px;align-items:center;padding-bottom:5px}.browser-lights i{display:block;width:8px;height:8px;border:1px solid #a8c0e766;border-radius:50%;background:#a9bbd548}.browser-lights i:nth-child(2){background:#a9bbd51f}.browser-lights i:nth-child(3){background:#a9bbd50c}.browser-tab{display:flex;align-self:flex-end;align-items:center;gap:8px;min-width:152px;height:29px;padding:0 11px;border:1px solid #829cbc45;border-bottom:0;border-radius:8px 8px 0 0;background:var(--browser-tab);font-size:.8125rem;font-weight:700;line-height:1}.browser-tab-mark{display:inline-flex;align-items:center;justify-content:center;width:17px;height:17px;border-radius:4px;background:#93aff0;color:#152541;font-size:.75rem;letter-spacing:-.05em}.browser-tab-close{margin-left:auto;padding-left:20px;color:var(--browser-soft-label);font-size:1rem;font-weight:400}.browser-plus{align-self:center;padding-bottom:4px;color:var(--browser-soft-label);font-size:1.0625rem}.browser-toolbar{display:flex;align-items:center;gap:14px;height:34px;padding:4px 16px;background:var(--browser-toolbar);border-bottom:2px solid var(--browser-edge)}.browser-arrows{font-size:1.0625rem;letter-spacing:.2em;white-space:nowrap}.browser-refresh{font-size:1.125rem;line-height:1}.browser-address{display:flex;align-items:center;gap:9px;width:min(680px,72%);height:24px;margin-inline:auto;padding:0 12px;border:1px solid #819cbb3b;border-radius:7px;color:var(--browser-soft-label);background:var(--browser-address);font-size:.75rem;letter-spacing:.015em;line-height:1}.browser-address>span{font-size:.5625rem;opacity:.8}.browser-menu{font-size:1.125rem;line-height:1;letter-spacing:.1em;padding-bottom:6px}.browser-frame>.intro-scene{border-radius:0 0 11px 11px;border-bottom:0}.cursor-ambient{position:fixed;top:0;left:0;width:420px;height:420px;z-index:0;pointer-events:none;transform:translate3d(-420px,-420px,0)}.cursor-ambient[data-ambient-rendered=false]{display:none}.cursor-ambient[data-ambient-rendered=true]{will-change:transform}.ambient-glow{position:absolute;top:0;left:0;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle at 50% 50%,#d3edff80 0%,#a1ceff4d 9%,#6faaff29 25%,#7d83eb12 46%,transparent 70%);opacity:0;transform:none;transition:opacity .7s cubic-bezier(.2,.65,.35,1);pointer-events:none}.cursor-ambient[data-ambient-active=true] .ambient-glow{opacity:var(--ambient-strength, 1);transition-duration:.4s;will-change:opacity}@starting-style{.cursor-ambient[data-ambient-active=true] .ambient-glow{opacity:0}}[data-theme=light] .ambient-glow{background:radial-gradient(circle at 50% 50%,#72b8ff60 0%,#71b8ff38 11%,#659eeb21 27%,#8188d90e 46%,transparent 70%)}@media(max-width:760px){.browser-showcase{padding:18px 14px 30px}.browser-frame{border-radius:14px 14px 11px 11px;box-shadow:4px 5px 0 var(--browser-shadow)}.browser-chrome{border-radius:12px 12px 0 0}.browser-bezel{--bezel-radius: 12px}.browser-tabstrip{gap:12px;padding-inline:11px;height:32px}.browser-tab{height:27px;min-width:136px}.browser-toolbar{height:32px;padding-inline:11px;gap:10px}.browser-address{width:auto;flex:1;margin-inline:1px;font-size:.6875rem}.browser-arrows{display:none}.browser-lights{gap:4px}.browser-lights i{width:7px;height:7px}}@media(prefers-reduced-motion:reduce),(forced-colors:active),(hover:none),(pointer:coarse){.cursor-ambient{display:none}}@media(forced-colors:active){.browser-showcase{background:Canvas}.browser-frame,.browser-toolbar{border-color:CanvasText;box-shadow:none}.browser-chrome,.browser-toolbar,.browser-tab,.browser-address{color:CanvasText;background:Canvas}.browser-tab,.browser-address{border-color:CanvasText}.browser-bezel{background:Canvas}.browser-bezel:after{border-color:CanvasText;background:Canvas}}
