@font-face{font-family:'Assistant';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/assistant-latin-400.woff2) format('woff2');}
@font-face{font-family:'Assistant';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/assistant-latin-600.woff2) format('woff2');}
@font-face{font-family:'Assistant';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/assistant-latin-700.woff2) format('woff2');}
@font-face{font-family:'Bricolage';font-style:normal;font-weight:400 800;font-display:swap;src:url(fonts/bricolage-grotesque-latin.woff2) format('woff2');}

:root{
  color-scheme:dark;
  --bg:#09090e;
  --bg-raised:#0f1018;
  --panel:#141520;
  --line:rgba(255,255,255,.1);
  --line-strong:rgba(255,255,255,.2);
  --text:#f6f4fb;
  --muted:#aaa6b5;
  --faint:#898493;
  --violet:#a371f7;
  --violet-bright:#bd99ff;
  --cyan:#78b7ff;
  --sans:'Assistant','Segoe UI',system-ui,-apple-system,sans-serif;
  --display:'Bricolage','Assistant','Segoe UI',system-ui,sans-serif;
  --mono:ui-monospace,'Cascadia Code','SFMono-Regular',Consolas,monospace;
}

*{box-sizing:border-box;}
html{min-height:100%;background:var(--bg);}
body{min-height:100vh;min-height:100dvh;margin:0;display:grid;grid-template-rows:auto 1fr auto;background-color:var(--bg);background-image:radial-gradient(circle at 20% 18%,rgba(163,113,247,.12),transparent 31rem),radial-gradient(circle at 82% 78%,rgba(120,183,255,.08),transparent 29rem),linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:auto,auto,44px 44px,44px 44px;color:var(--text);font-family:var(--sans);font-size:1rem;line-height:1.6;-webkit-font-smoothing:antialiased;}
a{color:inherit;text-decoration:none;}

.skip-link{position:fixed;top:12px;left:12px;z-index:20;padding:8px 14px;border-radius:3px;background:var(--text);color:var(--bg);font-weight:700;transform:translateY(-160%);transition:transform .16s ease;}
.skip-link:focus{transform:translateY(0);}

header{border-bottom:1px solid var(--line);background:rgba(9,9,14,.92);}
.site-header{width:min(1184px,calc(100% - 56px));min-height:74px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:24px;}
.brand{display:inline-flex;align-items:center;gap:10px;font-size:.98rem;font-weight:700;letter-spacing:.04em;}
.brand svg{color:var(--violet-bright);}
.route-label{color:var(--cyan);font-family:var(--mono);font-size:.7rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;}

main{min-width:0;display:grid;place-items:center;padding:64px 28px 76px;outline:none;overflow:hidden;}
.redirect-card{position:relative;width:min(1040px,100%);display:grid;grid-template-columns:minmax(290px,.82fr) minmax(0,1.18fr);border:1px solid var(--line-strong);background:var(--panel);box-shadow:24px 24px 0 rgba(163,113,247,.065);}
.redirect-card::before{content:"";position:absolute;z-index:2;top:-1px;left:-1px;width:45%;height:2px;background:linear-gradient(90deg,var(--violet-bright),var(--cyan),transparent);}

.route-visual{position:relative;min-height:440px;padding:30px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;border-right:1px solid var(--line);background-color:var(--bg-raised);background-image:linear-gradient(rgba(120,183,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(120,183,255,.035) 1px,transparent 1px),linear-gradient(145deg,rgba(163,113,247,.15),transparent 56%);background-size:28px 28px,28px 28px,auto;}
.route-visual::before{content:"";position:absolute;width:210px;aspect-ratio:1;top:50%;left:50%;border:1px solid rgba(120,183,255,.3);border-radius:50%;transform:translate(-50%,-57%);box-shadow:0 0 0 34px rgba(120,183,255,.025),0 0 0 68px rgba(163,113,247,.025);}
.route-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.8%,rgba(189,153,255,.15) 50%,transparent 50.2%),linear-gradient(transparent 49.8%,rgba(120,183,255,.13) 50%,transparent 50.2%);pointer-events:none;}
.visual-label,.visual-path{position:relative;z-index:1;font-family:var(--mono);font-size:.68rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;}
.visual-label{position:absolute;top:28px;left:30px;color:var(--cyan);}
.route-glyph{position:absolute;z-index:1;top:50%;left:50%;width:174px;display:grid;grid-template-columns:12px 1fr 26px 1fr 12px;align-items:center;transform:translate(-50%,-74%);color:var(--violet-bright);}
.route-glyph i{width:12px;height:12px;border:2px solid var(--cyan);background:var(--bg-raised);transform:rotate(45deg);}
.route-glyph i:last-child{border-color:var(--violet-bright);}
.route-glyph::before,.route-glyph::after{content:"";height:1px;background:linear-gradient(90deg,var(--cyan),var(--violet-bright));}
.route-glyph::before{grid-column:2;}
.route-glyph::after{grid-column:4;}
.route-glyph b{grid-column:3;text-align:center;font-family:var(--display);font-size:1.35rem;font-weight:400;}
.route-visual strong{position:relative;z-index:1;max-width:100%;overflow-wrap:anywhere;color:var(--text);font-family:var(--display);font-size:clamp(2.65rem,5vw,4.1rem);font-weight:500;letter-spacing:-.045em;line-height:.94;}
.visual-path{margin-top:9px;color:var(--faint);letter-spacing:.06em;text-transform:none;}

