.sp-hero{display:grid;grid-template-columns:1.05fr 1fr;gap:55px;align-items:center;padding:65px 0 75px;min-height:600px}.sp-hero h1{font-size:clamp(36px,4vw,60px);line-height:1.5;font-weight:500;margin:10px 0 22px;letter-spacing:-1.3px}.sp-hero h1 em{font-style:normal;color:var(--se-accent)}.sp-lab{border:1px solid var(--se-line);border-radius:18px;padding:23px;background:radial-gradient(ellipse at top,#80eed511,transparent 80%),var(--se-panel);box-shadow:0 25px 70px #0002}.sp-lab-top{display:flex;justify-content:space-between;gap:15px;font:9px Arial;letter-spacing:1.5px;padding-bottom:25px;color:var(--se-muted)}.sp-live{color:var(--se-accent)}.sp-browsers{display:grid;grid-template-columns:1fr 1fr;gap:15px;direction:ltr}.sp-browser{border:1px solid var(--se-line);border-radius:9px;background:var(--se-bg);overflow:hidden;position:relative;padding:0 14px 22px;min-height:270px}.sp-browser-bar{display:flex;align-items:center;gap:3px;border-bottom:1px solid var(--se-line);margin:0 -14px 15px;padding:11px 9px;color:var(--se-muted);font:7px Arial}.sp-browser-bar i{width:4px;height:4px;border-radius:50%;background:var(--se-muted)}.sp-browser-bar span{margin-left:auto}.sp-browser-label{display:block;text-align:center;font-size:10px;color:var(--se-muted);margin-bottom:15px}.sp-fast{border-color:#80eed580}.sp-fast .sp-browser-label{color:var(--se-accent)}.sp-demo-visual{height:70px;background:linear-gradient(135deg,#316963,#173f49);border:1px solid #80eed544;border-radius:5px;display:grid;place-items:center}.sp-demo-visual span{font:28px Arial;color:#b4f6e4}.sp-demo-heading{height:9px;width:75%;background:var(--se-ink);border-radius:3px;margin:15px 0 10px;opacity:.7}.sp-demo-line{height:4px;background:var(--se-muted);border-radius:3px;width:95%;margin:7px 0}.sp-demo-line.short{width:60%}.sp-demo-button{width:48%;height:17px;border-radius:3px;background:var(--se-accent);margin-top:15px}.sp-loading-line{position:absolute;bottom:0;left:0;height:3px;width:100%;background:var(--se-accent);transform-origin:left;animation:sp-progress .8s ease-out both}.sp-slow .sp-loading-line{background:var(--se-gold);animation-duration:3.6s}.sp-reveal{animation:sp-appear .7s both}.sp-fast .sp-demo-heading{animation-delay:.1s}.sp-fast .sp-demo-line{animation-delay:.2s}.sp-fast .sp-demo-button{animation-delay:.3s}.sp-slow .sp-demo-visual{animation-delay:1s}.sp-slow .sp-demo-heading{animation-delay:1.9s}.sp-slow .sp-demo-line{animation-delay:2.6s}.sp-slow .sp-demo-button{animation-delay:3.2s}.sp-lab-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:22px}.sp-lab-controls button{border:1px solid var(--se-accent);border-radius:7px;background:transparent;color:var(--se-accent);padding:8px 12px;font:inherit;font-size:12px;cursor:pointer}.sp-lab-controls>span{color:var(--se-muted);font-size:10px}.sp-demo-note{color:var(--se-muted);font-size:9px;text-align:center;margin-top:15px}.sp-strip{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;border-block:1px solid var(--se-line);padding:25px 0;color:var(--se-muted);font:11px Arial;letter-spacing:2px}.sp-strip>span:first-child{font:14px inherit;letter-spacing:0;color:var(--se-ink)}.sp-diagnosis{display:grid;grid-template-columns:.8fr 1.2fr;border:1px solid var(--se-line);border-radius:15px;overflow:hidden;margin-top:30px}.sp-topic-buttons{display:flex;flex-direction:column;background:var(--se-panel)}.sp-topic-buttons button{display:flex;align-items:center;gap:17px;text-align:start;color:var(--se-muted);background:transparent;border:0;border-bottom:1px solid var(--se-line);padding:24px;font:inherit;font-size:16px;cursor:pointer}.sp-topic-buttons button:last-child{border-bottom:0}.sp-topic-buttons button>span{font:11px Arial}.sp-topic-buttons b{margin-inline-start:auto;font-weight:400}.sp-topic-buttons button[aria-pressed=true]{color:var(--se-accent);background:#80eed509;box-shadow:inset -3px 0 var(--se-accent)}.sp-topic-panel{padding:35px 40px;display:flex;justify-content:center;flex-direction:column}.sp-topic-panel h3{font-size:28px;font-weight:500;margin:15px 0}.sp-topic-panel p{color:var(--se-muted);font-size:14px}.sp-topic-panel small{color:var(--se-muted);font-size:10px}.sp-trace{display:flex;gap:9px;align-items:center;height:48px;margin-bottom:20px;direction:ltr}.sp-trace i{height:20px;width:20px;border:1px solid var(--se-accent);border-radius:50%;position:relative}.sp-trace i:not(:last-child):after{content:'';width:9px;height:1px;background:var(--se-accent);position:absolute;top:9px;left:19px}.sp-trace i:nth-child(2){background:#80eed522}.sp-trace i:nth-child(3){background:#80eed555}.sp-trace i:nth-child(4){background:var(--se-accent)}.sp-vitals{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:30px}.sp-vitals article{border-top:1px solid var(--se-line);padding-top:20px}.sp-vitals article>span{color:var(--se-accent);font:11px Arial;letter-spacing:2px}.sp-vitals h3{font-size:23px;font-weight:500;margin:15px 0 8px}.sp-vitals p{font-size:13px;color:var(--se-muted)}.sp-metric-art{height:85px;position:relative;display:flex;align-items:center;gap:7px;margin-top:20px;padding:15px 25px;border:1px solid var(--se-line);border-radius:8px;background:var(--se-panel)}.sp-lcp i:first-child{width:60px;height:45px;background:#80eed533;border:1px solid var(--se-accent);border-radius:4px}.sp-lcp i:nth-child(2){height:7px;width:80px;background:var(--se-muted);border-radius:4px}.sp-inp i:first-child{width:85px;height:26px;border-radius:5px;background:var(--se-accent)}.sp-inp i:nth-child(2){height:30px;width:30px;border:1px solid var(--se-accent);border-radius:50%;margin-inline-start:25px;box-shadow:0 0 0 8px #80eed511}.sp-cls{flex-direction:column;justify-content:center;align-items:stretch}.sp-cls i{height:8px;background:var(--se-line);border-radius:3px}.sp-cls i:nth-child(2){background:var(--se-accent);width:80%}.sp-workflow{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin-top:30px}.sp-workflow article{border-top:1px solid var(--se-accent);padding-top:20px}.sp-workflow b{font:12px Arial;color:var(--se-accent)}.sp-workflow h3{font-size:21px;font-weight:500}.sp-workflow p{color:var(--se-muted);font-size:13px}.sp-report{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.sp-report p{color:var(--se-muted);font-size:15px}.sp-report-sheet{border:1px solid var(--se-line);border-radius:12px;padding:25px;background:var(--se-panel);transform:rotate(-1deg)}.sp-report-sheet>div{font:11px Arial;color:var(--se-accent);letter-spacing:1.5px;margin-bottom:22px}.sp-report-sheet p{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--se-line);padding-top:17px;font-size:12px}.sp-report-sheet b{font-weight:400;color:var(--se-ink)}
@keyframes sp-appear{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes sp-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(max-width:1000px){.sp-hero{gap:25px}.sp-hero h1{font-size:39px}.sp-workflow{grid-template-columns:repeat(2,1fr)}}@media(max-width:750px){.sp-hero{grid-template-columns:1fr;padding:30px 0 45px;gap:30px}.sp-hero h1{font-size:38px}.sp-lab{padding:18px}.sp-strip{justify-content:flex-start;gap:18px}.sp-strip>span:first-child{width:100%}.sp-diagnosis{grid-template-columns:1fr}.sp-topic-buttons{display:grid;grid-template-columns:1fr 1fr}.sp-topic-buttons button{padding:16px;font-size:13px;border-bottom:1px solid var(--se-line)!important}.sp-topic-panel{padding:27px}.sp-topic-panel h3{font-size:24px}.sp-vitals{grid-template-columns:1fr}.sp-vitals article{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.sp-metric-art{grid-column:2;grid-row:1/4;margin:0}.sp-report{grid-template-columns:1fr;gap:24px}}@media(max-width:430px){.sp-hero h1{font-size:33px}.sp-browsers{gap:10px}.sp-browser{padding-inline:10px;min-height:250px}.sp-browser-bar{margin-inline:-10px;font-size:6px}.sp-lab-top{font-size:8px}.sp-lab-controls{align-items:flex-start}.sp-lab-controls>span{max-width:120px}.sp-workflow{grid-template-columns:1fr}.sp-vitals article{display:block}.sp-metric-art{margin-top:20px}}@media(prefers-reduced-motion:reduce){.sp-reveal,.sp-loading-line{animation:none!important;opacity:1!important;transform:none!important}}