*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
body{background:#E8ECF2;color:#0F2B3A;font-family:'Inter',sans-serif;overflow-x:hidden}

.top-bar{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;max-width:1100px;margin:0 auto}
.brand{font-family:'Space Grotesk',sans-serif;font-size:1.3rem;font-weight:700;color:#0F2B3A}
.dot{color:#E8665A}
.status-led{width:10px;height:10px;border-radius:50%;background:#3ECDC6;box-shadow:0 0 8px #3ECDC6;animation:ledPulse 2s infinite}
@keyframes ledPulse{0%,100%{opacity:1}50%{opacity:.4}}

.hero{min-height:80vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:60px 24px;position:relative;overflow:hidden}
.confetti-field{position:absolute;inset:0;pointer-events:none}
.hero-title{font-family:'Space Grotesk',sans-serif;font-size:clamp(2.5rem,7vw,5.5rem);font-weight:700;line-height:1.05;color:#0F2B3A;position:relative;z-index:1}
.highlight{color:#E8665A;position:relative}
.highlight::after{content:'';position:absolute;bottom:4px;left:0;right:0;height:6px;background:#C9A94E;opacity:.4;border-radius:3px}
.hero-sub{font-size:clamp(.95rem,1.5vw,1.15rem);color:#0F2B3A;opacity:.6;margin-top:20px;max-width:480px;position:relative;z-index:1}

.showcase{max-width:1100px;margin:0 auto;padding:60px 24px;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}
.show-card{background:#FFF;border-radius:16px;padding:32px;border:1px solid #0F2B3A10;transition:transform .3s,box-shadow .3s}
.show-card:hover{transform:translateY(-6px);box-shadow:0 12px 32px rgba(15,43,58,.1)}
.card-icon{width:60px;height:60px;margin-bottom:16px}
.show-card h2{font-family:'Space Grotesk',sans-serif;font-size:1.15rem;font-weight:700;margin-bottom:10px}
.show-card p{font-size:.88rem;line-height:1.7;opacity:.7}
.sc-1{border-top:3px solid #3ECDC6}
.sc-2{border-top:3px solid #E8665A}
.sc-3{border-top:3px solid #C9A94E}
.sc-4{border-top:3px solid #0F2B3A}

.banner{background:#0F2B3A;padding:32px 24px;margin:60px 0;overflow:hidden}
.banner-text{font-family:'Space Grotesk',sans-serif;font-size:clamp(1.5rem,4vw,3rem);font-weight:700;color:#3ECDC6;text-align:center;letter-spacing:.1em;text-transform:uppercase}

.about{max-width:700px;margin:0 auto;padding:60px 24px;text-align:center}
.about-title{font-family:'Space Grotesk',sans-serif;font-size:clamp(1.6rem,3.5vw,2.5rem);font-weight:700;margin-bottom:20px;line-height:1.2}
.about-text{font-size:1rem;line-height:1.8;opacity:.7}

.footer{text-align:center;padding:40px 24px;border-top:1px solid #0F2B3A15}
.footer span{font-family:'Space Grotesk',sans-serif;font-size:.8rem;color:#0F2B3A;opacity:.3}

@media(max-width:640px){.showcase{grid-template-columns:1fr}}