.browser-frame{background:#FFFFFF;border-radius:12px;overflow:hidden;border:1px solid var(--marketing-border);box-shadow:0 20px 60px rgba(0,0,0,.08),0 0 40px rgba(5,150,105,.04)}.browser-chrome{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--marketing-surface);border-bottom:1px solid var(--marketing-border)}.browser-dots{display:flex;gap:6px}.browser-dots span{width:10px;height:10px;border-radius:50%}.browser-dots span:first-child{background:#FF5F57}.browser-dots span:nth-child(2){background:#FFBD2E}.browser-dots span:nth-child(3){background:#28CA41}.browser-url{flex:1;min-width:0;text-align:center;font-size:12px;color:var(--marketing-text-dim);background:#FFFFFF;padding:6px 16px;border-radius:6px;border:1px solid var(--marketing-border);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.browser-screen{display:block;width:100%;height:auto}.phone-frame{width:280px;margin:0 auto;padding:10px;background:#0B1220;border-radius:44px;box-shadow:0 20px 60px rgba(0,0,0,.18),inset 0 0 0 1px rgba(255,255,255,.08)}.phone-frame img{display:block;width:100%;height:auto;border-radius:34px}.screen-gallery{max-width:1100px;margin:0 auto}.screen-gallery-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:32px;align-items:start}.screen-gallery-grid.has-web.has-mobile{grid-template-columns:minmax(0,1fr) auto}.screen-gallery-web{display:grid;gap:24px;margin:0;min-width:0}.screen-gallery-mobile{display:flex;flex-wrap:wrap;justify-content:center;gap:24px;margin:0;padding:0}.screen-gallery-mobile>figure{margin:0}.screen-gallery-mobile .phone-frame{width:220px;padding:8px;border-radius:38px;box-shadow:0 12px 40px rgba(0,0,0,.14),inset 0 0 0 1px rgba(255,255,255,.08)}.screen-gallery-mobile .phone-frame img{border-radius:30px}.screen-gallery.is-compact{max-width:900px}.screen-gallery.is-compact .screen-gallery-grid.has-web.has-mobile{grid-template-columns:minmax(0,1fr) auto;align-items:center}.screen-gallery.is-compact .screen-gallery-mobile .phone-frame{width:180px;padding:6px;border-radius:32px}.screen-gallery.is-compact .screen-gallery-mobile .phone-frame img{border-radius:26px}@media (max-width:900px){.screen-gallery-grid.has-web.has-mobile,.screen-gallery.is-compact .screen-gallery-grid.has-web.has-mobile{grid-template-columns:minmax(0,1fr)}}@media (max-width:768px){.browser-frame{border-radius:10px}.browser-chrome{padding:8px 12px}}