:root{
                --bg: #070707;
                --panel: #0f0f0f;
                --panel2: #121212;
                --text: #ffffff;
                --muted: #a3a3a3;
                --muted2: #7a7a7a;
                --line: #2a2a2a;
                --line2: #3a3a3a;
                --accent: #0070f3;
                --good: #00ff88;
                --shadow: 0 12px 30px rgba(0,0,0,.35);
                --radius: 14px;
            }

            * { margin: 0; padding: 0; box-sizing: border-box; }
            html { scroll-behavior: smooth; }
            body{
                font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
                background:
                    radial-gradient(900px 500px at 10% 5%, rgba(0,112,243,.18), transparent 50%),
                    radial-gradient(800px 450px at 90% 15%, rgba(0,255,136,.10), transparent 55%),
                    radial-gradient(700px 400px at 50% 95%, rgba(255,255,255,.06), transparent 60%),
                    var(--bg);
                color: var(--text);
                line-height: 1.6;
                min-height: 100vh;
                display: flex;
                flex-direction: column;
            }

            a { color: inherit; }
            .container { max-width: 1100px; margin: 0 auto; padding: 0 1.5rem; width: 100%; }

            header{
                position: sticky;
                top: 0;
                z-index: 10;
                backdrop-filter: blur(10px);
                background: rgba(7,7,7,.65);
                border-bottom: 1px solid rgba(42,42,42,.8);
            }

            nav{
                display: flex;
                align-items: center;
                justify-content: space-between;
                gap: 1rem;
                padding: 1rem 0;
            }

            .brand{
                display: flex;
                align-items: center;
                gap: .75rem;
                text-decoration: none;
            }
            .brand-badge{
                width: 34px; height: 34px;
                border-radius: 10px;
                background: linear-gradient(135deg, rgba(0,112,243,.95), rgba(255,255,255,.18));
                border: 1px solid rgba(255,255,255,.10);
                box-shadow: var(--shadow);
            }
            .brand-text{
                display: flex; flex-direction: column;
                line-height: 1.1;
            }
            .brand-text strong{ font-size: 1rem; font-weight: 700; letter-spacing: .2px; }
            .brand-text span{ font-size: .82rem; color: var(--muted2); }

            .nav-links{
                display: flex;
                gap: .4rem;
                flex-wrap: wrap;
                justify-content: flex-end;
            }
            .nav-links a{
                text-decoration: none;
                color: var(--muted);
                padding: .5rem .75rem;
                border-radius: 10px;
                transition: all .2s ease;
                font-size: .9rem;
                font-weight: 600;
                border: 1px solid transparent;
            }
            .nav-links a:hover{
                color: var(--text);
                background: rgba(255,255,255,.06);
                border-color: rgba(255,255,255,.08);
            }

            main{ flex: 1; padding: 2.2rem 0 3.25rem; }

            .hero{
                padding: 3.25rem 0 2.25rem;
                text-align: center;
            }

            .status{
                display: inline-flex;
                align-items: center;
                gap: .55rem;
                background: rgba(0,112,243,.18);
                border: 1px solid rgba(0,112,243,.35);
                color: var(--text);
                padding: .35rem .75rem;
                border-radius: 999px;
                font-size: .82rem;
                font-weight: 700;
                margin-bottom: 1.1rem;
            }
            .dot{
                width: 7px; height: 7px;
                border-radius: 999px;
                background: var(--good);
                box-shadow: 0 0 14px rgba(0,255,136,.55);
            }

            h1{
                font-size: clamp(2rem, 3.6vw, 3.1rem);
                font-weight: 800;
                letter-spacing: -0.02em;
                margin-bottom: .75rem;
                background: linear-gradient(90deg, #ffffff 0%, #cfcfcf 40%, #8a8a8a 100%);
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
                background-clip: text;
            }

            .subtitle{
                max-width: 850px;
                margin: 0 auto 1.4rem;
                color: var(--muted);
                font-size: clamp(1.03rem, 1.25vw, 1.2rem);
            }

            .cta-row{
                display: flex;
                gap: .75rem;
                justify-content: center;
                flex-wrap: wrap;
                margin-top: 1.35rem;
            }
            .btn{
                display: inline-flex;
                align-items: center;
                gap: .55rem;
                text-decoration: none;
                padding: .75rem 1rem;
                border-radius: 12px;
                font-weight: 800;
                border: 1px solid rgba(255,255,255,.12);
                background: rgba(255,255,255,.06);
                transition: all .2s ease;
            }
            .btn:hover{ transform: translateY(-1px); border-color: rgba(255,255,255,.22); background: rgba(255,255,255,.09); }
            .btn.primary{
                background: linear-gradient(135deg, rgba(0,112,243,.95), rgba(0,112,243,.55));
                border-color: rgba(0,112,243,.65);
                box-shadow: 0 10px 25px rgba(0,112,243,.18);
            }
            .btn.primary:hover{ border-color: rgba(0,112,243,.9); }

            .section{
                margin-top: 2rem;
            }
            .section h2{
                font-size: 1.15rem;
                font-weight: 900;
                letter-spacing: .2px;
                margin-bottom: .9rem;
                color: #f2f2f2;
            }
            .section p.lead{
                color: var(--muted);
                margin-bottom: 1.2rem;
                max-width: 900px;
            }

            .grid{
                display: grid;
                grid-template-columns: repeat(12, 1fr);
                gap: 1rem;
            }
            .card{
                grid-column: span 6;
                background: linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02));
                border: 1px solid rgba(255,255,255,.10);
                border-radius: var(--radius);
                padding: 1.2rem;
                box-shadow: var(--shadow);
                transition: transform .18s ease, border-color .18s ease;
            }
            .card:hover{ transform: translateY(-2px); border-color: rgba(255,255,255,.18); }
            .card h3{
                font-size: 1.05rem;
                font-weight: 900;
                margin-bottom: .5rem;
                color: #fff;
            }
            .card p{
                color: var(--muted);
                font-size: .95rem;
                margin-bottom: .75rem;
            }
            .bullets{
                margin-top: .25rem;
                padding-left: 1.05rem;
                color: var(--muted);
                font-size: .95rem;
            }
            .bullets li{ margin: .3rem 0; }

            .chips{
                display: flex;
                flex-wrap: wrap;
                gap: .5rem;
                margin-top: .75rem;
            }
            .chip{
                font-size: .82rem;
                font-weight: 800;
                color: #eaeaea;
                border: 1px solid rgba(255,255,255,.12);
                background: rgba(0,0,0,.25);
                padding: .35rem .55rem;
                border-radius: 999px;
            }

            .split{
                display: grid;
                grid-template-columns: 1.1fr .9fr;
                gap: 1rem;
                align-items: stretch;
            }
            .panel{
                background: rgba(0,0,0,.25);
                border: 1px solid rgba(255,255,255,.10);
                border-radius: var(--radius);
                padding: 1.2rem;
                box-shadow: var(--shadow);
            }
            .panel h3{ font-size: 1.05rem; font-weight: 900; margin-bottom: .4rem; }
            .panel p{ color: var(--muted); }

            .contact-box{
                display: flex;
                flex-direction: column;
                gap: .75rem;
                margin-top: .75rem;
            }
            .contact-row{
                display: flex;
                justify-content: space-between;
                gap: .75rem;
                flex-wrap: wrap;
                padding: .85rem 1rem;
                border-radius: 12px;
                border: 1px solid rgba(255,255,255,.10);
                background: rgba(255,255,255,.04);
            }
            .contact-row .label{ color: var(--muted2); font-size: .85rem; font-weight: 800; text-transform: uppercase; letter-spacing: .06em; }
            .contact-row a{ text-decoration: none; font-weight: 900; }
            .contact-row a:hover{ text-decoration: underline; }

            /* Contact form */
            .contact-form .field label{
                display: block;
                color: var(--muted2);
                font-size: .85rem;
                font-weight: 800;
                text-transform: uppercase;
                letter-spacing: .06em;
                margin-bottom: .35rem;
            }
            .contact-form input,
            .contact-form textarea{
                width: 100%;
                padding: .75rem .9rem;
                border-radius: 12px;
                border: 1px solid rgba(255,255,255,.12);
                background: rgba(0,0,0,.28);
                color: var(--text);
                outline: none;
            }
            .contact-form textarea{ resize: vertical; min-height: 140px; }
            .contact-form input:focus,
            .contact-form textarea:focus{
                border-color: rgba(0,112,243,.7);
                box-shadow: 0 0 0 3px rgba(0,112,243,.18);
            }
            .form-grid{
                display: grid;
                grid-template-columns: 1fr 1fr;
                gap: 1rem;
            }
            .form-status{ margin-top: .85rem; font-weight: 800; color: var(--muted); }
            .form-status.ok{ color: var(--good); }
            .form-status.err{ color: #ff6b6b; }

            /* Honeypot hidden from humans */
            .hp{ position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; }

            button.btn{ cursor: pointer; }
            button.btn:disabled{ opacity: .6; cursor: not-allowed; transform: none; }

            footer{
                border-top: 1px solid rgba(42,42,42,.8);
                padding: 1.5rem 0;
                color: var(--muted2);
                font-size: .9rem;
            }

            @media (max-width: 900px){
                .card{ grid-column: span 12; }
                .split{ grid-template-columns: 1fr; }
            }

            @media (max-width: 700px){
                .form-grid{ grid-template-columns: 1fr; }
            }