:root{
  --navy-900:#08192C; --navy-800:#0E2A47; --navy-700:#14395F;
  --blue-500:#1E6BA8; --blue-400:#4A9BD4;
  --gold-500:#F5B71D; --gold-600:#D99A00;
  --paper:#F3F6FA; --ink:#0D1520; --slate:#57687A;
  --shell:min(820px,91vw);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font-family:'Barlow',system-ui,sans-serif;font-size:17px;line-height:1.68}
img{max-width:100%;display:block}
h1,h2,h3{margin:0;font-family:'Anton',Impact,sans-serif;font-weight:400;line-height:1.02;text-transform:uppercase;letter-spacing:.004em}
.shell{width:var(--shell);margin-inline:auto}

.bar{position:sticky;top:0;z-index:60;background:rgba(8,25,44,.96);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.09)}
.bar__in{display:flex;align-items:center;gap:1.1rem;padding:.55rem 0;width:min(1170px,91vw);margin-inline:auto}
.bar__logo{display:flex;align-items:center;gap:.65rem;text-decoration:none;margin-right:auto}
.bar__logo img{height:46px;width:auto}
.bar__name{font-family:'Anton',sans-serif;color:#fff;font-size:1.08rem;line-height:1;text-transform:uppercase}
.bar__name b{display:block;font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:.66rem;letter-spacing:.22em;color:var(--gold-500);margin-top:4px}
.bar__tel{text-decoration:none;color:#fff;font-family:'Anton',sans-serif;font-size:1.28rem;line-height:1}
@media(max-width:420px){.bar__name b{display:none}.bar__tel{font-size:1.05rem}}

.head{background:var(--navy-900);color:#fff;padding:clamp(2.2rem,5vw,3.4rem) 0}
.head h1{font-size:clamp(2rem,4.6vw,3rem);color:#fff}
.head p{margin:.85rem 0 0;color:#A9C0D4;font-family:'Barlow Condensed',sans-serif;font-weight:700;letter-spacing:.14em;text-transform:uppercase;font-size:.86rem}

main{padding:clamp(2.2rem,5vw,3.6rem) 0 4rem}
main h2{font-size:1.35rem;color:var(--navy-800);margin:2.3rem 0 .7rem}
main h2:first-of-type{margin-top:0}
main h3{font-family:'Barlow',sans-serif;font-weight:700;text-transform:none;font-size:1.05rem;color:var(--navy-800);margin:1.4rem 0 .35rem;letter-spacing:0}
main p{margin:0 0 1rem}
main ul{margin:0 0 1.1rem;padding-left:1.25rem}
main li{margin-bottom:.45rem}
main a{color:var(--blue-500)}
.note{background:#FDF1D0;border-left:5px solid var(--gold-500);border-radius:10px;padding:1rem 1.2rem;margin:1.4rem 0;font-size:.97rem}
.note b{color:var(--navy-800)}
.toc{background:#fff;border:1px solid rgba(11,32,56,.11);border-radius:12px;padding:1.1rem 1.3rem;margin-bottom:2.4rem}
.toc ul{margin:0;padding-left:1.1rem;columns:2;column-gap:1.6rem}
@media(max-width:560px){.toc ul{columns:1}}

.ft{background:#061321;color:#9AAEC1;padding:2.4rem 0 3rem;font-size:.95rem}
.ft a{color:#9AAEC1;text-decoration:none}
.ft a:hover{color:#fff}
.ft__l{margin-top:1.1rem;padding-top:1.1rem;border-top:1px solid rgba(255,255,255,.09);font-size:.85rem;color:#6B8098}

.ft__h{font-family:'Barlow Condensed',sans-serif;font-weight:700;letter-spacing:.14em;text-transform:uppercase;font-size:.86rem;color:var(--gold-500);margin:0 0 .9rem}