header{gap:20px;flex-wrap:wrap}.install-page{max-width:1100px;margin:0 auto;padding:45px 24px;color:#10213c}.install-page h1{font-size:clamp(32px,5vw,52px);line-height:1.15;margin:20px 0}.install-page .install-subtitle{font-size:21px;color:#4b6485}.guide-intro{display:flex;align-items:center;gap:40px;flex-wrap:wrap;background:#f2f5fb;border-radius:22px;padding:28px;margin:30px 0 45px}.guide-intro>div{flex:1;min-width:240px}.guide-intro figure{margin:0;text-align:center}.guide-intro figure img{display:block;width:210px;height:210px;background:white;border-radius:12px}.guide-intro figcaption{margin-top:12px;font-size:16px}.app-open{display:inline-block;background:#123b9c;color:white;padding:15px 23px;border-radius:10px;text-decoration:none;font-size:18px;font-weight:700}.url{overflow-wrap:anywhere;font-size:15px;color:#466082}.device-guide{margin:30px 0 45px;padding:30px;border:1px solid #dce3ee;border-radius:22px;background:#fff;box-shadow:0 10px 30px #15345c08}.device-guide h2{font-size:30px;margin:0 0 18px;color:#113a82}.device-guide p,.device-guide li,.guide-intro p{font-size:18px;line-height:1.8}.device-guide ol,.device-guide ul{padding-left:27px}.device-guide li{padding:6px 0 10px 8px}.device-guide li::marker{color:#174296;font-weight:700}.steps-picture{display:grid;grid-template-columns:1.3fr 1fr;gap:24px;margin:25px 0}.mini-screen{background:#f3f6fb;border:1px solid #cbd5e3;border-radius:14px;padding:20px;color:#183554}.mini-bar{border-bottom:1px solid #cbd5e3;padding-bottom:14px;font-size:17px;font-weight:700}.mini-url{background:#fff;padding:12px;margin-top:14px;font-size:14px;overflow-wrap:anywhere}.mini-menu{padding:22px 0;font-size:18px}.mini-action{background:#123c97;padding:15px;color:#fff;border-radius:8px;font-size:18px}.app-icon{margin:22px auto 12px;width:75px;background:#163e9e;color:#ffdc74;text-align:center;padding:12px;border-radius:16px;font-size:21px}.mini-label{text-align:center;font-size:18px;line-height:1.6}.device-guide .caption{font-size:14px;color:#5b6a7e}@media(max-width:700px){header{justify-content:center}.buc360-install{margin:8px 0}.install-page{padding:30px 16px}.guide-intro,.device-guide{padding:20px}.steps-picture{grid-template-columns:1fr}.device-guide h2{font-size:26px}.guide-intro figure{margin:auto}}@media(prefers-reduced-motion:reduce){.buc360-install{animation:none}}

/* BUC 360 website installation entry — golden spreading rings. */
.buc360-install{
  position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;
  flex:0 0 300px;width:300px;max-width:100%;height:150px;padding:25px 25px;
  color:#fff;text-decoration:none;border:0;background:transparent;border-radius:28px;
  -webkit-tap-highlight-color:transparent;
}
.buc360-install .buc360-rings{position:absolute;inset:0;pointer-events:none;z-index:-1;border-radius:inherit}
.buc360-install .buc360-rings i{
  position:absolute;inset:0;display:block;border:2px solid #d5a13a;border-radius:20px;
  box-shadow:0 0 5px #b67c1640,inset 0 0 5px #fff1bd;
  animation:buc360-golden-ripple 4s cubic-bezier(.18,.6,.4,1) infinite;
}
.buc360-install .buc360-rings i:nth-child(2){animation-delay:-1s}
.buc360-install .buc360-rings i:nth-child(3){animation-delay:-2s}
.buc360-install .buc360-rings i:nth-child(4){animation-delay:-3s}
.buc360-install .buc360-badge{
  position:relative;display:flex;align-items:center;justify-content:center;gap:14px;
  width:246px;min-height:98px;padding:13px 17px;border:1px solid #b58420;border-radius:20px;
  background:linear-gradient(145deg,#e52d43 0%,#c3142e 36%,#960b23 70%,#d51d36 100%);
  box-shadow:inset 0 2px 2px #ff829080,0 5px 0 #6d0618,0 10px 18px #6d06182b;
  transition:transform .2s,box-shadow .2s;
}
.buc360-install .buc360-copy{display:block;text-align:center;white-space:nowrap}
.buc360-install strong{
  display:block;font:900 32px/1.13 Arial,Helvetica,sans-serif;letter-spacing:-.8px;color:#ffe391;
  text-shadow:0 1px 0 #b88127,0 2px 0 #95621b,0 3px 4px #4b0416aa;
}
.buc360-install b{
  display:block;margin-top:5px;font:800 27px/1.12 Arial,Helvetica,sans-serif;
  color:#fff;text-shadow:0 2px 2px #70091d80;
}
.buc360-install img{display:block;width:48px;height:48px;object-fit:contain;flex-shrink:0;filter:drop-shadow(0 2px 1px #360c4b55)}
.buc360-install:hover .buc360-badge{transform:translateY(-2px);box-shadow:inset 0 2px 2px #ff829080,0 7px 0 #6d0618,0 14px 20px #6d061830}
.buc360-install:active .buc360-badge{transform:translateY(3px)}
.buc360-install:focus-visible{outline:3px solid #1249b8;outline-offset:3px}
@keyframes buc360-golden-ripple{
  0%{inset:0;border-radius:20px;opacity:0}
  20%{opacity:.85}
  75%{opacity:.42}
  100%{inset:-24px;border-radius:44px;opacity:0}
}
@media(max-width:700px){
  .buc360-install{flex-basis:290px;width:290px;height:145px;margin:0}
}
@media(prefers-reduced-motion:reduce){
  .buc360-install .buc360-rings i{animation:none;opacity:.35;inset:-16px;border-radius:36px}
  .buc360-install .buc360-rings i:nth-child(2){inset:-8px;border-radius:28px}
  .buc360-install .buc360-rings i:nth-child(3){display:none}
  .buc360-install .buc360-rings i:nth-child(4){display:none}
  .buc360-install .buc360-badge{transition:none}
}


/* Match the main BUC Group install badge. */
.buc360-install .buc360-badge{background:#d73f43;border:3px solid #e6b953;box-shadow:0 5px 0 #a31f2c,0 10px 18px #6d06182b}
.buc360-install strong{color:#102442;text-shadow:none}
.buc360-install b{color:#ffe49b;text-shadow:0 1px 1px #7a1b25}