/*
Theme Name: Harmonique System — Staging
Author: Harmonique System
Version: 0.1.0
*/
:root{--lime:#a9ff18;--white:#f7f9fb;--ink:#071014;--line:rgba(255,255,255,.22)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#020709;color:var(--white);font-family:Arial,Helvetica,sans-serif}
body{overflow-x:hidden}.hmc-page{min-height:100vh;position:relative;display:flex;align-items:center;justify-content:center;background:linear-gradient(90deg,rgba(0,8,12,.35),rgba(0,8,12,.08)),url("assets/Background_betatesters.png") center/cover no-repeat}
.hmc-page:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.2),transparent 40%,rgba(0,0,0,.62));pointer-events:none}
.hmc-nav{position:absolute;top:0;left:0;right:0;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:28px 5vw}
.hmc-brand{width:190px;height:auto;opacity:.82}.hmc-tag{border:1px solid var(--line);border-radius:99px;padding:10px 16px;color:#dfe8e9;font-size:11px;letter-spacing:.18em;text-transform:uppercase}
.hmc-content{position:absolute;right:8vw;bottom:14vh;z-index:1;display:flex;align-items:center}
.hmc-kicker{color:var(--lime);font-size:13px;letter-spacing:.28em;text-transform:uppercase;margin:0 0 18px}.hmc-title{max-width:700px;font-size:clamp(42px,7vw,92px);line-height:.94;letter-spacing:-.055em;margin:0 0 24px;font-weight:800}
.hmc-lead{max-width:540px;color:#d3dddd;font-size:clamp(17px,2vw,22px);line-height:1.45;margin:0 0 32px}.hmc-actions{display:flex;gap:14px;flex-wrap:wrap}
.hmc-button{display:inline-block;padding:15px 23px;border-radius:4px;background:var(--lime);color:#071014;text-decoration:none;font-weight:800;letter-spacing:.06em;text-transform:uppercase;font-size:12px;transition:transform .2s,box-shadow .2s}
.hmc-button:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(169,255,24,.28)}.hmc-button.alt{background:rgba(5,12,15,.55);border:1px solid var(--line);color:var(--white)}
.hmc-footer{position:absolute;bottom:25px;z-index:2;width:90vw;text-align:center;color:#c1cacc;font-size:10px;letter-spacing:.32em;text-transform:uppercase}
@media(max-width:650px){.hmc-nav{padding:20px 5vw}.hmc-brand{width:145px}.hmc-tag{font-size:9px;padding:8px 10px}.hmc-content{padding-top:18vh}.hmc-title{font-size:clamp(42px,14vw,70px)}.hmc-footer{font-size:8px;letter-spacing:.2em}}
.hmc-form-page{min-height:100vh;position:relative;padding:110px 5vw 90px;background:linear-gradient(90deg,rgba(0,8,12,.82),rgba(0,8,12,.58)),url("assets/Background_betatesters.png") center/cover fixed no-repeat}.hmc-form-shell{position:relative;z-index:1;width:min(920px,100%);margin:0 auto}.hmc-form-page .forminator-ui{max-width:920px!important;margin:0 auto!important;padding:34px!important;background:rgba(5,14,18,.9)!important;color:#edf4f2!important;border:1px solid rgba(255,255,255,.2)!important}.hmc-form-page .forminator-label,.hmc-form-page .forminator-description{color:#edf4f2!important}.hmc-form-page .forminator-input,.hmc-form-page .forminator-textarea,.hmc-form-page .forminator-select{background:#101d20!important;color:#fff!important;border:1px solid #3a5255!important}.hmc-form-page .forminator-button-submit{background:var(--lime)!important;color:#071014!important;border:0!important;font-weight:800!important}.hmc-form-page .hmc-nav{top:0}.hmc-form-page .hmc-footer{bottom:25px}@media(max-width:650px){.hmc-form-page{padding:90px 15px 70px;background-attachment:scroll}.hmc-form-page .forminator-ui{padding:20px!important}}
.hmc-form-page{background-image:linear-gradient(90deg,rgba(0,8,12,.84),rgba(0,8,12,.6)),url("/wp-content/themes/hmc-staging-theme/assets/Background_betatesters.png")!important;background-position:center!important;background-size:cover!important;background-attachment:fixed!important}.hmc-form-page .forminator-ui,.hmc-form-page form{width:min(760px,100%)!important;max-width:760px!important;margin-left:auto!important;margin-right:auto!important}.hmc-form-page .forminator-ui{padding:32px!important;background:rgba(5,14,18,.92)!important}.hmc-form-page .forminator-row,.hmc-form-page .forminator-field{margin-bottom:20px!important}.hmc-form-page input,.hmc-form-page select,.hmc-form-page textarea{max-width:100%!important}.hmc-form-page .forminator-button{min-width:180px!important}@media(max-width:650px){.hmc-form-page{background-attachment:scroll!important}.hmc-form-page .forminator-ui{padding:20px!important}}
@media(max-width:650px){html,body{overflow-x:hidden}.hmc-form-page{padding:82px 12px 58px!important;min-height:100vh}.hmc-form-page .hmc-nav{padding:16px 14px!important}.hmc-form-page .hmc-brand{width:135px!important}.hmc-form-page .hmc-tag{font-size:8px!important;letter-spacing:.1em!important;padding:7px 8px!important}.hmc-form-shell{width:100%!important}.hmc-form-page .forminator-ui{width:100%!important;max-width:100%!important;margin:0!important;padding:18px 15px!important;border-radius:5px!important}.hmc-form-page .forminator-row{margin:0!important}.hmc-form-page .forminator-col,.hmc-form-page .forminator-field{width:100%!important;float:none!important;margin:0 0 16px!important}.hmc-form-page .forminator-label{font-size:14px!important;line-height:1.35!important}.hmc-form-page input,.hmc-form-page select,.hmc-form-page textarea{font-size:16px!important;min-height:44px!important}.hmc-form-page textarea{min-height:110px!important}.hmc-form-page .forminator-button-submit{width:100%!important;min-height:48px!important}.hmc-form-page .hmc-footer{position:static!important;width:100%!important;margin-top:24px!important;font-size:8px!important;letter-spacing:.16em!important}}
@media(max-width:650px){.hmc-form-page{background-image:linear-gradient(90deg,rgba(0,8,12,.8),rgba(0,8,12,.45)),url("/wp-content/themes/hmc-staging-theme/assets/mobile-background-hmc-e4.jpg")!important;background-position:center top!important;background-size:cover!important}}
@media(max-width:650px){.hmc-page{background-image:linear-gradient(180deg,rgba(0,8,12,.12),rgba(0,8,12,.55)),url("/wp-content/themes/hmc-staging-theme/assets/mobile-background-hmc-e4.jpg")!important;background-position:center top!important;background-size:cover!important;background-attachment:scroll!important}.hmc-page .hmc-content{right:6vw!important;bottom:12vh!important}.hmc-page .hmc-footer{bottom:18px!important}}
.hmc-about-page{min-height:100vh;position:relative;padding:110px 5vw 90px;background:linear-gradient(90deg,rgba(0,8,12,.84),rgba(0,8,12,.56)),url("/wp-content/themes/hmc-staging-theme/assets/Background_betatesters.png") center/cover fixed no-repeat}
.hmc-about-shell{position:relative;z-index:1;width:min(920px,100%);margin:0 auto}
.hmc-about-content{padding:42px 48px;background:rgba(5,14,18,.9);border:1px solid rgba(255,255,255,.2);color:#edf4f2;line-height:1.65;box-shadow:0 18px 70px rgba(0,0,0,.28)}
.hmc-about-content h1,.hmc-about-content h2{color:#fff;line-height:1.15;letter-spacing:-.02em}
.hmc-about-content h1{font-size:clamp(30px,4vw,52px);margin:0 0 28px}
.hmc-about-content h2{font-size:clamp(22px,3vw,32px);margin:42px 0 14px}
.hmc-about-content p{margin:0 0 18px}
.hmc-about-content ul{margin:0 0 22px;padding-left:24px}
.hmc-about-content li{margin:0 0 8px}
.hmc-about-content strong{color:var(--lime)}
.hmc-about-content pre{overflow:auto;margin:26px 0;padding:22px;background:rgba(0,0,0,.42);border:1px solid rgba(255,255,255,.16);color:#dce8e6;font:13px/1.45 Consolas,monospace}
.hmc-about-page .hmc-footer{bottom:25px}
@media(max-width:650px){.hmc-about-page{padding:84px 12px 68px;background:linear-gradient(180deg,rgba(0,8,12,.32),rgba(0,8,12,.72)),url("/wp-content/themes/hmc-staging-theme/assets/mobile-background-hmc-e4.jpg") center top/cover scroll no-repeat}.hmc-about-page .hmc-nav{padding:16px 14px}.hmc-about-page .hmc-brand{width:135px}.hmc-about-page .hmc-tag{font-size:8px;letter-spacing:.1em;padding:7px 8px}.hmc-about-content{padding:25px 20px;font-size:15px;line-height:1.58}.hmc-about-content h1{font-size:31px;margin-bottom:22px}.hmc-about-content h2{font-size:24px;margin-top:34px}.hmc-about-content pre{font-size:10px;padding:14px;margin-left:-6px;margin-right:-6px}.hmc-about-page .hmc-footer{position:static;width:100%;margin-top:24px;font-size:8px;letter-spacing:.16em}}
.hmc-language-switcher{position:relative;z-index:2;display:flex;justify-content:flex-end;gap:8px;margin:0 0 12px}
.hmc-language-button{appearance:none;min-width:46px;padding:9px 12px;border:1px solid rgba(255,255,255,.28);border-radius:4px;background:rgba(5,14,18,.82);color:#edf4f2;font-weight:800;font-size:11px;letter-spacing:.12em;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.hmc-language-button:hover,.hmc-language-button:focus-visible{border-color:var(--lime);outline:none}
.hmc-language-button.is-active{background:var(--lime);border-color:var(--lime);color:#071014}
.hmc-language-panel{display:none}
.hmc-language-panel.is-active{display:block}
@media(max-width:650px){.hmc-language-switcher{justify-content:center;margin-bottom:10px}.hmc-language-button{min-width:52px;padding:10px 12px}.hmc-language-panel.is-active{display:block}}
.hmc-language-panel.is-active{padding:42px 48px;background:rgba(5,14,18,.88);border:1px solid rgba(255,255,255,.2);color:#edf4f2;line-height:1.65;box-shadow:0 18px 70px rgba(0,0,0,.28)}
.hmc-language-panel h1,.hmc-language-panel h2{color:#fff;line-height:1.15;letter-spacing:-.02em}
.hmc-language-panel h1{font-size:clamp(30px,4vw,52px);margin:0 0 28px}
.hmc-language-panel h2{font-size:clamp(22px,3vw,32px);margin:42px 0 14px}
.hmc-language-panel p{margin:0 0 18px}
.hmc-language-panel ul{margin:0 0 22px;padding-left:24px}
.hmc-language-panel li{margin:0 0 8px}
.hmc-language-panel strong{color:var(--lime)}
.hmc-language-panel pre{overflow:auto;margin:26px 0;padding:22px;background:rgba(0,0,0,.42);border:1px solid rgba(255,255,255,.16);color:#dce8e6;font:13px/1.45 Consolas,monospace}
@media(max-width:650px){.hmc-language-panel.is-active{padding:25px 20px;font-size:15px;line-height:1.58}.hmc-language-panel h1{font-size:31px;margin-bottom:22px}.hmc-language-panel h2{font-size:24px;margin-top:34px}.hmc-language-panel pre{font-size:10px;padding:14px;margin-left:-6px;margin-right:-6px}}