:root{--ink:#10233f;--ink-deep:#09182d;--cobalt:#2457d6;--signal:#e99a14;--mist:#eef4f8;--paper:#fbfdff;--line:#cbd9e5;--muted:#62738a}*{box-sizing:border-box}body,html{min-height:100%;margin:0}body{background:linear-gradient(rgba(16,35,63,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(16,35,63,.045) 1px,transparent 1px),var(--mist);background-size:28px 28px;color:var(--ink);font-family:Tahoma,Segoe UI,Arial,sans-serif}a{color:inherit}.gatewayShell,main{min-height:100vh}.gatewayShell{width:min(1180px,calc(100% - 40px));margin:0 auto;padding:28px 0 22px}.brand,.heroActions,.routeFlow,.routeHeader,.serviceState,.topbar,footer{display:flex;align-items:center}.topbar{justify-content:space-between;padding-bottom:22px;border-bottom:1px solid var(--line)}.brand{gap:12px}.brandMark{display:grid;width:42px;height:42px;place-items:center;border-radius:12px 4px 12px 4px;background:var(--ink);color:white;font-family:Cascadia Code,Consolas,monospace;font-size:1.25rem;font-weight:700}.brand small,.brand strong{display:block}.brand strong{font-size:1rem}.brand small{margin-top:3px;color:var(--muted);font-size:.7rem}.serviceState{gap:8px;margin:0;color:var(--muted);font-size:.76rem}.serviceState span{width:8px;height:8px;border-radius:50%;background:#25a468;box-shadow:0 0 0 5px rgba(37,164,104,.12)}.heroGrid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(460px,1.05fr);gap:clamp(42px,7vw,92px);align-items:center;padding:clamp(62px,9vw,118px) 0 clamp(56px,8vw,90px)}.heroCopy{max-width:590px}.accessLabel,.eyebrow{margin:0;color:var(--cobalt);font-size:.76rem;font-weight:700;letter-spacing:.04em}h1{max-width:620px;margin:14px 0 20px;color:var(--ink-deep);font-size:clamp(3rem,7vw,6.4rem);font-weight:800;letter-spacing:-.055em;line-height:1.08}.lead{max-width:590px;margin:0;color:var(--muted);font-size:clamp(1rem,1.6vw,1.12rem);line-height:2}.heroActions{flex-wrap:wrap;gap:16px;margin-top:30px}.primaryAction{display:inline-flex;min-width:190px;align-items:center;justify-content:space-between;gap:24px;padding:14px 16px;border-radius:10px;background:var(--ink);box-shadow:0 10px 28px rgba(16,35,63,.18);color:white;font-size:.88rem;font-weight:700;text-decoration:none;transition:transform .16s ease,background .16s ease}.primaryAction span{color:#aebbd0;font-family:Cascadia Code,Consolas,monospace;font-size:.62rem;font-weight:400}.primaryAction:hover{transform:translateY(-2px);background:var(--cobalt)}.accessGrid a:focus-visible,.primaryAction:focus-visible{outline:3px solid rgba(36,87,214,.32);outline-offset:3px}.apiAddress{padding-inline-start:16px;border-inline-start:1px solid var(--line)}.apiAddress code,.apiAddress small{display:block}.apiAddress small{margin-bottom:5px;color:var(--muted);font-size:.66rem}.apiAddress code,.routeHeader code{direction:ltr;color:var(--cobalt);font-family:Cascadia Code,Consolas,monospace;font-size:.78rem}.routeBoard{position:relative;overflow:hidden;padding:20px;border:1px solid rgba(203,217,229,.9);border-radius:18px;background:rgba(251,253,255,.86);box-shadow:0 28px 70px rgba(38,63,94,.13);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.routeBoard:before{position:absolute;inset:0;background:linear-gradient(135deg,rgba(36,87,214,.06),transparent 45%);content:"";pointer-events:none}.routeHeader{position:relative;justify-content:space-between;padding:0 2px 18px;border-bottom:1px solid var(--line);color:var(--muted);font-size:.7rem}.routeHeader code{color:var(--signal);font-size:.62rem}.routeFlow{position:relative;flex-direction:column;padding:28px 10px 10px}.routeNode{display:grid;width:min(100%,330px);grid-template-columns:70px 1fr;gap:5px 15px;padding:15px 18px;border:1px solid var(--line);border-radius:12px;background:var(--paper)}.routeNode small{grid-row:1/3;align-self:center;color:var(--muted);font-size:.64rem}.routeNode strong{color:var(--ink-deep);font-size:.86rem}.routeNode span{direction:ltr;color:var(--muted);font-family:Cascadia Code,Consolas,monospace;font-size:.62rem;text-align:right}.routeNodeActive{border-color:var(--cobalt);background:var(--ink);box-shadow:0 12px 32px rgba(16,35,63,.2)}.routeNodeActive strong{color:white}.routeNodeActive small,.routeNodeActive span{color:#aebbd0}.routeLine{position:relative;width:1px;height:42px;overflow:visible;background:var(--line)}.routeLine i{position:absolute;top:0;left:-2px;width:5px;height:12px;border-radius:8px;background:var(--signal);animation:travel 2.6s ease-in-out infinite}.accessGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.accessGrid article{display:grid;grid-template-columns:auto 1fr;gap:20px;padding:30px 0}.accessGrid article:first-child{padding-inline-end:36px;border-inline-end:1px solid var(--line)}.accessGrid article:last-child{padding-inline-start:36px}.accessNumber{display:grid;width:38px;height:38px;place-items:center;border:1px solid var(--line);border-radius:50%;color:var(--muted);font-size:.78rem}.accessGrid h2{margin:7px 0 9px;color:var(--ink-deep);font-size:1.15rem}.accessGrid p:not(.accessLabel){max-width:440px;margin:0;color:var(--muted);font-size:.78rem;line-height:1.85}.accessGrid a,.readyTag{grid-column:2;justify-self:start;margin-top:2px;color:var(--cobalt);font-size:.74rem;font-weight:700;text-decoration:none}.accessGrid a:hover{text-decoration:underline;text-underline-offset:5px}.readyTag{color:#16815a}footer{gap:22px;padding-top:20px;color:var(--muted);font-family:Cascadia Code,Consolas,monospace;font-size:.63rem}footer span:not(:last-child):after{margin-inline-start:22px;color:var(--line);content:"/"}@keyframes travel{0%,to{transform:translateY(0);opacity:0}20%,80%{opacity:1}50%{transform:translateY(30px)}}@media (max-width:920px){.heroGrid{grid-template-columns:1fr}.heroCopy{max-width:720px}.routeBoard{width:min(100%,650px)}}@media (max-width:650px){.gatewayShell{width:min(100% - 28px,1180px);padding-top:18px}.serviceState{font-size:0}.heroGrid{gap:42px;padding:48px 0 54px}h1{font-size:clamp(2.65rem,15vw,4.7rem)}.apiAddress{width:100%;padding:12px 0 0;border-top:1px solid var(--line);border-inline-start:0}.routeBoard{padding:15px}.routeNode{grid-template-columns:55px 1fr}.accessGrid{grid-template-columns:1fr}.accessGrid article:first-child,.accessGrid article:last-child{padding:26px 0;border-inline-end:0}.accessGrid article:first-child{border-bottom:1px solid var(--line)}footer{flex-wrap:wrap;gap:10px 16px}footer span:not(:last-child):after{margin-inline-start:16px}}@media (prefers-reduced-motion:reduce){.routeLine i{animation:none}.primaryAction{transition:none}}