.scanner-preview{perspective:1200px;isolation:isolate;height:570px;position:relative}.scanner-preview:before{content:"";background:radial-gradient(ellipse at 55% 50%, color-mix(in srgb, var(--color-danger) 3.92%, transparent) 0%, color-mix(in srgb, var(--color-danger) 1.18%, transparent) 35%, transparent 64%);z-index:-2;pointer-events:none;position:absolute;inset:-35px -100px -15px -80px}.scanner-preview:after{content:"";background-image:radial-gradient(color-mix(in srgb, var(--color-text-muted) 14.9%, transparent) .7px, transparent .7px);-webkit-mask-image:radial-gradient(ellipse at center, var(--color-ink) 10%, transparent 70%);mask-image:radial-gradient(ellipse at center, var(--color-ink) 10%, transparent 70%);z-index:-1;pointer-events:none;background-size:19px 19px;position:absolute;inset:0 -30px}.preview-coordinate{font-family:var(--font-geist-mono), monospace;color:var(--color-text-muted);letter-spacing:.1em;justify-content:space-between;align-items:center;font-size:8px;display:flex;position:absolute;left:18px;right:10px}.preview-coordinate-top{top:0}.preview-coordinate-bottom{bottom:0}.preview-orbit{border:1px solid color-mix(in srgb, var(--color-text-muted) 8.63%, transparent);pointer-events:none;border-radius:50%;position:absolute}.orbit-one{width:105%;height:68%;top:13%;left:-2%;transform:rotate(-32deg)}.orbit-two{width:115%;height:37%;top:28%;left:-8%;transform:rotate(24deg)}.preview-stack{width:91%;height:350px;transform-style:preserve-3d;will-change:transform;position:absolute;top:91px;left:0}.preview-ghost{border:1px solid var(--color-surface);background:linear-gradient(155deg, var(--color-surface), color-mix(in srgb, var(--color-surface) 40%, transparent));box-shadow:0 12px 50px color-mix(in srgb, var(--color-ink) 4.31%, transparent);border-radius:12px;position:absolute;inset:0}.preview-ghost span{font:8px var(--font-geist-mono), monospace;letter-spacing:.12em;color:var(--color-text-muted);position:absolute;top:15px;right:16px}.ghost-back{transform:translate3d(55px,-58px,-85px)}.ghost-mid{background:color-mix(in srgb, var(--color-surface) 90.2%, transparent);transform:translate3d(28px,-29px,-42px)}.preview-browser{border:1px solid var(--color-surface);background:var(--color-surface);box-shadow:0 30px 80px color-mix(in srgb, var(--color-ink) 10.98%, transparent), 0 0 40px color-mix(in srgb, var(--color-danger) 1.57%, transparent);border-radius:12px;position:absolute;inset:0;overflow:hidden;transform:translateZ(0)}.preview-browserbar{height:32px;font:8px var(--font-geist-mono), monospace;color:var(--color-text-muted);border-bottom:1px solid var(--color-surface);justify-content:space-between;align-items:center;padding-inline:13px;display:flex}.window-dots{gap:4px;display:flex}.window-dots i{background:var(--color-surface);border-radius:50%;width:4px;height:4px}.window-dots i:first-child{background:var(--color-danger)}.preview-page{height:calc(100% - 32px);position:relative}.specimen-site,.specimen-xray{position:absolute;inset:0;overflow:hidden}.specimen-site{background:var(--color-surface);color:var(--color-ink);padding:20px 24px}.specimen-nav{z-index:1;justify-content:space-between;align-items:center;display:flex;position:relative}.specimen-nav b{letter-spacing:-.08em;font-size:23px;font-weight:700;line-height:1}.specimen-nav b span{vertical-align:top;margin-left:3px;font-size:10px}.specimen-nav>span{font:5px var(--font-geist-mono), monospace;letter-spacing:.1em}.specimen-copy{z-index:1;margin-top:32px;position:relative}.specimen-copy>span:first-child{font:5px var(--font-geist-mono), monospace;letter-spacing:.08em}.specimen-copy h3,.xray-heading h3{letter-spacing:-.055em;margin-top:10px;font-size:clamp(23px,2.7vw,39px);font-weight:550;line-height:1.02}.specimen-copy h3 em,.xray-heading h3 em{letter-spacing:-.055em;font-family:Georgia,serif;font-weight:400}.specimen-copy p{color:var(--color-text-muted);margin-top:10px;font-size:6px}.specimen-cta{background:var(--color-ink);color:var(--color-surface);border-radius:2px;align-items:center;gap:23px;margin-top:17px;padding:7px 9px;font-size:5px;display:inline-flex}.specimen-sphere{background:radial-gradient(circle at 36% 27%, var(--color-surface), var(--color-surface) 36%, var(--color-text-muted) 65%, var(--color-primary) 81%);width:205px;height:205px;box-shadow:inset -12px -5px 22px var(--color-primary), 8px 28px 27px color-mix(in srgb, var(--color-primary) 16.86%, transparent);border-radius:50%;position:absolute;top:80px;right:-29px;transform:rotate(-22deg)}.preview-globe{width:100%;height:100%;stroke:var(--color-danger);stroke-width:.6px}.specimen-sphere .preview-globe{mix-blend-mode:screen;opacity:.26;transform:scale(1.17)}.specimen-footer,.xray-footer{font:5px var(--font-geist-mono), monospace;letter-spacing:.04em;justify-content:space-between;display:flex;position:absolute;bottom:20px;left:24px;right:24px}.specimen-xray{background:var(--color-surface);color:var(--color-danger);clip-path:inset(0 0 0 calc(100% - var(--reveal)))}.xray-grid{background-image:linear-gradient(color-mix(in srgb, var(--color-danger) 3.53%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--color-danger) 3.53%, transparent) 1px, transparent 1px);background-size:18px 18px;position:absolute;inset:0}.xray-nav{border:1px dashed color-mix(in srgb, var(--color-danger) 20.78%, transparent);font:7px var(--font-geist-mono), monospace;justify-content:space-between;margin:20px 24px;padding:5px;display:flex}.xray-heading{border:1px solid color-mix(in srgb, var(--color-danger) 45.88%, transparent);z-index:1;margin:21px 19px 0;padding:12px 5px 7px;position:relative}.xray-tag{background:var(--color-danger);color:var(--color-surface);font:6px var(--font-geist-mono), monospace;padding:2px 5px;position:absolute;top:-9px;left:-1px}.xray-heading h3{color:var(--color-danger);margin-top:0}.xray-code{z-index:1;font:6px/1.9 var(--font-geist-mono), monospace;color:var(--color-text-muted);flex-direction:column;margin:14px 24px 0;display:flex;position:relative}.xray-code b{color:var(--color-danger);font-weight:400}.xray-code b+span{margin-top:4px}.specimen-xray>.preview-globe{opacity:.42;width:205px;height:205px;position:absolute;top:79px;right:-29px;transform:rotate(-22deg)scale(1.17)}.xray-footer{color:var(--color-text-muted)}.preview-scanline{left:calc(100% - var(--reveal));background:var(--color-danger);width:1px;box-shadow:0 0 10px 1px color-mix(in srgb, var(--color-danger) 60%, transparent), 0 0 35px 5px color-mix(in srgb, var(--color-danger) 18.82%, transparent);pointer-events:none;position:absolute;top:0;bottom:0}.preview-scanline>span{width:35px;height:35px;color:var(--color-surface);background:var(--color-danger);border:4px solid var(--color-surface);box-shadow:0 0 25px color-mix(in srgb, var(--color-danger) 31.37%, transparent);border-radius:50%;place-items:center;display:grid;position:absolute;top:44%;left:-17px}.preview-finding{border:1px solid var(--color-surface);background:color-mix(in srgb, var(--color-surface) 96.86%, transparent);box-shadow:0 15px 40px color-mix(in srgb, var(--color-ink) 9.02%, transparent);border-radius:8px;align-items:center;gap:11px;padding:14px 16px;display:flex;position:absolute;bottom:-24px;right:-30px;transform:translateZ(65px)}.finding-cross{border:1px solid color-mix(in srgb, var(--color-danger) 16.86%, transparent);width:28px;height:28px;color:var(--color-danger);background:color-mix(in srgb, var(--color-danger) 3.53%, transparent);font:13px var(--font-geist-mono), monospace;border-radius:50%;place-items:center;display:grid}.preview-finding small{font:6px var(--font-geist-mono), monospace;letter-spacing:.11em;color:var(--color-text-muted);margin-bottom:5px;display:block}.preview-finding strong{color:var(--color-ink);font-size:11px;font-weight:500;display:block}.preview-finding-index{color:var(--color-border);font:20px var(--font-geist-mono), monospace;letter-spacing:-.08em;margin-left:12px}.preview-interaction{width:58%;position:absolute;bottom:24px;left:24%}.preview-range-labels{font:6px var(--font-geist-mono), monospace;letter-spacing:.09em;color:var(--color-text-muted);justify-content:space-between;align-items:center;display:flex}.preview-range-labels>svg{color:var(--accent)}.preview-interaction input{appearance:none;cursor:ew-resize;background:0 0;width:100%;height:30px;display:block}.preview-interaction input::-webkit-slider-runnable-track{background:var(--color-surface);height:2px}.preview-interaction input::-webkit-slider-thumb{appearance:none;border:3px solid var(--color-surface);outline:1px solid color-mix(in srgb, var(--color-danger) 40%, transparent);background:var(--color-danger);width:14px;height:14px;box-shadow:0 0 15px color-mix(in srgb, var(--color-danger) 26.67%, transparent);border-radius:50%;margin-top:-6px}.preview-interaction input::-moz-range-track{background:var(--color-surface);height:2px}.preview-interaction input::-moz-range-thumb{border:3px solid var(--color-surface);background:var(--color-danger);border-radius:50%;width:10px;height:10px}.preview-interaction>p{color:var(--color-text-muted);text-align:center;font-size:9px}@media (max-width:1150px){.scanner-preview{height:530px}.preview-stack{height:325px}.preview-finding{gap:8px;padding:11px;right:-10px}.preview-finding strong{font-size:9px}.preview-finding-index{margin-left:3px;font-size:16px}.specimen-sphere,.specimen-xray>.preview-globe{width:170px;height:170px;top:75px}}@media (max-width:850px){.scanner-preview{height:560px}.preview-stack{width:89%;height:350px;top:85px;left:1%}.specimen-copy h3,.xray-heading h3{font-size:37px}.specimen-sphere,.specimen-xray>.preview-globe{width:205px;height:205px;top:80px}}@media (max-width:560px){.scanner-preview{height:450px;margin-top:17px}.preview-coordinate{font-size:6px;left:0}.preview-coordinate-top{top:16px}.preview-stack{width:87%;height:255px;top:93px;left:1%}.ghost-back{transform:translate3d(34px,-39px,-85px)}.ghost-mid{transform:translate3d(17px,-20px,-42px)}.preview-ghost span{font-size:5px}.preview-browserbar{height:26px;font-size:6px}.preview-page{height:calc(100% - 26px)}.specimen-site{padding:15px}.specimen-nav b{font-size:19px}.specimen-nav>span{font-size:4px}.specimen-copy{margin-top:23px}.specimen-copy>span:first-child{font-size:4px}.specimen-copy h3,.xray-heading h3{font-size:26px}.specimen-copy p{font-size:5px}.specimen-cta{margin-top:12px;padding:5px 7px;font-size:4px}.specimen-sphere,.specimen-xray>.preview-globe{width:150px;height:150px;top:58px;right:-32px}.specimen-footer,.xray-footer{font-size:4px;bottom:13px;left:15px;right:15px}.xray-nav{margin:13px 15px;font-size:5px}.xray-heading{margin:16px 10px 0;padding-top:9px}.xray-tag{font-size:5px}.xray-code{margin:9px 15px 0;font-size:4px}.preview-finding{padding:10px;bottom:-20px;right:-13px}.preview-finding strong{font-size:8px}.preview-finding small{font-size:5px}.finding-cross{width:22px;height:22px;font-size:10px}.preview-finding-index{font-size:14px}.preview-interaction{width:66%;bottom:27px;left:18%}.preview-interaction>p{font-size:8px}}