.pentest-preview{width:100%;max-width:620px;margin:3.5rem auto 0;color:#f0f1ed;text-align:left;font-variant-numeric:tabular-nums}.pentest-preview svg{display:block;width:18px;height:18px;flex-shrink:0}.pentest-preview__meta{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:44px;padding:0 3px 6px;color:#929c93;font-size:.68rem;line-height:1.5}.pentest-preview__caption{display:inline-flex;align-items:center;gap:8px}.pentest-preview__demo-dot{width:4px;height:4px;border-radius:50%;background:#899f8d}.pentest-preview__replay{display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:0;border:0;background:none;color:#929c93;font:inherit;cursor:pointer;transition:color .16s ease}.pentest-preview__replay svg{width:13px;height:13px}.pentest-preview__replay:hover{color:#f0f1ed}.pentest-preview__replay:active{color:#c5d8c9}.pentest-preview__surface{padding:25px 25px 8px;border:1px solid #bacbb91a;border-radius:16px;background:linear-gradient(135deg,#111612,#0c100d 55%,#0b0e0c);box-shadow:0 18px 55px -30px #000c,inset 0 1px 0 #ffffff03}.pentest-preview__address{display:flex;align-items:center;gap:12px;min-height:58px;padding:0 16px;border:1px solid #c6d8c11c;border-radius:9px;background:#070a08;color:#78887b;box-shadow:0 2px 6px #00000018}.pentest-preview__address:focus-within{border-color:#809c86}.pentest-preview__url{display:flex;align-items:baseline;min-width:0;flex:1;font-size:.85rem;letter-spacing:-.015em}.pentest-preview__protocol{flex-shrink:0;color:#7f8c81}.pentest-preview__input{display:block;width:100%;min-width:0;padding:.8rem 0;border:0;border-radius:0;background:transparent;color:#e6ece5;font:inherit;line-height:1.5;caret-color:transparent}.pentest-preview__input:focus-visible{outline:none}.pentest-preview__indicator{display:flex;align-items:center;justify-content:center;width:23px;height:23px;flex:0 0 23px;color:#a9cbb1}.pentest-preview[data-phase=complete] .pentest-preview__indicator{border-radius:50%;background:#b4d6b510}.pentest-preview__indicator svg{width:18px;height:18px}.pentest-preview__label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.pentest-preview__status-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:51px;padding-top:5px;color:#9da99e;font-size:.69rem;line-height:1.5}.pentest-preview__percentage{color:#99b69e;font-family:var(--font-mono,monospace);font-size:.64rem}.pentest-preview__progress{height:2px;overflow:hidden;background:#bbcdb30c}.pentest-preview__progress>span{display:block;height:100%;width:100%;transform-origin:left;background:linear-gradient(90deg,#526e59,#aecbb1);transition:transform 80ms linear}.pentest-preview__findings{list-style:none;padding:0;margin:5px 0 0}.pentest-preview__finding{position:relative;display:flex;align-items:center;gap:12px;min-height:65px;padding-block:15px;font-size:.79rem;line-height:1.5}.pentest-preview__finding+.pentest-preview__finding{border-top:1px solid #cfdec80b}.pentest-preview__finding>span{opacity:1;transform:translateY(0);transition:opacity .3s ease,transform .3s ease}.pentest-preview__finding-icon{color:#748978}.pentest-preview__finding-icon svg{width:17px;height:17px}.pentest-preview__finding-name{flex:1;min-width:0;color:#d8e0d7}.pentest-preview__severity{display:inline-flex;align-items:center;justify-content:center;gap:6px;flex-shrink:0;min-width:65px;padding:3px 8px;border:1px solid #cd93831a;border-radius:5px;color:#d0a193;background:#ce968808;font-size:.62rem}.pentest-preview__severity>span{width:4px;height:4px;border-radius:50%;background:currentColor}.pentest-preview__severity[data-level=high]{border-color:#c4b28b18;color:#c4b28b;background:#c4b28b07}.pentest-preview__finding[data-visible=false]>span{opacity:0;transform:translateY(4px);transition:none}.pentest-preview__finding[data-visible=false]:after,.pentest-preview__finding[data-visible=false]:before{content:"";position:absolute;top:50%;transform:translateY(-50%);border-radius:3px;background:#c4d6bd08}.pentest-preview__finding[data-visible=false]:before{left:29px;width:42%;height:6px}.pentest-preview__finding[data-visible=false]:after{right:0;width:58px;height:18px}@media (max-width:480px){.pentest-preview__surface{padding:15px 15px 3px;border-radius:12px}.pentest-preview__address{gap:9px;min-height:54px;padding-inline:11px}.pentest-preview__url{font-size:.76rem}.pentest-preview__protocol{display:none}.pentest-preview__finding{gap:9px;min-height:65px;font-size:.74rem}.pentest-preview__severity{min-width:51px;padding-inline:6px;font-size:.59rem}.pentest-preview__severity>span{display:none}.pentest-preview__meta{font-size:.63rem}}@media (max-width:359px){.pentest-preview__surface{padding-inline:12px}.pentest-preview__address{gap:7px;padding-inline:9px}.pentest-preview__address>svg{width:15px;height:15px}.pentest-preview__indicator{width:18px;flex-basis:18px}.pentest-preview__url{font-size:.7rem}.pentest-preview__finding-icon{display:none}.pentest-preview__finding[data-visible=false]:before{left:0}}@media (prefers-reduced-motion:reduce){.pentest-preview__finding>span,.pentest-preview__progress>span{transition:none;transform:none}}