.web-intro{padding-bottom:18px}.web-scene{display:grid;grid-template-columns:minmax(240px,.75fr) minmax(0,1.25fr);gap:6vw;align-items:center;min-height:710px}.web-scene-copy{max-width:440px}.web-scene-copy h2,.web-end h2{font-size:clamp(38px,4.6vw,72px);line-height:1.02;margin:20px 0}.web-scene-copy p:not(.eyebrow),.web-end p:not(.eyebrow){font:17px/1.7 'Helvetica Neue',Helvetica,Arial,sans-serif;color:#625951}.web-browser,.web-panel{border:1px solid #e8dcd5;border-radius:24px;box-shadow:0 28px 70px #3d1c141a;overflow:hidden;background:white}.web-browser-bar{height:42px;background:#f6eee9;display:flex;align-items:center;gap:6px;padding:0 16px}.web-browser-bar span{height:8px;width:8px;border-radius:50%;background:#e4bcb0}.web-browser-bar small{margin:auto;font:11px Arial,sans-serif;color:#8a7870}.web-browser-body{padding:22px 30px 30px;background:#fff9f3}.web-browser-nav{display:flex;align-items:center;justify-content:space-between;font:12px Arial,sans-serif}.web-browser-nav b{font:700 24px Arial,sans-serif;letter-spacing:-.05em}.web-browser-hero{margin:24px 0 16px;padding:48px 36px;border-radius:16px;background:radial-gradient(circle at 80% 30%,#ffccad 0,#ffccad00 36%),linear-gradient(125deg,#f8e9db,#f3d1ce 60%,#c7a9ce);min-height:260px;animation:web-glow 8s ease-in-out infinite alternate}.web-browser-hero p{font:11px Arial,sans-serif;text-transform:uppercase;letter-spacing:.12em}.web-browser-hero h3{font:700 clamp(30px,4vw,58px)/1.04 Arial,sans-serif;letter-spacing:-.05em;margin:14px 0 25px}.web-browser-hero span{display:inline-block;background:#16120f;color:white;padding:11px 17px;border-radius:99px;font:11px Arial,sans-serif}.web-browser-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.web-browser-cards div{padding:18px;border-radius:12px;background:white;display:grid;gap:7px}.web-browser-cards i{width:18px;height:18px;border-radius:50%;background:linear-gradient(135deg,#ff5b00,#a35eaa)}.web-browser-cards strong{font:700 15px Arial,sans-serif}.web-browser-cards small{font:11px Arial,sans-serif;color:#796d66}.web-admin-scene{background:linear-gradient(130deg,#fff7f1,#f2e9f5);max-width:none;padding-left:max(6%,calc((100% - 1280px)/2));padding-right:max(6%,calc((100% - 1280px)/2))}.web-panel{display:grid;grid-template-columns:155px 1fr;min-height:450px}.web-panel aside{background:#211b21;color:white;padding:24px 16px;display:flex;flex-direction:column;gap:14px;font:12px Arial,sans-serif}.web-panel aside b{font-size:24px;margin-bottom:35px}.web-panel aside span{padding:10px;border-radius:8px;color:#aa9da8}.web-panel aside .selected{background:#ffffff22;color:white}.web-panel-main{padding:28px;min-width:0}.web-panel-main header{display:flex;justify-content:space-between;align-items:center}.web-panel-main header small{color:#9a8982}.web-panel-main header h3{font:700 clamp(18px,2vw,27px) Arial,sans-serif;margin:4px 0}.web-panel-avatar{display:grid;place-items:center;background:#f5dacf;border-radius:50%;height:34px;width:34px;font:700 11px Arial,sans-serif}.web-panel-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:24px 0}.web-panel-stats>div{border:1px solid #eee5e0;border-radius:12px;padding:16px;display:grid;gap:6px}.web-panel-stats small,.web-panel-stats span{font:11px Arial,sans-serif;color:#847770}.web-panel-stats strong{font:700 28px Arial,sans-serif}.web-panel-feed{border:1px solid #eee5e0;border-radius:12px;overflow:hidden}.web-panel-feed-head{display:flex;justify-content:space-between;padding:15px;font:12px Arial,sans-serif;border-bottom:1px solid #eee5e0}.web-panel-feed-head small{color:#8e7f77}.web-panel-row{display:flex;align-items:center;gap:12px;padding:14px;border-bottom:1px solid #f2eeeb;opacity:.22;transform:translateY(9px);animation:web-row 9s infinite}.web-panel-row:last-child{border:0}.web-panel-row div{display:grid;gap:4px;min-width:0}.web-panel-row b{font:700 12px Arial,sans-serif}.web-panel-row small{font:11px Arial,sans-serif;color:#8e7f77}.web-panel-row em{margin-left:auto;font:10px Arial,sans-serif;color:#e85e2c;white-space:nowrap}.web-panel-dot{width:9px;height:9px;flex:none;border-radius:50%;background:#ff5b00}.row-two{animation-delay:3s}.row-three{animation-delay:6s}.web-end{padding-top:100px;padding-bottom:100px;max-width:880px}.web-end p:not(.eyebrow){max-width:600px;margin-bottom:24px}@keyframes web-row{0%,8%{opacity:.22;transform:translateY(9px)}15%,88%{opacity:1;transform:none}96%,100%{opacity:.22;transform:translateY(9px)}}@keyframes web-glow{to{background-position:80px 0,0 0;filter:saturate(1.22)}}@media(max-width:760px){.web-scene{grid-template-columns:1fr;min-height:0;gap:34px;padding-top:74px;padding-bottom:74px}.web-admin-scene{padding-left:6%;padding-right:6%}.web-scene-copy h2{font-size:clamp(38px,10vw,54px)}.web-browser-body{padding:15px}.web-browser-hero{min-height:220px;padding:30px 20px}.web-browser-nav span{font-size:9px}.web-browser-cards div{padding:10px}.web-browser-cards strong{font-size:11px}.web-browser-cards small{font-size:9px}.web-panel{grid-template-columns:1fr;min-height:0}.web-panel aside{display:none}.web-panel-main{padding:17px}.web-panel-stats>div{padding:10px}.web-panel-stats strong{font-size:23px}.web-panel-stats small,.web-panel-stats span{font-size:9px}.web-panel-row{padding:11px}.web-end{padding-top:70px;padding-bottom:70px}}
@media(prefers-reduced-motion:reduce){.web-browser-hero,.web-panel-row{animation:none;opacity:1;transform:none}}