:root { color-scheme: dark; --night:#0c1018; --dark:#111722; --panel:#171e2a; --line:#303846; --ivory:#f4f1eb; --muted:#adb6c4; --orange:#f15a42; --orangeHover:#ff7159; }
    *,*::before,*::after { box-sizing: border-box; }
    html { scroll-behavior:smooth; }
    body { margin:0; font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; background:var(--night); color:var(--ivory); line-height:1.6; }
    a { color:inherit; }
    a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible { outline:3px solid #ffd3c9; outline-offset:4px; }
    .wrap { width:min(1160px, calc(100% - 48px)); margin-inline:auto; }
    .skip { position:absolute; left:15px; top:-100px; background:var(--orange); color:#111; padding:8px 14px; z-index:10; }
    .skip:focus { top:10px; }
    .top { position:relative; z-index:2; border-bottom:1px solid #ffffff20; }
    .top-inner { display:flex; align-items:center; justify-content:space-between; gap:20px; min-height:90px; }
    .logo { display:inline-flex; align-items:center; gap:13px; text-decoration:none; letter-spacing:-.02em; }
    .logo-icon { display:flex; gap:4px; align-items:end; height:27px; transform:skew(-12deg); }
    .logo-icon span { width:7px; background:var(--orange); display:block; }
    .logo-icon span:nth-child(1) { height:13px; }
    .logo-icon span:nth-child(2) { height:23px; }
    .logo-icon span:nth-child(3) { height:18px; }
    .logo-type { display:flex; flex-direction:column; line-height:1; }
    .logo-type strong { font-size:21px; font-weight:900; letter-spacing:-.035em; }
    .logo-type small { font-size:9px; letter-spacing:.29em; font-weight:800; margin-top:6px; }
    nav { display:flex; align-items:center; gap:32px; }
    nav a { text-decoration:none; font-size:13px; font-weight:800; letter-spacing:.04em; text-transform:uppercase; }
    nav a:hover { color:var(--orange); }
    nav .nav-cta { border:1px solid #ffffff55; border-radius:3px; padding:11px 17px; }
    nav .nav-cta:hover { border-color:var(--orange); }
    .hero { position:relative; overflow:hidden; background:radial-gradient(ellipse at 78% 50%, #243044 0, #151b27 36%, #0c1018 76%); }
    .hero:before { content:""; position:absolute; inset:0; background-image:linear-gradient(#ffffff06 1px, transparent 1px),linear-gradient(90deg,#ffffff06 1px,transparent 1px); background-size:42px 42px; mask-image:linear-gradient(to right,transparent 15%,black); pointer-events:none; }
    .hero-grid { position:relative; display:grid; grid-template-columns:1.1fr .9fr; align-items:center; gap:42px; padding-block:112px 128px; }
    .eyebrow { display:flex; align-items:center; gap:10px; color:#d8dde5; font-size:12px; font-weight:850; letter-spacing:.17em; text-transform:uppercase; margin-bottom:22px; }
    .eyebrow:before { content:""; width:9px; height:9px; background:var(--orange); border-radius:50%; box-shadow:0 0 0 5px #f15a4224; }
    h1,h2,h3,p { margin-top:0; }
    h1,h2,h3 { line-height:1.04; }
    h1 { font-size:clamp(56px,7.3vw,103px); font-weight:950; text-transform:uppercase; letter-spacing:-.065em; margin-bottom:24px; }
    h1 span { color:var(--orange); }
    .lead { color:#c3cbd6; font-size:clamp(17px,1.6vw,21px); max-width:540px; line-height:1.5; margin-bottom:32px; }
    .btn { display:inline-flex; align-items:center; justify-content:center; gap:16px; background:var(--orange); color:#11141a; font:900 13px/1.2 inherit; font-size:13px; font-weight:900; text-transform:uppercase; text-decoration:none; letter-spacing:.05em; border:0; border-radius:3px; padding:17px 24px; cursor:pointer; transition:background .18s, transform .18s; }
    .btn:hover { background:var(--orangeHover); transform:translateY(-1px); }
    .hero-card { position:relative; isolation:isolate; min-height:345px; border:1px solid #ffffff30; padding:15px; transform:rotate(2deg); background:#1b2330; box-shadow:24px 26px 0 #070a0d9e; }
    .hero-card:before { content:""; position:absolute; inset:15px; background:radial-gradient(circle at 70% 70%,#812d2a7f, transparent 45%),linear-gradient(135deg,#131822,#252d3b); z-index:-1; }
    .hero-card-inner { height:100%; min-height:312px; padding:24px; display:flex; flex-direction:column; justify-content:space-between; border:1px solid #ffffff29; }
    .hero-card-top,.hero-card-bottom { color:#d2d7e0; letter-spacing:.13em; text-transform:uppercase; font-size:11px; font-weight:800; }
    .play { width:54px; height:54px; border-radius:50%; display:grid; place-items:center; background:var(--orange); color:#10131b; font-size:19px; padding-left:4px; margin-bottom:14px; }
    .hero-card h2 { font-size:clamp(38px,4.5vw,61px); font-weight:950; text-transform:uppercase; letter-spacing:-.045em; margin:0; }
    .hero-card h2 span { color:var(--orange); }
    .rule { height:4px; width:70px; background:var(--orange); margin-bottom:15px; }
    section { scroll-margin-top:15px; }
    .services { background:#f2f0eb; color:#101721; padding-block:92px 104px; }
    .section-kicker { color:#b44434; font-size:12px; font-weight:900; text-transform:uppercase; letter-spacing:.16em; margin-bottom:14px; }
    .section-title { font-size:clamp(42px,5vw,66px); font-weight:950; text-transform:uppercase; letter-spacing:-.055em; margin-bottom:38px; }
    .cards { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
    .card { background:white; border:1px solid #dce0e1; padding:32px 27px 30px; border-radius:3px; min-height:300px; }
    .card-icon { display:flex; align-items:center; justify-content:center; background:#f7e8e4; width:52px; height:52px; border-radius:4px; margin-bottom:34px; }
    .card-icon svg { width:30px; height:30px; stroke:#df523d; stroke-width:2; fill:none; stroke-linecap:round; stroke-linejoin:round; }
    .card h3 { font-size:26px; text-transform:uppercase; font-weight:900; letter-spacing:-.045em; margin-bottom:12px; }
    .card p { color:#4e5966; font-size:15px; line-height:1.65; margin-bottom:0; }
    .about { background:#131b26; border-top:1px solid #ffffff15; padding-block:72px; }
    .about-grid { display:grid; grid-template-columns:.85fr 1.15fr; gap:100px; align-items:center; }
    .about h2 { font-size:clamp(34px,3.4vw,50px); letter-spacing:-.04em; text-transform:uppercase; margin:0; }
    .about p { color:#bec7d2; font-size:18px; line-height:1.7; margin:0; }
    .contact { padding-block:88px 104px; }
    .contact-grid { display:grid; grid-template-columns:.8fr 1.2fr; gap:95px; align-items:start; }
    .contact .section-title { margin-bottom:20px; }
    .contact-copy { color:#b8c2d0; max-width:340px; }
    form { background:#151c29; border:1px solid #ffffff22; padding:34px; border-radius:4px; }
    form label { display:block; font-weight:800; font-size:12px; letter-spacing:.06em; text-transform:uppercase; margin-bottom:8px; }
    input, textarea { display:block; width:100%; background:#0e131c; color:#fff; border:1px solid #434c59; border-radius:3px; font:inherit; padding:13px 14px; }
    input::placeholder,textarea::placeholder { color:#8290a1; }
    textarea { min-height:140px; resize:vertical; }
    .field { margin-bottom:21px; }
    form button { width:100%; margin-top:3px; }
    .fine { font-size:12px; color:#95a1b0; margin:15px 0 0; }
    .hidden { display:none; }
    footer { border-top:1px solid #ffffff20; padding-block:24px; }
    footer .wrap { display:flex; justify-content:space-between; gap:20px; color:#8994a2; font-size:13px; }
    footer a { text-decoration:none; }
    footer a:hover { color:white; }
    @media(max-width:920px) { .hero-grid { grid-template-columns:1fr; padding-block:80px; } .hero-card { max-width:560px; } .about-grid,.contact-grid { gap:35px; } .cards { gap:12px; } .card { padding:26px 21px; } }
    @media(max-width:680px) { .wrap { width:min(100% - 34px,1160px); } .top-inner { min-height:74px; } .logo-type strong { font-size:18px; } nav { gap:15px; } nav a { font-size:11px; } nav a:first-child { display:none; } nav .nav-cta { padding:8px 10px; } .hero-grid { gap:56px; padding-block:62px 78px; } h1 { font-size:clamp(54px,13vw,84px); } .hero-card { min-height:288px; box-shadow:13px 14px 0 #070a0d9e; } .hero-card-inner { min-height:258px; } .hero-card h2 { font-size:45px; } .services,.contact { padding-block:65px 75px; } .cards,.about-grid,.contact-grid { grid-template-columns:1fr; } .card { min-height:auto; } .card-icon { margin-bottom:22px; } .about { padding-block:58px; } form { padding:22px; } footer .wrap { flex-direction:column; gap:8px; } }
    @media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } *, *::before,*::after { transition:none !important; } }
    /* Shared site completion styles */
    .nav-cta[aria-current="page"] { background:var(--orange); border-color:var(--orange); color:#10141a; }
    .nav-standard[aria-current="page"] { color:var(--orange); }
    .home-cta { padding-block:88px 92px; background:radial-gradient(ellipse at 90% 50%, #2b2529 0%,#151b26 50%, #0c1018 100%); border-top:1px solid #ffffff1b; }
    .home-cta-grid { display:flex; align-items:center; justify-content:space-between; gap:40px; }
    .home-cta h2 { font-size:clamp(36px,4.5vw,60px); max-width:590px; text-transform:uppercase; letter-spacing:-.055em; line-height:1.03; margin:0; }
    .home-cta h2 span { color:var(--orange); }
    .home-cta p { color:#b8c2d0; font-size:17px; margin:14px 0 0; max-width:570px; }
    .home-cta .btn { flex-shrink:0; }
    .contact-intro { position:relative; overflow:hidden; border-bottom:1px solid #ffffff1e; background:radial-gradient(ellipse at 80% 100%, #273344,transparent 53%), #0e141e; padding:84px 0 66px; }
    .contact-intro:after { content:""; position:absolute; right:-8%; bottom:-100px; height:400px; width:400px; border:1px solid #f15a4238; border-radius:50%; pointer-events:none; }
    .contact-intro h1 { font-size:clamp(48px,6.2vw,88px); max-width:900px; margin-bottom:19px; }
    .contact-intro h1 span { color:var(--orange); }
    .contact-intro .lead { margin:0; max-width:680px; }
    .contact-main { padding:74px 0 94px; }
    .contact-aside { padding-top:12px; }
    .contact-aside h2 { font-size:clamp(31px,3.2vw,46px); text-transform:uppercase; letter-spacing:-.05em; margin-bottom:15px; }
    .contact-aside > p { color:#b8c2d0; font-size:17px; margin-bottom:40px; }
    .detail { border-top:1px solid #ffffff24; padding:22px 0; }
    .detail-title { text-transform:uppercase; letter-spacing:.14em; font-weight:850; color:var(--orange); font-size:11px; margin-bottom:9px; }
    .detail a { text-decoration:none; font-weight:750; overflow-wrap:anywhere; }
    .detail a:hover { color:var(--orange); }
    .detail address { font-style:normal; line-height:1.7; }
    .input-grid { display:grid; grid-template-columns:1fr 1fr; gap:18px; }
    form select { display:block; width:100%; background:#0e131c; color:#fff; border:1px solid #434c59; border-radius:3px; font:inherit; padding:13px 14px; min-height:51px; }
    form select:focus-visible { outline:3px solid #ffd3c9; outline-offset:4px; }
    .bot-field { position:absolute !important; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
    .privacy-note { max-width:620px; }
    .success-layout { min-height:calc(100vh - 180px); display:flex; flex-direction:column; justify-content:center; padding-block:125px; }
    .success-layout h1 { font-size:clamp(45px,6.8vw,92px); margin:0 0 20px; }
    .success-layout h1 span { color:var(--orange); }
    .success-layout p { color:#c3cbd6; max-width:630px; font-size:19px; margin-bottom:32px; }
    .success-layout .btn { align-self:flex-start; }
    footer .wrap { align-items:center; }
    .footer-links { display:flex; gap:24px; flex-wrap:wrap; }
    @media(max-width:920px) { .home-cta-grid { align-items:flex-start; flex-direction:column; gap:26px; } }
    @media(max-width:680px) { .contact-intro { padding:65px 0 48px; } .contact-main { padding:45px 0 70px; } .input-grid { grid-template-columns:1fr; gap:0; } .home-cta { padding-block:65px; } .success-layout { min-height:70vh; padding-block:90px; } .footer-links { gap:14px; } }
