.desktop-mockup{background:#0f172a;border:1px solid #334155;border-radius:12px;flex-direction:column;width:100%;max-width:900px;margin:0 auto;display:flex;overflow:hidden;box-shadow:0 30px 60px #00000080}.mac-header{background:#1e293b;border-bottom:1px solid #334155;justify-content:center;align-items:center;height:32px;display:flex;position:relative}.mac-dots{gap:8px;display:flex;position:absolute;left:16px}.mac-dots span{border-radius:50%;width:12px;height:12px}.mac-url{color:#64748b;background:#0f172a;border-radius:6px;padding:2px 40px;font-size:12px;font-weight:600}.interactive-saas{color:#fff;text-align:left;background:#0f172a;height:500px;display:flex;position:relative}.saas-sidebar{background:#1e293b;border-right:1px solid #334155;flex-direction:column;width:200px;padding:24px 0;display:flex}.saas-logo{color:var(--color-primary);letter-spacing:-1px;margin-bottom:32px;padding:0 24px;font-size:24px;font-weight:900}.menu-item{color:#94a3b8;cursor:pointer;padding:12px 24px;font-size:14px;font-weight:600;transition:all .2s}.menu-item:hover{color:#fff;background:#ffffff0d}.menu-item.active{color:#fff;border-right:3px solid var(--color-primary);background:#3b82f61a}.saas-main{flex-direction:column;flex:1;gap:24px;padding:32px;display:flex;overflow-y:auto}.saas-top{justify-content:space-between;align-items:center;display:flex}.add-kw-btn{background:var(--color-primary);color:#fff;cursor:pointer;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:700;transition:all .2s}.add-kw-btn:hover{background:#2563eb;transform:translateY(-1px)}.add-kw-btn:active{transform:scale(.95)}.metrics-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.metric-card{background:#1e293b;border:1px solid #334155;border-radius:12px;padding:16px}.m-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:12px;font-weight:600}.m-val{font-variant-numeric:tabular-nums;margin-bottom:4px;font-size:28px;font-weight:800}.m-trend{font-size:12px;font-weight:700}.m-trend.positive{color:#10b981}.m-trend.negative{color:#ef4444}.chart-container{background:#1e293b;border:1px solid #334155;border-radius:12px;padding:16px}.traffic-chart{width:100%;height:150px;overflow:visible}.chart-line{stroke-dasharray:1000;stroke-dashoffset:1000px;animation:2s forwards drawLine}.chart-area{opacity:0;animation:1s 1s forwards fadeArea}@keyframes drawLine{to{stroke-dashoffset:0}}@keyframes fadeArea{to{opacity:1}}.kw-list{background:#1e293b;border:1px solid #334155;border-radius:12px;flex-direction:column;display:flex}.kw-header{color:#94a3b8;text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid #334155;justify-content:space-between;padding:12px 16px;font-size:11px;font-weight:700;display:flex}.kw-row{border-bottom:1px solid #334155;justify-content:space-between;padding:16px;font-size:14px;font-weight:600;display:flex}.kw-row:last-child{border-bottom:none}.pos.positive{color:#10b981}.new-tag{color:#f59e0b;animation:1.5s infinite pulseText}@keyframes pulseText{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.saas-modal{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;pointer-events:none;z-index:100;background:#0f172acc;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .3s;display:flex;position:absolute;top:0;left:0}.saas-modal.show{opacity:1;pointer-events:auto}.modal-box{background:#1e293b;border:1px solid #334155;border-radius:16px;width:300px;padding:24px;transition:transform .3s cubic-bezier(.175,.885,.32,1.275);transform:scale(.9)}.saas-modal.show .modal-box{transform:scale(1)}.modal-box input{color:#fff;box-sizing:border-box;background:#0f172a;border:1px solid #334155;border-radius:8px;width:100%;margin-bottom:24px;padding:12px;font-family:inherit;font-size:14px}.modal-box input:focus{border-color:var(--color-primary);outline:none}.modal-btns{justify-content:flex-end;gap:12px;display:flex}.btn-cancel{color:#94a3b8;cursor:pointer;padding:8px 16px;font-size:13px;font-weight:700;transition:color .2s}.btn-cancel:hover{color:#fff}.btn-track{background:var(--color-primary);color:#fff;cursor:pointer;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:700;transition:background .2s}.btn-track:hover{background:#2563eb}@media (max-width:600px){.saas-sidebar{display:none}}