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

html {
    scroll-behavior: smooth;
}

body.XusiwePilotBodyWrapper {
    font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
    background-color: #020617;
    color: #e2e8f0;
    line-height: 1.6;
    overflow-x: hidden;
}

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

/* Header */
.AbCdEfGhIjKlMnOp {
    position: sticky;
    top: 0;
    background-color: #020617;
    z-index: 1000;
    border-bottom: 1px solid #1e293b;
}

.QrStUvWxYzAbCdEf {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 2rem;
    max-width: 1300px;
    margin: 0 auto;
}

.GhIjKlMnOpQrStUv {
    font-size: 1.8rem;
    font-weight: 800;
    color: #38bdf8;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.MnOpQrStUvWxYzAb {
    display: none;
}

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

.CdEfGhIjKlMnOpQr span {
    width: 25px;
    height: 3px;
    background-color: #38bdf8;
    border-radius: 2px;
}

.OpQrStUvWxYzAbCd {
    display: block;
}

.EfGhIjKlMnOpQrSt {
    display: flex;
    list-style: none;
    gap: 2rem;
}

.KlMnOpQrStUvWxYz {
    color: #e2e8f0;
    text-decoration: none;
    font-size: 0.95rem;
    font-weight: 500;
    transition: color 0.3s;
}

.KlMnOpQrStUvWxYz:hover {
    color: #22c55e;
}

.StUvWxYzAbCdEfGhWave {
    line-height: 0;
    width: 100%;
}

/* Hero Section */
.YzAbCdEfGhIjKlMnHero {
    padding: 80px 0;
    border-bottom: 2px solid #1e293b;
}

.EfGhIjKlMnOpQrStRow {
    display: flex;
    align-items: center;
    gap: 40px;
    flex-wrap: wrap;
}

.UvWxYzAbCdEfGhIjCol {
    flex: 1;
    min-width: 300px;
}

.KlMnOpQrStUvWxYzImg {
    width: 100%;
    height: auto;
    border-radius: 12px;
    box-shadow: 0 0 20px rgba(56, 189, 248, 0.2);
    border: 1px solid #38bdf8;
    object-fit: cover;
}

.AbCdEfGhIjKlMnOpCol {
    flex: 1.2;
    min-width: 300px;
}

.QrStUvWxYzAbCdEfH1 {
    font-size: 3rem;
    line-height: 1.2;
    margin-bottom: 1.5rem;
    color: #f8fafc;
}

.GhIjKlMnOpQrStUvSub {
    font-size: 1.25rem;
    color: #38bdf8;
    margin-bottom: 1.5rem;
    font-weight: 600;
}

.WxYzAbCdEfGhIjKlText {
    margin-bottom: 1rem;
    color: #94a3b8;
}

.MnOpQrStUvWxYzAbText {
    margin-bottom: 2rem;
    color: #94a3b8;
}

.CdEfGhIjKlMnOpQrButtons {
    display: flex;
    gap: 15px;
}

.StUvWxYzAbCdEfGhBtnPrimary {
    background-color: #22c55e;
    color: #020617;
    padding: 12px 28px;
    text-decoration: none;
    border-radius: 6px;
    font-weight: 700;
    transition: transform 0.2s, background-color 0.3s;
}

.StUvWxYzAbCdEfGhBtnPrimary:hover {
    transform: translateY(-3px);
    background-color: #16a34a;
}

.IjKlMnOpQrStUvWxBtnSecondary {
    border: 2px solid #38bdf8;
    color: #38bdf8;
    padding: 10px 26px;
    text-decoration: none;
    border-radius: 6px;
    font-weight: 700;
    transition: background-color 0.3s, color 0.3s;
}

.IjKlMnOpQrStUvWxBtnSecondary:hover {
    background-color: #38bdf8;
    color: #020617;
}

