.demo-page{padding:24px 0 40px;--demo-muted:#a3afc4;--demo-accent:#b5b2ff}.demo-nav{display:flex;align-items:center;gap:22px;flex-wrap:wrap;font-size:14px;color:var(--demo-muted)}.demo-nav a[aria-current]{color:#fff}.demo-nav>a:first-child{font-weight:750;color:#fff}.demo-hero{padding:72px 0 46px;position:relative;max-width:820px}.demo-hero:before{content:"";position:absolute;z-index:-1;pointer-events:none;inset:-60px -220px -50px 80px;background:radial-gradient(ellipse,#6961d523,transparent 65%)}.demo-eyebrow{font-size:12px!important;letter-spacing:.16em;text-transform:uppercase;color:var(--demo-accent)!important;font-weight:650;margin:0 0 18px!important}.demo-hero h1{font-size:clamp(44px,6.8vw,88px);letter-spacing:-.055em;line-height:1.03;font-weight:700;margin:0 0 26px}.demo-hero h1 span{background:linear-gradient(110deg,#e0e9ff,#b6b1ff 60%,#75c7df);background-clip:text;color:transparent}.demo-hero>p:not(.demo-eyebrow){color:var(--demo-muted);font-size:18px;line-height:1.75;max-width:630px;margin:0 0 28px}.demo-button{display:inline-flex;justify-content:center;align-items:center;gap:12px;background:#b9b4ff;color:#101222!important;border:1px solid #d3cfff;border-radius:12px;padding:14px 21px;font-size:15px;font-weight:650;cursor:pointer;transition:background .2s}.demo-button:hover{background:#d1cdff}.demo-button:disabled{opacity:.45;cursor:not-allowed}.demo-overview{display:grid;grid-template-columns:1fr 1.8fr 1fr;gap:30px;padding:26px 0;border-block:1px solid #ffffff17;margin-bottom:70px}.demo-overview>div{display:flex;flex-direction:column;gap:9px}.demo-overview strong{font-size:clamp(21px,2.6vw,32px);letter-spacing:-.03em}.demo-muted,.demo-overview span{color:var(--demo-muted);font-size:14px}.demo-section-title{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}.demo-page h2{font-size:clamp(25px,3vw,38px);line-height:1.18;letter-spacing:-.035em;font-weight:650;margin:0}.demo-page h3{font-size:25px;line-height:1.25;font-weight:600;margin:20px 0}.demo-segment{display:inline-flex;background:#ffffff05;border:1px solid #ffffff16;padding:4px;border-radius:12px;gap:3px;flex-shrink:0}.demo-segment button{padding:9px 17px;border-radius:8px;font-size:13px;color:var(--demo-muted);cursor:pointer}.demo-segment button[aria-pressed=true]{background:#b7b1ff20;color:#ddd9ff}.demo-image-tabs{display:flex;gap:24px;overflow:auto;margin-bottom:18px}.demo-image-tabs button{white-space:nowrap;font-size:14px;padding:8px 0;color:var(--demo-muted);border-bottom:2px solid transparent;cursor:pointer}.demo-image-tabs button[aria-pressed=true]{color:#fff;border-color:#b9b4ff}.demo-image-tabs span{font-size:11px;margin-right:8px;opacity:.6}.demo-compare-canvas{width:100%;position:relative;overflow:hidden;border-radius:18px;background:#121621;max-height:660px;min-height:270px}.demo-compare-canvas>img,.demo-compare-canvas>picture>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.demo-compare-canvas input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0;touch-action:pan-y;z-index:4}.demo-compare-canvas:focus-within{outline:3px solid #b9b4ff;outline-offset:4px}.demo-divider{position:absolute;top:0;bottom:0;width:2px;background:#fff;pointer-events:none;z-index:3}.demo-divider>span{position:absolute;top:50%;left:0;transform:translate(-50%,-50%);display:grid;place-items:center;width:44px;height:44px;background:#ffffffe8;color:#171923;border-radius:50%;box-shadow:0 2px 25px #0008}.demo-image-label{position:absolute;top:20px;border:1px solid #ffffff30;padding:7px 12px;background:#090c13ba;backdrop-filter:blur(12px);border-radius:7px;font-size:12px;z-index:2}.demo-label-left{left:20px}.demo-label-right{right:20px}.demo-compare-details{display:flex;align-items:center;gap:32px;padding:24px 0 15px}.demo-compare-details>div{display:flex;flex-direction:column;gap:7px}.demo-compare-details strong{font-size:23px}.demo-compare-details strong span{color:#737c90;margin:0 8px}.demo-compare-details>div>span{font-size:13px;color:var(--demo-muted)}.demo-savings{font-size:36px;letter-spacing:-.045em;color:#aff0d5;font-weight:650;white-space:nowrap}.demo-file-link{display:flex;align-items:center;gap:5px;margin-left:auto;font-size:13px;color:var(--demo-accent)}.demo-credit{font-size:11px;line-height:1.6;color:#9ca6b8;margin:12px 0;overflow-wrap:anywhere}.demo-credit a{text-decoration:underline;text-underline-offset:3px}.demo-help{display:flex;align-items:center;gap:8px;color:var(--demo-muted);font-size:12px;margin:18px 0}.demo-help svg{flex-shrink:0}.demo-video-section{margin:80px 0 55px}.demo-video-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:40px;align-items:center}.demo-video-grid video{width:100%;aspect-ratio:16/9;border-radius:16px;background:#111621}.demo-video-copy .demo-savings{font-size:60px}.demo-video-copy p{margin:14px 0}.demo-video-copy .demo-segment{margin-top:15px}.demo-method{display:flex;gap:22px;border-block:1px solid #ffffff14;padding:28px 0;color:var(--demo-muted)}.demo-method>svg{flex-shrink:0;color:var(--demo-accent)}.demo-method h2{font-size:20px;color:#e7edfa;margin-bottom:12px}.demo-method p{font-size:14px;line-height:1.8;max-width:900px;margin:0}.demo-cta{display:flex;justify-content:space-between;align-items:center;gap:35px;padding:40px;margin-top:60px;background:radial-gradient(ellipse at 100% 0,#8070dd28,transparent 75%),#111520;border:1px solid #ffffff14;border-radius:20px}.demo-cta h2{font-size:30px}.demo-cta p:not(.demo-eyebrow){color:var(--demo-muted);margin:14px 0 0}.demo-cta .demo-button{flex-shrink:0}.demo-form-layout{display:grid;grid-template-columns:1.5fr 1fr;gap:40px;align-items:start}.demo-form{padding:30px;border:1px solid #ffffff1c;border-radius:20px;background:#101520}.demo-form label{display:block;font-size:14px;color:#d4dced;margin-bottom:10px}.demo-form input{display:block;width:100%;background:#090e17;border:1px solid #ffffff25;border-radius:10px;padding:14px 15px;color:white;font-size:16px;outline:none}.demo-form input:focus{border-color:#b9b4ff}.demo-form input:disabled{opacity:.5}.demo-form .demo-button{width:100%;margin-top:22px}.demo-form small{display:block;color:var(--demo-muted);font-size:12px;line-height:1.6;margin-top:10px}.demo-captcha{margin-top:24px}.demo-captcha-image{display:flex;align-items:center;gap:15px;margin-bottom:12px}.demo-captcha-image img{max-width:75%;height:72px}.demo-text-button{color:var(--demo-accent);text-decoration:underline;text-underline-offset:4px;cursor:pointer;font-size:14px}.demo-text-button:disabled{opacity:.5;cursor:not-allowed}.demo-notice{padding:18px 20px;background:#8b8ce00c;border:1px solid #c4b9ff25;border-radius:12px;font-size:14px;line-height:1.7;margin:20px 0;color:#c4cddd}.demo-notice strong{color:#eeeaff}.demo-error{border-color:#f0a5aa44;color:#ffbdc5}.demo-aside h2{font-size:22px}.demo-aside ol{padding-left:20px;color:var(--demo-muted);font-size:14px;line-height:1.8}.demo-aside li{margin:18px 0;padding-left:8px}.demo-aside p{color:var(--demo-muted);font-size:13px;line-height:1.8}.demo-progress{margin:30px 0;padding:25px;border:1px solid #ffffff20;border-radius:14px}.demo-progress-bar{height:4px;overflow:hidden;border-radius:4px;background:#b9b4ff22;margin-top:18px}.demo-progress-bar span{display:block;width:35%;height:100%;background:#b9b4ff;animation:demo-progress 2s ease-in-out infinite alternate}@keyframes demo-progress{to{transform:translateX(185%)}}.demo-report{margin-top:55px;scroll-margin-top:110px}.demo-report-source{color:var(--demo-muted);overflow-wrap:anywhere;font-size:13px;margin:15px 0}.demo-report-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:24px 0}.demo-report-stats>div{padding:22px;background:#111621;border:1px solid #ffffff14;border-radius:14px;display:flex;flex-direction:column;gap:10px}.demo-report-stats span{font-size:13px;color:var(--demo-muted)}.demo-report-stats strong{font-size:27px;letter-spacing:-.035em}.demo-table-wrap{overflow:auto;border:1px solid #ffffff17;border-radius:14px}.demo-table{width:100%;border-collapse:collapse;font-size:13px;text-align:left}.demo-table td,.demo-table th{padding:16px;border-bottom:1px solid #ffffff10}.demo-table th{color:var(--demo-muted);font-weight:500;background:#111520;white-space:nowrap}.demo-table td:first-child{min-width:180px;max-width:420px;overflow-wrap:anywhere}.demo-table td:not(:first-child){white-space:nowrap}.demo-table small{display:block;color:var(--demo-muted);margin-top:5px;white-space:normal}.demo-product-links{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0 40px}.demo-product-links a{padding:12px 18px;border:1px solid #bbb1ff50;border-radius:10px;color:#d3ccff;background:#bbb1ff0b;font-size:15px}.demo-page a:focus-visible,.demo-page button:focus-visible{outline:2px solid #c2bfff;outline-offset:4px}.demo-bad{color:#ffbdc5!important}@media (max-width:760px){.demo-hero{padding:45px 0 32px}.demo-hero:before{inset:0}.demo-overview{grid-template-columns:1fr 1fr;gap:24px;margin-bottom:45px}.demo-overview>div:nth-child(2){grid-column:1/-1;grid-row:2}.demo-section-title{align-items:start}.demo-section-title .demo-eyebrow{font-size:10px!important}.demo-segment button{padding:8px 11px}.demo-image-tabs{gap:18px}.demo-compare-details{flex-wrap:wrap;gap:16px}.demo-compare-details strong{font-size:19px}.demo-compare-details .demo-savings{font-size:30px;margin-left:auto}.demo-file-link{margin-left:0}.demo-image-label{top:12px;font-size:10px;padding:6px 8px}.demo-label-left{left:12px}.demo-label-right{right:12px}.demo-form-layout,.demo-video-grid{grid-template-columns:1fr;gap:24px}.demo-video-section{margin-top:55px}.demo-video-copy .demo-savings{font-size:44px}.demo-cta{flex-direction:column;align-items:flex-start;padding:26px}.demo-cta h2{font-size:26px}.demo-form{padding:22px}.demo-report-stats{grid-template-columns:1fr;gap:10px}.demo-report-stats>div{padding:16px;flex-direction:row;justify-content:space-between;align-items:center}.demo-report-stats strong{font-size:23px}.demo-nav{gap:14px;font-size:12px}.demo-compare-canvas{max-height:480px}.demo-hero>p:not(.demo-eyebrow){font-size:16px}}@media (prefers-reduced-motion:reduce){.demo-progress-bar span{animation:none;width:100%}}