:root {
    color-scheme: dark;
    --site-bg: #080d14;
    --site-panel: #101b28;
    --site-line: rgb(158 185 213 / .13);
    --site-text: #eef4fc;
    --site-muted: #91a2b7;
    --site-blue: #21baff;
    font-family: "Segoe UI", Inter, Arial, sans-serif;
    font-synthesis: none;
    text-rendering: optimizeLegibility;
    scroll-behavior: smooth;
    scroll-padding-top: 110px;
}
* { box-sizing: border-box; }
body { margin: 0; min-width: 320px; background: var(--site-bg); color: var(--site-text); -webkit-font-smoothing: antialiased; }
body.site-menu-open { overflow: hidden; }
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; }
button, summary, select { cursor: pointer; }
button { color: inherit; }
button, input, textarea, select, a, summary { -webkit-tap-highlight-color: transparent; }
:focus-visible { outline: 2px solid var(--site-blue); outline-offset: 5px; }
::selection { color: #fff; background: #157aac; }
img { display: block; max-width: 100%; }
svg { display: block; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
[hidden] { display: none !important; }
.site-container { width: min(1280px, calc(100% - 112px)); margin-inline: auto; }
.site-skip { position: fixed; z-index: 100; top: 10px; left: 16px; padding: 12px 18px; background: #fff; color: #080d14; border-radius: 8px; transform: translateY(-180%); }
.site-skip:focus { transform: translateY(0); }
.site-header { position: sticky; top: 0; z-index: 60; height: 96px; background: #080d14e8; border-bottom: 1px solid transparent; backdrop-filter: blur(20px); transition: border-color .2s, background .2s; }
.site-header.is-scrolled { background: #080d14f5; border-color: var(--site-line); }
.site-header-inner { height: 100%; display: flex; align-items: center; justify-content: space-between; gap: 32px; }
.site-logo { display: block; width: 235px; flex: 0 0 auto; }
.site-logo img { width: 100%; height: auto; }
.site-nav { display: flex; align-items: center; gap: 30px; font-size: 13px; font-weight: 500; }
.site-nav > a { padding: 12px 0; color: #b3c0d1; transition: color .2s; }
.site-nav > a:hover { color: #fff; }
.site-nav .site-login { display: flex; align-items: center; gap: 24px; margin-left: 12px; padding: 12px 18px; border: 1px solid #45769766; border-radius: 8px; color: #d6e9f8; background: #12233170; }
.site-login span { font-size: 18px; color: var(--site-blue); }
.site-menu-toggle { display: none; }
.site-hero { position: relative; overflow: hidden; isolation: isolate; padding: 76px 0 0; background: radial-gradient(ellipse at 78% 42%, #10335b55, transparent 54%); }
.site-hero-grid { position: absolute; z-index: -1; inset: 0; background-image: linear-gradient(#4a92b50a 1px, transparent 1px), linear-gradient(90deg, #4a92b50a 1px, transparent 1px); background-size: 72px 72px; mask-image: linear-gradient(90deg, transparent 25%, #000 85%); }
.site-hero-layout { display: grid; grid-template-columns: 1.08fr 1fr; align-items: center; gap: 48px; }
.site-eyebrow { display: inline-flex; align-items: center; gap: 11px; color: #67c7f1; font-size: 10px; font-weight: 650; letter-spacing: .17em; line-height: 1.8; }
.site-eyebrow i { width: 6px; height: 6px; border-radius: 50%; background: #28b7f5; box-shadow: 0 0 15px #23b7ff80; }
h1, h2, h3, h4, p { margin-top: 0; }
h1, h2, h3, h4 { font-weight: 600; letter-spacing: -.052em; }
h1 { margin: 27px 0 25px; font-size: clamp(58px, 5.5vw, 82px); line-height: 1.08; }
h1 em, h2 em { font-style: normal; color: #41c1fb; }
.site-hero-copy > p { max-width: 490px; color: #c0cddd; font-size: 19px; line-height: 1.65; margin-bottom: 16px; }
.site-hero-copy .site-hero-description { font-size: 14px; color: var(--site-muted); line-height: 1.9; max-width: 450px; }
.site-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 24px; margin-top: 32px; }
.site-button { display: inline-flex; align-items: center; justify-content: center; gap: 24px; min-height: 49px; padding: 14px 20px; border-radius: 8px; border: 1px solid transparent; font-size: 12px; line-height: 1.6; font-weight: 650; transition: background .2s, box-shadow .2s, transform .2s; cursor: pointer; }
.site-button-primary { color: #031420; background: #30b9f7; border-color: #53caff; box-shadow: 0 5px 25px #009bef1a; }
.site-button-primary:hover { background: #6bd0fc; box-shadow: 0 5px 32px #009bef33; transform: translateY(-2px); }
.site-button span { font-size: 18px; line-height: 1; font-weight: 400; }
.site-text-link { display: inline-flex; align-items: center; gap: 15px; font-size: 12px; font-weight: 500; color: #c7d7e5; min-height: 44px; }
.site-text-link:hover { color: #66ccfa; }
.site-text-link span { color: #41b9ed; font-size: 18px; }
.site-hero-note { display: flex; align-items: center; gap: 16px; color: #57748b; font-size: 9px; font-weight: 600; letter-spacing: .26em; margin-top: 49px; }
.site-note-line { height: 1px; width: 33px; background: #2b799e; }
.site-hero-visual { position: relative; height: 530px; min-width: 0; perspective: 900px; }
.site-orbit { position: absolute; left: 50%; top: 44%; aspect-ratio: 1; border: 1px solid #3785b52e; border-radius: 50%; transform: translate(-50%, -50%) rotate(-28deg) scaleY(.79); }
.site-orbit-outer { width: 520px; border-style: dashed; border-color: #4c94bd30; }
.site-orbit-inner { width: 390px; box-shadow: inset 0 0 55px #0275c30c, 0 0 60px #06538a18; }
.site-orbit-label { position: absolute; z-index: 3; display: inline-flex; align-items: center; gap: 9px; padding: 11px 15px; border: 1px solid #70a8d327; border-radius: 30px; background: linear-gradient(120deg, #162b3ded, #0c1723ed); box-shadow: 0 7px 24px #0004; color: #abc0d3; font-size: 11px; }
.site-orbit-label b { width: 5px; height: 5px; border-radius: 50%; background: #4ac9ff; box-shadow: 0 0 12px #1e9adf80; }
.site-orbit-label-one { top: 50px; left: 35px; }
.site-orbit-label-two { top: 118px; right: -4px; }
.site-orbit-label-three { bottom: 108px; left: 3px; }
.site-symbol-plinth { position: absolute; z-index: 2; width: 290px; height: 325px; top: 70px; left: 50%; transform: translateX(-50%) rotateY(-10deg) rotateX(5deg); display: flex; align-items: center; flex-direction: column; justify-content: center; border: 1px solid #6bc5fa30; border-radius: 24px; background: linear-gradient(145deg, #233f5266, #0c1d2dba 60%, #0a1822e8); box-shadow: inset 0 1px 0 #a5d9ff14, 20px 30px 80px #0007, 0 0 80px #0e74a80d; backdrop-filter: blur(10px); }
.site-symbol-plinth::before { content: ""; position: absolute; inset: 30px 20px 70px; background: #0ac6ff12; filter: blur(30px); border-radius: 50%; }
.site-symbol-plinth img { position: relative; width: 150px; height: 150px; object-fit: contain; filter: drop-shadow(0 10px 25px #008ac03d); }
.site-plinth-caption { margin-top: 23px; text-align: center; color: #5d89a5; font-size: 8px; letter-spacing: .19em; line-height: 2; }
.site-plinth-caption strong { font-size: 12px; font-weight: 500; letter-spacing: .01em; color: #b7cfdf; }
.site-hero-product { position: absolute; z-index: 4; bottom: 30px; right: 0; width: 335px; display: flex; gap: 15px; align-items: center; padding: 20px; border: 1px solid #619ec342; border-radius: 13px; background: linear-gradient(120deg, #172d40f5, #0c1927f5); box-shadow: 0 12px 40px #0006; transform: rotate(-3deg); }
.site-mini-product-icon { flex: 0 0 39px; width: 39px; height: 43px; padding: 9px; color: #4cc7ff; border: 1px solid #4dc1ff3d; border-radius: 9px; background: #14527530; }
.site-mini-product-icon svg { width: 100%; height: 100%; }
.site-hero-product > div:nth-child(2) { flex: 1; min-width: 0; }
.site-hero-product > div > span { display: block; font-size: 7px; letter-spacing: .12em; color: #7694ad; }
.site-hero-product strong { display: block; margin-top: 5px; color: #e5f2fc; font-size: 21px; font-weight: 600; letter-spacing: -.04em; }
.site-hero-product strong small { display: block; color: #8ba6bd; font-size: 10px; font-weight: 400; letter-spacing: 0; margin-top: 4px; }
.site-hero-product > a { display: grid; place-items: center; flex: 0 0 33px; height: 36px; color: #74d1fc; background: #16405c; border-radius: 8px; font-size: 22px; }
.site-visual-coordinate { position: absolute; top: 20px; right: 17px; font-family: Consolas, monospace; font-size: 8px; letter-spacing: .16em; color: #3e5d75; }
.site-hero-bottom { display: flex; justify-content: space-between; align-items: center; gap: 20px; margin-top: 58px; padding-block: 23px; border-top: 1px solid var(--site-line); color: #647b91; font-size: 9px; letter-spacing: .14em; }
.site-hero-bottom a { display: inline-flex; align-items: center; gap: 30px; letter-spacing: 0; font-size: 11px; color: #9cabbc; }
.site-hero-bottom a span { color: #46bbe8; font-size: 16px; }
.site-section { padding-block: 115px; }
h2 { margin: 19px 0 0; font-size: clamp(36px, 3.8vw, 54px); line-height: 1.15; }
.site-section-heading { display: grid; grid-template-columns: 1.1fr 1fr; gap: 90px; align-items: end; }
.site-section-heading > p { margin: 0 0 4px; max-width: 405px; justify-self: end; color: var(--site-muted); font-size: 15px; line-height: 1.9; }
.site-principles { margin-top: 55px; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-block: 1px solid var(--site-line); }
.site-principle { padding: 28px 34px 35px; border-right: 1px solid var(--site-line); }
.site-principle:first-child { padding-left: 0; }
.site-principle:last-child { border-right: 0; padding-right: 0; }
.site-principle-index { color: #537089; font-family: Consolas, monospace; font-size: 10px; letter-spacing: .07em; }
.site-line-icon { width: 34px; height: 34px; color: #47c4ff; margin: 30px 0 23px; }
.site-line-icon svg { width: 100%; height: 100%; }
.site-principle h3 { margin: 0 0 14px; font-size: 21px; letter-spacing: -.025em; }
.site-principle p { color: #8a9eb2; font-size: 13px; line-height: 1.9; margin: 0; max-width: 320px; }
.site-product-section { padding-top: 15px; background: radial-gradient(ellipse at 50% 55%, #092d4833, transparent 65%); }
.site-product-intro { display: flex; justify-content: space-between; align-items: end; gap: 30px; }
.site-product-name { display: flex; align-items: center; gap: 16px; margin-bottom: 5px; }
.site-product-monogram { font-size: 62px; line-height: 1; font-weight: 600; letter-spacing: -.075em; color: #dbeaf8; }
.site-product-name > span:last-child { font-size: 8px; letter-spacing: .16em; line-height: 1.7; padding-left: 17px; border-left: 1px solid #547f9b55; color: #6d8ba3; }
.site-product-showcase { margin-top: 45px; display: grid; grid-template-columns: .82fr 1.4fr; border: 1px solid #5a8cad2b; border-radius: 19px; overflow: hidden; box-shadow: 0 25px 70px #0002; background: #0d1722; }
.site-product-story { padding: 42px 35px; background: linear-gradient(145deg, #142a3b99, #0b1420); }
.site-product-tag { display: flex; align-items: center; gap: 8px; color: #83b5d2; font-size: 8px; font-weight: 600; letter-spacing: .09em; }
.site-product-tag i { width: 5px; height: 5px; border-radius: 50%; background: #25a7d8; }
.site-product-story h3 { font-size: 37px; line-height: 1.16; margin: 25px 0 19px; }
.site-product-story > p { color: #8fa8bc; line-height: 1.9; font-size: 13px; }
.site-product-tabs { display: grid; gap: 6px; margin: 28px 0 19px; }
.site-product-tabs button { display: flex; gap: 12px; align-items: center; min-height: 44px; text-align: left; padding: 13px 15px; border: 1px solid transparent; border-radius: 8px; background: transparent; color: #8ea6bc; font-size: 12px; }
.site-product-tabs button > span:first-child { font-size: 17px; color: #6f97b5; width: 20px; }
.site-product-tabs button > span:last-child { margin-left: auto; font-size: 16px; opacity: 0; }
.site-product-tabs button[aria-selected="true"] { background: #13384f; border-color: #28739877; color: #bde9ff; }
.site-product-tabs button[aria-selected="true"] > span { color: #55bff3; opacity: 1; }
.site-product-tabs button:hover { background: #132c3d; }
.site-product-story > .site-text-link { color: #81bad8; font-size: 11px; }
.site-product-demo { min-width: 0; background: #0d1925; padding: 24px 28px; border-left: 1px solid #74a9d11a; }
.site-demo-top { display: flex; align-items: center; gap: 14px; color: #526f87; font-size: 8px; font-weight: 600; letter-spacing: .09em; padding-bottom: 23px; border-bottom: 1px solid #54809e24; }
.site-demo-dots { display: flex; gap: 5px; }
.site-demo-dots i { width: 5px; height: 5px; border-radius: 50%; background: #3b566e; }
.site-demo-top .site-demo-label { margin-left: auto; font-size: 8px; letter-spacing: 0; color: #6d859b; }
.site-demo-panel { min-height: 430px; outline-offset: -3px; }
.site-demo-heading { display: flex; justify-content: space-between; gap: 15px; align-items: center; margin: 24px 0; }
.site-demo-heading > div > span { font-size: 7px; letter-spacing: .14em; color: #4da6ce; font-weight: 600; }
.site-demo-heading h4 { font-size: 21px; letter-spacing: -.035em; margin: 7px 0 0; }
.site-demo-pill { color: #83b5cb; background: #17364a; border: 1px solid #4b839d30; border-radius: 6px; padding: 7px 9px; font-size: 8px; white-space: nowrap; }
.site-demo-summary { display: flex; justify-content: space-between; align-items: center; gap: 18px; background: #13283a; border: 1px solid #47789a2b; border-radius: 9px; padding: 16px 18px; margin-bottom: 23px; }
.site-demo-summary > div { display: grid; gap: 7px; }
.site-demo-summary > div > span { font-size: 9px; color: #7194ac; }
.site-demo-summary strong { font-size: 13px; font-weight: 500; color: #bed8eb; }
.site-demo-calendar-icon { color: #50b3e2; font-size: 29px; line-height: 1; }
.site-plan-grid { display: grid; grid-template-columns: 1.35fr repeat(5, minmax(0, 1fr)); align-items: center; gap: 13px 7px; }
.site-plan-grid > span { color: #628097; font-size: 7px; letter-spacing: .08em; text-align: center; padding: 0 0 8px; }
.site-plan-grid > span:first-child { text-align: left; }
.site-plan-grid strong { font-size: 10px; font-weight: 500; color: #bdd0e1; line-height: 1.5; }
.site-plan-grid strong small { display: block; font-size: 8px; font-weight: 400; color: #557086; }
.site-shift { display: grid; place-items: center; min-height: 35px; padding: 5px 2px; border: 1px solid #217da847; border-radius: 5px; background: #103d55; color: #75c5eb; font-size: 8px; font-style: normal; white-space: nowrap; }
.site-shift-violet { background: #302942; border-color: #77608f45; color: #b2a1d3; }
.site-shift-teal { background: #163a36; border-color: #3d7c6c47; color: #86c7b3; }
.site-shift-off { background: #12212d; border-color: #2c45584d; color: #4b6a7e; }
.site-demo-caption { display: flex; align-items: center; justify-content: space-between; gap: 10px; border-top: 1px solid #44769826; margin-top: 22px; padding-top: 15px; color: #658da8; font-size: 8px; }
.site-demo-caption > span:first-child { display: flex; align-items: center; gap: 8px; }
.site-demo-caption i { width: 4px; height: 4px; border-radius: 50%; background: #48ab9a; }
.site-demo-explanation { font-size: 10px; line-height: 1.8; color: #66869f; margin: 24px 0 0; }
.site-terminal-demo { text-align: center; background: #101f2c; padding: 20px; border: 1px solid #47789a2b; border-radius: 11px; }
.site-terminal-clock { font-size: 44px; font-weight: 500; letter-spacing: -.05em; color: #d4e8f7; }
.site-terminal-clock > span { display: block; color: #6d8a9f; font-size: 11px; letter-spacing: 0; margin-top: 2px; }
.site-terminal-digits { display: block; color: #47bceb; font-size: 25px; margin: 17px 0; letter-spacing: .1em; }
.site-terminal-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.site-terminal-actions span { padding: 14px 7px; color: #8dc5e1; background: #18374a; border: 1px solid #4680a045; border-radius: 6px; font-size: 10px; }
.site-terminal-actions span:first-child { background: #154735; color: #8bceb0; border-color: #53907740; }
.site-terminal-demo > small { display: block; margin-top: 16px; color: #69879c; font-size: 9px; }
.site-team-demo { display: grid; border: 1px solid #47789a2b; border-radius: 9px; overflow: hidden; }
.site-team-demo > div { display: flex; align-items: center; gap: 13px; padding: 17px; border-bottom: 1px solid #42617e25; }
.site-team-demo > div:last-child { border: 0; }
.site-team-avatar { display: grid; place-items: center; width: 34px; height: 34px; flex: 0 0 auto; border-radius: 8px; background: #17425a; color: #7dc5e8; font-size: 10px; }
.site-team-avatar-purple { background: #332c46; color: #ad9acd; }
.site-team-avatar-green { background: #1b3c37; color: #93c3b3; }
.site-team-demo strong, .site-team-demo small { display: block; }
.site-team-demo strong { font-size: 11px; font-weight: 500; color: #b7cedf; }
.site-team-demo small { font-size: 9px; color: #5c7a92; margin-top: 5px; line-height: 1.5; }
.site-team-demo b { color: #4c7a98; margin-left: auto; font-weight: 400; }
.site-product-features { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 42px; padding-top: 32px; }
.site-product-features > div { display: grid; grid-template-columns: 24px 1fr; align-items: start; column-gap: 12px; }
.site-product-features > div > span { grid-row: span 2; color: #4893b7; font-size: 22px; line-height: 1.1; }
.site-product-features strong { color: #b3c7d9; font-size: 12px; font-weight: 500; }
.site-product-features p { margin: 8px 0 0; color: #607d95; font-size: 11px; line-height: 1.7; }
.site-vision-section { border-block: 1px solid var(--site-line); background: #0a111a; }
.site-vision-layout { display: grid; grid-template-columns: 1fr 1fr; gap: 110px; align-items: center; }
.site-vision-art { position: relative; isolation: isolate; height: 440px; background: linear-gradient(135deg, #142c3d, #0a1723 68%); border: 1px solid #4b88ae29; border-radius: 16px; overflow: hidden; display: flex; align-items: center; justify-content: center; }
.site-vision-art::before, .site-vision-art::after { content: ""; position: absolute; width: 310px; height: 310px; border: 1px solid #1d68973b; transform: rotate(45deg); }
.site-vision-art::after { width: 440px; height: 440px; border-color: #1c53782e; }
.site-vision-art img { position: relative; z-index: 1; width: 155px; height: 175px; object-fit: contain; filter: drop-shadow(0 0 35px #009bc029); }
.site-vision-glow { position: absolute; inset: 60px; background: #007ba923; filter: blur(40px); border-radius: 50%; }
.site-vision-code { position: absolute; z-index: 2; left: 30px; top: 30px; color: #60879c; font: 11px Consolas, monospace; }
.site-vision-code-bottom { top: auto; left: auto; right: 30px; bottom: 53px; }
.site-art-label { position: absolute; bottom: 23px; left: 30px; font: 8px Consolas, monospace; letter-spacing: .17em; color: #426b85; }
.site-vision-copy > p { font-size: 14px; line-height: 1.9; color: #8c9fb3; margin: 25px 0 0; }
.site-vision-copy > p + p { margin-top: 15px; }
.site-vision-quote { display: flex; gap: 15px; border-top: 1px solid var(--site-line); padding-top: 23px; margin: 25px 0 12px; }
.site-vision-quote > span { color: #35b1e9; font: 48px Georgia, serif; line-height: 1.1; }
.site-vision-quote p { max-width: 300px; font-size: 18px; line-height: 1.5; letter-spacing: -.02em; color: #bad2e4; margin: 0; }
.site-faq-layout { display: grid; grid-template-columns: .9fr 1.3fr; gap: 90px; }
.site-faq-layout > div:first-child > p { margin: 22px 0 0; color: #7e96ac; font-size: 13px; line-height: 1.9; }
.site-faq-list { border-top: 1px solid var(--site-line); }
.site-faq-list details { border-bottom: 1px solid var(--site-line); }
.site-faq-list summary { display: flex; align-items: center; justify-content: space-between; gap: 25px; list-style: none; padding: 25px 0; color: #c7d7e5; font-size: 13px; line-height: 1.6; }
.site-faq-list summary::-webkit-details-marker { display: none; }
.site-faq-list summary > span { font-size: 25px; font-weight: 300; color: #5f879e; transition: transform .2s; }
.site-faq-list details[open] summary { color: #73ccf5; }
.site-faq-list details[open] summary > span { transform: rotate(45deg); }
.site-faq-list details > p { color: #839ab0; font-size: 13px; line-height: 1.9; padding-right: 30px; margin: -5px 0 24px; }
.site-contact-section { padding-top: 45px; }
.site-contact-layout { display: grid; grid-template-columns: 1fr 1.02fr; gap: 100px; align-items: start; }
.site-contact-copy > p { max-width: 370px; font-size: 14px; line-height: 1.9; color: #8299af; margin: 25px 0 32px; }
.site-contact-direct { display: inline-flex; align-items: center; gap: 24px; margin: -10px 0 32px; min-height: 44px; color: #b4e3f9; font-size: 17px; letter-spacing: -.02em; }
.site-contact-direct:hover { color: #54c9fc; }
.site-contact-direct > span { color: #41b9ed; }
.site-contact-note { display: flex; gap: 15px; align-items: start; }
.site-contact-note > span { color: #57bdec; font-size: 20px; }
.site-contact-note strong { font-size: 12px; font-weight: 500; color: #bdd2e4; }
.site-contact-note p { font-size: 11px; line-height: 1.8; color: #718ba2; max-width: 275px; margin: 7px 0 0; }
.site-contact-wordmark { font-size: 64px; font-weight: 600; line-height: 1.06; letter-spacing: -.06em; color: #173145; margin-top: 60px; }
.site-contact-wordmark > span { color: #246184; }
.site-contact-form { padding: 34px; background: linear-gradient(135deg, #132435, #0e1a28); border: 1px solid #659cc62b; border-radius: 14px; }
.site-form-heading > span { font-size: 8px; font-weight: 600; letter-spacing: .15em; color: #6ba4c3; }
.site-form-heading > p { font-size: 22px; font-weight: 500; letter-spacing: -.03em; color: #dae7f3; margin: 9px 0 26px; }
.site-contact-form label { display: block; min-width: 0; color: #a0b7cb; font-size: 10px; font-weight: 500; line-height: 1.7; margin-bottom: 16px; }
.site-contact-form label > span { color: #3c92bd; }
.site-form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; }
.site-contact-form input, .site-contact-form textarea, .site-contact-form select { display: block; width: 100%; min-width: 0; border: 1px solid #60819c35; border-radius: 6px; background: #08142299; padding: 12px 13px; margin-top: 7px; color: #d4e5f3; font-size: 12px; font-weight: 400; line-height: 1.6; outline-offset: 2px; }
.site-contact-form input::placeholder, .site-contact-form textarea::placeholder { color: #526f87; opacity: 1; }
.site-contact-form textarea { min-height: 110px; max-height: 350px; resize: vertical; }
.site-contact-form select { min-height: 45px; }
.site-contact-form .site-form-note { font-size: 10px; line-height: 1.8; color: #6d8a9f; margin: 6px 0 20px; }
.site-contact-form > .site-button { width: 100%; justify-content: space-between; }
.site-contact-feedback:empty { display: none; }
.site-contact-feedback { padding: 11px 13px; margin: 0 0 15px; border-radius: 6px; border: 1px solid #4c90b44d; background: #133049; color: #a5cee7; font-size: 11px; line-height: 1.8; }
.site-contact-feedback[data-error="true"] { color: #ebc595; border-color: #ad825c55; background: #332c24; }
.site-footer { border-top: 1px solid var(--site-line); background: #060a10; padding-top: 48px; }
.site-footer-top { display: flex; gap: 50px; align-items: center; padding-bottom: 44px; }
.site-footer-top .site-logo { width: 220px; }
.site-footer-top > p { color: #678399; font-size: 12px; line-height: 1.8; margin: 0 auto 0 0; }
.site-footer-top nav { display: flex; align-items: center; gap: 26px; font-size: 11px; color: #91a6ba; }
.site-footer-top nav a { display: inline-flex; align-items: center; min-height: 44px; }
.site-footer-top nav a:hover { color: #7fd4fc; }
.site-footer-bottom { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding-block: 22px; border-top: 1px solid var(--site-line); color: #486579; font-size: 9px; }
.site-footer-bottom > span:nth-child(2) { letter-spacing: .15em; font-size: 8px; }
.site-footer-bottom a { color: #7696ad; }
.site-footer-bottom a span { margin-left: 15px; color: #4eb5e0; }
html[data-reveal-ready] [data-reveal] { opacity: 0; transform: translateY(18px); transition: opacity .55s ease, transform .55s ease; }
html[data-reveal-ready] [data-reveal].is-revealed { opacity: 1; transform: none; }
@media (min-width: 901px) { body.site-menu-open { overflow: visible; } }
@media (max-width: 1180px) {
    .site-container { width: calc(100% - 72px); }
    .site-nav { gap: 22px; }
    .site-logo { width: 205px; }
    .site-hero { padding-top: 55px; }
    .site-hero-layout { gap: 22px; }
    h1 { font-size: 62px; }
    .site-hero-visual { height: 470px; }
    .site-orbit-outer { width: 450px; }
    .site-orbit-inner { width: 340px; }
    .site-symbol-plinth { width: 245px; height: 290px; top: 57px; }
    .site-symbol-plinth img { width: 130px; height: 130px; }
    .site-orbit-label-one { top: 37px; left: 6px; }
    .site-orbit-label-two { top: 105px; right: -5px; }
    .site-orbit-label-three { left: -8px; bottom: 100px; }
    .site-hero-product { width: 300px; bottom: 25px; }
    .site-actions { gap: 16px; }
    .site-actions .site-button { gap: 15px; padding-inline: 15px; }
    .site-section { padding-block: 90px; }
    .site-section-heading, .site-vision-layout, .site-contact-layout, .site-faq-layout { gap: 60px; }
    .site-product-section { padding-top: 10px; }
    .site-product-story { padding: 32px 26px; }
    .site-product-demo { padding: 22px; }
    .site-product-features { gap: 22px; }
    .site-contact-section { padding-top: 25px; }
    .site-footer-top { gap: 30px; }
}
@media (max-width: 900px) {
    :root { scroll-padding-top: 90px; }
    .site-container { width: calc(100% - 48px); }
    .site-header { height: 80px; }
    .site-logo { width: 210px; }
    .site-menu-toggle { display: flex; flex: 0 0 44px; width: 44px; height: 44px; align-items: center; justify-content: center; flex-direction: column; gap: 6px; background: #162938; border: 1px solid #6295b52e; border-radius: 9px; }
    .site-menu-toggle span { display: block; width: 18px; height: 1px; background: #a9cee2; transition: transform .2s; }
    .site-menu-toggle[aria-expanded="true"] span:first-child { transform: translateY(3.5px) rotate(45deg); }
    .site-menu-toggle[aria-expanded="true"] span:last-child { transform: translateY(-3.5px) rotate(-45deg); }
    .site-nav { display: none; position: absolute; left: 0; right: 0; top: 79px; height: calc(100dvh - 79px); overflow-y: auto; padding: 24px; background: #0a141ffb; flex-direction: column; align-items: stretch; gap: 0; font-size: 19px; }
    .site-menu-open .site-nav { display: flex; }
    .site-nav > a { padding: 21px 12px; border-bottom: 1px solid var(--site-line); }
    .site-nav .site-login { margin: 25px 0 0; padding: 17px 18px; justify-content: space-between; font-size: 15px; }
    .site-hero { padding-top: 44px; }
    .site-hero-layout { grid-template-columns: 1.12fr 1fr; gap: 10px; }
    .site-hero-copy > .site-eyebrow { font-size: 8px; letter-spacing: .12em; }
    h1 { font-size: clamp(43px, 6.5vw, 60px); }
    .site-hero-copy > p { font-size: 16px; }
    .site-hero-copy .site-hero-description { font-size: 12px; }
    .site-actions { align-items: start; flex-direction: column; gap: 8px; }
    .site-hero-note { margin-top: 28px; }
    .site-hero-visual { height: 420px; }
    .site-symbol-plinth { width: 210px; height: 250px; top: 65px; }
    .site-symbol-plinth img { width: 110px; height: 110px; }
    .site-plinth-caption { margin-top: 18px; font-size: 7px; }
    .site-plinth-caption strong { font-size: 10px; }
    .site-orbit-outer { width: 370px; }
    .site-orbit-inner { width: 280px; }
    .site-orbit-label { padding: 8px 11px; font-size: 9px; }
    .site-orbit-label-one { top: 40px; left: 0; }
    .site-orbit-label-two { top: 108px; right: -10px; }
    .site-orbit-label-three { left: -5px; bottom: 75px; }
    .site-hero-product { width: 260px; padding: 15px; bottom: 0; right: -5px; }
    .site-hero-product > div > span { font-size: 6px; }
    .site-hero-bottom { margin-top: 50px; }
    .site-section { padding-block: 75px; }
    .site-section-heading { gap: 35px; }
    h2 { font-size: 39px; }
    .site-section-heading > p { font-size: 13px; }
    .site-principle { padding-inline: 22px; }
    .site-principle h3 { font-size: 18px; }
    .site-principle p { font-size: 12px; }
    .site-product-section { padding-top: 0; }
    .site-product-showcase { grid-template-columns: 1fr; }
    .site-product-story { padding: 30px; }
    .site-product-story h3 { font-size: 32px; margin: 18px 0 12px; }
    .site-product-story h3 > br { display: none; }
    .site-product-story > p { max-width: 510px; }
    .site-product-tabs { grid-template-columns: repeat(3, 1fr); gap: 8px; margin: 21px 0 8px; }
    .site-product-tabs button { padding-inline: 12px; gap: 8px; }
    .site-product-tabs button > span:last-child { display: none; }
    .site-product-story > .site-text-link { display: none; }
    .site-product-demo { padding: 25px 30px; border-left: 0; border-top: 1px solid #74a9d11a; }
    .site-demo-panel { min-height: 0; }
    .site-plan-grid { gap: 15px 10px; }
    .site-plan-grid > span, .site-shift, .site-plan-grid strong small { font-size: 9px; }
    .site-plan-grid strong { font-size: 12px; }
    .site-shift { min-height: 42px; }
    .site-demo-explanation { font-size: 11px; margin-top: 20px; }
    .site-demo-heading h4 { font-size: 23px; }
    .site-terminal-demo { max-width: 420px; margin-inline: auto; }
    .site-product-features { gap: 20px; }
    .site-product-features > div { grid-template-columns: 1fr; }
    .site-product-features > div > span { grid-row: auto; margin-bottom: 12px; }
    .site-vision-layout { gap: 35px; }
    .site-vision-art { height: 400px; }
    .site-vision-copy > p { font-size: 12px; }
    .site-vision-copy > .site-text-link { font-size: 11px; }
    .site-vision-quote p { font-size: 16px; }
    .site-faq-layout { grid-template-columns: .7fr 1.3fr; gap: 35px; }
    .site-faq-list summary { font-size: 12px; }
    .site-contact-section { padding-top: 10px; }
    .site-contact-layout { gap: 35px; }
    .site-contact-form { padding: 25px; }
    .site-form-row { grid-template-columns: 1fr; gap: 0; }
    .site-contact-wordmark { font-size: 55px; }
    .site-footer-top { flex-wrap: wrap; justify-content: space-between; }
    .site-footer-top > p { margin-left: auto; margin-right: 0; }
    .site-footer-top nav { width: 100%; justify-content: space-between; gap: 20px; }
}
@media (max-width: 620px) {
    :root { scroll-padding-top: 80px; }
    .site-container { width: calc(100% - 40px); }
    .site-header { height: 76px; }
    .site-logo { width: 190px; }
    .site-header-inner { gap: 15px; }
    .site-nav { top: 75px; height: calc(100dvh - 75px); padding: 15px 20px 35px; }
    .site-hero { padding-top: 35px; }
    .site-hero-layout { display: flex; flex-direction: column; gap: 18px; align-items: stretch; }
    .site-hero-copy > .site-eyebrow { font-size: 8px; letter-spacing: .13em; }
    h1 { font-size: clamp(44px, 11.7vw, 67px); margin-top: 23px; margin-bottom: 23px; line-height: 1.08; }
    .site-hero-copy > p { max-width: 370px; font-size: 17px; line-height: 1.65; }
    .site-hero-copy .site-hero-description { max-width: 370px; font-size: 13px; }
    .site-actions { margin-top: 27px; gap: 10px; }
    .site-actions .site-button { font-size: 12px; padding: 14px 18px; min-height: 51px; gap: 25px; }
    .site-actions .site-text-link { font-size: 12px; }
    .site-hero-note { display: none; }
    .site-hero-visual { height: 405px; margin-top: -5px; }
    .site-symbol-plinth { width: 225px; height: 260px; top: 50px; }
    .site-symbol-plinth img { width: 120px; height: 120px; }
    .site-plinth-caption { margin-top: 20px; }
    .site-orbit-outer { width: 390px; }
    .site-orbit-inner { width: 300px; }
    .site-orbit-label-one { top: 25px; left: 7px; }
    .site-orbit-label-two { top: 100px; right: -1px; }
    .site-orbit-label-three { left: 0; bottom: 92px; }
    .site-hero-product { width: min(295px, 91%); right: 2px; bottom: 16px; }
    .site-hero-product > div > span { font-size: 7px; }
    .site-visual-coordinate { top: 5px; right: 7px; }
    .site-hero-bottom { margin-top: 10px; padding-block: 20px; }
    .site-hero-bottom > span { max-width: 180px; font-size: 7px; line-height: 1.9; letter-spacing: .08em; }
    .site-hero-bottom a { gap: 12px; font-size: 9px; white-space: nowrap; }
    .site-section { padding-block: 66px; }
    .site-eyebrow { font-size: 9px; }
    h2 { font-size: clamp(33px, 8.6vw, 43px); margin-top: 16px; }
    .site-section-heading { grid-template-columns: 1fr; gap: 24px; }
    .site-section-heading > p { max-width: 100%; justify-self: start; font-size: 13px; line-height: 1.9; }
    .site-principles { grid-template-columns: 1fr; margin-top: 30px; }
    .site-principle, .site-principle:first-child, .site-principle:last-child { padding: 24px 0; border-right: 0; border-bottom: 1px solid var(--site-line); display: grid; grid-template-columns: 34px 1fr; gap: 0 18px; }
    .site-principle:last-child { border-bottom: 0; }
    .site-principle-index { grid-column: 2; font-size: 9px; }
    .site-line-icon { grid-column: 1; grid-row: 1 / 4; margin: 5px 0 0; width: 30px; height: 30px; }
    .site-principle h3 { grid-column: 2; margin: 13px 0 9px; font-size: 19px; }
    .site-principle p { grid-column: 2; max-width: none; font-size: 12px; line-height: 1.9; }
    .site-product-section { padding-top: 5px; }
    .site-product-intro { align-items: start; gap: 18px; }
    .site-product-intro h2 { font-size: 34px; }
    .site-product-intro .site-eyebrow { font-size: 7px; letter-spacing: .1em; }
    .site-product-name { margin-top: 34px; }
    .site-product-monogram { font-size: 33px; }
    .site-product-name > span:last-child { display: none; }
    .site-product-showcase { margin-top: 28px; border-radius: 12px; }
    .site-product-story { padding: 25px 21px; }
    .site-product-story h3 { font-size: 31px; }
    .site-product-story h3 > br { display: block; }
    .site-product-story > p { font-size: 12px; }
    .site-product-tabs { gap: 5px; }
    .site-product-tabs button { justify-content: center; padding: 11px 5px; font-size: 9px; gap: 5px; }
    .site-product-tabs button > span:first-child { width: auto; font-size: 13px; }
    .site-product-demo { padding: 20px 15px; }
    .site-demo-top { gap: 10px; padding-bottom: 19px; font-size: 7px; }
    .site-demo-top .site-demo-label { font-size: 7px; }
    .site-demo-heading { gap: 8px; margin: 21px 0; }
    .site-demo-heading h4 { font-size: 20px; }
    .site-demo-pill { font-size: 7px; padding: 6px 7px; }
    .site-demo-summary { padding: 14px; margin-bottom: 20px; }
    .site-demo-summary strong { font-size: 12px; }
    .site-plan-grid { grid-template-columns: 1.2fr repeat(5, minmax(0, 1fr)); gap: 12px 4px; }
    .site-plan-grid > span, .site-shift { font-size: 7px; }
    .site-shift { min-height: 34px; border-radius: 4px; }
    .site-plan-grid strong { font-size: 9px; }
    .site-plan-grid strong small { font-size: 7px; }
    .site-demo-caption { margin-top: 19px; padding-top: 13px; font-size: 7px; }
    .site-demo-explanation { font-size: 10px; }
    .site-terminal-demo { padding: 15px; }
    .site-terminal-actions span { font-size: 9px; }
    .site-team-demo > div { padding: 14px 11px; gap: 10px; }
    .site-team-demo small { font-size: 8px; }
    .site-product-features { grid-template-columns: 1fr; gap: 22px; padding-top: 27px; }
    .site-product-features > div { grid-template-columns: 24px 1fr; gap: 0 12px; }
    .site-product-features > div > span { grid-row: span 2; margin-bottom: 0; }
    .site-product-features strong { font-size: 12px; }
    .site-product-features p { font-size: 11px; margin-top: 6px; }
    .site-vision-layout { grid-template-columns: 1fr; gap: 35px; }
    .site-vision-art { height: 300px; order: 2; }
    .site-vision-art img { width: 125px; height: 140px; }
    .site-vision-copy > p { font-size: 13px; }
    .site-vision-quote p { font-size: 18px; }
    .site-vision-copy > .site-text-link { font-size: 12px; }
    .site-faq-layout { grid-template-columns: 1fr; gap: 29px; }
    .site-faq-layout > div:first-child > p { font-size: 12px; margin-top: 18px; }
    .site-faq-list summary { font-size: 12px; padding-block: 21px; }
    .site-faq-list details > p { font-size: 12px; }
    .site-contact-section { padding-top: 5px; }
    .site-contact-layout { grid-template-columns: 1fr; gap: 29px; }
    .site-contact-copy > p { font-size: 13px; margin-block: 22px; }
    .site-contact-wordmark { display: none; }
    .site-contact-form { padding: 25px 21px; }
    .site-form-row { grid-template-columns: 1fr 1fr; gap: 12px; }
    .site-contact-form label { font-size: 11px; }
    .site-contact-form input, .site-contact-form textarea, .site-contact-form select { font-size: 16px; padding: 12px 10px; }
    .site-contact-form input::placeholder, .site-contact-form textarea::placeholder { font-size: 12px; }
    .site-contact-form .site-form-note { font-size: 10px; }
    .site-footer { padding-top: 32px; }
    .site-footer-top { align-items: start; gap: 23px; padding-bottom: 30px; }
    .site-footer-top .site-logo { width: 190px; }
    .site-footer-top > p { font-size: 10px; }
    .site-footer-top nav { font-size: 10px; }
    .site-footer-bottom { flex-wrap: wrap; gap: 15px; font-size: 9px; padding-block: 20px; }
    .site-footer-bottom > span:nth-child(2) { display: none; }
}
@media (max-width: 359px) {
    .site-container { width: calc(100% - 32px); }
    .site-logo { width: 172px; }
    h1 { font-size: 42px; }
    .site-hero-copy > .site-eyebrow { font-size: 7px; }
    .site-hero-visual { height: 380px; }
    .site-symbol-plinth { width: 200px; height: 245px; }
    .site-orbit-label { font-size: 8px; padding: 8px 9px; }
    .site-orbit-label-two { right: -7px; }
    .site-product-intro h2 { font-size: 31px; }
    .site-product-monogram { font-size: 29px; }
    .site-product-tabs button > span:first-child { display: none; }
    .site-form-row { grid-template-columns: 1fr; gap: 0; }
    .site-footer-top > p { margin-left: 0; width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
    :root { scroll-behavior: auto; }
    *, *::before, *::after { animation: none !important; transition: none !important; }
    html[data-reveal-ready] [data-reveal] { opacity: 1; transform: none; }
}