.dashboard-real{padding:130px 0}.section-head{display:grid;grid-template-columns:1.5fr .8fr;gap:70px;align-items:end;margin-bottom:45px}.section-head h2{font-size:clamp(43px,5.8vw,74px);margin-bottom:0}.section-head>p{color:#98a7c9;font-size:16px;line-height:1.75}.dashboard-photo-shell{position:relative;border:1px solid #3156af;border-radius:18px;background:#07102a;padding:42px 12px 12px;box-shadow:0 40px 100px #000b,0 0 80px #304ddd25}.dashboard-window-bar{position:absolute;left:0;right:0;top:0;height:42px;display:flex;align-items:center;gap:7px;padding:0 15px;border-bottom:1px solid #223d82;color:#7184b0}.dashboard-window-bar span{width:8px;height:8px;border-radius:50%;background:#f05b6a}.dashboard-window-bar span:nth-child(2){background:#ffc457}.dashboard-window-bar span:nth-child(3){background:#4ee0a3}.dashboard-window-bar b{font-size:8px;letter-spacing:1px;margin-left:9px}.dashboard-window-bar i{margin-left:auto;font-style:normal;font-size:7px;color:#4ee0a3}.dashboard-photo-viewport{overflow:hidden;border-radius:10px;background:#0b1534}.dashboard-photo-viewport img{display:block;width:100%;height:auto}.dash-callout{position:absolute;display:flex;gap:9px;align-items:center;padding:11px 13px;border:1px solid #3e5db4;border-radius:10px;background:#0a1435ee;box-shadow:0 15px 40px #0009;backdrop-filter:blur(9px)}.dash-callout>span{width:27px;height:27px;display:grid;place-items:center;border-radius:7px;background:#493dc0;color:#fff;font-size:8px}.dash-callout div{display:flex;flex-direction:column;gap:4px}.dash-callout b{font-size:9px}.dash-callout small{font-size:7px;color:#8294bd}.callout-one{left:-25px;top:18%}.callout-two{right:-24px;top:39%}.callout-three{right:5%;bottom:-26px}.dashboard-benefits{display:flex;align-items:center;gap:24px;margin-top:42px;color:#8193bd;font-size:9px}.dashboard-benefits a{margin-left:auto;padding:12px 17px;border:1px solid #3f5eaf;border-radius:8px;color:#fff;font-weight:700}@media(max-width:900px){.section-head{grid-template-columns:1fr;gap:20px}.dash-callout{display:none}}@media(max-width:600px){.dashboard-real{padding:85px 0}.dashboard-benefits{align-items:flex-start;flex-direction:column;gap:12px}.dashboard-benefits a{margin:6px 0 0;width:100%;text-align:center}}