/* Quote Section */
.YzAbCdEfGhIjKlMnQuote {
    padding: 60px 0;
    background: linear-gradient(180deg, #020617 0%, #0f172a 100%);
}

.EfGhIjKlMnOpQrStSpeech {
    background-color: #1e293b;
    padding: 40px;
    border-radius: 20px;
    position: relative;
    border-left: 5px solid #22c55e;
    max-width: 900px;
    margin: 0 auto;
}

.EfGhIjKlMnOpQrStSpeech::after {
    content: '';
    position: absolute;
    bottom: -20px;
    left: 50px;
    border-width: 20px 20px 0 0;
    border-style: solid;
    border-color: #1e293b transparent transparent transparent;
}

.UvWxYzAbCdEfGhIjQuoteText {
    font-style: italic;
    font-size: 1.4rem;
    margin-bottom: 1.5rem;
    color: #f1f5f9;
}

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

.AbCdEfGhIjKlMnOpName {
    font-weight: 800;
    color: #22c55e;
    font-size: 1.1rem;
}

.QrStUvWxYzAbCdEfRole {
    font-size: 0.9rem;
    color: #64748b;
}

/* Benefits Section */
.GhIjKlMnOpQrStUvBenefits {
    padding: 80px 0;
    border-top: 1px solid #1e293b;
}

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

.MnOpQrStUvWxYzAbTextPart {
    flex: 1;
    min-width: 300px;
}

.CdEfGhIjKlMnOpQrH2 {
    font-size: 2.2rem;
    margin-bottom: 2rem;
    color: #38bdf8;
}

.StUvWxYzAbCdEfGhList {
    list-style: none;
    margin-bottom: 2rem;
}

.IjKlMnOpQrStUvWxListItem, .YzAbCdEfGhIjKlMnListItem, .OpQrStUvWxYzAbCdListItem, .EfGhIjKlMnOpQrStListItem, .UvWxYzAbCdEfGhIjListItem {
    padding-left: 30px;
    position: relative;
    margin-bottom: 12px;
    color: #e2e8f0;
}

.IjKlMnOpQrStUvWxListItem::before, .YzAbCdEfGhIjKlMnListItem::before, .OpQrStUvWxYzAbCdListItem::before, .EfGhIjKlMnOpQrStListItem::before, .UvWxYzAbCdEfGhIjListItem::before {
    content: '→';
    position: absolute;
    left: 0;
    color: #22c55e;
    font-weight: bold;
}

.KlMnOpQrStUvWxYzInfoPanel {
    background-color: #0f172a;
    padding: 20px;
    border-radius: 8px;
    border: 1px dashed #38bdf8;
}

.AbCdEfGhIjKlMnOpPanelText {
    font-size: 0.95rem;
    color: #cbd5e1;
}

.QrStUvWxYzAbCdEfImagePart {
    flex: 1;
    min-width: 300px;
}

.GhIjKlMnOpQrStUvImg {
    width: 100%;
    height: auto;
    border-radius: 12px;
    border: 1px solid #22c55e;
}

/* Articles Section */
.WxYzAbCdEfGhIjKlArticles {
    padding: 80px 0;
    background-color: #020617;
}

.MnOpQrStUvWxYzAbArticleItem, .EfGhIjKlMnOpQrStArticleItem, .WxYzAbCdEfGhIjKlArticleItem {
    margin-bottom: 60px;
    padding-bottom: 40px;
    border-bottom: 1px solid #1e293b;
}

.CdEfGhIjKlMnOpQrH2, .UvWxYzAbCdEfGhIjH2, .MnOpQrStUvWxYzAbH2 {
    font-size: 2rem;
    margin-bottom: 1.5rem;
    color: #38bdf8;
}

.IjKlMnOpQrStUvWxH3, .AbCdEfGhIjKlMnOpH3, .StUvWxYzAbCdEfGhH3 {
    font-size: 1.4rem;
    margin: 1.5rem 0 1rem;
    color: #22c55e;
}

.StUvWxYzAbCdEfGhP, .YzAbCdEfGhIjKlMnP, .OpQrStUvWxYzAbCdP, .KlMnOpQrStUvWxYzP, .QrStUvWxYzAbCdEfP, .GhIjKlMnOpQrStUvP, .CdEfGhIjKlMnOpQrP {
    margin-bottom: 1rem;
    color: #94a3b8;
}

.IjKlMnOpQrStUvWxList {
    list-style: none;
    margin-bottom: 1.5rem;
}

.YzAbCdEfGhIjKlMnListItem, .OpQrStUvWxYzAbCdListItem, .EfGhIjKlMnOpQrStListItem, .UvWxYzAbCdEfGhIjListItem {
    padding: 8px 0 8px 25px;
    position: relative;
}

.YzAbCdEfGhIjKlMnListItem::before, .OpQrStUvWxYzAbCdListItem::before, .EfGhIjKlMnOpQrStListItem::before, .UvWxYzAbCdEfGhIjListItem::before {
    content: '—';
    position: absolute;
    left: 0;
    color: #38bdf8;
}

/* Target Section (Who it's for) */
.AbCdEfGhIjKlMnOpTarget {
    padding: 80px 0;
    background-color: #0f172a;
}

.QrStUvWxYzAbCdEfIntro {
    text-align: center;
    margin-bottom: 4rem;
}

.MnOpQrStUvWxYzAbGrid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 30px;
}

