/* The alternate opening is isolated from the navigation and lower sections. */
.landing-mono .mn-intro{
  --intro-paper:oklch(97.5% .002 80);
  --intro-muted:oklch(73% .002 80);
  --intro-line:oklch(35% .002 80);
  background:var(--mn-black);
  color:var(--intro-paper);
  padding:38px 0 25px;
  overflow:hidden;
}
.landing-mono .mn-intro-topline{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:11px;color:var(--intro-muted)}
.landing-mono .mn-intro-topline p{margin:0;display:flex;align-items:center;gap:10px}
.landing-mono .mn-intro-topline p>span{width:6px;height:6px;display:block;background:var(--intro-paper)}
.landing-mono .mn-intro-edition{font-size:9px;letter-spacing:.12em}
.landing-mono .mn-intro-title-wrap{position:relative;margin:54px 0 31px}
.landing-mono .mn-intro h1{margin:0;font-size:clamp(52px,6.05vw,87px);line-height:1.18;font-weight:820;letter-spacing:-.065em}
.landing-mono .mn-intro h1>span{display:block;width:fit-content;white-space:nowrap}
.landing-mono .mn-intro h1>span+span{color:oklch(69% .002 80);font-weight:500;margin-top:7px}
.landing-mono .mn-intro-turn{position:absolute;width:clamp(95px,12vw,165px);height:auto;right:8px;bottom:9px;stroke:var(--intro-paper);stroke-width:1.2}
.landing-mono .mn-intro-bottomline{display:flex;align-items:center;justify-content:space-between;gap:32px;margin:0 0 49px}
.landing-mono .mn-intro-description{font-size:14px;line-height:1.9;color:var(--intro-muted);margin:0;max-width:65ch;letter-spacing:-.025em}
.landing-mono .mn-intro-actions{display:flex;align-items:center;gap:25px;flex-shrink:0}
.landing-mono .mn-intro-start{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;min-height:54px;background:var(--intro-paper);color:var(--mn-black);padding:16px 21px;border:1px solid var(--intro-paper);border-radius:3px;font-family:"SUITE Landing",sans-serif;font-size:14px;font-weight:800;transition:background .2s}
.landing-mono .mn-intro-start>span{font-size:23px;line-height:1;transition:transform .25s cubic-bezier(.16,1,.3,1)}
.landing-mono .mn-intro-start:hover{background:oklch(85% .002 80)}
.landing-mono .mn-intro-start:hover>span{transform:translate(3px,-3px)}
.landing-mono .mn-intro-explore{display:flex;align-items:center;gap:13px;font-size:11px;min-height:44px;color:var(--intro-muted);transition:color .2s}
.landing-mono .mn-intro-explore:hover{color:var(--intro-paper)}
.landing-mono .mn-intro-explore>span{font-size:19px}
.landing-mono .mn-intro-process{display:grid;grid-template-columns:200px minmax(0,1fr);gap:30px;border-top:1px solid var(--intro-line);padding-top:28px}
.landing-mono .mn-intro-process-label>p{font-family:"SUITE Landing",sans-serif;font-size:15px;font-weight:700;margin:1px 0 4px}
.landing-mono .mn-intro-process-label>span{font-size:11px;color:var(--intro-muted)}
.landing-mono .mn-intro #replay-flow{display:flex;align-items:center;gap:9px;min-height:44px;font:inherit;font-size:10px;color:var(--intro-muted);background:none;padding:7px 0;margin-top:7px}
.landing-mono .mn-intro #replay-flow[hidden]{display:none}
.landing-mono .mn-intro #replay-flow:hover{color:var(--intro-paper)}
.landing-mono .mn-intro #replay-flow:disabled{opacity:.45;cursor:default}
.landing-mono .mn-intro #replay-flow>span{font-size:16px}
.landing-mono .mn-intro-track{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0}
.landing-mono .mn-intro-track li{padding:0 24px 0 0;min-width:0}
.landing-mono .mn-intro-track-top{display:flex;align-items:center;gap:15px;margin-bottom:16px}
.landing-mono .mn-intro-track-top>span{font-family:"SUITE Landing",sans-serif;font-size:11px;font-variant-numeric:tabular-nums;color:var(--intro-muted)}
.landing-mono .mn-intro-track-top>i{position:relative;display:block;height:1px;background:var(--intro-line);flex:1}
.landing-mono .mn-intro-track-top>i:before{content:"";position:absolute;inset:0;background:var(--intro-paper);transform-origin:left;transform:scaleX(1)}
.landing-mono .mn-intro-track-top>i:after{content:"";position:absolute;right:-1px;top:-2px;width:5px;height:5px;background:var(--intro-paper);border-radius:50%}
.landing-mono .mn-intro-track h2{font-size:19px;font-weight:700;letter-spacing:-.04em;margin:0 0 7px;line-height:1.35}
.landing-mono .mn-intro-track p{font-size:11px;line-height:1.7;color:var(--intro-muted);margin:0;word-break:keep-all}
.landing-mono .mn-intro-footnote{display:flex;justify-content:space-between;gap:24px;margin-top:27px;padding-top:17px;border-top:1px solid var(--intro-line);font-size:10px;color:var(--intro-muted);line-height:1.7}
.landing-mono .mn-intro-footnote p{margin:0}
.landing-mono .mn-intro-footnote>span{font-size:9px}
.landing-mono .mn-intro :focus-visible{outline:2px solid var(--intro-paper);outline-offset:5px}
@keyframes mn-intro-enter{from{opacity:.2;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
@keyframes mn-intro-line{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes mn-intro-point{from{opacity:0}to{opacity:1}}
.landing-mono.mn-motion-on .mn-intro h1>span{animation:mn-intro-enter .85s cubic-bezier(.16,1,.3,1) both}
.landing-mono.mn-motion-on .mn-intro h1>span+span{animation-delay:.12s}
.landing-mono .mn-intro-process.mn-playing .mn-intro-track-top>i:before{animation:mn-intro-line .9s .15s cubic-bezier(.16,1,.3,1) both}
.landing-mono .mn-intro-process.mn-playing .mn-intro-track li:nth-child(2) i:before{animation-delay:1.1s}
.landing-mono .mn-intro-process.mn-playing .mn-intro-track li:nth-child(3) i:before{animation-delay:2.05s}
.landing-mono .mn-intro-process.mn-playing .mn-intro-track-top>i:after{animation:mn-intro-point .2s .9s both}
.landing-mono .mn-intro-process.mn-playing .mn-intro-track li:nth-child(2) i:after{animation-delay:1.85s}
.landing-mono .mn-intro-process.mn-playing .mn-intro-track li:nth-child(3) i:after{animation-delay:2.8s}
@media(min-width:1600px){.landing-mono .mn-intro{padding-top:43px}.landing-mono .mn-intro-title-wrap{margin-top:61px}.landing-mono .mn-intro h1{font-size:92px}.landing-mono .mn-intro-bottomline{margin-bottom:57px}}
@media(max-width:1100px){.landing-mono .mn-intro-turn{width:95px;right:0;bottom:10px}.landing-mono .mn-intro-actions{gap:17px}.landing-mono .mn-intro-start{gap:22px;font-size:13px;padding-inline:17px}.landing-mono .mn-intro-explore{font-size:10px}.landing-mono .mn-intro-description{font-size:12px}.landing-mono .mn-intro-process{grid-template-columns:155px minmax(0,1fr);gap:20px}.landing-mono .mn-intro-track li{padding-right:18px}.landing-mono .mn-intro-track h2{font-size:17px}.landing-mono .mn-intro-track p{font-size:10px}}
@media(max-width:800px){.landing-mono .mn-intro{padding-top:30px}.landing-mono .mn-intro-edition{display:none}.landing-mono .mn-intro-title-wrap{margin-top:43px}.landing-mono .mn-intro h1{font-size:clamp(43px,7.6vw,62px)}.landing-mono .mn-intro-turn{display:none}.landing-mono .mn-intro-bottomline{display:block;margin-bottom:33px}.landing-mono .mn-intro-description{font-size:14px}.landing-mono .mn-intro-actions{margin-top:25px;gap:25px}.landing-mono .mn-intro-process{grid-template-columns:1fr;gap:22px}.landing-mono .mn-intro-process-label{display:flex;align-items:center;gap:10px}.landing-mono .mn-intro-process-label>p{margin:0}.landing-mono .mn-intro #replay-flow{margin:0 0 0 auto;min-height:44px}.landing-mono .mn-intro-footnote{flex-wrap:wrap;gap:4px;margin-top:25px}}
@media(max-width:560px){.landing-mono .mn-intro{padding:28px 0 22px}.landing-mono .mn-intro-topline{font-size:10px}.landing-mono .mn-intro-title-wrap{margin:36px 0 24px}.landing-mono .mn-intro h1{font-size:clamp(31px,10.5vw,55px);line-height:1.3;letter-spacing:-.065em}.landing-mono .mn-intro h1>span+span{margin-top:3px;font-weight:550}.landing-mono .mn-intro-description{font-size:13px;line-height:1.9}.landing-mono .mn-intro-actions{gap:17px;flex-wrap:wrap;margin-top:23px}.landing-mono .mn-intro-start{font-size:12px;min-height:49px;padding:14px 17px;gap:23px}.landing-mono .mn-intro-start>span{font-size:21px}.landing-mono .mn-intro-explore{font-size:10px;gap:8px}.landing-mono .mn-intro-process{padding-top:19px;gap:21px}.landing-mono .mn-intro-process-label{gap:8px}.landing-mono .mn-intro-process-label>p{font-size:12px}.landing-mono .mn-intro-process-label>span{font-size:10px}.landing-mono .mn-intro #replay-flow{font-size:9px;gap:5px}.landing-mono .mn-intro-track li{padding-right:12px}.landing-mono .mn-intro-track li:last-child{padding-right:0}.landing-mono .mn-intro-track-top{gap:8px;margin-bottom:12px}.landing-mono .mn-intro-track-top>span{font-size:10px}.landing-mono .mn-intro-track h2{font-size:14px;letter-spacing:-.06em}.landing-mono .mn-intro-track p{font-size:10px;line-height:1.85}.landing-mono .mn-intro-footnote{margin-top:23px;padding-top:15px;font-size:9px}.landing-mono .mn-intro-footnote>span{font-size:9px}}
@media(prefers-reduced-motion:reduce){.landing-mono .mn-intro *,.landing-mono .mn-intro *:before,.landing-mono .mn-intro *:after{animation:none!important;transition:none!important}.landing-mono .mn-intro #replay-flow{display:none!important}}