:root{
--bg:#070E1C;
--bg2:#0B1526;
--surf:#0E1A30;
--surf2:#152541;
--surf3:#1D3157;
--line:#1C2C48;
--line2:#2B3F63;
--blue:#3B82F6;
--blue2:#7FB0FF;
--bluedeep:#12327E;
--bluesoft:#10203C;
--gold:#FFC24B;
--gold2:#FFD888;
--golddeep:#C98A12;
--goldsoft:#241C0C;
--ink:#08111F;
--tx:#EAF0FB;
--mu:#8FA2C0;
--wrap:1460px;
--bar:70px;
--r:18px;
--r2:26px;
--fh:"Urbanist",system-ui,-apple-system,sans-serif;
--fb:"Public Sans",system-ui,-apple-system,sans-serif;
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
margin:0;
background:var(--bg);
color:var(--tx);
font:400 16.5px/1.7 var(--fb);
-webkit-text-size-adjust:100%;
overflow-x:hidden;
}
body::before{
content:"";
position:fixed;
inset:0 0 auto 0;
height:620px;
pointer-events:none;
z-index:0;
background:
radial-gradient(900px 380px at 50% -6%,rgba(59,130,246,.26),transparent 68%),
radial-gradient(520px 260px at 82% 4%,rgba(255,194,75,.10),transparent 70%);
}
body>*{position:relative;z-index:1}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
h1,h2,h3{font-family:var(--fh);font-weight:800;line-height:1.12;letter-spacing:-.02em;margin:0}
h1{font-size:clamp(31px,6.4vw,58px);padding:10px 0 14px}
h2{font-size:clamp(24px,3.4vw,36px);padding:14px 0 14px;scroll-margin-top:calc(var(--bar) + 20px)}
h3{font-size:clamp(18px,2.1vw,22px);padding:16px 0 10px;scroll-margin-top:calc(var(--bar) + 20px)}
p{margin:0 0 14px}
ul,ol{margin:0 0 14px;padding-left:20px}
li{margin:0 0 9px}
b,strong{font-weight:700}
em{font-style:normal;color:var(--gold2)}
[hidden]{display:none !important}
:focus-visible{outline:3px solid var(--gold);outline-offset:3px}

