.mock-container{bottom:48px}.mockup-stage{--primary:#27348b;--card-shadow:0 25px 80px rgba(25,37,86,0.14);position:relative;margin:0 auto;width:min(1160px,100%);height:560px;perspective:1800px;z-index:10}.mockup-card{width:min(620px,58vw);min-width:320px;height:460px;border-radius:26px;background:rgba(255,255,255,.88);border:1px solid rgba(20,28,56,.05);box-shadow:var(--card-shadow);overflow:hidden;backdrop-filter:blur(10px);transition:box-shadow .6s ease;display:flex;align-items:center;justify-content:center}.mockup-card-image{width:100%;height:100%;object-fit:cover;display:block}.mockup-card:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.65),rgba(244,247,255,.52));pointer-events:none;z-index:0}.mockup-card>*{position:relative;z-index:1}.mockup-card.is-center{box-shadow:0 35px 110px rgba(25,37,86,.2)}.app-ui{position:absolute;inset:0;padding:18px 18px 14px}.app-topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.mini-brand{letter-spacing:.35em;font-size:10px;font-weight:700;color:#717cbc}.mini-pill{padding:7px 18px;border-radius:999px;background:var(--primary);color:#fff;font-size:11px;font-weight:600}.ghost-layout{display:grid;grid-template-columns:82px 1fr;gap:12px;height:calc(100% - 44px)}.ghost-body,.ghost-sidebar{border-radius:18px;background:linear-gradient(180deg,rgba(245,247,255,.88),rgba(239,242,253,.94));border:1px solid rgba(20,28,56,.04)}.ghost-sidebar{padding:12px 10px}.ghost-body{padding:14px}.ghost-bar,.ghost-box,.ghost-chip,.ghost-line,.ghost-tag{border-radius:999px;background:rgba(103,117,184,.13)}.ghost-line{height:8px;margin-bottom:8px}.ghost-tag{height:28px;margin-bottom:10px}.ghost-box{border-radius:16px;height:62px;margin-bottom:12px}.ghost-body-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px}.ghost-bar{height:88px;border-radius:20px}.screen{position:absolute;inset:0;height:100%;padding:22px;border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(248,249,255,.98));border:1px solid rgba(20,28,56,.05)}.screen-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.screen-title-wrap{text-align:left}.screen-kicker{font-size:11px;letter-spacing:.2em;color:#8e94ab;text-transform:uppercase;margin-bottom:8px}.screen-title{font-size:24px;font-weight:700;color:#18214d;margin:0}.status-pill{padding:9px 14px;background:rgba(39,52,139,.08);color:var(--primary);border-radius:999px;font-size:13px;font-weight:600;white-space:nowrap}.question-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.question-card{padding:16px;border-radius:18px;background:#fff;border:1px solid rgba(18,27,52,.06);box-shadow:0 12px 25px rgba(15,24,47,.04);text-align:left}.question-label{display:inline-block;margin-bottom:10px;padding:5px 10px;border-radius:999px;background:rgba(255,214,10,.16);color:#7f6416;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.12em}.question-text{margin:0;font-size:13px;line-height:1.65;color:#49506a}.toggle-row{margin-top:22px;display:flex;align-items:center;justify-content:center;gap:10px}.toggle-chip{padding:8px 14px;border-radius:999px;font-size:12px;font-weight:600;border:1px solid rgba(39,52,139,.12);color:#626b85;background:#fff}.toggle-chip.active{background:var(--primary);color:#fff;box-shadow:0 10px 18px rgba(39,52,139,.2)}.search-bar{margin-top:20px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-radius:16px;border:1px solid rgba(18,27,52,.08);background:#fff;box-shadow:0 12px 25px rgba(15,24,47,.04)}.search-placeholder{color:#8d93a8;font-size:13px}.send-btn{width:34px;height:34px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:var(--primary);color:#fff;font-size:14px;font-weight:700}.stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:16px}.chart-card,.stat-card,.table-card{background:#fff;border-radius:18px;border:1px solid rgba(18,27,52,.06);box-shadow:0 12px 25px rgba(15,24,47,.04)}.stat-card{padding:18px;text-align:left}.stat-label{font-size:12px;color:#8a90a8;margin-bottom:12px}.stat-value{font-size:28px;font-weight:800;color:#18214d}.stat-delta{margin-top:10px;font-size:12px;color:#1e9b63;font-weight:600}.analytics-layout{display:grid;grid-template-columns:1.5fr 1fr;gap:14px}.chart-card{padding:20px;min-height:240px}.chart-title,.table-title{font-size:13px;font-weight:700;color:#18214d;margin-bottom:14px;text-align:left}.bars{height:170px;display:flex;align-items:end;justify-content:space-between;gap:10px}.bar{flex:1;border-radius:14px 14px 8px 8px;background:linear-gradient(180deg,rgba(79,98,221,.92),rgba(39,52,139,.82));min-height:30px}.table-card{padding:18px}.table-row{display:grid;grid-template-columns:1.4fr .8fr .7fr;gap:10px;padding:12px 0;border-bottom:1px solid rgba(18,27,52,.06);text-align:left;font-size:13px;color:#56617d}.table-row:last-child{border-bottom:0}.table-row.header{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#8f95aa;font-weight:700}.dashboard-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:14px}.big-panel,.mini-panel{background:#fff;border-radius:18px;border:1px solid rgba(18,27,52,.06);box-shadow:0 12px 25px rgba(15,24,47,.04);padding:18px}.donut-wrap{display:flex;align-items:center;justify-content:center;height:220px}.donut{width:160px;height:160px;border-radius:50%;background:conic-gradient(var(--primary) 0 58%,#92a0ef 58% 80%,#d9def8 80% 100%);position:relative}.donut:after{content:"58%";position:absolute;inset:24px;border-radius:50%;background:#fff;display:grid;place-items:center;color:#18214d;font-size:28px;font-weight:800}.mini-panel .mini-line{height:12px;border-radius:999px;background:rgba(39,52,139,.1);margin-bottom:14px}.mini-panel .mini-kpi{margin-top:26px;padding:16px;border-radius:16px;background:linear-gradient(180deg,rgba(243,245,255,1),rgba(238,241,254,1))}.mini-kpi-label{font-size:12px;color:#8088a0;margin-bottom:8px}.mini-kpi-value{font-size:30px;font-weight:800;color:#18214d}@media (max-width:980px){.mockup-stage{height:430px}.mockup-card{width:min(560px,74vw);min-width:0;height:390px}.mock-container{bottom:16px}.screen-title{font-size:20px}.analytics-layout,.dashboard-layout,.question-grid,.stats-grid{grid-template-columns:1fr}}@media (max-width:640px){.mockup-stage{height:430px}.mock-container{bottom:0}.mockup-card{width:92vw;max-width:380px;height:420px}.screen{padding:16px}.screen-top{flex-direction:column;align-items:flex-start}}