/*
Theme Name: BiG-OS
Theme URI: https://big-os.example
Author: Beyonity
Author URI: https://www.beyonity.com
Description: Landing-page theme for BiG-OS — Das Betriebssystem der Immobilienwirtschaft. One-page marketing site (Beyonity, imofix.io, GARAIO REM) with built-in client-side DE/EN/FR/IT switcher.
Version: 1.3.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: big-os
*/


:root{
  --ink:#13161A; --ink-2:#1B1F25; --ink-3:#252B33;
  --bone:#F4F4F2; --bone-2:#EAEAE6; --card:#FFFFFF;
  --text:#181B20; --muted:#646B73;
  --line:rgba(19,22,26,.12); --line-d:rgba(255,255,255,.13);
  --bey:#3C57E1; --imo:#068649; --gar:#1DB4E9;
  --font:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
  --maxw:1180px; --r:14px;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:var(--font);color:var(--text);background:var(--bone);-webkit-font-smoothing:antialiased;line-height:1.6;overflow-x:hidden}
a{color:inherit}
img,svg{max-width:100%}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 28px}
section{padding:108px 0}
h1,h2,h3{font-weight:800;letter-spacing:-.025em;line-height:1.05}
h2{font-size:clamp(30px,4.2vw,52px)}
h3{font-size:22px;font-weight:700;letter-spacing:-.02em}
p.lead{font-size:clamp(18px,1.5vw,21px);color:var(--muted);max-width:60ch}

.eyebrow{display:inline-flex;align-items:center;gap:12px;font-size:12.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:22px}
.eyebrow::before{content:"";width:30px;height:6px;border-radius:3px;background:linear-gradient(90deg,var(--bey) 0 33.3%,var(--imo) 33.3% 66.6%,var(--gar) 66.6%)}

