:root{
  --paper:#FBF7EF; --card:#FFFFFF; --ink:#1E1B16; --muted:#6B6358; --line:#E8DFCF; --contour:#F2EBDD;
  --lagoon:#1E1B16; --lagoon-2:#3A332A; --lagoon-soft:#F6EBD3; --link:#B9500B;
  --water:#CFE2E8; --land:#FDFBF6; --land-edge:#B9B4A4;
  --orange:#E8701A; --orange-deep:#B9500B; --orange-soft:#FCE9DA; --gold:#E9B220; --green:#0E8A4F; --green-deep:#0B5B37; --green-soft:#DDF0E5; --cream:#F6EBD3;
  --flood:#1D5FD1; --flood-soft:#E3ECFB; --slide:#9A5B12; --slide-soft:#F6EBDD; --coast:#0D7C86; --coast-soft:#DDF1F2;
  --hi:#C0262D; --hi-soft:#FBE3E3; --mid-map:#EDC98A; --mid:#A86400; --mid-soft:#FDF0D8; --lo:#1E7B45; --lo-soft:#E1F2E7;
  --display:"Bricolage Grotesque", "Arial Narrow", system-ui, sans-serif;
  --body:"Public Sans", "Segoe UI", system-ui, sans-serif;
  --mono:"JetBrains Mono", ui-monospace, Menlo, monospace;
  --r-lg:22px; --r-md:14px; --r-sm:10px;
}
@media (prefers-color-scheme: dark){ :root:not([data-theme="light"]){
  --paper:#14120E; --card:#1C1915; --ink:#F2ECE1; --muted:#A89F92; --line:#332D25; --contour:#24201A;
  --lagoon:#F2ECE1; --lagoon-2:#FFFFFF; --lagoon-soft:#2A241B; --link:#F28A3C;
  --water:#16303A; --land:#1E1B16; --land-edge:#4A4236;
  --orange:#F28A3C; --orange-deep:#F28A3C; --orange-soft:#3A2414; --gold:#F0C24A; --green:#3CC27F; --green-deep:#3CC27F; --green-soft:#14301F; --cream:#2A241B;
  --flood:#6EA2FF; --flood-soft:#18294A; --slide:#E0A458; --slide-soft:#36271A; --coast:#4CC4CC; --coast-soft:#143236;
  --hi:#FF7A7F; --hi-soft:#3D1C21; --mid-map:#6B4E1E; --mid:#F2B24C; --mid-soft:#3A2B14; --lo:#5ED292; --lo-soft:#14321F; color-scheme:dark }}
:root[data-theme="dark"]{
  --paper:#14120E; --card:#1C1915; --ink:#F2ECE1; --muted:#A89F92; --line:#332D25; --contour:#24201A;
  --lagoon:#F2ECE1; --lagoon-2:#FFFFFF; --lagoon-soft:#2A241B; --link:#F28A3C;
  --water:#16303A; --land:#1E1B16; --land-edge:#4A4236;
  --orange:#F28A3C; --orange-deep:#F28A3C; --orange-soft:#3A2414; --gold:#F0C24A; --green:#3CC27F; --green-deep:#3CC27F; --green-soft:#14301F; --cream:#2A241B;
  --flood:#6EA2FF; --flood-soft:#18294A; --slide:#E0A458; --slide-soft:#36271A; --coast:#4CC4CC; --coast-soft:#143236;
  --hi:#FF7A7F; --hi-soft:#3D1C21; --mid-map:#6B4E1E; --mid:#F2B24C; --mid-soft:#3A2B14; --lo:#5ED292; --lo-soft:#14321F; color-scheme:dark }
*{box-sizing:border-box}
[hidden]{display:none !important}
html,body{background:var(--paper)}
body{color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.6;padding-inline:16px;overflow-x:hidden;-webkit-font-smoothing:antialiased}
.wrap{max-width:1240px;margin-inline:auto}
h1,h2,h3{font-family:var(--display);margin:0;line-height:1.05;text-wrap:balance;letter-spacing:-.015em}
p{margin:0}
button,input,select,textarea{font:inherit;color:inherit}
a{color:var(--link)}
:focus-visible{outline:3px solid var(--gold);outline-offset:2px;border-radius:8px}
.mono{font-family:var(--mono);font-size:12.5px}
.muted{color:var(--muted)}
.eyebrow{font-size:13px;color:var(--muted);font-weight:600}
.btn{border:0;border-radius:12px;padding:11px 18px;font-weight:700;cursor:pointer;background:var(--lagoon);color:#FFF;display:inline-flex;align-items:center;gap:8px;justify-content:center;text-decoration:none;line-height:1.2;transition:background .15s}
.btn:hover{background:var(--lagoon-2)}
.btn.ghost{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--line)}
.btn.ghost:hover{box-shadow:inset 0 0 0 1.5px var(--ink);background:transparent}
.btn.accent{background:var(--orange-deep);color:#FFF}
.btn.wa{background:#1F8F4E;color:#FFF}
.btn.wa:hover{background:#18763F}
.btn.sm{padding:7px 12px;font-size:14px;border-radius:10px}
.btn[disabled]{opacity:.45;cursor:not-allowed}
@media (prefers-color-scheme: dark){ :root:not([data-theme="light"]) .btn:not(.ghost):not(.wa):not(.accent){color:#14120E} }
:root[data-theme="dark"] .btn:not(.ghost):not(.wa):not(.accent){color:#14120E}
.kita{height:14px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='20' viewBox='0 0 160 20'%3E%3Crect width='32' height='20' fill='%230E8A4F'/%3E%3Cpath d='M8 4l6 6-6 6-6-6z' fill='%23F6EBD3'/%3E%3Cpath d='M24 4l6 6-6 6-6-6z' fill='%23F6EBD3'/%3E%3Crect x='32' width='16' height='20' fill='%23E9B220'/%3E%3Crect x='32' y='0' width='4' height='4' fill='%231E1B16'/%3E%3Crect x='32' y='8' width='4' height='4' fill='%231E1B16'/%3E%3Crect x='32' y='16' width='4' height='4' fill='%231E1B16'/%3E%3Crect x='36' y='4' width='4' height='4' fill='%231E1B16'/%3E%3Crect x='36' y='12' width='4' height='4' fill='%231E1B16'/%3E%3Crect x='40' y='0' width='4' height='4' fill='%231E1B16'/%3E%3Crect x='40' y='8' width='4' height='4' fill='%231E1B16'/%3E%3Crect x='40' y='16' width='4' height='4' fill='%231E1B16'/%3E%3Crect x='44' y='4' width='4' height='4' fill='%231E1B16'/%3E%3Crect x='44' y='12' width='4' height='4' fill='%231E1B16'/%3E%3Crect x='48' width='32' height='20' fill='%23E8701A'/%3E%3Crect x='54' width='3' height='20' fill='%231E1B16'/%3E%3Crect x='62' width='3' height='20' fill='%231E1B16'/%3E%3Crect x='70' width='3' height='20' fill='%231E1B16'/%3E%3Crect x='80' width='16' height='20' fill='%231E1B16'/%3E%3Cpolyline points='80 14 84 6 88 14 92 6 96 14' fill='none' stroke='%23E9B220' stroke-width='2'/%3E%3Crect x='96' width='32' height='20' fill='%23F6EBD3'/%3E%3Cpath d='M96 0 L100 7 L104 0 L108 7 L112 0 L116 7 L120 0 L124 7 L128 0Z' fill='%230E8A4F'/%3E%3Cpath d='M96 20 L100 13 L104 20 L108 13 L112 20 L116 13 L120 20 L124 13 L128 20Z' fill='%23E8701A'/%3E%3Crect x='128' width='32' height='20' fill='%231E1B16'/%3E%3Crect x='132' y='5' width='3' height='10' fill='%23E8701A'/%3E%3Crect x='140' y='5' width='3' height='10' fill='%23E8701A'/%3E%3Crect x='148' y='5' width='3' height='10' fill='%23E8701A'/%3E%3Crect x='155' y='5' width='3' height='10' fill='%230E8A4F'/%3E%3C/svg%3E") repeat-x left center / auto 100%}
.kitaband{margin-inline:-16px}
.nav{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-block:14px}
.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:inherit}
.brand b{font-family:var(--display);font-weight:800;font-stretch:88%;font-size:24px;letter-spacing:-.015em;display:block;line-height:1}
.brand small{font-size:12.5px;color:var(--muted);display:block;margin-top:3px}
.level{display:inline-flex;align-items:center;gap:8px;font-weight:800;font-family:var(--display);font-stretch:88%;font-size:21px;border-radius:10px;padding:5px 12px}
.level.hi{background:var(--hi-soft);color:var(--hi)} .level.mid{background:var(--mid-soft);color:var(--mid)} .level.lo{background:var(--lo-soft);color:var(--lo)} .level.none{background:var(--contour);color:var(--muted)}
.foot{margin-inline:-16px;padding-inline:16px;margin-top:110px;background:#1E1B16;color:#D9D0C2;padding-bottom:20px}
.foot .kita{height:8px}
.foot .in{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:28px;padding-block:40px 26px}
.foot b.fb{display:block;font-family:var(--display);font-size:24px;color:#FFF;margin-bottom:6px}
.foot h3{color:#FFF;font-size:15px;margin-bottom:10px}
.foot nav{display:flex;flex-direction:column;gap:6px}
.foot a{color:#D9D0C2;text-decoration:none}
.foot a:hover{color:#FFF;text-decoration:underline}
.foot .meta{display:flex;flex-wrap:wrap;gap:4px 18px;font-size:13px;color:#A89F92;border-top:1px solid rgba(255,255,255,.12);padding-top:16px}
.kline{display:block;width:180px;height:12px;border-radius:2px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='20' viewBox='0 0 160 20'%3E%3Crect width='32' height='20' fill='%230E8A4F'/%3E%3Cpath d='M8 4l6 6-6 6-6-6z' fill='%23F6EBD3'/%3E%3Cpath d='M24 4l6 6-6 6-6-6z' fill='%23F6EBD3'/%3E%3Crect x='32' width='16' height='20' fill='%23E9B220'/%3E%3Crect x='32' y='0' width='4' height='4' fill='%231E1B16'/%3E%3Crect x='32' y='8' width='4' height='4' fill='%231E1B16'/%3E%3Crect x='32' y='16' width='4' height='4' fill='%231E1B16'/%3E%3Crect x='36' y='4' width='4' height='4' fill='%231E1B16'/%3E%3Crect x='36' y='12' width='4' height='4' fill='%231E1B16'/%3E%3Crect x='40' y='0' width='4' height='4' fill='%231E1B16'/%3E%3Crect x='40' y='8' width='4' height='4' fill='%231E1B16'/%3E%3Crect x='40' y='16' width='4' height='4' fill='%231E1B16'/%3E%3Crect x='44' y='4' width='4' height='4' fill='%231E1B16'/%3E%3Crect x='44' y='12' width='4' height='4' fill='%231E1B16'/%3E%3Crect x='48' width='32' height='20' fill='%23E8701A'/%3E%3Crect x='54' width='3' height='20' fill='%231E1B16'/%3E%3Crect x='62' width='3' height='20' fill='%231E1B16'/%3E%3Crect x='70' width='3' height='20' fill='%231E1B16'/%3E%3Crect x='80' width='16' height='20' fill='%231E1B16'/%3E%3Cpolyline points='80 14 84 6 88 14 92 6 96 14' fill='none' stroke='%23E9B220' stroke-width='2'/%3E%3Crect x='96' width='32' height='20' fill='%23F6EBD3'/%3E%3Cpath d='M96 0 L100 7 L104 0 L108 7 L112 0 L116 7 L120 0 L124 7 L128 0Z' fill='%230E8A4F'/%3E%3Cpath d='M96 20 L100 13 L104 20 L108 13 L112 20 L116 13 L120 20 L124 13 L128 20Z' fill='%23E8701A'/%3E%3Crect x='128' width='32' height='20' fill='%231E1B16'/%3E%3Crect x='132' y='5' width='3' height='10' fill='%23E8701A'/%3E%3Crect x='140' y='5' width='3' height='10' fill='%23E8701A'/%3E%3Crect x='148' y='5' width='3' height='10' fill='%23E8701A'/%3E%3Crect x='155' y='5' width='3' height='10' fill='%230E8A4F'/%3E%3C/svg%3E") repeat-x left center / auto 100%;margin-top:18px}
@media (max-width:760px){.foot .in{grid-template-columns:1fr}}
.links{display:flex;gap:2px;align-items:center}
.links a{color:var(--ink);text-decoration:none;font-size:15px;font-weight:600;padding:8px 11px;border-radius:10px}
.links a:hover{background:var(--contour)}
.links a.cta{background:var(--lagoon);color:#FFF;margin-left:6px}
@media (prefers-color-scheme: dark){ :root:not([data-theme="light"]) .links a.cta{color:#14120E} }
:root[data-theme="dark"] .links a.cta{color:#14120E}
@media (max-width:440px){ .brand small{display:none} }