.hero{background:linear-gradient(135deg,var(--purple-dark) 0,var(--purple) 60%,#7b4fd4 100%);overflow:hidden;padding:60px 40px 0;position:relative}.hero:before{background:radial-gradient(ellipse at 70% 50%,hsla(0,0%,100%,.06) 0,transparent 70%);content:"";inset:0;pointer-events:none;position:absolute}.hero-inner{align-items:center;display:grid;gap:64px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px}.hero-left{padding-bottom:40px}.hero-badge{align-items:center;background:hsla(0,0%,100%,.15);border:1px solid hsla(0,0%,100%,.25);border-radius:100px;display:inline-flex;gap:8px;margin-bottom:28px;padding:6px 14px 6px 8px}.hero-badge-dot{background:#4ade80;border-radius:50%;box-shadow:0 0 0 3px rgba(74,222,128,.25);flex-shrink:0;height:8px;width:8px}.hero-badge span{color:hsla(0,0%,100%,.9);font-size:13px;font-weight:600}.hero-headline{color:var(--white);font-size:56px;font-weight:800;letter-spacing:-.5px;line-height:1.05;margin-bottom:20px}.hero-headline em{display:inline-block;font-style:normal;position:relative}.hero-headline em:after{background:hsla(0,0%,100%,.35);border-radius:2px;bottom:4px;content:"";height:4px;left:0;position:absolute;right:0}.hero-sub{color:hsla(0,0%,100%,.8);font-size:18px;font-weight:400;line-height:1.6;margin-bottom:36px}.hero-actions{flex-wrap:wrap;gap:16px}.hero-actions,.hero-trust{align-items:center;display:flex}.hero-trust{gap:12px;margin-top:40px}.hero-trust p{margin-bottom:0;padding-bottom:0}.avatar,.hero-trust-avatars{display:flex}.avatar{align-items:center;background:hsla(0,0%,100%,.2);border:2px solid hsla(0,0%,100%,.5);border-radius:50%;color:#fff;font-size:11px;font-weight:700;height:32px;justify-content:center;margin-left:-8px;width:32px}.avatar:first-child{margin-left:0}.hero-trust-text{color:hsla(0,0%,100%,.75);font-size:13px}.hero-trust-text strong{color:hsla(0,0%,100%,.95);font-weight:600}.hero-right{display:flex;padding-bottom:50px;position:relative}.hero-screenshot{background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.15);border-bottom:none;border-radius:14px;box-shadow:0 -20px 80px rgba(0,0,0,.3),0 0 0 1px hsla(0,0%,100%,.08);overflow:hidden;width:100%}.screenshot-titlebar{align-items:center;background:hsla(0,0%,100%,.1);border-bottom:1px solid hsla(0,0%,100%,.1);display:flex;gap:8px;padding:12px 16px}.screenshot-dot{border-radius:50%;height:10px;opacity:.7;width:10px}.screenshot-dot.red{background:#ff5f56}.screenshot-dot.yellow{background:#ffbd2e}.screenshot-dot.green{background:#27c93f}.screenshot-url{align-items:center;background:hsla(0,0%,100%,.1);border-radius:6px;color:hsla(0,0%,100%,.6);display:flex;flex:1;font-size:11px;height:24px;padding:0 12px}.screenshot-body{background:#f8f7fc;min-height:380px;overflow:hidden;position:relative}.ui-sidebar{background:#fff;border-right:1px solid #e8e4f4;bottom:0;left:0;padding:16px 12px;position:absolute;top:0;width:200px}.ui-sidebar-logo{align-items:center;display:flex;gap:8px;margin-bottom:20px;padding:0 4px}.ui-sidebar-logo-mark{background:var(--purple);border-radius:5px;height:22px;width:22px}.ui-sidebar-logo-text{color:var(--gray-900);font-size:13px;font-weight:700}.ui-nav-item{align-items:center;border-radius:7px;color:var(--gray-600);display:flex;font-size:12px;font-weight:500;gap:8px;margin-bottom:2px;padding:8px 10px}.ui-nav-item.active{background:var(--purple-pale);color:var(--purple);font-weight:600}.ui-nav-icon{background:currentColor;border-radius:3px;flex-shrink:0;height:14px;opacity:.5;width:14px}.ui-nav-item.active .ui-nav-icon{opacity:1}.ui-main{bottom:0;left:200px;overflow:hidden;padding:20px;position:absolute;right:0;top:0}.ui-topbar{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.ui-page-title{color:var(--gray-900);font-size:16px;font-weight:700}.ui-btn{background:var(--purple);border:none;border-radius:6px;color:#fff;cursor:pointer;font-family:var(--font);font-size:11px;font-weight:600;padding:6px 14px}.ui-upload-area{background:#fff;border:1.5px dashed var(--gray-200);border-radius:10px;margin-bottom:16px;padding:20px;text-align:center}.ui-upload-icon{align-items:center;background:var(--purple-pale);border-radius:8px;display:flex;height:32px;justify-content:center;margin:0 auto 8px;width:32px}.ui-upload-text{color:var(--gray-600);font-size:12px}.ui-upload-text strong{color:var(--purple)}.ui-table{background:#fff;border:1px solid var(--gray-200);border-radius:10px;overflow:hidden}.ui-table-header{background:var(--gray-50);border-bottom:1px solid var(--gray-200);display:grid;grid-template-columns:2fr 1fr 1fr 1fr;padding:10px 14px}.ui-table-th{color:var(--gray-600);font-size:10px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.ui-table-row{align-items:center;border-bottom:1px solid var(--gray-100);display:grid;grid-template-columns:2fr 1fr 1fr 1fr;padding:10px 14px}.ui-table-row:last-child{border-bottom:none}.ui-table-cell{color:var(--gray-900);font-size:11px}.ui-badge{border-radius:100px;display:inline-block;font-size:10px;font-weight:600;padding:2px 8px}.ui-badge.green{background:#dcfce7;color:#16a34a}.ui-badge.blue{background:#dbeafe;color:#2563eb}.ui-badge.orange{background:#fef3c7;color:#d97706}.ui-progress-row{align-items:center;display:flex;gap:8px}.ui-progress-bar{background:var(--gray-200);border-radius:2px;flex:1;height:4px;overflow:hidden}.ui-progress-fill{background:var(--purple);border-radius:2px;height:100%}@media (max-width:767px){.hero-inner{gap:30px;grid-template-columns:1fr}}