:root{
  --bg:#030914;
  --panel:#07182c;
  --panel-2:#0a203b;
  --line:rgba(218,169,69,.30);
  --line-soft:rgba(111,159,207,.14);
  --gold:#e8bd5a;
  --gold-2:#f4d780;
  --text:#edf3fb;
  --muted:#8fa5bd;
  --navy:#0b2b50;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
body{
  margin:0;
  min-width:320px;
  color:var(--text);
  background:
    radial-gradient(circle at 50% -10%,rgba(26,91,157,.20),transparent 34%),
    linear-gradient(180deg,#050b17,#020713 58%,#040a14);
  font-family:Inter,"Noto Sans SC","Microsoft YaHei",system-ui,-apple-system,sans-serif;
}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
.official-site{min-height:100vh;overflow:hidden}
.official-header{
  position:sticky;top:0;z-index:50;
  height:84px;
  display:grid;
  grid-template-columns:260px minmax(520px,1fr) auto;
  align-items:center;
  gap:20px;
  padding:0 max(34px,calc((100vw - 1540px)/2));
  background:rgba(3,10,21,.94);
  border-bottom:1px solid rgba(157,119,47,.30);
  backdrop-filter:blur(18px);
}
.brand-lockup{display:flex;align-items:center;gap:13px;min-width:0}
.brand-crest{
  position:relative;
  width:55px;height:42px;display:grid;place-items:center;
  color:#55adf2;
  font-size:18px;
  transform:rotate(45deg);
  border:2px solid #c89531;
  box-shadow:0 0 0 7px rgba(199,147,44,.12),0 0 20px rgba(32,127,213,.20);
}
.brand-copy{display:flex;flex-direction:column;min-width:0}
.brand-copy strong{font-family:Georgia,"Noto Serif SC",serif;font-size:22px;letter-spacing:.08em;color:#f6e2aa}
.brand-copy small{font-size:9px;letter-spacing:.26em;color:#e6ba54;margin-top:3px}
.official-nav{height:100%;display:flex;align-items:center;justify-content:center;gap:38px}
.official-nav a{
  position:relative;height:100%;display:flex;align-items:center;
  color:#aab7c7;font-size:14px;white-space:nowrap;
  transition:.2s;
}
.official-nav a:hover,.official-nav a.active{color:#f1ca67}
.official-nav a.active:after{
  content:"";position:absolute;left:50%;bottom:-1px;width:52px;height:2px;transform:translateX(-50%);
  background:linear-gradient(90deg,transparent,#f4cb62,transparent);
  box-shadow:0 0 10px rgba(238,188,68,.45);
}
.official-actions{display:flex;align-items:center;gap:9px}
.site-btn{
  min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:8px;
  border:1px solid rgba(195,148,52,.38);border-radius:999px;
  padding:0 18px;background:rgba(5,14,26,.58);
  color:#dbe6f2;font-size:12px;transition:.2s;white-space:nowrap;
}
.site-btn b{font-weight:700}
.site-btn:hover{transform:translateY(-1px);filter:brightness(1.08)}
.site-btn.gold{
  border-color:#f0cd72;color:#160e03;
  background:linear-gradient(180deg,#f0ce76,#be862a 62%,#9b641b);
  box-shadow:inset 0 1px rgba(255,255,255,.45),0 5px 18px rgba(0,0,0,.22)
}
.site-btn.navy{border-radius:4px;background:linear-gradient(180deg,#0e3768,#0a2445);border-color:#c28e2f;color:#f0c866}
.site-btn.outline{border-radius:4px;border-color:#b9832b;color:#f0c96a;background:rgba(5,14,27,.62)}
.site-btn.large{min-height:52px;padding:0 26px;border-radius:4px;font-size:14px}
.mobile-menu{display:none}

/* HERO */
.hero{
  position:relative;
  min-height:420px;
  overflow:hidden;
  border-bottom:1px solid rgba(199,147,44,.20);
  background:
    radial-gradient(circle at 68% 34%,rgba(34,126,209,.15),transparent 30%),
    linear-gradient(90deg,#06101e 0%,#06172b 46%,#07182b);
}
.hero-art{
  position:absolute;inset:0 0 0 42%;
  background:
    linear-gradient(90deg,#06172b 0%,rgba(6,23,43,.32) 18%,rgba(6,23,43,0) 42%),
    url("/assets/official-site/hero-temple-r3439.jpg") center right/cover no-repeat;
}
.hero-overlay{
  position:absolute;inset:0;z-index:1;
  background:
    linear-gradient(90deg,rgba(1,7,16,.94) 0%,rgba(1,7,16,.82) 32%,rgba(1,7,16,.22) 62%,rgba(1,7,16,.02) 100%),
    linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.18));
}
.hero-content{
  position:relative;z-index:3;
  max-width:1540px;margin:0 auto;padding:72px 46px 58px;
}
.eyebrow{color:#e0b34f;letter-spacing:.22em;font-size:10px}
.hero h1{
  max-width:760px;margin:10px 0 10px;
  font-family:Georgia,"Noto Serif SC","STSong",serif;
  color:#f3d37a;font-size:64px;line-height:1.08;font-weight:700;letter-spacing:.02em;
  text-shadow:0 4px 25px rgba(210,155,49,.14);
}
.hero-subtitle{font-size:19px;color:#e4e9f0;letter-spacing:.08em;margin:0}
.hero-description{max-width:620px;color:#8199b4;font-size:13px;line-height:1.7;margin:14px 0 26px}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap}

/* MAIN PANELS */
.dashboard-row{
  max-width:1540px;margin:0 auto;padding:14px 46px 0;
  display:grid;grid-template-columns:1.45fr 1.05fr .78fr;gap:16px;
}
.panel{
  border:1px solid var(--line);
  background:
    radial-gradient(circle at 100% 0,rgba(29,89,153,.13),transparent 29%),
    linear-gradient(180deg,rgba(8,27,51,.96),rgba(5,17,34,.96));
  box-shadow:inset 0 1px rgba(255,255,255,.02),0 12px 32px rgba(0,0,0,.18);
}
.dashboard-row>.panel{min-height:265px;padding:20px 24px}
.panel-title{display:flex;align-items:center;gap:8px;margin-bottom:16px}
.panel-title.between{justify-content:space-between}
.panel-title h2,.about-title h2{margin:0;color:#e6c15f;font-family:Georgia,"Noto Serif SC",serif;font-size:18px;font-weight:700}
.panel-title a{color:#d6b85f;font-size:10px}
.title-mark{color:#e7b84b;font-size:10px}
.advantage-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.advantage-card{
  min-height:184px;padding:18px 12px 14px;text-align:center;
  border:1px solid rgba(85,139,194,.13);
  background:linear-gradient(180deg,rgba(18,48,82,.58),rgba(7,22,41,.72));
}
.advantage-card h3{margin:13px 0 6px;color:#f0cf74;font-size:14px}
.advantage-card p{margin:0;color:#829ab5;font-size:10px;line-height:1.65}
.line-icon{width:64px;height:64px;margin:auto;display:grid;place-items:center;position:relative}
.line-icon:before,.line-icon:after,.line-icon i{content:"";position:absolute}
.line-icon.shield:before{width:40px;height:48px;border:3px solid #e8bd59;border-radius:12px 12px 20px 20px;clip-path:polygon(50% 0,100% 16%,92% 74%,50% 100%,8% 74%,0 16%)}
.line-icon.shield:after{width:15px;height:8px;border-left:3px solid #e8bd59;border-bottom:3px solid #e8bd59;transform:rotate(-45deg)}
.line-icon.devices:before{width:43px;height:31px;border:3px solid #e8bd59;border-radius:3px;top:9px}
.line-icon.devices:after{width:20px;height:33px;border:3px solid #e8bd59;border-radius:3px;right:2px;bottom:4px;background:#0d2a4b}
.line-icon.speed:before{width:42px;height:54px;background:#e8bd59;clip-path:polygon(60% 0,28% 45%,49% 45%,36% 100%,76% 38%,53% 38%)}
.line-icon.support:before{width:48px;height:44px;border:3px solid #e8bd59;border-radius:50%;border-bottom-color:transparent}
.line-icon.support:after{width:35px;height:20px;border:3px solid #e8bd59;border-radius:50%;bottom:2px}
.news-list{display:grid}
.news-list article{
  min-height:39px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;align-items:center;
  border-bottom:1px solid rgba(94,136,177,.15);font-size:10px;
}
.news-list article:last-child{border-bottom:0}
.news-list b{font-weight:500;color:#aab9ca;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.news-list time{color:#657b96;font-size:9px}
.tag{min-width:33px;text-align:center;border:1px solid rgba(217,164,53,.45);color:#dcb551;padding:2px 4px;border-radius:3px;font-size:8px}
.tag.event{border-color:rgba(42,135,226,.50);color:#5db7ff}
.tag.update{border-color:rgba(95,156,221,.38);color:#a7c9eb}
.panel-hint{margin:-8px 0 12px;color:#7890ab;font-size:10px}
.download-list{display:grid;gap:8px}
.download-list a{
  min-height:42px;display:grid;grid-template-columns:32px 1fr auto;gap:7px;align-items:center;
  border:1px solid rgba(207,157,59,.43);padding:0 13px;color:#dfe8f2;background:rgba(4,15,29,.42)
}
.download-list a:hover{background:rgba(19,55,92,.50)}
.download-list b{font-size:11px}.download-list b i{font-style:normal;color:#879ab1}.download-list em{font-style:normal;color:#e4b54d;font-size:16px}
.os{color:#e6b84d;text-align:center}
.secure-note{display:flex;align-items:center;gap:6px;color:#7c91aa;font-size:9px}.secure-note span{color:#d6a940}

/* ABOUT */
.about-panel{
  max-width:1448px;min-height:124px;margin:18px auto 0;padding:18px 30px;
  display:grid;grid-template-columns:130px 220px minmax(300px,1fr) 1.45fr;gap:20px;align-items:center
}
.about-title{align-self:start;padding-top:4px}
.about-art{
  height:88px;
  background:
    linear-gradient(90deg,rgba(6,23,43,.0),rgba(6,23,43,.12)),
    url("/assets/official-site/about-temple-r3439.jpg") center/cover no-repeat;
  opacity:.78
}
.about-copy p{margin:3px 0;color:#8095ad;font-size:10px;line-height:1.6}
.stats{display:grid;grid-template-columns:repeat(4,1fr)}
.stats>div{padding:4px 16px;text-align:center;border-left:1px solid rgba(112,144,178,.19)}
.stats strong{display:block;color:#efc969;font-family:Georgia,serif;font-size:20px;white-space:nowrap}
.stats small{color:#758ba3;font-size:9px}
.help-strip{
  max-width:1448px;margin:16px auto 0;padding:16px 24px;
  display:flex;align-items:center;justify-content:space-between;gap:18px;
  border:1px solid rgba(96,143,191,.18);background:rgba(6,20,38,.55)
}
.help-strip small{color:#d2a943;letter-spacing:.18em;font-size:8px}
.help-strip h2{margin:2px 0;color:#d8e4f2;font-size:18px}
.help-strip p{margin:0;color:#71869e;font-size:10px}

/* FOOTER */
.official-footer{
  margin-top:18px;min-height:118px;padding:20px max(34px,calc((100vw - 1540px)/2));
  display:grid;grid-template-columns:250px 1fr auto 120px;gap:24px;align-items:center;
  border-top:1px solid rgba(184,137,47,.23);background:#020711
}
.footer-brand{display:flex;align-items:center;gap:14px}.brand-crest.small{width:38px;height:30px;font-size:10px}
.footer-brand span:last-child{display:flex;flex-direction:column}.footer-brand strong{font-family:Georgia,"Noto Serif SC",serif;color:#f0deaa}.footer-brand small{color:#d3aa48;letter-spacing:.19em;font-size:7px}
.footer-meta p{margin:3px 0;color:#60748b;font-size:9px}.age-note{color:#7e8793!important}
.official-footer nav{display:flex;gap:18px;flex-wrap:wrap;justify-content:flex-end}.official-footer nav a{color:#657991;font-size:9px}.official-footer nav a:hover{color:#d8b45d}
.security-badge{min-height:50px;display:grid;grid-template-columns:auto 1fr;column-gap:6px;align-items:center;border:1px solid rgba(198,149,51,.45);padding:8px;color:#dcb85d}
.security-badge span{grid-row:1/3;font-size:20px}.security-badge b{font-size:9px}.security-badge small{font-size:7px;color:#846f47}

/* MOBILE */
@media(max-width:1180px){
  .official-header{grid-template-columns:230px 1fr auto;padding:0 22px}
  .official-nav{gap:20px}
  .official-actions .site-btn:first-child{display:none}
  .dashboard-row{grid-template-columns:1fr 1fr;padding:14px 22px 0}
  .downloads{grid-column:1/-1}
  .about-panel{margin:18px 22px 0;grid-template-columns:150px minmax(0,1fr) 1.4fr}
  .about-title{grid-column:1/-1}.about-art{height:90px}
}
@media(max-width:860px){
  .official-header{height:68px;grid-template-columns:1fr auto;padding:0 14px}
  .official-nav,.official-actions{display:none}
  .mobile-menu{display:block;border:1px solid rgba(205,157,59,.4);background:#071525;color:#e5bb59;border-radius:8px;width:38px;height:38px}
  .official-header.open{height:auto;min-height:68px;align-items:start;padding-top:14px;padding-bottom:14px}
  .official-header.open .official-nav{grid-column:1/-1;display:grid;width:100%;gap:0;margin-top:10px;border-top:1px solid rgba(117,151,185,.18)}
  .official-header.open .official-nav a{height:42px;border-bottom:1px solid rgba(117,151,185,.12)}
  .brand-crest{width:42px;height:32px}.brand-copy strong{font-size:18px}
  .hero{min-height:520px}.hero-art{inset:0;background-position:center;background-size:cover;opacity:.60}
  .hero-overlay{background:linear-gradient(180deg,rgba(2,8,17,.62),rgba(2,8,17,.80) 48%,rgba(2,8,17,.98))}
  .hero-content{padding:72px 22px 44px;text-align:center}.hero h1{font-size:42px;margin-left:auto;margin-right:auto}
  .hero-subtitle{font-size:15px}.hero-description{margin-left:auto;margin-right:auto}.hero-actions{justify-content:center}
  .dashboard-row{grid-template-columns:1fr;padding:12px 12px 0}.downloads{grid-column:auto}
  .advantage-grid{grid-template-columns:1fr 1fr}
  .about-panel{margin:14px 12px 0;grid-template-columns:1fr;padding:18px}.about-title{grid-column:auto}.about-art{height:100px}.stats{grid-template-columns:1fr 1fr}.stats>div:nth-child(odd){border-left:0}
  .help-strip{margin:12px;padding:16px}
  .official-footer{grid-template-columns:1fr;padding:20px;text-align:center}.footer-brand{justify-content:center}.official-footer nav{justify-content:center}.security-badge{max-width:130px;margin:auto}
}
@media(max-width:520px){
  .hero h1{font-size:34px}.hero-subtitle{font-size:13px;line-height:1.8}.hero-actions{display:grid}.site-btn.large{width:min(320px,100%);margin:auto}
  .advantage-grid{grid-template-columns:1fr 1fr;gap:8px}.advantage-card{min-height:160px}.dashboard-row>.panel{padding:16px}
  .news-list article{grid-template-columns:auto 1fr}.news-list time{display:none}
  .stats strong{font-size:16px}
}

/* R3439 FIX1 five-language selector */
.language-switcher{position:relative;justify-self:end}
.language-current{
  min-height:42px;display:flex;align-items:center;gap:7px;
  border:1px solid rgba(195,148,52,.38);border-radius:999px;
  background:rgba(5,14,26,.58);color:#dbe6f2;padding:0 13px;
  cursor:pointer;font:inherit;font-size:11px;white-space:nowrap
}
.language-current .globe{color:#e3b64f;font-size:15px}
.language-current .chev{color:#7f95ad}
.language-menu{
  position:absolute;right:0;top:calc(100% + 9px);z-index:80;
  width:180px;display:none;padding:6px;
  border:1px solid rgba(207,158,60,.42);border-radius:12px;
  background:rgba(4,13,26,.98);
  box-shadow:0 18px 42px rgba(0,0,0,.38);
  backdrop-filter:blur(16px)
}
.language-switcher.open .language-menu{display:grid}
.language-menu button{
  min-height:38px;text-align:left;border:0;border-radius:8px;
  padding:0 11px;background:transparent;color:#9db0c5;
  cursor:pointer;font:inherit;font-size:11px
}
.language-menu button:hover{background:rgba(33,84,135,.28);color:#ecf4fc}
.language-menu button.active{
  background:linear-gradient(90deg,rgba(205,153,49,.22),rgba(25,70,116,.18));
  color:#f0ca68
}
@media(max-width:1260px){
  .official-header{grid-template-columns:230px minmax(430px,1fr) auto auto}
  .official-nav{gap:18px}
  .language-current b{display:none}
  .language-current{width:42px;padding:0;justify-content:center}
  .language-current .chev{display:none}
}
@media(max-width:860px){
  .language-switcher{display:none}
}

/* =========================================================
   R3439 FIX2 MOBILE
   Mobile header / drawer / hero / first-screen corrections
   ========================================================= */
.mobile-nav-actions{display:none}

@media(max-width:860px){
  html,body{
    width:100%!important;
    max-width:100%!important;
    overflow-x:hidden!important;
  }

  body.official-mobile-menu-open{
    overflow:hidden!important;
  }

  .official-header.r3439-mobile-fix2{
    position:sticky!important;
    top:0!important;
    z-index:100!important;
    width:100%!important;
    height:64px!important;
    min-height:64px!important;
    padding:0 14px!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 42px 42px!important;
    gap:8px!important;
    align-items:center!important;
    background:rgba(2,8,17,.97)!important;
    border-bottom:1px solid rgba(189,143,48,.26)!important;
    backdrop-filter:blur(18px)!important;
  }

  .official-header.r3439-mobile-fix2.open{
    height:64px!important;
    min-height:64px!important;
    padding:0 14px!important;
    align-items:center!important;
  }

  .brand-lockup{
    min-width:0!important;
    gap:10px!important;
    height:64px!important;
    align-items:center!important;
  }

  .brand-crest{
    width:34px!important;
    height:34px!important;
    flex:0 0 34px!important;
    font-size:9px!important;
    border-width:1.5px!important;
    box-shadow:0 0 0 4px rgba(199,147,44,.08)!important;
  }

  .brand-copy strong{
    font-size:17px!important;
    line-height:1.05!important;
    letter-spacing:.06em!important;
    white-space:nowrap!important;
  }

  .brand-copy small{
    margin-top:3px!important;
    font-size:7px!important;
    letter-spacing:.18em!important;
  }

  .language-switcher{
    position:relative!important;
    display:block!important;
    justify-self:end!important;
    grid-column:2!important;
  }

  .language-current{
    width:42px!important;
    height:42px!important;
    min-height:42px!important;
    padding:0!important;
    justify-content:center!important;
    border-radius:10px!important;
    border:1px solid rgba(205,157,59,.34)!important;
    background:#071524!important;
  }

  .language-current b,
  .language-current .chev{
    display:none!important;
  }

  .language-current .globe{
    font-size:16px!important;
  }

  .language-menu{
    right:0!important;
    top:50px!important;
    width:172px!important;
  }

  .mobile-menu{
    display:grid!important;
    place-items:center!important;
    position:static!important;
    grid-column:3!important;
    justify-self:end!important;
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    min-height:42px!important;
    margin:0!important;
    padding:0!important;
    border:1px solid rgba(205,157,59,.38)!important;
    border-radius:10px!important;
    background:#071524!important;
    color:#e8bd5a!important;
    font-size:21px!important;
    line-height:1!important;
    cursor:pointer!important;
  }

  .official-nav{
    display:none!important;
  }

  .official-header.open .official-nav{
    position:fixed!important;
    left:0!important;
    right:0!important;
    top:64px!important;
    bottom:auto!important;
    width:100vw!important;
    max-height:calc(100dvh - 64px)!important;
    overflow-y:auto!important;
    margin:0!important;
    padding:10px 14px 14px!important;
    display:block!important;
    background:
      radial-gradient(circle at 85% 0%,rgba(31,89,147,.16),transparent 34%),
      rgba(2,9,18,.985)!important;
    border-top:1px solid rgba(106,145,184,.10)!important;
    border-bottom:1px solid rgba(196,149,55,.34)!important;
    box-shadow:0 18px 38px rgba(0,0,0,.42)!important;
    z-index:99!important;
  }

  .official-header.open .official-nav>a{
    position:relative!important;
    height:46px!important;
    min-height:46px!important;
    width:100%!important;
    padding:0 4px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    border:0!important;
    border-bottom:1px solid rgba(105,142,181,.12)!important;
    color:#aebdcd!important;
    font-size:13px!important;
    text-align:left!important;
  }

  .official-header.open .official-nav>a.active{
    color:#f0ca68!important;
  }

  .official-header.open .official-nav>a.active:after{
    left:0!important;
    bottom:0!important;
    width:44px!important;
    transform:none!important;
  }

  .mobile-nav-actions{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:9px!important;
    padding-top:12px!important;
  }

  .mobile-nav-actions a{
    min-height:42px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    border:1px solid rgba(198,149,52,.40)!important;
    border-radius:8px!important;
    background:rgba(8,24,43,.72)!important;
    color:#e2c16c!important;
    font-size:11px!important;
  }

  .mobile-nav-actions a:last-child{
    grid-column:1/-1!important;
    background:linear-gradient(180deg,#d9af51,#aa721f)!important;
    color:#140d03!important;
    border-color:#edcb71!important;
    font-weight:800!important;
  }

  .official-actions{
    display:none!important;
  }

  /* HERO: keep the whole first screen useful */
  .hero{
    min-height:455px!important;
    height:auto!important;
    margin:0!important;
  }

  .hero-art{
    inset:0!important;
    background-position:58% center!important;
    background-size:cover!important;
    opacity:.70!important;
  }

  .hero-overlay{
    background:
      linear-gradient(180deg,rgba(2,8,17,.34) 0%,rgba(2,8,17,.58) 32%,rgba(2,8,17,.91) 72%,rgba(2,8,17,.98) 100%),
      linear-gradient(90deg,rgba(2,8,17,.30),rgba(2,8,17,.08))!important;
  }

  .hero-content{
    min-height:455px!important;
    margin:0 auto!important;
    padding:56px 20px 32px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:flex-end!important;
    text-align:center!important;
  }

  .eyebrow{
    font-size:8px!important;
    letter-spacing:.22em!important;
    margin-bottom:5px!important;
  }

  .hero h1{
    margin:5px 0 9px!important;
    max-width:100%!important;
    font-size:31px!important;
    line-height:1.12!important;
    letter-spacing:.01em!important;
  }

  .hero-subtitle{
    margin:0!important;
    max-width:100%!important;
    font-size:12px!important;
    line-height:1.75!important;
    letter-spacing:.03em!important;
  }

  .hero-description{
    max-width:340px!important;
    margin:10px auto 17px!important;
    font-size:10px!important;
    line-height:1.65!important;
    color:#9fb0c3!important;
  }

  .hero-actions{
    width:100%!important;
    max-width:350px!important;
    margin:0 auto!important;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:9px!important;
  }

  .hero-actions .site-btn.large{
    width:100%!important;
    min-height:43px!important;
    height:43px!important;
    margin:0!important;
    padding:0 10px!important;
    border-radius:8px!important;
    font-size:10px!important;
  }

  .hero-actions .site-btn.large:last-child{
    grid-column:1/-1!important;
  }

  /* Main content mobile rhythm */
  .dashboard-row{
    width:100%!important;
    padding:10px 10px 0!important;
    gap:10px!important;
  }

  .dashboard-row>.panel{
    min-height:0!important;
    padding:15px!important;
    border-radius:13px!important;
  }

  .panel-title{
    margin-bottom:12px!important;
  }

  .panel-title h2,.about-title h2{
    font-size:16px!important;
  }

  .advantage-grid{
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
  }

  .advantage-card{
    min-height:142px!important;
    padding:14px 8px 10px!important;
    border-radius:10px!important;
  }

  .line-icon{
    width:48px!important;
    height:48px!important;
    transform:scale(.78)!important;
    transform-origin:center!important;
  }

  .advantage-card h3{
    margin:7px 0 4px!important;
    font-size:12px!important;
  }

  .advantage-card p{
    font-size:8px!important;
    line-height:1.5!important;
  }

  .news-list article{
    min-height:42px!important;
    font-size:9px!important;
  }

  .download-list a{
    min-height:44px!important;
    border-radius:8px!important;
  }

  .about-panel{
    width:auto!important;
    margin:10px 10px 0!important;
    padding:15px!important;
    border-radius:13px!important;
    grid-template-columns:1fr!important;
    gap:11px!important;
  }

  .about-art{
    height:110px!important;
    border-radius:9px!important;
  }

  .about-copy p{
    font-size:9px!important;
  }

  .stats{
    grid-template-columns:1fr 1fr!important;
    gap:6px!important;
  }

  .stats>div{
    min-height:62px!important;
    padding:10px 6px!important;
    border:1px solid rgba(112,144,178,.13)!important;
    border-radius:8px!important;
  }

  .stats strong{
    font-size:14px!important;
  }

  .help-strip{
    margin:10px!important;
    padding:14px!important;
    border-radius:12px!important;
  }

  .help-strip h2{
    font-size:15px!important;
  }

  .help-strip p{
    font-size:9px!important;
  }

  .official-footer{
    margin-top:10px!important;
    padding:20px 14px 26px!important;
  }
}

@media(max-width:390px){
  .official-header.r3439-mobile-fix2{
    padding:0 10px!important;
    grid-template-columns:minmax(0,1fr) 38px 38px!important;
    gap:6px!important;
  }
  .brand-copy strong{font-size:15px!important}
  .brand-copy small{font-size:6px!important}
  .language-current,.mobile-menu{
    width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;
  }
  .hero{min-height:430px!important}
  .hero-content{min-height:430px!important;padding:48px 14px 26px!important}
  .hero h1{font-size:27px!important}
  .hero-subtitle{font-size:10.5px!important}
  .hero-actions{max-width:330px!important}
}