.CdEfGhIjKlMnOpQrCard, .OpQrStUvWxYzAbCdCard, .AbCdEfGhIjKlMnOpCard, .MnOpQrStUvWxYzAbCard, .YzAbCdEfGhIjKlMnCard, .KlMnOpQrStUvWxYzCard {
    background-color: #020617;
    padding: 30px;
    border-radius: 12px;
    border: 1px solid #1e293b;
    transition: transform 0.3s, border-color 0.3s;
}

.CdEfGhIjKlMnOpQrCard:hover {
    transform: translateY(-10px);
    border-color: #38bdf8;
}

.StUvWxYzAbCdEfGhIcon, .EfGhIjKlMnOpQrStIcon, .QrStUvWxYzAbCdEfIcon, .CdEfGhIjKlMnOpQrIcon, .OpQrStUvWxYzAbCdIcon, .AbCdEfGhIjKlMnOpIcon {
    font-size: 2.5rem;
    color: #22c55e;
    margin-bottom: 1rem;
}

/* FAQ */
.WxYzAbCdEfGhIjKlFaq {
    padding: 80px 0;
    border-top: 2px solid #1e293b;
}

.CdEfGhIjKlMnOpQrAccordion {
    max-width: 800px;
    margin: 40px auto 0;
}

.StUvWxYzAbCdEfGhDetails, .OpQrStUvWxYzAbCdDetails, .KlMnOpQrStUvWxYzDetails, .GhIjKlMnOpQrStUvDetails, .CdEfGhIjKlMnOpQrDetails, .YzAbCdEfGhIjKlMnDetails {
    margin-bottom: 15px;
    background-color: #1e293b;
    border-radius: 8px;
    overflow: hidden;
}

.IjKlMnOpQrStUvWxSummary, .EfGhIjKlMnOpQrStSummary, .AbCdEfGhIjKlMnOpSummary, .WxYzAbCdEfGhIjKlSummary, .StUvWxYzAbCdEfGhSummary, .OpQrStUvWxYzAbCdSummary {
    padding: 20px;
    cursor: pointer;
    font-weight: 700;
    color: #38bdf8;
    outline: none;
    list-style: none;
}

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

.YzAbCdEfGhIjKlMnAnswer, .UvWxYzAbCdEfGhIjAnswer, .QrStUvWxYzAbCdEfAnswer, .MnOpQrStUvWxYzAbAnswer, .IjKlMnOpQrStUvWxAnswer, .EfGhIjKlMnOpQrStAnswer {
    padding: 0 20px 20px;
    color: #cbd5e1;
}

/* Services / Pricing */
.UvWxYzAbCdEfGhIjServices {
    padding: 80px 0;
    background-color: #020617;
}

.KlMnOpQrStUvWxYzH2 {
    text-align: center;
    font-size: 2.5rem;
    margin-bottom: 4rem;
    color: #38bdf8;
}

