.header-inner { gap: 18px; }
.navigation { gap: clamp(14px, 1.8vw, 30px); }
.language-picker { position: relative; margin-left: auto; }
.language-trigger { min-width: 58px; height: 38px; display: inline-flex; align-items: center; justify-content: center; gap: 9px; border: 1px solid rgba(185,219,225,.25); border-radius: 999px; background: rgba(5,18,25,.72); color: #e9f6f7; font: 700 11px/1 "IBM Plex Mono", monospace; cursor: pointer; }
.language-chevron { width: 7px; height: 7px; border-right: 1px solid #00c8d2; border-bottom: 1px solid #00c8d2; transform: rotate(45deg) translateY(-2px); }
.language-menu { position: absolute; z-index: 80; top: calc(100% + 9px); right: 0; width: 165px; padding: 7px; border: 1px solid rgba(0,200,210,.25); border-radius: 14px; background: rgba(4,15,21,.98); box-shadow: 0 20px 50px rgba(0,0,0,.42); }
.language-menu[hidden] { display: none; }
.language-option { width: 100%; display: grid; grid-template-columns: 30px 1fr; gap: 8px; padding: 10px; border: 0; border-radius: 9px; background: transparent; color: #b6cbd0; text-align: left; cursor: pointer; }
.language-option:hover, .language-option[aria-selected="true"] { background: rgba(0,200,210,.12); color: #fff; }
.language-option span:first-child { color: #00c8d2; font: 700 10px/1 "IBM Plex Mono", monospace; }
html { scrollbar-color: rgba(0,200,210,.5) #030a10; scrollbar-width: thin; }
html::-webkit-scrollbar { width: 10px; }
html::-webkit-scrollbar-track { background: #030a10; }
html::-webkit-scrollbar-thumb { border: 2px solid #030a10; border-radius: 999px; background: linear-gradient(180deg,rgba(0,200,210,.72),rgba(0,123,135,.48)); }
html::-webkit-scrollbar-thumb:hover { background: #00c8d2; }

.support-showcase { display: grid; grid-template-columns: minmax(0,.8fr) minmax(480px,1.2fr); gap: clamp(50px,7vw,110px); align-items: center; padding-block: clamp(90px,11vw,165px); }
.support-showcase, .plans-section, .faq-section, .trust-contact { background: rgba(3,10,16,.78); box-shadow: 0 0 0 100vmax rgba(3,10,16,.78); clip-path: inset(0 -100vmax); }
.support-copy h2, .trust-copy h2 { margin: 18px 0 24px; }
.support-copy p, .trust-copy p { max-width: 600px; color: #a9bec4; font-size: 17px; line-height: 1.75; }
.section-action { display: inline-flex; margin-top: 24px; padding: 13px 19px; border: 1px solid #00c8d2; border-radius: 999px; color: #eafafa; font-weight: 700; }
.section-action:hover { background: #00c8d2; color: #031016; }
.ticket-demo { position: relative; overflow: hidden; padding: 24px; border: 1px solid rgba(0,200,210,.34); border-radius: 22px; background: linear-gradient(145deg,rgba(7,27,34,.96),rgba(3,12,18,.97)); box-shadow: 0 32px 100px rgba(0,0,0,.35); }
.ticket-demo::before { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 85% 0,rgba(0,200,210,.14),transparent 42%); pointer-events: none; }
.ticket-demo-top, .ticket-demo-title, .ticket-demo-flow { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.ticket-demo-top { color: #00c8d2; font: 700 11px/1 "IBM Plex Mono",monospace; letter-spacing: .08em; }
.ticket-demo-top b { padding: 7px 10px; border: 1px solid rgba(0,200,210,.42); border-radius: 999px; font-size: 9px; }
.ticket-demo-title { align-items: flex-start; flex-direction: column; margin: 20px 0 28px; padding-bottom: 22px; border-bottom: 1px solid rgba(180,210,216,.15); }
.ticket-demo-title span { color: #809ba2; font-size: 11px; }
.ticket-demo-title strong { font-size: 25px; }
.ticket-message { position: relative; max-width: 74%; margin: 15px 0; padding: 14px 16px; border: 1px solid rgba(185,219,225,.16); border-radius: 14px; background: rgba(255,255,255,.045); }
.ticket-message small { display: block; margin-bottom: 7px; color: #00c8d2; font: 700 9px/1 "IBM Plex Mono",monospace; text-transform: uppercase; }
.ticket-message p { margin: 0; color: #e8f1f2; font-size: 14px; }
.ticket-support { margin-left: auto; border-color: rgba(0,200,210,.32); background: rgba(0,200,210,.09); }
.ticket-demo-flow { margin-top: 28px; padding-top: 20px; border-top: 1px solid rgba(180,210,216,.15); }
.ticket-demo-flow span { display: grid; gap: 6px; color: #7f989f; font-size: 9px; }
.ticket-demo-flow b { color: #dbe9eb; font: 700 8px/1 "IBM Plex Mono",monospace; }
.ticket-demo-flow i { height: 1px; flex: 1; background: rgba(0,200,210,.3); }

.trust-contact { padding-block: clamp(90px,11vw,160px); }
.trust-copy { max-width: 850px; margin-bottom: 58px; }
.trust-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 1px; overflow: hidden; border: 1px solid rgba(185,219,225,.16); border-radius: 20px; background: rgba(185,219,225,.16); }
.trust-grid article { min-height: 255px; padding: 28px 24px; background: #061219; }
.trust-grid article > span { color: #00c8d2; font: 700 10px/1 "IBM Plex Mono",monospace; }
.trust-grid h3 { margin: 48px 0 14px; font-size: 18px; }
.trust-grid p { margin: 0; color: #8fa8ae; font-size: 13px; line-height: 1.65; }
.contact-strip { display: flex; align-items: center; justify-content: space-between; gap: 35px; margin-top: 34px; padding: 28px 30px; border: 1px solid rgba(0,200,210,.3); border-radius: 18px; background: rgba(0,200,210,.055); }
.contact-strip h3 { margin: 10px 0 0; font-size: clamp(20px,2vw,28px); }
.contact-strip > div:last-child { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 10px; }
.contact-strip a { padding: 11px 15px; border: 1px solid rgba(0,200,210,.42); border-radius: 999px; color: #eafafa; font-size: 12px; font-weight: 700; }
.contact-strip a:last-child { background: #00c8d2; color: #031016; }
.contact-section { display: grid; grid-template-columns: minmax(0,.8fr) minmax(440px,1.2fr); gap: clamp(35px,7vw,100px); align-items: start; margin-top: 58px; padding: clamp(28px,4vw,52px); border: 1px solid rgba(0,200,210,.28); border-radius: 22px; background: linear-gradient(135deg,rgba(0,200,210,.075),rgba(3,10,16,.84) 55%); }
.contact-intro h3 { margin: 14px 0 16px; font-size: clamp(26px,3.2vw,48px); line-height: 1.04; letter-spacing: -.035em; }
.contact-intro > p { max-width: 520px; color: #a9bdc3; line-height: 1.65; }
.contact-direct { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; margin-top: 26px; }
.contact-direct a { color: #eafafa; font-size: 13px; font-weight: 700; border-bottom: 1px solid rgba(0,200,210,.35); padding-bottom: 3px; }
.contact-form { display: grid; gap: 18px; }
.contact-form-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; }
.contact-form label { display: grid; gap: 8px; color: #cde0e3; font-size: 12px; font-weight: 700; }
.contact-topic-field { display: grid; gap: 8px; color: #cde0e3; font-size: 12px; font-weight: 700; }
.contact-topic-select { position: relative; }
.contact-topic-native { position: absolute !important; width: 1px !important; height: 1px !important; opacity: 0 !important; pointer-events: none !important; }
.contact-form .contact-topic-trigger { display: flex; width: 100%; align-items: center; justify-content: space-between; gap: 14px; padding: 13px 14px; border: 1px solid rgba(185,219,225,.22); border-radius: 11px; background: linear-gradient(180deg,rgba(8,25,33,.96),rgba(3,12,18,.96)); color: #f1f7f8; font-family: inherit; font-size: 14px; font-weight: 600; line-height: 1.45; text-align: left; box-shadow: inset 0 1px rgba(255,255,255,.025); transition: border-color .2s,box-shadow .2s,background .2s; }
.contact-form .contact-topic-trigger:hover, .contact-form .contact-topic-trigger[aria-expanded="true"] { border-color: rgba(0,200,210,.7); background: linear-gradient(180deg,rgba(9,34,42,.98),rgba(3,15,21,.98)); }
.contact-form .contact-topic-trigger:focus-visible { outline: none; border-color: #00c8d2; box-shadow: 0 0 0 3px rgba(0,200,210,.12); }
.contact-topic-trigger svg { color: #00c8d2; transition: transform .2s ease; }
.contact-topic-trigger[aria-expanded="true"] svg { transform: rotate(180deg); }
.contact-topic-menu { position: absolute; z-index: 20; top: calc(100% + 7px); left: 0; right: 0; padding: 7px; border: 1px solid rgba(0,200,210,.35); border-radius: 13px; background: rgba(4,18,25,.98); box-shadow: 0 18px 45px rgba(0,0,0,.45),inset 0 1px rgba(255,255,255,.04); backdrop-filter: blur(18px); }
.contact-topic-menu[hidden] { display: none; }
.contact-form .contact-topic-menu button { display: flex; width: 100%; align-items: center; justify-content: space-between; padding: 10px 12px; border: 0; border-radius: 8px; background: transparent; color: #b9ccd1; font-family: inherit; font-size: 13px; font-weight: 600; line-height: 1.2; text-align: left; }
.contact-form .contact-topic-menu button:hover, .contact-form .contact-topic-menu button:focus-visible { outline: none; background: rgba(0,200,210,.1); color: #fff; }
.contact-form .contact-topic-menu button[aria-selected="true"] { background: rgba(0,200,210,.14); color: #eaffff; }
.contact-form .contact-topic-menu button[aria-selected="true"]::after { content: "✓"; color: #00c8d2; font-weight: 800; }
.contact-form input:not([type="checkbox"]), .contact-form select, .contact-form textarea { width: 100%; box-sizing: border-box; border: 1px solid rgba(185,219,225,.22); border-radius: 11px; background: rgba(3,12,18,.78); color: #f1f7f8; padding: 13px 14px; font: 500 14px/1.45 inherit; outline: none; transition: border-color .2s,box-shadow .2s; }
.contact-form textarea { resize: vertical; min-height: 128px; }
.contact-form input:focus, .contact-form select:focus, .contact-form textarea:focus { border-color: #00c8d2; box-shadow: 0 0 0 3px rgba(0,200,210,.1); }
.contact-consent { grid-template-columns: 18px 1fr !important; align-items: start; gap: 10px !important; color: #91a9af !important; font-weight: 500 !important; line-height: 1.5; }
.contact-consent input { margin: 2px 0 0; accent-color: #00c8d2; }
.contact-consent a { color: #cceff1; text-decoration: underline; text-underline-offset: 3px; }
.contact-honeypot { position: absolute !important; left: -9999px !important; width: 1px !important; height: 1px !important; overflow: hidden !important; }
.contact-form-footer { display: flex; align-items: center; justify-content: space-between; gap: 18px; }
.contact-form-note { margin: 0; color: #718b92; font-size: 11px; }
.contact-form button { flex: 0 0 auto; border: 1px solid #00c8d2; border-radius: 999px; background: #00c8d2; color: #031016; padding: 12px 18px; font: 800 12px/1 inherit; cursor: pointer; }
.contact-form button:disabled { opacity: .58; cursor: wait; }
.contact-form-status { min-height: 20px; margin: -4px 0 0; color: #7be4c6; font-size: 12px; }
.contact-form-status.is-error { color: #ff8d8d; }

.orbit-artwork { transform: scale(1.035) rotate(-.35deg); transform-origin: 72% 62%; animation: orbit-earth-turn 120s ease-in-out infinite alternate; will-change: transform; }
.motion-paused .orbit-artwork { animation-play-state: paused; }
@keyframes orbit-earth-turn { to { transform: scale(1.035) rotate(.65deg); } }

@media (max-width: 1120px) {
  .navigation { gap: 16px; }
  .navigation a:not(.nav-login) { display: none; }
  .support-showcase { grid-template-columns: 1fr; }
  .trust-grid { grid-template-columns: repeat(2,1fr); }
}

@media (prefers-reduced-motion: reduce) { .orbit-artwork { animation: none; transform: none; } }
@media (max-width: 720px) {
  .language-picker { margin-left: 0; }
  .support-showcase { padding-block: 80px; }
  .ticket-demo { padding: 18px; }
  .ticket-demo-flow { align-items: flex-start; flex-direction: column; }
  .ticket-demo-flow i { width: 1px; height: 12px; margin-left: 10px; flex: none; }
  .trust-grid { grid-template-columns: 1fr; }
  .trust-grid article { min-height: 205px; }
  .contact-strip { align-items: flex-start; flex-direction: column; }
  .contact-strip > div:last-child { justify-content: flex-start; }
  .contact-section { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
  .contact-section { padding: 24px 18px; }
  .contact-form-grid { grid-template-columns: 1fr; }
  .contact-form-footer { align-items: flex-start; flex-direction: column; }
}