/* Design System Variables */
           */
        :root {
            --color-black: #000000;
            --color-white: #f0f0fa;
            --color-ghost-bg: rgba(240, 240, 250, 0.1);
            --color-ghost-border: rgba(240, 240, 250, 0.35);
            --font-display: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
            --font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
        }

        /* Global Reset & Base Styles */
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        body {
            background-color: var(--color-black);
            color: var(--color-white;
            font-family: var(--font-display);
            overflow-x: hidden;
            line-height: 1.5;
        1.5rem;
        }
        a {
            color: var(--color-white;
            text-decoration: none;
        }
        a:hover {
            color: #ffffff;
        }
        .full-viewport {
            width: 100%;
            height: 100vh;
            display: flex;
            align-items: center;
            justify-content: center;
            position: relative;
            background-size: cover;
            background-attachment: fixed;
        }
        /* SpaceBlack {
            background-color: rgba(0, 0, 0, 0.6);
        }
        .spectral-text {
            color: var(--color-white;
            text-transform: uppercase;
            letter-spacing: 0.18px;
        }
        .display-1 {
            font-size: 3.5rem; /* 56px equivalent scaled down */
            font-weight: 700;
            line-height: 1.1;
            letter-spacing: 0.12px;
            text-align: center;
            width: 90%;
            max-width: 900px;
        }
        /* Navigation */
        .topbar {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            padding: 20px;
            display:flex;
            justify-content: space-between;
            align-items: center;
            z-index: 1000;
            background-Black;
            border-
            border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        }
        .topbar-logo {
            font-size: 1.5rem;
            font-weight: 700;
            letter-spacing: 0.2rem;
            text-transform: uppercase;
        }
        .nav-links a {
            margin-left: 20px;
            font-size: 1rem;
            text-transform: uppercase;
            letter-spacing: 0.12rem;
        }
        /* Button */
        .ghost-btn {
            background-color: var(--color-ghost-bg);
            border: 1px solid var(--color-ghost-border);
            color: var(--color-white);
            padding: 18px 40px;
            border-radius: 32px;
            cursor: pointer;
            transition: 0.3s;
            font-size: 1.1rem;
            font-weight: 500;
            text-transform: uppercase;
            letter-spacing: 0.2rem;
        }
        .ghost-btn:hover {
            background-color: rgba(240, 240, 250, 0.8);
            border-color: #ffffff;
            color: var(--color-white);
            transform: translateY(-2px);
            box-shadow: 0 5px 15px rgba(240, 240, 250, 0.1);
        }
        }
        /* Footer */
        .footer-site {
            background-color: #15151a20;
            color: var(--color-white);
            padding: 40px;
            text-align: center;
            font-family: var(--font-display);
        }
        .footer-site p {
            margin: 0;
            font-size: 0.9rem;
            text-align: center;
        }
        .footer-site a {
            color: #aaaaaa;
            ;
            margin-left: 20px;
        }
        /* Responsiveness */
        @media (max-width: 768px) {
            .display-hero-title {
                font-size: 2.5rem;
            }
            .nav-links {
                display: none;
            }
            .full-width {
                padding-left: 5%;
                padding-right: 5%;
            }
        }
        @media (min-width: 769px) {
            .full-text-align: left;
            .hero-content {
                max-width: 700px;
                margin-left: auto;
                margin-right: auto;
                text-align: left;
            }
        }
        @media (min-width: 1200px) {
            .display-hero-title {
                font-size: 5rem;
            }
        >
        .hero-content {
            max-width: 900px;
            padding-left: 10%;
            ;
            padding-right: 10%;
        }
        
/* Site Layout */
.site{display:flex;flex-direction:column;min-height:100vh}
.wrap{width:90%;max-width:1200px;margin:0 auto}
.container{width:90%;max-width:1200px;margin:0 auto;padding:0 20px}
.narrow{max-width:820px;margin:0 auto}
main{flex:1}

/* Header & Navigation */
.site-header{position:sticky;top:0;z-index:1000;background:rgba(0,0,0,0.85);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,0.1)}
.header-inner{max-width:1200px;margin:0 auto;padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--color-white)}
.brand-mark{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--color-ghost-border);border-radius:8px;font-weight:700;font-size:1rem;background:var(--color-ghost-bg)}
.brand-text{font-weight:700;font-size:1.15rem;letter-spacing:0.15rem;text-transform:uppercase}
.site-nav,.main-nav{display:flex;align-items:center;gap:24px}
.site-nav a,.main-nav a,.topbar-link{color:var(--color-white);font-size:0.9rem;text-transform:uppercase;letter-spacing:0.12rem;transition:color .3s}
.site-nav a:hover,.main-nav a:hover,.topbar-link:hover{color:#ffffff}
.topbar-inner{max-width:1200px;margin:0 auto;padding:14px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.topbar-note{font-size:0.8rem;color:rgba(240,240,250,0.7);letter-spacing:0.05rem}
.nav-cta{margin-left:8px}

/* Buttons */
.btn,.button{display:inline-block;padding:14px 32px;border-radius:32px;font-size:0.95rem;font-weight:600;text-transform:uppercase;letter-spacing:0.15rem;cursor:pointer;border:1px solid transparent;transition:all .3s;text-decoration:none;font-family:var(--font-family)}
.btn-primary,.btn-nav{background-color:var(--color-ghost-bg);border-color:var(--color-ghost-border);color:var(--color-white)}
.btn-primary:hover,.btn-nav:hover{background-color:rgba(240,240,250,0.85);color:#000;transform:translateY(-2px);box-shadow:0 5px 15px rgba(240,240,250,0.15)}
.btn-secondary{background-color:transparent;border-color:var(--color-ghost-border);color:var(--color-white)}
.btn-secondary:hover{background-color:var(--color-ghost-bg);transform:translateY(-2px)}
.btn-outline{background-color:transparent;border-color:var(--color-ghost-border);color:var(--color-white)}
.btn-outline:hover{background-color:rgba(240,240,250,0.8);color:#000}

/* Hero & Page Sections */
.hero,.page-hero{position:relative;min-height:70vh;display:flex;align-items:center;justify-content:center;text-align:center;background:radial-gradient(ellipse at center,rgba(240,240,250,0.06) 0%,rgba(0,0,0,0) 60%),#000;padding:120px 20px 80px}
.page-hero{min-height:45vh}
.eyebrow{display:inline-block;font-size:0.8rem;font-weight:600;text-transform:uppercase;letter-spacing:0.25rem;color:rgba(240,240,250,0.65);margin-bottom:16px}
.lede,.lead{font-size:1.2rem;line-height:1.6;color:rgba(240,240,250,0.8);max-width:680px;margin:20px auto 0}
.section{padding:90px 0}
.section-alt{background-color:rgba(240,240,250,0.03);border-top:1px solid rgba(255,255,255,0.06);border-bottom:1px solid rgba(255,255,255,0.06)}
.content-section{padding:70px 0}
.section h2,.content-section h2{font-size:2.2rem;font-weight:700;letter-spacing:0.02em;margin-bottom:20px}
.mini{font-size:0.85rem;letter-spacing:0.08rem;text-transform:uppercase;color:rgba(240,240,250,0.6)}

/* Grids & Columns */
.cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px}
.three{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.split{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.quote-grid,.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:28px}

/* Cards */
.card{background:var(--color-ghost-bg);border:1px solid rgba(255,255,255,0.1);border-radius:14px;padding:32px;transition:transform .3s,box-shadow .3s,border-color .3s}
.card:hover{transform:translateY(-4px);border-color:var(--color-ghost-border);box-shadow:0 10px 30px rgba(0,0,0,0.5)}
.card h3{font-size:1.25rem;margin-bottom:12px}
.card p{color:rgba(240,240,250,0.75);font-size:0.98rem}
.abn-card{background:rgba(240,240,250,0.05);border:1px solid var(--color-ghost-border);border-radius:14px;padding:28px}
.abn{font-size:0.9rem;letter-spacing:0.08rem;color:rgba(240,240,250,0.7)}

/* Lists & Steps */
.check-list,.steps-list,.contact-list{list-style:none;padding:0;margin:0}
.check-list li{position:relative;padding-left:32px;margin-bottom:14px;color:rgba(240,240,250,0.85)}
.check-list li::before{content:"\2713";position:absolute;left:0;top:0;color:var(--color-white);font-weight:700}
.steps-list{counter-reset:step}
.steps-list li{position:relative;padding-left:56px;margin-bottom:28px;counter-increment:step}
.steps-list li::before{content:counter(step,decimal-leading-zero);position:absolute;left:0;top:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:1px solid var(--color-ghost-border);border-radius:50%;font-weight:700;font-size:0.9rem;background:var(--color-ghost-bg)}
.steps-list li strong{display:block;margin-bottom:6px;font-size:1.1rem}

/* Asides & Quotes */
.aside-note,.quote-aside{background:var(--color-ghost-bg);border-left:3px solid var(--color-ghost-border);padding:24px;border-radius:0 12px 12px 0;color:rgba(240,240,250,0.85);font-size:0.95rem;margin:24px 0}
.quote-aside{font-style:italic}
.quote-aside cite{display:block;margin-top:12px;font-style:normal;font-size:0.85rem;color:rgba(240,240,250,0.6)}
.reassurance{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;padding:40px 0;border-top:1px solid rgba(255,255,255,0.08)}
.reassurance span{font-size:0.85rem;text-transform:uppercase;letter-spacing:0.12rem;color:rgba(240,240,250,0.6)}

/* Forms */
.quote-section,.contact-section{padding:90px 0}
.quote-form-wrap,.contact-form-wrap{background:rgba(240,240,250,0.04);border:1px solid rgba(255,255,255,0.1);border-radius:16px;padding:40px}
.quote-form,.contact-form{display:grid;gap:18px}
.quote-form label,.contact-form label{font-size:0.85rem;text-transform:uppercase;letter-spacing:0.1rem;color:rgba(240,240,250,0.7)}
.quote-form input,.quote-form select,.quote-form textarea,.contact-form input,.contact-form select,.contact-form textarea{width:100%;padding:14px 16px;background:rgba(0,0,0,0.4);border:1px solid var(--color-ghost-border);border-radius:8px;color:var(--color-white);font-family:var(--font-family);font-size:1rem}
.quote-form input:focus,.quote-form select:focus,.quote-form textarea:focus,.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{outline:none;border-color:#ffffff;box-shadow:0 0 0 2px rgba(240,240,250,0.15)}
.form-note,.fineprint{font-size:0.8rem;color:rgba(240,240,250,0.55);line-height:1.5}
.contact-alt{margin-top:16px;font-size:0.95rem;color:rgba(240,240,250,0.75)}
.contact-alt a{color:var(--color-white);text-decoration:underline}
.contact-details{display:grid;gap:14px;font-size:0.98rem;color:rgba(240,240,250,0.8)}
.contact-details strong{color:var(--color-white)}
.contact-faq{margin-top:40px}
.faq-item{border-bottom:1px solid rgba(255,255,255,0.1);padding:20px 0}
.faq-item h3{font-size:1.05rem;margin-bottom:8px}
.faq-item p{color:rgba(240,240,250,0.75);font-size:0.95rem}

/* CTA */
.cta,.section-cta{padding:80px 0;text-align:center;background:radial-gradient(ellipse at center,rgba(240,240,250,0.06) 0%,rgba(0,0,0,0) 70%),rgba(240,240,250,0.02)}
.cta-band,.cta-box{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px;background:var(--color-ghost-bg);border:1px solid var(--color-ghost-border);border-radius:16px;padding:40px;margin:40px auto;max-width:1100px}
.cta-actions,.cta-buttons{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-top:32px}

/* Process */
.process{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:32px;margin-top:40px}

/* Footer */
.site-footer{background-color:#0a0a0f;border-top:1px solid rgba(255,255,255,0.1);color:var(--color-white);padding:60px 0 30px;margin-top:auto}
.footer-inner{max-width:1200px;margin:0 auto;padding:0 20px}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;margin-bottom:40px}
.footer-brand .brand-text{font-size:1.1rem}
.footer-brand p{color:rgba(240,240,250,0.6);font-size:0.9rem;margin-top:12px;max-width:320px}
.footer-heading{font-size:0.85rem;text-transform:uppercase;letter-spacing:0.15rem;margin-bottom:16px;color:var(--color-white)}
.footer-col ul{list-style:none;padding:0;margin:0}
.footer-links{display:flex;flex-direction:column;gap:10px}
.footer-link{color:rgba(240,240,250,0.65);font-size:0.9rem;transition:color .3s}
.footer-link:hover{color:#ffffff}
.footer-bottom{border-top:1px solid rgba(255,255,255,0.08);padding-top:24px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;font-size:0.8rem;color:rgba(240,240,250,0.5)}
.footer-bottom p{margin:0}

/* Ghost utility */
.ghost{color:transparent;-webkit-text-stroke:1px rgba(240,240,250,0.5)}

/* Responsive */
@media (max-width:900px){
.split,.quote-grid,.contact-grid{grid-template-columns:1fr}
.three{grid-template-columns:1fr}
.footer-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:600px){
.section,.content-section,.quote-section,.contact-section,.cta,.section-cta{padding:60px 0}
.cards,.cols{grid-template-columns:1fr}
.cta-band,.cta-box{flex-direction:column;text-align:center}
.footer-grid{grid-template-columns:1fr}
.quote-form-wrap,.contact-form-wrap{padding:24px}
}

.alt {
    background-color: rgba(240, 240, 250, 0.04);
    border-top: 1px solid rgba(240, 240, 250, 0.12);
    border-bottom: 1px solid rgba(240, 240, 250, 0.12);
    color: var(--color-white);
}
.alt a {
    color: rgba(240, 240, 250, 0.75);
    text-decoration: none;
    transition: color 0.3s;
}
.alt a:hover {
    color: #ffffff;
}
.alt .ghost-btn {
    background-color: transparent;
    border-color: rgba(240, 240, 250, 0.5);
}
.alt .ghost-btn:hover {
    background-color: rgba(240, 240, 250, 0.9);
    color: var(--color-black);
    box-shadow: 0 5px 15px rgba(240, 240, 250, 0.15);
}
@media (max-width: 768px) {
    .alt {
        padding-left: 5%;
        padding-right: 5%;
    }
}