.app-portal{padding-block:var(--tj-space-section)}.app-portal__panel{position:relative;display:grid;grid-template-columns:minmax(0,560px) 360px;justify-content:center;grid-gap:72px;gap:72px;align-items:end;overflow:hidden;padding:56px 64px 0;border-radius:var(--tj-radius-panel);background:var(--tj-dark);color:var(--tj-surface)}@media (max-width: 1100px){.app-portal__panel{grid-template-columns:1fr;gap:var(--tj-space-lg);padding:var(--tj-space-lg) var(--tj-space-lg) 0}}.app-portal__glow{position:absolute;top:-140px;right:-100px;width:420px;height:420px;border-radius:50%;background:var(--tj-glow);pointer-events:none}.app-portal__content{position:relative;align-self:start;padding-bottom:56px}.app-portal__header{display:flex;align-items:end;justify-content:space-between;gap:var(--tj-space-lg);margin-bottom:36px}@media (max-width: 860px){.app-portal__header{flex-direction:column;align-items:start;gap:var(--tj-space-sm)}}.app-portal__title{max-width:22ch;margin:0;color:var(--tj-ink);font-family:var(--tj-font-heading);font-size:var(--tj-size-h2);font-weight:var(--tj-weight-black);line-height:var(--tj-leading-heading);text-wrap:balance}.app-portal__intro{max-width:36ch;margin:0;color:var(--tj-muted);font-size:var(--tj-size-body);line-height:var(--tj-leading-body);text-wrap:pretty}.app-portal__tabs{display:flex;flex-direction:column;gap:var(--tj-space-sm);margin:0;padding:0;list-style:none}.app-portal__tab{position:relative;display:flex;gap:18px;align-items:center;width:100%;padding:20px 22px 20px 26px;overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(255,255,255,.04);color:inherit;font-family:inherit;text-align:left;cursor:pointer;transition:background .25s,border-color .25s;transition:background var(--transition),border-color var(--transition)}.app-portal__tab:hover{border-color:#7fd1a866}.app-portal__tab.is-active{border-color:var(--tj-green);background:rgba(47,133,96,.14)}.app-portal__tab:focus-visible{outline:2px solid var(--tj-green-light);outline-offset:2px}.app-portal__tab-label{display:block;margin-bottom:6px;font-family:var(--tj-font-heading);font-size:1.1875rem;font-weight:var(--tj-weight-bold);color:var(--tj-surface)}.app-portal__tab-text{display:block;max-width:42ch;color:var(--tj-muted-soft);font-size:var(--tj-size-body-sm);line-height:var(--tj-leading-body);text-wrap:pretty}.app-portal__more{margin:var(--tj-space-lg) 0 0}.app-portal__more a{display:inline-flex;align-items:center;gap:6px;color:var(--tj-green-light);font-weight:var(--tj-weight-semibold);text-decoration:none}.app-portal__more a:hover,.app-portal__more a:focus{text-decoration:underline;text-underline-offset:2px}.app-portal__device{position:relative;align-self:stretch;min-height:540px;margin-bottom:-40px}@media (max-width: 1100px){.app-portal__device{align-self:auto;height:460px;min-height:0;max-width:300px}}.app-portal__screen{width:100%;height:100%;overflow:hidden;border:8px solid #000;border-bottom:none;border-radius:52px 52px 0 0;background-color:var(--tj-surface-alt);background-size:cover;background-position:top center;box-shadow:var(--tj-shadow-float);transition:background-image .25s;transition:background-image var(--transition)}.app-portal__tab-rail{position:absolute;inset:0 auto 0 0;width:4px;background:rgba(255,255,255,.12)}.app-portal__tab.is-active .app-portal__tab-rail{background:var(--tj-green-light)}.app-portal__tab-arrow{flex:none;color:#ffffff59;font-size:1.125rem}.app-portal__tab.is-active .app-portal__tab-arrow{color:var(--tj-green-light)}.app-portal__tab-cue{display:none;margin-top:8px;color:var(--tj-green-light);font-size:.75rem;font-weight:var(--tj-weight-bold);letter-spacing:.08em;text-transform:uppercase}.app-portal__tab.is-active .app-portal__tab-cue{display:block}.app-portal__now{display:flex;align-items:center;gap:14px;margin:8px 0 0;padding-top:20px;border-top:1px solid rgba(255,255,255,.12);font-size:.875rem;color:#9daec0}.app-portal__now-label{flex:none;color:var(--tj-green-light);font-size:.75rem;font-weight:var(--tj-weight-bold);letter-spacing:.12em;text-transform:uppercase}.app-portal__now-caption{display:none}.app-portal__now-caption.is-active{display:block}.app-portal--cards .app-portal__tab{border-color:#ffffff47;background:rgba(255,255,255,.12)}.app-portal--cards .app-portal__tab:hover{border-color:var(--tj-green-light);background:rgba(255,255,255,.18)}.app-portal--cards .app-portal__tab.is-active{border-color:var(--tj-surface);background:var(--tj-surface)}.app-portal--cards .app-portal__tab-text{color:#c9d5de}.app-portal--cards .app-portal__tab.is-active .app-portal__tab-label{color:var(--tj-ink)}.app-portal--cards .app-portal__tab.is-active .app-portal__tab-text{color:var(--tj-muted)}.app-portal--cards .app-portal__tab.is-active .app-portal__tab-cue,.app-portal--cards .app-portal__tab.is-active .app-portal__tab-arrow{color:var(--tj-green-deep)}.app-portal--cards .app-portal__tab.is-active .app-portal__tab-rail{background:var(--tj-green)}.app-portal--light .app-portal__panel{background:var(--tj-green-tint);color:var(--tj-ink)}.app-portal--light .app-portal__glow{opacity:.35}.app-portal--light .app-portal__tab{border-color:var(--tj-line);background:var(--tj-surface);box-shadow:0 2px 10px #0c1f240d}.app-portal--light .app-portal__tab:hover{border-color:var(--tj-green)}.app-portal--light .app-portal__tab.is-active{border-color:var(--tj-green);background:var(--tj-surface);box-shadow:0 0 0 1px var(--tj-green),0 10px 26px #0c1f2414}.app-portal--light .app-portal__tab-label{color:var(--tj-ink)}.app-portal--light .app-portal__tab-text{color:var(--tj-muted)}.app-portal--light .app-portal__tab-rail{background:var(--tj-line)}.app-portal--light .app-portal__tab-arrow{color:var(--tj-muted)}.app-portal--light .app-portal__tab-cue,.app-portal--light .app-portal__tab.is-active .app-portal__tab-arrow,.app-portal--light .app-portal__more a,.app-portal--light .app-portal__now-label{color:var(--tj-green-deep)}.app-portal--light .app-portal__tab.is-active .app-portal__tab-rail{background:var(--tj-green)}.app-portal--light .app-portal__now{border-top-color:#0c1f241f;color:var(--tj-muted)}.app-portal{scroll-margin-top:90px}.app-portal__badge{position:absolute;top:72px;left:-28px;z-index:2;display:flex;align-items:center;gap:8px;margin:0;padding:10px 16px;border-radius:999px;background:var(--tj-surface);box-shadow:0 16px 40px #0f1d2e38;color:var(--tj-ink);font-size:.875rem;font-weight:var(--tj-weight-bold);line-height:1.2}.app-portal__badge .tj-icon{color:var(--tj-green)}@media (max-width: 1100px){.app-portal__badge{top:20px;left:12px}}