:root{
  --brand:#0d4f8b;
  --brand-dark:#0a3a67;
  --accent:#12a3b4;
  --accent-soft:#e6f4f8;
  --ink:#16232e;
  --muted:#5d6b78;
}
body{font-family:"Segoe UI",system-ui,-apple-system,Arial,sans-serif;color:var(--ink);}
a{color:var(--brand);}
.text-brand{color:var(--brand)!important;}
.text-accent{color:var(--accent)!important;}
.bg-soft{background:#f5f8fb;}
.bg-brand{background:var(--brand)!important;}
.btn-brand{background:var(--brand);border-color:var(--brand);color:#fff;}
.btn-brand:hover{background:var(--brand-dark);border-color:var(--brand-dark);color:#fff;}
.btn-accent{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600;}
.btn-accent:hover{background:#0e8b99;border-color:#0e8b99;color:#fff;}
.btn-outline-brand{border-color:var(--brand);color:var(--brand);}
.btn-outline-brand:hover{background:var(--brand);color:#fff;}

.navbar-brand img{height:40px;}
.hero{background:linear-gradient(135deg,#0d4f8b 0%,#12a3b4 100%);color:#fff;}
.hero .lead{color:rgba(255,255,255,.9);}
.hero-badges span{background:rgba(255,255,255,.15);border-radius:999px;padding:.3rem .85rem;font-size:.85rem;display:inline-block;margin:.2rem;}

.device-tile{display:block;background:#fff;border-radius:14px;padding:1rem;text-decoration:none;color:var(--ink);height:100%;transition:.2s;border:1px solid rgba(255,255,255,.4);}
.device-tile:hover{transform:translateY(-4px);box-shadow:0 12px 28px rgba(0,0,0,.22);color:var(--brand);}
.device-tile img{width:100%;height:130px;object-fit:contain;}
.device-tile .tile-name{font-weight:700;font-size:1rem;}
.device-tile .tile-type{font-size:.82rem;color:var(--muted);}

section{scroll-margin-top:78px;}
.section-title{font-weight:700;color:var(--brand);}
.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:.75rem;color:var(--accent);font-weight:700;}
.card-soft{background:#fff;border:1px solid #e6ecf2;border-radius:12px;}
.gallery img{width:100%;height:150px;object-fit:contain;background:#fff;border:1px solid #e6ecf2;border-radius:10px;cursor:zoom-in;transition:.15s;}
.gallery img:hover{border-color:var(--accent);}
.spoiler-btn{width:100%;text-align:left;background:var(--accent-soft);border:none;border-radius:10px;padding:.85rem 1rem;font-weight:600;color:var(--brand);}
.spoiler-btn::after{content:"＋";float:right;}
.spoiler-btn[aria-expanded="true"]::after{content:"−";}
.spec-table td{padding:.45rem .6rem;font-size:.93rem;border-bottom:1px solid #eef2f6;}
.spec-table td:first-child{color:var(--muted);width:46%;}
ul.check{list-style:none;padding-left:0;}
ul.check li{padding-left:1.6rem;position:relative;margin-bottom:.5rem;}
ul.check li::before{content:"✓";position:absolute;left:0;color:var(--accent);font-weight:700;}
.cta-strip{background:var(--accent-soft);border-radius:12px;}
.sticky-cta{position:fixed;left:0;right:0;bottom:0;z-index:1030;padding:.5rem;background:#fff;box-shadow:0 -3px 14px rgba(0,0,0,.12);}
@media(min-width:768px){.sticky-cta{display:none!important;}}
@media(max-width:767px){body{padding-bottom:64px;}.gallery img{height:110px;}}
footer{background:var(--brand-dark);color:rgba(255,255,255,.8);}
footer a{color:#fff;}