:root{--brand: #2f80ed;--brand-dark: #1b5fcc;--ink: #1a1d29;--muted: #8a8f9c;--tint: #eaf2fe;--bg: #f4f5f7;--ease-out: cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Manrope,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{max-width:100%}.hero-broni{background-color:#f4f5f7;background-image:radial-gradient(rgba(47,128,237,.14) 1px,transparent 1.2px),radial-gradient(ellipse 70% 55% at 78% 6%,rgba(47,128,237,.18),transparent 58%),radial-gradient(ellipse 45% 40% at 12% 85%,rgba(47,128,237,.08),transparent 60%);background-size:22px 22px,auto,auto}.hero-mesh{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.phone-hero-main{width:100%;box-shadow:0 30px 80px #141e3c2e,0 2px #fff3 inset}.section-mesh{background-image:radial-gradient(ellipse 80% 50% at 10% 0%,rgba(47,128,237,.1),transparent 55%),radial-gradient(ellipse 60% 40% at 90% 20%,rgba(39,174,96,.06),transparent 50%)}@keyframes rise-in{0%{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-scale{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes float-y{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes float-y-delay{0%,to{transform:translateY(0)}50%{transform:translateY(-18px)}}@keyframes pulse-soft{0%,to{box-shadow:0 12px 36px #2f80ed47}50%{box-shadow:0 18px 48px #2f80ed73}}@keyframes shimmer{0%{background-position:0% 50%}to{background-position:100% 50%}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes phone-tilt-in{0%{opacity:0;transform:translateY(56px) rotate(4deg) scale(.94)}to{opacity:1;transform:translateY(0) rotate(0) scale(1)}}.anim-rise{animation:rise-in .9s var(--ease-out) both}.anim-rise-2{animation:rise-in .9s var(--ease-out) .12s both}.anim-rise-3{animation:rise-in .9s var(--ease-out) .24s both}.anim-rise-4{animation:rise-in .9s var(--ease-out) .36s both}.anim-fade-scale{animation:fade-scale 1s var(--ease-out) .15s both}.anim-phone{animation:phone-tilt-in 1.05s var(--ease-out) .2s both}.anim-float{animation:float-y 5s ease-in-out infinite}.anim-float-delay{animation:float-y-delay 5.8s ease-in-out infinite}.cta-pulse{animation:pulse-soft 2.8s ease-in-out infinite}.brand-shimmer{background:linear-gradient(100deg,#fff 20%,#cfe2ff,#fff 70%);background-size:220% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shimmer 4.5s linear infinite}.marquee-track{display:flex;width:max-content;animation:marquee 32s linear infinite}.marquee-track:hover{animation-play-state:paused}.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s var(--ease-out),transform .8s var(--ease-out)}.reveal.is-visible{opacity:1;transform:translateY(0)}.reveal-scale{opacity:0;transform:scale(.94) translateY(20px);transition:opacity .85s var(--ease-out),transform .85s var(--ease-out)}.reveal-scale.is-visible{opacity:1;transform:scale(1) translateY(0)}.phone-frame{width:min(280px,72vw);aspect-ratio:9 / 18.5;border-radius:36px;background:linear-gradient(160deg,#2a2d35,#0e1014);padding:11px;box-shadow:0 40px 90px #0c122859,0 2px #ffffff2e inset,0 -1px #0006 inset;position:relative;flex-shrink:0}@media (min-width: 900px){.phone-frame{width:286px}.phone-frame.phone-lg{width:320px}}.phone-frame:before{content:"";position:absolute;top:18px;left:50%;transform:translate(-50%);width:92px;height:11px;border-radius:999px;background:#1c1c1e;z-index:2}.phone-screen{width:100%;height:100%;border-radius:28px;overflow:hidden;background:#f4f5f7;position:relative}.phone-screen-shot{width:100%;height:100%;object-fit:cover;object-position:top center;display:block}.phone-status{height:28px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#1a1d29}@media (prefers-reduced-motion: reduce){.anim-rise,.anim-rise-2,.anim-rise-3,.anim-rise-4,.anim-fade-scale,.anim-phone,.anim-float,.anim-float-delay,.cta-pulse,.brand-shimmer,.marquee-track{animation:none!important}.reveal,.reveal-scale{opacity:1;transform:none;transition:none}.hero-sky{transform:none}}