.redirect-copy{padding:49px 52px 46px;align-self:center;}
.eyebrow{margin:0 0 9px;color:var(--violet-bright);font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;}
h1{max-width:10ch;margin:0;font-family:var(--display);font-size:clamp(2.7rem,5vw,4.2rem);font-weight:500;letter-spacing:-.045em;line-height:.98;}
.lede{max-width:50ch;margin:21px 0 0;color:var(--muted);font-size:1.05rem;line-height:1.65;}
.route-details{margin:27px 0 25px;border-top:1px solid var(--line);}
.route-details div{display:grid;grid-template-columns:112px minmax(0,1fr);gap:16px;padding:11px 0;border-bottom:1px solid var(--line);}
.route-details dt{color:var(--faint);font-size:.76rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;}
.route-details dd{min-width:0;margin:0;color:var(--text);}
.route-details code{font-family:var(--mono);font-size:.8rem;overflow-wrap:anywhere;}
.action{min-height:48px;padding:11px 18px;display:inline-flex;align-items:center;justify-content:center;gap:13px;border:1px solid var(--violet);border-radius:3px;background:var(--violet);color:#0b0810;font-weight:700;transition:background .16s ease,border-color .16s ease,transform .16s ease;}
.action:hover{border-color:var(--violet-bright);background:var(--violet-bright);transform:translateY(-1px);}
.action span{font-family:var(--display);font-size:1.12rem;}
.redirect-note{margin:18px 0 0;display:flex;align-items:flex-start;gap:9px;color:var(--faint);font-size:.8rem;line-height:1.45;}
.redirect-note>span{width:7px;height:7px;margin-top:.35em;flex:0 0 auto;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px rgba(120,183,255,.65);}

footer{width:min(1184px,calc(100% - 56px));margin:0 auto;padding:22px 28px 34px;border-top:1px solid var(--line);color:var(--faint);font-size:.76rem;text-align:center;letter-spacing:.04em;}

:focus-visible{outline:2px solid var(--cyan);outline-offset:3px;border-radius:2px;}

@media(max-width:780px){
  main{padding-top:42px;}
  .redirect-card{grid-template-columns:1fr;max-width:640px;box-shadow:16px 16px 0 rgba(163,113,247,.065);}
  .redirect-card::before{width:68%;}
  .route-visual{min-height:205px;border-right:0;border-bottom:1px solid var(--line);}
  .route-visual::before{width:148px;transform:translate(-50%,-62%);box-shadow:0 0 0 24px rgba(120,183,255,.025),0 0 0 48px rgba(163,113,247,.025);}
  .route-glyph{top:45%;width:148px;}
  .route-visual strong{font-size:clamp(2.45rem,10vw,3.5rem);}
  .redirect-copy{padding:38px 36px 39px;}
}

@media(max-width:480px){
  .site-header{width:calc(100% - 32px);min-height:64px;justify-content:center;}
  .route-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
  main{padding:28px 16px 48px;}
  .redirect-card{box-shadow:9px 9px 0 rgba(163,113,247,.065);}
  .route-visual{min-height:174px;padding:22px;}
  .visual-label{top:20px;left:22px;}
  .route-glyph{top:45%;width:126px;}
  .route-visual strong{font-size:clamp(2.2rem,12vw,2.9rem);}
  .visual-path{font-size:.63rem;}
  .redirect-copy{padding:29px 22px 31px;}
  h1{font-size:clamp(2.45rem,13vw,3.25rem);}
  .lede{font-size:1rem;}
  .route-details div{grid-template-columns:1fr;gap:2px;}
  .action{width:100%;padding-left:14px;padding-right:14px;}
  footer{width:calc(100% - 32px);padding-left:16px;padding-right:16px;}
}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{transition-duration:.01ms!important;}
}

@media(prefers-contrast:more){
  :root{--line:rgba(255,255,255,.26);--line-strong:rgba(255,255,255,.52);--muted:#d1ced8;--faint:#b8b4c0;}
}

@media(forced-colors:active){
  .redirect-card,.route-visual,.action{box-shadow:none;}
  .redirect-card::before,.route-visual::before,.route-visual::after{display:none;}
  .route-glyph i{border-color:CanvasText;}
  .redirect-note>span{background:CanvasText;box-shadow:none;}
}