.btn{display:inline-flex;align-items:center;gap:9px;font-weight:600;font-size:15.5px;padding:14px 24px;border-radius:10px;border:1px solid transparent;cursor:pointer;text-decoration:none;transition:.2s ease;white-space:nowrap}
.btn-primary{background:var(--ink);color:#fff}
.btn-primary:hover{background:#000;transform:translateY(-2px);box-shadow:0 14px 30px -14px rgba(0,0,0,.55)}
.btn-ghost{background:transparent;border-color:var(--text);color:var(--text)}
.btn-ghost:hover{background:var(--text);color:var(--bone)}
.btn .arr{transition:transform .2s}
.btn:hover .arr{transform:translateX(3px)}
:focus-visible{outline:2.5px solid #8A8F98;outline-offset:3px;border-radius:4px}

/* logos */
.biglogo{height:34px;width:auto;display:block}
.plogo{height:30px;width:auto;display:block;max-width:100%}

/* HEADER (dark, hosts white logo) */
header{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(19,22,26,.82);backdrop-filter:blur(14px);border-bottom:1px solid var(--line-d);transition:.3s}
.nav{display:flex;align-items:center;justify-content:space-between;height:70px}
.nav-links{display:flex;gap:30px;list-style:none;align-items:center}
.nav-links a{text-decoration:none;font-size:15px;font-weight:500;color:#fff;opacity:.78;transition:.2s}
.nav-links a:hover{opacity:1}
.nav-cta{display:flex;align-items:center;gap:14px}
header .btn-primary{background:#fff;color:var(--ink);padding:10px 18px;font-size:14.5px;border-radius:9px}
header .btn-primary:hover{background:rgba(255,255,255,.86)}
.burger{display:none;background:none;border:none;cursor:pointer;width:30px;height:24px;position:relative}
.burger span{position:absolute;left:0;height:2.5px;width:100%;background:#fff;transition:.3s;border-radius:2px}
.burger span:nth-child(1){top:2px}.burger span:nth-child(2){top:11px}.burger span:nth-child(3){top:20px}
.burger.open span:nth-child(1){top:11px;transform:rotate(45deg)}
.burger.open span:nth-child(2){opacity:0}
.burger.open span:nth-child(3){top:11px;transform:rotate(-45deg)}

/* HERO */
.hero{background:var(--ink);color:var(--bone);padding:150px 0 96px;position:relative;overflow:hidden}
.hero::before{content:"";position:absolute;inset:0;background:
   radial-gradient(620px 420px at 16% 26%,rgba(60,87,225,.16),transparent 60%),
   radial-gradient(620px 420px at 84% 22%,rgba(29,180,233,.14),transparent 60%);pointer-events:none}
.hero .eyebrow{color:rgba(255,255,255,.6)}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center;position:relative}
.hero h1{font-size:clamp(42px,6.4vw,82px);color:#fff;margin-bottom:24px}
.hero h1 em{font-style:normal;color:#fff;position:relative}
.hero h1 em::after{content:"";position:absolute;left:0;right:0;bottom:.08em;height:.09em;border-radius:2px;background:linear-gradient(90deg,var(--bey),var(--imo),var(--gar))}
.hero .lead{color:rgba(255,255,255,.72);max-width:52ch;font-size:clamp(17px,1.4vw,20px)}
.hero-micro{font-size:14px;color:rgba(255,255,255,.55);margin-top:24px}
.hero-micro b{color:#fff;font-weight:700}
.hero-cta{display:flex;gap:14px;margin-top:32px;flex-wrap:wrap}
.hero .btn-primary{background:#fff;color:var(--ink)}
.hero .btn-primary:hover{background:rgba(255,255,255,.88)}
.hero .btn-ghost{color:#fff;border-color:rgba(255,255,255,.5)}
.hero .btn-ghost:hover{background:#fff;color:var(--ink)}
.trust{margin-top:40px;display:flex;align-items:center;gap:16px;flex-wrap:wrap;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.4)}
.trust .ws{font-weight:700;letter-spacing:0;text-transform:none;font-size:15px}
.trust .b{color:#8da0f3}.trust .i{color:#3ec98a}.trust .g{color:#62cdf2}
.trust .dot{opacity:.35}

/* orchestration */
.core-wrap{display:flex;justify-content:center}
.core-svg{width:100%;max-width:440px;height:auto}
.node .lbl{font-family:var(--font);font-weight:700;fill:#fff}
.node .sub{font-family:var(--font);font-size:9px;font-weight:600;fill:rgba(255,255,255,.5);letter-spacing:.06em}
.flow{stroke-width:1.6;fill:none;stroke-dasharray:5 7;opacity:.9;animation:flow 1.6s linear infinite}
@keyframes flow{to{stroke-dashoffset:-24}}
.modNode rect{fill:rgba(255,255,255,.05);stroke-width:1.4}
.coreNode rect{fill:rgba(255,255,255,.04);stroke:rgba(255,255,255,.5);stroke-width:1.5}
.pulse{transform-box:fill-box;transform-origin:center;animation:pulse 3s ease-in-out infinite}
@keyframes pulse{0%,100%{opacity:.4}50%{opacity:1}}

/* WARUM */
.warum{background:var(--bone)}
.warum-head{font-size:clamp(28px,3.6vw,46px);font-weight:800;letter-spacing:-.025em;max-width:18ch;margin-bottom:30px}
.warum p{font-size:clamp(17px,1.35vw,20px);color:var(--muted);max-width:66ch;margin-bottom:20px}
.transforms{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:46px}
.tcard{border:1px solid var(--line);border-radius:var(--r);padding:30px 26px;background:var(--card);border-top:3px solid var(--c)}
.tcard .from{font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:600}
.tcard .arrow{color:var(--c);font-size:18px;margin:8px 0;display:block}
.tcard .to{font-size:25px;font-weight:800;letter-spacing:-.02em}
.tcard .to b{color:var(--c)}

/* PROBLEM */
.problem{background:var(--ink-2);color:var(--bone)}
.problem .eyebrow{color:rgba(255,255,255,.6)}
.problem h2{color:#fff;max-width:16ch;margin-bottom:26px}
.problem .lead{color:rgba(255,255,255,.7)}
.islands{display:flex;flex-wrap:wrap;gap:12px;margin-top:44px;max-width:780px}
.island{font-size:13.5px;letter-spacing:.02em;border:1px dashed rgba(255,255,255,.26);color:rgba(255,255,255,.66);padding:11px 16px;border-radius:8px;background:rgba(255,255,255,.03)}
.solve{margin-top:34px;font-size:clamp(20px,2vw,26px);font-weight:700;color:#fff;letter-spacing:-.01em}

/* PERSONA */
.persona{background:var(--bone)}
.persona-tabs{display:flex;flex-wrap:wrap;gap:10px;margin:36px 0 30px}
.ptab{font-weight:600;font-size:14.5px;padding:11px 18px;border-radius:999px;border:1px solid var(--line);background:var(--card);cursor:pointer;transition:.2s;color:var(--text)}
.ptab[aria-selected="true"]{background:var(--ink);color:#fff;border-color:var(--ink)}
.ppanel{border:1px solid var(--line);border-radius:16px;background:var(--card);padding:42px 40px;display:grid;grid-template-columns:auto 1fr;gap:36px;align-items:center;min-height:200px}
.ppanel .badge{width:92px;height:92px;border-radius:20px;background:var(--bone-2);color:var(--ink);display:flex;align-items:center;justify-content:center;font-size:42px;font-weight:800;flex-shrink:0}
.ppanel .badge.addressee{background:var(--ink);color:#fff}
.ptag{font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}
.ppanel h3{font-size:27px;margin-bottom:10px}
.ppanel p{color:var(--muted);font-size:17.5px;max-width:62ch}
.addressee-note{font-size:13px;color:var(--muted);margin-top:14px;font-style:italic}

/* JOURNEY */
.journey{background:var(--card);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:42px}
.step{padding:28px 22px;border:1px solid var(--line);border-radius:var(--r);background:var(--bone)}
.step .num{font-size:13px;font-weight:800;color:var(--ink);letter-spacing:.05em}
.step h3{font-size:19px;margin:12px 0 10px}
.step ul{list-style:none}
.step li{font-size:14.5px;color:var(--muted);padding:3px 0 3px 16px;position:relative}
.step li::before{content:"";position:absolute;left:2px;top:13px;width:5px;height:5px;border-radius:50%;background:var(--ink)}
.journey-core{margin-top:24px;font-size:13.5px;color:var(--muted);text-align:center}
.journey-core b{color:var(--text)}

/* MODULE */
.modules{background:var(--ink);color:var(--bone)}
.modules .eyebrow{color:rgba(255,255,255,.6)}
.modules h2{color:#fff}
.modules .lead{color:rgba(255,255,255,.7)}
.mod-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:46px}
.mod{border:1px solid var(--line-d);border-radius:16px;padding:0 28px 30px;background:rgba(255,255,255,.035);display:flex;flex-direction:column;transition:.3s;overflow:hidden}
.mod::before{content:"";display:block;height:4px;margin:0 -28px 26px;background:var(--c)}
.mod:hover{background:rgba(255,255,255,.06);transform:translateY(-4px);border-color:var(--c)}
.mod .letter{font-weight:800;font-size:30px;color:var(--c);line-height:1}
.mod .powered{font-size:11px;font-weight:600;letter-spacing:.06em;color:rgba(255,255,255,.5);text-transform:uppercase;margin:14px 0 4px}
.mod h3{color:#fff;font-size:22px;margin-bottom:12px}
.mod .desc{color:rgba(255,255,255,.66);font-size:15.5px;margin-bottom:20px}
.mod ul{list-style:none;margin-top:auto}
.mod li{font-size:14px;color:rgba(255,255,255,.82);padding:8px 0 8px 20px;position:relative;border-top:1px solid rgba(255,255,255,.08)}
.mod li:first-child{border-top:none}
.mod li::before{content:"→";position:absolute;left:0;color:var(--c)}
.mod li b{color:#fff;font-weight:600}

/* PARTNER */
.partner{background:var(--bone)}
.alliance{font-weight:800}
.alliance .b{color:var(--bey)}.alliance .i{color:var(--imo)}.alliance .g{color:var(--gar)}
.pgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:44px}
.pcard{border:1px solid var(--line);border-radius:16px;padding:0 30px 30px;background:var(--card);transition:.25s;display:flex;flex-direction:column;gap:16px;text-decoration:none;overflow:hidden}
.pcard::before{content:"";display:block;height:4px;margin:0 -30px 0;background:var(--c)}
.pcard:hover{transform:translateY(-4px);box-shadow:0 20px 44px -24px rgba(19,22,26,.4);border-color:var(--c)}
.plogo-slot{display:flex;align-items:flex-end;min-height:96px}
.pcard .plogo{height:30px}
.pcard-gar .plogo{height:66px}
.pcard p{color:var(--muted);font-size:15px;flex-grow:1;margin-top:-2px}
.pcard .more{font-size:14px;font-weight:700;color:var(--c)}
.pcard .more .arr{transition:transform .2s;display:inline-block}
.pcard:hover .more .arr{transform:translateX(4px)}

/* KUNDEN */
.kunden{background:var(--card);border-top:1px solid var(--line)}
.status-chip{font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;display:inline-flex;align-items:center;gap:9px;color:var(--text);border:1px solid var(--line);border-radius:999px;padding:8px 16px;margin:24px 0;background:var(--bone)}
.status-chip .live{width:8px;height:8px;border-radius:50%;background:var(--ink);box-shadow:0 0 0 0 rgba(19,22,26,.4);animation:live 2.4s infinite}
@keyframes live{0%{box-shadow:0 0 0 0 rgba(19,22,26,.35)}70%{box-shadow:0 0 0 8px rgba(19,22,26,0)}100%{box-shadow:0 0 0 0 rgba(19,22,26,0)}}
.logo-wall{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:40px}
.logo-ph{height:96px;border:1px solid var(--line);border-radius:var(--r);display:flex;align-items:center;justify-content:center;background:#fff;text-align:center;padding:18px}
.logo-ph img{max-height:56px;max-width:88%;width:auto;object-fit:contain}
.logo-ph.more{border-style:dashed;background:var(--bone);color:var(--muted);font-style:italic;font-size:14.5px;font-weight:500;padding:10px}

/* DEMOS */
.demos{background:var(--bone)}
.demo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:44px}
.demo{border:1px solid var(--line);border-radius:16px;padding:30px;background:var(--card);text-decoration:none;transition:.25s;display:block}
.demo:hover{transform:translateY(-4px);border-color:var(--c);box-shadow:0 16px 36px -24px rgba(19,22,26,.35)}
.demo .kind{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--c)}
.demo h3{font-size:20px;margin:12px 0 8px}
.demo .url{font-size:14px;font-weight:600;color:var(--text);word-break:break-all}
.demo .url .arr{transition:transform .2s;display:inline-block;color:var(--c)}
.demo:hover .url .arr{transform:translate(3px,-3px)}

/* CTA */
.cta{background:var(--ink);color:#fff;text-align:center;position:relative;overflow:hidden}
.cta::before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:linear-gradient(90deg,var(--bey),var(--imo),var(--gar))}
.cta h2{color:#fff;max-width:18ch;margin:0 auto 18px}
.cta p{color:rgba(255,255,255,.85);font-size:19px;max-width:54ch;margin:0 auto 32px}
.cta .btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.cta .btn-primary{background:#fff;color:var(--ink)}
.cta .btn-primary:hover{background:rgba(255,255,255,.88)}
.cta .btn-ghost{color:#fff;border-color:rgba(255,255,255,.5)}
.cta .btn-ghost:hover{background:#fff;color:var(--ink)}

/* KONTAKT */
.kontakt{background:var(--ink-2);color:var(--bone)}
.kontakt .eyebrow{color:rgba(255,255,255,.6)}
.kontakt h2{color:#fff;margin-bottom:14px}
.kontakt .lead{color:rgba(255,255,255,.7);margin-bottom:42px}
.kgrid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.field{display:flex;flex-direction:column;gap:7px}
.field.full{grid-column:1/-1}
.field label{font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:rgba(255,255,255,.6)}
.field label .req{color:#fff}
.field input,.field select,.field textarea{font-family:var(--font);font-size:15.5px;padding:13px 15px;border-radius:9px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.05);color:#fff;transition:.2s;width:100%}
.field input::placeholder,.field textarea::placeholder{color:rgba(255,255,255,.35)}
.field input:focus,.field select:focus,.field textarea:focus{border-color:rgba(255,255,255,.7);background:rgba(255,255,255,.09);outline:none}
.field select option{color:#181B20}
.field textarea{resize:vertical;min-height:104px}
.checkbox{display:flex;align-items:flex-start;gap:11px;grid-column:1/-1;margin-top:4px}
.checkbox input{width:18px;height:18px;margin-top:3px;flex-shrink:0;accent-color:#fff}
.checkbox label{font-size:14px;color:rgba(255,255,255,.72)}
.checkbox a{color:#fff;text-decoration:underline}
.form-foot{grid-column:1/-1;display:flex;align-items:center;gap:18px;margin-top:8px;flex-wrap:wrap}
.kontakt .btn-primary{background:#fff;color:var(--ink)}
.kontakt .btn-primary:hover{background:rgba(255,255,255,.88)}
.kontakt .btn-ghost{color:#fff;border-color:rgba(255,255,255,.5)}
.kontakt .btn-ghost:hover{background:#fff;color:var(--ink)}
.form-note{font-size:11.5px;color:rgba(255,255,255,.45)}
.hp-field{position:absolute!important;left:-9999px!important;top:auto;width:1px;height:1px;overflow:hidden}
.form-error{grid-column:1/-1;display:none;padding:16px 20px;border:1px solid rgba(255,120,120,.5);border-radius:12px;background:rgba(255,80,80,.1);color:#ffd0d0;font-size:14.5px;margin-top:4px}
.form-error.show{display:block}
.form-success{grid-column:1/-1;display:none;padding:26px;border:1px solid rgba(255,255,255,.4);border-radius:12px;background:rgba(255,255,255,.07)}
.form-success.show{display:block}
.form-success b{font-size:20px;color:#fff;display:block;margin-bottom:6px;font-weight:700}
.form-success span{color:rgba(255,255,255,.8)}

/* FOOTER */
footer{background:var(--ink);color:rgba(255,255,255,.7);padding:64px 0 32px;border-top:1px solid var(--line-d)}
.foot-top{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:30px;padding-bottom:42px;border-bottom:1px solid var(--line-d)}
.foot-brand .biglogo{height:36px;margin-bottom:14px}
.foot-claim{font-size:18px;color:#fff;font-weight:600;max-width:24ch;line-height:1.35}
.foot-sig{font-size:12px;letter-spacing:.12em;color:rgba(255,255,255,.45);margin-top:16px;font-weight:600}
.foot-sig .b{color:var(--bey)}.foot-sig .i{color:var(--imo)}.foot-sig .g{color:var(--gar)}
.foot-col h4{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.45);margin-bottom:14px;font-weight:700}
.foot-col a{display:block;text-decoration:none;font-size:14.5px;padding:5px 0;color:rgba(255,255,255,.72);transition:.2s}
.foot-col a:hover{color:#fff}
.foot-col a.pb:hover{color:var(--bey)}.foot-col a.pi:hover{color:var(--imo)}.foot-col a.pg:hover{color:var(--gar)}
.foot-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:26px;font-size:13px;color:rgba(255,255,255,.4);flex-wrap:wrap;gap:10px}

/* LEGAL PAGES (Datenschutz / Impressum / generic Pages) */
.legal{padding:150px 0 96px;background:var(--bone)}
.legal-wrap{max-width:820px}
.legal h1{font-size:clamp(32px,4vw,50px);margin-bottom:30px}
.legal-content{color:#2C3138;font-size:16.5px}
.legal-content h2{font-size:24px;font-weight:800;letter-spacing:-.02em;margin:44px 0 12px;color:var(--text)}
.legal-content h3{font-size:18px;font-weight:700;margin:28px 0 8px;color:var(--text)}
.legal-content p{margin-bottom:16px}
.legal-content ul,.legal-content ol{margin:0 0 18px 22px}
.legal-content li{margin-bottom:8px}
.legal-content a{color:var(--bey);text-decoration:underline}
.legal-content strong,.legal-content b{color:var(--text)}
.legal-content hr{border:none;border-top:1px solid var(--line);margin:36px 0}
.legal-content table{width:100%;border-collapse:collapse;margin:0 0 18px}
.legal-content th,.legal-content td{text-align:left;padding:8px 10px;border:1px solid var(--line);vertical-align:top}
.legal-content address{font-style:normal}
.page-links{margin-top:20px;font-size:14px;color:var(--muted)}

/* MIETERNUTZEN */
.mieternutzen{background:var(--card)}
.mn-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:40px}
.mn{border:1px solid var(--line);border-left:3px solid var(--imo);border-radius:var(--r);padding:28px;background:var(--bone)}
.mn h3{font-size:21px;margin-bottom:6px}
.mn h3 .hl{color:var(--imo)}
.mn .promise{font-weight:600;color:var(--text);margin-bottom:14px}
.mn ul{list-style:none}
.mn li{font-size:14.5px;color:var(--muted);padding:6px 0 6px 18px;position:relative;line-height:1.5}
.mn li::before{content:"";position:absolute;left:0;top:13px;width:6px;height:6px;border-radius:50%;background:var(--imo)}
.mn li b{color:var(--text);font-weight:600}
.mn-foot{margin-top:30px;font-size:14.5px;color:var(--muted)}
.mn-foot b{color:var(--text)}

/* RESPONSIVE */
@media(max-width:920px){
  .hero-grid{grid-template-columns:1fr;gap:44px}
  .core-wrap{order:-1}.core-svg{max-width:360px}
  .transforms,.mod-grid,.pgrid,.steps,.demo-grid{grid-template-columns:1fr 1fr}
  .logo-wall{grid-template-columns:1fr 1fr}.foot-top{grid-template-columns:1fr 1fr}
}
@media(max-width:680px){
  section{padding:78px 0}
  .nav-links{position:fixed;inset:70px 0 auto 0;flex-direction:column;background:rgba(19,22,26,.97);padding:18px 28px 28px;gap:4px;border-bottom:1px solid var(--line-d);transform:translateY(-130%);transition:.35s;align-items:stretch}
  .nav-links.open{transform:translateY(0)}
  .nav-links a{padding:13px 0;border-bottom:1px solid var(--line-d)}
  .nav .nav-cta .btn{display:none}
  .nav-links .btn-mobile{display:inline-flex;justify-content:center;margin-top:12px;border-bottom:none}
  .burger{display:block}
  .transforms,.mod-grid,.pgrid,.steps,.demo-grid,.logo-wall,.kgrid,.foot-top,.mn-grid{grid-template-columns:1fr}
  .ppanel{grid-template-columns:1fr;padding:30px 26px}
  .hero{padding:118px 0 78px}
}
.nav-links .btn-mobile{display:none}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto}}
.langsel{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.22);border-radius:8px;padding:9px 30px 9px 12px;font-family:var(--font);font-size:14px;font-weight:600;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23fff' stroke-width='1.6' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 11px center}
.langsel:hover{background-color:rgba(255,255,255,.16)}
.langsel option{color:#181B20}
@media(max-width:680px){.langsel{padding:8px 26px 8px 10px;font-size:13.5px}}
@media(max-width:380px){header .biglogo{height:20px}.nav{gap:10px}}