/* Orbit GCS — інтерфейс пілота. Кольори й шрифти Adaptis (темна тема з корпоративної презентації). */
@font-face{font-family:'Inter';font-weight:400 700;font-display:swap;src:url(brand/fonts/Inter-cyrillic.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Inter';font-weight:400 700;font-display:swap;src:url(brand/fonts/Inter-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Montserrat';font-weight:500 800;font-display:swap;src:url(brand/fonts/Montserrat-cyrillic.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Montserrat';font-weight:500 800;font-display:swap;src:url(brand/fonts/Montserrat-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{
  --bg:#080B12; --chrome:#0B0F16; --panel:#121821; --tile:#141A24; --tile2:#1B2230;
  --line:#242E3D; --line-strong:#334055; --ink:#EDF1F7; --ink-2:#B7C1D1; --head:#FFFFFF; --mute:#8B97AA; --dim:#616D80;
  --acc:#4F9BF5; --on-acc:#080D14; --mark:#277EDF;
  --ok:#45C281; --warn:#EDA945; --bad:#F07A6E;
  --acc-soft:color-mix(in srgb,var(--acc) 14%,var(--tile));
  --acc-line:color-mix(in srgb,var(--acc) 45%,var(--tile));
  --f-head:"Montserrat","Inter",system-ui,sans-serif;
  --f-body:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --hud:rgba(8,11,18,.62);
  color-scheme:dark;
  /* 960 CSS px (Logitech G Cloud) → ~15 px; 1920 (Windows) → ~20 px */
  font-size:calc(10px + .55vw);
}
*{box-sizing:border-box}
html,body{margin:0;height:100%;background:var(--bg);color:var(--ink);font:1rem/1.4 var(--f-body);-webkit-font-smoothing:antialiased;overflow:hidden;
  user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}
h1,h2,h3{font-family:var(--f-head);color:var(--head);margin:0;letter-spacing:-.01em}
h1{font-size:1.35rem;font-weight:800} h2{font-size:1.05rem;font-weight:700} h3{font-size:.95rem;font-weight:700}
button,input,select{font:inherit;color:inherit}
.num{font-variant-numeric:tabular-nums}
.mute{color:var(--mute)} .ok{color:var(--ok)} .warn{color:var(--warn)} .bad{color:var(--bad)} .acc{color:var(--acc)}
#app{height:100%}

/* кнопки */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:2.6rem;padding:0 1.1rem;border-radius:.7rem;border:1px solid var(--line-strong);
  background:var(--tile2);font-weight:600;cursor:pointer;white-space:nowrap;outline:none;transition:background .12s,border-color .12s}
.btn:active{transform:translateY(1px)}
.btn.pri{background:var(--acc);border-color:var(--acc);color:var(--on-acc)}
.btn.danger{background:color-mix(in srgb,var(--bad) 18%,var(--tile));border-color:color-mix(in srgb,var(--bad) 55%,var(--tile));color:#FFD9D4}
.btn.ghost{background:transparent;border-color:transparent;color:var(--ink-2)}
.btn.icon{padding:0;width:2.6rem}
.btn svg{width:1.25rem;height:1.25rem}
.btn[disabled]{opacity:.45;pointer-events:none}
/* фокус з геймпада — добре видно на відео й на плитках */
.focus{outline:.2rem solid var(--acc)!important;outline-offset:.15rem}

/* верхня смуга */
.top{display:flex;align-items:center;gap:.8rem;height:3.6rem;padding:0 1.2rem;background:var(--chrome);border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:.6rem;font:800 1.15rem var(--f-head);color:var(--head)}
.brand img{height:1.6rem}
.brand small{font:600 .7rem var(--f-body);color:var(--mute);letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--line-strong);border-radius:.4rem;padding:.1rem .4rem}
.brand .ver{font:500 .75rem var(--f-body);color:var(--dim);white-space:nowrap}
.grow{flex:1}
.chip{display:inline-flex;align-items:center;gap:.4rem;padding:.25rem .65rem;border-radius:99rem;background:var(--tile2);border:1px solid var(--line);font-size:.8rem;color:var(--ink-2);white-space:nowrap}
.dot{width:.55rem;height:.55rem;border-radius:50%;background:var(--dim);flex:none}
.dot.ok{background:var(--ok)} .dot.warn{background:var(--warn)} .dot.bad{background:var(--bad)}

/* головний екран */
.home{display:grid;grid-template-columns:minmax(15rem,30%) 1fr;height:calc(100% - 3.6rem)}
.side{border-right:1px solid var(--line);padding:1.1rem 1.2rem;overflow:auto;background:var(--panel)}
.main{padding:1.1rem 1.4rem;overflow:auto}
.sec{margin-bottom:1.3rem}
.sec h2{margin-bottom:.6rem;display:flex;align-items:center;gap:.6rem}
.row{display:flex;align-items:center;gap:.6rem;padding:.55rem 0;border-bottom:1px solid var(--line);font-size:.9rem}
.row:last-child{border-bottom:0}
.row .k{color:var(--mute);min-width:5.5rem}
.row .v{margin-left:auto;text-align:right}
.boards{display:grid;grid-template-columns:repeat(auto-fill,minmax(17rem,1fr));gap:1rem}
.card{border:1px solid var(--line);background:var(--tile);border-radius:1rem;overflow:hidden;display:flex;flex-direction:column;outline:none}
.card.cur{border-color:var(--acc-line);box-shadow:0 0 0 1px var(--acc-line)}
.card .hd{display:flex;align-items:baseline;gap:.6rem;padding:.8rem 1rem .2rem}
.card .hd h3{font-size:1.05rem}
.card .id{color:var(--mute);font-size:.78rem}
.card .bd{padding:.3rem 1rem .8rem;display:grid;grid-template-columns:1fr 1fr;gap:.35rem .8rem;font-size:.85rem}
.card .bd .k{color:var(--mute)}
.card .ft{display:flex;gap:.5rem;align-items:center;padding:.7rem 1rem;border-top:1px solid var(--line);background:var(--tile2);margin-top:auto}
.card.add{align-items:center;justify-content:center;min-height:11rem;border-style:dashed;background:transparent;color:var(--mute);cursor:pointer;gap:.4rem}
.card.add svg{width:2rem;height:2rem}
.empty{color:var(--mute);font-size:.9rem;line-height:1.5}

/* діалоги */
.dlg-bg{position:fixed;inset:0;background:rgba(3,5,9,.66);display:flex;align-items:center;justify-content:center;z-index:50}
.dlg{width:min(40rem,92vw);max-height:90vh;overflow:auto;background:var(--panel);border:1px solid var(--line-strong);border-radius:1.1rem;padding:1.3rem 1.4rem}
.dlg.wide{width:min(56rem,94vw)}
.dlg h2{margin-bottom:.9rem}
.dlg .acts{display:flex;gap:.6rem;justify-content:flex-end;margin-top:1.1rem}
.fld{display:block;margin-bottom:.8rem}
.fld span{display:block;font-size:.8rem;color:var(--mute);margin-bottom:.3rem}
.fld input{width:100%;min-height:2.6rem;padding:0 .8rem;border-radius:.6rem;border:1px solid var(--line-strong);background:var(--bg);font-size:16px;outline:none;user-select:text;-webkit-user-select:text}
.fld input:focus{border-color:var(--acc)}
.hint{font-size:.8rem;color:var(--mute);line-height:1.45}
.err{color:var(--bad);font-size:.85rem;min-height:1.2em}
table.t{width:100%;border-collapse:collapse;font-size:.85rem}
table.t th{text-align:left;color:var(--mute);font-weight:600;padding:.35rem .5rem;border-bottom:1px solid var(--line)}
table.t td{padding:.35rem .5rem;border-bottom:1px solid var(--line)}
.bars{display:grid;grid-template-columns:repeat(2,1fr);gap:.35rem 1.4rem}
.bar{display:grid;grid-template-columns:2.6rem 1fr 3.2rem;align-items:center;gap:.5rem;font-size:.8rem}
.bar .tr{height:.6rem;background:var(--bg);border-radius:.3rem;position:relative;overflow:hidden}
.bar .tr i{position:absolute;top:0;bottom:0;left:0;background:var(--acc);border-radius:.3rem}
.bar .tr b{position:absolute;top:0;bottom:0;width:2px;background:var(--warn)}
.tabs{display:flex;gap:.4rem;margin-bottom:1rem}
.switch{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.6rem 0;border-bottom:1px solid var(--line)}
.tg{width:2.8rem;height:1.6rem;border-radius:1rem;background:var(--line-strong);position:relative;flex:none;cursor:pointer;border:0;outline:none}
.tg::after{content:"";position:absolute;top:.2rem;left:.2rem;width:1.2rem;height:1.2rem;border-radius:50%;background:#fff;transition:left .15s}
.tg.on{background:var(--acc)} .tg.on::after{left:1.4rem}

/* екран польоту */
.fly{position:fixed;inset:0;background:#000;overflow:hidden}
.fly canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.novideo{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem;color:var(--mute);font-size:1rem;text-align:center;padding:2rem}
.fly canvas{transition:opacity .3s}
.novideo b{font:700 1.2rem var(--f-head);color:var(--ink-2);text-shadow:0 1px 3px #000}
.novideo span{text-shadow:0 1px 3px #000}
.hudbar{position:absolute;left:0;right:0;display:flex;align-items:center;gap:.8rem;padding:.55rem 1rem;font-size:.95rem;pointer-events:none}
.hudbar>*{pointer-events:auto}
.hudbar.t{top:0;background:linear-gradient(var(--hud),rgba(8,11,18,.25) 75%,transparent);padding-bottom:1.2rem;align-items:flex-start}
.hudbar.b{bottom:0;background:linear-gradient(transparent,rgba(8,11,18,.3) 25%,var(--hud));padding-top:1.3rem;justify-content:space-between}
.hv{display:flex;flex-direction:column;align-items:center;line-height:1.15;min-width:4.5rem}
.hv small{font-size:.66rem;letter-spacing:.08em;color:var(--mute);text-transform:uppercase}
.hv b{font:700 1.15rem var(--f-head);font-variant-numeric:tabular-nums;color:#fff;text-shadow:0 1px 2px #000}
.center{position:absolute;left:50%;transform:translateX(-50%);top:.5rem;display:flex;flex-direction:column;align-items:center;gap:.25rem}
.modebtn{font:800 1.25rem var(--f-head);letter-spacing:.04em;color:#fff;background:rgba(20,26,36,.55);border:1px solid var(--line-strong);border-radius:.6rem;padding:.2rem .9rem;cursor:pointer;text-shadow:0 1px 2px #000;outline:none}
.armst{font:800 .95rem var(--f-head);letter-spacing:.12em}
.armst.on{color:var(--bad);text-shadow:0 0 .6rem rgba(240,122,110,.6)} .armst.off{color:var(--ok)}
.links{display:flex;gap:.4rem;flex-wrap:wrap}
.lk{display:flex;align-items:center;gap:.35rem;background:rgba(20,26,36,.55);border:1px solid var(--line);border-radius:.5rem;padding:.15rem .5rem;font-size:.8rem;color:var(--ink-2)}
.lk b{color:#fff;font-weight:600}
.side-r{position:absolute;right:1rem;top:4.2rem;display:flex;flex-direction:column;gap:.5rem;align-items:flex-end}
.stats{background:rgba(8,11,18,.72);border:1px solid var(--line);border-radius:.7rem;padding:.55rem .75rem;font-size:.78rem;font-variant-numeric:tabular-nums;min-width:12rem}
.stats div{display:flex;justify-content:space-between;gap:1rem}
.stats span{color:var(--mute)}
.toolbar{position:absolute;right:1rem;bottom:4.6rem;display:grid;grid-template-columns:repeat(2,auto);gap:.55rem}
.toolbar .btn{background:rgba(20,26,36,.7);min-width:2.9rem;min-height:2.9rem}
.toolbar .btn.on{background:var(--acc);color:var(--on-acc);border-color:var(--acc)}
.lefttools{position:absolute;left:1rem;bottom:4.6rem;display:flex;flex-direction:column;gap:.55rem;align-items:flex-start}
.lefttools .btn{background:rgba(20,26,36,.7)}
/* глядач веб-станції: без керування */
.fly.viewer #f-ctl,.fly.viewer #f-armbtn,.fly.viewer #f-src,.fly.viewer #f-zin,.fly.viewer #f-zout,.fly.viewer #f-home,.fly.viewer .ctlbadge,.fly.viewer #f-padhint{display:none}
.fly.viewer .modebtn{pointer-events:none}
.viewbar:empty{display:none}
.viewbar{position:absolute;left:50%;top:4.2rem;transform:translateX(-50%);display:flex;gap:.7rem;align-items:center;padding:.35rem .5rem .35rem .9rem;border-radius:.6rem;background:rgba(20,26,36,.78);border:1px solid var(--line);font:600 .9rem var(--f-body);color:var(--ink)}
.viewbar .btn{min-height:2.2rem;padding:0 .8rem}
/* озброєння утриманням: вікно з поступом (не перехоплює дотик — палець лишається на кнопці) */
.holdov{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(3,5,9,.35);z-index:70;pointer-events:none}
.holdbox{min-width:22rem;background:var(--panel);border:2px solid var(--bad);border-radius:1rem;padding:1.1rem 1.4rem;display:flex;flex-direction:column;gap:.5rem;text-align:center;box-shadow:0 1rem 3rem rgba(0,0,0,.5)}
.holdbox b{font:800 1.3rem var(--f-head);color:#fff}
.holdbox span{color:var(--ink-2)}
.holdbox small{color:var(--mute);font-size:.8rem}
.holdbar{height:.9rem;background:var(--bg);border-radius:.45rem;overflow:hidden}
.holdbar i{display:block;height:100%;width:0;background:var(--bad);border-radius:.45rem}
.holdov.ctl .holdbox{border-color:var(--acc)} .holdov.ctl .holdbar i{background:var(--acc)}
.holdov.disarm .holdbox{border-color:var(--warn)} .holdov.disarm .holdbar i{background:var(--warn)}
.holdov.cancel .holdbox{border-color:var(--line-strong)} .holdov.cancel .holdbar i{background:var(--dim)}
.arm span{position:relative}
.msgs{position:absolute;left:1rem;top:4.4rem;display:flex;flex-direction:column;gap:.35rem;max-width:45%}
.msg{background:rgba(8,11,18,.72);border-left:.2rem solid var(--acc);border-radius:.35rem;padding:.25rem .6rem;font-size:.82rem;animation:fade 8s forwards}
.msg.s0,.msg.s1,.msg.s2,.msg.s3{border-left-color:var(--bad)} .msg.s4{border-left-color:var(--warn)}
@keyframes fade{0%,80%{opacity:1}100%{opacity:0}}
svg.horizon{position:absolute;left:50%;top:50%;width:34vmin;height:34vmin;transform:translate(-50%,-50%);pointer-events:none;overflow:visible}
.ctlbadge{font:700 .8rem var(--f-body);padding:.2rem .55rem;border-radius:.4rem;letter-spacing:.04em}
.ctlbadge.on{background:var(--acc);color:var(--on-acc)} .ctlbadge.off{background:rgba(20,26,36,.7);color:var(--mute);border:1px solid var(--line)}
.picker{position:absolute;left:50%;top:3.9rem;transform:translateX(-50%);background:var(--panel);border:1px solid var(--line-strong);border-radius:.9rem;padding:.6rem;
  display:grid;grid-template-columns:repeat(4,minmax(7rem,1fr));gap:.4rem;z-index:20;max-height:70vh;overflow:auto}
.picker .btn{min-height:2.4rem;font-size:.85rem}
.picker .btn.cur{border-color:var(--acc);color:var(--acc)}

.toast{position:fixed;left:50%;bottom:5.5rem;transform:translateX(-50%);background:var(--tile2);border:1px solid var(--line-strong);border-radius:.7rem;padding:.55rem 1rem;
  font-size:.9rem;opacity:0;transition:opacity .2s;pointer-events:none;z-index:60;max-width:80vw;text-align:center}
.toast.show{opacity:1} .toast.bad{border-color:var(--bad)} .toast.ok{border-color:var(--ok)}

/* налаштування — окремий екран */
.top h1{font-size:1.15rem}
.set{display:grid;grid-template-columns:minmax(9.5rem,15%) 1fr;height:calc(100% - 3.6rem)}
.snav{display:flex;flex-direction:column;gap:.45rem;padding:1rem .8rem;border-right:1px solid var(--line);background:var(--panel);overflow:auto}
.snav .btn{justify-content:flex-start;white-space:normal;text-align:left;min-height:2.4rem;font-size:.9rem}
.smain{padding:1rem 1.2rem;overflow:auto}
.profs{display:flex;flex-wrap:wrap;gap:.45rem;align-items:center;margin-bottom:.7rem}
.profs .btn{min-height:2.3rem;font-size:.85rem}
.padgrid{display:grid;grid-template-columns:1.25fr 1fr;gap:1rem;align-items:start}
.padsvg svg{width:100%;height:auto;display:block}
.gpad .body{fill:var(--tile);stroke:var(--line-strong);stroke-width:2}
.gpad .scr{fill:#05080d;stroke:var(--line)}
.gpad .scrt{fill:var(--dim);font:700 26px var(--f-head)}
.gpad .ctl{cursor:pointer;outline:none}
.gpad .ctl .sh{fill:var(--tile2);stroke:var(--line-strong);stroke-width:2;transition:fill .08s}
.gpad .ctl.on .sh{fill:var(--acc)}
.gpad .ctl.sel .sh{stroke:var(--acc);stroke-width:5}
.gpad .ctl.focus .sh{stroke:#fff;stroke-width:4;stroke-dasharray:6 4}
.gpad .lb{fill:var(--ink);font:700 18px var(--f-body);pointer-events:none}
.gpad .tag{fill:var(--acc);font:700 17px var(--f-body);pointer-events:none}
.gpad .dot{fill:var(--mute);pointer-events:none}
.gpad .ctl.on .dot{fill:#fff}
.chans{display:grid;grid-template-columns:1fr 1fr;gap:.25rem 1rem;margin-top:.5rem}
.chrow{display:grid;grid-template-columns:2.6rem 1fr 5.6rem;align-items:center;gap:.5rem;font-size:.8rem;cursor:pointer;padding:.1rem .3rem;border-radius:.4rem}
.chrow .tr{height:.8rem;background:var(--tile2);border:1px solid var(--line-strong);border-radius:.4rem;position:relative;overflow:hidden}
.chrow .tr u{position:absolute;left:50%;top:0;bottom:0;width:1px;background:var(--dim)}
.chrow .tr i{position:absolute;top:0;bottom:0;background:var(--acc);transition:left .08s,width .08s}
.chrow .tr b{position:absolute;top:-1px;bottom:-1px;width:3px;margin-left:-1px;background:var(--warn)}
.chrow.chg{animation:chg .6s}
@keyframes chg{0%{background:color-mix(in srgb,var(--acc) 35%,transparent)}100%{background:transparent}}
.ctlp{background:var(--panel);border:1px solid var(--line);border-radius:.9rem;padding:.9rem 1rem;max-height:calc(100vh - 9.5rem);overflow:auto}
.ctlp h2{margin-bottom:.2rem}
.ctlp .hint{margin:.2rem 0 .5rem}
.ed{border-top:1px solid var(--line);padding-top:.6rem;margin-top:.6rem}
.ed h3{margin-bottom:.4rem;display:flex;gap:.5rem;align-items:baseline}
.chips{display:flex;flex-wrap:wrap;gap:.3rem;margin:.3rem 0 .5rem}
.chipb{min-width:2.1rem;height:2.1rem;padding:0 .5rem;border-radius:.5rem;border:1px solid var(--line-strong);background:var(--tile2);font-size:.8rem;font-weight:600;cursor:pointer;outline:none}
.chipb.on{background:var(--acc);border-color:var(--acc);color:var(--on-acc)}
.stps{display:flex;flex-wrap:wrap;gap:.4rem 1rem;margin:.3rem 0}
.stp{display:inline-flex;align-items:center;gap:.35rem;font-size:.85rem}
.stp b{min-width:3.2rem;text-align:center}
.modes{display:grid;grid-template-columns:repeat(3,1fr);gap:0 1.4rem}
.hint.warn{color:var(--warn)}

/* OSD: розмір і перегляд у налаштуваннях */
.fly .hudbar,.fly .center,.fly .side-r,.fly .msgs,.fly .toolbar,.fly .lefttools,.fly .picker{zoom:var(--osd,1)}
.fly svg.horizon{width:calc(34vmin * var(--osd,1));height:calc(34vmin * var(--osd,1))}
.fly.pv{position:absolute;inset:0}
.pvbg{position:absolute;inset:0;background:linear-gradient(180deg,#5d7fa3 0%,#9fb7cc 46%,#6f7b5e 47%,#4b5540 100%)}
.osdgrid{display:grid;grid-template-columns:1.35fr 1fr;gap:1.2rem;align-items:start}
.osdgrid h3{margin:.9rem 0 .3rem}
.osdprev{position:relative;overflow:hidden;border-radius:.8rem;border:1px solid var(--line-strong);background:#000}
.osdin{position:absolute;left:0;top:0;transform-origin:0 0;pointer-events:none}
/* правий верхній кут — картинка-в-картинці камери (≈25 % ширини, 35 % висоти, як у Topotek) */
.fly.pipfree .hudbar.t{padding-right:calc(26vw + 1rem)}
.fly.pipfree .side-r{top:auto;right:auto;left:1rem;bottom:8.5rem;align-items:flex-start}
.pvpip{position:absolute;right:0;top:0;width:25%;height:35%;border:2px dashed rgba(255,255,255,.6);background:rgba(20,26,36,.45);color:#fff;
  display:flex;align-items:center;justify-content:center;text-align:center;font:600 1rem var(--f-body)}

/* тест затримки «екран → екран» */
.lat{position:fixed;inset:0;display:grid;grid-template-columns:1fr 1fr;background:#000}
.latflash{position:relative;background:#000}
.latflash::after{content:"";position:absolute;left:12%;top:18%;width:76%;height:64%;background:#111;border-radius:.6rem}
.latflash.on::after{background:#fff}
.latclock{position:absolute;left:1.2rem;bottom:1rem;font:800 3.2rem var(--f-head);color:#fff;letter-spacing:.02em}
.latside{padding:1rem 1.2rem;overflow:auto;background:var(--panel);display:flex;flex-direction:column;gap:.6rem}
.latvid{position:relative;background:#000;border-radius:.6rem;overflow:hidden;aspect-ratio:16/9}
.latvid canvas{width:100%;height:100%;object-fit:contain;display:block}
.latroi{position:absolute;left:31%;top:28%;width:38%;height:44%;border:2px dashed var(--warn);border-radius:.3rem}

.toolbar .btn.off{color:var(--warn);border-color:color-mix(in srgb,var(--warn) 55%,transparent)}

/* вхід (веб-станція через інтернет) */
.login{height:100%;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at top,var(--panel),var(--bg))}
.lbox{width:min(24rem,90vw);background:var(--panel);border:1px solid var(--line-strong);border-radius:1.1rem;padding:1.6rem 1.6rem 1.3rem;display:flex;flex-direction:column;gap:.4rem}
.lbox .brand{font-size:1.4rem;margin-bottom:.1rem}
.lbox .brand img{height:2rem}
.lbox .btn{margin-top:.4rem}