/* Keep the supplied hostix-site_2 design. app.css is the unmodified source. */
:root{color-scheme:dark}
.bgvid{background:url('/hero-poster.jpg') center/cover no-repeat}
.logo .mark,.hx-mark{width:26px;height:26px;border-radius:9px;background:#080a0f url('/logo.png') 50% 41%/235% auto no-repeat!important;box-shadow:0 6px 18px -6px var(--glow)!important}
.logo .mark svg{display:none}
.landing .badge{white-space:normal}
.landing section[id]{scroll-margin-top:90px}
.landing .light{background:var(--bg-soft);color:var(--ink);border-block:1px solid var(--line)}
.landing .light .lead,.landing .lcard p{color:var(--ink-2)}
.landing .lcard{background:var(--card);border-color:var(--line)}
.landing .light .eyebrow,.landing .light .ic{color:var(--br-2)}
.landing .geo-panel .st{white-space:normal}
.landing .geo-list{grid-template-columns:repeat(var(--location-count,5),minmax(0,1fr))}
.landing .plan-code{letter-spacing:.04em}
.landing .plans-more{display:flex;justify-content:center;margin-top:24px}
.landing .plan .btn{margin-top:auto}
.landing .plan .spec{margin-bottom:20px}
.landing .plan[hidden],.landing [hidden]{display:none!important}
.landing .catalog-message{grid-column:1/-1;padding:24px;border:1px solid var(--line);border-radius:var(--r);background:var(--card);color:var(--ink-2)}
.landing .catalog-message a{color:var(--br-2);text-decoration:underline}
.landing .nav.mobile-open{display:flex;position:absolute;left:0;right:0;top:65px;flex-direction:column;padding:16px;background:var(--card);border:1px solid var(--line);border-radius:var(--r);margin:0}
@media(max-width:899px){.landing .geo-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.landing .geo-list{grid-template-columns:1fr}.landing .locpill{height:auto;min-height:46px;flex-wrap:wrap;padding-block:7px}.landing .hero-cta .btn{padding-inline:20px}}

/* Cabinet behavior stays in web.css; visual tokens come from the supplied design. */
body.workspace{--page:var(--bg);--panel:rgba(16,19,25,.82);--panel2:var(--card-2);--edge:var(--line);--muted:var(--ink-2);--blue:var(--br-2);background:var(--bg);color:var(--ink)}
.workspace .hx-logo{font-size:18px;font-weight:600;letter-spacing:.005em;gap:10px}
.workspace .sidebar{background:rgba(9,11,15,.86);backdrop-filter:blur(14px);width:252px;padding:22px 16px;border-color:var(--line)}
.workspace .sidebar .hx-logo{margin:6px 8px 22px}
.workspace .side-link{padding:11px 12px;border-radius:13px;font-size:14.5px;color:var(--ink-2)}
.workspace .side-link.active{background:rgba(47,107,255,.16);color:#dbe6ff;box-shadow:inset 0 0 0 1px rgba(91,140,255,.28)}
.workspace .side-link.active:before{display:none}
.workspace .side-link:hover{background:rgba(255,255,255,.05);color:var(--ink)}
.workspace .sidebar-create{margin-bottom:10px}
.workspace .shell{margin-left:252px}
.workspace .topbar{height:70px;background:rgba(9,11,15,.62);backdrop-filter:blur(14px);border-color:var(--line)}
.workspace .page{padding-top:26px;max-width:1280px}
.workspace .box,.workspace .shortcut{border-radius:var(--r);border-color:var(--line);background:var(--panel);backdrop-filter:blur(10px)}
.workspace .grid{gap:16px}
.workspace .balance-box{background:var(--panel);border-color:var(--line)}
.workspace .big-num{font-size:38px;letter-spacing:-.035em}
.workspace .btnx{border-radius:999px;background:rgba(255,255,255,.04);border-color:var(--line-2);font-size:14px}
.workspace .btnx.primary{background:linear-gradient(150deg,var(--br-2),var(--br));border-color:transparent;box-shadow:0 12px 30px -12px var(--glow);color:#fff}
.workspace .btnx.quiet{background:transparent;border-color:var(--line-2)}
.workspace .btnx.danger{background:#38232e;color:#ff9aa4;border-color:#72444f}
.workspace .btnx:hover{filter:brightness(1.1)}
.workspace .field input,.workspace .field select,.workspace .field textarea,.workspace .input{background:rgba(255,255,255,.03);border-color:var(--line-2);border-radius:14px}
.workspace .field select option{background:var(--card)}
.workspace .field input:focus,.workspace .field select:focus,.workspace .field textarea:focus{border-color:rgba(91,140,255,.65);background:rgba(47,107,255,.07);box-shadow:0 0 0 4px rgba(47,107,255,.12)}
.workspace .option{border-radius:15px;background:var(--card-2);border-color:var(--line)}
.workspace .option:has(input:checked){border-color:rgba(91,140,255,.6);background:linear-gradient(180deg,rgba(47,107,255,.16),transparent),var(--card-2);box-shadow:0 10px 30px -18px var(--glow)}
.workspace .status{border-radius:999px}
.promo-tag{display:inline-block;padding:3px 8px;border-radius:999px;background:rgba(47,107,255,.16);color:#a7c2ff;font-size:10px;letter-spacing:.04em;vertical-align:middle}
.workspace .chip{border-radius:999px;border-color:var(--line-2)}
.workspace .chip.active{background:rgba(47,107,255,.16);border-color:rgba(91,140,255,.6);color:#dbe6ff}
.workspace .tabs{gap:4px;border:0;padding:4px;border-radius:14px;background:rgba(255,255,255,.045)}
.workspace .tabs button,.workspace .tabs a{padding:9px 15px;border:0;border-radius:11px}
.workspace .tabs .active{background:var(--card);color:var(--ink);box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.workspace .table th,.workspace .table td{border-color:var(--line)}
.workspace .avatar{background:linear-gradient(150deg,var(--br-2),var(--br-deep));color:#fff}
.workspace .nav-label{font-size:11.5px;letter-spacing:.13em;color:var(--ink-3)}
.workspace .doc-nav a.active{background:rgba(47,107,255,.16)}
.workspace dialog{background:var(--card);border-color:var(--line-2);border-radius:var(--r)}
.workspace .auth{grid-template-columns:1.02fr .98fr}
.workspace .auth-story{position:relative;overflow:hidden;padding:44px;min-height:100vh;justify-content:space-between;background:linear-gradient(180deg,rgba(47,107,255,.10),transparent 55%);border-right:1px solid var(--line)}
.workspace .auth-story .auth-globe{position:absolute;left:-14%;bottom:-32%;width:130%;opacity:.9;pointer-events:none}
.workspace .auth-story h1{position:relative;max-width:26ch;font-size:30px;line-height:1.15;letter-spacing:-.02em;font-weight:500;margin:40px 0 auto;padding-top:80px}
.workspace .auth-story p{position:relative;max-width:30ch;font-size:15px;margin:20px 0 auto}
.workspace .auth-story .footer{position:relative;margin-top:70px;color:var(--ink-3)}
.workspace .auth-form-wrap{position:relative;padding:34px 20px 44px;flex-direction:column}
.workspace .auth-form{max-width:432px}
.workspace .auth-top{display:flex;max-width:432px;width:100%;margin-bottom:34px}
.workspace .auth-form h1{font-size:30px;letter-spacing:-.025em}
.workspace .auth-form .field input{min-height:52px;font-size:15px;padding:0 16px}
.workspace .auth-form .btnx{min-height:48px}
.workspace .auth-form .stack>.btnx.primary{min-height:52px}
.workspace .auth-form .auth-links{font-size:14px}
@media(max-width:980px){.workspace .auth{grid-template-columns:1fr}.workspace .auth-story{display:none}.workspace .auth-form-wrap{min-height:100vh;justify-content:center}}
@media(max-width:850px){.workspace .shell{margin-left:0}.workspace .topbar{height:65px}.workspace .page{padding:23px 18px 45px}}
@media(max-width:580px){.workspace .box,.workspace .shortcut{border-radius:20px}.workspace .big-num{font-size:30px}.workspace .btnx{font-size:13px}.workspace .auth-form-wrap{justify-content:flex-start;padding-top:28px}}
@media(prefers-reduced-motion:reduce){.bgvid video{display:none}.bgvid{background-image:url('/hero-poster.jpg')}}
/* бенто: широкие карточки только в три колонки — иначе внизу остаётся пустая клетка */
@media (max-width:1039px){.landing .bento .span2{grid-column:auto}}