/* Version 24: one consistent layout for the hero, Compass and footer. */
#bsx.bsx-v5 .studio-hero{background:radial-gradient(ellipse at 85% 40%,#18385780,transparent 56%),#080d12}
#bsx.bsx-v5 .studio-hero .hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:32px;align-items:center;width:min(1280px,calc(100% - 64px));padding-block:48px}
#bsx.bsx-v5 .studio-hero .hero-stage{width:100%;min-width:0;min-height:0;display:block;margin:0;perspective:none;animation:none}
#bsx.bsx-v5 .studio-hero .sense-device-scene{position:relative;display:grid;place-items:center;width:100%;max-width:none;height:580px;margin:0;perspective:1100px;isolation:isolate;background:none}
#bsx.bsx-v5 .studio-hero .sense-device-scene::before,#bsx.bsx-v5 .studio-hero .sense-device-scene::after{display:none}
#bsx.bsx-v5 .studio-hero .hero-device{position:relative;inset:auto;width:min(68%,350px);margin:0;padding:0;z-index:1;transform:rotateX(calc(42deg + var(--tilt-x,0deg))) rotateY(calc(-8deg + var(--tilt-y,0deg))) rotateZ(-20deg);transform-origin:center;transition:transform .6s ease;animation:none;-webkit-box-reflect:unset;filter:none}
#bsx.bsx-v5 .studio-hero .hero-device::before,#bsx.bsx-v5 .studio-hero .hero-device::after,#bsx.bsx-v5 .studio-hero .device-shell::before,#bsx.bsx-v5 .studio-hero .device-shell::after,#bsx.bsx-v5 .studio-hero .device-screen::before,#bsx.bsx-v5 .studio-hero .device-screen::after{display:none}
#bsx.bsx-v5 .studio-hero .device-shell{position:relative;overflow:hidden;padding:9px;border-radius:30px;background:#111b27;border:1px solid #7898bc80;box-shadow:2px 6px 0 #1a2939,4px 11px 0 #060b11,0 40px 65px #0008;backdrop-filter:none}
#bsx.bsx-v5 .sense-device-header{display:flex;align-items:center;gap:8px;padding:13px 9px 16px;color:#d5c3a5;font:10px/1.3 system-ui;letter-spacing:.1em}
#bsx.bsx-v5 .sense-device-header small{margin-left:auto;font-size:9px;white-space:nowrap}
#bsx.bsx-v5 .studio-hero .device-screen{height:300px;aspect-ratio:auto;border-radius:20px 20px 0 0;background:#0b1017;overflow:hidden;position:relative}
#bsx.bsx-v5 .studio-hero .device-screen img{position:static;inset:auto;width:100%;height:100%;object-fit:contain;object-position:center top;filter:none;transform:none;opacity:1;mask-image:none;-webkit-mask-image:none}
#bsx.bsx-v5 .sense-device-copy{position:relative;padding:20px 14px 22px;background:linear-gradient(155deg,#142338,#0b1119);border-radius:0 0 20px 20px;color:#f3ece1}
#bsx.bsx-v5 .sense-device-copy>small{font:9px/1.5 system-ui;letter-spacing:.16em;color:#b2c5d8}
#bsx.bsx-v5 .sense-device-copy>strong{display:block;margin:10px 0 16px;font:600 clamp(19px,2vw,28px)/1.12 system-ui;letter-spacing:-.04em}
#bsx.bsx-v5 .sense-device-copy em{font-style:normal;font-weight:400;color:#d6bea0}
#bsx.bsx-v5 .sense-device-services{display:flex;flex-wrap:wrap;gap:7px}
#bsx.bsx-v5 .sense-device-services span{font:10px/1.4 system-ui;padding:6px 8px;border:1px solid #adc1d533;border-radius:20px;color:#d2dce7}
/* Deliberately remove inherited two-column app and sticky result behaviour. */
#bsx.bsx-v5 #bs-compass .compass-shell{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:44px;overflow:visible;padding:40px;background:radial-gradient(ellipse at 100% 0,#244a7140,transparent 70%),#0b121b}
#bsx.bsx-v5 #bs-compass .compass-copy,#bsx.bsx-v5 #bs-compass .compass-app{min-width:0;position:static;height:auto;max-height:none;overflow:visible;transform:none}
#bsx.bsx-v5 #bs-compass .compass-app{display:flex;flex-direction:column;gap:24px;background:none;border:0;padding:0;box-shadow:none}
#bsx.bsx-v5 #bs-compass .compass-choices{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;width:100%;border:0;background:none;overflow:visible}
#bsx.bsx-v5 #bs-compass .compass-choices button{position:static;display:flex;width:100%;min-width:0;min-height:62px;height:auto;white-space:normal;line-height:1.55;padding:16px 18px;border:1px solid #9dafc333!important;border-radius:12px;background:#111e2b;color:#f0e9df;font-size:14px;text-align:left;gap:16px;align-items:center;justify-content:space-between}
#bsx.bsx-v5 #bs-compass .compass-choices button.active{background:#20384d;border-color:#d3bea0!important}
#bsx.bsx-v5 .sense-compass-dial{--compass-angle:0deg;position:relative;align-self:center;width:210px;aspect-ratio:1;border:1px solid #a9c5de40;border-radius:50%;background:radial-gradient(circle,#152d45 0,transparent 65%);color:#92acc4}
#bsx.bsx-v5 .sense-compass-dial>strong{position:absolute;inset:0;display:grid;place-content:center;text-align:center;color:#d8c4a3;font:500 16px/1.4 system-ui;letter-spacing:.13em}
#bsx.bsx-v5 .sense-compass-dial>span{position:absolute;font:9px/1 system-ui;letter-spacing:.06em}
#bsx.bsx-v5 .sense-compass-dial>span:nth-of-type(1){right:8px;top:48%}
#bsx.bsx-v5 .sense-compass-dial>span:nth-of-type(2){bottom:16px;left:27%}
#bsx.bsx-v5 .sense-compass-dial>span:nth-of-type(3){left:8px;top:48%}
#bsx.bsx-v5 .sense-compass-dial>span:nth-of-type(4){top:16px;left:40%}
#bsx.bsx-v5 .sense-compass-needle{position:absolute;inset:-1px;border:1px solid transparent;border-top-color:#dcc399;border-radius:50%;transform:rotate(var(--compass-angle));transition:transform .65s ease}
#bsx.bsx-v5 .sense-compass-needle::before{content:"";position:absolute;width:9px;height:9px;border-radius:50%;background:#e0c9a1;left:calc(50% - 4px);top:-4px;box-shadow:0 0 20px #d6b87690}
body.sense-compass-open{overflow:hidden}
#bsx.bsx-v5 .sense-compass-dialog{position:fixed;inset:0;margin:auto;width:min(620px,calc(100% - 28px));max-height:calc(100dvh - 48px);overflow:auto;overscroll-behavior:contain;padding:28px;background:#0e1a27;color:#eee7dc;border:1px solid #88a2bc66;border-radius:22px;box-shadow:0 30px 100px #0009}
#bsx.bsx-v5 .sense-compass-dialog:not([open]){display:none}
#bsx.bsx-v5 .sense-compass-dialog::backdrop{background:#02070dcc;backdrop-filter:blur(8px)}
#bsx.bsx-v5 .sense-compass-back{display:inline-flex;align-items:center;min-height:44px;padding:8px 14px;margin:0 0 20px;border:1px solid #bfc9d344;border-radius:9px;color:#ebd5af;background:#ffffff08;font:14px/1.4 system-ui;cursor:pointer}
#bsx.bsx-v5 #bs-compass .sense-compass-dialog .compass-result{position:static;display:block;width:100%;min-width:0;min-height:0;max-height:none;margin:0;padding:0;overflow:visible;border:0;background:none;transform:none;box-shadow:none}
#bsx.bsx-v5 .sense-compass-dialog .compass-result::before{display:none}
#bsx.bsx-v5 .sense-compass-dialog .compass-result h3{font-size:clamp(26px,5vw,38px);line-height:1.15;margin:16px 0;color:#f3ece1}
#bsx.bsx-v5 .sense-compass-dialog .compass-result p{font-size:16px;line-height:1.75;color:#c4d0dc}
#bsx.bsx-v5 .sense-compass-dialog .result-path{display:flex;flex-direction:column;gap:10px;margin:24px 0;padding:20px;border:1px solid #91a9c433;border-radius:12px}
#bsx.bsx-v5 .sense-compass-dialog .result-path strong{font-size:17px;line-height:1.4;color:#e1caa6;overflow-wrap:anywhere}
#bsx.bsx-v5 .sense-compass-dialog .result-actions{display:flex;flex-wrap:wrap;gap:10px}
#bsx.bsx-v5 .sense-compass-dialog .result-actions a{flex:1 1 180px;min-height:48px;padding:14px;display:flex;align-items:center;justify-content:center;line-height:1.4;color:#ead8b9;background:#ffffff08;border:1px solid #d3bea044;border-radius:10px}
#bsx.bsx-v5 .about-copy h2{color:#f2eadd!important;-webkit-text-fill-color:#f2eadd;opacity:1;background:none;line-height:1.1}
#bsx.bsx-v5 .site-footer{padding:42px 0 28px;margin-top:40px;min-height:0;border-top:1px solid #8d9dab30}
#bsx.bsx-v5 .site-footer .footer-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);width:min(1280px,calc(100% - 48px));gap:32px;margin:auto;padding:0;align-items:start}
#bsx.bsx-v5 .site-footer .footer-brand,#bsx.bsx-v5 .site-footer .footer-legal{min-width:0;position:static;padding:0}
#bsx.bsx-v5 .site-footer .brand{position:static;display:flex;flex-wrap:wrap;align-items:center;gap:12px;transform:none}
#bsx.bsx-v5 .site-footer .brand img{width:30px;height:40px;object-fit:contain}
#bsx.bsx-v5 .site-footer .brand span{font-size:13px;letter-spacing:.12em}
#bsx.bsx-v5 .site-footer .footer-brand p{position:static;margin:16px 0 0;font-size:10px;line-height:1.8;letter-spacing:.08em;white-space:normal;transform:none;color:#aab8c5}
#bsx.bsx-v5 .site-footer .bs-document-links{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:10px 20px;padding:0;margin:0 0 12px;font-size:12px;line-height:1.8}
#bsx.bsx-v5 .site-footer .legal-link{font-size:12px;line-height:1.8}
#bsx.bsx-v5 .site-footer .lang-switch{display:none}
#bsx.bsx-v5 .hero-mobile-lang{display:none}
@media(max-width:1000px){
 #bsx.bsx-v5 .studio-hero .hero-grid{grid-template-columns:minmax(0,1fr);width:calc(100% - 40px);gap:10px}
 #bsx.bsx-v5 .studio-hero .sense-device-scene{height:500px;max-width:580px;margin:auto}
 #bsx.bsx-v5 #bs-compass .compass-shell{grid-template-columns:minmax(0,1fr);gap:28px;padding:26px}
 #bsx.bsx-v5 #bs-compass .compass-app{width:100%;max-width:600px;margin:auto}
 #bsx.bsx-v5 .hero-mobile-lang{display:flex;position:relative;inset:auto;width:max-content;gap:6px;margin:18px 0 10px}
 #bsx.bsx-v5 .hero-mobile-lang a{min-width:44px;min-height:44px;display:grid;place-items:center;font-size:12px;padding:8px}
}
@media(max-width:600px){
 #bsx.bsx-v5 .studio-hero .sense-device-scene{height:450px}
 #bsx.bsx-v5 .studio-hero .hero-device{width:74%;max-width:290px;transform:rotateX(28deg) rotateY(-7deg) rotateZ(-13deg)}
 #bsx.bsx-v5 .studio-hero .device-screen{height:220px}
 #bsx.bsx-v5 .sense-device-copy{padding:15px 12px}
 #bsx.bsx-v5 .sense-device-copy>strong{font-size:22px}
 #bsx.bsx-v5 .sense-device-header{font-size:8px;padding-inline:4px}
 #bsx.bsx-v5 .sense-device-services span{font-size:9px;padding:5px 6px}
 #bsx.bsx-v5 .site-footer .footer-grid{grid-template-columns:minmax(0,1fr);gap:26px}
 #bsx.bsx-v5 .sense-compass-dialog{padding:22px 18px}
 #bsx.bsx-v5 #bs-compass .compass-shell{padding:22px 18px}
}
@media(prefers-reduced-motion:reduce){#bsx.bsx-v5 .studio-hero .hero-device,#bsx.bsx-v5 .sense-compass-needle{transition:none}}

@keyframes sense-device-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@media(prefers-reduced-motion:no-preference){#bsx.bsx-v5 .studio-hero .device-shell{animation:sense-device-float 7s ease-in-out infinite}}