:root { color-scheme: light; font-family: Arial, Helvetica, sans-serif; background: #ffffff; color: #232323; }
    * { box-sizing: border-box; }
    body { margin: 0; min-height: 100svh; background: radial-gradient(ellipse at 75% 35%, #dceff9, transparent 56%), #ffffff; }
    .page { min-height: 100svh; display: flex; flex-direction: column; padding: 38px 6vw 26px; overflow: hidden; position: relative; }
    header { display: flex; align-items: center; gap: 12px; font-size: 1rem; font-weight: 700; letter-spacing: .04em; }
    .company-logo { display: block; width: 350px; max-width: 100%; height: auto; background: white; padding: 10px 14px; border-radius: 4px; }
    main { flex: 1; display: grid; grid-template-columns: 1.2fr 1fr; align-items: center; gap: 3vw; padding: 80px 0; }
    .eyebrow { margin: 0 0 30px; font-size: .875rem; letter-spacing: .22em; text-transform: uppercase; color: #52677a; }
    h1 { font-size: clamp(3.2rem, 7.9vw, 8.5rem); letter-spacing: -.065em; line-height: 1.04; margin: 0; font-weight: 700; }
    h1 span { color: #007fad; }
    .soon { margin: 28px 0 0; font-size: clamp(1.65rem, 3vw, 2.5rem); font-weight: 400; letter-spacing: -.035em; color: #4f6171; }
    .rule { height: 2px; width: 64px; background: #007fad; margin-top: 40px; }
    .graphic { position: relative; aspect-ratio: 1; width: 100%; max-width: 510px; justify-self: center; background: radial-gradient(circle at 50% 50%, #173f59, #091b2c 75%); border-radius: 28px; box-shadow: 0 20px 50px #12334b20; }
    .ring { position: absolute; border: 1px solid #73d8ec35; border-radius: 50%; inset: 5%; }
    .ring:nth-child(2) { inset: 20%; border-color: #73d8ec55; }
    .ring:nth-child(3) { inset: 35%; border-color: #73d8ec75; }
    .axis { position: absolute; top: 50%; left: 5%; width: 90%; height: 1px; background: linear-gradient(90deg, transparent, #73d8ec55, transparent); }
    .axis.second { transform: rotate(60deg); }
    .axis.third { transform: rotate(-60deg); }
    .core { position: absolute; inset: 44%; border: 1px solid #9aeefa; background: #73d8ec29; border-radius: 50%; box-shadow: 0 0 65px #73d8ec55, inset 0 0 24px #73d8ec35; }
    .orbit { position: absolute; inset: 5%; animation: orbit 65s linear infinite; }
    .orbit::before, .orbit::after { content: ''; position: absolute; width: 9px; height: 9px; background: #8deafa; box-shadow: 0 0 18px #8deafa; border-radius: 50%; left: calc(50% - 4px); top: -4px; }
    .orbit::after { top: auto; bottom: -4px; background: #81b9ff; }
    .orbit.inner { inset: 20%; animation-direction: reverse; animation-duration: 48s; transform: rotate(60deg); }
    .orbit.inner::after { display: none; }
    footer { display: flex; justify-content: space-between; gap: 24px; color: #5b6b7b; font-size: .8125rem; line-height: 1.6; border-top: 1px solid #dbe5ed; padding-top: 22px; }
    footer p { margin: 0; }
    @keyframes orbit { to { transform: rotate(360deg); } }
    @media (prefers-reduced-motion: reduce) { .orbit { animation: none; } }
    @media (max-width: 700px) { .page { padding: 28px 7vw 22px; } main { grid-template-columns: 1fr; padding: 70px 0 45px; gap: 35px; } h1 { font-size: clamp(3rem, 11vw, 5rem); } .graphic { width: min(76vw, 340px); } .eyebrow { margin-bottom: 22px; } .soon { margin-top: 22px; } .rule { margin-top: 28px; } footer { flex-wrap: wrap; gap: 6px; } }
  
main{width:100%;max-width:1500px;margin:auto}.intro{max-width:760px}.description{max-width:530px;color:#52677a;line-height:1.65;font-size:18px}.button,button{display:inline-block;margin-top:12px;background:#007fad;color:white;border:0;border-radius:9px;padding:15px 26px;text-decoration:none;font:700 16px Arial,sans-serif;cursor:pointer}.button:hover,button:hover{background:#006789}.button:focus-visible,button:focus-visible{outline:3px solid #007fad;outline-offset:4px}.access-note{color:#52677a;font-size:13px;line-height:1.6;margin-top:20px}.workspace{grid-column:1/-1;width:100%}.workspace h1{font-size:clamp(2.5rem,5vw,4.5rem)}.workspace p{color:#52677a;line-height:1.65}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:22px;margin:35px 0}.card{background:#ffffffc9;border:1px solid #dbe5ed;border-radius:18px;padding:26px;box-shadow:0 10px 30px #12334b08}.card h2{font-size:24px;color:#173f59}.status{font-size:13px;color:#007fad}form{margin-top:26px}@media(max-width:700px){.description{font-size:16px}.workspace{min-width:0}.cards{grid-template-columns:1fr}}