.AbCdEfGhIjKlMnOpPricingRow {
    display: flex;
    justify-content: center;
    gap: 30px;
    flex-wrap: wrap;
}

.QrStUvWxYzAbCdEfPriceCard, .UvWxYzAbCdEfGhIjPriceCard, .YzAbCdEfGhIjKlMnPriceCard {
    background-color: #0f172a;
    padding: 40px;
    border-radius: 16px;
    border: 1px solid #1e293b;
    flex: 1;
    min-width: 280px;
    max-width: 380px;
    display: flex;
    flex-direction: column;
    text-align: center;
}

.Featured {
    border-color: #22c55e;
    box-shadow: 0 10px 30px rgba(34, 197, 94, 0.1);
    transform: scale(1.05);
}

.GhIjKlMnOpQrStUvPriceIcon, .KlMnOpQrStUvWxYzPriceIcon, .OpQrStUvWxYzAbCdPriceIcon {
    font-size: 3rem;
    color: #22c55e;
    margin-bottom: 1rem;
}

.WxYzAbCdEfGhIjKlPriceTitle, .AbCdEfGhIjKlMnOpPriceTitle, .EfGhIjKlMnOpQrStPriceTitle {
    font-size: 1.5rem;
    margin-bottom: 1rem;
}

.MnOpQrStUvWxYzAbPriceValue, .QrStUvWxYzAbCdEfPriceValue, .UvWxYzAbCdEfGhIjPriceValue {
    font-size: 2rem;
    font-weight: 800;
    color: #38bdf8;
    margin-bottom: 2rem;
}

.CdEfGhIjKlMnOpQrPriceList, .GhIjKlMnOpQrStUvPriceList, .KlMnOpQrStUvWxYzPriceList {
    list-style: none;
    margin-bottom: 2rem;
    text-align: left;
    flex-grow: 1;
}

.StUvWxYzAbCdEfGhPriceItem, .IjKlMnOpQrStUvWxPriceItem, .YzAbCdEfGhIjKlMnPriceItem, .OpQrStUvWxYzAbCdPriceItem, .WxYzAbCdEfGhIjKlPriceItem, .MnOpQrStUvWxYzAbPriceItem, .CdEfGhIjKlMnOpQrPriceItem, .StUvWxYzAbCdEfGhPriceItem, .AbCdEfGhIjKlMnOpPriceItem, .QrStUvWxYzAbCdEfPriceItem, .GhIjKlMnOpQrStUvPriceItem, .WxYzAbCdEfGhIjKlPriceItem {
    padding: 10px 0;
    border-bottom: 1px solid #1e293b;
    font-size: 0.9rem;
    color: #94a3b8;
}

.EfGhIjKlMnOpQrStPriceBtn, .IjKlMnOpQrStUvWxPriceBtn, .MnOpQrStUvWxYzAbPriceBtn {
    background-color: #38bdf8;
    color: #020617;
    padding: 12px;
    border-radius: 8px;
    text-decoration: none;
    font-weight: 700;
    transition: background-color 0.3s;
}

.EfGhIjKlMnOpQrStPriceBtn:hover, .IjKlMnOpQrStUvWxPriceBtn:hover, .MnOpQrStUvWxYzAbPriceBtn:hover {
    background-color: #22c55e;
}

/* Form Section */
.CdEfGhIjKlMnOpQrFormSection {
    padding: 80px 0;
    background-color: #0f172a;
}

.StUvWxYzAbCdEfGhFormBox {
    max-width: 600px;
    margin: 0 auto;
    background-color: #020617;
    padding: 50px;
    border-radius: 20px;
    border: 1px solid #1e293b;
}

.EfGhIjKlMnOpQrStInputGroup, .AbCdEfGhIjKlMnOpInputGroup, .WxYzAbCdEfGhIjKlInputGroup {
    margin-bottom: 20px;
}

.UvWxYzAbCdEfGhIjLabel, .QrStUvWxYzAbCdEfLabel, .MnOpQrStUvWxYzAbLabel {
    display: block;
    margin-bottom: 8px;
    color: #38bdf8;
    font-weight: 600;
}

