:root{color-scheme:dark;--bg:#101332;--text:#f5f4ff;--muted:#c3c3d8;--gold:#f0d48a;--line:rgba(219,218,255,.17)}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 80% 0%,#30234f 0,transparent 52%),var(--bg);color:var(--text);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.75}a{color:inherit;text-underline-offset:5px}a:hover{color:var(--gold)}a:focus-visible,select:focus-visible{outline:3px solid var(--gold);outline-offset:5px}img{display:block}.shell{width:min(1120px,calc(100% - 64px));margin:auto}.header{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-block:26px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:17px;font-weight:750}.brand img{border-radius:13px;box-shadow:0 5px 20px #0003}.header-actions{display:flex;align-items:center;gap:26px;font-size:14px}.header-actions>a{text-decoration:none}select{max-width:100%;background:#181936;color:var(--text);border:1px solid var(--line);border-radius:24px;font:inherit;padding:9px 13px}.intro{padding:72px 0 46px;max-width:790px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.15em;color:var(--gold);margin:0 0 12px}h1{font-size:clamp(40px,6vw,64px);line-height:1.18;letter-spacing:-.04em;margin:0 0 24px}h2{font-size:25px;line-height:1.5;margin:0 0 16px}.lead{font-size:clamp(20px,3vw,25px);line-height:1.6;margin:0 0 16px}.intro-copy{color:var(--muted);font-size:16px;max-width:740px;margin:0}.content-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:24px}.panel{padding:34px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(145deg,#ffffff08,#ffffff03)}.muted{color:var(--muted);margin:0;font-size:15px}.company h2{font-size:24px;overflow-wrap:anywhere}dl{margin:30px 0 0}dl>div{padding:16px 0;border-top:1px solid var(--line)}dl>div:last-child{padding-bottom:0}dt{font-size:12px;color:var(--muted);margin-bottom:5px}dd{margin:0;font-size:15px;overflow-wrap:anywhere}dd a{color:var(--text)}.product-icon{border-radius:20px;margin-bottom:23px;box-shadow:0 12px 30px #0003}.product h2{margin-bottom:4px}.product-tagline{margin:0 0 18px;color:var(--gold);font-size:14px}.button{display:inline-block;margin-top:24px;padding:10px 19px;border:1px solid var(--line);border-radius:24px;text-decoration:none;font-size:14px;font-weight:650}.button:hover{background:#ffffff08}.contact{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:42px 0 50px}.contact h2{font-size:21px;margin-bottom:8px}.contact-link{font-size:16px;overflow-wrap:anywhere}.footer{padding:25px 0 30px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:12px}.footer nav{display:flex;flex-wrap:wrap;gap:22px}.footer p{margin:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;left:16px;top:-80px;z-index:3;background:var(--bg);padding:10px}.skip-link:focus{top:8px}
@media(max-width:760px){.shell{width:calc(100% - 36px)}.header{padding-block:20px;gap:14px;flex-wrap:wrap}.brand{font-size:15px}.brand img{width:38px;height:38px}.header-actions{gap:14px;font-size:12px}.intro{padding:42px 0 30px}.content-grid{grid-template-columns:1fr;gap:18px}.panel{padding:25px;border-radius:18px}.contact{align-items:flex-start;flex-direction:column;gap:20px;padding:32px 0}.footer{flex-direction:column;gap:16px}.company h2{font-size:22px}}

/* Keep the header brand and language control consistent with the homepage. */
.header .brand {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    color: #ffffff;
    font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", sans-serif;
    font-size: 1.08rem;
    font-weight: 750;
    line-height: normal;
    letter-spacing: 0.015em;
    text-decoration: none;
    text-shadow: 0 2px 12px rgba(0, 0, 0, 0.35);
}

.header .brand img {
    width: 44px;
    height: 44px;
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 12px;
    box-shadow: 0 7px 24px rgba(0, 0, 0, 0.28);
}

.language-control {
    position: relative;
    line-height: normal;
}

.language-control::after {
    position: absolute;
    top: 50%;
    right: 14px;
    width: 7px;
    height: 7px;
    border-right: 1.5px solid rgba(255, 255, 255, 0.88);
    border-bottom: 1.5px solid rgba(255, 255, 255, 0.88);
    content: "";
    pointer-events: none;
    transform: translateY(-70%) rotate(45deg);
}

.language-control select {
    min-height: 42px;
    padding: 0 38px 0 16px;
    border: 1px solid rgba(255, 255, 255, 0.25);
    border-radius: 999px;
    appearance: none;
    background: rgba(5, 11, 42, 0.48);
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.14);
    color: #ffffff;
    font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", sans-serif;
    font-size: 0.88rem;
    font-weight: 400;
    line-height: normal;
    letter-spacing: normal;
    cursor: pointer;
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
}

.language-control select:focus-visible {
    outline: 3px solid #f4c968;
    outline-offset: 4px;
}

.language-control select option {
    background: #111b50;
}

@media (max-width: 700px) {
    .header .brand {
        gap: 9px;
        font-size: 0.92rem;
    }

    .header .brand img {
        width: 38px;
        height: 38px;
        border-radius: 10px;
    }

    .language-control select {
        max-width: 122px;
        min-height: 40px;
        padding-left: 13px;
        font-size: 0.8rem;
    }
}

@media (max-width: 410px) {
    .header .brand span {
        max-width: 105px;
        line-height: 1.08;
    }
}
