:root{--navy:#06152b;--navy2:#0b2343;--navy3:#0d315d;--red:#ed1c38;--red2:#ff3c54;--blue:#2175c9;--ice:#eaf4ff;--ink:#0c1d34;--muted:#67768a;--line:#dce4ec;--white:#fff;--green:#29ba79;--shell:min(1180px,calc(100% - 40px))}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:400 16px/1.6 "DM Sans",sans-serif;color:var(--ink);background:#f7f9fc}button,input{font:inherit}button,a{cursor:pointer}a{text-decoration:none;color:inherit}.shell{width:var(--shell);margin:auto}.skip{position:fixed;left:20px;top:-80px;background:#fff;padding:10px 15px;z-index:100}.skip:focus{top:20px}header{position:absolute;z-index:10;left:0;right:0;border-bottom:1px solid rgba(255,255,255,.13)}.nav{height:86px;display:flex;align-items:center;gap:54px}.brand{display:flex;align-items:center;color:#fff}.brand-mex{font:800 1.75rem/1 Manrope,sans-serif;letter-spacing:-.09em;font-style:italic}.brand-mex:first-letter{color:var(--red)}.brand-line{height:30px;width:1px;background:rgba(255,255,255,.3);margin:0 12px}.brand-name{display:grid;line-height:1}.brand-name b{font:800 .85rem Manrope;letter-spacing:.18em}.brand-name small{font-size:.56rem;letter-spacing:.12em;color:#8ea2b8;margin-top:5px}.nav nav{display:flex;gap:30px;margin-left:auto;color:#aebed0;font-size:.88rem;font-weight:600}.nav nav a:hover{color:#fff}.top-login{border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.07);color:#fff;border-radius:9px;padding:10px 15px;font-weight:700}.top-login .lock{color:var(--green);font-size:.65rem;margin-right:7px}.menu{display:none;border:0;background:none}.menu i{display:block;width:24px;height:2px;background:#fff;margin:5px}.hero{min-height:810px;padding-top:86px;background:radial-gradient(circle at 85% 40%,rgba(28,90,151,.38),transparent 28%),linear-gradient(135deg,#07182f,#06152b 63%);color:#fff;position:relative;overflow:hidden}.grid-lines{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(to right,#000,transparent 72%)}.route-line{position:absolute;right:-60px;top:110px;width:570px;height:570px;border:1px solid rgba(75,156,236,.16);border-radius:50%}.route-line:before,.route-line:after{content:"";position:absolute;border:1px dashed rgba(75,156,236,.14);border-radius:50%;inset:70px}.route-line:after{inset:150px}.route-line span{position:absolute;width:8px;height:8px;background:var(--red);border-radius:50%;box-shadow:0 0 0 7px rgba(237,28,56,.12)}.route-line span:nth-child(1){left:35px;top:125px}.route-line span:nth-child(2){left:220px;bottom:-4px}.route-line span:nth-child(3){right:77px;top:45px}.hero-layout{position:relative;z-index:2;min-height:680px;display:grid;grid-template-columns:1fr .92fr;gap:75px;align-items:center}.label,.eyebrow{font:800 .72rem/1.2 Manrope;letter-spacing:.17em;color:#347fc4}.label{color:#aec6de;display:flex;align-items:center;gap:9px}.label i{width:7px;height:7px;border-radius:50%;background:var(--red);box-shadow:0 0 0 5px rgba(237,28,56,.12)}h1,h2,h3{font-family:Manrope,sans-serif;margin:0;line-height:1.08}h1{font-size:clamp(3.4rem,5.6vw,5.75rem);letter-spacing:-.06em;margin:22px 0 25px}h1 span{color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.65)}.hero-copy>p{font-size:1.08rem;color:#aebed0;max-width:620px}.hero-actions{display:flex;gap:13px;margin:34px 0 43px}.primary,.secondary{border:0;border-radius:9px;padding:14px 19px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:22px}.primary{background:var(--red);color:#fff;box-shadow:0 13px 35px rgba(237,28,56,.2)}.primary:hover{background:var(--red2)}.secondary{border:1px solid rgba(255,255,255,.22);color:#fff}.role-row{border-top:1px solid rgba(255,255,255,.14);padding-top:22px;display:flex;align-items:center;gap:23px;color:#8fa4ba;font-size:.73rem}.role-row div{display:flex;gap:7px}.role-row b{border:1px solid rgba(255,255,255,.15);border-radius:99px;padding:5px 9px;color:#c1cede;font-size:.59rem;letter-spacing:.06em}.portal-preview{background:rgba(255,255,255,.96);color:var(--ink);border:1px solid rgba(255,255,255,.18);border-radius:18px;box-shadow:0 35px 100px rgba(0,0,0,.35);transform:perspective(1100px) rotateY(-4deg) rotateX(2deg);position:relative}.preview-top{height:42px;background:#f2f5f9;border-radius:18px 18px 0 0;border-bottom:1px solid #dfe5ec;display:flex;align-items:center;padding:0 14px}.preview-top>div{display:flex;gap:5px}.preview-top>div span{width:7px;height:7px;border-radius:50%;background:#cbd3dc}.preview-top small{margin:auto;font:700 .55rem Manrope;letter-spacing:.1em;color:#77879a}.preview-top>i{font-style:normal;font-size:.52rem;color:#259f69}.preview-body{display:grid;grid-template-columns:54px 1fr;min-height:397px}.preview-body aside{background:var(--navy);display:flex;flex-direction:column;align-items:center;gap:16px;padding:16px 0;border-radius:0 0 0 18px}.preview-body aside strong{color:#fff;background:var(--red);width:27px;height:27px;display:grid;place-items:center;border-radius:7px;margin-bottom:7px}.preview-body aside i{font-style:normal;color:#71849b;width:30px;height:30px;display:grid;place-items:center;border-radius:7px}.preview-body aside i.selected{background:rgba(255,255,255,.11);color:#fff}.dashboard{padding:24px 22px;background:#fbfcfe;border-radius:0 0 18px}.dash-head{display:flex;justify-content:space-between;align-items:center}.dash-head small{font-size:.58rem;color:#8390a0}.dash-head h2{font-size:1.15rem}.dash-head>span{font-size:.59rem;background:#eff3f7;padding:6px 9px;border-radius:6px}.metric-row{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:20px 0}.metric-row>div{border:1px solid #e3e8ee;background:#fff;border-radius:10px;padding:12px;display:grid}.metric-row small{font-size:.58rem;color:#8090a2}.metric-row strong{font:800 1.35rem Manrope}.metric-row span{font-size:.5rem;color:#94a0ae}.metric-row .accent{background:var(--navy2);color:#fff;border:0}.metric-row .accent small,.metric-row .accent span{color:#93a9c1}.flow-card{border:1px solid #e0e6ed;border-radius:11px;padding:14px;background:#fff}.flow-card>div:first-child{display:grid}.flow-card small{font-size:.5rem;color:var(--red);letter-spacing:.1em;font-weight:800}.flow-card b{font-size:.73rem}.flow{display:flex;align-items:center;gap:8px;margin-top:14px}.flow span{background:#eaf2fa;padding:6px;border-radius:5px;font:700 .48rem Manrope}.flow i{font-style:normal;color:var(--red)}.activity{margin-top:14px;border-top:1px solid #e4e9ef;padding-top:12px}.activity>div{display:flex;justify-content:space-between;font-size:.58rem}.activity>div small{color:#91a0b0}.activity>span{display:inline-block;width:27%;height:6px;background:#e7ecf1;border-radius:5px;margin-right:6px}.preview-badge{position:absolute;right:-27px;bottom:-35px;background:#fff;box-shadow:0 14px 40px rgba(0,0,0,.24);border-radius:12px;padding:13px 17px;display:flex;align-items:center;gap:10px}.preview-badge>i{width:31px;height:31px;background:#dcf7eb;color:#15955d;display:grid;place-items:center;border-radius:50%;font-style:normal}.preview-badge div{display:grid}.preview-badge b{font-size:.7rem}.preview-badge span{font-size:.55rem;color:#7d8b9d}.system-strip{position:absolute;bottom:0;left:0;right:0;background:var(--red);height:44px;display:flex;align-items:center;transform:rotate(-.4deg) scale(1.01)}.system-strip .shell{display:flex;justify-content:space-between;align-items:center;font:800 .67rem Manrope;letter-spacing:.08em}.system-strip span:first-child i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#7effbd;margin-right:8px}.section{padding:105px 0}.section-head{display:grid;grid-template-columns:1.2fr .8fr;gap:80px;align-items:end;margin-bottom:45px}.section-head h2,.integration h2,.security h2{font-size:clamp(2.4rem,4vw,4rem);letter-spacing:-.045em;margin-top:12px}.section-head>p{color:var(--muted)}.module-layout{display:grid;grid-template-columns:1fr .72fr;gap:24px}.module-list{display:grid;gap:10px}.module{width:100%;border:1px solid var(--line);background:#fff;border-radius:13px;padding:16px 18px;text-align:left;display:grid;grid-template-columns:46px 1fr auto;align-items:center;gap:15px;color:var(--ink)}.module:hover,.module.active{border-color:#9db4cb;box-shadow:0 10px 28px rgba(6,21,43,.07)}.module.active{background:var(--navy);color:#fff}.module-icon{width:43px;height:43px;border-radius:10px;background:#e9f2fb;color:var(--blue);display:grid;place-items:center;font-size:1.2rem}.module.active .module-icon{background:var(--red);color:#fff}.module>div{display:grid}.module small{font:700 .55rem Manrope;letter-spacing:.1em;color:#8a99aa}.module b{font:700 .95rem Manrope}.module em{font-style:normal;color:var(--green);font-size:.61rem}.module em.plan{color:#8b99a9}.module.active em.plan,.module.active small{color:#9eb0c3}.module>i{font-style:normal;color:var(--red)}.module-detail{background:linear-gradient(145deg,#0b2a50,#06152b);color:#fff;border-radius:18px;padding:34px;min-height:100%;position:relative;overflow:hidden}.module-detail:after{content:"";width:240px;height:240px;border:1px dashed rgba(255,255,255,.1);position:absolute;right:-100px;bottom:-100px;border-radius:50%}.detail-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:55px}.detail-head>span{font:800 3.2rem/1 Manrope;color:rgba(255,255,255,.1)}.signal{display:flex;gap:4px}.signal i{width:4px;background:#46739f;border-radius:4px}.signal i:nth-child(1){height:8px}.signal i:nth-child(2){height:13px}.signal i:nth-child(3){height:19px;background:var(--red)}.module-detail h3{font-size:2rem;margin:10px 0}.module-detail>p{color:#a8bacd;font-size:.9rem}.module-detail ul{list-style:none;padding:15px 0}.module-detail li{margin:9px 0;color:#d2deea;font-size:.78rem}.module-detail li:before{content:"✓";color:var(--green);margin-right:9px}.path{position:absolute;left:34px;right:34px;bottom:30px;display:grid;border-top:1px solid rgba(255,255,255,.12);padding-top:17px;z-index:1}.path small{font-size:.52rem;color:#738ba4;letter-spacing:.1em}.path code{color:#cae3fb;font-size:.7rem;margin-top:3px}.integration{background:var(--navy);color:#fff;overflow:hidden}.integration-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:center}.eyebrow.pale{color:#79a9d8}.integration-copy>p{color:#a6b8cb}.integration-copy>a{display:inline-block;margin-top:20px;color:#fff;font-weight:700;font-size:.85rem}.integration-copy>a b{color:var(--red);margin-left:12px}.integration-map{height:450px;position:relative}.integration-map svg{position:absolute;inset:0;width:100%;height:100%}.integration-map path{fill:none;stroke:#275079;stroke-width:1.4;stroke-dasharray:5 6}.hub,.node{position:absolute;z-index:2;background:#0c2849;border:1px solid #25496e;color:#fff;display:grid;place-items:center;box-shadow:0 18px 45px rgba(0,0,0,.25)}.hub{left:50%;top:50%;transform:translate(-50%,-50%);width:114px;height:114px;border-radius:50%;border-color:rgba(237,28,56,.55);box-shadow:0 0 0 16px rgba(237,28,56,.06),0 22px 60px rgba(0,0,0,.35)}.hub strong{font:800 1.5rem/1 Manrope;color:var(--red)}.hub span{font-size:.55rem;letter-spacing:.15em;margin-top:-33px}.node{width:105px;height:76px;border-radius:12px}.node i{font-style:normal;color:#61a4e1}.node b{font:700 .59rem Manrope;letter-spacing:.08em}.n1{left:10%;top:7%}.n2{right:10%;top:7%}.n3{left:10%;bottom:7%}.n4{right:10%;bottom:7%}.security-panel{background:#fff;border:1px solid var(--line);border-radius:24px;padding:52px}.security-panel>div:first-child{display:grid;grid-template-columns:.45fr 1fr;gap:70px;align-items:start}.security-panel>div:first-child h2{margin:0}.security-items{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);margin-top:45px;border:1px solid var(--line)}.security-items article{background:#fff;padding:26px}.security-items article>b{color:var(--red);font-size:.7rem}.security-items h3{font-size:1.05rem;margin-top:25px}.security-items p{color:var(--muted);font-size:.82rem}footer{background:#030d1b;color:#98a8ba;padding:42px 0}.footer{display:grid;grid-template-columns:1fr 1fr auto;align-items:center}.footer p{font-size:.8rem}.footer>strong{color:var(--red);font-size:.72rem;letter-spacing:.1em}.dialog[hidden]{display:none}.dialog{position:fixed;z-index:50;inset:0;display:grid;place-items:center;padding:20px}.dialog-backdrop{position:absolute;inset:0;border:0;background:rgba(1,7,15,.77);backdrop-filter:blur(9px)}.dialog section{position:relative;z-index:1;width:min(430px,100%);background:#fff;border-radius:20px;padding:35px;box-shadow:0 30px 100px rgba(0,0,0,.4)}.dialog-close{position:absolute;right:17px;top:13px;background:none;border:0;font-size:1.6rem;color:#7b8998}.login-brand{display:flex;justify-content:space-between;align-items:center;color:var(--navy);margin-bottom:30px}.login-brand small{color:#8897a8;font-size:.56rem;letter-spacing:.15em}.prototype{display:inline-block;background:#eaf2fa;color:#2869a8;border-radius:99px;padding:5px 9px;font-size:.57rem;font-weight:800;letter-spacing:.1em}.dialog h2{font-size:1.85rem;margin-top:12px}.dialog section>p{font-size:.82rem;color:var(--muted)}.dialog label{display:grid;gap:6px;font-size:.72rem;font-weight:700;margin:15px 0}.dialog input{border:1px solid #d7e0e9;background:#f8fafc;border-radius:9px;padding:12px;outline:none}.dialog input:focus{border-color:#4386c6;box-shadow:0 0 0 3px rgba(67,134,198,.12)}.dialog .primary{width:100%;margin-top:8px}.notice{display:block;color:#8c99a8;font-size:.61rem;text-align:center;margin-top:13px}.toast{position:fixed;z-index:60;left:50%;bottom:-90px;transform:translateX(-50%);background:#fff;color:var(--ink);padding:11px 16px;border-radius:9px;box-shadow:0 12px 40px rgba(0,0,0,.25);font-size:.75rem;transition:.3s}.toast.show{bottom:25px}
@media(max-width:920px){.nav nav{display:none}.hero-layout,.section-head,.module-layout,.integration-grid{grid-template-columns:1fr}.hero-layout{padding:105px 0 140px}.portal-preview{max-width:650px;margin:auto;transform:none}.section-head{gap:20px}.integration-map{max-width:650px;width:100%;margin:auto}.security-panel>div:first-child{grid-template-columns:1fr;gap:20px}}
@media(max-width:650px){:root{--shell:min(100% - 26px,1180px)}.nav{height:75px}.nav .brand-name{display:none}.top-login{margin-left:auto}.hero{padding-top:75px}.hero-layout{padding:80px 0 120px}.hero-copy h1{font-size:3.15rem}.hero-actions{flex-direction:column;align-items:stretch}.role-row{align-items:flex-start;flex-direction:column}.role-row div{flex-wrap:wrap}.portal-preview{display:none}.system-strip .shell span:nth-child(n+3){display:none}.system-strip .shell{justify-content:center}.section{padding:75px 0}.section-head h2,.integration h2,.security h2{font-size:2.5rem}.module{grid-template-columns:42px 1fr auto}.module-detail{min-height:460px;padding:27px}.path{left:27px;right:27px}.integration-map{height:350px}.node{width:84px;height:65px}.hub{width:90px;height:90px}.security-panel{padding:30px 20px}.security-items{grid-template-columns:1fr}.footer{grid-template-columns:1fr;gap:18px}.footer .brand-name{display:grid}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.toast{transition:none}}
.brand-logo{display:grid;line-height:1;text-align:left}.brand-logo .brand-mex{font:800 1.75rem/1 Manrope,sans-serif;letter-spacing:-.09em;font-style:italic;color:var(--red)}.brand-logo .brand-mex:first-letter{color:var(--red)}.brand-logo>small{font:700 .48rem/1 Manrope,sans-serif;letter-spacing:.105em;color:#c0ccda;margin-top:5px;white-space:nowrap}.brand-logo+.brand-line{height:35px}.login-brand .brand-logo>small{color:#5f7083}.login-brand .brand-mex{font-size:2rem}
.brand-logo .brand-mex{display:inline-block;font-family:"Arial Black",Arial,Manrope,sans-serif;font-size:2.02rem;font-weight:900;line-height:.86;letter-spacing:-.045em;font-style:italic;color:var(--red);-webkit-text-stroke:0;text-shadow:none;transform:skewX(-4deg) scaleX(1.04);transform-origin:left center;margin-right:4px}.brand-logo .brand-mex:first-letter{color:var(--red)}.brand-logo>small{font-weight:900;font-size:.5rem;letter-spacing:.035em;text-align:center;margin-top:7px}.login-brand .brand-mex{font-size:2.2rem}

/* Motion system: purposeful, subtle, and disabled when reduced motion is preferred. */
@keyframes hero-enter{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
@keyframes preview-enter{from{opacity:0;transform:perspective(1100px) rotateY(-4deg) rotateX(2deg) translate3d(34px,28px,0)}to{opacity:1;transform:perspective(1100px) rotateY(-4deg) rotateX(2deg) translate3d(0,0,0)}}
@keyframes preview-float{0%,100%{translate:0 0}50%{translate:0 -9px}}
@keyframes route-pulse{0%,100%{box-shadow:0 0 0 6px rgba(237,28,56,.11);opacity:.75}50%{box-shadow:0 0 0 13px rgba(237,28,56,.025);opacity:1}}
@keyframes live-pulse{0%,100%{opacity:.45}50%{opacity:1}}
@keyframes hub-pulse{0%,100%{box-shadow:0 0 0 16px rgba(237,28,56,.06),0 22px 60px rgba(0,0,0,.35)}50%{box-shadow:0 0 0 26px rgba(237,28,56,.025),0 22px 60px rgba(0,0,0,.35)}}
@keyframes dash-shimmer{0%{transform:translateX(-120%)}100%{transform:translateX(220%)}}

.hero-copy .label,.hero-copy h1,.hero-copy>p,.hero-actions,.role-row{opacity:0;animation:hero-enter .72s cubic-bezier(.22,1,.36,1) forwards}.hero-copy .label{animation-delay:.08s}.hero-copy h1{animation-delay:.16s}.hero-copy>p{animation-delay:.25s}.hero-actions{animation-delay:.34s}.role-row{animation-delay:.43s}.portal-preview{opacity:0;animation:preview-enter .9s .28s cubic-bezier(.22,1,.36,1) forwards,preview-float 6s 1.2s ease-in-out infinite}.route-line span{animation:route-pulse 2.6s ease-in-out infinite}.route-line span:nth-child(2){animation-delay:.85s}.route-line span:nth-child(3){animation-delay:1.7s}.preview-top>i{animation:live-pulse 2s ease-in-out infinite}.hub{animation:hub-pulse 3.2s ease-in-out infinite}.primary,.secondary,.module,.node,.security-items article{transition:transform .28s cubic-bezier(.22,1,.36,1),box-shadow .28s ease,border-color .28s ease,background-color .28s ease}.primary:hover,.secondary:hover{transform:translateY(-2px)}.module:hover{transform:translateX(5px)}.node:hover,.security-items article:hover{transform:translateY(-5px)}.metric-row>div{position:relative;overflow:hidden}.metric-row>div:after{content:"";position:absolute;inset:-30% auto -30% -45%;width:28%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.72),transparent);transform:skewX(-18deg);animation:dash-shimmer 4.8s 1.4s ease-in-out infinite}.metric-row .accent:after{background:linear-gradient(90deg,transparent,rgba(255,255,255,.16),transparent)}
.reveal{opacity:0;transform:translateY(32px);transition:opacity .72s cubic-bezier(.22,1,.36,1),transform .72s cubic-bezier(.22,1,.36,1)}.reveal.is-visible{opacity:1;transform:translateY(0)}.security-items article.reveal:nth-child(2){transition-delay:.09s}.security-items article.reveal:nth-child(3){transition-delay:.18s}.module-detail.detail-refresh>*:not(.path){animation:hero-enter .38s cubic-bezier(.22,1,.36,1)}.dialog:not([hidden]) section{animation:hero-enter .35s cubic-bezier(.22,1,.36,1)}

@media(max-width:920px){.portal-preview{animation-name:hero-enter,preview-float}}
@media(prefers-reduced-motion:reduce){.hero-copy .label,.hero-copy h1,.hero-copy>p,.hero-actions,.role-row,.portal-preview,.route-line span,.preview-top>i,.hub,.metric-row>div:after,.dialog:not([hidden]) section{animation:none;opacity:1;translate:none}.reveal{opacity:1;transform:none;transition:none}.primary,.secondary,.module,.node,.security-items article{transition:none}}

/* Smooth handoff from the public landing page to the protected portal. */
.portal-transition{position:fixed;z-index:9999;inset:0;display:grid;place-items:center;background:#06152b;color:#fff;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s cubic-bezier(.22,1,.36,1),visibility 0s .18s;overflow:hidden}.portal-transition:before{content:"";position:absolute;inset:-35%;background:linear-gradient(115deg,transparent 41%,rgba(237,28,56,.92) 47%,rgba(237,28,56,.92) 53%,transparent 59%);transform:translateX(-78%)}.portal-transition.is-active{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}.portal-transition.is-active:before{animation:portal-sweep .38s cubic-bezier(.65,0,.35,1) forwards}.portal-transition-mark{position:relative;z-index:1;display:grid;justify-items:center;gap:12px;opacity:0;transform:translateY(9px) scale(.96)}.portal-transition.is-active .portal-transition-mark{animation:portal-mark-in .22s .03s cubic-bezier(.22,1,.36,1) forwards}.portal-transition-mark strong{font:900 clamp(3.5rem,9vw,7.5rem)/.82 "Arial Black",Arial,Manrope,sans-serif;letter-spacing:-.06em;font-style:italic;color:var(--red);transform:skewX(-4deg)}.portal-transition-mark span{font:800 .68rem/1 Manrope,sans-serif;letter-spacing:.22em;color:#c4d1df}.portal-transition-mark i{display:block;width:150px;height:2px;margin-top:4px;background:rgba(255,255,255,.14);border-radius:99px;overflow:hidden}.portal-transition-mark i:after{content:"";display:block;width:45%;height:100%;background:var(--red);border-radius:inherit;transform:translateX(-110%)}.portal-transition.is-active .portal-transition-mark i:after{animation:portal-progress .55s .06s ease-in-out infinite}.portal-login-link.is-loading{pointer-events:none}
@keyframes portal-sweep{to{transform:translateX(78%)}}
@keyframes portal-mark-in{to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes portal-progress{to{transform:translateX(330%)}}
@media(prefers-reduced-motion:reduce){.portal-transition{display:none}.portal-transition:before,.portal-transition-mark,.portal-transition-mark i:after{animation:none!important}}