html { scroll-behavior: smooth; }

/* Modern SaaS Hero Background */
.hero-modern {
    background: radial-gradient(circle at 10% 90%, rgba(142, 177, 73, 0.15) 0%, transparent 40%),
    radial-gradient(circle at 90% 10%, rgba(58, 90, 0, 0.15) 0%, transparent 40%),
    #ffffff;
    position: relative;
    overflow: hidden;
    min-height: 75vh;
}

.hero-title {
    font-size: 3.5rem;
    font-weight: 800;
    line-height: 1.1;
    letter-spacing: -1px;
}

@media screen and (max-width: 768px) {
    .hero-modern {
        padding-top: 40px;
    }
}

/* 3D Dashboard Mockup Effect */
.hero-mockup {
    border-radius: 12px;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0,0,0,0.05);
    transform: perspective(1000px) rotateY(-8deg) rotateX(4deg) scale(1.02);
    aspect-ratio: 16/10;
}

.hero-mockup img {
    object-fit: contain; height: 100%; border-radius: 12px;
}

nav {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 1;
}

nav .buttons {
    width: 100%;
}

/* Animation Container */
.subtitle-wrapper {
    position: relative;
    height: 3rem; /* Fixed height to prevent layout jumps */
    overflow: visible;
    display: flex;
    align-items: center;
    margin-bottom: 1.5rem;
}

.animated-subtitle {
    position: absolute;
    font-size: 1.75rem;
    /*white-space: nowrap;*/
    font-weight: 600;
    color: #6a6a6a;
    /*transition: transform 0.6s ease-in-out, opacity 0.6s ease-in-out;*/
}

#features details {
    border-bottom: 1px solid #e6e6e6;
}

#features details:first-child {
    border-top: 1px solid #e6e6e6;
}

details summary {
    cursor: pointer;
    transition: margin 150ms ease-out;
    color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-l));
}

details[open] summary {
    margin-bottom: 10px;
    color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-l));
}

.features-image {
    border-radius: var(--bulma-radius);
    /*width: 100%;*/
    /*height: 100%;*/
    aspect-ratio: 16/10;
    object-fit: contain;
    image-rendering: smooth;
}