.unit-499{width:100%;max-width:var(--wrap);margin:0 auto;padding-left:18px;padding-right:18px}
.line-573{padding-top:36px;padding-bottom:36px}
.beam-608{background:var(--bg2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.tray-27{display:block;width:46px;height:3px;background:var(--gold);border-radius:2px;margin-bottom:16px}
.span-424{max-width:720px;padding-bottom:4px}
.node-447{max-width:720px;margin:0 auto;text-align:center;padding-bottom:4px}
.node-447 .tray-27{margin-left:auto;margin-right:auto}
.area-670{
display:inline-block;
font:700 12px/1 var(--fb);
letter-spacing:.18em;
text-transform:uppercase;
color:var(--blue2);
margin:0 0 10px;
}
.mesh-329{color:#BCCBE4;font-size:17px;margin-bottom:12px}
.head-142{color:var(--mu);font-size:15.5px}
.frame-87{color:var(--mu);font-size:14px;margin:16px 0 0}
.frame-87 b{color:var(--gold)}

.clip-480{
display:inline-flex;
align-items:center;
justify-content:center;
gap:9px;
font:700 16px/1 var(--fb);
letter-spacing:.01em;
text-decoration:none;
color:var(--ink);
background:linear-gradient(180deg,var(--gold2),var(--gold));
border:0;
border-radius:999px;
padding:17px 30px;
transition:transform .14s ease,box-shadow .14s ease;
box-shadow:0 10px 26px rgba(255,194,75,.20);
cursor:pointer;
}
.clip-480:hover{transform:translateY(-2px);box-shadow:0 14px 32px rgba(255,194,75,.30)}
.frame-391{font-size:14.5px;padding:12px 20px}
.head-759{
background:none;
color:var(--tx);
border:1px solid var(--line2);
box-shadow:none;
}
.head-759:hover{background:var(--surf2);border-color:var(--blue);box-shadow:none}
.pane-620{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:18px}
.seam-682{justify-content:center}

.rack-166{
position:sticky;
top:0;
z-index:40;
background:rgba(7,14,28,.9);
backdrop-filter:blur(12px);
border-bottom:1px solid var(--line);
}
.area-326{display:flex;align-items:center;gap:14px;min-height:var(--bar)}
.deck-854{
display:inline-flex;
align-items:center;
gap:10px;
font:800 21px/1 var(--fh);
letter-spacing:-.03em;
text-decoration:none;
color:var(--tx);
padding:8px 0;
}
.mesh-432{display:none;flex:1;justify-content:center}
.port-371{
display:flex;
gap:3px;
background:var(--surf);
border:1px solid var(--line);
border-radius:999px;
padding:5px;
}
.frame-892{
font:600 14.5px/1 var(--fb);
text-decoration:none;
color:#B7C6DF;
padding:11px 16px;
border-radius:999px;
}
.frame-892:hover{color:var(--ink);background:var(--gold)}
.pane-389{
margin-left:auto;
display:inline-flex;
align-items:center;
gap:9px;
font:700 13px/1 var(--fb);
letter-spacing:.1em;
text-transform:uppercase;
color:var(--tx);
background:var(--surf);
border:1px solid var(--line2);
border-radius:999px;
padding:13px 18px;
cursor:pointer;
}
.pane-389 i{display:block;width:16px;height:2px;background:var(--gold);border-radius:2px;position:relative}
.pane-389 i::before,.pane-389 i::after{content:"";position:absolute;left:0;width:16px;height:2px;background:var(--gold);border-radius:2px}
.pane-389 i::before{top:-5px}
.pane-389 i::after{top:5px}
.box-775{display:none;margin-left:auto}

.node-596{
position:fixed;
inset:0;
z-index:44;
background:rgba(3,7,16,.76);
opacity:0;
visibility:hidden;
transition:opacity .22s ease,visibility .22s ease;
}
.node-596[data-dock-213="1"]{opacity:1;visibility:visible}
.lane-830{
position:fixed;
left:0;
right:0;
bottom:0;
z-index:46;
background:var(--surf);
border-top:1px solid var(--line2);
border-radius:var(--r2) var(--r2) 0 0;
padding:14px 18px calc(20px + env(safe-area-inset-bottom));
transform:translateY(104%);
transition:transform .28s cubic-bezier(.3,.9,.3,1);
max-height:86vh;
overflow-y:auto;
}
.lane-830[data-dock-213="1"]{transform:translateY(0)}
.hook-479{display:block;width:44px;height:4px;border-radius:2px;background:var(--line2);margin:0 auto 16px}
.deck-517{display:grid;gap:8px;max-width:var(--wrap);margin:0 auto}
.deck-517 a{
display:flex;
align-items:center;
justify-content:space-between;
text-decoration:none;
font:600 16px/1 var(--fb);
color:var(--tx);
background:var(--surf2);
border:1px solid var(--line);
border-radius:14px;
padding:16px 18px;
}
.deck-517 a::after{content:"\203A";color:var(--gold);font-size:20px;line-height:1}
.mark-479{
display:block;
width:100%;
margin-top:12px;
font:700 14px/1 var(--fb);
letter-spacing:.08em;
text-transform:uppercase;
color:var(--mu);
background:none;
border:1px solid var(--line);
border-radius:999px;
padding:15px;
cursor:pointer;
}

.core-84{padding-top:20px;padding-bottom:10px}
.seam-397{
max-width:900px;
margin:0 auto;
text-align:center;
}
.seam-397 .area-670{color:var(--gold)}
.seam-397 .mesh-329{max-width:640px;margin:0 auto 4px}

.edge-354{
display:flex;
flex-wrap:wrap;
gap:10px;
margin:26px 0 0;
}
.base-335{
flex:1 1 150px;
background:var(--surf);
border:1px solid var(--line);
border-radius:var(--r);
padding:18px 14px;
text-align:center;
position:relative;
overflow:hidden;
}
.base-335::after{
content:"";
position:absolute;
left:0;
right:0;
top:0;
height:2px;
background:linear-gradient(90deg,transparent,var(--gold),transparent);
opacity:.55;
}
.head-141{display:block;font:700 11px/1.3 var(--fb);letter-spacing:.14em;text-transform:uppercase;color:var(--blue2);margin-bottom:9px}
.strip-267{display:block;font:800 clamp(19px,3.4vw,27px)/1.05 var(--fh);color:var(--gold);white-space:nowrap}
.pane-708{display:block;font-size:13.5px;color:var(--mu);margin-top:8px}

.arch-606{margin:26px auto 0;max-width:760px}
.arch-606 img{border-radius:var(--r2);border:1px solid var(--line2);width:100%}

.base-304{
display:flex;
flex-wrap:wrap;
justify-content:center;
gap:10px 0;
border-top:1px solid var(--line);
border-bottom:1px solid var(--line);
padding:18px 16px;
}
.pane-409{
padding:4px 22px;
font-size:14.5px;
color:var(--mu);
border-right:1px solid var(--line);
white-space:nowrap;
}
.pane-409:last-child{border-right:0}
.pane-409 b{color:var(--gold);font-family:var(--fh);font-size:17px;font-weight:800;margin-right:8px}

.rail-63{
background:var(--surf);
border:1px solid var(--line);
border-radius:var(--r2);
padding:24px 20px;
}
.grid-686{font:700 12px/1 var(--fb);letter-spacing:.18em;text-transform:uppercase;color:var(--mu);margin:0 0 18px}
.item-184{column-count:1}
.row-550{
display:flex;
break-inside:avoid;
align-items:baseline;
gap:10px;
text-decoration:none;
color:#C6D3E8;
font-size:15.5px;
padding:10px 2px;
border-bottom:1px dashed var(--line);
}
.row-550:hover{color:var(--gold)}
.row-550 span:first-child{
font:800 13px/1 var(--fh);
color:var(--blue2);
min-width:26px;
}
.row-550 span:nth-child(2){min-width:0;overflow-wrap:break-word}
.row-550 span:last-child{margin-left:auto;padding-left:10px;color:var(--mu);font-size:18px;line-height:1}

.strip-693{
background:var(--surf);
border:1px solid var(--line);
border-radius:var(--r);
padding:8px 18px;
margin-top:20px;
}
table{width:100%;border-collapse:collapse;font-size:15.5px}
th{
text-align:left;
font:700 12px/1.3 var(--fb);
letter-spacing:.12em;
text-transform:uppercase;
color:var(--mu);
padding:16px 12px;
border-bottom:1px solid var(--line2);
}
td{padding:15px 12px;border-bottom:1px solid var(--line)}
tr:last-child td{border-bottom:0}
td b{color:var(--gold);font-family:var(--fh);font-size:17px}

.area-776{display:flex;flex-wrap:wrap;gap:14px;align-items:flex-end;justify-content:space-between}
.stack-879{
display:inline-flex;
align-items:center;
gap:8px;
font:700 14.5px/1 var(--fb);
text-decoration:none;
color:var(--gold);
padding:10px 0;
white-space:nowrap;
}
.stack-879::after{content:"\2192"}
.stack-879:hover{color:var(--gold2)}

.row-632,.deck-74{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:22px}
.crest-748{
display:block;
width:100%;
max-width:214px;
justify-self:center;
text-decoration:none;
border-radius:var(--r);
overflow:hidden;
background:var(--surf);
border:1px solid var(--line);
transition:border-color .15s ease,transform .15s ease;
}
.crest-748:hover{border-color:var(--gold);transform:translateY(-4px)}
.crest-748 img{width:100%;aspect-ratio:2/3;object-fit:cover;background:var(--surf3)}
.vault-645{
display:block;
font:600 13px/1.35 var(--fb);
color:#C6D3E8;
padding:11px 12px 13px;
overflow-wrap:anywhere;
}

.pane-711{display:grid;gap:10px;margin-top:22px}
.mesh-108{
display:flex;
align-items:center;
gap:16px;
text-decoration:none;
background:var(--surf);
border:1px solid var(--line);
border-radius:var(--r);
padding:12px 18px 12px 14px;
transition:border-color .15s ease,background .15s ease;
}
.mesh-108:hover{border-color:var(--gold);background:var(--surf2)}
.mesh-108 img{width:64px;height:96px;border-radius:10px;object-fit:cover;flex:0 0 auto;background:var(--surf3)}
.wrap-613{min-width:0}
.wrap-613 b{display:block;font:700 16.5px/1.3 var(--fh);margin-bottom:3px}
.wrap-613 span{font-size:14px;color:var(--mu)}
.item-597{margin-left:auto;color:var(--gold);font-size:22px;line-height:1;flex:0 0 auto}

.base-863{
background:var(--ink);
border:1px solid var(--line2);
border-radius:var(--r);
padding:20px 18px;
}
.mark-237{font:700 12px/1 var(--fb);letter-spacing:.16em;text-transform:uppercase;color:var(--mu);margin:0 0 16px}
.rail-297{display:flex;flex-wrap:wrap;gap:10px}
.rail-297 a,.rail-297 div{
flex:1 1 128px;
display:grid;
place-items:center;
background:#0B1424;
border:1px solid var(--line);
border-radius:12px;
padding:14px 10px;
min-height:74px;
}
.rail-297 a:hover{border-color:var(--line2)}

.beam-302{display:grid;gap:14px;margin-top:20px}
.stack-88{
background:var(--surf);
border:1px solid var(--line);
border-radius:var(--r);
padding:20px 18px;
}
.tray-132{display:flex;align-items:center;gap:10px;font:800 17px/1 var(--fh);margin:0 0 14px}
.mesh-77{width:10px;height:10px;border-radius:50%;flex:0 0 auto}
.ridge-838{background:var(--gold)}
.seam-272{background:var(--blue)}
.port-432{display:flex;flex-wrap:wrap;gap:8px}
.list-478{
font:600 13.5px/1 var(--fb);
color:#C6D3E8;
background:var(--surf2);
border:1px solid var(--line);
border-radius:999px;
padding:10px 14px;
}

.unit-151{display:grid;gap:22px;align-items:center;margin-top:8px}
.unit-151 figure{margin:0}
.unit-151 img{border-radius:var(--r2);border:1px solid var(--line2);width:100%;max-width:460px;margin:0 auto}

.row-507{display:grid;gap:10px;margin-top:6px}
.shelf-255{
background:var(--surf);
border:1px solid var(--line);
border-radius:var(--r);
padding:4px 20px;
}
.shelf-255 h3{padding:10px 0;font-size:17.5px}
.shelf-255 button{
width:100%;
text-align:left;
font:inherit;
color:var(--tx);
background:none;
border:0;
padding:12px 38px 12px 0;
cursor:pointer;
position:relative;
}
.shelf-255 button::after{
content:"";
position:absolute;
right:6px;
top:50%;
width:11px;
height:11px;
margin-top:-7px;
border-right:2px solid var(--gold);
border-bottom:2px solid var(--gold);
transform:rotate(45deg);
transition:transform .18s ease;
}
.shelf-255 button[aria-expanded="true"]::after{transform:rotate(-135deg);margin-top:-2px}
.tile-829{padding-bottom:14px;color:#BCCBE4;font-size:15.5px}
.tile-829 p{margin:0}

.edge-507{
background:var(--surf);
border:1px solid var(--line);
border-radius:var(--r2);
padding:24px 20px;
}
.edge-507 p{color:#BCCBE4;font-size:16px}
.edge-507 a{color:var(--gold)}
.rack-666{margin:20px 0}
.rack-666 img{border-radius:var(--r);border:1px solid var(--line2);width:100%;max-width:470px;margin:0 auto}

.head-740{
background:
radial-gradient(600px 220px at 50% 0%,rgba(59,130,246,.30),transparent 70%),
var(--surf);
border:1px solid var(--line2);
border-radius:var(--r2);
padding:30px 20px;
text-align:center;
}
.head-740 .mesh-329{max-width:560px;margin:0 auto 4px;color:#D5E1F5}

.base-315{font-size:14px;color:var(--mu);padding-top:18px;margin:0}
.base-315 a{color:var(--gold)}
.lane-194{display:flex;flex-wrap:wrap;gap:10px;padding:20px 16px;background:var(--ink);border:1px solid var(--line);border-radius:var(--r)}
.lane-194 div{flex:1 1 130px;display:grid;place-items:center;background:#0B1424;border:1px solid var(--line);border-radius:12px;padding:12px 8px;min-height:66px}
.mesh-153{color:var(--mu);font-size:14px;padding:18px 0 0;margin:0}

.node-692{background:#050A15;border-top:1px solid var(--line);margin-top:36px;padding:38px 0 26px}
.shelf-616{display:grid;gap:26px}
.shelf-257{font:800 15px/1 var(--fh);color:var(--tx);margin:0 0 14px;letter-spacing:.02em}
.node-692 p{color:var(--mu);font-size:14.5px}
.node-692 a{color:#B7C6DF}
.node-692 ul{list-style:none;margin:0;padding:0}
.node-692 li{margin:0 0 10px}
.deck-468{
display:grid;
gap:8px;
margin-top:28px;
padding-top:20px;
border-top:1px solid var(--line);
color:var(--mu);
font-size:13.5px;
}

.mark-688{
position:fixed;
right:16px;
bottom:16px;
z-index:38;
width:48px;
height:48px;
display:none;
place-items:center;
color:var(--ink);
background:var(--gold);
border:0;
border-radius:50%;
box-shadow:0 8px 22px rgba(0,0,0,.5);
}
.mark-688[data-crest-686="1"]{display:grid}

.lane-893{
position:fixed;
left:12px;
right:12px;
bottom:12px;
z-index:50;
background:var(--surf);
border:1px solid var(--line2);
border-radius:var(--r);
padding:18px 18px;
box-shadow:0 18px 46px rgba(0,0,0,.65);
}
.lane-893 p{color:#BCCBE4;font-size:14px;margin:0 0 14px}
.span-873{display:flex;flex-wrap:wrap;gap:10px}
body[data-field-403="1"] .mark-688{display:none !important}
.lane-830[data-dock-213="1"]~.lane-893,.lane-830[data-dock-213="1"]~.mark-688{display:none !important}

@media (min-width:560px){
.item-184{column-count:2;column-gap:34px}
.row-632,.deck-74{grid-template-columns:repeat(4,minmax(0,1fr))}
.beam-302{grid-template-columns:1fr 1fr}
.deck-468{grid-template-columns:1fr auto}
}

@media (min-width:760px){
.unit-499{padding-left:28px;padding-right:28px}
.line-573{padding-top:54px;padding-bottom:54px}
.core-84{padding-top:34px}
.rail-63{padding:30px 28px}
.edge-507{padding:34px 32px}
.base-863{padding:26px 24px}
.head-740{padding:48px 36px}
.stack-88{padding:26px 24px}
.strip-693{padding:8px 24px}
.shelf-255{padding:4px 26px}
.base-335{padding:22px 16px}
.unit-151{grid-template-columns:1fr 1fr}
.box-142 figure{order:2}
.shelf-616{grid-template-columns:1.5fr 1fr 1fr}
.mesh-108{padding:14px 22px 14px 14px}
}

@media (min-width:1240px){
.row-632{grid-template-columns:repeat(8,minmax(0,1fr))}
.deck-74{grid-template-columns:repeat(5,minmax(0,1fr))}
}

@media (min-width:1000px){
.mesh-432{display:flex}
.pane-389{display:none}
.box-775{display:inline-flex;margin-left:0}
.area-326{justify-content:space-between}
.deck-854{flex:0 0 auto}
.item-184{column-gap:48px}
.mark-688{right:26px;bottom:26px}
.lane-893{left:auto;right:26px;bottom:26px;max-width:440px}
}

@media (max-width:640px){
.strip-693 thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.strip-693 table,.strip-693 tbody,.strip-693 tr,.strip-693 td{display:block;width:100%}
.strip-693 tr{border:1px solid var(--line);border-radius:14px;padding:8px 16px;margin:12px 0}
.strip-693 td{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);padding:12px 0}
.strip-693 tr td:last-child{border-bottom:0}
.strip-693 td::before{content:attr(data-label);font-weight:700;color:var(--mu);font-size:13px;flex:0 0 auto}
.strip-693 td:first-child{font-weight:700}
.pane-409{border-right:0;padding:4px 14px}
}

@media (prefers-reduced-motion:reduce){
html{scroll-behavior:auto}
*{transition-duration:.01ms !important;animation-duration:.01ms !important}
}