.network-name{font:600 10px var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--sage)}
.landing-hero{min-height:calc(100svh - 76px);position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:34px 5.5vw 42px;overflow:hidden;background:radial-gradient(circle at 82% 24%,rgba(54,87,255,.32),transparent 29%),linear-gradient(135deg,var(--ink) 42%,#142720 100%)}
.landing-hero:after{content:'M';position:absolute;right:-4vw;bottom:-16vw;color:#ffffff08;font-size:min(72vw,64rem);font-weight:900;line-height:.8;letter-spacing:-.12em;pointer-events:none}
.landing-meta{position:relative;z-index:1;display:flex;justify-content:space-between;color:var(--sage);font:600 10px var(--mono);text-transform:uppercase;letter-spacing:.14em}
.landing-copy{position:relative;z-index:1;max-width:1180px;padding:8vh 0}
.landing-copy h1{max-width:10ch;margin:32px 0;font-size:clamp(66px,10.3vw,160px);font-weight:700;line-height:.8;letter-spacing:-.085em}
.landing-copy h1 em{display:block;color:var(--gold);font:italic 400 .95em Georgia,serif}
.landing-copy>p:last-child{max-width:640px;color:#bbc5bf;font:400 clamp(18px,1.5vw,22px)/1.58 Georgia,serif}
.landing-down{position:relative;z-index:1;width:max-content;color:var(--gold);font:700 10px var(--mono);letter-spacing:.14em;text-transform:uppercase}.landing-down span{margin-left:14px}
.portal-grid{display:grid;grid-template-columns:1fr 1fr}
.portal{position:relative;min-height:720px;padding:42px;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;transition:background .25s,color .25s}.portal.ffl{background:#d2f449;color:#0e1714}.portal.med{background:#3154ff;color:#fff}.portal:hover{background:var(--ivory);color:var(--ink)}
.portal-head{display:flex;justify-content:space-between;font:700 10px var(--mono);letter-spacing:.14em;text-transform:uppercase}.portal-head b{font-size:20px;transition:transform .25s}.portal:hover .portal-head b{transform:translate(6px,-6px)}
.portal-symbol{position:absolute;right:5%;top:20%;width:250px;aspect-ratio:1;border:1px solid currentColor;border-radius:50%;display:grid;place-items:center;font:700 42px var(--mono);letter-spacing:-.08em;opacity:.13;transform:rotate(-8deg)}
.portal-copy{position:relative;z-index:1}.portal-copy p{font:700 10px var(--mono);letter-spacing:.14em;text-transform:uppercase}.portal-copy h2{max-width:8ch;margin:16px 0 25px;font-size:clamp(62px,7.2vw,112px);font-weight:800;line-height:.83;letter-spacing:-.075em}.portal-copy>span{display:block;max-width:450px;font-size:16px;line-height:1.55}
.landing-statement{padding:clamp(90px,12vw,180px) 6vw;background:var(--ivory);color:var(--ink)}.landing-statement>p{max-width:16ch;margin:0;font-size:clamp(46px,7vw,105px);font-weight:700;line-height:.9;letter-spacing:-.07em}.landing-statement>div{display:flex;align-items:center;gap:18px;margin-top:60px;font:700 10px var(--mono);text-transform:uppercase;letter-spacing:.13em}.landing-statement i{width:5px;height:5px;background:#3154ff;border-radius:50%}
.landing-footer{background:var(--ink)}
@media(max-width:900px){.portal-grid{grid-template-columns:1fr}.portal{min-height:600px}.network-name{display:none}}
@media(max-width:560px){.landing-hero{min-height:calc(100svh - 76px);padding:28px 22px 36px}.landing-meta span:last-child{display:none}.landing-copy h1{font-size:62px}.portal{min-height:520px;padding:28px 22px}.portal-copy h2{font-size:58px}.portal-symbol{width:170px}.landing-statement>div{align-items:flex-start;flex-direction:column}.landing-statement i{display:none}}