/* Reset & Base */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body.velaromelFocusSightAuroraBody {
    background-color: #07090C;
    color: #E0E0E0;
    font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
    line-height: 1.6;
    overflow-x: hidden;
}

.velaromelFocusSightAuroraContainer {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

img.velaromelFocusSightAuroraImageFluid {
    max-width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
}

/* Header & Nav */
.velaromelFocusSightAuroraHeaderMain {
    background: #0D1117;
    border-bottom: 2px solid #4FF7FF;
    position: sticky;
    top: 0;
    z-index: 1000;
}

.velaromelFocusSightAuroraHeaderFlex {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 80px;
}

.velaromelFocusSightAuroraLogoText {
    font-size: 28px;
    font-weight: 800;
    color: #4FF7FF;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.velaromelFocusSightAuroraNavList {
    display: flex;
    list-style: none;
    gap: 25px;
}

.velaromelFocusSightAuroraNavLink {
    text-decoration: none;
    color: #E0E0E0;
    font-weight: 500;
    transition: color 0.3s ease;
    font-size: 15px;
}

.velaromelFocusSightAuroraNavLink:hover {
    color: #4FF7FF;
}

/* Burger Menu (No-JS) */
.velaromelFocusSightAuroraMenuCheckbox {
    display: none;
}

.velaromelFocusSightAuroraBurgerBtn {
    display: none;
    flex-direction: column;
    gap: 5px;
    cursor: pointer;
}

.velaromelFocusSightAuroraBurgerBtn span {
    width: 30px;
    height: 3px;
    background-color: #4FF7FF;
    transition: 0.3s;
}

/* Hero Section */
.velaromelFocusSightAuroraHeroBlock {
    padding: 100px 0;
}

.velaromelFocusSightAuroraHeroGrid {
    display: flex;
    gap: 50px;
    align-items: center;
}

.velaromelFocusSightAuroraHeroImageWrap {
    flex: 1;
}

.velaromelFocusSightAuroraRedBorder {
    border: 3px solid #FF4F4F;
    padding: 10px;
    position: relative;
}

.velaromelFocusSightAuroraHeroContent {
    flex: 1;
}

.velaromelFocusSightAuroraH1 {
    font-size: 48px;
    line-height: 1.2;
    margin-bottom: 20px;
    color: #fff;
}

.velaromelFocusSightAuroraSubTitle {
    font-size: 20px;
    color: #4FF7FF;
    margin-bottom: 25px;
    font-weight: 600;
}

.velaromelFocusSightAuroraParagraph {
    margin-bottom: 20px;
    font-size: 17px;
    color: #B0B0B0;
}

/* Buttons */
.velaromelFocusSightAuroraBtnWrap {
    margin-top: 35px;
}

.velaromelFocusSightAuroraPrimaryBtn {
    display: inline-block;
    background-color: #4FF7FF;
    color: #07090C;
    padding: 15px 35px;
    text-decoration: none;
    font-weight: 700;
    border-radius: 4px;
    text-transform: uppercase;
    transition: all 0.3s ease;
    border: none;
    cursor: pointer;
}

.velaromelFocusSightAuroraPrimaryBtn:hover {
    background-color: #fff;
    box-shadow: 0 0 20px rgba(79, 247, 255, 0.6);
}

.velaromelFocusSightAuroraSecondaryBtn {
    display: inline-block;
    background-color: transparent;
    color: #4FF7FF;
    padding: 12px 25px;
    text-decoration: none;
    font-weight: 600;
    border-radius: 4px;
    border: 2px solid #4FF7FF;
    transition: all 0.3s ease;
}

.velaromelFocusSightAuroraSecondaryBtn:hover {
    background-color: rgba(79, 247, 255, 0.1);
}

/* Reviews Block */
.velaromelFocusSightAuroraReviewsBlock {
    padding: 80px 0;
    background: #0A0D12;
}

.velaromelFocusSightAuroraH2 {
    font-size: 36px;
    text-align: center;
    margin-bottom: 50px;
    color: #fff;
}

.velaromelFocusSightAuroraReviewGrid {
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
}

.velaromelFocusSightAuroraReviewCard {
    flex: 1;
    min-width: 300px;
    background: #14181F;
    padding: 30px;
    border-left: 4px solid #4FF7FF;
}

.velaromelFocusSightAuroraReviewAuthor {
    font-weight: 700;
    color: #4FF7FF;
    margin-bottom: 15px;
    font-size: 18px;
}

/* Price Block */
.velaromelFocusSightAuroraPriceBlock {
    padding: 80px 0;
}

.velaromelFocusSightAuroraPriceGrid {
    display: flex;
    gap: 20px;
    justify-content: center;
    flex-wrap: wrap;
}

.velaromelFocusSightAuroraPriceCard {
    background: #0D1117;
    border: 1px solid #2A2E35;
    padding: 40px;
    flex: 1;
    min-width: 300px;
    max-width: 380px;
    text-align: center;
    display: flex;
    flex-direction: column;
}

.velaromelFocusSightAuroraPriceFeatured {
    border: 2px solid #4FF7FF;
    transform: scale(1.05);
    background: #111821;
}

.velaromelFocusSightAuroraPriceValue {
    font-size: 32px;
    font-weight: 800;
    color: #fff;
    margin: 20px 0;
}

.velaromelFocusSightAuroraPriceList {
    list-style: none;
    margin-bottom: 30px;
    text-align: left;
    flex-grow: 1;
}

.velaromelFocusSightAuroraPriceList li {
    margin-bottom: 12px;
    padding-left: 20px;
    position: relative;
    font-size: 15px;
}

.velaromelFocusSightAuroraPriceList li::before {
    content: '→';
    position: absolute;
    left: 0;
    color: #4FF7FF;
}

.velaromelFocusSightAuroraQuickLinks {
    margin-top: 50px;
    text-align: center;
    color: #777;
}

.velaromelFocusSightAuroraQuickLinks a {
    color: #4FF7FF;
    text-decoration: none;
    margin: 0 10px;
}

/* Target Section */
.velaromelFocusSightAuroraTargetBlock {
    padding: 80px 0;
    background: #0A0D12;
}

.velaromelFocusSightAuroraIntro {
    text-align: center;
    max-width: 800px;
    margin: 0 auto 50px;
    font-size: 18px;
}

.velaromelFocusSightAuroraTargetContentGrid {
    display: flex;
    gap: 40px;
}

.velaromelFocusSightAuroraTargetListWrap {
    flex: 1;
}

.velaromelFocusSightAuroraTargetItems {
    list-style: none;
}

.velaromelFocusSightAuroraTargetItems li {
    background: #14181F;
    margin-bottom: 10px;
    padding: 15px 20px;
    border-radius: 4px;
}

.velaromelFocusSightAuroraTargetItems li strong {
    color: #4FF7FF;
}

.velaromelFocusSightAuroraTargetImages {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.velaromelFocusSightAuroraImgBound {
    width: 100%;
    border-radius: 4px;
}

.velaromelFocusSightAuroraPriceLabel {
    background: #4FF7FF;
    color: #07090C;
    padding: 5px 15px;
    font-weight: 700;
    display: inline-block;
    margin-top: 10px;
}

/* Expert Word */
.velaromelFocusSightAuroraExpertBlock {
    padding: 100px 0;
    background: linear-gradient(rgba(7,9,12,0.8), rgba(7,9,12,0.8)), url('https://placehold.co/1200x400/07090C/4FF7FF?text=Expert+Space&width=1200&height=400');
    background-size: cover;
    background-attachment: fixed;
}

.velaromelFocusSightAuroraExpertContent {
    max-width: 800px;
    margin: 0 auto;
    text-align: center;
}

.velaromelFocusSightAuroraQuote {
    font-size: 26px;
    font-style: italic;
    color: #fff;
    line-height: 1.5;
    margin-bottom: 30px;
    position: relative;
}

.velaromelFocusSightAuroraQuote::before {
    content: '"';
    font-size: 80px;
    position: absolute;
    top: -40px;
    left: -30px;
    color: #4FF7FF;
    opacity: 0.3;
}

.velaromelFocusSightAuroraExpertSignature {
    display: flex;
    flex-direction: column;
}

.velaromelFocusSightAuroraExpertName {
    font-size: 22px;
    font-weight: 700;
    color: #4FF7FF;
}

.velaromelFocusSightAuroraExpertTitle {
    font-size: 14px;
    color: #777;
    text-transform: uppercase;
}

/* Benefits Section */
.velaromelFocusSightAuroraBenefitsBlock {
    padding: 80px 0;
}

.velaromelFocusSightAuroraBenefitsGrid {
    display: flex;
    align-items: center;
    gap: 60px;
}

.velaromelFocusSightAuroraBenefitsText {
    flex: 1;
}

.velaromelFocusSightAuroraBenefitsImage {
    flex: 1;
}

.velaromelFocusSightAuroraSimpleList {
    list-style: none;
    margin-top: 25px;
}

.velaromelFocusSightAuroraSimpleList li {
    margin-bottom: 15px;
    padding-left: 30px;
    position: relative;
}

.velaromelFocusSightAuroraSimpleList li::before {
    content: '';
    width: 10px;
    height: 10px;
    background: #4FF7FF;
    position: absolute;
    left: 0;
    top: 8px;
    transform: rotate(45deg);
}

/* Large Text Blocks */
.velaromelFocusSightAuroraTextLargeBlock {
    padding: 80px 0;
}

.velaromelFocusSightAuroraDarkerBg {
    background: #0A0D12;
}

.velaromelFocusSightAuroraH3 {
    font-size: 24px;
    margin: 30px 0 15px;
    color: #4FF7FF;
}

/* FAQ Block */
.velaromelFocusSightAuroraFaqBlock {
    padding: 80px 0;
}

.velaromelFocusSightAuroraFaqList {
    max-width: 900px;
    margin: 0 auto;
}

.velaromelFocusSightAuroraFaqItem {
    background: #14181F;
    margin-bottom: 15px;
    border-radius: 4px;
}

.velaromelFocusSightAuroraFaqSummary {
    padding: 20px;
    font-weight: 600;
    cursor: pointer;
    list-style: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #fff;
    outline: none;
}

.velaromelFocusSightAuroraFaqSummary::-webkit-details-marker {
    display: none;
}

.velaromelFocusSightAuroraFaqSummary::after {
    content: '+';
    color: #4FF7FF;
    font-size: 24px;
}

.velaromelFocusSightAuroraFaqItem[open] .velaromelFocusSightAuroraFaqSummary::after {
    content: '-';
}

.velaromelFocusSightAuroraFaqContent {
    padding: 0 20px 20px;
}

/* Form Section */
.velaromelFocusSightAuroraFormBlock {
    padding: 80px 0;
    background: #07090C;
}

.velaromelFocusSightAuroraFormCard {
    max-width: 600px;
    margin: 0 auto;
    background: #0D1117;
    padding: 50px;
    border: 1px solid #2A2E35;
    border-top: 5px solid #4FF7FF;
}

.velaromelFocusSightAuroraFormElement {
    margin-top: 30px;
}

.velaromelFocusSightAuroraInputGroup {
    margin-bottom: 20px;
}

.velaromelFocusSightAuroraLabel {
    display: block;
    margin-bottom: 8px;
    font-weight: 500;
}

.velaromelFocusSightAuroraInput,
.velaromelFocusSightAuroraTextarea {
    width: 100%;
    padding: 12px;
    background: #14181F;
    border: 1px solid #2A2E35;
    color: #fff;
    border-radius: 4px;
    font-family: inherit;
}

.velaromelFocusSightAuroraInput:focus,
.velaromelFocusSightAuroraTextarea:focus {
    border-color: #4FF7FF;
    outline: none;
}

.velaromelFocusSightAuroraCheckboxGroup {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 30px;
}

.velaromelFocusSightAuroraCheckboxLabel {
    font-size: 14px;
}

.velaromelFocusSightAuroraCheckboxLabel a {
    color: #4FF7FF;
}

.velaromelFocusSightAuroraFullWidth {
    width: 100%;
}

/* Footer */
.velaromelFocusSightAuroraFooterMain {
    background: #0D1117;
    padding: 60px 0;
    border-top: 1px solid #2A2E35;
    text-align: center;
}

.velaromelFocusSightAuroraFooterCopyright {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 10px;
}

.velaromelFocusSightAuroraFooterEmail,
.velaromelFocusSightAuroraFooterPhone {
    margin-bottom: 10px;
    color: #B0B0B0;
}

.velaromelFocusSightAuroraFooterEmail a {
    color: #4FF7FF;
    text-decoration: none;
}

.velaromelFocusSightAuroraFooterLinks {
    margin-top: 30px;
    display: flex;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
}

.velaromelFocusSightAuroraFooterLink {
    color: #777;
    text-decoration: none;
    font-size: 13px;
    transition: color 0.3s;
}

.velaromelFocusSightAuroraFooterLink:hover {
    color: #4FF7FF;
}

/* Mobile Responsiveness */
@media (max-width: 992px) {
    .velaromelFocusSightAuroraHeroGrid,
    .velaromelFocusSightAuroraBenefitsGrid,
    .velaromelFocusSightAuroraTargetContentGrid {
        flex-direction: column;
    }
    
    .velaromelFocusSightAuroraH1 {
        font-size: 36px;
    }
    
    .velaromelFocusSightAuroraPriceFeatured {
        transform: scale(1);
    }
}

@media (max-width: 768px) {
    .velaromelFocusSightAuroraBurgerBtn {
        display: flex;
    }
    
    .velaromelFocusSightAuroraNavigation {
        position: absolute;
        top: 80px;
        left: 0;
        width: 100%;
        background: #0D1117;
        height: 0;
        overflow: hidden;
        transition: height 0.3s ease;
    }
    
    .velaromelFocusSightAuroraNavList {
        flex-direction: column;
        padding: 20px;
        text-align: center;
    }
    
    .velaromelFocusSightAuroraMenuCheckbox:checked ~ .velaromelFocusSightAuroraNavigation {
        height: 350px;
    }
    
    .velaromelFocusSightAuroraFormCard {
        padding: 30px;
    }
}