.KlMnOpQrStUvWxYzInput, .GhIjKlMnOpQrStUvInput, .CdEfGhIjKlMnOpQrTextarea {
    width: 100%;
    padding: 12px;
    background-color: #0f172a;
    border: 1px solid #1e293b;
    border-radius: 6px;
    color: #e2e8f0;
    outline: none;
}

.KlMnOpQrStUvWxYzInput:focus, .GhIjKlMnOpQrStUvInput:focus, .CdEfGhIjKlMnOpQrTextarea:focus {
    border-color: #38bdf8;
}

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

.YzAbCdEfGhIjKlMnPolicyLabel {
    font-size: 0.85rem;
    color: #94a3b8;
}

.OpQrStUvWxYzAbCdPolicyLink {
    color: #22c55e;
}

.EfGhIjKlMnOpQrStSubmitBtn {
    width: 100%;
    padding: 15px;
    background-color: #22c55e;
    color: #020617;
    border: none;
    border-radius: 8px;
    font-size: 1.1rem;
    font-weight: 800;
    cursor: pointer;
    transition: background-color 0.3s;
}

.EfGhIjKlMnOpQrStSubmitBtn:hover {
    background-color: #16a34a;
}

/* Footer */
.UvWxYzAbCdEfGhIjFooter {
    background-color: #020617;
    padding: 60px 0;
    border-top: 1px solid #1e293b;
    text-align: center;
}

.AbCdEfGhIjKlMnOpFooterLogo {
    font-size: 2rem;
    font-weight: 800;
    color: #38bdf8;
    margin-bottom: 1rem;
}

.QrStUvWxYzAbCdEfFooterCopy {
    font-size: 0.9rem;
    color: #64748b;
    margin-bottom: 0.5rem;
}

.GhIjKlMnOpQrStUvFooterContact {
    margin-bottom: 2rem;
}

.WxYzAbCdEfGhIjKlFooterMail {
    color: #22c55e;
    text-decoration: none;
}

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

.CdEfGhIjKlMnOpQrFooterLink, .StUvWxYzAbCdEfGhFooterLink, .IjKlMnOpQrStUvWxFooterLink, .YzAbCdEfGhIjKlMnFooterLink {
    color: #475569;
    font-size: 0.8rem;
    text-decoration: none;
    transition: color 0.3s;
}

.CdEfGhIjKlMnOpQrFooterLink:hover {
    color: #38bdf8;
}

/* Mobile Nav Styles */
@media (max-width: 992px) {
    .CdEfGhIjKlMnOpQr {
        display: flex;
        z-index: 1001;
    }

    .OpQrStUvWxYzAbCd {
        position: fixed;
        top: 0;
        right: -100%;
        width: 70%;
        height: 100vh;
        background-color: #0f172a;
        padding: 80px 20px;
        transition: right 0.4s ease;
        box-shadow: -10px 0 30px rgba(0,0,0,0.5);
    }

    .EfGhIjKlMnOpQrSt {
        flex-direction: column;
        align-items: center;
        gap: 2rem;
    }

    .MnOpQrStUvWxYzAb:checked ~ .OpQrStUvWxYzAbCd {
        right: 0;
    }
    
    .QrStUvWxYzAbCdEfH1 {
        font-size: 2.2rem;
    }

    .AbCdEfGhIjKlMnOpPricingRow {
        flex-direction: column;
        align-items: center;
    }
    
    .Featured {
        transform: scale(1);
    }
}

@media (max-width: 600px) {
    .EfGhIjKlMnOpQrStRow {
        flex-direction: column-reverse;
    }
    
    .CdEfGhIjKlMnOpQrButtons {
        flex-direction: column;
    }
    
    .StUvWxYzAbCdEfGhFormBox {
        padding: 30px 20px;
    }
}

/* Cold Horizontal Lines Design Decor */
.AbCdEfGhIjKlMnOpTarget::before, .GhIjKlMnOpQrStUvBenefits::before {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg, transparent, #38bdf8, transparent);
    margin-bottom: 40px;
}