::-webkit-scrollbar { display: none; }
* { font-family: 'Open Sans', sans-serif; }

/* Typography Scale - Major Third (1.25) with base 16px */
:root {
    --text-xs: 0.8rem;      /* 12.8px */
    --text-sm: 0.875rem;    /* 14px */
    --text-base: 1rem;      /* 16px */
    --text-lg: 1.25rem;     /* 20px */
    --text-xl: 1.563rem;    /* 25px */
    --text-2xl: 1.953rem;   /* 31.25px */
    --text-3xl: 2.441rem;   /* 39px */
    --text-4xl: 3.052rem;   /* 48.8px */
    --text-5xl: 3.815rem;   /* 61px */
    --text-6xl: 4.768rem;   /* 76.3px */
    
    /* Line heights */
    --leading-tight: 1.25;
    --leading-normal: 1.5;
    --leading-relaxed: 1.625;
}

/* Base typography */
body { font-size: var(--text-base); line-height: var(--leading-normal); }

/* Navigation */
nav a, nav button { font-size: 0.9375rem; line-height: var(--leading-normal); } /* 15px */

/* Headings */
h1 { font-size: 2rem; line-height: var(--leading-tight); } /* 32px */
h2 { font-size: 1.625rem; line-height: var(--leading-tight); } /* 26px */
h3 { font-size: 1.3125rem; line-height: var(--leading-normal); } /* 21px */
h4 { font-size: var(--text-lg); line-height: var(--leading-normal); } /* 20px */

/* Responsive typography */
@media (min-width: 768px) {
    h1 { font-size: var(--text-2xl); } /* 31.25px */
}

@media (min-width: 1024px) {
    h1 { font-size: 2.5rem; } /* 40px */
    h2 { font-size: var(--text-xl); } /* 25px */
}

/* Viewport specific adjustments */
@media (max-width: 375px) {
    h1 { font-size: 1.75rem; } /* 28px */
    h2 { font-size: 1.375rem; } /* 22px */
    h3 { font-size: 1.125rem; } /* 18px */
}

@media (min-width: 1366px) {
    h1 { font-size: 3rem; } /* 48px */
    h2 { font-size: 2rem; } /* 32px */
    h3 { font-size: 1.5rem; } /* 24px */
}

.sellmo-transition { transition: all 240ms cubic-bezier(.4,0,.2,1); }
.sellmo-hover-lift:hover { transform: translateY(-2px); }
.fade-in { animation: fadeIn 240ms cubic-bezier(.4,0,.2,1); }
@keyframes fadeIn { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }
.gradient-text { background: linear-gradient(135deg, #005BBB, #0EA5E9); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.hero-gradient { background: linear-gradient(135deg, #181C20 0%, #1F242A 50%, #005BBB 100%); }
.floating { animation: floating 3s ease-in-out infinite; }
@keyframes floating { 0%, 100% { transform: translateY(0px); } 50% { transform: translateY(-10px); } }
.sticky-cta {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 56px;
    background: rgba(24, 28, 32, 0.95);
    backdrop-filter: blur(10px);
    border-bottom: 1px solid rgba(0, 91, 187, 0.3);
    z-index: 50;
    transform: translateY(-100%);
    transition: transform 300ms cubic-bezier(.4,0,.2,1), opacity 300ms cubic-bezier(.4,0,.2,1);
    opacity: 0;
}
.sticky-cta.visible {
    transform: translateY(0);
    opacity: 1;
}
@media (prefers-reduced-motion: reduce) {
    .sticky-cta {
        transition: none;
    }
}
.highlighted-section {
    outline: 2px solid #3F20FB;
    background-color: rgba(63, 32, 251, 0.1);
}

.edit-button {
    position: absolute;
    z-index: 1000;
}

::-webkit-scrollbar {
    display: none;
}

html, body {
    -ms-overflow-style: none;
    scrollbar-width: none;
}